@import url('./viewerjs/viewer.min.css?for=chat&v=1.0.0');
@import url('./announcement/index.css?for=announcement&v=1.0.12');
@import url('./stock-center/index.css?for=stock-center&v=1.0.12');
@import url('./stock-center/table-currency-v1.css?for=stock-center&v=1.0.12');
@import url('./stock-center/finance-1-header.css?for=stock-center&v=1.0.12');

:root {
    /* common */
    --sizebar-width: 210px;
    /* end common */
    --superrich-primary: #F36F27;
    --superrich-secondary: #979797;
    --superrich-card-box_shadow: 1.5px 1.5px 6px #D8D8D8, inset 4px 4px 4px #FFFFFF;
    --superrich-input-box_shadow: inset 1.5px 1.5px 4px rgba(158, 158, 158, 0.25), inset -3px -3px 4px rgba(255, 255, 255, 0.25);
    --superrich-button-secondary-box_shadow: -2.18px -2.18px 6.54px #FFFFFF, 2.18px 2.18px 6.54px #B5B5C3;
    --superrich-button-secondary-box_shadow-hover: -2.18px -2.18px 6.54px #FFFFFF, 1.18px 1.18px 4.54px #B5B5C3;
    --superrich-button-primary-box_shadow: -2.18px -2.18px 6.54px #FFFFFF, 2.18px 2.18px 6.54px #F4945F;
    --superrich-button-primary-box_shadow-hover: -2.18px -2.18px 6.54px #FFFFFF, 1.18px 1.18px 4.54px #F4945F;

    --size-gy-custom: 0.5rem;
    --table-even-background-color: #ffffff;
    --table-odd-background-color: #f1f4f8;
}

html {
    scroll-behavior: smooth;
}

label {
    padding-bottom: 10px !important;
    padding-top: 10px !important;

}

body {
    font-family: 'Poppins', 'Noto Sans Thai', sans-serif !important;
    background-color: #F5F7F8 !important;
}

.tooltip {
    font-family: 'Poppins', 'Noto Sans Thai', sans-serif !important;
}

.color-superrich-primary {
    color: var(--superrich-primary) !important;

}

::placeholder {
    font-family: 'Poppins', 'Noto Sans Thai', sans-serif !important;
}

.header-fixed[data-kt-sticky-header=on] .header {
    left: 265px;
}

.page-item.active .page-link {
    background-color: var(--superrich-primary) !important;
    cursor: default;
}

.page-item .page-link {
    border-radius: 7px;
}

.page-item:not(.active) .page-link:hover {
    background: #fff0e8 !important;
    color: var(--superrich-primary) !important;
}

@media (min-width: 992px) {
    .aside {
        width: 265px;
    }

    .wrapper {
        padding-left: var(--sizebar-width);
    }
}

.aside .aside-footer {
    /* position: absolute;
    bottom: 0;
    width: 100%; */
}


.menu-superrich-logo svg {
    width: 200px !important;
    height: 30px;
}


.menu-user-profile .img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}

.menu-superrich {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

.menu-superrich .menu-item {
    cursor: pointer;
    margin: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: row;
    border-radius: 5%;
}

.menu-superrich .menu-item .menu-box {
    width: 85px;
    height: 85px;
    background: linear-gradient(0deg, #F5F8FA, #F5F8FA), linear-gradient(0deg, #F5F8FA, #F5F8FA), #F5F8FA;
    box-shadow: -3px -3px 3px #FFFFFF, 1.5px 1.5px 6px rgba(158, 158, 158, 0.75);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}


.menu-superrich .menu-item-empty {
    width: 112px;

}

.menu-superrich .menu-item-empty .menu-box-empty {
    height: 100px;

}

@media only screen and (max-width: 991.98px) {

    .aside {
        display: block;
        width: 250px;
    }
}


.menu-superrich .menu-item .menu-box .menu-icon {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
}

.menu-superrich .menu-item .menu-box .menu-icon svg {
    font-size: 50px;
    width: 40px;
    height: 40px;
}

.menu-superrich .menu-item .menu-box .menu-icon svg>path {
    fill: #A2ACCE;
}



.menu-superrich .menu-item .menu-box .menu-text {
    padding-bottom: 5px;
    font-weight: 500;
    font-size: 13px;
    color: black;
}

.menu-superrich .menu-item:hover .menu-box {
    transform: translateY(-3px);
    background: #F5F8FA !important;
    box-shadow: inset 3px 5px 10px 0px rgb(89 89 89 / 50%) !important;
}

.menu-superrich .menu-item:hover .menu-box .menu-icon svg>path {
    fill: var(--superrich-primary) !important;
}

.menu-superrich .menu-item .menu-box {
    transition: transform 0.15s;
}

.menu-superrich .menu-item .menu-box .menu-icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    transition: width 0.15s, height 0.15s;
}

.menu-superrich .menu-item:hover .menu-box .menu-icon img {
    width: 32px;
    height: 32px;
    filter: invert(53%) sepia(23%) saturate(4522%) hue-rotate(345deg) brightness(99%) contrast(93%) !important;
}

.menu-superrich .menu-item:hover .menu-box .menu-text {
    color: var(--superrich-primary) !important;
}


.menu-superrich .menu-item.active .menu-box {
    background: #F5F8FA !important;
    box-shadow: inset 3px 5px 10px 0px rgb(89 89 89 / 50%) !important;
}

.menu-superrich .menu-item.active .menu-box .menu-icon svg>path {
    fill: var(--superrich-primary) !important;
}

.menu-superrich .menu-item.active .menu-box .menu-icon img {
    filter: invert(53%) sepia(23%) saturate(4522%) hue-rotate(345deg) brightness(99%) contrast(93%) !important;
}


.menu-superrich .menu-item.active .menu-box .menu-text {
    color: var(--superrich-primary) !important;
}


/* NAV MENU */
.superrich-nav-menu {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.superrich-nav-menu .menu-item {
    cursor: pointer;
    font-weight: 600;
    font-size: 18px;
    color: rgba(97, 98, 119, 1);
}

.superrich-nav-menu .menu-item.active {
    border-bottom: 3px solid var(--superrich-primary);
    color: var(--superrich-primary);
}

/* END */



.btn-superrich-secondary {
    background: linear-gradient(0deg, #F5F8FA, #F5F8FA), linear-gradient(0deg, #F5F8FA, #F5F8FA), #F5F8FA !important;
    box-shadow: var(--superrich-button-secondary-box_shadow) !important;
    border-radius: 6px !important;
    font-weight: 600;
    font-size: 16px;
    color: rgba(136, 140, 159, 1) !important;
}

.btn-superrich-primary {
    background: var(--superrich-primary) !important;
    box-shadow: var(--superrich-button-primary-box_shadow) !important;
    border-radius: 6px !important;
    font-weight: 600;
    font-size: 16px;
    color: white !important;
}



.btn-superrich-primary:disabled {
    opacity: 1;
    background: var(--superrich-secondary) !important;
    box-shadow: none !important;
    border-radius: 6px !important;
    font-weight: 600;
    font-size: 16px;
    color: white !important;
}


.card-superrich {
    padding: 1rem;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-shadow: var(--superrich-card-box_shadow);
    border-radius: 10px;
}

.card-superrich-primary {
    padding: 1rem;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    box-shadow: 4px 4px 4px #F6B47B, inset 4px 4px 4px #FFFFFF;
    border-radius: 10px;
}


.form-control-superrich {
    padding: 10px !important;
    display: block !important;
    width: 100% !important;
    background: #F5F8FA !important;
    border: 0px solid red !important;
    box-shadow: var(--superrich-input-box_shadow) !important;
    border-radius: 10px !important;
    font-weight: 500 !important;
}

.form-control-superrich[disabled="disabled"],
.form-control-superrich:disabled {
    background: #dee3e7 !important;
}

.form-control-superrich.form-control-pagging {
    width: 50px !important;
    padding: 5px 5px !important;
}

.form-control-superrich:focus {
    outline: none !important;
    border: 0px solid #e4e4e4 !important;

}

.select2-container--bootstrap5 .select2-selection--single {
    padding: 10px;
    display: flex;
    width: 100%;
    background-color: #F5F8FA !important;
    border: 0px solid red !important;
    box-shadow: var(--superrich-input-box_shadow) !important;
    border-radius: 10px !important;
}

.select2-container .select2-selection--multiple {
    padding: 10px;
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #F5F8FA !important;
    border: 0px solid red !important;
    box-shadow: -3px -3px 4px 0px rgba(255, 255, 255, 0.25) inset, 1.5px 1.5px 4px 0px rgba(158, 158, 158, 0.25) inset !important;
    border-radius: 10px !important;

}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    background: var(--superrich-primary) !important;
    color: white;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option:not(.select2-results__option--group):hover {
    background: #fff0e8 !important;
    color: var(--superrich-primary);
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--disabled {
    pointer-events: none;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:hover {
    background: var(--superrich-primary) !important;
    color: white;
}

.superrich-box-secondary {
    background: linear-gradient(0deg, #F5F8FA, #F5F8FA), linear-gradient(0deg, #F5F8FA, #F5F8FA), #F5F8FA !important;
    box-shadow: -3px -3px 3px rgba(255, 255, 255, 0.75), 1.5px 1.5px 6px rgba(158, 158, 158, 0.75) !important;
    border-radius: 6px !important;
    color: rgba(136, 140, 159, 1) !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.superrich-box-dropdown {
    background: linear-gradient(0deg, #ffffff, #ffffff), linear-gradient(0deg, #ffffff, #ffffff), #ffffff !important;
    box-shadow: -3px -3px 3px rgba(255, 255, 255, 0.75), 1.5px 1.5px 6px rgba(158, 158, 158, 0.75) !important;
    border-radius: 6px !important;
    color: rgba(136, 140, 159, 1) !important;
}

.superrich-box-dropdown li a {
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    color: #616277;
}

.superrich-box-dropdown li:hover {
    background: #fff0e8 !important;
    color: var(--superrich-primary);
}

.superrich-box-dropdown li a:not(.active):hover {
    background: #fff0e8 !important;
    color: var(--superrich-primary) !important;
}

.nav-item .dropdown-menu {
    padding: 1rem 0;
}

.nav-item .superrich-box-dropdown .dropdown-item {
    padding: .25rem 1.75rem;
}

.text-superrich-primary {
    color: var(--superrich-primary) !important;
}

.bg-superrich-primary {
    background-color: var(--superrich-primary) !important;
}

.form-check.form-check-superrich .form-check-input:checked {
    background-color: var(--superrich-primary);
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
    background-color: var(--superrich-primary) !important;
}


.flatpickr-day:hover {
    background: #fff0e8 !important;
    color: var(--superrich-primary);
}

.image-input,
.image-input .image-input-wrapper {
    background-size: cover;
}

/* .image-input .image-input-wrapper {
    display: block;
}

.image-input.image-input-empty .image-input-wrapper {
    display: none;
} */

.image-input .image-input-wrapper {
    /* background-position: center center;
    background-repeat: no-repeat; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
}

.btn-active-color-superrich:hover>i {
    color: var(--superrich-primary) !important;
}



.supperich-tag {
    background: var(--superrich-primary) !important;
    color: #fdfdfd;
    z-index: initial !important;
    align-self: center !important;
}

.supperich-tag div {
    color: #fdfdfd;
}

.badge-supperich {
    background: var(--superrich-primary) !important;
}

.tagify__tag_superrich__removeBtn {
    border-radius: inherit !important;
    padding: 5px;
    order: 0 !important;
    margin-right: 0px !important;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='14' height='14' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_1147_30590' transform='scale(0.0104167)'/%3E%3C/pattern%3E%3Cimage id='image0_1147_30590' width='96' height='96' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAEq0lEQVR4nO2dz29VRRTHJ7iA4oIGRTfKL3e6MiGsTDCKsIEAGjC6cC1WSEij/BVCWiBGgyF0yY5fIaBrA3nJRYWkRm2tWn4k/CiwMLhoP+SEwdxAyXuPe+bnnU/STd/rnbnfc3tm7pkzZ4wpFAqFQqFQKBQKhYgAXgI2AruBQ8APwC/ABHAb+M/+3La/k8++t9/dBWyQa4S+j2QAnge2AaPAJWCO5szZa40AW4HFoe8zKoAFwFvAN8A93PMvcAzYDDxn2gowAHwOTBGOP4Eh6YtpmZv5ErhOPFwDvpC+mZyx//Yhn/huTAOfmNwAVgNnSIfTwCqTA8D7wAzpcQ/4yKQKsMhO/VJnLLmpK7AM6JAPF4AXTQoAK4BfyY8/gNdMzABvAFfIl2ngdRMjwKvA3+TPFWCliQnxj5m6nafxO/CyiSikkNOA2yvnZaYXgwG+pb0cCi3+jtAKRMDHIcMLPsLHsXMnSNgCOBX6ziPijG/xPwh9xxGyxWc8X3O+PwOs9zyT6tg2NYOEU15iRsBeZf+51l53iY25uKYClto23wRuKV572EeE86q2+I/wYIT/xa+1qWmEa06XN22qhxPxPRjhCfEdGWGncZi9oLGcKH53TZe2BpXHBLnWYJc21yiNCZOilQsDvIsO63tsb1DJCF3Fr7UpA7MGbzcWfJ7OHXXtChy4I59t1fnOOJh6ar71+hCmCiS+cFd1SmrTBbXp9OEa+nVHLq/dK5sbC1/rpORquqBy8JSGfPLr7GssfK2jl3FHpShYLOILPzUWvpYirpGl7NpldCJwO3XmVDIpbH6+D6oGT29MT37fU+5uHZbNEb6onkHIWMUXhjQMILtNfNLp05XE5HYe54CGAWRbELEaIWLxhXManZftPSGoenUtkbmdOj9rGCBkPn/VxAiBxRcmNQyguWDhzQiEF1+4oWEA2QZKSkYgDvGF+8UAGRiguKDALqgMwoEH4TINDTwNldoLvulk8iJ2VqPzBz13upNRKGJUwwAlGBc4GFfC0YHD0WVB5tmYVdva6ngmVGW6JHmxsfC1zrra8V5lvCj/VWPhax2VSlPadDJPS9nUWPhaJxeXxKy+E7N0s6SBI+jQhtTEw40Fn6eD7yh1rg3JuesaC/6U9HSpsdaU3NPTJ5ykp9tOSpE9DXLeoPGpE/FtR8sWpZBblKwRpOKhFncy26S3x6n4tb0Cfyl2eiaTbaqT3uqPOtovkDp6+wF6NMLJ0HccEce9im8NsMq+8bWdGamT590A1gjbQ999BIStLQp8TXsZDSp+7d0ghiw03/wILDQRFe0bpz38Ft3JHMAryu8HMZetDDPodkOKmtriprkyHW3h1sdKF+fojsaB5SYF7JggdTVzGnBfMCkhM4SMytcPmFSxcSM55ys17gIfmhyQYteJxY5ORDvTUTjER2NZ0xX/SHjF5IxNcRlWLP6nNbffk9xRJQohjM/sQkYoZAF9ZzQhhcBHGY4ANz0NrmN2RcxN9kKq8PAsAhkn9ku9HaUyObP2WvskXTDpKWWgF7r37HmPB6T2ghVzwi6mPzrO9pb9nXx21n53yP5tGqcfFQqFQqFQKBQKBdMWHgB+Xnu/rjIMWgAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E") !important;
}

.tagify__dropdown__wrapper {
    background: #FFFFFF !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
    border-radius: 10px !important;
}

.tagify__dropdown__wrapper .tagify__dropdown__item:hover {
    background: #fff0e8 !important;
    color: var(--superrich-primary);
}

.select2-dropdown {
    background: #FFFFFF !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
    border-radius: 10px !important;
}

.flatpickr-calendar {
    background: #FFFFFF !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
    border-radius: 10px !important;
}

.select2-selection__choice {
    background: var(--superrich-primary) !important;
    color: #fdfdfd;
}

.form-select {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='11' viewBox='0 0 17 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.9271 0.370732C15.4013 -0.123597 16.1701 -0.123597 16.6443 0.370732C17.1186 0.865062 17.1186 1.66653 16.6443 2.16086L9.35863 9.75572C8.89893 10.2349 8.15872 10.2517 7.67948 9.79375L0.393769 2.8318C-0.100589 2.3594 -0.133985 1.55869 0.319176 1.04336C0.772338 0.528024 1.54046 0.493211 2.03482 0.965601L8.46348 7.1086L14.9271 0.370732Z' fill='%23616277'/%3E%3C/svg%3E%0A") !important;

}

.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    border-radius: inherit !important;
    opacity: 100;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='14' height='14' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_1147_30590' transform='scale(0.0104167)'/%3E%3C/pattern%3E%3Cimage id='image0_1147_30590' width='96' height='96' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAEq0lEQVR4nO2dz29VRRTHJ7iA4oIGRTfKL3e6MiGsTDCKsIEAGjC6cC1WSEij/BVCWiBGgyF0yY5fIaBrA3nJRYWkRm2tWn4k/CiwMLhoP+SEwdxAyXuPe+bnnU/STd/rnbnfc3tm7pkzZ4wpFAqFQqFQKBQKhYgAXgI2AruBQ8APwC/ABHAb+M/+3La/k8++t9/dBWyQa4S+j2QAnge2AaPAJWCO5szZa40AW4HFoe8zKoAFwFvAN8A93PMvcAzYDDxn2gowAHwOTBGOP4Eh6YtpmZv5ErhOPFwDvpC+mZyx//Yhn/huTAOfmNwAVgNnSIfTwCqTA8D7wAzpcQ/4yKQKsMhO/VJnLLmpK7AM6JAPF4AXTQoAK4BfyY8/gNdMzABvAFfIl2ngdRMjwKvA3+TPFWCliQnxj5m6nafxO/CyiSikkNOA2yvnZaYXgwG+pb0cCi3+jtAKRMDHIcMLPsLHsXMnSNgCOBX6ziPijG/xPwh9xxGyxWc8X3O+PwOs9zyT6tg2NYOEU15iRsBeZf+51l53iY25uKYClto23wRuKV572EeE86q2+I/wYIT/xa+1qWmEa06XN22qhxPxPRjhCfEdGWGncZi9oLGcKH53TZe2BpXHBLnWYJc21yiNCZOilQsDvIsO63tsb1DJCF3Fr7UpA7MGbzcWfJ7OHXXtChy4I59t1fnOOJh6ar71+hCmCiS+cFd1SmrTBbXp9OEa+nVHLq/dK5sbC1/rpORquqBy8JSGfPLr7GssfK2jl3FHpShYLOILPzUWvpYirpGl7NpldCJwO3XmVDIpbH6+D6oGT29MT37fU+5uHZbNEb6onkHIWMUXhjQMILtNfNLp05XE5HYe54CGAWRbELEaIWLxhXManZftPSGoenUtkbmdOj9rGCBkPn/VxAiBxRcmNQyguWDhzQiEF1+4oWEA2QZKSkYgDvGF+8UAGRiguKDALqgMwoEH4TINDTwNldoLvulk8iJ2VqPzBz13upNRKGJUwwAlGBc4GFfC0YHD0WVB5tmYVdva6ngmVGW6JHmxsfC1zrra8V5lvCj/VWPhax2VSlPadDJPS9nUWPhaJxeXxKy+E7N0s6SBI+jQhtTEw40Fn6eD7yh1rg3JuesaC/6U9HSpsdaU3NPTJ5ykp9tOSpE9DXLeoPGpE/FtR8sWpZBblKwRpOKhFncy26S3x6n4tb0Cfyl2eiaTbaqT3uqPOtovkDp6+wF6NMLJ0HccEce9im8NsMq+8bWdGamT590A1gjbQ999BIStLQp8TXsZDSp+7d0ghiw03/wILDQRFe0bpz38Ft3JHMAryu8HMZetDDPodkOKmtriprkyHW3h1sdKF+fojsaB5SYF7JggdTVzGnBfMCkhM4SMytcPmFSxcSM55ys17gIfmhyQYteJxY5ORDvTUTjER2NZ0xX/SHjF5IxNcRlWLP6nNbffk9xRJQohjM/sQkYoZAF9ZzQhhcBHGY4ANz0NrmN2RcxN9kKq8PAsAhkn9ku9HaUyObP2WvskXTDpKWWgF7r37HmPB6T2ghVzwi6mPzrO9pb9nXx21n53yP5tGqcfFQqFQqFQKBQKBdMWHgB+Xnu/rjIMWgAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E") !important;
}

.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__remove {
    height: 20px !important;
}

.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice {
    border-radius: 1.4rem;
}


.select2-results__options[aria-multiselectable=true] .select2-results__option {
    padding-right: 20px;
    vertical-align: middle;
}

.select2-results__options[aria-multiselectable=true] .select2-results__option:not(.select2-results__option--group)::before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    margin-right: 20px;
    vertical-align: middle;
    background: #DDDDDD;
    box-shadow: inset -2px -2px 4px rgb(255 255 255 / 71%), inset 1.5px 1.5px 6px #9e9e9e !important;
}

.select2-results .select2-results__option.select2-select-all {
    cursor: pointer;
    background: #ffffff;
    color: #5e6278;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__options[aria-multiselectable=true] .select2-results__option:not(.select2-results__option--group):not(.selected):hover {
    background: #fff0e8 !important;
    color: var(--superrich-primary);
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__options[aria-multiselectable=true] .select2-results__option:not(.select2-results__option--group).selected {
    background: #ffffff !important;
    color: #000000;
}

.select2-results .select2-results__option.select2-select-all::before {
    content: "";
    display: inline-block;
    position: relative;
    height: 20px;
    width: 20px;
    border-radius: 4px;
    margin-right: 20px;
    vertical-align: middle;
    background: #DDDDDD;
    box-shadow: inset -2px -2px 4px rgb(255 255 255 / 71%), inset 1.5px 1.5px 6px #9e9e9e !important;
}

.select2-results .select2-results__option.select2-select-all.selected:before {
    background-color: var(--superrich-primary);
    color: rgb(0, 0, 0);
    box-shadow: none !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--superrich-primary);
    color: #272727;

}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--superrich-primary);
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__options[aria-multiselectable=true] .select2-results__option.select2-results__option--selected:before {
    background-color: var(--superrich-primary);
    color: rgb(0, 0, 0);
    box-shadow: none !important;

}

.select2-container--bootstrap5 .select2-dropdown .select2-results__options[aria-multiselectable=true] .select2-results__option.select2-results__option--selected {
    background: #ffffff !important;
    color: rgb(0, 0, 0);
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__options[aria-multiselectable=true] .select2-results__option:not(.select2-results__option--group):hover {
    background-color: var(--superrich-primary);
    color: var(--superrich-primary);
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__options[aria-multiselectable=true] .select2-results__option.select2-results__option--selected:hover {
    background-color: var(--superrich-primary);
    color: rgb(0, 0, 0);
}


.nav-line-tabs .nav-item .nav-link {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #616277;
    border-bottom: 3px solid transparent !important;
}

.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
.nav-line-tabs .nav-item.show .nav-link {
    background-color: transparent !important;
    color: var(--superrich-primary) !important;
    border: 0;
    border-bottom: 3px solid var(--superrich-primary) !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: inherit;
    display: none;
}

.accordion-button::after {
    background-image: inherit;
    display: none;

}

.accordion-button:not(.collapsed)::before {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.049 0.464783C14.4953 -0.0968524 15.219 -0.0968524 15.6653 0.464784C16.1116 1.02642 16.1116 1.93701 15.6653 2.49865L8.80812 11.1276C8.37546 11.6721 7.67879 11.6911 7.22775 11.1708L0.370606 3.26094C-0.0946721 2.72423 -0.126103 1.8145 0.300403 1.22899C0.726908 0.643492 1.44984 0.603939 1.91512 1.14065L7.96563 8.12006L14.049 0.464783Z' fill='%23616277'/%3E%3C/svg%3E%0A");
    transform: rotate(-180deg)
}

.accordion-button::before {
    flex-shrink: 0;
    width: 1.15rem;
    height: 1.15rem;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.049 0.464783C14.4953 -0.0968524 15.219 -0.0968524 15.6653 0.464784C16.1116 1.02642 16.1116 1.93701 15.6653 2.49865L8.80812 11.1276C8.37546 11.6721 7.67879 11.6911 7.22775 11.1708L0.370606 3.26094C-0.0946721 2.72423 -0.126103 1.8145 0.300403 1.22899C0.726908 0.643492 1.44984 0.603939 1.91512 1.14065L7.96563 8.12006L14.049 0.464783Z' fill='%23616277'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 1.15rem;
    transition: transform .2s ease-in-out;
    margin-right: 10px;
}

.accordion-button:not(.collapsed) {
    color: #464E5F;
    background-color: #ffffff;
}

.accordion-item {
    background-color: #fff;
    border: 1px solid #B5B5C3;
    border-radius: 10px;
}

.accordion-item:not(:first-of-type) {
    border-top: 1px solid #B5B5C3;
}

.accordion-button {
    border-radius: 10px;
}

.accordion-header {
    border-radius: 10px;
}

.breadcrumb.breadcrumb-dash .breadcrumb-item:after {
    content: "-";
}

.card-title {
    font-weight: 600;
    font-size: 18px;
}

.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    color: #3F4254 !important;
}

:root {
    --form-check-input-inner: 13px;
    --form-check-input-background: 19px;
    --form-check-input-border: 3px;

}

.form-check-input[type="radio"]+label {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.form-check-input[type="radio"]:checked,
.form-check-input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.form-check-input[type="radio"]:checked+label,
.form-check-input[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.form-check-input[type="radio"]:disabled+label {
    cursor: default;
}

.form-check-input[type="radio"]:checked+label:before,
.form-check-input[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: var(--form-check-input-background);
    height: var(--form-check-input-background);
    border-radius: 100%;
    background-color: #D9D9D9;
}

.form-check-input[type="radio"]:checked+label:after,
.form-check-input[type="radio"]:not(:checked)+label:after {
    content: '';
    width: var(--form-check-input-inner);
    height: var(--form-check-input-inner);
    background: var(--superrich-primary);
    position: absolute;
    top: calc(var(--form-check-input-background) - var(--form-check-input-inner) - var(--form-check-input-border));
    left: calc(var(--form-check-input-background) - var(--form-check-input-inner) - var(--form-check-input-border));
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.form-check-input[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.form-check-input[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.form-check-input[type="checkbox"]:not(:disabled)+label {
    cursor: pointer;
}

.btn-check:active+.btn.btn-active-color-primary,
.btn-check:checked+.btn.btn-active-color-primary,
.btn.btn-active-color-primary.active,
.btn.btn-active-color-primary.show,
.btn.btn-active-color-primary:active:not(.btn-active),
.btn.btn-active-color-primary:focus:not(.btn-active),
.btn.btn-active-color-primary:hover:not(.btn-active),
.show>.btn.btn-active-color-primary {
    color: var(--superrich-primary);
}

.badge-supperich {
    color: #ffffff !important;
    background-color: var(--superrich-primary) !important;
    font-weight: 600;
}

.form-check-input.checkbox-superrich {
    border: 1px solid #c6c7c7;
    background-color: #c6c7c7;
    border-radius: 5px;
    border: none !important;
}

.form-check-input.checkbox-superrich:active {
    filter: none !important;
}

.form-check-input.checkbox-superrich:checked {
    background-color: var(--superrich-primary) !important;
    border: 0px solid black;
}

.form-check-input.checkbox-superrich:checked[type=checkbox] {
    background-image: none
}

.currency-list {
    width: 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.currency-list .currency-item {
    flex-direction: column;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    box-shadow: -3px -3px 3px rgba(255, 255, 255, 0.71), 1.5px 1.5px 6px #9E9E9E;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
}

.currency-list .currency-item.active {
    background: #F5F8FA !important;
    box-shadow: inset -3px -3px 3px rgba(255, 255, 255, 0.71), inset 1.5px 1.5px 6px #9E9E9E !important;
}

.currency-list .currency-item .text {
    font-size: 10px;
}




::-webkit-scrollbar {
    width: 11px;
    /* width of the entire scrollbar */
    height: 11px;
}

::-webkit-scrollbar-thumb {
    background-color: #F36F27;
    /* color of the scroll thumb */
    border-radius: 20px;
    /* roundness of the scroll thumb */
    border: 3px solid #F36F27;
    /* creates padding around scroll thumb */
}

.aside {
    width: var(--sizebar-width) !important;
}

.btn-check:active+.btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g),
.btn-check:checked+.btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-color-primary.active .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-color-primary.show .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-color-primary:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g),
.show>.btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g) {
    fill: var(--superrich-primary) !important;
}


.slick-prev:before {
    content: "" !important
}

.slick-next:before {
    content: "" !important
}

/*  */


.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
    display: block;
}

.is-invalid {
    border-color: #f1416c !important;
    /* padding-right: calc(1.5em + 1.55rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f1416c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f1416c' stroke='none'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right calc(0.375em + 0.3875rem) center !important;
  background-size: calc(0.75em + 0.775rem) calc(0.75em + 0.775rem) !important; */
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
    padding-right: 5.5rem !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f1416c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f1416c' stroke='none'/%3e%3c/svg%3e") !important;
    background-position: right 1rem center, center right 3rem !important;
    background-size: 16px 12px, calc(0.75em + 0.775rem) calc(0.75em + 0.775rem) !important;
    border: 1px solid #f1416c !important;
}

.is-invalid:focus {
    border-color: #f1416c !important;
    box-shadow: 0 0 0 0.25rem rgba(241, 65, 108, 0.25) !important;
}

.fv-row.fv-plugins-bootstrap5-row-invalid:not(.fv-table) .select2-container .select2-selection {
    border: 1px solid #f1416c !important;
}

.form-control-superrich.is-invalid {
    border-color: #f1416c !important;
    border: 1px solid #f1416c !important;
}

.form-control-superrich.is-invalid:focus {
    border-color: #f1416c !important;
    box-shadow: 0 0 0 0.25rem rgba(241, 65, 108, 0.25) !important;
}

.form-control-superrich.is-invalid {
    border-color: #f1416c !important;
}

.is-invalid:checked {
    background-color: #f1416c !important;
}

is-invalid:focus {
    box-shadow: 0 0 0 0.25rem rgba(241, 65, 108, 0.25) !important;
}

.is-invalid~.form-check-label {
    color: #f1416c !important;
}



.is-invalid {
    /* z-index: 2!important; */
}

.is-invalid:focus {
    /* z-index: 3!important; */
}

.select2-container--bootstrap5 .select2-selection--single[aria-disabled="true"] {
    background-color: #dee3e7 !important;
    border: 0px solid red !important;
    /* box-shadow: inherit !important; */
    cursor: default;
}

.select2-container--bootstrap5 .select2-selection--multiple[aria-disabled="true"] {
    background-color: #dee3e7 !important;
    border: 0px solid red !important;
    box-shadow: var(--superrich-input-box_shadow) !important;
}

.select2-container--bootstrap5 .select2-selection--multiple[aria-disabled="true"] .select2-selection__choice__remove {
    display: none !important;
}

.select2-container--bootstrap5 .select2-selection--multiple[aria-disabled="true"] .select2-selection__choice__display {
    margin-left: 0 !important;
}

.select2-container .select2-selection--multiple[aria-disabled="true"] {
    cursor: default;
}


.vertical-m {
    vertical-align: middle;
}

.badge-notification {
    background-color: #FFC84A;
    font-size: 14px;
}

.aside .aside-menu {
    justify-content: start !important;
}

.superrich-box-primary {
    background: var(--superrich-primary);
    box-shadow: -2.18px -2.18px 6.54px #FFFFFF, 1.5px 1.5px 6px rgba(158, 158, 158, 0.75);
    border-radius: 15px;
    font-weight: 700;
    font-size: 30px;
    color: white;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--superrich-primary) !important;

}

.accordion-button:not(.collapsed) {
    box-shadow: inherit !important;
}

/* font size custom */
.fs-custom-14 {
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
}

/* end font size custom */

/* element */
.btn-superrich-secondary:not(.disabled, [disabled]):hover {
    box-shadow: var(--superrich-button-secondary-box_shadow-hover) !important;
}

a.btn-superrich-secondary:not(.disabled, :disabled):hover {
    box-shadow: var(--superrich-button-secondary-box_shadow-hover) !important;
}

.btn-superrich-primary:not(.disabled, [disabled]):hover {
    box-shadow: var(--superrich-button-primary-box_shadow-hover) !important;
}

.superrich-box-secondary.cursor-pointer:hover {
    box-shadow: var(--superrich-button-secondary-box_shadow-hover) !important;
}

.btn-group-sm>.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon),
.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-sm {
    min-height: 34px;
    padding: 5px 10px;
}

/* end element */


.dropdown-item:hover {
    background-color: var(--superrich-primary) !important;
    color: white !important;

}

.modal .modal-header {
    border: none;
    padding-top: 54px;
}

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

.modal .modal-body {
    display: flex;
    justify-content: center;
}

.modal .modal-container {
    max-width: 900px;
    width: 100%;
}

.image-input .upload-loading {
    opacity: 0;
    transition: opacity 0.15s;
}

.image-input .image-input-wrapper {
    opacity: 1;
    transition: opacity 0.15s;
}

.image-input[image-upload-status="uploading"] .upload-loading {
    opacity: 1;
}

.image-input[image-upload-status="uploading"] .image-input-wrapper,
.image-input[image-upload-status="error"] .image-input-wrapper {
    opacity: 0.2;
}

.image-input[view_mode="true"] .btn-icon {
    display: none;
}

.upload-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    scale: 70%;
}

.lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
}

.lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--superrich-primary);
    margin: -4px 0 0 -4px;
}

.lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
}

.lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
}

.lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
}

.lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
}

.lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
}

.lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
}

.lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
}

.lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
}

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    cursor: default;
    opacity: 0.9;
}

.card-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #616277;
}

.flatpickr-wrapper {
    width: 100%;
}

.modal-text-contact-admin p {
    font-weight: 500;
    font-size: 20px;
}

.modal-text-session-timeout p {
    font-weight: 500;
    font-size: 20px;
}

.flatpickr-input-container[disabled] * {
    cursor: default;
}

.flatpickr-input-container[disabled] .ico-flatpickr-clear {
    display: none;
}

.flatpickr-input-container .ico-flatpickr-clear {
    display: none;
}

.flatpickr-input-container:hover .ico-flatpickr-clear {
    display: flex;
}

.flatpickr-input[disabled],
.flatpickr-input[disabled]~*,
.flatpickr-wrapper,
.flatpickr-wrapper~* {
    cursor: default;
}

.flatpickr-input~label,
.flatpickr-wrapper~label {
    margin-right: 0px !important;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flatpickr-input~label svg,
.flatpickr-input~label i,
.flatpickr-wrapper~label svg,
.flatpickr-wrapper~label i {
    width: 17px;
    cursor: pointer;
    transition: all 0.15s ease;
}

.flatpickr-input~label.ico-flatpickr-clear,
.flatpickr-wrapper~label.ico-flatpickr-clear {
    z-index: 1;
    right: 32px;
    border-radius: 50%;
    height: 23px;
    width: 23px;
    margin-top: 1px;
    color: #616277;
    transition: all 0.15s ease;
}

.flatpickr-input~label.ico-flatpickr-clear i,
.flatpickr-wrapper~label.ico-flatpickr-clear i {
    width: 22px;
}

.flatpickr-input~label.ico-flatpickr-clear:hover,
.flatpickr-wrapper~label.ico-flatpickr-clear:hover {
    background: #f3e8e2;
}

.flatpickr-input~label.ico-flatpickr-clear:hover i,
.flatpickr-wrapper~label.ico-flatpickr-clear:hover i {
    color: var(--superrich-primary);
}

input.flatpickr-input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #a1a5b7;
}

input.flatpickr-input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #a1a5b7;
    opacity: 1;
}

input.flatpickr-input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #a1a5b7;
    opacity: 1;
}

input.flatpickr-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #a1a5b7;
}

input.flatpickr-input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #a1a5b7;
}

input.flatpickr-input::placeholder {
    /* Most modern browsers support this now. */
    color: #a1a5b7;
}

/* custom common */
.text-primary {
    color: var(--superrich-primary) !important;
}

.text-primary-blue {
    color: #3699FF !important;
}

.text-primary-black {
    color: #3F4254 !important;
}

/* end custom common */

.modal-confirm-text {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

#kt_wrapper {
    min-width: 0 !important;
}

@media (max-width:991.98px) {

    .header-mobile {
        position: fixed !important;
        top: 0 !important;
        width: 100% !important;
    }

    #kt_content {
        margin-top: 55px !important;
    }
}

.aside {
    display: none;
}

.aside .object-contain {
    object-fit: contain;
}

.aside .aside-menu {
    height: calc(100vh - 230px) !important;
}

@media (min-width:992px) {
    .aside.hide-menu-custom {
        width: 60px !important;
    }

    .hide-menu-box-custom {
        display: none !important;
    }

    #kt_wrapper.hide-menu-custom {
        padding-left: 60px !important;
    }

    .mini-menu-box-custom.aside-menu {
        height: calc(100vh - 110px) !important;
    }

    .mini-menu-box-custom.aside-menu .menu-superrich .menu-item .menu-box {
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .mini-menu-box-custom.aside-menu .menu-superrich .menu-item .menu-box .menu-icon {
        height: 100%;
    }

    .mini-menu-box-custom.aside-menu .menu-superrich .menu-item .menu-box .menu-icon img {
        width: 20px;
    }

    .mini-menu-box-custom.aside-menu .menu-superrich .menu-item .menu-box .menu-text {
        display: none;
    }

    .mini-menu-box-custom.aside-footer .aside-footer-wraper {
        max-height: 70px !important;
    }

    .mini-menu-box-custom.aside-footer .btn {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
    }

    .mini-menu-box-custom.aside-footer .btn span.menu-text {
        display: none;
    }
}

.drawer-start #box_hide_menu_custom {
    display: none !important;
}

.drawer-start #box_show_menu_custom {
    display: none !important;
}


#hide_menu_custom:hover {
    color: var(--superrich-primary) !important;
}

#show_menu_custom:hover {
    color: var(--superrich-primary) !important;
}

.superrich-box-secondary.superrich-box-custom {
    background: #ffffff !important;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-30 {
    font-size: 30px;
}

.fs-32 {
    font-size: 32px;
}

.fw-100 {
    font-weight: 100;
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

@media (min-width: 992px) {

    div,
    main,
    ol,
    pre,
    span,
    ul {
        scrollbar-width: thin;
        scrollbar-color: var(--superrich-primary) transparent !important;
    }

    div,
    main,
    ol,
    pre,
    span,
    ul:hover {
        scrollbar-width: thin;
        scrollbar-color: var(--superrich-primary) transparent !important;
    }

    /* div,
    main,
    ol,
    pre,
    span,
    ul {
        scrollbar-width: unset;
        scrollbar-color: unset !important;
    } */
}


.menu-superrich .menu-item.menu-disabled .menu-box {
    background: #D4D4D4 !important;
    box-shadow: -3px -3px 3px #FFFFFF, 1.5px 1.5px 6px rgba(158, 158, 158, 0.75) !important;
}

.menu-superrich .menu-item.menu-disabled .menu-box:hover {
    cursor: no-drop;
}


.menu-superrich .menu-item.menu-disabled:hover .menu-box {
    transform: inherit !important;
}


.menu-superrich .menu-item.menu-disabled .menu-box .menu-icon svg>path {
    fill: inherit !important;
}

.menu-superrich .menu-item.menu-disabled .menu-box .menu-icon img {
    filter: inherit !important;
}


.menu-superrich .menu-item.menu-disabled .menu-box .menu-text {
    color: black !important;
}

.modal-calculate-rate input.input-calculate {
    min-height: 110px;
    box-shadow: 1.5px 1.5px 4px 0px #9E9E9E40 inset !important;
    background-color: #F5F8FA;
    font-size: 30px;
    font-weight: 700;
    text-align: right;
    color: #3F4254;
    padding-top: 0;
    padding-bottom: 30px;
    border-color: transparent;
}

.modal-calculate-rate input.input-calculate.input-calculate-primary {
    background-color: #FFE0D0;
    color: #F36F27;
}

.modal-calculate-rate input.input-calculate:focus {
    border-color: #F36F27;
}

.modal-calculate-rate span.label-calculate {
    position: absolute;
    bottom: 20px;
    right: 15px;
}

.modal-calculate-rate input.input-calculate.input-calculate-primary ~ span.label-calculate {
    color: #F36F27;
}

ol.breadcrumb.breadcrumb-dash {
    font-size: 1.25rem !important;
}

ol.breadcrumb.breadcrumb-dash .breadcrumb-item:after {
    content: ">";
}

ol.breadcrumb.breadcrumb-dash .breadcrumb-item a {
    color: var(--superrich-primary) !important;
    text-decoration: underline;
}

ol.breadcrumb.breadcrumb-dash .breadcrumb-item a:hover {
    color: #464E5F !important;
}

#toast_error_default[data-toast-id].toast,
[data-type-toast="error"].toast {
    --border-color: #dc3545;
    --bg-color: #dc3545;
}

#toast_error_default[data-toast-id].toast,
[data-type-toast="error"].toast {
    --border-color: #dc3545;
    --bg-color: #dc3545;
    --content-color: white;
}

#toast_info_default[data-toast-id].toast,
[data-type-toast="info"].toast {
    --border-color: #007bff;
    --bg-color: #007bff;
    --content-color: white;
}

[data-toast-id].toast,
[data-type-toast].toast {
    border-color: var(--border-color) !important;
    font-size: 14px;
    overflow: hidden;
}

[data-toast-id].toast .toast-header,
[data-type-toast].toast .toast-header {
    background-color: var(--bg-color) !important;
    color: var(--content-color) !important;
}

[data-toast-id].toast .toast-header .btn-close,
[data-type-toast].toast .toast-header .btn-close {
    color: var(--content-color) !important;
}

.form-check.form-check-solid .form-check-input {
    border: 0;
    background-color: #c6c7c7;
}

.form-check.form-check-solid .form-check-input:active:not(:checked), 
.form-check.form-check-solid .form-check-input:focus:not(:checked) {
    background-color: rgb(207, 197, 198);
}

.modal.utils-modal-success .modal-dialog {
    margin-top: 10rem;
}


.modal.utils-modal-success .text-message-modal-success {
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #3F4254;
}

[input-type="password"] {
    font-family: 'password';
    -webkit-text-security: disc;
}

.badge.badge-circle.badge-notification, 
.badge.badge-pulse-animate {
    animation: fadeInOut 0.85s ease-in-out infinite;
}

@keyframes fadeInOut {
    0%, 100% {
        opacity: 0;
        transform: scale(0.9);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
}

.badge.badge-circle.badge-notification, 
.badge.badge-pulse-animate {
    position: relative;
}

.badge.badge-circle.badge-notification::before, 
.badge.badge-pulse-animate::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    animation: pulse 0.85s ease infinite;
    animation-delay: 0.25s;
    border-radius: 50%;
    border: 1px double #eb9567;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    60% {
        transform: scale(1.3);
        opacity: 0.4;
    }

    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}

button.btn-superrich-primary:focus {
    outline: 2px solid #ff8f52a3 !important;
}