@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600&display=swap');

html {
  font-size: 14px; /* Should not be converted to rem */
}

.container-fluid {
  padding: 0;
}

body {
  font-family: 'Open Sans';
  min-width: 48rem;
}

.dashboard-container {
  background: #D6D6D6;
  color: #222;
  font-family: 'Open Sans';
  height: 100%;
  border-radius: 0.3rem;
}

.headerRow {
  color: #FFF;
}

.pCollapsable {
  color: #FFF;
}

/*.pCollapsable {
  background: #1B1D52;
}

  .pCollapsable > a {
    color: #FFF;
  }*/

/* .footer {
  color: #FFF;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
} */

/* .menu-search-textbox {
  background-color: #4f87f6;
  color: #FFF;
  height: 30px;
} */

/* .menu-search-go-btn, .menu-search-go-btn:focus, .menu-search-go-btn:hover {
  height: 25px;
  padding: 5px 5px;
  color: #FFF;
  background-image: linear-gradient(#4f87f6, #66AEfB) !important;
} */

.dashBoardSettings > div > span {
  color: #FFF;
}

.dashBoardTitleRow {
  color: #222;
}

.dx-autocomplete .dx-texteditor-input {
  font-size: 1rem;
}

.dx-widget {
  font-family: 'Open Sans';
}

.dx-button[aria-label="search"],
.dx-button[aria-label="Search"].dx-button-has-icon {
  background-color: transparent!important;
  min-width: 0;
  padding: 0.3rem 0.1rem;
}

  .dx-button[aria-label="search"]:hover,
  .dx-button[aria-label="Search"].dx-button-has-icon:hover {
    background-color: transparent !important;
    padding: 0.3rem 0.1rem;
  }

  .dx-button[aria-label="search"].dx-button-has-icon .dx-icon,
  .dx-button[aria-label="Search"].dx-button-has-icon .dx-icon {
    color: #4F87F6;
  }

    .dx-button[aria-label="search"].dx-button-has-icon .dx-icon:hover,
    .dx-button[aria-label="Search"].dx-button-has-icon .dx-icon:hover {
      color: #433B65;
    }

    .dx-button[aria-label="search"].dx-button-has-icon .dx-icon:focus,
    .dx-button[aria-label="Search"].dx-button-has-icon .dx-icon:focus {
      color: #433B65;
    }

    .dx-button[aria-label="search"].dx-button-has-icon .dx-icon:active,
    .dx-button[aria-label="Search"].dx-button-has-icon .dx-icon:active {
      color: #433B65;
    }

  .dx-button[aria-label="search"].dx-button-mode-contained.dx-button-default.dx-state-focused,
  .dx-button[aria-label="Search"].dx-button-mode-contained.dx-button-default.dx-state-focused {
    background-color: transparent;
    border-color: transparent;
  }

  .dx-button[aria-label="search"].dx-button.dx-button-has-icon:not(.dx-button-has-text) > .dx-button-content,
  .dx-button[aria-label="Search"].dx-button.dx-button-has-icon:not(.dx-button-has-text) > .dx-button-content {
    padding: 0.2rem;
    font-size: 1.3rem;
  }


.btn-info, .dx-button, .btn-primary, .dropup {
  background: #4F87F6!important;
  border: none;
  color: #FFFFFF!important;
  border-radius: 0.3rem;
  font-family: 'Open Sans';
  font-size: 1rem;
  font-weight: 700;
  height: 2.1rem;
  padding: 0rem 0.7rem;
  min-width: 4.3rem;
  margin: 0 0.3rem;
}

  .btn-info:hover, .dx-button:hover, .btn-primary:hover, .dropup:hover {
    color: #FFFFFF;
    border: none;
    background-color: #433B65 !important;
  }

  .btn-info:active, .dx-button:active, .btn-primary:active, .dropup:active {
    color: #FFFFFF;
    border: none;
    background-color: #433B65 !important;
  }

  .dx-button.dx-state-hover, .btn-info:hover, .dx-button:hover, .btn-primary:hover, .dropup:hover {
    background-color: #433B65;
    border-color: #433B65;
  }

  /*.dx-button.dx-state-focused, .btn-info.focus, .btn-info:focus {
    background-color: #3892CF;
    border-color: #3892CF;
  }*/

  .dx-button.dx-state-active, .dx-button:active, .btn-primary:active, .dropup:active {
    background-color: #433B65;
    border-color: #433B65;
    color: #FFF;
  }

  .btn-info.Disabled, .btn-info:disabled, .btn-info.disabled, .dx-toolbar-item .dx-item-content .dx-button.dx-button-normal.dx-button-has-icon.dx-state-disabled {
    background-color: #C0C0C0 !important;
    opacity: 1;
    border: none;
    color: #FFF !important;
  }


.dx-toolbar-text-auto-hide .dx-button .dx-button-content,
.dx-button-has-text .dx-button-content,
.dx-button-has-icon .dx-button-content {
  /* padding: 0.1rem 0.1rem 0 0;*/
  padding: 0;
}


.dropdown-menu {
  width: 100%;
  color: #FFFFFF;
  margin-top: 0;
  padding: 0;
  border: 1px solid rgba(0,0,0,.05); /* Should not be converted to rem */
  border-radius: 0.4rem;
  box-shadow: 0 0.4rem 0.8rem rgb(0 0 0 / 18%);
  left: auto;
  right: 0;
}

  .dropdown-menu:hover {
    color: #FFFFFF;
    margin-top: 0;
  }

  .dropdown-menu > li > a:first-child {
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
  }

    .dropdown-menu > li > a:first-child:hover {
      border-top-left-radius: 0.4rem;
      border-top-right-radius: 0.4rem;
    }

  .dropdown-menu > li > a {
    color: #222222;
    padding: 0.7rem;
    cursor: pointer;
    background: #FFFFFF;
    font-size: 0.9rem;
    font-family: 'Open Sans';
    font-weight: 700;
    left: auto;
    right: 0;
  }

    .dropdown-menu > li > a:focus, .dropdown-menu > li:hover {
      background-color: #433B65;
      color: #FFFFFF;
      left: auto;
      right: 0;
    }

    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
      text-decoration: none;
      background-color: #433B65;
      color: #FFFFFF;
      left: auto;
      right: 0;
    }

.cl-upload-label {
  color: #4F87F6;
  text-decoration: underline;
  cursor: pointer;
  font-weight: unset;
}

  .cl-upload-label:hover {
    color: #433B65;
  }

.dx-clear-button-area {
  float: left;
}

.dx-show-clear-button .dx-icon-clear {
  color: #222222;
}

div.Disabled, .Disabled, .disabled {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
  pointer-events: none;
}

  div.Disabled span:not(.dx-icon-add):not(.dx-icon-trash):not(.dx-icon-plus) {
    color: #C0C0C0;
  }

#portalMenu {
  background: #F5F5F5;
  /*background-image: linear-gradient(to right, #FFF 96%, #C3D4FC);
  border-right: #4f87f6 1px solid;*/
}

.dx-tile {
  background: transparent;
  font-weight: bold;
}

  .dx-tile:hover {
    background: transparent;
  }

.menuIconSpan {
  color: #4F87F6;
}

/* .hierarchy-pane-header {
  color: #FFF;
  /*background-image: linear-gradient(#2b2754, #3e3877);
  border-radius: 5px;
  line-height: 27px;
  font-family: 'Open Sans';
  font-size: 14px;
} */

.headerPane {
  border-right: #0D0035 solid 1px; /* Should not be converted to rem */
}

.collapse-pane {
  background: #E6F4FF;
  border-radius: 0.3rem;
  width: 100%;
  height: 100%;
}

.sidebar-header-section {
  color: #222222;
  background: #FFFFFF;
  font-family: 'Open Sans';
}

.sidebar-content-section {
  background: #E6F4FF;
}

.iconDiv {
  padding: 0;
  text-align: center;
  margin: 0.5rem 0 0.4rem 0;
}

  .iconDiv > span {
    font-weight: bold;
    font-size: 1.1rem;
    color: #222;
  }

/* .input-group {
  /*border: #3892CF solid 1px;
  border-radius: 0.3rem;
  -webkit-box-shadow: inset 0 1px 1px #D9E5FD;
  box-shadow: inset 0 1px 1px #D9E5FD;
} */

.dx-texteditor-input, .dx-textarea .dx-texteditor-input {
  color: unset;
  font-weight: 600;
  padding-top: 0.3rem;
  padding-bottom: 0.4rem;
  line-height: 2.1rem!important;
}

.dx-tabs-expanded {
  display: block;
}

.dx-tabs {
  border: none;
  height: 2.4rem;
  background: transparent;
  border-radius: 0.3rem;
  float: left;
  text-align: left;
  width: auto;
}

.dx-tabs-wrapper {
  background-color: transparent;
}

  .dx-tabs > .dx-tabs-wrapper {
    background-color: transparent;
    line-height: 0.1rem;
  }

  .dx-tabs > .dx-tabs-wrapper::after {
    position: fixed;
  }

  .dx-tab.dx-state-hover::after,
  .dx-item.dx-tab.dx-tab-selected::after,
  .dx-tabs.dx-state-focused .dx-tab.dx-state-focused::after {
    border: none;
  }

.dx-tab {
  padding: 0.3rem 0rem;
  background: transparent;
  color: #4F87F6;
}

  .dx-tab.dx-state-disabled {
    color: #C0C0C0;
  }

.dx-state-disabled .dx-tab-content {
  opacity: 1;
}

.dx-tab .dx-tab-content {
  vertical-align: middle;
  font-size: 1rem;
  font-family: 'Open Sans';
  width: auto;
  margin: 0 0.7rem;
  /*color: #433B65;*/
  line-height: 1.4rem;
}

  .dx-tab .dx-tab-content .dx-tab-text {
    vertical-align: middle;
    font-size: 1rem;
    font-family: 'Open Sans';
    font-weight: 600;
    color: #4F87F6;
    /*margin: 0px 0.7rem;*/
  }

  .dx-tab.dx-tab-selected .dx-tab-text {
    color: #333;
  }

  .dx-tabs-expanded .dx-tab {
    flex-basis: auto;
    flex-grow: 0;
  }

.dx-tab.dx-tab-selected {
  background-color: transparent;
  color: #433B65;
  text-decoration: none;
}

.dx-tab.dx-state-hover {
  text-decoration: none;
  background-color: transparent;
  color: #433B65;
}

/*.dx-item .dx-tab {
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
  font-family: 'Open Sans';
  height: 2.4rem;
  position: relative;
}*/

::ng-deep.dx-tabs .dx-item .dx-tab .dx-state-focused .dx-tab-selected {
  text-decoration: none;
  background-color: #dce4f5;
  font-size: 1rem;
  font-weight: 600;
  font-family: 'Open Sans';
  height: 2.4rem;
  position: relative;
}

::ng-deep.dx-tabs .dx-item.dx-tab.dx-tab-selected::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0.3rem;
  right: 0;
  left: 0;
  width: 100%;
  border-bottom: 0.2rem solid #433B65;
}

::ng-deep.dx-tabs .dx-item-content.dx-tab-content {
  border-right: none;
}

.dx-widget input {
  font-family: 'Open Sans';
  /*padding: 2px 8px;*/
  font-size: 1rem;
  box-shadow: none;
  height: 2.1rem;
  /*color: #222222;*/
  border-radius: 0.3rem;
  font-weight: 600;
}

.dx-tabpanel .dx-tab {
  width: 14.3rem;
}

.dx-tabpanel .dx-tab-selected:before {
  border-bottom: none;
}

.wrapper {
  height: 2.4rem;
  margin: auto;
  position: relative;
  overflow: hidden
}

.nav {
  position: absolute;
  line-height: 100%;
  z-index: 1;
  left: 0;
  margin-top: 0;
}

  .nav li,
  .list .dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover),
  .nav-fill .nav-item {
    background: #EAEAEA;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    border-bottom: none;
    line-height: 2.4rem;
  }

    .nav li.active > a,
    .nav li.active > a:focus,
    .nav li.active > a:hover {
      background-color: #FFFFFF;
      color: #1C1939;
      border-bottom: none;
    }

    .nav li + li {
      margin-left: 0.1rem;
    }

    .nav li > a {
      color: #4F87F6;
      font-size: 1.1rem;
      font-family: 'Open Sans';
      font-weight: 500;
      padding: 0 1.4rem;
      cursor: pointer;
      border-radius: unset;
      border-top-left-radius: 0.3rem;
      border-top-right-radius: 0.3rem;
    }

      .nav li > a:focus,
      .nav li > a:hover {
        text-decoration: none;
        background-color: #EAEAEA;
        color: #433B65;
        border: none;
      }

      .nav li > a.nav-link.active {
        text-decoration: none;
        background-color: #FFFFFF;
        color: #1C1939;
        font-size: 1.1rem;
        font-weight: bold;
        font-family: 'Open Sans';
        border: none;
      }

.scroller {
  margin-top: 0.5rem;
  color: #4F87F6;
  cursor: pointer;
  width: 1.7rem;
}

.scroller-left {
  float: left;
  left: -1rem;
}

  .scroller-left:hover {
    color: #433B65;
  }

  .scroller-left i, .scroller-right i {
    font-weight: bold;
    font-size: 1rem;
  }

.scroller-right {
  float: right;
  padding-left: 0.7rem;
}

  .scroller-right:hover {
    color: #433B65;
  }

.dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
  background-color: unset;
}

/*.dx-tab.dx-tab-selected .dx-tab-content {
  border-bottom: 0.5px solid #433B65;
}*/

.dx-tab.dx-tab-selected .dx-tab-content .dx-tab-text {
  border-bottom: 0.5px solid #433B65; /* Should not be converted to rem */
}

div.Disabled .dx-tab.dx-tab-selected .dx-tab-content .dx-tab-text {
  border-bottom: 0.5px solid #C0C0C0; /* Should not be converted to rem */
}


.dx-tab.dx-state-hover {
  text-decoration: none;
  background-color: transparent;
  color: #433B65;
}


.dx-item .dx-tab {
  text-decoration: none;
  background-color: transparent;
  font-size: 1rem;
  font-weight: 600;
  font-family: 'Open Sans';
  height: 1.7rem;
  position: relative;
}

  .dx-item .dx-tab .dx-state-focused .dx-tab-selected {
    text-decoration: none;
    background-color: transparent;
    font-size: 1rem;
    font-weight: 600;
    font-family: 'Open Sans';
    height: 1.7rem;
    position: relative;
  }

  .dx-item.dx-tab.dx-tab-selected::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0.4rem;
    right: 0rem;
    left: 0rem;
    width: 100%;
    border-right: none;
    border-left: none;
  }

/*.accordion-option .title, .title {
  color: #222;
  font-weight: bold;
  font-size: 18px;
}

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 0;
}

  .accordion-option .title {
    font-size: 20px;
    font-weight: bold;
    float: left;
    padding: 0;
    margin: 7px 0 0 0;
    color: #3892CF;
  }

  .accordion-option .toggle-accordion {
    float: right;
    font-size: 16px;
  }

    .accordion-option .toggle-accordion:before {
      content: "Expand All";
    }

    .accordion-option .toggle-accordion.active:before {
      content: "Collapse All";
    }*/


.panel-group {
  margin-bottom: 0;
}

  .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
    padding: 1.4rem 0.7rem;
  }

.panel-default {
  border: none;
  box-shadow: none;
}

  .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: none;
  }

  .panel-default > .panel-heading {
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    height: 2.1rem;
  }

    .panel-default > .panel-heading > .panel-title {
      height: 100%;
      font-size: 1.1rem;
    }

    .panel-default > .panel-heading a {
      display: block;
      cursor: pointer;
      text-decoration: none;
      font-family: 'Open Sans';
      margin-top: -0.4rem;
      padding: 0.5rem 0.7rem 0.5rem 0.7rem;
    }

      .panel-default > .panel-heading a:after {
        content: "";
        position: relative;
        top: 0.1rem;
        display: inline-block;
        font-style: normal;
        font-weight: bolder;
        line-height: 100%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        float: right;
        transition: transform .25s linear;
        -webkit-transition: -webkit-transform .25s linear;
      }

      .panel-default > .panel-heading a[aria-expanded="false"] {
        background: #DFDFDF;
        color: #4F87F6;
        font-size: 1.1rem;
        /* line-height: 2.1rem; */
        height: 100%;
        font-weight: bold;
      }

        .panel-default > .panel-heading a[aria-expanded="false"]:hover,
        .panel-default > .panel-heading a[aria-expanded="true"]:hover {
          background: #433B65;
          color: #FFFFFF;
        }

        .panel-default > .panel-heading a[aria-expanded="false"]:after {
          content: "\f016";
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
          cursor: pointer;
          font-family: 'DXIcons';
        }

      .panel-default > .panel-heading a[aria-expanded="true"] {
        background: #E6F4FF;
        color: #4F87F6;
        font-size: 1.1rem;
        height: 100%;
        font-weight: bold;
      }

        .panel-default > .panel-heading a[aria-expanded="true"]:after {
          content: "\f014";
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
          cursor: pointer;
          font-family: 'DXIcons';
          color: #4F87F6;
        }

        .panel-default > .panel-heading a[aria-expanded="true"]:hover:after {
          color: #FFFFFF;
        }

.alertsDataGrid .dx-datagrid-headers, .portfolioDataGrid .dx-datagrid-headers {
  color: #1f1c3c;
  border-bottom: none;
  background: #FFF !important;
  height: 5vh;
  border: none !important;
  border-radius: 0.3rem;
}

  .alertsDataGrid .dx-datagrid-headers .dx-datagrid-table .dx-row > td,
  .portfolioDataGrid .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: none;
  }

.alertsDataGrid .dx-datagrid-rowsview,
.portfolioDataGrid .dx-datagrid-rowsview {
  border-top: none; /*1px solid #9dc4ff;*/
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem
}

.alertsDataGrid .dx-datagrid-headers .dx-datagrid-content,
.portfolioDataGrid .dx-datagrid-headers .dx-datagrid-content {
  margin: 0;
  height: 100%;
  font-size: 1rem;
}

.alertsDataGrid .dx-datagrid .dx-header-filter,
.portfolioDataGrid .dx-datagrid .dx-header-filter {
  color: #FFF;
  font-size: 1.3rem;
}

.alertsDataGrid .dx-toolbar-items-container,
.portfolioDataGrid .dx-toolbar-items-container {
  background-color: #FFF !important;
}

.alertsDataGrid .dx-datagrid-table,
.portfolioDataGrid .dx-datagrid-table {
  border-bottom: none;
  height: 100%;
}

.alertsDataGrid .dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content,
.portfolioDataGrid .dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content {
  vertical-align: middle;
}

.dashboard-grid {
  min-width: 100%;
  max-width: 100%;
  /*height: 100%;
  overflow: auto;*/
}

  .dashboard-grid .dx-datagrid .dx-datagrid-borders {
    border: #3892CF solid 1px; /* Should not be converted to rem */
  }

  .dashboard-grid .dx-toolbar-items-container {
    /*background: #0D0035 !important;*/
    background: #fff !important;
  }

.dx-datagrid-group-panel .dx-group-panel-message {
  color: #4f87f6;
  font-size: 1rem;
  font-family: 'Open Sans';
}

/*.dashboard-grid .dx-datagrid-headers {
  color: #FFF;
  border-bottom: none;
  /*background: linear-gradient(to top, #3892CF, #7FC4FD);
  background: #3892CF !important;
}*/
.dashboard-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  border-bottom: none;
}

.dashboard-grid .dx-datagrid-headers .dx-datagrid-table .dx-header-row > td:not([aria-label="Select all"]) {
  padding: 0 0.7rem;
  text-align: left !important;
}

.dashboard-grid .dx-datagrid-headers .dx-datagrid-table .dx-header-row > td.dx-command-select {
  text-align: center!important;
}

.dashboard-grid .dx-datagrid-rowsview {
  border: none;
  min-height: 10vh;
}

/*.dashboard-grid .dx-datagrid-headers .dx-datagrid-content {
  margin: 0px;
  /*height: 100%;
  font-size: 12px;
}

.dashboard-grid .dx-datagrid .dx-header-filter {
  font-size: 12px;
}*/

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-select {
  padding: 0 1rem 0 0.4rem !important;
  width: 2.7rem;
  min-width: 0.7rem;
  max-width: 2.8rem;
}

.dashboard-grid .dx-datagrid-table {
  border-bottom: none;
  /*height: 100%;*/
}

.dx-datagrid-export-button .dx-icon-export-excel-button::before, .dx-icon-xlsxfile::before {
  content: "\f05f";
}

.dashboard-grid .dx-datagrid-headers .dx-header-row > td > .dx-datagrid-text-content {
  vertical-align: middle;
  margin-right: 0.7rem;
  width: calc(100% - 2.2rem);
}

.dashboard-grid .dx-datagrid-filter-row, .dx-datagrid-filter-row .dx-editor-cell .dx-texteditor-input {
  background-color: #DDE4F6;
  color: #272930;
  font-size: 1rem;
  font-family: 'Open Sans';
  font-weight: bold;
  height: 2.4rem;
}

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder::before,
.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input {
  padding-left: 2.1rem;
}

.dx-datagrid-container.dx-filter-menu .dx-menu-item-has-icon .dx-icon, .dx-datagrid.dx-filter-menu .dx-menu-item-has-icon .dx-icon {
  color: #4f87f6;
}

.dashboard-grid .dx-datagrid-filter-row ::ng-deep .dx-texteditor {
  border: none;
}

  .dashboard-grid .dx-datagrid-filter-row ::ng-deep .dx-texteditor.dx-state-hover {
    border: none;
    box-shadow: unset;
  }


.dashboard-grid .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
  border-bottom: none;
}

.dashboard-grid .dx-datagrid-borders > .dx-datagrid-headers, .dx-datagrid-borders > .dx-datagrid-rowsview, .dx-datagrid-borders > .dx-datagrid-total-footer {
  border: none;
}

.dashboard-grid .dx-header-row {
  color: #272930;
  background: #E6F4FF;
  font-weight: bold;
  font-size: 1rem;
  height: 2.8rem;
  font-family: 'Open Sans';
  border: none;
}

.dx-datagrid .dx-column-lines > td {
  border-left: 1px solid #FFF; /* Should not be converted to rem */
  border-right: 1px solid #FFF; /* Should not be converted to rem */
}

.dx-datagrid .dx-row-lines > td, .dx-treelist .dx-row-lines > td {
  border-bottom: 1px solid #FFF; /* Should not be converted to rem */
}

.dx-popup-bottom .dx-button {
  background-color: #4f87f6;
  color: #FFF;
  margin: 0;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
  background-color: transparent !important;
}

/*.dx-popup-wrapper > .dx-overlay-content {
  border: #3892CF solid 1px;
}*/

.nodeCustomColour {
  background: transparent !important; /*#3892CF !important;*/
  color: #433B65 !important;
  font-weight: bold;
}

.dx-item.dx-treeview-item.disabledNodeCustomColour {
  color: #A9A9A9 !important;
  pointer-events: none;
}

  .dx-item.dx-treeview-item.disabledNodeCustomColour .dx-item-content dx-treeview-item-content {
    pointer-events: unset;
  }

.dx-template-wrapper > a, .hyper-link {
  color: #4f87f6;
  font-size: 1.1rem;
  font-family: 'Open Sans';
  text-decoration: underline;
  line-height: 100%;
  height: 1.7rem;
  width: 1.7rem;
  padding: 0.2rem 0;
  min-width: unset;
}

  .dx-template-wrapper > a:hover, .hyper-link:hover {
    color: #433B65;
  }

  .dx-template-wrapper > a.Disabled, .hyper-link.Disabled {
    color: #C0C0C0;
    opacity: 1;
  }

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) .dx-template-wrapper > a,
.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) .hyper-link {
  color: #FFFFFF;
}

.label, .dx-field-label {
  color: #222222;
  font-size: 1rem;
  font-family: 'Open Sans';
  white-space: pre-wrap;
  padding: 0.4rem 1rem 0.4rem 0; /*0.5rem 0rem*/
  width: 25%;
  font-weight: 600;
  overflow: unset;
  text-overflow: unset;
  word-break: break-word;
}

.div-border {
  background: #FFFFFF;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.padding0px {
  padding: 0;
}

/* .padding2px {
  padding: 2px;
} */

/* .div-border-right {
  border-right: #4f87f6 solid 1px;
  margin-top: -5px;
} */

.breadcrumb {
  margin-bottom: 0;
  background-color: transparent;
  padding: 0 0 0 1.9rem;
  font-family: 'Open Sans';
  font-size: 0.9rem;
  width: 50rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dx-button .dx-icon {
  color: #FFF;
}

.dx-calendar-navigator-previous-view.dx-button .dx-icon, .dx-calendar-navigator-previous-month.dx-button .dx-icon,
.dx-calendar-navigator-next-view.dx-button .dx-icon, .dx-calendar-navigator-next-month.dx-button .dx-icon {
  color: #FFF;
}

.dx-popup-title.dx-toolbar {
  padding: 0;
}

.dx-toolbar-after {
  right: 0.3rem;
}

/*.dashboard-grid .dx-toolbar-before {
  width: 100%;
}*/

.dashboard-grid .dx-toolbar-label .dx-toolbar-item-content > div {
  text-align: left;
}

.dx-toolbar-before {
  margin-left: 0.5rem;
  /*left: 557px;*/
}

.dx-toolbar .dx-toolbar-before {
  padding-right: 0;
  /*width: 35%;*/
}

.dx-pivotgrid .dx-area-description-cell {
  padding: 0.1rem 0.3rem;
  background-color: #4F87F6;
}

.dx-pivotgrid .dx-pivotgrid-area td {
  color: black;
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers tr:first-child td {
  white-space: nowrap;
}

.dx-pivotgrid .dx-pivotgrid-vertical-headers .dx-row-total, .dx-pivotgrid .dx-pivotgrid-area-data .dx-row-total {
  white-space: nowrap;
}

.mid-blue {
  color: #4F87F6 !important;
}

/*.glyphicon-switch2-newportal:before {
  content: url('../../Images/DashBoardManagement/icon_Switch2OldPortal.png');
}*/

.tile-div {
  width: 75%;
  background-color: #4F87F6;
  border-radius: 0.3rem;
}

#loadPreviousMenu {
  background-color: transparent;
}

.dx-pivotgrid .dx-pivotgrid-area td {
  color: black;
}

.dx-popup-title.dx-toolbar > .dx-toolbar-items-container {
  background: #47A5EE !important;
  color: #FFF;
}

.dx-dropdowneditor-overlay > .dx-overlay-content,
.dx-dropdowneditor-overlay .dx-state-focused.dx-overlay-content {
  border: #433B65 solid 1px; /* Should not be converted to rem */
}

.dx-pivotgrid .dx-pivotgrid-horizontal-headers td {
  text-align: left;
}

.dx-datagrid-group-panel .dx-group-panel-item {
  color: #FFF;
  font-weight: 500;
  border: 1px solid #3892CF;
  padding: 0.4rem;
  background: #3892CF;
}

.dx-toolbar-label > div {
  margin: 0.1rem -0.3rem;
}

.dx-datagrid-group-panel .dx-sort {
  color: #FFF;
}

.btn-info.focus, .btn-info:focus, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
  background-color: #433B65;
  border-color: #433B65;
}

.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
  background-color: #433B65;
}

.dx-popup-bottom.dx-toolbar.dx-popup-wrapper .dx-toolbar-items-container {
  background-color: none;
}

.btn-settings {
  padding: 0.1rem 0.4rem;
  line-height: 0.1rem;
}

/*.btn-add {
  background: #FFF;
  padding: 2px 6px;
  line-height: 1px;
}

  .btn-add:hover {
    background: #3892CF;
    padding: 2px 6px;
    line-height: 1px;
  }*/

.dx-template-wrapper > a.btn-info {
  color: #FFF;
  float: right;
  line-height: 100%;
  height: 1.7rem !important;
  width: 1.7rem !important;
  padding: 0.2rem 0;
  min-width: unset;
}

.modal-header {
  background: #47A5EE;
  padding: 0.5rem;
  color: #FFFFFF;
  height: 2.6rem;
}

  .modal-header .close {
    right: 0.3rem;
    position: absolute;
    width: 1.5rem;
    background: transparent;
    border: none;
    color: #FFF;
    border-radius: 0.2rem;
    padding: 0;
    opacity: 1;
    margin-top: -0.1rem;
  }

    .modal-header .close:hover {
      border: 1px solid #FFF; /* Should not be converted to rem */
    }

.modal-title {
  font-size: 1.4rem;
  font-family: 'Open Sans';
  color: #FFFFFF;
  line-height: 1.5rem;
}

button.close {
  -webkit-appearance: none;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 1.5rem;
}

.modal-footer .btn + .btn {
  margin-left: 1.4rem;
}

.dx-template-wrapper > a.btn-add {
  background: #FFF;
  float: right;
  padding: 0.3rem 0.5rem;
  line-height: 0.7rem;
}

.clickable {
  cursor: pointer;
}

.dx-datagrid-rowsview .dx-row:hover {
  background-color: #f5f5f5
}

/*.dx-row-selected {
  background-color: lightsteelblue !important;
}*/
.ng-valid[required], .ng-valid.required {
  border-left: 0.3rem solid #42A948; /* green */
}

.ng-invalid:not(form) {
  border-left: 0.3rem solid #a94442; /* red */
}

.overlay {
  /*background-color: #EFEFEF;*/
  z-index: 1000;
  opacity: .5; /* in FireFox */
  filter: alpha(opacity=40); /* in IE */
  pointer-events: none;
}

.dx-accordion-item-title {
  background: #DFDFDF;
  color: #4F87F6;
  font-size: 1.1rem;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0.3rem;
  font-weight: 600;
}

  .dx-accordion-item-title b {
    font-family: 'Open Sans';
    font-size: 1.1rem;
  }

  .dx-accordion-item-title:before {
    color: #4F87F6;
    font-size: 1.1rem;
    content: "\f016";
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
    font-family: 'DXIcons';
    font-weight: bolder;
  }

.dx-accordion-item-opened > .dx-accordion-item-title:before {
  content: "\f014";
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  cursor: pointer;
  font-family: 'DXIcons';
}

.dx-accordion {
  background-color: #FFF;
}

.dx-accordion-item {
  border: none;
  margin: 0.3rem;
}

  .dx-accordion-item:last-child {
    border: none;
  }

/*.dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) .dx-icon {
    color: #272930;
  }

  .dx-accordion-item.dx-state-active:not(.dx-accordion-item-opened) > .dx-accordion-item-title {
    color: #272930;
    background-color: rgba(201, 201, 201, 0.2);
  }*/

/*.dx-accordion-item.dx-state-hover {
    background-color: #0D0035;
  }

    .dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
      background-color: #3892CF;
    }

    .dx-accordion-item.dx-state-hover:not(:last-child):not(.dx-accordion-item-opened):not(.dx-state-focused) {
      border-bottom-color: #3892CF;
    }*/

/*.dx-accordion-item-opened {
  border-color: #3892CF;
}*/

/*.dx-accordion-item-opened.dx-state-hover > .dx-accordion-item-title {
    background-color: transparent;
  }*/

.dx-accordion-item-opened > .dx-accordion-item-title {
  background-color: #E6F4FF;
}

/*.dx-accordion-item-opened > .dx-accordion-item-title:before {
      content: "\f014";
      transform: rotate(360deg);
    }*/

.dx-accordion-item-opened + .dx-accordion-item {
  border-top-color: transparent;
}

.dx-accordion-item-opened .dx-accordion-item-body {
  background: #FFFFFF;
  border: none;
  height: 100%;
}

.dx-accordion-item.dx-state-hover {
  background-color: #433B65;
  color: #FFFFFF;
}

  .dx-accordion-item.dx-state-hover b, .dx-accordion-item.dx-state-hover .dx-accordion-item-title:before {
    color: #FFFFFF;
  }
/*.dx-accordion-item-opened + .dx-accordion-item.dx-state-hover:not(.dx-state-focused) {
    border-top-color: #343434;
  }



.dx-tabpanel .dx-tab:not(.dx-tab-selected):not(.dx-state-hover) {
  background: #0D0035;
}*/
.dx-tabpanel .dx-multiview-wrapper {
  /*border-left: #3892CF solid 1px;
  border-right: #3892CF solid 1px;
  border-bottom: #3892CF solid 1px;
  border-top: #FFF solid 1px;*/
  border: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.dx-treelist-headers {
  color: transparent;
  border-bottom: none;
}

  .dx-treelist-borders .dx-treelist-rowsview, .dx-treelist-headers + .dx-treelist-rowsview {
    border-top: none;
  }

.dx-treelist-rowsview .dx-row {
  border-top: none;
  border-bottom: none;
}

  .dx-treelist-rowsview .dx-row.dx-state-hover .dx-treelist-empty-space {
    color: #FFFFFF;
  }

.dx-treelist-rowsview .dx-treelist-table-fixed .dx-treelist-icon-container {
  float: left;
  margin: 0.2rem 0.3rem 0 0.2rem;
}

.dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space {
  color: #4F87F6;
}

  .dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space.dx-state-hover,
  .dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space:hover {
    color: #FFFFFF;
  }

/*.dx-datagrid-rowsview .dx-row.dx-row-lines:first-child {
  color: #272930;
  font-family: 'Open Sans';
}*/

.dx-datagrid-rowsview .dx-row {
  height: 2.4rem;
}

  .dx-datagrid-rowsview .dx-row:nth-child(odd), .dx-treelist-rowsview .dx-row:nth-child(odd) {
    background-color: #FFFFFF;
    color: #272930;
    font-family: 'Open Sans';
    font-size: 1rem;
  }

  .dx-datagrid-rowsview .dx-row:nth-child(even), .dx-treelist-rowsview .dx-row:nth-child(even) {
    background-color: #F5F5F5;
    color: #272930;
    font-family: 'Open Sans';
    font-size: 1rem;
  }

.dx-datagrid .dx-datagrid-sticky-column-left, .dx-treelist-sticky-column-right.dx-treelist-sticky-column-border-left:has(.dx-treelist-text-content) {
  background-color: inherit;
}

.dx-datagrid-table .dx-data-row.dx-state-hover > td:last-child {
  background-color: transparent !important;
  color: transparent !important;
}

.dx-datagrid .dx-menu-item-has-icon .dx-icon,
.dx-datagrid-container .dx-menu-item-has-icon .dx-icon {
  color: #4f87f6;
}

/* .border1pxsolid {
  border: 1px solid #4f87f6;
  margin-left: 9px;
} */

.dx-datagrid .dx-column-indicators .dx-sort.dx-sort,
.dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort,
.dx-treelist .dx-column-indicators .dx-sort.dx-sort,
.dx-treelist .dx-column-indicators .dx-header-filter.dx-sort {
  display: inline-block;
  color: #272930;
  font-weight: bold;
  font-size: 1rem;
}

.dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter,
.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter {
  display: inline-block;
  font-weight: 500;
}

.dx-header-row .dx-editor-cell .dx-select-checkbox {
  width: 1.2rem;
  height: 1.2rem;
}

.dx-datagrid-checkbox-size .dx-checkbox-icon, .dx-treelist-checkbox-size .dx-checkbox-icon, .dx-template-wrapper .dx-checkbox-icon {
  height: 100% !important;
  width: 100% !important;
}

.dx-datagrid-checkbox-size, .dx-treelist-checkbox-size, .dx-template-wrapper .dx-checkbox {
  width: 1.2rem;
  height: 1.2rem;
  padding-bottom: 0;
}

  .dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon::before,
  .dx-treelist-checkbox-size.dx-checkbox-checked .dx-checkbox-icon::before,
  .dx-template-wrapper .dx-checkbox.dx-checkbox-checked .dx-checkbox-icon::before {
    margin-left: -0.5rem;
    width: 100%;
    font-size: 0.8rem;
  }

  .dx-treelist-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon:before,
  .dx-template-wrapper .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    content: '';
    width: 0.65rem;
    height: 0.6rem;
    left: 0.2rem;
    top: 0.22rem;
  }

  .dx-datagrid-checkbox-size.dx-checkbox-indeterminate .dx-checkbox-icon:before {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    top: 48%;
  }

.dx-header-filter-menu .dx-overlay-content .dx-popup-content {
  padding: 0.8rem 0 0.6rem 0;
}

  .dx-header-filter-menu .dx-overlay-content .dx-popup-content .dx-item .dx-list-item .dx-list-item-content {
    padding: 0.6rem 1.8rem 0.6rem 0.7rem;
  }

.dx-header-filter-menu .dx-overlay-content .dx-popup-bottom.dx-toolbar {
  padding: 2.3rem 1rem 1.4rem 1rem;
}

  .dx-header-filter-menu .dx-overlay-content .dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
    height: 2.1rem;
  }

.dx-header-filter-menu .dx-overlay-content .dx-treeview .dx-treeview-item {
  padding: 0 0.7rem;
  line-height: 2.4rem;
}

  .dx-header-filter-menu .dx-overlay-content .dx-treeview .dx-treeview-item:hover,
  .dx-header-filter-menu .dx-overlay-content .dx-treeview .dx-treeview-item.dx-state-hover {
    background-color: #FFFFFF;
    color: #222222;
  }

.dx-header-filter-menu .dx-overlay-content .dx-treeview .dx-treeview-toggle-item-visibility {
  left: 0;
}

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon::before,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon::before {
  border-color: #433B65;
}

.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-focused .dx-radiobutton-icon::before,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-checkbox-icon,
.dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-focused .dx-radiobutton-icon::before {
  border: 1px solid #4F87F6; /* Should not be converted to rem */
}

/* .dx-datagrid-headers .dx-texteditor-input {
} */

.dx-datagrid-rowsview .dx-texteditor-input {
  padding: 0 0.5rem;
  min-height: 1.4rem;
  /*border: 1px solid #4F87F6;*/
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-editor-cell.dx-focused {
  border: none !important;
}


.dx-formtabs-wrapper {
  background-color: #dce4f5 !important;
}

.dx-tab-text {
  vertical-align: middle;
  font-size: 1rem;
  font-family: 'Open Sans';
  /*margin: 0px 0.7rem;*/
}

.dx-field-item-label-text {
  color: black;
  font-size: 1rem;
  font-family: 'Open Sans';
  font-weight: 600;
}

.dx-field-item-required-mark {
  color: #ff0000;
}

/*.dx-item-content.dx-tab-content {
  width: 100%;
}*/

.myClass {
  border-right: #fff;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: 0.8rem;
}

.dx-placeholder {
  color: #272930;
  font-size: 1rem;
  font-family: 'Open Sans';
  font-style: italic;
}

.dx-datagrid .dx-sort-up {
  color: #FFF;
}

iframe {
  border: none; /*1px solid #4f87f6;*/
  /*border-radius: 5px;*/
}

.dashboard-title {
  background-color: #DCE4F5;
  line-height: 2rem;
  border-radius: 0.3rem;
  font-family: 'Open Sans';
  color: #272930;
  font-weight: bold;
}

.dx-tab.dx-state-focused:after {
  border: none;
}

.dx-tab ::ng-deep .dx-tab-content {
  border-right: 1px solid black; /* Should not be converted to rem */
  width: 7.1rem;
}

.btn-accordion {
  font-size: 1rem;
  outline: none;
  background-color: #4F87F6;
  border-radius: 0.3rem;
  padding: 0.2rem 0.35rem !important;
  color: #FFFFFF;
  height: 1.7rem;
  width: 1.7rem;
  min-width: unset;
  margin-top: -0.3rem !important;
}

.btn-plus {
  font-size: 1rem;
  outline: none;
  border-radius: 0.2rem;
  padding: 0.1rem 0.5rem 0.3rem 0.5rem;
  height: 1.7rem;
  width: 1.7rem;
  cursor: pointer;
}

.btn-icon-text {
  font-size: 1rem;
  outline: none;
  border-radius: 0.2rem;
  padding: 0.15rem 0.35rem 0.22rem 0.35rem !important;
  height: 1.7rem;
  width: 1.7rem;
  cursor: pointer;
  margin-right: 0.4rem !important;
}

.dx-texteditor-input {
  /*min-height: 28px;*/
  min-height: 2.1rem;
}

.dx-treeview {
  color: #4F87F6;
  font-family: 'Open Sans';
}

  .dx-treeview .dx-treeview-item {
    white-space: nowrap;
    /*width: 98%;*/
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.4rem;
    line-height: 4rem;
  }

  .dx-treeview .dx-treeview-search {
    margin: 0.7rem;
  }

  .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-node.dx-treeview-root-node {
    margin-bottom: 1rem;
  }

  .dx-treeview .dx-treeview-node {
    padding-left: 2.5rem;
  }

    .dx-treeview .dx-treeview-node a {
      color: #4F87F6;
    }

      .dx-treeview .dx-treeview-node a:hover {
        color: #FFFFFF;
      }

    .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-selected > .dx-treeview-item {
      background-color: #433B65 !important;
      border: none;
      color: #FFFFFF;
    }

    .dx-treeview .dx-treeview-item.dx-state-hover,
    .dx-treeview .dx-treeview-node.dx-treeview-item-with-checkbox .dx-treeview-item.dx-state-hover {
      border: none;
      white-space: nowrap;
      /*width: 96%;*/
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item,
    .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-active > .dx-treeview-item {
      background-color: #F5F5F5;
      color: #433B65;
      font-weight: 900;
    }

      .dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item * {
        color: #433B65;
      }

  .dx-treeview .dx-treeview-item.dx-state-hover {
    background-color: #433B65;
    color: #FFFFFF;
    /*width: 96%;*/
  }

.dx-datagrid-content .dx-datagrid-table .dx-row > td {
  vertical-align: middle;
  font-family: 'Open Sans';
  font-size: 1rem;
  padding: 0 0.7rem;
}

#trvTradingCounterpartyHierarchy, #trvTradingEntityHierarchy, #trvPortfolioLegalHierarchy, #LH_TradingEntity_Hierarchy {
  color: #42444A;
}

.dx-toolbar-after .dx-toolbar-item {
  padding: 0 0 0 0.5rem;
}

/*.dx-toolbar-after .dx-toolbar-item.dx-toolbar-item-auto-hide.dx-toolbar-text-auto-hide {
    padding: 0;
  }*/

.dx-popup-bottom .dx-button {
  min-width: 4.3rem;
}

.dx-popup-bottom .dx-toolbar-after .dx-toolbar-item .dx-button {
  padding: 0.3rem;
  width: auto;
}

.dx-toolbar-item .dx-button:not([aria-label="Cancel"]):not([aria-label="OK"]):not([aria-label="Close"]):not([aria-label^='Select "Current Month"']):not([aria-label^='Select "Today"']):not([aria-label="Today"]) {
  padding:0.5rem 0.3rem;
  width:  2rem;
  color: #FFFFFF;
  background: #4F87F6;
  border-radius: 0.3rem;
  font-size: 1rem;
  height: 2rem;
  min-width: 0;
  margin: 0;
}

.dx-toolbar-item .dx-datagrid-export-button .dx-icon-spindown {
  display: none;
}

.dx-datebox-wrapper-datetime .dx-toolbar-before {
  margin-left: 2.3rem;
}

.dx-datebox-wrapper-datetime .dx-button[aria-label='Today'] .dx-button-text,
.grid-date-picker-btn-secondary .dx-button[aria-label^='Select "Today"'] .dx-button-text {
  display: inline-block;
  margin-top: 0.1rem;
}

.date-picker-btn-secondary .dx-button[aria-label^='Select "Current Month"'] .dx-button-text,
.date-picker-btn-secondary .dx-button[aria-label^='Select "Today"'] .dx-button-text {
  display: inline-block;
}

.dx-form-group-caption {
  font-size: 1rem;
  color: black;
  font-weight: 600;
  font-family: 'Open Sans';
}

button.my-expander-button {
  background: #DFDFDF;
  font-family: 'Open Sans';
  color: #4F87F6;
  font-size: 1.1rem;
  padding: 0 0.7rem;
  font-weight: bold;
  border: none;
  height: 2.1rem;
}

  button.my-expander-button:hover {
    background: #433B65;
    color: #FFFFFF;
  }

.spantitle {
  font-size: 1rem;
  color: black;
  font-weight: 600;
  font-family: 'Open Sans';
  line-height: 1.35715;
}

.btnSave {
  background: #4f87f6;
  border: none;
  color: #FFF;
  border-radius: 0.3rem;
  font-family: 'Open Sans';
  font-size: 1rem;
  line-height: 2rem;
  font-weight: 600;
}

.btnCancel {
  background: #4f87f6;
  border: none;
  color: #FFF;
  border-radius: 0.3rem;
  font-family: 'Open Sans';
  font-size: 1rem;
  line-height: 2rem;
  font-weight: 600;
}

.dx-form-group-with-caption > .dx-form-group-content {
  border-top: 1px solid #4f87f6; /* Should not be converted to rem */
}

.dx-checkbox-container {
  height: 100%;
  width: 100%;
  vertical-align: middle;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: initial;
  text-overflow: clip;
}

.dx-checkbox-icon {
  width: 1.5rem !important;
  height: 1.5rem !important;
  border-radius: 0.2rem;
  border: #4F87F6 solid 1px; /* Should not be converted to rem */
  background-color: #FFFFFF;
  box-shadow: none; /*inset 0px 1px 1px #D9E5FD;*/
  float: left;
  flex-shrink: 0;
}

.dx-invalid .dx-checkbox-container .dx-checkbox-icon,
.dx-invalid .dx-checkbox-container .dx-checkbox-icon:hover,
.dx-invalid .dx-checkbox-container .dx-checkbox-icon:focus,
.dx-invalid.dx-state-focused .dx-checkbox-container .dx-checkbox-icon {
  border: 0.2rem solid #F44336;
}

.dx-invalid .dx-checkbox-container .dx-checkbox-text {
  color: #F44336
}

.dx-field-value.dx-checkbox, .dx-field-value:not(.dx-widget) > .dx-checkbox {
  margin: 0;
  float: left;
}


hr {
  margin-top: 1.4rem;
  margin-bottom: 1.4rem;
  border: 0;
  border-top: 1px solid #4f87f6; /* Should not be converted to rem */
}

.dx-checkbox-text {
  padding-left: 0.7rem;
  font-size: 1rem;
  color: #222222;
  font-family: 'Open Sans';
  font-weight: 600;
  display: initial;
  margin-left: 0;
  float: left;
  /*width: 85%;*/
  line-height: 1.7rem;
}

.dx-popup-title .dx-closebutton, .dx-popup-title .dx-closebutton.dx-state-hover, .dx-popup-title .dx-closebutton.dx-state-focused,
.dx-popup-title .dx-closebutton.dx-state-active {
  padding: 0;
  background: transparent!important;
  height: 1.5rem;
}

  .dx-popup-title .dx-closebutton .dx-icon {
    color: #FFF;
    padding: 0;
    width: 100%;
    height: 100%;
    line-height: 100%;
  }

  .dx-popup-title .dx-closebutton.dx-state-hover {
    background-color: #dce4f5;
    color: #0D0035;
    border: none;
  }

  .dx-popup-title .dx-closebutton.dx-state-focused {
    background-color: #dce4f5;
    color: #0D0035;
    border: none;
  }

  .dx-popup-title .dx-closebutton.dx-state-active {
    background-color: #dce4f5;
    color: #0D0035;
    border: none;
  }

  .dx-popup-title .dx-closebutton .dx-button-content {
    overflow: visible;
  }

.modal-content {
  border: 1px solid #4F87F6; /* Should not be converted to rem */
}

.form-control {
  border: 1px solid #4F87F6; /* Should not be converted to rem */
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-width: unset !important;
  padding: 0rem !important;
  height: 100% !important;
  width: 100% !important;
  margin: 0;
}

  .btn-group > .btn:first-child {
    width: 100%;
  }
/*.btn-group > .btn:first-child {
    line-height: 1rem;
    margin: 0;
    padding: 0 0.2rem 0 0.7rem;
    min-width: unset;
    float: left;
    width: 65%;
    border-right: none;
  }*/
/*.btn-group > .btn + .dropdown-toggle {
    line-height: 1rem;
    margin: 0;
    padding-right: 0.7rem;
    padding-left: 0.5rem;
    min-width: unset;
    float: right;
    width: 35%;
    border-left: none
  }*/
.grid-title {
  font-size: 1rem;
  color: #1F1C3C;
  font-weight: 600;
  font-family: 'Open Sans';
}

.dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
  min-width: 2.1rem;
  font-weight: 200;
}

.dx-button.dx-state-hover {
  background-color: #433B65;
  border-color: #433B65;
}

.dx-button.dx-state-focused {
  background-color: #4F87F6;
  border-color: #4F87F6;
}

  .dx-button.dx-state-focused.dx-state-hover {
    background-color: #433B65;
    border-color: #433B65;
  }

.dx-button.dx-state-active {
  background-color: #433B65;
  border-color: #433B65;
  color: #FFF;
}

.dx-datagrid-pager.dx-widget,
.dx-datagrid-pager {
  border: none;
  border-radius: 0.3rem;
  border-top: none !important;
}

.dx-pager {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  color: #4F87F6;
  font-size: 1rem;
  font-family: 'Open Sans';
  font-weight: 600;
}

  .dx-pager .dx-pages .dx-info {
    opacity: 1;
  }

  .dx-pager .dx-page-sizes, .dx-pager .dx-pages {
    padding-top: 0.2rem;
  }

    .dx-pager .dx-pages .dx-selection,
    .dx-pager .dx-page-sizes .dx-selection {
      color: #433B65;
      background-color: #FFFFFF;
      border: 1px solid #433B65; /* Should not be converted to rem */
      font-weight: bold;
    }

    .dx-pager .dx-page-sizes .dx-page-size:first-child {
      margin-left: 0.5rem;
    }

    .dx-pager .dx-page-sizes .dx-page-size {
      padding: 0.2rem 0.5rem;
      margin-left: 0.5rem;
      margin-right: 0.5rem;
    }

      .dx-pager .dx-page-sizes .dx-page-size:hover {
        background: #433B65;
        color: #FFFFFF;
      }

    .dx-pager .dx-pages .dx-page {
      padding: 0.2rem 0.7rem;
    }

    .dx-pager .dx-pages .dx-navigate-button {
      vertical-align: middle;
      color: #4F87F6;
      font-size: 1rem;
      width: 1rem;
      height: 2.3rem;
      padding: 0 0.7rem;
      border-radius: 0.3rem;
    }

      .dx-pager .dx-pages .dx-navigate-button.dx-button-disable {
        opacity: 1;
        color: #C0C0C0;
      }

    .dx-pager .dx-pages .dx-prev-button:hover:not(.dx-button-disable),
    .dx-pager .dx-pages .dx-next-button:hover:not(.dx-button-disable),
    .dx-pager .dx-pages .dx-page:hover:not(.dx-button-disable) {
      background: #433B65;
      color: #FFFFFF;
    }

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-pager {
  background-color: #FFFFFF;
  padding: 1rem 0.5rem;
  line-height: 1.2rem;
  margin-top: 0;
}

.dx-datagrid-header-panel .dx-toolbar-menu-container .dx-button {
  margin-left: 0;
}

/*.dx-icon.dx-icon-overflow, .dx-icon.dx-icon-add {
  content: "\f00b";
}

.dx-icon-overflow:before {
  content: "\f00b";
}*/

.dx-tabpanel.dx-state-focused .dx-tab-selected:after {
  border-top: none;
  border-right: none;
  border-left: none;
}

.dx-datagrid-header-panel {
  border: none;
  padding-bottom: 0.7rem;
}

.dx-datagrid-headers {
  border-bottom: none;
  border-top: none !important;
  border-left: none;
  border-right: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
  /*border: none;*/
}

/*.dx-toolbar .dx-toolbar-after {
  margin-right: -10px;
}*/

.dx-item .dx-multiview-item .dx-item-selected .dx-state-hover .dx-state-focused {
  /*border-top: #FFF solid 1px;*/
  border: none !important;
}

.dx-tabpanel-tabs {
  /*border-top: #4f87f6 solid 1px;
  border-right: #4f87f6 solid 1px;
  border-left: #4f87f6 solid 1px;*/
  border: none;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.span-title {
  float: right;
  width: 30vh;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2.3rem;
  color: #540e33;
  font-weight: bold;
  text-align: right;
}

.btn-active {
  background-color: #433B65!important;
  border-color: #433B65;
  color: #FFF
}

.dx-invalid.dx-texteditor .dx-dropdowneditor-icon,
.dx-invalid.dx-texteditor.dx-state-hover .dx-dropdowneditor-icon,
.dx-invalid.dx-texteditor.dx-state-focused .dx-dropdowneditor-icon {
  background-color: #F44336;
  color: #FFFFFF;
}

.dx-invalid.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.dx-invalid.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon,
.dx-invalid.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-invalid.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
  background-color: #F44336;
  border-color: transparent;
}

.dx-invalid.dx-texteditor.dx-editor-filled.dx-show-invalid-badge .dx-texteditor-input-container::after,
.dx-invalid.dx-texteditor.dx-editor-outlined.dx-show-invalid-badge .dx-texteditor-input-container::after,
.dx-invalid.dx-texteditor.dx-editor-underlined.dx-show-invalid-badge .dx-texteditor-input-container::after {
  background-color: #F44336;
}

.dx-dropdowneditor-icon {
  background-color: #E6F4FF;
  color: #4F87F6;
  width: 2.3rem;
  border-radius: 0;
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  float: right;
}

.dx-datebox-calendar .dx-dropdowneditor-icon {
  width: 100%;
  border-radius: 0;
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}

.dx-dropdowneditor.dx-state-hover .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-state-focused .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon {
  background-color: #433B65;
  color: #FFFFFF;
}

.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
  background-color: #433B65;
  border-color: transparent;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item .dx-icon {
  color: #FFF;
}

.dx-toolbar-item .dx-button[aria-label="Clone"] {
  content: url('../../Images/DashBoardManagement/clone.svg');
  /*background: url('../../Images/DashBoardManagement/icon_Clone.png') no-repeat !important;*/
  /*background-color: #FFF !important;*/
  /*text-indent: -9999px;*/
}


.dx-icon-clone {
  content: url('../../Images/DashBoardManagement/clone.svg');
  width: 1rem;
}

/* width */
::-webkit-scrollbar {
  width: 0.6rem;
  height: 0.6em;
}

/* Track */
::-webkit-scrollbar-track {
  background: #E6E5E4 /* #B6B4B4*/;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #B6B4B4 /*#E6E5E4*/;
}

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #B6B4B4 /* #E6E5E4*/;
  }

.dx-datagrid .dx-header-filter.dx-header-filter-empty, .dx-treelist-container .dx-header-filter.dx-header-filter-empty {
  /* content: url(../../Images/DashBoardManagement/icon_Filter_White.png); */
  color: #4F87F6;
}

.dx-datagrid .dx-header-filter, .dx-treelist-container .dx-header-filter {
  /* content: url(../../Images/DashBoardManagement/icon_Filter_White.png); */
  color: #FFFFFF;
}

.dx-datagrid-column-chooser .dx-overlay-content .dx-popup-title {
  padding-top: 0;
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-popup-content {
  padding: 0 0 0 0.3rem;
}

.dx-popup-title.dx-toolbar .dx-toolbar-after {
  right: 0.3rem;
}

.dx-popup-title.dx-toolbar .dx-closebutton {
  position: static;
}

/* .font-size {
  font-size: 12px;
} */

.fr-box {
  width: 100% !important;
  padding-bottom: 0.3rem;
}

.dx-tabs-nav-buttons .dx-tabs-scrollable .dx-tabs-wrapper {
  border-left: none;
  border-right: none;
}

.dx-tabs-scrollable .dx-tabs-wrapper {
  border: none;
}

.dx-tabs-nav-button {
  font-family: 'Open Sans';
  font-size: 1rem;
  padding-top: 0.7rem;
  font-weight: 600;
  border-radius: unset;
  background: unset!important;
  margin: 0;
  padding: 0.8rem 0 0 0;
}

  .dx-tabs-nav-button:hover {
    color: unset;
    border: none;
    background-color: unset !important;
  }


  .dx-tabs-nav-button.dx-state-disabled {
    background: unset !important;
    opacity: 0 !important;
  }

    .dx-tabs-nav-button.dx-state-disabled .dx-icon-chevronprev, .dx-tabs-nav-button.dx-state-disabled .dx-icon-chevronnext {
      color: #C0C0C0 !important;
    }
/*.dx-tabs-nav-button:active {
    color: #433B65;
    border: none;
    background-color: #dce4f5 !important;
  }*/
/*.dx-tabs-nav-button.dx-state-active {
    background-color: #dce4f5;
    border-color: #FFF;
    color: #FFF;
  }*/



.dx-tabs-nav-button-right .dx-icon-chevronnext, .dx-tabs-nav-button-left .dx-icon-chevronprev {
  color: #4F87F6 !important;
  background-color: unset !important;
}

  .dx-tabs-nav-button-right .dx-icon-chevronnext:hover, .dx-tabs-nav-button-left .dx-icon-chevronprev:hover {
    color: #433B65 !important;
    border: none;
    background-color: transparent !important;
  }


.dx-tabs-scrollable {
  margin: 0 !important;
  height: 100%;
}

dx-number-box .dx-texteditor-input {
  text-align: right;
}
/*.navheader {
  background-color: #dce4f5;
}*/
.div-chevron-right {
  background-image: linear-gradient(to right, #FFF 10%, #C3D4FC)
}

/* .dx-dialog-message {
  padding: 0;
  white-space: pre-wrap;
  word-break: break-word;
  width: 550px;
} */

span.dx-sort-index-icon {
  display: none;
}

.dx-textarea ::ng-deep .dx-texteditor-input,
.dx-textarea .dx-texteditor-input {
  position: absolute;
}

.dx-textarea {
  min-height: 3.6rem;
  height: 3.6rem;
}

.dx-datagrid .dx-error-row {
  display: none;
}

.dx-popup-bottom.dx-toolbar {
  padding: 0.3rem 1rem;
  overflow: visible;
}

.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
  border-color: #C0C0C0;
  background: #E8E8E8;
  color: #8D8D8D;
}

.btn {
  padding: 0.5rem;
  height: 2.1rem;
  line-height: 0rem;
  font-family: 'Open Sans';
  font-size: 1rem;
  font-weight: 700;
}

.btn-secondary, .dx-button[text="Cancel"], .dx-button[aria-label="Cancel"], 
.dx-button[aria-label="Clear"], .btn-multi-function-secondary .dx-button, 
.dx-button[aria-label="Today"], .date-picker-btn-secondary .dx-button,
.grid-date-picker-btn-secondary .dx-button {
  border: 1px solid #4F87F6; /* Should not be converted to rem */
  color: #4F87F6!important;
  background: #FFFFFF!important;
}

  .btn-multi-function-secondary .dx-button i {
    color: #4F87F6;
  }

  .btn-secondary:hover, .btn-secondary.dx-state-hover, .dx-button[text="Cancel"]:hover, 
  .dx-button[aria-label="Cancel"]:hover, .dx-button[aria-label="Clear"]:hover,
  .btn-multi-function-secondary .dx-button:hover, .dx-button[aria-label="Today"]:hover,
  .date-picker-btn-secondary .dx-button:hover, .grid-date-picker-btn-secondary .dx-button:hover {
    border: 1px solid #433B65!important; /* Should not be converted to rem */
    color: #433B65!important;
    background-color: #FFFFFF !important;
  }

  .btn-secondary.dx-state-focused {
    border: 1px solid #4F87F6; /* Should not be converted to rem */
    color: #4F87F6;
    background-color: #FFFFFF !important;
  }

    .btn-secondary.dx-state-focused.btn-secondary.dx-state-hover {
      border: 1px solid #433B65; /* Should not be converted to rem */
      color: #433B65;
      background-color: #FFFFFF !important;
    }

.btn-multi-function-secondary .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-hover,
.btn-multi-function-secondary .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-focused {
  border: 1px solid #433B65; /* Should not be converted to rem */
  color: #433B65;
  background-color: #FFFFFF !important;
}

  .btn-multi-function-secondary .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-hover i,
  .btn-multi-function-secondary .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-focused i {
    color: #433B65;
  }

  .dx-state-disabled.btn-secondary .dx-icon.dx-icon-right,
  .dx-state-disabled.dx-button[text="Cancel"] .dx-icon.dx-icon-right,
  .dx-state-disabled.dx-button[aria-label="Cancel"] .dx-icon.dx-icon-right,
  .dx-state-disabled.dx-button[aria-label="Clear"] .dx-icon.dx-icon-right,
  .btn-multi-function-secondary .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled i {
    color: #C0C0C0;
  }

.btn-icon {
  font-size: 1rem;
  outline: none;
  padding: 0.2rem 0.5rem 0.4rem 0.5rem;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
}

.btn-multi-function-icon .dx-button {
  height: 2rem;
  width: 2rem;
}

  .btn-multi-function-icon .dx-button i:before {
    margin: 0 -0.3rem;
    line-height: 2rem;
    margin-left: -1rem;
  }

.btn-within-grid-multi-function-icon .dx-button {
  height: 1.7rem;
  width: 1.7rem;
}

  .btn-within-grid-multi-function-icon .dx-button i:before {
    margin: 0 0 0 -1rem;
    line-height: 1.8rem;
  }

  .btn-multi-function-icon .dx-button i.dx-icon.dx-icon-right, .btn-within-grid-multi-function-icon .dx-button i.dx-icon.dx-icon-right {
    display: none;
  }


.dx-state-disabled.dx-button,
.dx-state-disabled .dx-button {
  cursor: default;
  background: #C0C0C0!important;
  color: #FFFFFF;
  opacity: 1;
}

.dx-state-disabled.btn-secondary,
.dx-state-disabled.dx-button[text="Cancel"],
.dx-state-disabled.dx-button[aria-label="Cancel"],
.dx-state-disabled.dx-button[aria-label="Clear"],
.btn-multi-function-secondary .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled {
  background: #FFFFFF !important;
  color: #C0C0C0 !important;
  border: 1px solid #C0C0C0; /* Should not be converted to rem */
}

.Disabled .btn-info {
  background: #C0C0C0;
  opacity: 1;
}

.dx-placeholder {
  display: none;
}

input::placeholder {
  color: transparent;
}

.dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button),
.dx-field-value-static {
  /*width: 60%;*/
  float: left;
}

.dx-texteditor, .dx-texteditor.dx-editor-outlined {
  background: #FFFFFF;
  border: #4F87F6 solid 1px; /* Should not be converted to rem */
  box-shadow: none; /* inset 0px 1px 1px #D9E5FD*/
  border-radius: 0.3rem;
  color: #222222;
  font-size: 1rem;
  font-family: 'Open Sans';
  height: 2.1rem;
  font-weight: 600; /*Semi bold*/
}

  .dx-texteditor.dx-state-readonly, .dx-texteditor.dx-state-disabled {
    border: 1px solid #C0C0C0 !important; /* Should not be converted to rem */
    background: #E8E8E8 !important;
    color: #8D8D8D !important;
    opacity: 1 !important;
  }

  .dx-texteditor.dx-state-hover {
    border: 1px solid #433B65; /* Should not be converted to rem */
    box-shadow: none; /*inset 0px 1px 1px #CBC7DA*/
    background: #FFFFFF;
  }

    .dx-texteditor.dx-state-hover .dx-button[aria-label="search"].dx-button-has-icon .dx-icon,
    .dx-texteditor.dx-state-focused .dx-button[aria-label="search"].dx-button-has-icon .dx-icon,
    .dx-texteditor.dx-state-active .dx-button[aria-label="search"].dx-button-has-icon .dx-icon,
    .dx-texteditor.dx-state-hover .dx-button[aria-label="Search"].dx-button-has-icon .dx-icon,
    .dx-texteditor.dx-state-focused .dx-button[aria-label="Search"].dx-button-has-icon .dx-icon,
    .dx-texteditor.dx-state-active .dx-button[aria-label="Search"].dx-button-has-icon .dx-icon {
      color: #433B65;
    }


  .dx-texteditor.dx-state-active.dx-editor-filled,
  .dx-texteditor.dx-state-active.dx-editor-outlined,
  .dx-texteditor.dx-state-active.dx-editor-underlined,
  .dx-texteditor.dx-state-focused.dx-editor-filled,
  .dx-texteditor.dx-state-focused.dx-editor-outlined,
  .dx-texteditor.dx-state-focused.dx-editor-underlined {
    border-color: #433B65;
  }

  .dx-texteditor.dx-state-focused,
  .dx-texteditor.dx-state-active {
    border-color: #433B65;
    box-shadow: none;
    background: #FFFFFF;
  }

.dx-state-disabled .dx-dropdowneditor, .dx-state-disabled.dx-dropdowneditor {
  border: 1px solid #C0C0C0 !important; /* Should not be converted to rem */
  background: #E8E8E8 !important;
  color: #8D8D8D !important;
  opacity: 1 !important;
}

/*.dx-state-disabled.dx-texteditor.dx-editor-outlined, .dx-state-disabled .dx-texteditor-input {
  border: 1px solid #C0C0C0;
  background: #E8E8E8;
  color: #8D8D8D;
  opacity: 1;
}*/

.dx-checkbox-indeterminate .dx-checkbox-icon {
  font: 1rem/1rem DXIcons;
  color: #4F87F6;
  text-align: center;
}

  .dx-checkbox-indeterminate .dx-checkbox-icon:before {
    content: '';
    width: 0.9rem;
    height: 0.9rem;
    background-color: #4F87F6;
    position: absolute;
    left: 0.3rem;
    top: 0.3rem;
    margin: 0;
  }

.dx-state-disabled.dx-checkbox-indeterminate .dx-checkbox-icon:before {
  content: '';
  width: 0.9rem;
  height: 0.9rem;
  background-color: #8D8D8D;
  position: absolute;
  left: 0.3rem;
  top: 0.3rem;
  margin: 0;
}

.dx-state-disabled.dx-checkbox-indeterminate:hover .dx-checkbox-icon:before {
  font: 1rem/1rem DXIcons;
  background-color: #8D8D8D;
  text-align: center;
  line-height: 1.1rem;
}

.dx-checkbox.dx-state-hover .dx-checkbox-icon {
  border: 1px solid #433B65; /* Should not be converted to rem */
}

.dx-state-hover .dx-checkbox-icon {
  border: 1px solid #433B65; /* Should not be converted to rem */
  box-shadow: none; /*inset 0px 1px 1px #CBC7DA;*/
}

.dx-datagrid-checkbox-size .dx-checkbox-icon {
  height: 1.6rem;
  width: 1.6rem;
}

.dx-datagrid-checkbox-size.dx-checkbox-checked .dx-checkbox-icon {
  font-size: 1rem;
}

.dx-checkbox-checked .dx-checkbox-icon {
  font: 1rem / 1 DXIcons;
  color: #4F87F6;
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.3rem;
  padding-left: 0.5rem;
}

  .dx-checkbox-checked .dx-checkbox-icon::before {
    margin-left: -0.75rem;
    width: 100%;
    top: 40%;
  }

.dx-checkbox-checked:hover .dx-checkbox-icon {
  font: 1rem/1 DXIcons;
  color: #433B65;
  font-size: 1.3rem;
  text-align: center;
  line-height: 1.3rem;
}

.dx-checkbox.dx-state-focused .dx-checkbox-icon {
  border: 1px solid #4F87F6; /* Should not be converted to rem */
}

.dx-checkbox.dx-state-focused.dx-state-hover .dx-checkbox-icon {
  border: 1px solid #433B65; /* Should not be converted to rem */
}

.dx-state-disabled.dx-checkbox, .dx-state-disabled .dx-checkbox {
  opacity: 1;
  background: none !important;
  border: none !important;
}

  .dx-state-disabled.dx-checkbox .dx-checkbox-icon,
  .dx-state-disabled .dx-checkbox .dx-checkbox-icon {
    opacity: 1;
    border: 1px solid #C0C0C0; /* Should not be converted to rem */
    background: #E8E8E8;
    font: 1rem/1 DXIcons;
    color: #8D8D8D;
    font-size: 1rem;
    text-align: center;
    line-height: 1.1rem;
  }

.dx-radiobutton {
  line-height: 1.7rem;
  margin: 0;
  display: flex;
}

  .dx-radiobutton .dx-item-content {
    font-family: 'Open Sans';
    font-size: 1rem;
    color: #222222;
    margin: 0.1rem 0 0 0.7rem;
    font-weight: 600;
  }

.dx-state-disabled.dx-radiobutton .dx-item-content,
.dx-state-disabled .dx-radiobutton .dx-item-content {
  color: #C0C0C0;
}

.dx-radio-value-container {
  padding: 0;
}

.dx-radiobutton-icon {
  width: 1.6rem;
  height: 1.6rem;
}

.dx-radiobutton .dx-radiobutton-icon:before {
  border: 1px solid #4F87F6; /* Should not be converted to rem */
  background: #FFFFFF;
  box-shadow: none;
  width: 100%;
  height: 100%;
  border-radius: 1.4rem;
}

.dx-radiobutton.dx-state-hover .dx-radiobutton-icon:before {
  border: 1px solid #433B65; /* Should not be converted to rem */
  box-shadow: none;
}

.dx-radiobutton-checked .dx-radiobutton-icon-dot {
  display: block;
  background: #4F87F6;
}

.dx-radiobutton-checked:hover .dx-radiobutton-icon-dot, .dx-radiobutton-checked.dx-state-hover .dx-radiobutton-icon-dot {
  box-shadow: none;
  background: #433B65;
}

.dx-radiobutton.dx-state-focused:not(.dx-state-active) .dx-radiobutton-icon::before {
  border: 1px solid #4F87F6; /* Should not be converted to rem */
}

.dx-radiobutton.dx-item-selected.dx-state-hover .dx-radiobutton-icon::before {
  border: 1px solid #433B65; /* Should not be converted to rem */
}

.dx-state-disabled.dx-radiobutton .dx-radiobutton-icon:before,
.dx-state-disabled .dx-radiobutton .dx-radiobutton-icon:before {
  opacity: 1;
  border: 1px solid #C0C0C0; /* Should not be converted to rem */
  background: #E8E8E8;
  font: 1rem/1 DXIcons;
  color: #8D8D8D;
}

.dx-state-disabled.dx-radiobutton-checked .dx-radiobutton-icon-dot,
.dx-state-disabled .dx-radiobutton-checked .dx-radiobutton-icon-dot {
  background: #8D8D8D;
}

.dx-state-disabled.dx-radiobutton-checked:hover .dx-radiobutton-icon-dot {
  background: #8D8D8D;
}

.dx-invalid .dx-radiobutton-icon::before {
  border: 0.2rem solid #F44336;
}

.dx-invalid .dx-radiobutton-checked .dx-radiobutton-icon-dot {
  display: none;
}

.dx-invalid .dx-radiobutton .dx-item-content {
  color: #F44336;
}

.dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon,
.dx-state-disabled .dx-dropdowneditor-button .dx-dropdowneditor-icon {
  background: #C0C0C0;
  color: #FFFFFF !important;
}

.dx-dropdowneditor-button {
  width: 2.3rem;
  border-radius: 0;
}

.dx-datebox-wrapper-calendar .dx-calendar {
  margin: 2.1rem 2.3rem 1.4rem;
}

.dx-datebox-wrapper-calendar .dx-popup-bottom.dx-toolbar {
  padding: 0 0 1.4rem 0;
}
.dx-calendar-navigator-next-view.dx-button,
.dx-calendar-navigator-next-month.dx-button {
  width: 2rem;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.dx-calendar-navigator .dx-button {
  height: 2.5rem;
  position: initial;
  border: none;
  background: #4F87F6;
  color: #FFFFFF;
  padding: 0;
  font-weight: 500;
  margin: 0;
}

.dx-calendar-navigator .dx-button .dx-button-text {
  text-transform: uppercase;
}

  .dx-calendar-navigator .dx-button .dx-icon {
    font-size: 1.1rem;
    padding: 0.7rem 0;
  }

.dx-calendar-navigator .dx-calendar-caption-button.dx-button .dx-button-content {
  color: #FFFFFF;
  padding: 0;
}

.dx-calendar-navigator .dx-calendar-caption-button {
  border-radius: 0;
  font-size: 1.1rem;
  font-family: 'Open Sans';
  width: 15.4rem;
  left: 0;
  right: 0;
}

.dx-calendar-navigator-previous-month.dx-button, .dx-calendar-navigator-next-view.dx-button {
  width: 2.3rem;
}

.dx-calendar-navigator-previous-month.dx-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.dx-calendar-body thead tr th {
  background: #F5F5F5 !important;
  box-shadow: inset 0 0 0 #E8E8E8 !important;
  border-right: 1px solid #C0C0C0 !important; /* Should not be converted to rem */
  text-transform: uppercase;
  color: rgba(51,51,51,0.5);
}

.dx-calendar-body table th {
  text-align: center;
  width: 2.8rem;
  font-size: 0.9rem;
}

.dx-calendar-body {
  top: 4rem;
}

.dx-calendar-cell {
  color: #222222;
  font-family: 'Open Sans';
  font-size: 1.1rem;
  width: 2.8rem;
  padding: 0;
}

  .dx-calendar-cell.dx-calendar-today {
    font-weight: bold;
    -webkit-box-shadow: inset 0 0 0 1px #433b65 !important;
    box-shadow: inset 0 0 0 1px #433b65 !important; /* Should not be converted to rem */
    border-radius: 0.3rem;
  }

  .dx-calendar-cell.dx-calendar-today span {
    border: none;
  }

  .dx-calendar-cell.dx-calendar-contoured-date span {
    box-shadow: none;
  }

  .dx-calendar-cell.dx-calendar-selected-date span {
    background-color: inherit;
    color: inherit;
  }

  .dx-calendar-cell.dx-state-hover span {
    background-color: inherit;
    color: #FFFFFF!important;
  }

  .dx-calendar-cell.dx-calendar-selected-date.dx-state-hover {
    background-color: #433B65!important;
    color: #FFFFFF!important;
  }

  .dx-calendar-cell.dx-state-hover {
    background: #433B65;
    color: #FFFFFF;
  }

  .dx-calendar-cell.dx-state-active span {
    background: inherit;
    color: #222222;
  }
 
  .dx-calendar-cell.dx-state-active {
    background: #E8E8E8!important;
    color: #222222!important;
    border-radius: 0.3rem;
  }

  .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-contoured-date,
  .dx-calendar-cell.dx-calendar-selected-date.dx-calendar-today.dx-calendar-contoured-date {
    /*border: 1px solid #433B65;*/
    background: #FFF;
    color: #433B65;
    font-weight: bold;
    box-shadow: inset 0 0 0 1px #433B65; /* Should not be converted to rem */
    border-radius: 0.3rem;
  }

.dx-calendar-cell span {
  height: initial;
  width: initial;
}

.dx-calendar-navigator .dx-button.dx-state-hover:not(.dx-calendar-disabled-navigator-link) {
  border-color: none;
}

.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon,
.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon {
  background-color: #433B65;
  border-color: transparent;
  color: #FFFFFF;
  opacity: 1;
}


.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
  background-color: #433B65;
  color: #FFFFFF;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected {
  background-color: #D9E5FD;
  color: #222222;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected {
  background-color: #433B65;
  color: #FFFFFF;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected.dx-state-hover:not(.dx-state-focused) {
  background-color: #D9E5FD;
  color: #222222;
}

.dx-show-clear-button .dx-icon-clear {
  color: #433B65;
}

.dx-tab.dx-tab-selected ::ng-deep .dx-tab .dx-tab-content {
  color: #433B65;
}

.panel-collapse[role="tabpanel"], .div-tab-content {
  background: #F5F5F5;
}

.panel-group .panel + .panel {
  padding-top: 0.4rem;
  margin-top: 0.4rem;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-after {
  padding-left: 0;
  right: 2.2rem;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-item {
  padding: 0 0.7rem 0 0.3rem;
  float: right;
}

  .dx-popup-bottom.dx-toolbar .dx-toolbar-item:last-child {
    float: left;
  }

.dx-popup-bottom .dx-button[aria-label="Cancel"] {
  border: 1px solid #4F87F6; /* Should not be converted to rem */
  color: #4F87F6;
  background: #FFFFFF;
}

  .dx-popup-bottom .dx-button[aria-label="Cancel"]:hover {
    border: 1px solid #433B65; /* Should not be converted to rem */
    color: #433B65;
    background-color: #FFFFFF !important;
  }

.dx-list-item, .dx-list .dx-empty-message {
  border-top: 1px solid #E2E2E2; /* Should not be converted to rem */
  color: #222222;
  font-size: 1rem;
  font-family: 'Open Sans';
}

.dx-datagrid-column-chooser.dx-datagrid-column-chooser-mode-select .dx-datagrid-column-chooser-plain .dx-treeview-node .dx-checkbox {
  float: left;
  width: 10%;
  position: relative;
}

.dx-datagrid-column-chooser {
  color: #272930;
  font-size: 1rem;
}

  .dx-datagrid-column-chooser .dx-overlay-content {
    border: none !important;
  }

.dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message, .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item,
.dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-empty-message, .dx-device-mobile .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item {
  border: none;
  line-height: 2.1rem;
}

  .dx-datagrid-column-chooser-list.dx-treeview .dx-treeview-item.dx-state-hover {
    background: unset;
    color: unset;
  }

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td,
.dx-datagrid-table .dx-data-row:hover:not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.disabled-row) > td,
.dx-treelist-rowsview .dx-row.dx-state-hover > td, .dx-treelist-rowsview .dx-row:hover > td { /*:not(:last-child)*/
  background-color: #433B65 !important;
  color: #FFFFFF !important;
}

.dx-datagrid-table .dx-data-row:hover .dx-datagrid-group-closed,
.dx-datagrid-table .dx-data-row:hover .dx-datagrid-group-opened {
  color: #FFFFFF !important;
}

.dx-treelist-rowsview .dx-row.dx-state-hover .dx-treelist-empty-space,
.dx-treelist-rowsview .dx-row:hover .dx-treelist-empty-space {
  color: #FFFFFF !important;
}

.dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space.dx-state-hover,
.dx-treelist-rowsview tr:not(.dx-row-focused) .dx-treelist-empty-space:hover {
  color: #FFFFFF !important;
}

.dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines > td {
  border-bottom-color: #FFFFFF;
}

.dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-column-lines > td {
  border-left-color: #FFFFFF;
  border-right-color: #FFFFFF
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td {
  background-color: #CCCCCC;
  color: #272930;
}

.dx-datagrid-rowsview .dx-selection.dx-state-hover.dx-row:not(.dx-row-focused) > td,
.dx-datagrid-rowsview .dx-selection.dx-state-hover.dx-row:not(.dx-row-focused) > tr > td,
.dx-datagrid-rowsview .dx-selection.dx-state-hover.dx-row:not(.dx-row-focused):hover > td,
.dx-datagrid-rowsview .dx-selection.dx-state-hover.dx-row:not(.dx-row-focused):hover > tr > td {
  background-color: #433B65 !important;
  color: #FFFFFF !important;
}

.tab-content {
  background-color: #FFFFFF;
  border-top-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  margin-top: 0;
  /*margin-top: -0.1rem;*/
  padding: 1.4rem; /*1rem 0.7rem 0.7rem 0.7rem;*/
}

/*.SearchAres {
  background-color: #F7F7F7;*/
/*border-radius: 0.5rem;
}*/

/*.accordion-option {
  height: 1.4rem;
}*/

/*.dx-button-content {
  padding: 0px !important;
}*/

.dx-treelist-rowsview .dx-treelist-empty-space {
  color: #4F87F6;
}

  .dx-treelist-rowsview .dx-treelist-empty-space:hover {
    color: #FFFFFF;
  }

.dx-treelist-rowsview .dx-row[aria-expanded="true"] {
  background: #DDE4F6;
}

.dx-treelist-rowsview .dx-treelist-collapsed span:before {
  left: 0;
  margin-left: -1rem;
  margin-top: -0.7rem;
  padding-left: 0.7rem;
  padding-right: 1rem;
}

.dx-treelist-rowsview .dx-treelist-expanded span:before {
  left: 0;
  margin-left: -0.3rem;
  margin-top: -0.7rem;
}

.dx-treelist-headers .dx-treelist-table .dx-row > td {
  border-bottom: 1px solid #FFFFFF; /* Should not be converted to rem */
}

.dx-treelist .dx-column-lines > td {
  border-left: 1px solid #FFF; /* Should not be converted to rem */
  border-right: 1px solid #FFF; /* Should not be converted to rem */
}

.dx-treelist-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) > td:not(.dx-focused) {
  background-color: #433B65 !important;
  color: #FFFFFF !important;
}

.dx-treelist-rowsview .dx-selection.dx-row.dx-row-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-row-lines > td {
  border-bottom-color: #FFFFFF;
}

.dx-treelist-rowsview .dx-selection.dx-row.dx-column-lines > td, .dx-treelist-rowsview .dx-selection.dx-row:hover.dx-column-lines > td {
  border-left-color: #FFFFFF;
  border-right-color: #FFFFFF
}

.dx-treelist-rowsview .dx-selection.dx-row > td, .dx-treelist-rowsview .dx-selection.dx-row:hover > td {
  background-color: #CCCCCC;
  color: #333
}

.dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
  color: #433B65;
  color: #433B65;
  font-size: 1.2rem;
  margin-top: 0.3rem;
}

.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
  padding: 0 0.3rem;
}

.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon.dx-icon-filter-operation-contains,
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon.dx-icon-filter-operation-not-contains,
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon.dx-icon-filter-operation-starts-with,
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon.dx-icon-filter-operation-ends-with {
  background-color: #4f87f6;
  color: #FFFFFF;
  width: 1.4rem;
  height: 1.4rem;
  padding-top: 0.1rem;
  border-radius: 0.2rem;
  margin: 0.3rem 0.1rem 0 0.1rem;
}


.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon.dx-icon-filter-operation-equals,
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon.dx-icon-filter-operation-not-equals,
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon.dx-icon-filter-operation-less,
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon.dx-icon-filter-operation-greater,
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon.dx-icon-filter-operation-less-equal,
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon.dx-icon-filter-operation-greater-equal,
.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content .dx-icon.dx-icon-filter-operation-between {
  background-color: #4f87f6;
  color: #FFFFFF;
  width: 1.4rem;
  height: 1.4rem;
  padding-top: 0.2rem;
  border-radius: 0.2rem;
  margin: 0.3rem 0.1rem 0 0.1rem;
}



.dx-context-menu-container-border {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-color: transparent;
  border: none;
  box-shadow: none;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
  background-color: #433B65;
  color: #FFFFFF;
}

::ng-deep.alertsDataGrid .dx-datagrid-rowsview .dx-row:nth-child(odd), .dx-treelist-rowsview .dx-row:nth-child(odd) {
  background-color: #FFFFFF;
  color: #272930;
  font-family: 'Open Sans';
}

::ng-deep.alertsDataGrid .dx-datagrid-rowsview .dx-row:nth-child(even), .dx-treelist-rowsview .dx-row:nth-child(even) {
  background-color: #F5F5F5;
  color: #272930;
  font-family: 'Open Sans';
}

::ng-deep.alertsDataGrid .dx-datagrid-rowsview .dx-row:hover {
  background-color: #433B65;
  color: #FFFFFF;
}

::ng-deep.alertsDataGrid .dx-datagrid-rowsview .dx-row-selected {
  background-color: #CCCCCC !important;
}

.popupSample.dx-popup-wrapper > .dx-overlay-content,
.popupSample.dx-popup-wrapper .dx-state-focused.dx-overlay-content,
.popupInformation.dx-popup-wrapper > .dx-overlay-content,
.popupInformation.dx-popup-wrapper .dx-state-focused.dx-overlay-content,
.popupWarning.dx-popup-wrapper > .dx-overlay-content,
.popupWarning.dx-popup-wrapper .dx-state-focused.dx-overlay-content,
.popupSuccess.dx-popup-wrapper > .dx-overlay-content,
.popupSuccess.dx-popup-wrapper .dx-state-focused.dx-overlay-content,
.popupError.dx-popup-wrapper > .dx-overlay-content,
.popupError.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
  border-top: none !important;
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}

.popupInformation.dx-popup-wrapper > .dx-overlay-content,
.popupInformation.dx-popup-wrapper .dx-state-focused.dx-overlay-content,
.popupSample.dx-popup-wrapper > .dx-overlay-content,
.popupSample.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
  border: 1px solid #47A5EE !important; /* Should not be converted to rem */
  background: #47A5EE;
}

.popupInformation .dx-popup-title.dx-toolbar,
.popupSample .dx-popup-title.dx-toolbar {
  /*border: 1px solid #47A5EE !important;*/
  border: none;
}

.popupSample .dx-popup-content,
.popupInformation .dx-popup-content {
  /*border: 1px solid #47A5EE;*/
  border-top: none;
  font-family: 'Open Sans';
  color: #222222;
  font-size: 1rem;
  border-bottom: none !important;
  padding: 0;
}

.popupSample .dx-popup-title.dx-toolbar > .dx-toolbar-items-container,
.popupInformation .dx-popup-title.dx-toolbar > .dx-toolbar-items-container {
  background: #47A5EE !important;
  font-size: 1.4rem;
  font-family: 'Open Sans';
  color: #FFFFFF;
}

.popupSample .dx-popup-title .dx-closebutton,
.popupInformation .dx-popup-title .dx-closebutton,
.popupWarning .dx-popup-title .dx-closebutton,
.popupSuccess .dx-popup-title .dx-closebutton,
.popupError .dx-popup-title .dx-closebutton {
  /*padding: 0;*/
  padding: 0.2rem;
  /*margin-right: 10px;*/
  margin-right: 0;
  border-width: 0;
}

  .popupSample .dx-popup-title .dx-closebutton.dx-state-hover,
  .popupSample .dx-popup-title .dx-closebutton.dx-state-focused,
  .popupSample .dx-popup-title .dx-closebutton.dx-state-active,
  .popupInformation .dx-popup-title .dx-closebutton.dx-state-hover,
  .popupInformation .dx-popup-title .dx-closebutton.dx-state-focused,
  .popupInformation .dx-popup-title .dx-closebutton.dx-state-active {
    background-color: #47A5EE !important;
    border: 1px solid #FFFFFF; /* Should not be converted to rem */
  }

.popupWarning.dx-popup-wrapper > .dx-overlay-content,
.popupWarning.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
  border: 1px solid #FFA33E !important; /* Should not be converted to rem */
  background: #FFA33E;
}

.popupWarning .dx-popup-title.dx-toolbar {
  /*border: 1px solid #FFA33E !important;*/
  border: none;
}

.popupWarning .dx-popup-content {
  border-top: none;
  font-family: 'Open Sans';
  color: #222222;
  font-size: 1rem;
  border-bottom: none !important;
  padding: 0;
}

.popupWarning .dx-popup-title.dx-toolbar > .dx-toolbar-items-container {
  background: #FFA33E !important;
  font-size: 1.4rem;
  font-family: 'Open Sans';
  color: #FFFFFF;
}

.popupWarning .dx-popup-title .dx-closebutton.dx-state-hover,
.popupWarning .dx-popup-title .dx-closebutton.dx-state-focused,
.popupWarning .dx-popup-title .dx-closebutton.dx-state-active {
  background-color: #FFA33E !important;
  border: 1px solid #FFFFFF; /* Should not be converted to rem */
}

.popupSuccess.dx-popup-wrapper > .dx-overlay-content,
.popupSuccess.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
  border: 1px solid #4CAF50 !important; /* Should not be converted to rem */
  background: #4CAF50;
}

.popupSuccess .dx-popup-title.dx-toolbar {
  /*border: 1px solid #4CAF50 !important;*/
  border: none;
}

.popupSuccess .dx-popup-content {
  border-top: none;
  font-family: 'Open Sans';
  color: #222222;
  font-size: 1rem;
  border-bottom: none !important;
  padding: 0;
}

.popupSuccess .dx-popup-title.dx-toolbar > .dx-toolbar-items-container {
  background: #4CAF50 !important;
  font-size: 1.4rem;
  font-family: 'Open Sans';
  color: #FFFFFF;
}

.popupSuccess .dx-popup-title .dx-closebutton.dx-state-hover,
.popupSuccess .dx-popup-title .dx-closebutton.dx-state-focused,
.popupSuccess .dx-popup-title .dx-closebutton.dx-state-active {
  background-color: #4CAF50 !important;
  border: 1px solid #FFFFFF; /* Should not be converted to rem */
}

.popupError.dx-popup-wrapper > .dx-overlay-content,
.popupError.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
  border: 1px solid #F44336 !important; /* Should not be converted to rem */
  background: #F44336;
}

.popupError .dx-popup-title.dx-toolbar {
  /*border: 1px solid #F44336 !important;*/
  border: none;
}

.popupError .dx-popup-content {
  border-top: none;
  font-family: 'Open Sans';
  color: #222222;
  font-size: 1rem;
  border-bottom: none !important;
  padding: 0;
}

.popupError .dx-popup-title.dx-toolbar > .dx-toolbar-items-container {
  background: #F44336 !important;
  font-size: 1.4rem;
  font-family: 'Open Sans';
  color: #FFFFFF;
}

.popupError .dx-popup-title .dx-closebutton.dx-state-hover,
.popupError .dx-popup-title .dx-closebutton.dx-state-focused,
.popupError .dx-popup-title .dx-closebutton.dx-state-active {
  background-color: #F44336 !important;
  border: 1px solid #FFFFFF; /* Should not be converted to rem */
}

.message-border {
  border: 1px solid #E3E3E3; /* Should not be converted to rem */
  margin: 0.5rem 0.5rem 0 0.5rem;
}

.message-box {
  padding: 1.5rem 1.5rem 5.0rem 1.5rem;
}

.btn-section {
  padding: 1rem 1.4rem;
  /*line-height: 4.1rem*/
  text-align: right;
}

.top-addnew {
  width: 1rem;
  content: url('../../Images/DashBoardManagement/top_addnew.svg');
}


.top-datasearch {
  width: 1rem;
  content: url('../../Images/DashBoardManagement/top_datasearch.svg');
}

.top-account {
  width: 1rem;
  content: url('../../Images/DashBoardManagement/top_account.svg');
}

.dx-button-has-icon {
  min-width: auto;
}


.dx-datagrid-export-button .dx-icon-export-to, .dx-toolbar-text-auto-hide .dx-button .dx-icon {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 100%;
}

.dx-searchbox .dx-icon-search:hover:before {
  color: #433B65 !important;
}

.dx-button-has-icon .dx-icon {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 100%;
}

.table {
  margin-bottom: 0 !important;
  width: 100%;
}

  .table > tbody > tr > td, .table > tbody > tr > th,
  .table > tfoot > tr > td, .table > tfoot > tr > th,
  .table > thead > tr > td, .table > thead > tr > th {
    padding: 0;
    border: none;
  }

th, td {
  border: none;
}

.dx-field-item-label-location-left {
  padding-right: 1.4rem;
}

.dx-layout-manager .dx-field-item:not(.dx-first-row) {
  padding-top: 0.7rem;
}

.dx-texteditor-buttons-container > .dx-button.dx-button-has-icon:not(.dx-button-has-text) > .dx-button-content {
  padding: 0.1rem 0.2rem;
}

.dx-scrollable-scroll {
  padding: 0;
}

.dx-scrollbar-vertical .dx-scrollable-scroll {
  width: 0.6rem;
  background-color: #B6B4B4 /*#E6E5E4*/;
}

.dx-scrollbar-vertical {
  background: #E6E5E4;
  width: 0.6rem;
}

.dx-scrollbar-vertical, .dx-scrollbar-horizontal {
  background-color: #E6E5E4;
}



  .dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content,
  .dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
    background-color: #B6B4B4 /*#E6E5E4*/;
  }

  /*.dx-scrollbar-vertical.dx-scrollbar-hoverable {
    width: 0.6rem;
    background-color: #E6E5E4;
  }*/

  .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover,
  .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
    width: 0.6rem;
  }

    .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
    .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
      width: 0.6rem;
    }

  .dx-scrollbar-horizontal .dx-scrollable-scroll {
    height: 100%;
  }

  /*.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    height: 0.6rem;
    background-color: #E6E5E4;
  }*/

  .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover,
  .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active {
    height: 0.6rem;
  }

    .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll,
    .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll {
      height: 0.6rem;
    }

.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active,
.dx-scrollbar-hoverable.dx-state-hover {
  background-color: #E6E5E4;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll {
  width: 0.6rem;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover,
.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll {
  height: 0.6rem;
}

.dx-datagrid-header-panel .dx-toolbar {
  margin-bottom: 0;
}

.dx-icon .dx-icon-add {
  padding-top: 0.5rem;
}

.dx-button[aria-label="Cancel"] {
  margin-right: 1.1rem;
}

.div-audit-info {
  vertical-align: central;
  text-align: left;
  font-weight: bolder;
  padding-left: 0.7rem
}

.dx-field {
  color: #222222;
  font-weight: 600;
  font-size: 1rem;
  font-family: 'Open Sans';
  min-height: 0;
  margin: 0 0 0.7rem 0 !important;
}

.btn-link {
  color: #4F87F6;
  text-decoration: underline;
}

  .btn-link:focus, .btn-link:hover {
    color: #433B65;
  }

.fontStyle {
  font-weight: bold;
  font-size: 1rem;
  font-family: 'Open Sans';
  color: #222222;
  line-height: 2.4rem;
  cursor: pointer;
}

.dx-state-disabled .dx-button .dx-button-text, .dx-state-disabled.dx-button .dx-button-text {
  opacity: 1;
}

.text-align-center {
  text-align: center;
}

.btn-within-grid {
  height: 1.7rem !important;
}

.Disabled .btn-secondary {
  background: #FFFFFF !important;
  color: #C0C0C0 !important;
  border: 1px solid #C0C0C0 !important; /* Should not be converted to rem */
}

.width-100 {
  width: 100% !important;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.5rem;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent;
}

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-focused {
  background-color: #433B65;
  color: #FFFFFF
}

.dx-dropdownbutton .dx-button-has-text .dx-icon.dx-icon-right {
  margin-left: 0.4rem;
  margin-right: -0.2rem;
}

.dx-dropdownbutton-popup-wrapper.dx-popup-wrapper .dx-overlay-content {
  border: none;
}

.dx-dropdownbutton-content .dx-list .dx-empty-message, .dx-dropdownbutton-content .dx-list .dx-list-item {
  border: none;
  color: #222222;
  padding: 0.5rem;
  min-width: 100%;
  cursor: pointer;
  background: #FFFFFF;
  font-size: 0.9rem;
  font-family: 'Open Sans';
  font-weight: 700;
}

.dx-dropdownbutton-action.dx-buttongroup-last-item.dx-button .dx-button-content {
  padding-left: 0.7rem;
  padding-right: 0;
}

.dx-dropdownbutton-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
  padding: 0;
}

.dx-buttongroup-item.dx-button.dx-button-mode-contained.dx-state-disabled .dx-button-content, .dx-buttongroup-item.dx-button.dx-button-mode-outlined.dx-state-disabled .dx-button-content {
  opacity: 1;
}

.dx-state-disabled .dx-button .dx-icon, .dx-state-disabled.dx-button .dx-icon {
  opacity: 1;
}

.dx-dropdownbutton-action.dx-buttongroup-last-item.dx-button .dx-button-content {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}

.dx-state-disabled .dx-widget, .dx-state-disabled.dx-widget {
  opacity: 1;
}

.dx-invalid.dx-texteditor, .dx-invalid.dx-texteditor:hover, .dx-invalid.dx-texteditor:focus {
  border-color: #F44336;
  color: #F44336;
}

  .dx-invalid.dx-texteditor.dx-editor-filled.dx-state-focused,
  .dx-invalid.dx-texteditor.dx-editor-outlined.dx-state-focused,
  .dx-invalid.dx-texteditor.dx-editor-underlined.dx-state-focused {
    border-color: #F44336;
  }

.dx-invalid-message > .dx-overlay-content {
  color: #FFFFFF;
  background-color: #F44336;
  font-family: 'Open Sans';
  font-size: 0.8rem;
  border-radius: 0.3rem;
}

.mandatory-color {
  color: #F44336;
}

div.Disabled.dx-field-label, div.Disabled .dx-field-label, div.Disabled .span-text {
  color: #C0C0C0;
}

.dx-switch {
  width: 3.4rem;
  height: 1.4rem;
}

.btn-toggle-switch .span-text {
  font-size: 0.8rem;
  color: #222222;
  font-weight: 700;
  float: left;
  padding: 0.2rem 0;
  margin: 0 0.4rem;
}

.dx-switch-container {
  width: 100%;
  vertical-align: middle;
  overflow: hidden;
  margin: 0;
  padding: 0.1rem;
  height: 100%;
  border: 0.1rem solid #4F87F6;
  background: #FFFFFF;
  border-radius: 0.1rem;
}

.dx-switch-handle {
  width: 100%;
  height: 100%;
  margin: 0;
}

  .dx-switch-handle::before {
    width: 1.3rem;
    height: 1rem;
    background-color: #4F87F6;
  }

.dx-switch.dx-state-active .dx-switch-handle::before {
  background-color: #4F87F6;
}

.dx-switch.dx-state-active .dx-switch-container {
  border-color: #4F87F6;
  background-color: #FFFFFF;
}

.dx-switch.dx-state-hover .dx-switch-handle::before {
  background-color: #433B65;
}

.dx-switch.dx-state-hover .dx-switch-container {
  background-color: transparent;
  border-color: #433B65;
}

.dx-switch.dx-state-focused .dx-switch-container {
  border-color: #433B65;
}

.dx-switch.dx-state-focused .dx-switch-handle::before {
  background-color: #433B65;
}

.dx-switch.dx-state-focused.dx-state-active .dx-switch-handle::before {
  background-color: #433B65;
}

.dx-switch-on-value .dx-switch-handle::before {
  background-color: #4F87F6;
}

.dx-switch-off, .dx-switch-on {
  line-height: 1.1rem;
}

.dx-field-value.dx-switch, .dx-field-value:not(.dx-widget) > .dx-switch {
  margin: 0;
  float: left;
}


.dx-state-disabled.dx-switch-container, .dx-state-disabled .dx-switch-container {
  border: 0.1rem solid #C0C0C0;
}

.dx-state-disabled .dx-switch-handle::before {
  background-color: #C0C0C0;
}


.dx-field-value.dx-radiogroup, .dx-field-value:not(.dx-widget) > .dx-radiogroup {
  margin: 0;
}

.dx-datebox-wrapper-calendar .dx-popup-content {
  margin: 0;
}

.date-picker .dx-dropdowneditor-icon::before {
  content: "\f026";
}

.date-picker-list .dx-dropdowneditor-icon::before {
  content: "\f01d";
}

.table-cell-audit-text {
  width: 92%;
  border: none;
}

.table-cell-audit-button {
  width: 4%;
  border: none;
  padding-right: 0;
}

.text-alignment-right {
  text-align: right;
  /* padding-right: 0.6rem;*/
}

.div-common-Save {
  padding: 1.4rem 0.7rem 0.7rem 0.7rem;
  width: 100%;
}

.dx-treeview.dx-state-disabled .dx-treeview-item,
.dx-treeview.dx-state-disabled .dx-treeview-toggle-item-visibility {
  opacity: 1;
  color: #C5C5C5 !important;
}

#trvTradingCounterpartyHierarchy.dx-treeview .dx-treeview-toggle-item-visibility,
#trvTradingEntityHierarchy.dx-treeview .dx-treeview-toggle-item-visibility,
#LH_TradingEntity_Hierarchy.dx-treeview .dx-treeview-toggle-item-visibility {
  color: #4F87F6;
  left: 0;
  top: 0.5rem;
  width: 1rem;
  height: 1rem;
}

#trvTradingCounterpartyHierarchy.dx-treeview .dx-treeview-item,
#trvTradingEntityHierarchy.dx-treeview .dx-treeview-item,
#LH_TradingEntity_Hierarchy.dx-treeview .dx-treeview-item {
  padding: 0.5rem 0;
  color: #4F87F6;
  font-size: 1rem;
  line-height: 1rem;
}

  #trvTradingCounterpartyHierarchy.dx-treeview .dx-treeview-item.dx-state-hover,
  #trvTradingEntityHierarchy.dx-treeview .dx-treeview-item.dx-state-hover,
  #LH_TradingEntity_Hierarchy.dx-treeview .dx-treeview-item.dx-state-hover {
    background-color: transparent !important; /*#E6F4FF !important;*/
    color: #1C1939;
    width: 100%;
  }

#trvTradingCounterpartyHierarchy.dx-treeview .dx-treeview-node[aria-level="1"],
#trvTradingEntityHierarchy.dx-treeview .dx-treeview-node[aria-level="1"],
#LH_TradingEntity_Hierarchy.dx-treeview .dx-treeview-node[aria-level="1"] {
  padding-left: 1.3rem;
}

#trvTradingCounterpartyHierarchy.dx-treeview .dx-treeview-node,
#trvTradingEntityHierarchy.dx-treeview .dx-treeview-node,
#LH_TradingEntity_Hierarchy.dx-treeview .dx-treeview-node {
  padding-left: 1.3rem;
}

#trvTradingCounterpartyHierarchy.dx-treeview.dx-treeview .dx-checkbox + .dx-treeview-node-container,
#trvTradingCounterpartyHierarchy.dx-treeview.dx-treeview .dx-treeview-node-container:first-child,
#trvTradingEntityHierarchy.dx-treeview.dx-treeview .dx-checkbox + .dx-treeview-node-container,
#trvTradingEntityHierarchy.dx-treeview.dx-treeview .dx-treeview-node-container:first-child,
#LH_TradingEntity_Hierarchy.dx-treeview.dx-treeview .dx-checkbox + .dx-treeview-node-container,
#LH_TradingEntity_Hierarchy.dx-treeview.dx-treeview .dx-treeview-node-container:first-child {
  margin: 0 0 0 0.4rem;
}

#trvTradingCounterpartyHierarchy.dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-selected > .dx-treeview-item,
#trvTradingEntityHierarchy.dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-selected > .dx-treeview-item {
  background-color: #E6F4FF !important;
  color: #433B65;
  font-weight: bold;
}

#trvTradingCounterpartyHierarchy.dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item,
#trvTradingEntityHierarchy.dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item,
#LH_TradingEntity_Hierarchy.dx-treeview .dx-treeview-node:not(.dx-treeview-item-with-checkbox).dx-state-focused > .dx-treeview-item {
  background-color: #E6F4FF !important;
  color: #433B65;
  font-weight: bold;
}

.bluetab_1 {
  width: 1.3rem;
  content: url('../../Images/DashBoardManagement/bluetab_1.svg');
}

.bluetab_2 {
  width: 1.3rem;
  content: url('../../Images/DashBoardManagement/bluetab_2.svg');
}

.dx-tab-content-body {
  padding: 1rem 0 0 0.7rem;
  background: #FFFFFF;
  border-radius: 0 0 0.3rem 0.3rem;
}

.modal-footer {
  border-top: none;
}

.dx-datagrid .dx-link.dx-link-delete {
  color: #4F87F6;
  height: 1.7rem;
  border: 1px solid #4F87F6; /* Should not be converted to rem */
  text-decoration: none;
  border-radius: 0.3rem;
  font-size: 1rem;
  padding: 0.1rem 0.7rem;
}

.dx-datagrid .dx-column-indicators {
  float: right !important;
}

.dx-treelist-borders > .dx-treelist-filter-panel, .dx-treelist-borders > .dx-treelist-headers, .dx-treelist-borders > .dx-treelist-pager {
  border-top: none;
}

.dx-treelist-borders > .dx-treelist-headers, .dx-treelist-borders > .dx-treelist-rowsview, .dx-treelist-borders > .dx-treelist-total-footer {
  border-left: none;
  border-right: none;
}

/*#tabs {
  background: #F7F7F7;
  padding-right: 0.5rem;
  border-top-right-radius: 5px;
}*/

.page-heading {
  text-align: center;
}

  .page-heading > span {
    font-weight: bold;
    font-size: 1.4rem;
    color: #222222;
  }

.div-add-new {
  float: right;
  text-align: right;
  padding-right: 0.5rem;
}

.dx-tabpanel-container {
  background: #F7F7F7;
  border-radius: 0 0.3rem 0.3rem 0.3rem;
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs {
  display: block;
  border: none;
  background-color: transparent;
  color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 1.7rem;
}

.dx-tabpanel.dx-state-focused > .dx-tabpanel-tabs .dx-tabs {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
  border-color: none !important;
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs .dx-tab {
  color: #433B65;
  font-size: 1rem;
  font-family: 'Open Sans';
  font-weight: 600;
  padding: 0.3rem 0rem;
  width: auto;
  height: 100%;
  box-shadow: none;
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-expanded .dx-tab:not(.dx-tab-selected):first-of-type {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected {
  box-shadow: none !important;
}

  .dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-active .dx-tab-content,
  .dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected .dx-tab-content {
    color: #433B65;
  }

    .dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-active .dx-tab-content span,
    .dx-tabpanel > .dx-tabpanel-tabs .dx-tab.dx-tab-selected .dx-tab-content span {
      border-bottom: 0.1rem solid #433B65;
      color: #433B65;
    }

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs-stretched .dx-tab:not(.dx-tab-selected):last-of-type {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.dx-datagrid-group-closed, .dx-datagrid-group-opened {
  color: #4F87F6;
}

.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) .dx-datagrid-group-closed,
.dx-datagrid-table .dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row) .dx-datagrid-group-opened { /*:not(:last-child)*/
  color: #FFFFFF !important;
}

.div-add-new:hover .btn-info.btn-icon-text {
  background: #433B65;
  color: #FFFFFF;
}

.div-add-new:hover .fontStyle {
  color: #433B65;
}

/*.dx-datagrid-columns-separator-transparent {
  left: 0 !important;
}*/

/*.dx-datagrid-table-fixed {
  table-layout: unset !important;
  width: 100%;
}*/

.dx-pager .dx-light-pages .dx-info-text,
.dx-pager .dx-light-pages .dx-page-index,
.dx-pager .dx-light-pages .dx-pages-count {
  display: inline-block;
}

.dx-treelist-rowsview tr:not(.dx-row-focused):hover .dx-treelist-empty-space,
.dx-treelist-rowsview tr:not(.dx-row-focused).dx-state-hover.dx-treelist-empty-space {
  color: #4F87F6;
}

/*.dx-toolbar-item .dx-button[aria-label="export-to"] {
  width: auto !important;
  padding: 0.5rem 0 !important;
}*/

.dx-list .dx-list-item[role="option"] .dx-icon {
  color: #333;
}

.dx-list .dx-list-item[role="option"].dx-state-hover .dx-icon {
  color: #FFFFFF;
}

.margin-bottom-05rem {
  margin-bottom: 0.5rem;
}

.paddingRight0px {
  padding-right: 0;
}

.paddingLeft0px {
  padding-left: 0;
}

.width-5 {
  width: 5%;
}

.width-20 {
  width: 20% !important;
}

.width-30 {
  width: 30% !important;
}

.width-70 {
  width: 70%;
}

.width-90 {
  width: 90%;
}

.float-right {
  float: right !important;
}

.float-left {
  float: left !important;
}

margin-0 {
  margin: 0;
}

.padding-top-03rem {
  padding-top: 0.3rem
}

.div-panel-heading {
  background-color: #4F87F6;
  color: #FFFFFF;
  line-height: 2rem;
  padding-left: 0.5rem;
}

  .div-panel-heading > span, #div-description-tab > span {
    font-size: 1rem;
    font-weight: 700;
  }

.div-panel-content {
  padding-top: 1rem;
  background: #FFFFFF;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.uploadlabel {
  color: #4F87F6;
  font-family: 'Open Sans';
  font-size: 1rem;
  height: 2.1rem;
  line-height: 0.7rem;
  font-weight: 700;
  cursor: pointer;
  background: #FFFFFF;
  border-radius: 0.3rem;
  padding: 0.65rem 0.7rem;
  border: 1px solid #4F87F6; /* Should not be converted to rem */
  min-width: 4.3rem
  /*border-color: #FFF;
  width: 100px;
  padding-left: 13px*/
}

  .uploadlabel:hover {
    border: 1px solid #433B65; /* Should not be converted to rem */
    color: #FFFFFF;
    background-color: #433B65 !important;
  }

  .uploadlabel.Disabled {
    border: 1px solid #C0C0C0; /* Should not be converted to rem */
    color: #C0C0C0;
  }

.height-100 {
  height: 100%;
}

.div-cl-tabs {
  background: #FFFFFF;
  border-radius: 0.3rem 0.3rem 0 0;
}

.padding-top-1rem {
  padding-top: 1rem;
}

.width-50 {
  width: 50% !important;
}

.margin-bottom-1rem {
  margin-bottom: 1rem !important;
}

/*.dx-icon-more {
  padding: 0 5px;
}*/

.dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell,
.dx-datagrid-rowsview .dx-master-detail-row > .dx-datagrid-group-space {
  border-top: none;
  border-bottom: none;
  padding-bottom: 0.7rem !important;
}

.padding-top-04rem {
  padding-top: 0.4rem;
}

.padding-top-05rem {
  padding-top: 0.5rem;
}

.min-width-auto {
  min-width: auto;
}

.dx-treelist-container .dx-treelist-headers .dx-header-row > td {
  text-align: left !important;
}

input[type=radio] {
  border: 1px solid #4F87F6; /* Should not be converted to rem */
  background: #FFFFFF;
  width: 1.6rem;
  height: 1.6rem;
}

  input[type=radio]:disabled, div.Disabled input[type=radio] {
    border: 1px solid #C0C0C0; /* Should not be converted to rem */
    background: #E8E8E8;
    width: 1.6rem;
    height: 1.6rem;
  }


.form-check-input {
  width: 1.6rem;
  height: 1.6rem;
  margin: -0.1rem 0.7rem 0 0 !important;
  vertical-align: top;
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0,0,0,.25); /* Should not be converted to rem */
}

  .form-check-input:checked {
    background-color: #E8E8E8;
    border-color: #C0C0C0;
  }

.margin-right-05rem {
  margin-right: 0.5rem;
}

.table-cell-audit-button .dx-button[aria-label="Cancel"] {
  margin-right: 0.3rem;
}

.btn-info-icon-round {
  border-radius: 50%;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0.3rem 0.1rem;
  content: url('../../Images/DashBoardManagement/info.svg');
  min-width: auto;
}

.nav-fill .nav-item, .nav-fill > .nav-link {
  flex: unset !important;
}

.margin0px {
  margin: 0;
}

.div-collapse {
  padding: 0;
  width: 0.1rem;
  margin: 0;
}

.hidden {
  display: none !important;
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 0.1rem;
}

.dx-popup-flex-height .dx-popup-content {
  padding: 0;
  background: #FFF;
}

.dx-popup-title .dx-closebutton {
  left: 0;
}

.btn-info {
  margin: 0;
}

/*.table > :not(caption) > * > * {
  background-color: #4F87F6;
  padding: 0 0.7rem;
}*/

.dx-toolbar-item .dx-button[aria-label="Save changes"], .dx-toolbar-item .dx-button[aria-label="Discard changes"] {
  display: none;
}

.dx-datagrid-export-button .dx-icon-export-to {
  width: 70% !important;
}

.dx-button-has-icon .dx-icon.dx-icon-right, .dx-rtl .dx-button-has-icon .dx-icon, .dx-rtl.dx-button-has-icon .dx-icon {
  margin-left: 0;
  margin-right: 0;
  width: 30%;
}

.dx-icon-trash {
  margin: 0.1rem 0 0 0;
}

.dx-toolbar-item .dx-button[aria-label="trash"] {
  padding: 0.25rem 0;
}

.dx-toolbar-item .dx-button[aria-label="export-to"] .dx-button-content,
.dx-toolbar-item .dx-datagrid-export-button .dx-button-content {
  padding: 0 !important;
}

.dx-invalid-message.dx-overlay-wrapper {
  width: 100% !important;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  float: left
}

.col-xs-12 {
  width: 100%
}

.col-xs-11 {
  width: 91.66666667%
}

.col-xs-10 {
  width: 83.33333333%
}

.col-xs-9 {
  width: 75%
}

.col-xs-8 {
  width: 66.66666667%
}

.col-xs-7 {
  width: 58.33333333%
}

.col-xs-6 {
  width: 50%
}

.col-xs-5 {
  width: 41.66666667%
}

.col-xs-4 {
  width: 33.33333333%
}

.col-xs-3 {
  width: 25%
}

.col-xs-2 {
  width: 16.66666667%
}

.col-xs-1 {
  width: 8.33333333%
}

.col-xs-pull-12 {
  right: 100%
}

.col-xs-pull-11 {
  right: 91.66666667%
}

.col-xs-pull-10 {
  right: 83.33333333%
}

.col-xs-pull-9 {
  right: 75%
}

.col-xs-pull-8 {
  right: 66.66666667%
}

.col-xs-pull-7 {
  right: 58.33333333%
}

.col-xs-pull-6 {
  right: 50%
}

.col-xs-pull-5 {
  right: 41.66666667%
}

.col-xs-pull-4 {
  right: 33.33333333%
}

.col-xs-pull-3 {
  right: 25%
}

.col-xs-pull-2 {
  right: 16.66666667%
}

.col-xs-pull-1 {
  right: 8.33333333%
}

.col-xs-pull-0 {
  right: auto
}

.col-xs-push-12 {
  left: 100%
}

.col-xs-push-11 {
  left: 91.66666667%
}

.col-xs-push-10 {
  left: 83.33333333%
}

.col-xs-push-9 {
  left: 75%
}

.col-xs-push-8 {
  left: 66.66666667%
}

.col-xs-push-7 {
  left: 58.33333333%
}

.col-xs-push-6 {
  left: 50%
}

.col-xs-push-5 {
  left: 41.66666667%
}

.col-xs-push-4 {
  left: 33.33333333%
}

.col-xs-push-3 {
  left: 25%
}

.col-xs-push-2 {
  left: 16.66666667%
}

.col-xs-push-1 {
  left: 8.33333333%
}

.col-xs-push-0 {
  left: auto
}

.col-xs-offset-12 {
  margin-left: 100%
}

.col-xs-offset-11 {
  margin-left: 91.66666667%
}

.col-xs-offset-10 {
  margin-left: 83.33333333%
}

.col-xs-offset-9 {
  margin-left: 75%
}

.col-xs-offset-8 {
  margin-left: 66.66666667%
}

.col-xs-offset-7 {
  margin-left: 58.33333333%
}

.col-xs-offset-6 {
  margin-left: 50%
}

.col-xs-offset-5 {
  margin-left: 41.66666667%
}

.col-xs-offset-4 {
  margin-left: 33.33333333%
}

.col-xs-offset-3 {
  margin-left: 25%
}

.col-xs-offset-2 {
  margin-left: 16.66666667%
}

.col-xs-offset-1 {
  margin-left: 8.33333333%
}

.col-xs-offset-0 {
  margin-left: 0
}

.btn-check:focus + .btn-info, .btn-info:focus {
  color: #FFF;
  background-color: #433B65;
  border-color: #433B65;
  box-shadow: none;
}

.width-65 {
  width: 65%;
}

.text-align-left {
  text-align: left !important;
}

.margin-0px {
  margin: 0;
}

.dx-tabpanel > .dx-tabpanel-tabs .dx-tabs .dx-tab .dx-tab-content {
  color: #4F87F6;
}

.dx-field input, .dx-field textarea {
  font-family: "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif;
  line-height: 2.1rem;
}

.dx-scrollview-content {
  position: inherit;
  text-align: left;
}

.dx-overlay-content .dx-popup-content > .dx-template-wrapper {
  background: #FFF;
  height: inherit;
}

.amended {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: #433b65;
  font-family: 'Open Sans';
  font-size: 1rem;
  font-weight: 500;
  color: #fffffF;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase;
  cursor: pointer;
}

.dx-tag-content {
  font-size: 0.8rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 0.2rem;
  margin-top: 0.2rem;
  background: #DDE4F6;
  word-break: break-word;
  display: inline-block;
  border-radius: 0.3rem;
  padding: 0.25rem 0.3rem 0.4rem 0.3rem;
  color: #222222;
  font-family: 'Open Sans';
  font-weight: bold;
  height: 1.6rem;
}

.dx-tag-remove-button {
  position: relative;
  right: -0.7rem;
  float: right;
  top: 1px;
  left: 0.3rem;
}

  .dx-tag-remove-button::after, .dx-tag-remove-button::before {
    background: #4F87F6;
  }

.padding-left-20 {
  padding-left: 1.4rem !important;
}
.dx-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input-container {
  overflow-y: auto;
}
.dx-tagbox .dx-texteditor-input {
  padding: 0 !important;
}
.dxTagBox {
  max-height: 12rem;
  overflow-y: auto;
  height: auto !important;
}
.dx-tag-content::before {
  display: none;

}

.dx-datagrid-filter-range-overlay .dx-overlay-content .dx-texteditor .dx-texteditor-input {
  border: #4F87F6 solid 1px; /* Should not be converted to rem */
}

.dx-texteditor-buttons-container > .dx-button > .dx-button-content {
  padding-top: 0.1rem;
}

.dx-info{
  color: #222222;
}
.cl-date-box .dx-button[aria-label="Today"],
.dx-datebox-date .dx-button[aria-label="Today"] {
  display: none;
}

.wrapping {
  white-space: normal;
}

.cl-section-header {
  color: #222222;
  font-weight: bold;
  font-size: 1.3rem;
  font-family: 'Arial';
  margin-bottom: 1.4rem;
  margin-top: 3.6rem;
  line-height: 1rem;
}
.cl-section-header:first-child{
  margin-top:0;
}
.grey-container {
  position: relative;
  background: #F5F5F5;
  border-radius: 0.5rem;
  left: -0.7rem;
  padding: 0.7rem;
}

.grey-box-container {
  position: relative;
  background: #F5F5F5;
  box-sizing: content-box;
  border-radius: 0.5rem;
  left: -0.7rem;
  padding: 0.7rem;
  width: 100%;
}

  .grey-container .dx-toolbar-items-container,
  .grey-container .dx-datagrid-header-panel,
  .grey-box-container .dx-toolbar-items-container,
  .grey-box-container .dx-datagrid-header-panel {
    background-color: #F5F5F5 !important;
  }

.dx-accordion-item-body .dx-button-has-text .dx-button-content .dx-button-text, #statesPane .dx-button-has-text .dx-button-content .dx-button-text {
  white-space: break-spaces;
}

.cl-text-area {
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.dx-datagrid .dx-datagrid-sticky-column-right, .dx-treelist .dx-treelist-sticky-column-right {
  background-color: inherit;
}

.dx-datagrid-rowsview.dx-datagrid-sticky-columns .dx-data-row:not(.dx-row-lines,.dx-edit-row,.dx-selection,.dx-row-focused)>td:not(.dx-editor-cell,.dx-master-detail-cell) {
  padding-top: 0;
}

.dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space {
  padding-top: 7px!important;
}

.dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell:not(.dx-row-lines) {
  border-top: none;
  border-bottom: none;
}