.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;
    }
  }
  .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; */
  }

  .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;
}

.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 {
  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; */
}

.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;
}

.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: 1505;
  top: 22%;
  left: 36%;
  position: fixed !important;
}
@media only screen and (max-width: 576px){
  .InvestmentBalancePopup {
    left: 9% !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;
  }
  .cardsContainer  .tileview-container:first-child {
    padding-left: 15px !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 (min-width: 577px) and (max-width: 1240px){
  .accountOverviewButtons .dx-button-content .icon-btn__text {
    width: 96px;
  }
}

@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-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: 1505 !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% - 30%) !important;
}

#specifiedFunds .dx-datagrid-invalid-message div {
  width: calc(100% - 30%) !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 49%;
    max-width: 49%;
    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;
  }
  } 

  @media print {
    .print-datagrid__zoomin {
      zoom: 0.8;
    }
  }
  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;
  }
  .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;
    }
  }
  .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 ;
  }

  #selectExistingInvitee .icon-btn-trans__text {
    max-width: none !important;
  }
  
  .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;
  }
  
  @media only screen and (min-width: 880px) {
    .offset-menu {
      width: calc(100% - 250px) !important;
    }
    .nav-configurable-icons__container {
      right: 0 !important;
    }
  }