.main-menu .navigation li > a > i, .main-menu .dropdown-menu i, .main-menu .dropdown-user > a > i, .main-menu .navigation > li > a > i {
  float : right;
}

.dropdown-user.nav-item i {
  float : right;
}

.horizontal-menu .main-menu-content #main-menu-navigation > li > a > i {
  float : right;
  top : -4px;
  position : relative;
}

.horizontal-menu.menu-collapsed .main-menu-content #main-menu-navigation > li > a {
  padding : 2.5rem 1rem;
}
.horizontal-menu.menu-collapsed .main-menu-content #main-menu-navigation > li > a > i {
  top : -9px;
  position : relative;
}

.mega-dropdown-menu li a i, .mega-dropdown-menu li h6 i {
  float : right;
}

.menu-expanded .form-group i {
  float : inherit;
}

.form-control-position i {
  top : 25%;
  position : absolute;
  right : 25%;
}

.echart-container {
  direction : ltr;
}

.mm-menu {
  left : auto;
}

.dz-hidden-input {
  position : relative !important;
}

.content-wrapper .sticky-wrapper, .content-right-sidebar .sticky-wrapper {
  float : left;
}

.ui-widget-icon-block {
  right : 50%;
}

.ui-dialog .ui-dialog-titlebar-close {
  right : 3rem;
}

.square.slider-xl .noUi-handle:before {
  left : 5px;
}

.square.slider-xl .noUi-handle:after {
  left : 10px;
}

.square .noUi-handle:before {
  left : 2px;
}

.square .noUi-handle:after {
  left : 7px;
}

.noUi-vertical.square .noUi-handle:before {
  left : -1px;
}

.noUi-vertical.square .noUi-handle:after {
  left : -1px;
}

#tubular-container {
  z-index : 0 !important;
}

.btn i[class^='icon-'], .btn i[class*=' icon-'] {
  line-height : 1.25rem;
}

code[class*='language-'], pre[class*='language-'] {
  direction : ltr;
}

@media print {
  code[class*='language-'], pre[class*='language-'] {
    text-shadow : none;
  }
}

.jp-card .jp-card-front .jp-card-lower .jp-card-expiry {
  right : 65%;
}

.delete-all {
  top : 3.75rem;
}

.todo .app-content .list-group .list-group-item i {
  float : right !important;
}

.email-application .app-content .list-group .list-group-item i {
  float : right !important;
}

.faq .accordion .btn i {
  float : right;
  margin-left : 8px;
}

.material-vertical-layout .mega-dropdown-menu .form-horizontal .has-icon-left .form-control-position, .material-horizontal-layout .mega-dropdown-menu .form-horizontal .has-icon-left .form-control-position {
  padding-right : 0 !important;
}
.material-vertical-layout .mega-dropdown-menu .form-horizontal .has-icon-left .form-control-position i, .material-horizontal-layout .mega-dropdown-menu .form-horizontal .has-icon-left .form-control-position i {
  top : 40%;
}

.material-vertical-layout .main-menu .user-profile .user-info .dropdown-menu {
  right : 8.75rem;
}
.material-vertical-layout .main-menu .user-profile .user-info .dropdown-menu .dropdown-item i {
  position : relative;
  top : 7px !important;
}

.material-vertical-layout.menu-collapsed .main-menu.menu-dark .user-profile .user-img, .material-vertical-layout.menu-collapsed .main-menu.menu-light .user-profile .user-img {
  width : 75% !important;
  -webkit-transition : 300ms ease all;
       -o-transition : 300ms ease all;
     -moz-transition : 300ms ease all;
          transition : 300ms ease all;
}

.material-vertical-layout.menu-collapsed .main-menu.menu-dark .user-profile .dropdown-toggle, .material-vertical-layout.menu-collapsed .main-menu.menu-light .user-profile .dropdown-toggle {
  margin-left : 0 !important;
  margin-right : 0 !important;
}

.material-vertical-layout.menu-collapsed .main-menu.menu-dark .user-profile div.text-light, .material-vertical-layout.menu-collapsed .main-menu.menu-dark .user-profile .user-name, .material-vertical-layout.menu-collapsed .main-menu.menu-light .user-profile div.text-light, .material-vertical-layout.menu-collapsed .main-menu.menu-light .user-profile .user-name {
  white-space : nowrap;
  display : none;
}

.material-vertical-layout .main-menu .navigation > li > a i {
  position : relative;
  top : 7px !important;
}

.material-vertical-layout.vertical-content-menu.menu-collapsed .main-menu .navigation > li > a i {
  float : none;
}

@media only screen and (max-width: 1100px) and (min-width: 992px) {
  .material-vertical-layout.vertical-content-menu .header-navbar .navbar-container ul.nav a.nav-link-expand {
    padding : 1.7rem 0.3rem;
  }
}

.material-horizontal-layout .main-menu-content #main-menu-navigation > li > a > i, .material-horizontal-nav .main-menu-content #main-menu-navigation > li > a > i {
  top : 4px;
  position : relative;
}

.material-horizontal-layout .main-menu .navigation > li > a i, .material-horizontal-nav .main-menu .navigation > li > a i {
  position : relative;
  top : 4px;
}
.material-horizontal-layout .main-menu .navigation > li > a i.material-icons, .material-horizontal-nav .main-menu .navigation > li > a i.material-icons {
  font-size : 1.3rem;
}

.material-horizontal-layout .main-menu .navigation > li > ul > li > a i.material-icons, .material-horizontal-nav .main-menu .navigation > li > ul > li > a i.material-icons {
  font-size : 1.3rem;
  position : relative;
  top : 7px;
}

.material-vertical-layout.menu-collapsed .main-menu .user-profile .user-info .dropdown-menu {
  right : -6rem;
  min-width : 11rem;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .material-vertical-layout.horizontal-layout .navbar-wrapper .navbar-container .collapse .nav .nav-link-search .dropdown-menu.arrow, .material-horizontal-layout.horizontal-layout .navbar-wrapper .navbar-container .collapse .nav .nav-link-search .dropdown-menu.arrow {
    right : auto;
  }
  .material-vertical-layout.material-horizontal-nav .navbar-wrapper .navbar-container .collapse .nav .nav-link-search .dropdown-menu.arrow, .material-horizontal-layout.material-horizontal-nav .navbar-wrapper .navbar-container .collapse .nav .nav-link-search .dropdown-menu.arrow {
    right : auto;
  }
  .material-vertical-layout.vertical-overlay-menu .navbar-wrapper .navbar-container .collapse .nav .nav-link-search .nav-link.dropdown-toggle, .material-vertical-layout.vertical-content-menu .navbar-wrapper .navbar-container .collapse .nav .nav-link-search .nav-link.dropdown-toggle, .material-horizontal-layout.vertical-overlay-menu .navbar-wrapper .navbar-container .collapse .nav .nav-link-search .nav-link.dropdown-toggle, .material-horizontal-layout.vertical-content-menu .navbar-wrapper .navbar-container .collapse .nav .nav-link-search .nav-link.dropdown-toggle {
    padding : 1.9rem 1rem !important;
  }
}

@media screen and (max-width: 767px) {
  .vertical-overlay-menu[data-menu='vertical-compact-menu'].boxed-layout.menu-open .main-menu {
    -webkit-transform : translate3d(-276px, 0, 0) !important;
       -moz-transform : translate3d(-276px, 0, 0) !important;
            transform : translate3d(-276px, 0, 0) !important;
  }
  .vertical-overlay-menu[data-menu='vertical-menu-modern'].boxed-layout.menu-open .main-menu {
    -webkit-transform : translate3d(-347px, 0, 0) !important;
       -moz-transform : translate3d(-347px, 0, 0) !important;
            transform : translate3d(-347px, 0, 0) !important;
  }
  .material-vertical-layout.horizontal-layout .navbar-wrapper .navbar-container .navbar-nav .nav-link, .material-horizontal-layout.horizontal-layout .navbar-wrapper .navbar-container .navbar-nav .nav-link {
    color : #FFFFFF;
  }
}

.material-vertical-layout.vertical-content-menu .navbar-wrapper .navbar-container .collapse .nav .nav-link-search .nav-link {
  padding : 1rem !important;
}

body .ps__rail-y {
  right : -6px !important;
}

.vertical-compact-menu.menu-open.boxed-layout .main-menu {
  -webkit-transform : translate3d(-104px, 0, 0) !important;
     -moz-transform : translate3d(-104px, 0, 0) !important;
          transform : translate3d(-104px, 0, 0) !important;
}

@media (max-width: 991.98px) {
  body.vertical-layout.vertical-overlay-menu[data-menu='vertical-menu'].boxed-layout.menu-open .main-menu {
    -webkit-transform : translate3d(-260px, 0, 0) !important;
       -moz-transform : translate3d(-260px, 0, 0) !important;
            transform : translate3d(-260px, 0, 0) !important;
  }
}
.content-header-title {
  font-weight: 500 !important;
  letter-spacing: 1px;
  color: #464855;
}
body {
  margin: 0;
  font-family: 'Assistant', 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.45;
  color: #6B6F82;
  text-align: right;
}
.card {
  border-radius: calc(0.5rem - 1px) !important;
}
.card-title {
  line-height: 1.5rem !important;
}
.card-header:first-child {
  border-radius: calc(0.5rem - 1px) calc(0.5rem - 1px) 0 0 ;
}
.card-header {
  background-color: #ffffff;
  padding: 1.5rem 1.5rem;
  margin-bottom: 0;
}
.table {
  color: #6B6F82 !important;
}
table>thead>tr>th,
table>tbody>tr>th {
  font-weight: 600 !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom : 0.5rem;
  font-family : 'Assistant', 'Quicksand', Georgia, 'Times New Roman', Times, serif;
  font-weight : 400;
  line-height : 1.2;
  color : #464855;
}
h1, .h1 {
  font-size: 2rem;
}
h2, .h2 {
  font-size: 1.75rem;
}
h3, .h3 {
  font-size: 1.50rem !important;
}
h4, .h4 {
  font-size: 1.25rem !important;
}
h5, .h5 {
  font-size: 1.00rem !important;
}
h6, .h6 {
  font-size: 0.75rem !important;
}
.badge {
  font-size: 85% !important;
}
.custom-card-row {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.billing-cash-payment-info-card {
    flex: 1 0 320px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 12px;
    background: #FFF;
    border-radius: 4px;
    max-width: 33%;
    margin-bottom: 10px;
}
.billing-cash-payment-info-card .card-label {
    font-weight: 700;
    font-size: 14px;
    line-height: 18.31px;
    color: #000;
}
.billing-cash-payment-info-card .highlighted-row {
    border-radius: 4px;
    padding: 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
}
.billing-cash-payment-info-card .highlighted-row.with-icon {
    padding: 4px 11px;
}
.billing-cash-payment-info-card .highlighted-row.with-icon > span {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #65647D;
    border-radius: 4px;
}
.billing-cash-payment-info-card .highlighted-row.with-icon > span:hover {
    color: #000;
    background: #E5E5F3;
    border: 1px solid #E5E5E5;
}
.billing-cash-payment-info-card .info-row span {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.billing-cash-payment-info-card .info-row {
    display: inline-flex;
    align-items: center;
    gap: 8px;;
}
.billing-cash-payment-info-card .info-row .info-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 18.31px;
    color: #000;
}
.billing-cash-payment-info-card .card-content-img {
    width: 94px;
    height: 94px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
}
.billing-cash-payment-info-card .card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.billing-cash-payment-info-card .card-content .balance-wrapper {
    flex: 1;
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.balance-wrapper .label {
    font-size: 18px;
    font-weight: 700;
    line-height: 23.54px;
    color: #000;
}
.balance-wrapper .amount {
    font-family: Assistant;
    font-size: 32px;
    font-weight: 700;
    line-height: 41.86px;
}
.billing-scroll-table:not(.no-data) {
    min-height: 400px;
}
.billing-scroll-table {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #dddddd transparent;
}
.billing-scroll-table table {
    margin-bottom: 0;
}
.billing-scroll-table thead {
    position: sticky;
    top: 0;
}
.billing-scroll-table.table-v1 {
    /* max-height: calc(100vh -(75px + 24px + 36px + 24px + 40px + 24px + 122px + 24px + 24px + 48px)); */
    max-height: calc(100vh - 440px);
}