.screen-Loding {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2000;    
  }

.screen-Loding-content {
    color:#4ab2be !important;
    text-align: center;
    font-weight: 600;
    font-size: 20px;
    position: absolute;
    z-index: 3000; 
    left: 46%;
    top: 46%;
  }
  
  .pdf-page-canvas {
    display: block;
    margin: 5px auto;
    border: 1px solid rgba(0, 0, 0, 0.2);
  }
  .brandLogoContainer {
    width: 100% !important;
    position: relative !important;
    margin-top: 7px !important;
  }
  .nav-configurable-icons__container {
    position: absolute !important;
  }
  .primary-theme .brand-symbol {
    margin-left: 0px !important;
  }
  .menu-toggle__container {
    z-index: 1000 !important;
  }
  #configurable-first__icon i {
    position: relative !important;
    top: 2px !important;
  }
  @media screen and (min-width: 769px){
    .nav-configurable-icons__container {
      top: 1.5rem !important;
    }
  }
  @media screen and (max-width: 767px){
    #navbarLeft {
      position: absolute !important;
      left: 1.5rem !important;
      top: 1.8rem !important;
    }
    .brandLogoContainer .brand-logo__bg {
        height: 40px !important;
        display: flex !important;
        flex-direction: column-reverse !important;
        padding:0px !important;
    }
    .brandLogoContainer .navbar-brand.brand-symbol {
        padding: 0px !important;
        margin: 0 auto !important;
    }
  }
  @media screen and (max-width: 880px){
    #navbar-wrapper > .offset-menu {
      margin-left: 0px !important;
      padding-left: 0rem !important;
    }
  }
  #submenu-icon-sm {
    display: none;
  }
  @media screen and (max-width: 879px){
    #submenu-icon-sm {
      display: block;
    }
  }
  
  .top-menu__nasu-sub-menu {
    display: none;
  }

  .top-menu__nasu-content-section {
    width: 100%;
  }

  @media screen and (min-width: 880px) {
    .newAccountStepsForTopMenu .nasu-nav-side-overlay {
      display: block;
    }
    .newAccountStepsForTopMenu .newAccountStepContent {
      border-bottom: none !important;
      font-size: 14px !important;
      padding: 0.5rem 0.25rem 0.25rem 0 !important;
    }

    .newAccountStepsForTopMenu .nasu-nav-side-overlay ul.navbar-nav {
      background: var(--menu-back-color);
      color: var(--menu-text-color);
      padding: 10px;
    }

    .newAccountStepsForTopMenu .newAccountSetup_rightMenu {
      border-left: none !important;
      padding: 0 !important;
    }
  }

  @media screen and (min-width: 992px) {
    .top-menu__alignment .top-menu__nasu-sub-menu {
      width: 250px;
      display: block;
    }
    
    .top-menu__alignment .top-menu__nasu-content-section {
      width: calc(100% - 250px);
    }
  }


  .top-menu__nasu-sub-menu .newAccountStepContent .newAccount_index {
    min-width: 28px;
  }
  .wrap-header__text{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .w-130 {
    width: 130px;
  }

  .wrap-grid__text{
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    /* border-bottom: 1px dotted green;
    text-decoration: none;
    color:green */

  }

  .generic-wordrap_container
  {
    overflow-wrap: break-word;
    word-wrap: break-word;
    /* -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; */
  }

  .tooltip {  
    z-index: 10000 !important;
  }

  .wrap-grid_cellcontainer-1{
    max-width:160px;
    min-width:130px;
  }

  .wrap-grid_cellcontainer-2
  {
    max-width:150px;
    min-width:130px;
  }


#layout-scroll-view>.dx-scrollable-wrapper>.dx-scrollable-container>.dx-scrollable-content {
	transform: none !important;
}

.campaignNotification_popup.passwordNotification_popup.dx-overlay-content {
  transform: translateY(200px) !important;
}

@media screen and (orientation:landscape) and (max-width:915px) {
  .campaignNotification_popup.passwordNotification_popup.dx-overlay-content {
    transform: translateY(24px) !important;
  }
}

.campaignNotification_popup.campaignNotification_popup_layout.dx-overlay-content {
  transform: translateY(60px) !important;
}

.font-size__12 {
  font-size: 12px;
}

.primary-theme.crisp-theme .highlightAdvancedSearchPopup {
  top: 240px !important;
  right: 14px !important;
}

.primary-theme.crisp-theme .transact-online.highlightAdvancedSearchPopup {
  top: 210px !important;
  right: 24px !important;
}

.primary-theme.crisp-theme .highlightAdvancedSearchPopup.popup {
  top: 40px !important;
  right: 8px !important;
}

@media only screen and (max-width: 990px) {
  .primary-theme.crisp-theme .highlightAdvancedSearchPopup.popup {
    right: 10px !important;
  }
}

.createNewEnvelope__container .highlightAdditionalFormsPopup {
  top: 40px !important;
}

.sel-button.disable_button {
  background-color: rgba(0, 0, 0, 0.1) !important;
  opacity: 0.28;
  cursor: default;
  user-select: none;
  color: rgba(0, 0, 0, 0.35) !important;
}

.sel-button.disable_button.dx-state-hover {
  box-shadow: none;
}

.border .data-grid__resposive.popup_datagrid .dx-scrollable-scrollbar.dx-scrollbar-vertical.dx-scrollbar-hoverable {
  display: none;
}

#create-new__envelope .dx-button-text,
.e-sign__button .dx-button-text,
#button_Submit .dx-button-text,
#copy-address__customer .dx-button-text,
#copy-questions__customer .dx-button-text,
#copy-address__trusted .dx-button-text,
#copy-address__accountTrusted .dx-button-text {
  text-transform: none;
}

.createnewenvelope_ok .dx-button-text,
.text-trans__uppercase .dx-button-text{
  text-transform: uppercase;
}

.ml-ve__4px {
  margin-left: -4px;
}

.mr-ve__4px {
  margin-right: -4px;
}

.ml-ve__8px {
  margin-left: -8px;
}

.dash-tile-up {
  color: #39b56b;
}

.dash-tile-down {
  color: #ff8800;
}


.primary-theme.crisp-theme .alert {
  text-align: center;
}

.primary-theme.crisp-theme .page-header-carousel-content {
  padding: 10px;
}

.primary-theme.crisp-theme .transaction-header__content-bg {
  border-radius: 10px;
  box-shadow: 0 4px 6px 0 rgba(16, 17, 49, 0.32);
  background-color: #e7eef9;
}

.primary-theme.crisp-theme .page-header__bg-overlay {
  box-shadow: 0 4px 6px 0 rgba(16, 17, 49, 0.32);
  background-color: #e7eef9;
  margin-top: 0.5rem ;
}

.primary-theme.crisp-theme .page-header__bg-overlay .page-header__caption {
  color: #333;
}

.page-header__caption .primary-theme.crisp-theme .main-container {
  min-height: 500px;
}

.primary-theme.crisp-theme .main-footer__top-container {
  padding-top: 100px;
}

.primary-theme.crisp-theme .userinfo-header {
  text-align: right;
  padding-right: 50px;
  color: #000;
  font-size: 12px;
}

@media only screen and (max-width: 767px) {
  .primary-theme.crisp-theme .userinfo-header {
    padding-right: 30px;
  }
}

.primary-theme.crisp-theme .crisp-theme__hide {
  display: none;
}

.primary-theme.standard-theme .standard-theme__hide {
  display: none;
}

.primary-theme.crisp-theme #view-acc-overview .page-header__bg-overlay {
  background-color: #e7eef9;
  margin-top: 20px;
}

.primary-theme.crisp-theme #view-acc-overview .page-header__bg-overlay .page-header__caption {
  color: #000;
}

.primary-theme.crisp-theme #view-acc-overview .configuarable__note {
  display: none;
  margin-left: -9999999px;
  height: 30px;
}

.primary-theme.crisp-theme .dx-datagrid .dx-row > td {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
}

.primary-theme.standard-theme .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  line-height: 18px;
}

.primary-theme .header-bg,
.primary-theme .page-header__bg-img {
  background-image: url(../custom-images/header-bg-main-default.jpg);
  background: '';
}

/* .primary-theme .vw-login .header-bg {
  background-image: url(../custom-images/header-bg-login-default.jpg);
  background: '';
} */

@if $logo-style==standard {
  .primary-theme .brand-logo {
    width: 101px;
    height: 80px;
    background: url(../custom-images/default-logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-indent: -9999px;
  }
  .primary-theme .brand-symbol {
    width: 101px;
    height: 48px;
    background: url(../custom-images/default-symbol.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-indent: -9999px;
  }
}

@if $logo-style==bright {
  // TODO: Review this rule. Related to brightstart?
  @media only screen and (max-width: 768px) {
    .primary-theme .vw-acc-overview .page-header__bg-img {
      height: 260px;
    }
  }
  .primary-theme .page-header__big-pad-special {
    padding-top: 110px ;
  }
  .primary-theme .navbar-toggler-icon {
    top: -70px; // left: 20px;
    // position: relative;
  }
  .primary-theme .toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(31,61,124, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
  }
  .primary-theme .bg-custom-navbar {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .primary-theme .brand-logo {
    height: 80px;
    position: relative;
    top: -26px;
    width: 101px;
    background: url(../custom-images/default-logo.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-indent: -9999px;
  }
  .primary-theme .brand-symbol {
    width: 101px;
    background: url(../custom-images/default-symbol.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-indent: -9999px;
    position: relative;
  }
  .primary-theme .brand-logo__bg {
    background: radial-gradient(circle 100px, #fff, rgba(255, 255, 255, 0));
    min-width: 200px;
  }
  .primary-theme .header__black-linear-bg {
    background: #fff;
    background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), color-stop(50%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient( top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient( to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
    height: 145px;
    left: 0;
    position: absolute;
    -webkit-transition: background 0.5s ease;
    transition: background 0.5s ease;
    top: 0;
    width: 100%;
    z-index: -1;
  }
  .primary-theme .main-footer__bottom-container {
    background: #fff;
    color: #A3ABAD;
  }
}

#availableForms-grid .dx-scrollbar-vertical .dx-scrollable-scroll {
  width: 8px !important;
}

#availableForms-grid .dx-scrollbar-hoverable{
  background-color: transparent;
}

#availableForms-grid .dx-scrollable-scroll-content{
	background-color: rgba(117, 115, 115, 0.7);
}

.f-sz__0_8 {
  font-size: 0.8rem;
}

footer {
  padding: 30px;
  line-height: 1.5em;
}

.exchange_button .dx-button {
  max-width: 200px;
  height:58px;
}

.exchange_button .dx-button-text {
  white-space: normal;
}

.page-header__bg-img.page-header__no-banner {
  height: 110px;
}

.dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content, .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-invalid-message .dx-overlay-content
{
  padding : 2px 2px !important;
  max-width: 33% !important;
  line-height: 12px;
  text-align: left;
  padding-left: 5px !important;
}

@media only screen and (max-width: 768px) {
  .dx-datagrid-rowsview .dx-data-row .dx-invalid-message .dx-overlay-content, .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-invalid-message .dx-overlay-content
  {
      max-width: 53% !important;
      line-height: 14px !important;
  }
  .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-label,
  .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-field-item-content-location-bottom
  {
	  padding: 0px 0 3px !important;
  }
  .bank-list__item.newAccountSetup_AccountType {
    margin: 0px !important;
  }
}

.dx-datagrid-rowsview .dx-data-row .dx-validator.dx-datagrid-invalid, .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-datagrid-invalid, .dx-datagrid-rowsview .dx-data-row .dx-validator.dx-invalid, .dx-datagrid-rowsview .dx-adaptive-detail-row .dx-validator.dx-invalid {
  background-color: rgba(244, 67, 54, 0.32) !important;
}

@media screen and (max-width: 786px){

  #availableForms-grid.data-grid__resposive .dx-datagrid-rowsview {
    overflow-y: auto !important;
  }
  
  #availableForms-grid.data-grid__resposive .dx-scrollable-native.dx-scrollable-both .dx-scrollable-container{
    overflow-y: auto !important;
  }

}

.data-grid__resposive:not(.avoid-freespace__restriction) .dx-freespace-row {
  height: 0px !important;
  visibility: collapse !important;
}

.maintain-freespace__end.data-grid__resposive .dx-freespace-row {
  visibility: visible !important;
}

.consentletter-nav-ection .dx-button-text {
  text-transform: unset !important;
  
  }

  .dx-toolbar .dx-toolbar-items-container {
    height: 40px !important;    
  }

  .dx-datagrid-header-panel{
    padding:0 14px 0 0px !important
  }

  .dx-datagrid-search-panel {
    margin: 0px 0px 0px 0px !important;
}

@media only screen and (max-width: 768px){
  .exchange_button .action-btn__block{
    float: none !important;
    display: block !important;
    margin: 2px auto !important;
    }
}

.word-break__all {
  word-break: break-all;
}

a[href="#cashsweep"] i {
  margin: 0px 3px 0px -3px;
}
.no-border tr td:not(:focus),.no-border tr td:focus {box-shadow: none !important;}

@media only screen and (max-width: 576px){
  #cashsweepInvestmentGrid .dx-command-edit.dx-command-edit-with-icons {
    width:55px;
    min-width: 55px;
    max-width: 55px;
  }
}
.brandLogoContainer {
  width: 100% !important;
  position: relative !important;
  margin-top: 7px !important;
}
.nav-configurable-icons__container {
  position: absolute !important;
}
.primary-theme .brand-symbol {
  margin-left: 0px !important;
}
.menu-toggle__container {
  z-index: 1000 !important;
}
#configurable-first__icon i {
  position: relative !important;
  top: 2px !important;
}
.selectBox_WrapText {
  white-space: pre-wrap;
  padding-bottom: 5px;
}
.dx-list-item:last-child .selectBox_WrapText {
  border-bottom: none !important;
}
.margin-auto .dx-tileview-wrapper{
    margin:0 auto;
}
@media screen and (min-width: 768px){
  .nav-configurable-icons__container {
    top: 1.8rem !important;
  }
}
@media screen and (max-width: 767px){
  #navbarLeft {
    position: absolute !important;
    left: 1.5rem !important;
    top: 1.8rem !important;
  }
  .brandLogoContainer .brand-logo__bg {
      height: 40px !important;
      display: flex !important;
      flex-direction: column-reverse !important;
      padding:0px !important;
  }
  .brandLogoContainer .navbar-brand.brand-symbol {
      padding: 0px !important;
      margin: 0 auto !important;
  }
  .screen-Loding-content {
    left: 43% !important;
  }
}

@media screen and (max-width: 880px){
  #navbar-wrapper > .offset-menu {
    margin-left: 0px !important;
    padding-left: 0rem !important;
  }
}

.wrap-header__text {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.wrap-grid__text {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  /* border-bottom: 1px dotted green;
  text-decoration: none;
  color:green */
}

.generic-wordrap_container {
  overflow-wrap: break-word;
  word-wrap: break-word;
  /* -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; */
}

.asset-allocation-grid-NewAccountSetup .generic-wordrap_container {
  /* word-break: break-all; */
}

.tooltip {  
  z-index: 10000 !important;
}

.wrap-grid_cellcontainer-1 {
  max-width:160px;
  min-width:130px;
}

.wrap-grid_cellcontainer-2 {
  max-width:150px;
  min-width:130px;
}

.dx-toolbar .dx-toolbar-items-container {
  height: 40px !important;    
}

.dx-datagrid-header-panel{
  padding:0 14px 0 5px !important
}

/* 
  .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-group-row > td
   {
  padding-right: 4px !important;
  
} */

.custom-navbar-home__icon {
 left: 50px !important;    
}

.custom-container {
max-width: 100% !important;
}

.data-grid__normal:not(.avoid-freespace__restriction) .dx-freespace-row {
  height: 0px !important;
}

td.dx-group-cell.dx-last-data-cell {
  padding-left: 5px !important;
}

#accountdetails_spececialInt div, #report_Textarea_Description div {
  min-height: 17px;
}
#vw-acc-generatereports .dx-list-item-content {
  padding: 8px 5px 8px;
}
#vw-acc-generatereports .elipsisContent {
  text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
}
.generate-report-view .dx-overlay-content{
  max-height: 142px !important;
  max-width: 362px !important;
}

.disable-grid__icon,
a.disable-grid__icon:hover {
  color: #b2b8bd !important;
}

.dx-group-row>td {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.dx-datagrid-rowsview .dx-datagrid-table .dx-freespace-row > td {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.dx-datagrid-borders > .dx-datagrid-pager {
border-top: none;
}

.dx-datagrid .dx-row-alt > td {
background-color: #eae8e8;
}

@media screen and (max-width: 768px){
  .brandLogoContainer .brand-logo__bg { 
    margin-top: 10px !important;
  }
  .campaignNotification_popup.passwordNotification_popup .dx-popup-content {
    min-height: 160px !important;
  }
  .vw-acc-overview .tabs-header {
    min-height: 32px;
  }
  .dx-item.dx-tab {
    min-width: 55px;
  }
}

.text-transparent {
  color: transparent;
}

@media only screen and (max-width: 450px) {
  .datagrid-toolbar__adjust .dx-toolbar-after {
    margin-top: -30px;
  }
}

.foreachNoDataText {
  text-align: left !important;
}

.line-height__36 {
  line-height: 36px;
}

.find-account_modelpopup .dx-scrollbar-vertical .dx-scrollable-scroll {
  width: 13px !important;
}

#documents-card .dx-scrollbar-vertical .dx-scrollable-scroll,
.popup-datagrid__container .dx-scrollbar-vertical .dx-scrollable-scroll {
  width: 10px !important;
}

#documents-card .dx-scrollbar-hoverable,
.popup-datagrid__container .dx-scrollbar-hoverable {
  background-color: transparent;
}

.find-account_modelpopup .dx-scrollable-scroll-content,
#documents-card .dx-scrollable-scroll-content, 
.popup-datagrid__container .dx-scrollable-scroll-content {
  border-radius: 4px;
}

#tbx_sr_accountNumber.dx-searchbox .dx-icon-search,
.tbx_fw_accountNumber.dx-searchbox .dx-icon-search,
#tbx_asr_accountNumber.dx-searchbox .dx-icon-search {
  left: auto !important;
  right: 0;
  pointer-events: auto;
  cursor: pointer;
  height: 28px;
  width: 28px;
  top: 38%;
  line-height: 28px;
  font-size: 26px;
  border: 1px solid #002a8c;
}

#tbx_sr_accountNumber.dx-searchbox .dx-icon-search::before,
.tbx_fw_accountNumber.dx-searchbox .dx-icon-search::before,
#tbx_asr_accountNumber.dx-searchbox .dx-icon-search::before {
  color: #002a8c !important;
}

#tbx_sr_accountNumber.dx-show-clear-button .dx-texteditor-buttons-container,
.tbx_fw_accountNumber.dx-show-clear-button .dx-texteditor-buttons-container,
#tbx_asr_accountNumber.dx-show-clear-button .dx-texteditor-buttons-container {
  right: 32px;
}

#tbx_sr_accountNumber.dx-searchbox .dx-texteditor-input,
.tbx_fw_accountNumber.dx-searchbox .dx-texteditor-input,
#tbx_asr_accountNumber.dx-searchbox .dx-texteditor-input {
  padding-left: 0 !important;
}


.line-height__0_75 {
  line-height: 0.75 !important;
}

.line-height__14px {
  line-height: 14px;
}

.line-height__16px {
  line-height: 16px;
}

.mw-54px {
  max-width: 54px;
}

.find-account__popup {
  position: absolute !important;
  top: 40px;
}

#service-popup{
  top: 170px;
}

.crisp-theme .find-account__popup {
  top: -80px;
}

@media only screen and (max-width: 768px) {
  .find-account__popup {
    top: 20px;
  }

  .crisp-theme .find-account__popup {
    top: -100px;
  }

  .w-100-upto__md {
    width: 100%;
  }
}

.zIndex_1505 {
  z-index: 1505;
}

@media only screen and (max-width: 881px) {
  .container-fluid-upto__menu-visible {
      min-width: 100%;
      max-width: 100%;
      padding-right: 15px;
      padding-left: 15px;
  }
  .InvestmentBalancePopup {
    left: 19% !important;
  }
}

@media only screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 576px) {
    .find-account__popup {
        left: 4%;
        right: 4%;
    }
}

#authorizedAccount_tiles .dx-state-hover.dx-list-item{
    background-color: transparent !important;
}

#authorizedAccount_tiles .dx-state-hover.dx-list-item .bank-list__item {
    background-color: #f1ecec !important;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    #authorizedAccount_tiles .dx-item.dx-list-item:nth-child(2n+1) {
        padding-left: 1rem !important;
    }
    #authorizedAccount_tiles .dx-item.dx-list-item:nth-child(2n) {
        max-width: 46% !important;
        margin-left: 1% !important;
        margin-right: 1% !important;
    }
}

@media only screen and (min-width: 1200px) {
  #authorizedAccount_tiles .dx-item.dx-list-item:nth-child(3n+1) {
      padding-left: 1rem !important;
  }
  #authorizedAccount_tiles .dx-item.dx-list-item:nth-child(3n+2) {
      max-width: 31% !important;
      margin-left: 1% !important;
      margin-right: 1% !important;
  }
  #authorizedAccount_tiles .dx-item.dx-list-item:nth-child(3n) {
      padding-right: 1rem !important;
  }
}

.account-overview__popup.find-account__popup {
    top: 240px;
}

.transact-online.find-account__popup {
    top: 210px;
}

#authorizedAccount_tiles .dx-empty-message {
  width: 100%;
  text-align: center;
}

#document-grid.data-grid__resposive .dx-scrollable-native.dx-scrollable-both, .data-grid__resposive .dx-scrollable-native.dx-scrollable-both .dx-scrollable-container {
  overflow-y: auto !important;
}

.w-160px {
  width: 160px !important;
}

.mySelectBoxPopupSize-265px {
  width: 265px !important;
}
#showInvestmentCurrentDiv, .commonPopup_Form {height:0px}
.InvestmentBalancePopup {
  z-index: 1555;
  top: 22%;
  left: 36%;
  position: fixed !important;
}
@media only screen and (max-width: 576px){
  .InvestmentBalancePopup {
    left: 9% !important;
  }
  #showInvestmentCurrentDiv .InvestmentBalancePopup {
    left: 4% !important;
  }
}

.selectbox-item-content__wrap {  
  word-wrap: break-word;  
  white-space: normal;  
}

.instruction_note {
  font-size: 13px !important;
}

#checkImage-grid .dx-scrollable-scrollbar.dx-widget.dx-scrollbar-vertical.dx-scrollbar-hoverable {
  display: none;
}

.dx-button.dx-state-disabled .dx-button-text {
  color: #d3d3d3 !important;
}

.dx-button.dx-state-disabled {
  background: rgba(0, 0, 0, 0.8) !important;
}
.dx-toast-message {
  word-break: break-word;
}

.justify-child-rows .row.revert-justify-childs {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.AAModelIcon,
.cardIcon {
  font-size: xx-large !important;
}

.font-size-13 {
  font-size: 13px !important;
}

.AAModel-container,
.card-container {
  padding: 8px 4px;
  min-height: 135px;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .card-description .block-ellipsis,
  .AAModel-description .block-ellipsis {
    display: block !important;
  }
}

.AAModel-container.box-list__wrapper.selected,
.card-container.box-list__wrapper.selected {
  border-width: 3px !important;
  border-left: 1px solid;
}

.AAModel-investments__information .assetAllocation-fund__info-heading,
#initialfunding-ACH__Info .assetAllocation-fund__info-heading,
.review-info__container .assetAllocation-fund__info-heading,
#initialFunding-AA_grid .assetAllocation-fund__info-heading,
#AIP-AA_grid .assetAllocation-fund__info-heading,
#IFReview-AA_grid .assetAllocation-fund__info-heading,
#AIPReview-AA_grid .assetAllocation-fund__info-heading,
#asset-allocation-grid .dx-datagrid .dx-scrollbar-vertical.dx-scrollbar-hoverable,
.account-swp-AAGrid .assetAllocation-fund__info-heading,
.account-aip-AAGrid .assetAllocation-fund__info-heading {
  display: none;
}

.gridsort_hide .dx-sort{  
  display: none !important;  
}

.dx-buttongroup .dx-buttongroup-item.dx-button {
  min-height: 36px;
}

#swp-amount-type__selection.dx-buttongroup .dx-buttongroup-item.dx-button,
#swp-state-withholding__selection.dx-buttongroup .dx-buttongroup-item.dx-button,
#swp-federal-withholding__selection.dx-buttongroup .dx-buttongroup-item.dx-button {
  height: auto;
}

#swp-federal-withholding__selection.dx-buttongroup .dx-item .dx-button-content {
  height: auto;
}

#swp-state-withholding__selection.dx-buttongroup .dx-item .dx-button-content {
  height: auto;
}

@media only screen and (max-width: 768px) {
    #swp-investment-type__selection.dx-buttongroup .dx-buttongroup-wrapper,
    #swp-amount-type__selection.dx-buttongroup .dx-buttongroup-wrapper,
    #swp-federal-withholding__selection.dx-buttongroup .dx-buttongroup-wrapper,
    #swp-state-withholding__selection.dx-buttongroup .dx-buttongroup-wrapper,
    #investment-selection.dx-buttongroup .dx-buttongroup-wrapper,
    #IF-investment-selection.dx-buttongroup .dx-buttongroup-wrapper,
    #AIP-investment-selection.dx-buttongroup .dx-buttongroup-wrapper {
        flex-flow: column nowrap;
    }
      
    #swp-investment-type__selection.dx-buttongroup .dx-buttongroup-item.dx-button,
    #swp-amount-type__selection.dx-buttongroup .dx-buttongroup-item.dx-button,
    #swp-federal-withholding__selection.dx-buttongroup .dx-buttongroup-item.dx-button,
    #swp-state-withholding__selection.dx-buttongroup .dx-buttongroup-item.dx-button,
    #investment-selection.dx-buttongroup .dx-buttongroup-item.dx-button,
    #IF-investment-selection.dx-buttongroup .dx-buttongroup-item.dx-button,
    #AIP-investment-selection.dx-buttongroup .dx-buttongroup-item.dx-button {
          border-radius: 0;
          border: 1px solid rgba(0, 0, 0, 0.24);
    }
}
  
.dx-buttongroup .dx-buttongroup-item.dx-button.dx-item-selected {
  background-color: #00c851;
  border-color: #00c851 !important;
  color: #ffffff;
}
  
.dx-buttongroup .dx-buttongroup-item.dx-button.dx-state-disabled {
  background-color: #d3d3d3 !important;
  border-color: #d3d3d3 !important;
  opacity: 0.4 !important;
}
  
.dx-buttongroup .dx-buttongroup-item.dx-button.dx-state-disabled .dx-button-text {
  color: #000 !important;
}
  
.dx-buttongroup .dx-buttongroup-item.dx-button .dx-button-text {
  text-transform: none;
  font-size: 14px;
}
  
#swp-investment-type__selection.dx-buttongroup .dx-item:nth-child(2) .dx-button-content,
#swp-amount-type__selection.dx-buttongroup .dx-item .dx-button-content {
  line-height: 32px;
  padding: 4px 8px;
}
  
#swp-investment-type__selection.dx-buttongroup .dx-item:nth-child(2) .dx-button-text,
#swp-amount-type__selection.dx-buttongroup .dx-item .dx-button-text {
  white-space: normal;
  line-height: 16px;
}
  
#swp-amount-type__selection.dx-buttongroup .dx-button.dx-item:nth-child(2) {
  width: 152%;
}

@media only screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 0px) {
  #swp-amount-type__selection.dx-buttongroup .dx-button.dx-item:nth-child(2) {
    min-width: 34%;
  }
}

#swp-amount-type__selection.review-section.dx-buttongroup .dx-button.dx-item {
  cursor: default;
}

.list-active__transparent .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
  background-color: transparent !important;
}

.list-active__transparent .dx-item.dx-list-item {
  margin-top: 0.5rem;
}

.list-active__transparent .dx-item.dx-list-item .dx-item-content {
  margin-bottom: 0 !important;
}

.list-active__transparent .dx-item.dx-list-item .dx-item-content .bank-list__item {
  margin: 0 !important;
}

.bank-list__item.selected,
.box-list__wrapper.selected {
  border-width: 1px !important;
}

.bank-list__item.review-tran__bank-container.selected {
  border-width: 1px !important;
}

.list-active__transparent .dx-item.dx-list-item .dx-item-content .bank-list__item.review-tran__bank-container.selected {
  margin-bottom: 1rem !important;
}

.list-active__transparent .dx-scrollbar-vertical.dx-scrollbar-hoverable {
  display: none !important;
}

.aip .icon-btn-trans__text,
.swp .icon-btn-trans__text {
  max-width: none !important;
}

#asset-allocation-grid .dx-row.dx-group-row td {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

#asset-allocation-grid .dx-datagrid-headers .dx-row.dx-header-row td:nth-child(2) {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.data-grid__resposive.datagrid-header__bg .dx-datagrid-headers .dx-datagrid-content .dx-row.dx-header-row > td{
  background-color: #f2f2f2 !important;
}

.data-grid__resposive.datagrid-header__bg .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover:not(.dx-command-select):not(.dx-command-expand):not(.dx-editor-cell):not(.dx-command-edit):not(.dx-datagrid-group-space) {
  background-color: #f2f2f2 !important;
}

.amount-type__section .dx-button .dx-button-content .dx-button-text,
.investment-types__section .dx-button .dx-button-content .dx-button-text,
.withhodings-edit .dx-button .dx-button-content .dx-button-text{
  font-size: 14px !important;
  line-height: 16px !important;
}

.IRA72-distribution__button {
  max-width: 220px !important;
}

.investment-types__section .dx-button {
  height: 46px;
}

.investment-types__section .dx-button-text,
.withhodings-edit  .dx-button-text {
  white-space: normal;
}

.amount-type__section .dx-button.disabled {
  opacity: 0.4;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.m-top__6px{
  margin-top: 6px;
}

.recommendation-icon__section {
  text-align: center;
  position: relative;
  right: -8px;
}

.recommendation-icon__section i {
  color: rgb(27 175 175 / 83%);
}

.recommendation-icon__section span{
  display: block;
  color: rgb(27 175 175 / 83%);
  font-size: 10px;
  position: relative;
  top: -4px;
}
.dropdownLabel {
  width: 0.01px;
  height: 0.01px;
  overflow: hidden;
  position: absolute;
  right: 0px;
}
.dx-gallery-nav-button-next {
  right: 1px !important;
}

.dx-dropdowneditor-icon:focus, .dx-widget.dx-gallery-nav-button-next:focus, .dx-widget.dx-gallery-nav-button-prev:focus {
  border: 3px solid rgba(3, 168, 244, 0.75) !important;
  box-shadow: none !important;
}
@media only screen and (min-width: 769px) {
  #js-bene-carousel-header .dx-widget.dx-gallery-nav-button-prev, #js-bene-carousel-header .dx-widget.dx-gallery-nav-button-next{
    height: 50px;
    top:5px;
  }
  #js-bene-carousel-header .dx-widget.dx-gallery-nav-button-next{
    width: 50px;
  }
  #js-bene-carousel-header .dx-widget.dx-gallery-nav-button-prev{
    width: 60px;
  }

  #swp-amount-type__selection.dx-buttongroup .dx-item:nth-child(1) .dx-button-text {
    width: 80%;
  }
  
  #swp-investment-type__selection.dx-buttongroup .dx-item:nth-child(2) .dx-button-text {
    width: 60%;
  }
}
.quickLinks-more{
  height: 23px;
}
.quickLinks-label {
  padding-top: 0px !important;
}
#quickLinks-more-account-holdingssa-container .quickLinks-label,
#quickLinks-more-account-holdings .quickLinks-label,
#quickLinks-more-transactionactivity-container .quickLinks-label {
  padding-top: 0px !important;
}
.dx-show-clear-button .dx-clear-button-area {
  right:3px;
  float: left;
}
.openLinkedAccounts {
  top: 3px;
}
.openLinkedAccounts .icon-down {
  position: relative;
  top: -3px;
}

#quickLinks-more-linkcontainer .adjust-quick__links {
  padding-left: 2px !important;
  padding-top: 2px !important;
}
.width_100 {width:100%}
#showPayeeOptionPopup {
  border-radius: 5px;
  overflow: hidden;
}
.InvestmentBalancePopup .dx-radiobutton{
  line-height: 25px;
}
#swpContainer .dx-list-item:last-of-type{
  margin-bottom: 0px !important;
}

.vw-viewenteredtrades .navbar-icon i.btn {
  padding: 15px !important;
  line-height: 0 !important;
}

.ta-nasu-step__container .newAccountMenuOptions {
  margin-right: 0 !important;
}

#specifiedInvestmentsCards .dynamic-textbox .dx-invalid-message .dx-invalid-message-content {
	min-width: 224% !important;
}

#withdrawalPercent .dx-invalid-message .dx-invalid-message-content {
  min-width: 200% !important;
}

.adjust-2cards__row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media only screen and (min-width: 768px) {
  .adjust-2cards__row {
    margin-right: 10px !important;
  }
  .adjust-even__item {
    left: 10px;
  }
  .accountOverviewButtons .dx-button-content {
    text-align: left;
  }
  .accountOverviewButtons .dx-button-content .icon-btn__text{
    width: 160px;
  }
}

.datadrid-action-popup.dx-menu-base .dx-submenu .dx-menu-items-container .dx-item.dx-menu-item .dx-menu-item-content {
	padding: 6px 20px;
  min-width: 180px;
}

.datadrid-action-popup.dx-menu-base .dx-submenu .dx-menu-items-container .dx-item.dx-menu-item .dx-menu-item-content .dx-icon {
  margin-right: 12px;
  font-size: 22px;
  color: rgba(0, 0, 0, 0.87);
}

.datadrid-action-popup.dx-menu-base.dx-overlay-content.dx-inner-overlay {
  -webkit-box-shadow: 0 0 20px #9797a252;
  box-shadow: 0 0 20px #9797a252;
}

#formsInProgressGrid .dx-datagrid-header-panel {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 1rem !important;
}

#formsInProgressGrid .dx-toolbar-before .dx-item.dx-toolbar-item {
  padding: 0;
}

#formsInProgressGrid .dx-toolbar-before .dx-item.dx-toolbar-item .dx-button {
  margin: 0 5px 0 0;
}

@media only screen and (max-width: 767px) {

    #formsInProgressGrid .dx-toolbar-items-container {
      height: 140px !important;
    }

    #formsInProgressGrid .dx-toolbar-items-container.height-90 {
      height: 90px !important;
    }

    #formsInProgressGrid .dx-toolbar-before {
      width: 100%;
      display: block;
      padding-right: 8px;
    }

    #formsInProgressGrid .dx-toolbar-before .dx-item.dx-toolbar-item {
      width: 50%;
      float: left;
      padding-right: 0;
    }

    #formsInProgressGrid .dx-toolbar-before .dx-item.dx-toolbar-item:nth-child(2n) {
      position: relative;
      left: 8px;
    }

    #formsInProgressGrid .dx-toolbar-before .dx-item.dx-toolbar-item .dx-button {
      width: 100%;
      margin-bottom: 8px;
    }

    #formsInProgressGrid .dx-toolbar-before .dx-item.dx-toolbar-item .dx-button .dx-button-content {
      padding: 6px 2px;
    }

    #formsInProgressGrid .dx-toolbar-after {
      position: relative;
      padding-left: 0 !important;
      margin-top: 16px;
      width: 100%;
      top: 95px;
      height: 45px;
    }

    #formsInProgressGrid .dx-toolbar-items-container .dx-toolbar-after.top-55 {
      top: 55px;
    }

    #formsInProgressGrid .dx-toolbar-after .dx-datagrid-search-panel.dx-textbox.dx-texteditor {
      width: 100% !important;
    }
    .accountOverviewButtons .dx-icon {
        height: 23px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1048px) {
  #formsInProgressGrid .dx-toolbar-items-container {
    height: 90px !important;
  }

  #formsInProgressGrid .dx-toolbar-before {
    height: 40px !important;
  }

  #formsInProgressGrid .dx-toolbar-after {
    top: 50px;
    height: 40px;
  }
}

.datagrid-action-icon {
  font-size: 24px !important;  
}

.USAddress-review-section div:nth-child(2n+1) {
  min-height: 16px !important;
}

.NonUSAddress-review-section div:first-child {
  min-height: 16px !important;  
}


.tooltip-allaccounts-IRR {
  position: relative;
  bottom: 12px;
  margin-left: -4px;
  font-size: 20px !important;
}

@media only screen and (max-width: 767px){
  .adjust-value-section {
    position: relative;
    left: -50px;
  }
}

.overview-search-container {
    position: absolute;
    right: 15px;
    bottom: 0;
}

.overview-search-container i {
  line-height: 1 !important;
}

#roa-linkages-add__grid .dx-placeholder,
#nasu-roa-linkages__grid .dx-placeholder {
  font-size: 14px;
}

#roa-linkages-add__grid .dx-placeholder.content-available,
#nasu-roa-linkages__grid .dx-placeholder.content-available {
  color: rgba(0, 0, 0, 0.87) !important;
}

#roaloi-data__container .dx-scrollable-scrollbar.dx-widget.dx-scrollbar-vertical.dx-scrollbar-hoverable {
  display: none !important;
}

#roa-linkages-add__grid .dx-invalid-message.dx-datagrid-invalid-message .dx-overlay-content,
#nasu-roa-linkages__grid .dx-invalid-message.dx-datagrid-invalid-message .dx-overlay-content {
	min-width: 220px !important;
}

.dx-gallery-indicator{
  margin-top: 5px !important;
  bottom: 3px !important;
}

.priority-flag{
  color:#2e692b !important
}

.transfer-routing-tooltip {
  margin-left: 4px !important;
}

.adjust-tooltip__2lines{
    position: relative;
    top: -10px;
    margin-left: 8px !important;
}

.my-popup-content {
    padding-left: 5px !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

.my-popup-title {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.dx-device-mobile .list_card {
  padding: 14px 15px 13px !important;
}

.label-info__icon {
  font-size: 18px !important;
  color: #757575;
  vertical-align: bottom;
}

.footer-totalvalue {
  min-width: 150%;
  position: relative;
  left: -50%;
}
@media (max-width: 1100px) {
  .cardsContainer .tileview-container{
      padding:0px 6px !important;
  }
  .accountOverviewButtons .dx-button-content{
    padding: 6px 1px !important;
  }
}
.cardsContainer .dx-tileview-wrapper {
    width: 100% !important;
    max-width: 245px;
}
.cardsContainer .dx-tileview-wrapper .dx-tile {
  width: 100% !important;
}
.accountOverviewButtons {
  box-shadow: none !important;
  display: inline-table !important;
  width: auto;
}
.accountOverviewButtons.dx-state-hover, .accountOverviewButtons.dx-state-focused {
  background: transparent !important;
  box-shadow: none !important;
}
.accountOverviewButtons .dx-icon {
  color: theme-color('link-color');
}
.tableCaption {
  height: 0px;
  width: 0px;
  padding:0px;
  overflow: hidden;
}

@media only screen and (max-width: 450px){
  #intialFunding_via.dx-buttongroup .dx-buttongroup-item.dx-button .dx-button-text {
    text-transform: none;
    font-size: 10px !important;
  }
  .initial_funding_option .dx-button-has-text .dx-button-content {
    padding: 2px 8px !important;
  }
}
.newAccountSetup_menuOption.enabled:focus, .newAccountSetup_menuOption.enabled:hover {
  text-decoration: none;
}
.investment-selection .dx-item {
  min-height: 56px !important;
}

.investment-selection .dx-item .dx-button-content{
  padding: 0px !important;
}

div[id^="btn-group-button"] {
  border-radius: 4px !important;
}

.padding-none{
  padding: 0px !important;
}

.icon-badge {
  background-color: #cf2a27 !important;
  color: #ffffff !important;
  top: -22px !important;
  left: 10px !important;
  right: unset !important;
  border-radius: 50% !important;
}

.icon-badge.single-number {
  padding: 6px 10px;
}

.icon-badge.double-number {
  padding: 6px;
}

.icon-badge.three-numbers {
  padding: 7px 4px;
  top: -25px !important;
}

.roaloi-values__container .dx-item.dx-list-item {
  border-bottom: 1px solid #dee2e6 !important;
}

.roaloi-values__container .dx-item.dx-list-item .dx-item-content.dx-list-item-content {
  padding-left: 0;
  padding-right: 0;
}

.roaloi-values__container .dx-scrollable-scrollbar.dx-widget.dx-scrollbar-vertical.dx-scrollbar-hoverable {
  display: none;
}

.dx-popup-title{
 padding: 0 8px 0 24px;
}

#view-acc-overview .accountOverviewButtons.dx-button-has-icon.dx-button-has-text.focus-visible.dx-state-focused:focus {
  box-shadow: 0 0 0 0.2rem rgba(3, 168, 244, 0.75) !important;
}

#roa-linkages-add__grid .dx-header-row > td > .dx-datagrid-text-content,
.roaLoiInfo .dx-header-row > td > .dx-datagrid-text-content {
  white-space: normal !important;
}

#roaInformationValidationOptions .dx-item.dx-radiobutton {
  margin-bottom: 12px;
}

#transferFromInvestmentGrid.editable-data__grid .env-grid__dropdown-cell .dx-placeholder:after {
  right: -12px;
}

#transferFromInvestmentGrid.editable-data__grid .env-grid__dropdown-cell {
  padding-right: 12px !important;
}

#transferFromInvestmentGrid.editable-data__grid .env-grid__dropdown-cell .dx-placeholder.disable-dataGrid__editableLabel {
  font-size: 14px !important;
  zoom: 1;
}

.clear-both {
  clear: both;
}

.carousel-search-icon-position {
  position: relative;
  top: 10px;
}

.current-bal-fixed-width {
  width: calc(100% - 50px);
  float: left;
}

.dx-texteditor.dx-editor-filled.dx-show-clear-button .dx-texteditor-input {
  padding-right: 22px !important;
}

.dx-texteditor.dx-editor-filled .dx-texteditor-input {
  padding: 7px 0 6px !important;
}

.dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input{
  padding-right: 37px !important;
}

.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input {
  padding-right: 24px !important;
}

.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled .dx-texteditor-input,
.dx-dropdowneditor-button-visible.dx-editor-filled.dx-show-clear-button .dx-texteditor-input,
.dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid.dx-editor-filled .dx-texteditor-input{
  padding-right: 48px !important;
}

.dx-invalid.dx-dropdowneditor-button-visible.dx-editor-filled.dx-show-clear-button .dx-texteditor-input {
  padding-right: 72px !important;
}

.dx-texteditor.dx-editor-filled:after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.42);
}

.dx-texteditor.dx-editor-filled.dx-state-hover:after {
  border-bottom: 2px solid rgba(0, 0, 0, 0.87) !important;
}

/* .dx-texteditor.dx-editor-filled .dx-texteditor-buttons-container {
  right: 0 !important;
} */

.dx-texteditor.dx-editor-filled .dx-placeholder:before {
  padding: 7px 0 6px !important;
}

.dx-texteditor.dx-editor-filled {
  background-color: transparent !important;
}

.dx-page-indexes {
  display: inline-block;
}

#env-menu-nav-list::-webkit-scrollbar {
  width: 17px !important;
}

#env-menu-nav-list::-webkit-scrollbar-button {
  height: 17px !important;
}

/* #env-menu-nav-list::-webkit-scrollbar-track {
  margin-right: 2px !important;
} */

a.action-icon {
  width: 18px;
  height: 18px;
  background-position: 0 0;
  background-size: 18px 18px;
  padding: 0;
  font-size: 18px;
  text-align: center;
  line-height: 18px;
  margin: 0 2px;
  vertical-align: middle;
}

.dx-texteditor.dx-editor-filled.dx-state-readonly:after,
.dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover:after {
  border-bottom-style: dotted !important;
  border-bottom-width: 1px !important;
}

.dx-texteditor-input-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.dx-datagrid-search-panel.dx-searchbox.dx-editor-filled .dx-icon-search {
  left: 7px !important;
}

.dx-datagrid-search-panel.dx-searchbox.dx-editor-filled .dx-placeholder,
.dx-datagrid-search-panel.dx-searchbox.dx-editor-filled .dx-texteditor-input {
  padding-left: 34px !important;
}

.dx-dropdownbutton {
  border-radius: 4px !important;
}

.dx-dropdownbutton .dx-buttongroup .dx-buttongroup-item.dx-button {
  height: 36px !important;
  border: none !important;
  width: 150px !important;
}

.dx-overlay-wrapper.dx-popup-wrapper.dx-dropdowneditor-overlay.dx-dropdownbutton-popup-wrapper .dx-popup-content {
  padding: 0px !important;
}

.dx-dropdownbutton .dx-buttongroup .dx-buttongroup-item.dx-button .dx-icon {
  float: right !important;
  width: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
}

.dx-dropdownbutton .dx-buttongroup .dx-buttongroup-item.dx-button .dx-icon:before {
  font-size: 24px !important;
}

.dx-dropdownbutton .dx-buttongroup .dx-buttongroup-item.dx-button .dx-button-content {
  padding-right: 0px !important;
}

.dx-sort-index-icon {
  display: none !important;
}

.dx-texteditor.dx-dropdowneditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after {
  right: 18px !important;
}

.dx-texteditor.dx-dropdowneditor.dx-invalid.dx-editor-filled.dx-show-clear-button .dx-clear-button-area {
  right: 33px !important
}

.form__text-field-right.dx-texteditor.dx-invalid.dx-editor-filled .dx-texteditor-input-container::after {
  right: auto !important;
  left: 3px !important;
}

.dx-editor-filled .dx-invalid-message > .dx-overlay-content {
  padding-left: 0px !important;
}

.dx-calendar {
  width: 320px !important;
  min-width: 320px !important;
  height: 327.4px !important;
  min-height: 327.4px !important;
}

.dx-datebox-wrapper-calendar .dx-calendar {
  margin: 10px !important;
}

.dx-field-item-content-location-bottom,
.dx-field-item-label-location-top {
  padding: 16px 0 3px !important;
}

.dx-dropdowneditor-overlay .dx-list-item-content {
  font-size: 16px !important;
}

.seperator_styling {
  border-left: 2px solid;
    height: 14px;
    margin-top: 10px;
    margin-left: 10px;
}

.dx-invalid-message .dx-overlay-wrapper.dx-invalid-message {
  z-index: 1500 !important;
  transform: translate(0px, 0px) !important;
}

.wrap-button-label-withholding{
  width: 150px !important;
  height: 120px !important;
}

.wrap-button-label-withholding .dx-button-content{
  text-align: center !important;
  white-space: normal !important;
  word-wrap: break-word !important;
}

.wrap-button-label-withholding .dx-button-text{
  display: inline-block;
}

.text-muted.newAccountSetup_menuOption[aria-disabled="true"] {
  cursor: default !important;
  text-decoration: none !important;
}
.newAccountsetupsuccessorInfomaindiv .dx-list-item, #accountwrapper .dx-list-item, #accountssummarycards .dx-list-item-content:hover {
  cursor: default !important;
}
.opacity_04{
  opacity: 0.4 !important;
}
.opacity_06{
  opacity: 0.6 !important;
  }
#aip-bank__list .bank-information__container,
#swp-bank__list .bank-information__container {
  max-width: calc(100% - 8px);
  margin: 4px !important;
}

.document_email_text{
  font-family: "Open Sans", sans-serif !important;
  font-weight: 600!important;
  opacity: 0.9 !important;
}

#maturity_year_grid .dx-row>td,#Maturity_allocation_grid .dx-row>td {
   padding-right: 18px !important;
}
#grid_request_maturityyear_transfer .dx-row>td{
  padding-right: 14px !important;
  padding-left: 14px !important;
}
#activityTypeDropDown .dx-overlay-content.dx-popup-normal.dx-resizable.dx-popup-flex-height {
 width : 300px !important;
}
.accountOverviewButtons.selected .icon-badge{
  background-color: #405367 !important;
}
.errorMessagePositioning .dx-invalid-message.dx-overlay {
  position: sticky !important;
}
.restrictDropdownTextOverflow .dx-texteditor-input-container {
  max-width: 94% !important;
}
.hideAckErrorMessage .dx-invalid-message > .dx-overlay-content {
display: none !important;
}
#accountssummarycards .icon-btn__text {
  text-decoration: underline;
}
#delivery_grid .dx-row>td {
  padding-left : 18px !important;
}

#editGridScrollRedemtion{
  padding: 10px;
}
.alignContributionAmount .dx-texteditor-input{
  text-align: right !important;
}
#processRefund_accountsDropDown .dx-invalid-message > .dx-overlay-content {
  margin-left: 1rem !important;
}

#addDisbursementRecord .dx-button-text {
  text-transform: none !important;
}
.headerAlignment {
  padding-right: 0px !important;
}
.alignHeaderndFooter {
  margin-left: 0px !important;
}

#institute_fee_section_for_confirmation .col-md-3 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}
.justifyContent {
  justify-content: left !important;
}
.advancedsearch-section-overlay {
  z-index: 1501;
}
/*Left align the Text for Datebox in IOS mobile*/
.dx-datebox input::-webkit-date-and-time-value {
  text-align: left;
  width: 100%;
}

.userprofilechangepasswordFooter{
  padding: 0px !important;
}

#disclosureUserCreation .dx-invalid-message .dx-invalid-message-content { 
  display: none;
}

#cb_updateSSNaccept .dx-invalid-message .dx-invalid-message-content { 
  display: none;
}

#specifyInvestmentGrid .dx-datagrid-invalid-message div {
  width: calc(100% - 25%) !important;
}

#specifiedFunds .dx-datagrid-invalid-message div {
  width: calc(100% - 25%) !important;
}

#sbx_investment .dx-scrollbar-hoverable {
  display:block !important
}

.dx-texteditor.dx-dropdowneditor .dx-clear-button-area {
  text-align: center !important;
  margin-right: 2px;
}

.dx-editor-filled .dx-texteditor-buttons-container:last-child > .dx-dropdowneditor-button:last-child {
  margin-right: 0px !important;
}

.dx-texteditor.dx-dropdowneditor.dx-invalid.dx-editor-filled.dx-show-clear-button .dx-clear-button-area {
  right: 18px !important;
  margin-right: 10px;
}
.alignSearchIcon .dx-placeholder {
  padding-left : 28px !important;
}
input#searchIcon {
  padding-left : 28px !important;
}
.alignSearchIcon .dx-icon.dx-icon-search, .dx-show-clear-button .dx-icon-clear {
  left: 0px !important;
}

.mh-20__Px {
  min-height: 20px;
}
.blockchanin-container-logo {
  background: url('../../images/Ethereum_logo_translucent.png') no-repeat left;
  background-size: contain;
  min-height: 90px;
}

.btn-footer-section {
  border-top: 1px solid #dee2e6 !important;
}

.transactionDetails {
  display: flex !important;
  color: #171929;
  font-size: 0.825rem;
  font-weight: 600;
  font-style: normal;
  font-family: "Arimo", sans-serif;
}

.transactionDetailsValues {
  display: block;
  color: #171929;
  font-size: 0.825rem;
  font-weight: 600;
  font-style: normal;
  font-family: "Arimo", sans-serif;
}

#ethereum_logo:hover{
  cursor: pointer;
}

.transactionDetailsContent{
  vertical-align: top;
  padding: 3px;
}
.popup-transaction-content table {
  width: 100%;
}
.dx-list-item-content {
  word-wrap: break-word !important;
  white-space: normal !important;
}
.popUpView{
  display: flex;
  justify-content: center;
  align-items: center;
}


#transactiononlinenon529_SearchBox{
  top : 0px !important;
}

@media only screen and (max-width: 576px){
  #passwordContainer .col-10 {
    flex: 0 0 88.33333%;
    max-width: 88.33333%;
  }
  #passwordContainer .col-2 {
    flex: 0 0 11.66667%;
    max-width: 11.66667%;
  }
  .dx-datagrid-export-button {display:none}
  .accountOverviewButtons {
      word-wrap: initial;
  }
  div[aria-label="Summary Account Statement"] {margin-left:15px}
  #accountssummarycards .value-block__value-lg {
    font-size: 0.875rem;
  }
 #accountHoldongsDateBoxSection{
    flex: 0 0 60%;
    max-width: 60%;
    padding-left: 10px !important;
  }
  #accountHoldongsDateBoxSection #accountholding{
    font-size:16px !important;
  }
  .dx-show-clear-button:not(.dx-texteditor-empty).dx-invalid .dx-texteditor-input-container::after, .dx-show-clear-button:not(.dx-texteditor-empty).dx-valid .dx-texteditor-input-container::after {
    right: 6px !important;
  }
}
.specifiedRateSelection {
  padding-top: 9px !important;
  }
  .specifiedRateInput {
  margin-bottom: 2.5rem !important;
  }  
  #withholding_rate_textbox .dx-texteditor-input{
  padding-left: 5px !important;
  }
  #withholding_rate .dx-item.dx-radiobutton {
  margin-bottom: 0px !important;
  }
  
  #federalWithholding .dx-item.dx-radiobutton:last-child .dx-radio-value-container {
  vertical-align: top;
  }
  
  .use-specific-election__i {
  display: block;
  font-size: 12px;
  font-style: italic;
  opacity: 0.9;
  }
  
  @media only screen and (min-width: 992px) {
  #federalWithholding .dx-item.dx-radiobutton .dx-item-content,
  #stateTaxStateName .dx-item.dx-radiobutton .dx-item-content {
    white-space: nowrap;
  }
  
  #federalTaxPercent .dx-invalid-message .dx-invalid-message-content,
  #taxAmountPercentage .dx-invalid-message .dx-invalid-message-content,
  #grossAmountPercentage .dx-invalid-message .dx-invalid-message-content,
  #withholding_rate_textbox .dx-invalid-message .dx-invalid-message-content {
    min-width: 300px;
    padding-right: 0;
  }
  }
  
  @media only screen and (max-width: 991px) {
  #stateTaxStateName .dx-item.dx-radiobutton:last-child {
    position: relative;
    top: 45px;
  }
  
  #grossAmountPercentage {
    position: relative;
    top: -45px;
  }
  #accountssummarycards .icon-btn__text {
    text-decoration: none;
  }
  } 

  @media print {
    .print-datagrid__zoomin {
      zoom: 0.8;
    }

    @page { margin-top: 20px !important; margin-bottom: 20px !important; }
    #layout-scroll-view .dx-scrollable-container {
      overflow: visible !important;
    }

    #progressbar {
      display: none;
    }

    .bene-header__container:not(.printable){
      display: none;
    }
    .bene-header__container.printable{
      display:block;
    }
  }
  .icon-btn_mobileContainer {
    margin: 0.5rem 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .icon-btn_mobileContainer:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
  @media only screen and (min-width: 769px) {
    .icon-btn_mobileContainer {
      border: 1px solid transparent !important;
      box-shadow: none !important;
    }
  
  }
  @media only screen and (max-width: 768px) {
    .findAccountExportContainer {
      display: none in !important;
    }
    .icon-btn_mobileContainer span:first-child {
      display: inline-block !important;
      line-height: 0.4rem !important;
    }
    .icon-btn_mobileContainer span:first-child i {
      font-size: 23px !important;
    }
    .icon-btn_mobileContainer span:last-child {
      max-width: 90% !important;
      line-height: 1.5rem !important;
      vertical-align: top;
    }
    .dx-gallery-item-content .value-block__value-lg {
      font-size:16px !important;
    }
    .value-block__value, .value-block__value-md {
      font-size:0.9rem !important;
    }
    .page-header-carousel__bg-img.greetingPage-header__bg-img {
      min-height: 242px !important;
    }
    .dx-widget.dx-gallery-nav-button-next:focus, .dx-widget.dx-gallery-nav-button-prev:focus {
      border: none !important;
    }
    .edit_accountnicknames_grid .dx-datagrid-content .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message .dx-overlay-content,
    .dx-datagrid-content .dx-overlay-wrapper.dx-invalid-message.dx-datagrid-invalid-message .dx-overlay-content {
      width: 70% !important;
    }
  }

  #useExistingBiometric img {
    float: left;
    padding: 0px 7px 0px 0px;
  }
  #useExistingBiometric span {
    float: left;
    font-size: 14px;
  }

  .dx-viewport {
    height: auto !important;
    min-height: 100% !important;
  }
  
  #layout-scroll-view > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-content {
    padding-right: 0 !important;
  }
  
  #layout-scroll-view > .dx-scrollable-wrapper > .dx-scrollable-container > .dx-scrollable-scrollbar.dx-widget.dx-scrollbar-vertical.dx-scrollbar-hoverable {
    display: none !important;
  }
  
  .dx-transition-absolute .dx-active-view,.dx-transition-absolute .dx-transition-inner-wrapper {
    position: relative !important;
  }

  #js-bene-carousel-header .dx-gallery-container {
    transform: translate(0px, 0px) !important;
  }
  
  @media only screen and (min-width: 880px) {
    .offset-menu {
      width: calc(100% - 250px) !important;
    }
    .nav-configurable-icons__container {
      right: 0 !important;
    }
  }
  .warningMessageIcon {
    pointer-events: none;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 23px;
    font-size: 14px;
    font-weight: 500;
    background-color: #f44336;
    color: #fff;
    border-radius: 50%;
  }
  .potrButtons.dx-button .dx-button-content .dx-inkripple-wave {
    background-color: rgba(0,0,0,0) !important;
  }
  .potrButtons.dx-button.dx-state-active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.30) !important;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.30) !important;
  }
  tr.dx-row.dx-data-row.dx-row-lines.highlightEditedRow {
    box-shadow: inset 3px 0px 0px #f44336 !important;
  }
  tr.dx-row.dx-data-row.dx-row-lines.dx-row-alt.highlightEditedRow> td:first-child {
    box-shadow: inset 3px 0px 0px #f44336 !important;
  }
  .highlightEditedRow>td, .highlightEditedRow>.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    color: #f44336 !important;
  }
  .warning_message_font {
    font-size: 1.1rem !important;
  }
  .warning_icon_font {
    width: 1.3rem !important;
  }
  .account_type_logo_bg_style {
    background-image: none;
    background-position: 96% 4%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 5px !important;
    min-height: 30px !important;
  }
  .account_type_detail_logo_bg_style {
    background-position: 98% 0% !important;
  }
  .account_type_overview_logo_bg_style {
    background-position: 94% 6% !important;
    min-height: 35px !important;
  }
  @media screen and (max-width: 767px){
    .account_type_logo_bg_style {
      background-image: none;
      background-position: 0% 50%;
      background-size: contain;
      background-repeat: no-repeat;
      height: 35px !important;
      margin-left: 0.8rem !important;
      margin-bottom: 0.5rem !important;
    }
  }

  .greetingPage-header__bg-img .page-header__bg-overlay{
    border-radius: 0px !important;
  }

  .bank-list__item,
  .checkto-list__item,
  .checkto-college-list__item,
  .box-list__item {
    border: 1px solid rgba(170, 170, 170, 0.498)!important;
    box-shadow: rgba(0, 0, 0, 0.1) 0 2px 4px 0 !important;
  }

  #vw-acc-withdrawal .icon-btn-trans__text {   
    max-width: none !important ;
  }

  #btn-selectAnnualInvestmentChange .icon-btn-trans__text {
    max-width: none !important;
  }

  .dx-invalid-message .dx-overlay-wrapper.dx-invalid-message .dx-overlay-content.dx-invalid-message-content {
    transform: translate(0px, 0px) !important;
  }

  #selectExistingInvitee .icon-btn-trans__text {
    max-width: none !important;
  }
    
  .campaign-popup-wrapper .campaignNotification_popup.campaignNotification_popup_layout.dx-overlay-content {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  .campaign-popup-wrapper .campaign-content__section {
    border-radius: 0;
    box-shadow: none;
    border: none;
    padding: 0;
  }
    
  .campaign-popup-wrapper .campaign-navbar__action-buttons {
    border: none !important;
  }
    
  .campaign-popup-wrapper .campaignNotification_popup .dx-popup-content {
    padding: 0;
  }
    
  .campaign-popup-wrapper .campaign-navbar__action-buttons {
    padding-left: 30px;
    padding-right: 0;
  }

  .campaign-popup-wrapper .campaign-content__section #onlineAgreement {
    margin-bottom: 50px;
  }

  @media screen and (max-width: 389px) {
    .campaign-popup-wrapper .campaign-content__section #onlineAgreement {
      margin-bottom: 90px;
    }
  }
  
  #shareholderDocuments_grid .dx-datagrid-header-panel {
    padding-right: 0px !important;
  }

  @media screen and (max-width: 767px){
  #shareholderDocuments_grid .dx-datagrid-search-panel {
    width: 99% !important;
  }
  #shareholderDocuments_grid .dx-toolbar .dx-toolbar-items-container {
    height: auto !important;    
  }
  #shareholderDocuments_grid .dx-toolbar .dx-toolbar-before {
    padding-left: 0px !important;
    position: relative;
    width: 100%;
    padding-right: 15px !important;
  }
  #shareholderDocuments_grid .dx-toolbar .dx-toolbar-after {
    padding-top: 6px !important;
    padding-left: 0px !important;
    position: relative;
    width: 100%;
    padding-right: 15px !important;
    padding-bottom: 6px !important;
  }
}
#shareholderDocuments_grid .dx-toolbar .dx-toolbar-items-container .dx-toolbar-item {
  padding-bottom: 6px !important;
}
.datagridHeaderAlignment {
  display: inline !important;
}
.customTableStyling {
  border-collapse: collapse;
  width: 100% !important;
}
.customCellAlignment {
  padding-top: 8px !important;
}
.data-grid__resposive.editable-data__grid .dx-editor-cell .dx-texteditor .dx-texteditor-input {
  letter-spacing: 1px;
}
#dialog_desc {
  width: 'auto' !important;
}
@media only screen and (max-width: 767px) {
  #dialog_desc {
    width: '90%' !important;
  }
  .float-sm-none {float: none !important;}
  .dx-scrollable-native.dx-scrollable-native-ios .dx-scrollable-content {
    min-height: 100% !important;
  }
  .dx-scrollable-native.dx-scrollable-native-android .dx-dateview-rollers .dx-dateviewroller .dx-scrollable-content,
  .dx-scrollable-native.dx-scrollable-native-ios .dx-dateview-rollers .dx-dateviewroller .dx-scrollable-content {
    z-index: 1 !important;
  }
}
@media only screen and (max-width: 450px) {
  #dialog_desc {
    width: '97%' !important;
  }
}
#js-newaccount-form-nav-section .dx-state-disabled.dx-widget {
  opacity: 0.38 !important;
}

#electedInvestmentAllocation .icon-btn-trans__text, 
#oneTimeSelection .icon-btn-trans__text,
#swpAssetAllocation .icon-btn-trans__text,
#swpSpecifyInvestment .icon-btn-trans__text{
  max-width: none !important ;
} 

.page-header__bg-img.greetingPage-header__bg-img .page-header__bg-overlay.container,
.crisp-theme.top-menu__alignment .page-header__bg-overlay.container {
  max-width: 100%;
}

@media screen and (max-width: 767px){
  .popupWarningExpirationMessage{
    min-height: 80px;
  }
}

.dx-texteditor.dx-invalid.dx-editor-filled #registrationAddrPhone.dx-texteditor-input {
  padding-right: 34px !important;
}

.flex-direction-column {
  flex-direction: column;
}

.flex-direction-row {
  flex-direction: row;
}

@media (min-width: 576px) {
  .flex-direction-sm-row {
    flex-direction: row;
  }
}

.dx-datebox .dx-dateview-rollers .dx-scrollable-vertical.dx-dateviewroller .dx-scrollable-wrapper .dx-scrollable-container {
	touch-action: pan-y !important;
}


/* Top Menu Styles */

/* Selected item bg color */
#top-menu .dx-menu-item-expanded,
#top-menu .dx-menu-item.dx-state-hover {
  background-color: transparent !important;
}

/* Main Menu item text decoration */
#top-menu .dx-menu-item .dx-item-content a:hover {
  text-decoration: none !important;
}

.env-submenu-container .dx-submenu ul li a:hover {
  text-decoration: none !important;
}

.dx-context-menu.env-submenu-container.dx-menu-base  .dx-submenu {
  background-color: transparent;
}

.navbar-toggler-icon,
#configurable-home__icon {
  position: static !important;
  margin: 0 !important;
  margin-left: 12px !important;
}

#configurable-home__icon {
  position: absolute !important;
  top: 0;
  margin-left: 4px !important;
}

.dx-overlay-wrapper.env-submenu-wrapper {
  width: 100% !important;
}

.dx-overlay-content.env-submenu-container.dx-menu-base .dx-submenu .dx-menu-items-container {
  padding-top: 24px;
  padding-bottom: 18px;
  cursor: default;
}

.dx-overlay-content.env-submenu-container.dx-menu-base .dx-submenu .dx-menu-items-container .dx-menu-item-wrapper .dx-menu-item .dx-item-content.dx-menu-item-content{
  padding: 6px 4px;
}

.cursor-default {
  cursor: default !important;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

#configurable-home__icon.rightside-homeicon {
  left: -52px;
}

/* Other SCSS file css */
#env-menu-nav-list.navbar-nav.side-nav li.nav-item .nav-link {
  margin-left: 12px;
}

.navbar-nav.side-nav .nav-category-break.nav-sub-group {
  font-weight: 500;
}

@media screen and (min-width: 880px) {
  .newAccountStepStatus {
    top: 12px !important;
    right: 40px !important;
  }
  #vw-institutional-nasu .newAccountStepStatus,
  #vw-ta-nasu .newAccountStepStatus {
    top: 24px !important;
    right: 0 !important;
  }

  #vw-institutional-nasu #icon-down,
  #vw-ta-nasu #icon-down {
    position: relative;
    cursor: pointer;
  }

  .top-menu__alignment #vw-institutional-nasu .newAccountStepStatus .newAccountSetup_rightMenu,
  .top-menu__alignment #vw-ta-nasu .newAccountStepStatus .newAccountSetup_rightMenu {
    width: 375px !important;
  }
}

@media screen and (max-width: 879px) {
  #vw-institutional-nasu .newAccountStepStatus .newAccountSetup_rightMenu,
  #vw-ta-nasu .newAccountStepStatus .newAccountSetup_rightMenu {
    width: 325px !important;
  }

  .old-header__section #navbarLeft {
    margin-top: 10px;
    top: 0.75rem !important;
  }
}

.crisp-theme .userinfo-header {
  padding-right: 20px !important;
}

.menu-items-overlay {
  z-index: 1501;
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  opacity: 1;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: none;
}

/* Default Theme */
.top-menu__alignment {
  --top-menu-height: 105px;
}

.top-menu__alignment .env-header__section,
.top-menu__alignment .env-submenu-wrapper.dx-overlay-wrapper {
  --header-band-opaque-color: transparent;
  --menu-group-back-color: #f2f6ff;
  --menu-group-text-color: #000;
  --top-menu-fontsize: 15px;
  --top-menu-fontweight: 500;
  --top-menu-icon-fontsize: 18px;
  --top-sub-menu-fontsize: 14px;
  --selected-top-menu-padding-bottom: 36px;
  --selcted-top-menu-border-color: #fff;
  --top-submenu-top-border-color: #4ab2be;
  --top-logo-menu-seperator-color: #e3e8e8;
}

/*Crisp Theme */
.crisp-theme.top-menu__alignment {
  --top-menu-height: 105px;
}

.crisp-theme.top-menu__alignment .env-header__section,
.crisp-theme.top-menu__alignment .env-submenu-wrapper.dx-overlay-wrapper {
  --header-band-opaque-color: transparent;
  --menu-group-back-color: #f2f6ff;
  --menu-group-text-color: #000;
  --top-menu-fontsize: 15px;
  --top-menu-fontweight: 500;
  --top-menu-icon-fontsize: 18px;
  --top-sub-menu-fontsize: 14px;
  --selected-top-menu-padding-bottom: 14px;
  --selcted-top-menu-border-color: var(--primary); /* TODO: Inherit primary varaible to here */
  --top-submenu-top-border-color: var(--secondary);
  --top-logo-menu-seperator-color: #e3e8e8;
}

/* New SCSS file css */
.env-header__section {
  display: none;
  height: var(--top-menu-height);
  border-bottom: 1px solid var(--header-band-opaque-color);
  margin-bottom: 8px;
  position: absolute;
  width: 100%;
  z-index: 1501;
}

.env-header__container {
  height: 100%;
  width: 100%;
}

.env-header__container__items {
  height: 100%;
  display: flex;
  border-bottom: none;
}

.env-header-logo {
  height: 100%;
  min-height: var(--top-menu-height);
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 12px;
}

.env-header-logo__item__brand {
  width: 98px;
  height: 72px;
}

.env-header__navbar {
  display: flex;
  height: auto;
  border-left: none;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: calc(100% - 110px);
  z-index: 1506;
}

.env-header__navbar.crisp-theme {
  position: absolute;
  padding-left: 0;
  padding-right: 30px;
}

.env-header__navbar-mainmenu__bar {
  border-left: 1px solid var(--top-logo-menu-seperator-color);
  padding-left: 8px;
}

.env-header__navbar-mainmenu__bar .dx-menu .dx-item.dx-menu-item {
  font-size: var(--top-menu-fontsize);
  font-weight: var(--top-menu-fontweight);
}

.env-header__navbar-mainmenu__bar .dx-menu .dx-item.dx-menu-item .menu-down-arrow {
  display: flex;
  align-items: center;
  font-size: var(--top-menu-icon-fontsize);
  position: relative;
  top: 2px;
  left: 2px;
}

.env-header__navbar-mainmenu__bar .dx-menu .dx-item.dx-menu-item.dx-menu-item-expanded .menu-down-arrow {
  transform: rotate(180deg);
  top: 1px;
}

.env-header__navbar-mainmenu__bar .dx-menu .dx-item.dx-menu-item.dx-menu-item-expanded .dx-item-content.dx-menu-item-content .menu-item-content__container {
  border-bottom: 3px solid var(--selcted-top-menu-border-color);
}

.env-header__navbar-mainmenu__bar #top-menu .dx-menu-item .dx-item-content a,
.env-header__navbar-mainmenu__bar #top-menu .dx-menu-item .dx-item-content .menu-icon {
  color: var(--menu-text-color) !important;
}

.env-header__navbar-mainmenu__bar .dx-menu .dx-menu-horizontal {
  height: 52px !important;
}

.env-header__navbar-utility__bar {
  display: flex;
  align-items: center;
}

#top-menu .dx-menu-item .dx-item-content.dx-menu-item-content {
  padding-top: 16px !important;
  padding-bottom: 12px !important;
}

#top-menu .dx-menu-item.dx-menu-item-expanded .dx-item-content.dx-menu-item-content {
  padding-bottom: 0px !important;
}

@media screen and (max-width: 576px) {
  .navbar-nav.side-nav {
      width: 80%;
  }
}

@media screen and (min-width: 880px) {
  #mainContent.top-menu__exists {
      width: 100% !important;
      margin-left: 0 !important;
  }

  .nasu-nav-side-overlay {
      display: none;
  }
}

.dx-overlay-wrapper.env-submenu-wrapper {
  z-index: 1507 !important;
  transform: translate(0) !important;
}

.dx-overlay-wrapper.env-submenu-wrapper .env-submenu-container {
  position: relative !important;
  transform: translate(0) !important;
}

.standard-theme .dx-overlay-wrapper.env-submenu-wrapper{
  top: var(--top-menu-height) !important;
}

.standard-theme .menu-items-overlay {
  top: var(--top-menu-height) !important;
}

#top-menu .dx-menu-horizontal .dx-item.dx-menu-item.dx-state-focused {
  background-color: transparent !important;
}

#utility-menu .dx-menu-horizontal .dx-item.dx-menu-item.dx-state-focused {
  background-color: transparent !important;
}

#utility-menu .dx-menu-horizontal .dx-item.dx-menu-item .dx-item-content.dx-menu-item-content {
  padding: 0 12px !important;
}

#utility-menu .dx-menu-horizontal .dx-item.dx-menu-item .dx-item-content.dx-menu-item-content a {
  font-size: 13px;
}

#utility-menu .dx-menu-horizontal .dx-item.dx-menu-item .dx-item-content.dx-menu-item-content a:hover {
  text-decoration: none;
  color: var(--button-text-color) !important;
}

#utility-menu .dx-menu-horizontal .dx-item.dx-menu-item .dx-item-content.dx-menu-item-content.button {
  background-color: var(--button-back-color);
  border: 1px solid var(--button-back-color);
  font-size: 12px;
  border-radius: 14px;
}

#utility-menu .dx-menu-horizontal .dx-item.dx-menu-item .dx-item-content.dx-menu-item-content.button a {
  color: var(--button-text-color) !important;
}

#utility-menu .dx-menu-horizontal .dx-item.dx-menu-item .dx-item-content.dx-menu-item-content.button:hover {
  background-color: var(--button-text-color);
}

#utility-menu .dx-menu-horizontal .dx-item.dx-menu-item .dx-item-content.dx-menu-item-content.button:hover a {
  color: var(--button-back-color) !important;
}

.env-menu-column-section {
  list-style-type: none;
  display: inline-block;
  white-space: nowrap;
  cursor: pointer;
  padding-left: 12px;
}

#top-menu .dx-menu-item .dx-item-content.dx-menu-item-content {
  padding-top: 12px !important;
  padding-bottom: 8px !important;
}

#top-menu .dx-menu-item .dx-item-content.dx-menu-item-content .menu-item-content__container {
  padding: 4px 12px;
}

#top-menu .dx-menu-item .dx-item-content.dx-menu-item-content {
  padding-left: 0px;
  padding-right: 0px;
}

.dx-overlay-content.env-submenu-container.dx-menu-base {
  border-radius: 0 0 4px 4px;
  background-color: var(--menu-group-back-color);
  border-top: 1px solid var(--top-submenu-top-border-color);
  max-height: calc(100vh - var(--top-menu-height)) !important;
  overflow-y: auto;
}

.dx-overlay-content.env-submenu-container.dx-menu-base .dx-submenu {
  width: 100%;
  box-shadow: none !important;
  margin: 0 auto;
}

.dx-overlay-content.env-submenu-container.dx-menu-base .dx-submenu .dx-menu-items-container .sub-menu__heading {
  font-size: var(--top-sub-menu-fontsize);
}

.dx-overlay-content.env-submenu-container.dx-menu-base .dx-submenu .dx-menu-items-container a {
  font-size: var(--top-sub-menu-fontsize);
  color: var(--menu-group-text-color) !important;
  white-space: normal;
}

.dx-overlay-content.env-submenu-container.dx-menu-base .dx-submenu .dx-menu-items-container a i {
  font-size: var(--top-menu-icon-fontsize) !important;
  position: relative;
  top: 2px;
  right: 2px;
}

.dx-overlay-content.env-submenu-container.dx-menu-base .dx-submenu .dx-menu-items-container a:hover {
  color: var(--menu-hover-text-color) !important;
}

.dx-overlay-content.env-submenu-container.dx-menu-base .dx-submenu .dx-menu-items-container .env-submenu-ietms-container {
  border-right: 1px solid var(--selcted-top-menu-border-color);
  padding: 0 16px 8px;
  width: 25%;
}

.dx-overlay-content.env-submenu-container.dx-menu-base .dx-submenu .dx-menu-items-container .env-submenu-ietms-container.custom-list-item ul {
  list-style-type: none;
}

.dx-overlay-content.env-submenu-container.dx-menu-base .dx-submenu .dx-menu-items-container .env-submenu-ietms-container:first-child {
  padding-left: 0;
}

.dx-overlay-content.env-submenu-container.dx-menu-base .dx-submenu .dx-menu-items-container .env-submenu-ietms-container:last-child {
  border-right: none;
}

#top-menu .dx-menu-item.dx-menu-item-expanded .dx-item-content.dx-menu-item-content .menu-item-content__container {
  padding-bottom: var(--selected-top-menu-padding-bottom);
}

#top-menu .dx-menu-item.dx-menu-item-expanded .dx-item-content.dx-menu-item-content {
  padding-bottom: 0 !important;
}

.dx-list-item-content {
  padding: 14px 8px 13px !important;
}

.sub-menu__heading {
  cursor: default;
  font-weight: 600;
}

.top-menu__alignment #submenu-icon-sm {
  display: block;
}

.crisp-theme.top-menu__alignment .content.layout-content.mt__60px {
  margin-top: 60px !important;
}

.crisp-theme.top-menu__alignment .env-header__navbar-mainmenu__bar {
  padding-left: 0;
  border-left: none;
}

.crisp-theme.top-menu__alignment .crisp-theme .env-header__navbar-mainmenu__bar #top-menu .dx-menu-item .dx-item-content.dx-menu-item-content .menu-item-content__container[menu-index="0"] {
  padding-left: 0;
}

/* .icon-action_disabled .icon-btn__icon,.icon-btn__text {
  color: var(--link-color) !important;
  cursor: default;
  opacity: 0.5;
} */

.top-menu__alignment .page-header__bg-img.greetingPage-header__bg-img .page-header__bg-overlay.container .row,
.crisp-theme.top-menu__alignment .page-header__bg-overlay.container .row,
.crisp-theme.top-menu__alignment .container.userinfo-header {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (max-width: 879px) {
  .crisp-theme.top-menu__alignment .container.userinfo-header {
    max-width: 100% !important;
  }

  .crisp-theme.top-menu__alignment .nav-configurable-icons__container {
    right: 15px !important;
  }
}

.top-menu__alignment .configuarable__note {
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 576px) {
  .top-menu__alignment .page-header__bg-img.greetingPage-header__bg-img .page-header__bg-overlay.container .row,
  .crisp-theme.top-menu__alignment .page-header__bg-overlay.container .row,
  .top-menu__alignment .configuarable__note {
    max-width: 540px;
  }
}
@media only screen and (min-width: 768px) {
  .top-menu__alignment .page-header__bg-img.greetingPage-header__bg-img .page-header__bg-overlay.container .row,
  .crisp-theme.top-menu__alignment .page-header__bg-overlay.container .row,
  .top-menu__alignment .configuarable__note {
    max-width: 720px;
  }
}
@media only screen and (min-width: 992px) {
  .top-menu__alignment .page-header__bg-img.greetingPage-header__bg-img .page-header__bg-overlay.container .row,
  .crisp-theme.top-menu__alignment .page-header__bg-overlay.container .row,
  .top-menu__alignment .configuarable__note {
    max-width: 960px;
  }
}
@media only screen and (min-width: 1200px) {
  .top-menu__alignment .page-header__bg-img.greetingPage-header__bg-img .page-header__bg-overlay.container .row,
  .crisp-theme.top-menu__alignment .page-header__bg-overlay.container .row,
  .top-menu__alignment .configuarable__note {
    max-width: 1140px;
  }
}

.dx-datagrid-column-chooser-mode-select .dx-overlay-content{
  transform: none !important;
  left: unset !important;
  right: 0px;
}
.grid_column_chooser_bottom{
  bottom: 10px !important;
}

.bank-list__item.expandable_accounttype_card{
  min-height: 200px !important;
  height: auto !important;
  display: block !important;
  width: 97%;
}
.bank-list__item.expandable_accounttype_card .bankSummarySection.accountTypeMainContent{
  height: 9rem;
}
.bank-list__item.expandable_accounttype_card .article.value-block__caption.enableWordWrap.block-ellipsis{
  -webkit-line-clamp: inherit;
}

.justify-child-rows .row.accounttyperow{
  justify-content: left !important ;
}

.env-header__section .navbar-home__icon {
  position: static !important;
}

.fileTypeIcon {
  height: 25px
}

.accounttype_hyperlink{
  overflow-wrap: anywhere
}

.dx-list-search.dx-searchbox.dx-editor-filled .dx-icon-search {
  left: 7px !important;
}

.dx-list-search.dx-searchbox.dx-editor-filled .dx-placeholder,
.dx-list-search.dx-searchbox.dx-editor-filled .dx-texteditor-input {
  padding-left: 34px !important;
}

.customButtonOnListFilter {
  margin-bottom: -100px;
  z-index: 1;
}

.fundDocumentTypeName{
  width: 97%;
  display: block;
}

#workTrackerAccountDetails .dx-tab, #EmailBodyTemplatesTab .dx-tab.dx-item{
  border-left: 1px solid #dee2e6 !important;
}

#investOnFunds .dx-invalid-message.dx-datagrid-invalid-message .dx-overlay-content {
  width : 80% !important;
}

#worktrackers_grid .dx-datagrid-rowsview .dx-scrollable-wrapper .dx-scrollable-content {
  padding-bottom: 15px !important;
}
#worktrackers_grid .dx-datagrid-rowsview .dx-scrollable-wrapper .dx-scrollbar-hoverable {
  background-color: rgb(247 247 247);
}
#worktrackers_grid .dx-item-content.dx-toolbar-item-content {
  padding-bottom: 7px !important;
}
.primary-theme.crisp-theme.top-menu__alignment .page-header-carousel-content {
  padding: 10px 0 !important;
}

.primary-theme.crisp-theme.top-menu__alignment .transaction-header__content-bg {
  border-radius: 0 !important;
  box-shadow: none !important;
}

.greeting-header__content-info{
  min-height: 80px;
  display: flex;
}
.mobile_advancedsearch-section-overlay{
  background: rgba(0, 0, 0, 0.4);
  bottom: 0;
  opacity: 1;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: none;
  z-index: 1501;
}

.bankverfication-max-height{
  max-height: 40vh;
  overflow-y: auto !important;
}

.padding-bottom-1rem{
  padding-bottom:1rem !important;
}
#email_body .dx-toolbar .dx-toolbar-items-container {
  height: auto !important;    
  min-height: 50px !important;
}
#email_body.dx-htmleditor .dx-htmleditor-toolbar-wrapper:first-child {
  border-top: 1px solid rgba(0,0,0,.42);
}
#email_templates_grid .dx-toolbar .dx-toolbar-items-container .dx-toolbar-item {
  padding-bottom: 6px !important;
}
#email_events_grid .dx-toolbar .dx-toolbar-items-container .dx-toolbar-item {
  padding-bottom: 6px !important;
}

#email_events_grid .highlightInvalidRow > .invalidCell {
  background-color: rgba(244, 67, 54, 0.32) !important;
}
.dxgrid__header-row--adjust .dx-datagrid .highlightInvalidRow > .invalidCell {
  background-color: rgba(244, 67, 54, 0.32) !important;
}

.bordered-box, .bordered-text-box{
  border: 1px solid rgba(0, 0, 0, 0.42);
  border-radius: 4px;
  padding: 10px;
}

.bordered-text-box .dx-texteditor.dx-editor-filled::after,.bordered-text-box .dx-texteditor.dx-editor-filled:after{
  border-bottom: 0;
}

.bordered-text-box.dx-texteditor.dx-editor-filled::after,.bordered-text-box.dx-texteditor.dx-editor-filled:after{
  border-bottom: 0;
}

.bordered-text-box .dx-texteditor.dx-editor-filled.dx-state-hover::after {
  border-bottom: 0 !important;
}

.bordered-text-box.dx-texteditor.dx-editor-filled.dx-state-hover::after {
  border-bottom: 0 !important;
}

.line-height__18 {
  line-height: 18px;
}

.email-template-tabs-header .dx-tab-text{
  text-transform: none;
}

@media print{
  #emailActivityTemplateList .dx-list-item {
    page-break-before: always;
  } 
  #emailActivityTemplateList .dx-list-item:first-of-type {
    page-break-before: avoid;
  }
}

#emailActivityTemplateList .activity-card{
  border: 2px solid rgba(0, 0, 0, 0.125) !important;
}

.disclaimer-more {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-top: 7px;
  padding: 5px 2px 2px 5px;
}
.more-scrollbar.dx-scrollable-native.dx-scrollable-vertical,
.more-scrollbar.dx-scrollable-native.dx-scrollable-vertical .dx-scrollable-container {
    overflow-y: auto !important;
  }

#email_templates_grid .dx-datagrid-search-panel.dx-searchbox.dx-editor-filled .dx-icon-search {
    left: 0px !important;
  }
#email_events_grid .dx-datagrid-search-panel.dx-searchbox.dx-editor-filled .dx-icon-search {
  left: 0px !important;
}
#email_templates_grid .dx-datagrid-header-panel {
  padding-left: 0px !important;
}
#email_events_grid .dx-datagrid-header-panel {
  padding-left: 0px !important;
}
#email_templates_grid .dx-datagrid-search-panel.dx-searchbox.dx-editor-filled .dx-placeholder,
#email_templates_grid .dx-datagrid-search-panel.dx-searchbox.dx-editor-filled .dx-texteditor-input {
  padding-left: 28px !important;
}
#email_events_grid .dx-datagrid-search-panel.dx-searchbox.dx-editor-filled .dx-placeholder,
#email_events_grid .dx-datagrid-search-panel.dx-searchbox.dx-editor-filled .dx-texteditor-input {
  padding-left: 28px !important;
}

#editEmailTags .dx-button-text {
  text-transform: none !important;
}

#tb_emailbodyheadertag{
  overflow-x: auto !important;
}

#email_body .dx-texteditor.dx-state-focused::before,
#email_body .dx-texteditor.dx-state-active::before {
      border-bottom-width: 1px !important;
      border-top-width: 1px !important;
}
.custom-navbar-home__icon.rightside-homeicon {
  left: -52px !important;
}
.logo-placement-adjustment {
  margin-left: 50px !important;
}
.highlightNegativeNumber{
  color: #f44336 !important;
}
.popup_disclaimer_styling {
  overflow-wrap: break-word;
}
.popup_disclaimer_styling table,
.form__terms-checkbox table {
  table-layout: fixed;
  width: 100% !important;
}
.disclaimer-more table {
  table-layout: fixed !important;
  width: 100% !important;
  word-wrap: break-word;
}
.clear_button_styling .dx-datebox.dx-texteditor.dx-dropdowneditor.dx-invalid.dx-editor-filled.dx-show-clear-button .dx-clear-button-area 
{ 
  right: 20px !important; 
  margin-right: 28px 
}
.navbar-nav.side-nav {
  z-index: 1504 !important;
}
#selectPortfolio .dx-button-text {
  text-transform: unset !important;
}

#capitalCallsSummaryGrid .dx-datagrid-header-panel,
#capitalCommitmentsSummaryGrid .dx-datagrid-header-panel,
#tenderOffersSummaryGrid .dx-datagrid-header-panel,
#capitalCallDetailsGrid .dx-datagrid-header-panel {
  border: none !important;
}

/*progressbar*/
#progressbar {
  margin: 16px 0;
  overflow: hidden;
  color: lightgrey;
}

#progressbar .active,
#progressbar .completed {
  color: #000;
}

#progressbar li {
  list-style-type: none;
  font-size: 12px;
  width: 50%;
  float: left;
  position: relative;
  text-align: center;
}

#progressbar li:first-child {
  width: 25%;
  text-align: left;
}

#progressbar li:last-child {
  width: 25%;
  text-align: right;
}

/*ProgressBar before any progress*/
#progressbar li i.fa {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: block;
  font-size: 18px !important;
  color: #000;
  background: #f7f7f7;
  border-radius: 50%;
  margin: 0 auto 10px;
  padding: 2px;
  position: relative;
  z-index: 1;
  text-align: center;
  border: 1px solid lightgrey;
}

#progressbar li:first-child i.fa {
  margin: 0 auto 10px 0;
}

#progressbar li:last-child i.fa {
  margin-left: auto;
  margin-right: 0;
}

#progressbar li.active i,
#progressbar li.completed i {
  color: #fff !important;
}


#progressbar li i.fa.fa-empty-icon {
  font-size: 18px !important;
  font-weight: bold;
}

#progressbar li i.fa.fa-empty-icon::before {
  content: "";
}

#progressbar li:before,
#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: lightgray;
  position: absolute;
  left: 0px;
  top: 25px;
  z-index: 0;
}

#progressbar li:not(:first-child):not(:last-child).active:not(.completed):after {
	width: 50%;
}

/*Color number of the step and the connector before it*/
#progressbar li.active i.fa,
#progressbar li.completed:after,
#progressbar li:not(:first-child).active:after {
  background: var(--primary);
}

#rotatingBanner .navigationButtonPrev {
  justify-content: flex-start !important;
}

#rotatingBanner .navigationButtonNext {
  justify-content: flex-end !important;
}

#rotatingBanner .carousel-indicators li{
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

#rotatingBanner .carousel-indicators{
  margin-bottom: 1px;
  z-index: 99;
}

@media screen and (min-width: 768px){
  .webSupportedBrowser {
   width: 30rem;
  }
}

#rotatingBanner .navigationRow{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
  align-content: center;
  margin: 0 2rem;
  z-index: 9;
}

#rotatingBanner .navigationRow .more{
  color: black;
  font-size: 2vw;
}

#rotatingBanner .navigationRow button{
  background: #0390a1;
  border: 0px;
  font-size: 2vw;
  border-radius: 50%;
}

#rotatingBanner .navigationRow button i{
  color: white;
}

.list-unstyled .subList{
  list-style-type:disc;
  padding-left: 10vw;
}

@media screen and (min-width: 768px){
  .list-unstyled .subList{
    padding-left: 2vw;
  }
}

@media (max-width: 800px) {
  .cardsContainer .tileview-container .tileView .dx-scrollable-content .dx-tileview-wrapper{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

#fileUploader .dx-button-text{
  letter-spacing: 0.02rem;
}
#findaccountpopup,.primary-theme.crisp-theme #findaccountpopup {
  top: 0px !important;
}
#transactionActivitiesPAInsight #transaction_period .dx-item.dx-list-item{
  width: 100%;
}

#vw-acc-insightaccountsummary .fontSizeGifting{
  font-size: 2rem !important;
}

.accountSummarySection{
  padding: 1rem;
}

#swp-amount-type__selection .dx-button-content {
  line-height: normal !important;
  padding: 8px !important;
}

.sub-heading__info {
  display: block;
  font-size: 0.75rem;
  font-weight:  400;
  letter-spacing: 0.15px;
  line-height: 1.2;
  margin-bottom: 0.25rem;
  font-family: 'Open Sans', sans-serif !important;
  font-style: normal;
}
.loginCredentialPageVisible #forgot_Password {
  margin-top: 18px !important;
}

.align_content-center{
  align-content: center;
}

.dx-gridbase-a11y-status-container{
  display: none !important;
}

/* input+.dx-placeholder{
  display: none;
}
input::placeholder {
  font-weight: 100 !important;
} */

input::placeholder {
  opacity: 0;
}

textarea::placeholder {
  opacity: 0;
}

.dx-tab-text-span-pseudo{
  display: none;
}

.overnightCheckDeliveryContainer .dx-radio-value-container{
  vertical-align: top !important;
  padding-top: 2px;
}

.payeeLowerListContainer .dx-list-item:first-of-type {
  margin-top: 0px !important;
}

.payeeUpperListContainer .dx-list-item:last-of-type {
  margin-bottom: 0px !important;
}
@media screen and (max-width: 400px){
  .vw-acc-overview #accountssummarycards .tabs-header .dx-tab-text {
    line-height: 1.4 !important;
  }
  .vw-acc-overview #accountssummarycards .tabs-header .dx-tabs-wrapper {
    display: flex !important;
  }
  .vw-acc-overview #accountssummarycards .tabs-header {
    height: 38px !important;
  }
}

.disabled{
  color:  #d3d3d3 !important;
}

/* textarea+.dx-placeholder{
  display: none;
} */

#genesys-messenger {
  opacity: 0.99;
}

#custom-launcher {
  position: fixed;
  bottom: 20px;
  right: 20px;
  left: auto;
  display: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  border-radius: 12px;
}

#custom-launcher img {
  border-radius: 12px;
}
.hideHoverEffect{
  background-color: white !important;
  cursor: not-allowed !important;
}
.disableTextColor .bankContent {
  color: #d3d3d3 !important
}
.plaid_verified_tooltip {
  color: #757575 !important;
}
.tooltip-unverified-bank {
  margin-left: auto;
}
.flex-gap-10 {
  display: flex !important;
  gap: 10px !important;
}