#bootstrap_toggle [type="checkbox"]:not(:checked),
#bootstrap_toggle [type="checkbox"]:checked {
    opacity: 0 !important;
}

#bootstrap_toggle .custom-control-label::before {
    position: absolute;
    top: 0.25rem !important;
    left: -1.5rem !important;
    display: block !important;
    width: 2rem !important;
    height: 1.2rem !important;
    pointer-events: none !important;
    content: "" !important;
    border: #adb5bd solid 1px !important;
    border-radius: 1.5rem !important;
    transform: rotate(0deg) !important;
}

#bootstrap_toggle .custom-control-label::after {
    top: 0.38rem !important;
    left: -1.4rem !important;
    width: 0.9rem !important;
    height: 0.9rem !important;
    content: "";
    background: no-repeat 50% / 50% 50%;
    background-color: #adb5bd !important;
    border-radius: 0.5rem !important;
}

#bootstrap_toggle .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--bs-link-color) !important;
    border: #adb5bd solid 1px !important;
}

#bootstrap_toggle .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff !important;
    top: 0.39rem !important;
}

#bootstrap_toggle .custom-control-input:not(:checked)~.custom-control-label::after {
    top: 0.4rem !important;
    left: -1.27rem !important;
}

@media(max-width:500px) {

    .pagination li a,
    .pagination li span {
        min-width: 30px;
        padding: 0.5rem;
    }
}

@media(max-width:391px) {

    .pagination li a,
    .pagination li span {
        min-width: 15px;
        padding: 0.3rem 0.5rem;
    }

    .pagination-detail .btn {
        padding: 8px !important;
        font-size: 12px;
    }

    .pagination-info {
        font-size: 12px;
    }
}

@media(max-width:321px) {

    .pagination li a,
    .pagination li span {
        min-width: 15px;
        padding: 0.3rem 0.3rem;
        font-size: 12px;
    }
}

.fixed-table-toolbar {
    display: flex;
    place-items: end;
    place-content: end;
    float: right;
}

.mr-65 {
    margin-right: 73px !important;
}

.mr-66 {
    margin-right: 66px !important;
}

.mr-61,
.mr-62 {
    margin-right: 62px !important;
}

.mr-67 {
    margin-right: 67px !important;
}

.mr-74 {
    margin-right: 74px !important;
}

.mr-16 {
    margin-right: 16px !important;
}

.contentNewRecord {
    display: none;
}

button[name='clearSearch'] svg {
    width: 22px;
}

button[name='clearSearch'] svg path {
    fill: #fff !important;
}

.box-link {
    display: contents;
    margin: 10px;
}

.box-link .col-md-6 {
    padding: 10px;
}

.bootstrap-table-filter-control-id {
    display: none;
}

.contentNewRecord .select2.select2-container.select2-container--default {
    width: 100% !important;
}

@media(max-width:500px) {
    .btn i {
        font-size: 12px;
    }

    button[name='clearSearch'] svg {
        width: 17px;
    }

    .su-tables button.btn {
        padding: 4px 10px !important;
    }

    /*.su_tables .columns.columns-right.btn-group.float-right {
        right: 118.2px;
    }

    .roles_table .columns.columns-right.btn-group.float-right {
        right: 66px;
    }*/

    .btn {
        padding: 4px 10px !important;
    }

    .mr-65,
    .mr-74,
    .su_tables #custom_toolbar a:last-child,
    .roles_table #custom_toolbar a:last-child {
        margin-right: 59px !important;
    }

    /*.user_tables .columns.columns-right.btn-group.float-right {
        right: 97px !important;
    }

    .user_tables #custom_toolbar_user a:last-child {
        margin-right: 58px;
    }*/

    .mr-66 {
        margin-right: 58px !important;
    }
}

.note-modal-footer .note-btn {
    margin-top: 0 !important;
    margin-right: 20px;
}

.note-modal-footer {
    height: 60px !important;
}

.note-editor.note-frame.fullscreen {
    background: #fff;
    z-index: 999999999 !important;
}

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

.select2-container--default .select2-selection--multiple {
    border: 1px solid #688cb4 !important;
}

span.select2.select2-container.select2-container--default {
    width: 100% !important;
}

span.select2-container.select2-container--default.select2-container--open {
    width: 100% !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #688cb4 !important;
}

.select2-container .select2-selection--multiple {
    min-height: 39px !important;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 8px !important;
    font-family: inherit !important;
    margin-left: 12px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--bs-link-color) !important;
    border-color: var(--bs-link-color) !important;
    color: #fff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--bs-link-color) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #1f2026 !important;
    color: #fff !important;
    outline: none;
}

.select2-dropdown {
    z-index: 0 !important;
}

span.select2-container.select2-container--default.select2-container--open {
    width: unset !important;
}

.daterangepicker {
    z-index: 500 !important
}

.user_tables,
.su_tables {
    overflow-y: hidden;
}

.log_table .columns.columns-right.btn-group.float-right {
    right: 111.5px;
}

#languageForm { display: none; }

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

span.select2-container.select2-container--default.select2-container--open {
    width: 100% !important;
}

.spinner-bg {
    overflow: hidden;
    background-color: #00000009;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    z-index: 99;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.help-spinner .spinner-border {
    width: 5rem;
    height: 5rem;
    display: none;
}

.order-dropdown-btn {
    background: #a5a08f;
    padding: 8px 16px;
    font-size: 1.1rem;
    display: flex;
    justify-content: center;
}
#site_preloader_editor {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    background-color: #fff;
    z-index: 5;
}

#site_preloader_editor:before {
    content: "";
    z-index: 100;

    border: 6px solid #9b8b75;
    border-top-color: #e2eefd;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    -webkit-animation: animate-preloader 1s linear infinite;
    animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.icon-color{
    color:#9b8b75;
}
/*.snackbar-custom-width, .snackbar-custom-width p{
    font-size: 18px !important;
}
.snackbar-custom-width button{
    text-transform:none !important;
}*/