:root {
    --basic-color: #3b82f6;
    --basic-bg: #dcebff;
    --basic-bg-rgb: 220, 235, 255;
    --basic-border-color: #3179ed;
    /*--tbl-header-color: #2971e9;*/
    --tbl-header-color: #0855d7;
    --tbl-header-bg: #f4f9ff;
    /*--tbl-header-bg: #ebf4ff;*/
    --tbl-border-color: #cbd5e1;
    --basic-btn-hover: #4d8ef8;
    --basic-anchor-hover: #337bef;
    --control-focus-color: #c3dcff;
    --multi-select-color: #2563eb;
    --multi-select-bg: #eff6ff;
    --multi-select-border-color: #e5e7eb;
    --pagination-bg: #aed1ff;
    
    /*--basic-color: #dd5293;
    --basic-bg: #ffaad2;*/
    /*--basic-color: #dd5293;
    --basic-bg: #ffaad2;
    --basic-border-color: #dd5293;
    --tbl-header-bg: #ffaad2;
    --tbl-border-color: #ffaad2;
    --basic-btn-hover: #dd5293;
    --basic-anchor-hover: #dd5293;
    --control-focus-color: #ffaad2;*/
}

body.app-modern-theme {
    --theme-primary: var(--basic-color);
    background-color: #f8fafc !important;
}

/*html body.app-modern-theme a:not(.btn-switch):not(.btn-social):not([class*="bootbox"]) {*/
html body.app-modern-theme a:not([class*="bootbox"]) {
    color: var(--basic-color);
}

    /*html body.app-modern-theme a:not(.btn-switch):not(.btn-social):not([class*="bootbox"]):hover,
    html body.app-modern-theme a:not(.btn-switch):not(.btn-social):not([class*="bootbox"]):active,*/
    html body.app-modern-theme a:not([class*="bootbox"]):hover,
    html body.app-modern-theme a:not([class*="bootbox"]):active {
        color: var(--basic-anchor-hover);
    }

body.app-modern-theme div:not(.panel) > .panel-hdr {
    background-color: #f8fafc;
}

body.app-modern-theme .panel {
    border: 1px solid #e2e8f0 !important;
    border-radius: 0.75rem;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 4px 20px -2px rgba(0, 0, 0, 0.05);
}

    body.app-modern-theme .panel .panel-hdr {
        border-radius: 0.75rem 0.75rem 0 0;
    }

        body.app-modern-theme .panel .panel-hdr .panel-hdr-details {
            color: #64748b;
            font-weight: 400;
            font-size: 0.875rem;
            line-height: normal;
        }

    body.app-modern-theme .panel.panel-collapsed .panel-hdr {
        border-radius: 0.75rem;
    }

    body.app-modern-theme .panel .panel-container {
        background-color: rgba(248, 250, 252, 0.5);
        border-radius: 0 0 0.75rem 0.75rem;
    }

    body.app-modern-theme .panel .panel .panel-container {
        background-color: #fff;
    }

.root-text-sm body.app-modern-theme .panel .panel-hdr .main-title {
    color: #0f172a;
    font-size: 1.4rem !important;
}

.root-text-sm body.app-modern-theme .panel .panel-hdr h2 {
    color: #0f172a;
    font-size: 1rem !important;
}

body.app-modern-theme .shape-icon {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--basic-color);
    background-color: var(--basic-bg);
    border-radius: 0.75rem;
}

body.app-modern-theme .label-question {
    font-size: 1rem;
    color: #0f172a;
    font-weight: 500;
}

body.app-modern-theme .input-group-text {
    color: #2d394a;
    font-weight: 700;
    letter-spacing: 0.4px;
    font-size: 0.85rem !important;
    background-color: #f9fafb;
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
    border: 1px solid var(--basic-border-color);
    border-radius: 0.75rem;
}

body.app-modern-theme .form-control,
body.app-modern-theme .select2-container--default .select2-selection--multiple {
    color: #334155;
    background-color: #fff;
    border: 1px solid var(--tbl-border-color) !important;
    border-radius: 0.75rem !important;
    font-size: 0.9rem;
}

body.app-modern-theme .custom-control.custom-select {
    border-radius: 0.75rem;
}

    body.app-modern-theme .form-control:disabled,
    body.app-modern-theme .custom-control.custom-select:disabled {
        background-color: rgba(248, 250, 252, 0.5);
    }

body.app-modern-theme .form-control:focus,
body.app-modern-theme .select2-container--default .select2-selection--multiple:focus {
    border-color: var(--control-focus-color) !important;
}

body.app-modern-theme .form-control-score {
    color: #0f172a;
    font-size: 1rem !important;
    font-weight: 600;
}
/*.input-group > .form-control,*/
body.app-modern-theme .input-group > .select2-container--default .select2-selection--multiple,
body.app-modern-theme .input-group > .input-group-prepend > .btn {
    border-radius: 0.75rem 0 0 0.75rem !important;
}

body.app-modern-theme .input-group > .input-group-prepend ~ .form-control,
body.app-modern-theme .input-group > .form-control + .form-control,
body.app-modern-theme .input-group > .input-group-append > .btn {
    border-radius: 0 0.75rem 0.75rem 0 !important;
}

body.app-modern-theme .input-group-prepend .form-control,
body.app-modern-theme .input-group > .input-group-prepend > .input-group-text,
body.app-modern-theme .input-group > .input-group-prepend + .form-control:not(:last-child):not(:has(~ .acl:last-child)):not(:has(~ [type="hidden"]:last-child)):not(:has(~ .valid-inp:last-child)),
body.app-modern-theme .input-group > .input-group-prepend + .form-control:not(:last-child):has(~ .form-control:last-child),
body.app-modern-theme .input-group .form-control:not(:last-child):has(~ .input-group-append),
body.app-modern-theme .input-group .form-control:not(:last-child):has(~ .input-group-text),
body.app-modern-theme .input-group .form-control:not(:last-child):has(~ .form-control:not([style="display: none;"])) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

body.app-modern-theme .input-group-append .form-control,
body.app-modern-theme .input-group > .input-group-append > .input-group-text,
body.app-modern-theme .input-group > .input-group-prepend ~ .select2-container--default .select2-selection--multiple {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

body.app-modern-theme .input-group .input-group-append .input-group-text {
    border-radius: 0 0.75rem 0.75rem 0;
}

body.app-modern-theme .input-group .input-group-prepend .input-group-text {
    border-radius: 0.75rem 0 0 0.75rem;
}

    body.app-modern-theme .input-group .input-group-append .input-group-text a,
    body.app-modern-theme .input-group .input-group-prepend .input-group-text a {
        color: var(--basic-color);
    }

body.app-modern-theme .input-group .input-group-text {
    border-color: var(--tbl-border-color);
}

body.app-modern-theme .input-group.has-length .input-group-text {
    border-color: var(--basic-color);
    background-color: var(--basic-color) !important;
}

body.app-modern-theme table.table-bordered td .img-thumbnail {
    width: 2.7rem;
    height: 2.7rem;
    min-width: 2.7rem;
    min-height: 2.7rem;
    padding: 1px;
    border-radius: 50%;
}

body.app-modern-theme .label-comment {
    color: #475569;
    font-size: 0.95rem;
    margin-right: 0.5rem;
}

body.app-modern-theme .panel.panel-review-hr,
body.app-modern-theme .panel.panel-review-hr .panel-hdr {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
}

    body.app-modern-theme .panel.panel-review .panel-hdr,
    body.app-modern-theme .panel.panel-review-hr .panel-hdr {
        border-radius: 0.75rem;
    }

body.app-modern-theme .panel-review h3 {
    color: #0f172a;
    font-size: 1rem;
    font-weight: 500;
}

body.app-modern-theme .badge-score {
    color: #047857;
    font-weight: 500;
    font-size: 0.9rem;
    padding: 0.1rem 0.75rem;
    border-radius: 20px;
    background-color: #d1fae5;
    display: flex;
    width: 100px;
    line-height: normal;
    gap: 0.3rem;
}

body.app-modern-theme .title-review {
    color: #334155;
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

    body.app-modern-theme .title-review i {
        color: #94a3b8;
    }

body.app-modern-theme .form-label {
    color: #64748b;
}

body.app-modern-theme table.table-bordered,
body.app-modern-theme table.table-bordered th,
body.app-modern-theme table.table-bordered td {
    border-color: var(--tbl-border-color) !important;
}

body.app-modern-theme table.table-bordered {
    border-right-width: 1px !important;
}
/*body.app-modern-theme table.table-bordered th:last-child,
    table.table-bordered td:last-child {
    border-right: 0;
}*/

body.app-modern-theme:not(.mod-skin-dark) table.table-bordered tbody tr:nth-child(4n+1):not(.bg-primary-600):not(.selected):not([bgcolor]) {
    background-color: #fff;
}

body.app-modern-theme:not(.mod-skin-dark) table.table-bordered tbody tr:nth-child(4n+3):not(.bg-primary-600):not(.selected):not([bgcolor]) {
    background-color: rgba(var(--basic-bg-rgb), 0.1);
}

body.app-modern-theme table.table-bordered th:not(:last-child),
body.app-modern-theme table.table-bordered td:not(:last-child) {
    border-right: 0;
}

body.app-modern-theme table.table-bordered .bg-primary-600,
body.app-modern-theme table.table-bordered .bg-primary-600 tr {
    background-color: var(--tbl-header-bg);
    background-color: var(--tbl-header-color);
}

body.app-modern-theme table.table-bordered .row-group {
    background-color: var(--basic-bg) !important;
}

body.app-modern-theme table.table-bordered th {
    /*color: var(--basic-color);*/
    font-weight: 600;
    /*background-color: var(--tbl-header-bg);
        letter-spacing: 0.4px;*/
    color: var(--tbl-header-color);
    color: #fff;
    /*font-weight: 700;*/
    background-color: var(--tbl-header-bg);
    background-color: var(--tbl-header-color);
    /*background-color: #0855d7;*/
    letter-spacing: 0.3px;
    /*text-transform: uppercase;*/
    border-top: 1px solid var(--basic-color) !important;
    border-bottom: 1px solid var(--basic-color) !important;
}

    body.app-modern-theme table.table-bordered th:first-child {
        border-left: 1px solid var(--basic-color) !important;
    }

    body.app-modern-theme table.table-bordered th:last-child {
        border-right: 1px solid var(--basic-color) !important;
    }

body.app-modern-theme table.table-bordered .bg-primary-600 th a {
    color: inherit;
}

    body.app-modern-theme table.table-bordered .bg-primary-600 th a:hover {
        color: var(--basic-bg);
    }

body.app-modern-theme table.table-bordered .row-textbox th {
    background-color: var(--basic-bg);
}

body.app-modern-theme table.table-bordered th .custom-checkbox label {
    color: #fff;
}

body.app-modern-theme table.table-bordered td {
    padding: 0.4rem 0.75rem;
}

    body.app-modern-theme table.table-bordered td .btn-ddl {
        min-height: 1.8rem;
        font-weight: 600;
        font-size: 0.95rem;
        align-items: center;
        letter-spacing: 0.3px;
    }

    body.app-modern-theme table.table-bordered td .img-thumbnail {
        width: 2.5rem;
        height: 2.5rem;
        min-width: 2.5rem;
        min-height: 2.5rem;
    }

body.app-modern-theme table.table-bordered tbody tr:not(.bg-primary-600):not(.selected),
body.app-modern-theme table.table-bordered tbody tr:not(.bg-primary-600):not(.selected) td {
    border-top-color: transparent !important;
}

body.app-modern-theme table.table-bordered tbody tr:not(.bg-primary-600) td {
    vertical-align: middle !important;
}

body.app-modern-theme table.table-bordered .btn-info,
body.app-modern-theme table.table-bordered .btn-info:focus,
body.app-modern-theme table.table-bordered .btn-info:active,
body.app-modern-theme table.table-bordered .btn-info:active:not(:disabled) {
    border-color: var(--basic-color);
    background-color: var(--basic-color);
    box-shadow: unset;
}

body.app-modern-theme table.dataTable.table-bordered tbody > tr.selected {
    background: rgba(var(--basic-bg-rgb), 0.5);
    box-shadow: inset 0 0 0px 1px var(--basic-color);
}

body.app-modern-theme table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control:before {
    content: "\f067";
    font-weight: 900;
    font-size: 0.85rem;
    font-family: 'Font Awesome 5 Pro';
}

body.app-modern-theme table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before {
    content: "\f068";
    font-weight: 900;
    font-size: 0.85rem;
    font-family: 'Font Awesome 5 Pro';
}

body.app-modern-theme .custom-radio label {
    font-weight: 600;
}

body.app-modern-theme .custom-checkbox label,
body.app-modern-theme .custom-checkbox.checkboxlist label {
    cursor: pointer;
    font-weight: 500;
    font-weight: 600;
    font-size: 0.8rem;
    letter-spacing: 0.3px;
}

body.app-modern-theme .custom-checkbox:not(.checkboxlist) label {
    color: #334155;
}

body.app-modern-theme .custom-checkbox input[type='checkbox'] + label::before {
    border-radius: 0.3rem;
}

body.app-modern-theme .custom-checkbox input[type='checkbox']:checked + label::before,
body.app-modern-theme .custom-radio:not(.custom-radio-flow) input[type='radio']:checked ~ label::before {
    border-color: var(--basic-color);
    background-color: var(--basic-color);
}

body.app-modern-theme .cust-switch input[type='checkbox']:checked {
    border-color: var(--basic-border-color);
    background-color: var(--basic-color);
    box-shadow: 3px 3px 6px 15px var(--basic-color) inset;
}

body.app-modern-theme .custom-checkbox.check-review {
    padding-left: 1.1rem;
}

    body.app-modern-theme .custom-checkbox.check-review label::before,
    body.app-modern-theme .custom-checkbox.check-review label::after {
        left: -1.1rem;
    }

body.app-modern-theme .panel-toolbar .btn-panel[data-action="panel-collapse"],
body.app-modern-theme .panel-toolbar .btn-panel.js-panel-collapse {
    /*background-color: var(--basic-color);*/
    background-color: #fff;
    border-color: var(--basic-color);
    border-width: 2px;
}

body.app-modern-theme .panel-toolbar .btn-panel[data-action="panel-fullscreen"],
body.app-modern-theme .panel-toolbar .btn-panel.js-panel-fullscreen {
    border: 0;
    font-size: 1.3rem;
    overflow: visible;
    background-color: #fff;
}

    body.app-modern-theme .panel-toolbar .btn-panel[data-action="panel-collapse"] i,
    body.app-modern-theme .panel-toolbar .btn-panel.js-panel-collapse i,
    body.app-modern-theme .panel-toolbar .btn-panel[data-action="panel-fullscreen"] i,
    body.app-modern-theme .panel-toolbar .btn-panel.js-panel-fullscreen i {
        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
        color: var(--basic-color);
    }

body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span .page-item.active {
    background-color: var(--basic-color);
    border-color: var(--basic-border-color);
}

body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span a.page-item:hover:not(.aspNetDisabled) {
    background-color: var(--basic-bg) !important;
}

body .app-modern-theme .pagination .page-item:first-child:not(.active), body.app-modern-theme .pagination .page-item:last-child:not(.active), body.app-modern-theme .pagination .page-item.aspNetDisabled, body.app-modern-theme .dataTables_paginate.js_paging > body.app-modern-theme .paginate_button:first-child:not(.current), body.app-modern-theme .dataTables_paginate.js_paging > .paginate_button:last-child:not(.current), body.app-modern-theme .dataTables_paginate.js_paging .paginate_button.disabled {
    background: var(--tbl-border-color);
}

body.app-modern-theme .EmptyRowStyle td div {
    border: 1px solid var(--basic-color) !important;
}

body.app-modern-theme .page-load .spinner .spinner-border {
    border-color: var(--basic-color);
    border-right-color: transparent;
}

body.app-modern-theme .td-menu .btn-default:focus {
    border-color: var(--control-focus-color) !important;
}

body.app-modern-theme .td-menu .dropdown-item:hover,
body.app-modern-theme .td-menu .dropdown-item:focus {
    color: var(--basic-color);
}

body.app-modern-theme .td-menu .dropdown-item.active,
body.app-modern-theme .td-menu .dropdown-item:active {
    background-color: var(--basic-bg);
}

body.app-modern-theme .nav-pills .nav-link {
    border-radius: 0.75rem;
    border: 2px solid var(--basic-color);
}

    body.app-modern-theme .nav-pills .nav-link.active {
        background-color: rgba(59, 130, 246, 0.7);
    }

body.app-modern-theme .btn.btn-default.active:not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept):not(.menu-item):not([data-action="toggle-swap"]):not(.btn-switch),
body.app-modern-theme .btn:not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept):not(.btn-default[data-toggle="popover"]):not(.btn-default[data-toggle="dropdown"]):not(.menu-item):not([data-action="toggle-swap"]):not(.btn-switch) {
    /*color: var(--basic-color);
    background-color: #fff;*/
    color: #fff;
    font-weight: 500;
    border-radius: 0.75rem;
    border-color: var(--basic-color);
    background-color: var(--basic-color);
    box-shadow: unset;
}

    body.app-modern-theme .btn:not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept):not(.btn-default[data-toggle="popover"]):not(.btn-default[data-toggle="dropdown"]):not(.menu-item):not([data-action="toggle-swap"]):not(.btn-switch):hover {
        border-color: var(--basic-btn-hover);
        background-color: var(--basic-btn-hover);
    }

body.app-modern-theme .btn.btn-danger.bootbox-accept,
body.app-modern-theme .btn.btn-danger.btn-icon:not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept):not(.btn-upload):not(.btn-default[data-toggle="popover"]):not(.btn-default[data-toggle="dropdown"]),
body.app-modern-theme .btn.btn-danger:not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept):not(.btn-upload):not(.btn-default[data-toggle="popover"]):not(.btn-default[data-toggle="dropdown"]):not(.btn-switch) {
    border-color: #fd3995;
    background-color: #fd3995;
}

    body.app-modern-theme .btn.btn-danger.bootbox-accept:hover,
    body.app-modern-theme .btn.btn-danger.btn-icon:not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept):not(.btn-upload):not(.btn-default[data-toggle="popover"]):not(.btn-default[data-toggle="dropdown"]):hover,
    body.app-modern-theme .btn.btn-danger:not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept):not(.btn-upload):not(.btn-default[data-toggle="popover"]):not(.btn-default[data-toggle="dropdown"]):not(.btn-switch):hover {
        border-color: #fd1381;
        background-color: #fd1381;
    }

body.app-modern-theme .btn.btn-icon:not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept) {
    width: calc(2.1rem + 2px);
    line-height: 1.5rem !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.5rem;
}

body.app-modern-theme .btn.btn-danger.bootbox-accept,
body.app-modern-theme .btn.btn-default.bootbox-cancel {
    border-radius: 0.75rem;
}

body.app-modern-theme .btn-group-sm > .btn {
    border-radius: 0.75rem;
}

    body.app-modern-theme .btn-group-sm > .btn.active {
        background: var(--basic-color);
    }

body.app-modern-theme .menu-item,
body.app-modern-theme label.menu-open-button {
    background: var(--basic-color);
}

    body.app-modern-theme .menu-item:hover,
    body.app-modern-theme label.menu-open-button:hover {
        background: var(--basic-btn-hover);
    }

body.app-modern-theme .btn-group > .btn.btn-default[data-toggle="popover"],
body.app-modern-theme .btn-group > .btn.btn-default[data-toggle="dropdown"],
body.app-modern-theme .btn-group > .btn-group > .btn.btn-default[data-toggle="popover"],
body.app-modern-theme .btn-group > .btn-group > .btn.btn-default[data-toggle="dropdown"] {
    font-weight: 500;
    border-radius: 0.75rem;
    padding-left: 0.45rem !important;
    padding-right: 0.45rem !important;
    font-size: 0.8rem !important;
    font-weight: 700;
    letter-spacing: 0.4px;
}

    body.app-modern-theme .btn-group > .btn.btn-default[data-toggle="popover"]:not(.active),
    body.app-modern-theme .btn-group > .btn.btn-default[data-toggle="dropdown"]:not(.active),
    body.app-modern-theme .btn-group > .btn-group > .btn.btn-default[data-toggle="popover"]:not(.active),
    body.app-modern-theme .btn-group > .btn-group > .btn.btn-default[data-toggle="dropdown"]:not(.active) {
        background-image: unset;
        background-color: #fff;
    }

body.app-modern-theme .btn-group > .btn.btn-default:focus {
    border-color: var(--basic-bg) !important;
}

body.app-modern-theme .btn-group > .btn:not(:last-child):not(.dropdown-toggle):not(.btn-icon):not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept),
body.app-modern-theme .btn-group > .btn.active:not(:last-child):not(.dropdown-toggle):not(.btn-icon):not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept),
body.app-modern-theme .btn-group > .btn.btn-default.active:not(:last-child):not(.dropdown-toggle):not(.btn-icon):not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept),
body.app-modern-theme .btn-group > .btn-group:not(:last-child) > .btn:not(.btn-icon):not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

body.app-modern-theme .btn-group > .btn:not(:first-child):not(.btn-icon):not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept),
body.app-modern-theme .btn-group > .btn.active:not(:first-child):not(.btn-icon):not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept),
body.app-modern-theme .btn-group > .btn.btn-default.active:not(:first-child):not(.btn-icon):not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept),
body.app-modern-theme .btn-group > .btn-group:not(:first-child) > .btn:not(.btn-icon):not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept),
body.app-modern-theme .btn-group > .btn-group:not(:first-child) > .btn.active:not(.btn-icon):not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

body.app-modern-theme .custom-calendar .ajax__calendar_prev:after,
body.app-modern-theme .custom-calendar .ajax__calendar_next:after,
body.app-modern-theme .custom-calendar .ajax__calendar_days table thead tr td,
body.app-modern-theme .custom-calendar .ajax__calendar_footer.ajax__calendar_today,
body.app-modern-theme .custom-calendar .ajax__calendar_days table tr td.ajax__calendar_active .ajax__calendar_day,
body.app-modern-theme .custom-calendar .ajax__calendar_months table tr td.ajax__calendar_active .ajax__calendar_month,
body.app-modern-theme .custom-calendar .ajax__calendar_years table tr td.ajax__calendar_active .ajax__calendar_year {
    color: var(--basic-color) !important;
}

body.app-modern-theme .clear-search i {
    color: #fd3995;
}

body.app-modern-theme .clear-search:hover i {
    color: #fd1381;
}

.grid {
    display: grid;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.font-medium {
    font-weight: 500 !important;
}

body.app-modern-theme .acl .li-hover {
    background: var(--basic-color);
}

body.app-modern-theme .select2-container--default .select2-selection--multiple {
    height: 100%;
}

    body.app-modern-theme .select2-container--default .select2-selection--multiple .select2-selection__choice {
        /*color: var(--basic-color);
        font-weight: 500;
        border-color: var(--basic-color);
        background: var(--basic-bg);*/
        color: var(--multi-select-color);
        background: var(--multi-select-bg);
        border-color: var(--multi-select-border-color);
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: 0.3px;
    }

        body.app-modern-theme .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
            /*color: var(--basic-color);*/
            color: #333;
            font-weight: 700;
            font-size: 1.3rem;
        }

body.app-modern-theme .select2-container--default .select2-results__option[aria-selected=true] {
    background: var(--basic-bg);
    color: var(--basic-color);
}

body.app-modern-theme .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--basic-color);
    color: #fff;
}

body.app-modern-theme .select2-container--open .select2-dropdown--below,
body.app-modern-theme .select2-container--open .select2-dropdown--above {
    border-color: var(--basic-color);
}

body.app-modern-theme .select2-results__message {
    color: var(--basic-color) !important;
}

body.app-modern-theme .logo_photo.btn-outline-primary {
    color: var(--basic-color);
    border-color: var(--basic-color);
    border-radius: 0.75rem !important;
}

    body.app-modern-theme .logo_photo.btn-outline-primary:not(:disabled):not(.disabled):active,
    body.app-modern-theme .logo_photo.btn-outline-primary:not(:disabled):not(.disabled).active {
        border-color: var(--basic-color);
    }

body.app-modern-theme .fileupload-text {
    background-color: var(--basic-color);
    border-color: var(--basic-color);
    border-top-left-radius: 0.75rem !important;
    border-bottom-left-radius: 0.75rem !important;
}

body.app-modern-theme .file-name {
    color: var(--basic-color) !important;
}

body.app-modern-theme .photo-upload-box {
    background-color: var(--multi-select-color);
    border-color: var(--basic-color);
    border-radius: 0.75rem;
    cursor: pointer;
}

    body.app-modern-theme .photo-upload-box:hover,
    body.app-modern-theme .photo-upload-box:active,
    body.app-modern-theme .photo-upload-box:not(:disabled):not(.disabled):active {
        background-color: var(--basic-btn-hover);
    }

/********** Pagination 1 *********/
/*body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span .page-item,
body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span a,
body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table a,
body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table span,
body.app-modern-theme .dataTables_paginate.js_paging .paginate_button {
    margin: 0;
    padding: 0.75rem 1rem;
    height: unset;
    font-size: 1rem;
    font-weight: 700;
    background-color: var(--basic-bg);
    border: 1px solid var(--pagination-bg);
    border-right: 0;
    border-radius: 0;
}

    body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span .page-item.previous {
        border-radius: 1rem 0 0 1rem;
    }

    body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span .page-item.next {
        border-radius: 0 1rem 1rem 0;
        border-right: 1px solid var(--pagination-bg);
    }

        body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span .page-item.previous i,
        body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span .page-item.next i {
            font-weight: 900;
            font-family: 'Font Awesome 5 Free';
        }

    body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span a.page-item:hover:not(.aspNetDisabled) {
        opacity: 1;
        color: #fff;
        border-color: var(--basic-btn-hover);
        background-color: var(--basic-btn-hover) !important;
    }*/

/********** Pagination 2 *********/
body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination {
    margin-top: 1rem !important;
}

body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table {
    margin: 5px 0;
}

    body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table tr td {
        padding: 5px 0 0 0;
    }

        body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table tr td span {
            text-overflow: unset !important;
            overflow: unset !important;
            max-width: unset !important;
        }

    body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span .page-item,
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span a,
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table a,
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table span,
    body.app-modern-theme .dataTables_paginate.js_paging .paginate_button {
        position: relative;
        width: 40px;
        margin: 0;
        padding: 0.75rem 0.5rem;
        height: unset;
        font-size: 1.15rem;
        font-weight: 700;
        background-color: transparent;
        border: 0;
        border-radius: 0;
    }

    body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table tr td a,
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table tr td span {
        width: 30px;
    }

    body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span a.page-item:hover:not(.aspNetDisabled),
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span .page-item.active,
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table span {
        background-color: transparent !important;
        color: var(--basic-color) !important;
        box-shadow: unset !important;
        opacity: 1;
    }

        body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span .page-item:before,
        body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span > a:before,
        body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table a:before,
        body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table span:before {
            content: "";
            position: absolute;
            top: -5px;
            height: 5px;
            width: 100%;
            background-color: var(--pagination-bg);
        }

    body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span .page-item.previous:before,
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table tr td:first-child a:before,
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table tr td:first-child span:before {
        border-radius: 1rem 0 0 1rem;
    }

    body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span .page-item.next:before,
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table tr td:last-child a:before,
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table tr td:last-child span:before {
        border-radius: 0 1rem 1rem 0;
    }

    body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span .page-item:after,
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span > a:after,
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table a:after,
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table span:after {
        content: "";
        position: absolute;
        height: 5px;
        width: 100%;
        background-color: var(--basic-color);
        top: -5px;
        border-radius: 1rem;
        transform: scaleX(0);
        transition: 0.4s all;
    }

    body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span .page-item:hover:not(.aspNetDisabled):after,
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span > a:hover:not(.aspNetDisabled):after,
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span .page-item.active:after,
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table a:hover:after,
    body.app-modern-theme .dataTables_wrapper .dataTables_paginate.pager-grid table span:after {
        transform: scaleX(1);
    }

body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span .page-item.previous i,
body.app-modern-theme .dataTables_wrapper .dataTables_paginate .pagination span .page-item.next i {
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
}

/********** Button Style 1 ***********/
body.app-modern-theme .btn.btn-default.active:not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept):not(.btn-switch),
body.app-modern-theme .btn:not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept):not(.btn-default[data-toggle="popover"]):not(.btn-default[data-toggle="dropdown"]):not(.btn-switch) {
    position: relative;
    font-weight: 600;
    font-size: 0.9rem;
    letter-spacing: 0.3px;
}

body.app-modern-theme .btn.btn-default.active:not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept) i,
body.app-modern-theme .btn:not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept):not(.btn-default[data-toggle="popover"]):not(.btn-default[data-toggle="dropdown"]) i {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1rem;
}

body.app-modern-theme .sidebar-tabs ul li:not(.active) .btn {
    color: var(--basic-color) !important;
}

/*body.app-modern-theme .btn:not(.btn-icon):not(.btn-panel):not(.bootbox-cancel):not(.bootbox-accept):not(.btn-default[data-toggle="popover"]):not(.btn-default[data-toggle="dropdown"]):before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border: 1px solid #fff;
        border-radius: 0.75rem;
    }*/

/******** td-menu *********/
body.app-modern-theme .td-menu > .dropdown > .btn.btn-default {
    border: 0;
    font-size: 1.2rem;
    background-image: unset;
    background-color: unset !important;
}

    body.app-modern-theme .td-menu > .dropdown > .btn.btn-default i {
        font-weight: 900;
        font-family: 'Font Awesome 5 Free';
    }

        body.app-modern-theme .td-menu > .dropdown > .btn.btn-default i:before {
            content: "\f142";
        }

body.app-modern-theme .td-menu .dropdown-menu {
    border-radius: 0.75rem;
}

    body.app-modern-theme .td-menu .dropdown-menu .dropdown-item {
        font-size: 0.9rem;
        letter-spacing: 0.3px;
        font-weight: 500 !important;
    }

/********** Style Main Page *********/
body.app-modern-theme:not(.nav-function-top):not(.mod-skin-light):not(.mod-skin-dark) .page-sidebar,
body.app-modern-theme:not(.nav-function-top):not(.mod-skin-light):not(.mod-skin-dark) .page-sidebar .page-logo,
body.app-modern-theme:not(.nav-function-top):not(.mod-skin-light):not(.mod-skin-dark) .page-sidebar .nav-footer {
    background-color: var(--basic-color) !important;
}

body.app-modern-theme:not(.nav-function-minify):not(.nav-function-top):not(.mod-skin-light):not(.mod-skin-dark) .page-sidebar .primary-nav .nav-menu > li > a + ul {
    background-color: var(--tbl-header-color) !important;
}

body.app-modern-theme:not(.mod-skin-light) .nav-menu li > ul li a,
body.app-modern-theme:not(.mod-skin-light) .nav-menu li b.collapse-sign {
    color: var(--basic-bg);
}

body.app-modern-theme:not(.mod-skin-light) .nav-menu li a > [class*='fa-'],
body.app-modern-theme:not(.mod-skin-light) .nav-menu li a > [class*='ti-'],
body.app-modern-theme:not(.mod-skin-light) .nav-menu li a > .ni {
    color: var(--basic-bg) !important;
}

body.app-modern-theme.mod-skin-light .nav-menu li > ul li a,
body.app-modern-theme.mod-skin-light .nav-menu li b.collapse-sign {
    color: var(--basic-color);
}

body.app-modern-theme.mod-skin-light .nav-menu li a > [class*='fa-'],
body.app-modern-theme.mod-skin-light .nav-menu li a > [class*='ti-'],
body.app-modern-theme.mod-skin-light .nav-menu li a > .ni {
    color: var(--basic-color) !important;
}

body.app-modern-theme.mod-skin-light:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li > a + ul > li > a:hover:before,
body.app-modern-theme.mod-skin-light:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul > li:not(.open) > a:hover:before,
body.app-modern-theme.mod-skin-light:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu li ul li.active:not([data-toggle="collapse"]):not(.open) > a:before {
    background-color: var(--basic-color);
}

body.app-modern-theme.mod-skin-light .nav-footer .btn-reports-search,
body.app-modern-theme.mod-skin-light .nav-footer .nav-footer-buttons > li > a {
    color: var(--basic-color);
}

body.app-modern-theme .nav-menu li > ul li > ul li a {
    color: var(--pagination-bg);
}

body.app-modern-theme i.font-awesome-pro5 {
    font-family: 'Font Awesome 5 Pro' !important;
}

body.app-modern-theme i.font-nextgen-icons {
    font-family: 'nextgen-icons' !important;
}

body.app-modern-theme i.font-themify {
    font-family: 'themify' !important;
}

body.app-modern-theme .basic-color {
    color: var(--basic-color) !important;
}

body.app-modern-theme .nav-filter input[type="text"] {
    background: var(--basic-btn-hover);
}

body.app-modern-theme .bg-trans-gradient {
    background: linear-gradient(250deg, var(--basic-color), var(--tbl-header-color)) !important;
}

body.app-modern-theme .text-primary {
    color: var(--basic-color) !important;
}

body.app-modern-theme .border-primary {
    border-color: var(--basic-color) !important;
}

body.app-modern-theme .bg-primary-600 {
    background-color: var(--basic-color);
}

body.app-modern-theme .bg-primary-gradient {
    background-image: linear-gradient(250deg, var(--basic-color), transparent);
}

body.app-modern-theme .header-icon:not(.btn) > [class*='fa-']:first-child,
body.app-modern-theme .header-icon:not(.btn) > .ni:first-child {
    color: var(--basic-color);
}

body.app-modern-theme .badge.badge-icon {
    background-color: var(--basic-color);
}

body.app-modern-theme .nav-footer .btn-reports-search {
    border-color: var(--basic-bg);
}

body.app-modern-theme.nav-function-fixed .nav-footer:before {
    background: var(--basic-bg);
}

body.app-modern-theme .btn-switch[data-class="app-modern-theme"],
body.app-modern-theme.header-function-fixed .btn-switch[data-class="header-function-fixed"],
body.app-modern-theme.nav-function-fixed .btn-switch[data-class="nav-function-fixed"],
body.app-modern-theme.nav-function-minify .btn-switch[data-class="nav-function-minify"],
body.app-modern-theme.nav-function-hidden .btn-switch[data-class="nav-function-hidden"],
body.app-modern-theme.nav-function-top .btn-switch[data-class="nav-function-top"],
body.app-modern-theme.footer-function-fixed .btn-switch[data-class="footer-function-fixed"],
body.app-modern-theme.nav-mobile-push .btn-switch[data-class="nav-mobile-push"],
body.app-modern-theme.nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"],
body.app-modern-theme.nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"],
body.app-modern-theme.mod-main-boxed .btn-switch[data-class="mod-main-boxed"],
body.app-modern-theme.mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"],
body.app-modern-theme.mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"],
body.app-modern-theme.mod-pace-custom .btn-switch[data-class="mod-pace-custom"],
body.app-modern-theme.mod-bigger-font .btn-switch[data-class="mod-bigger-font"],
body.app-modern-theme.mod-high-contrast .btn-switch[data-class="mod-high-contrast"],
body.app-modern-theme.mod-color-blind .btn-switch[data-class="mod-color-blind"],
body.app-modern-theme.mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"],
body.app-modern-theme.mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"],
body.app-modern-theme.mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"],
body.app-modern-theme.mod-disable-animation .btn-switch[data-class="mod-disable-animation"],
body.app-modern-theme.mod-nav-link .btn-switch[data-class="mod-nav-link"],
body.app-modern-theme.mod-nav-dark .btn-switch[data-class="mod-nav-dark"],
body.app-modern-theme.mod-panel-icon .btn-switch[data-class="mod-panel-icon"] {
    background: var(--basic-color) !important;
}

    body.app-modern-theme .btn-switch[data-class="app-modern-theme"] + .onoffswitch-title,
    body.app-modern-theme.header-function-fixed .btn-switch[data-class="header-function-fixed"] + .onoffswitch-title,
    body.app-modern-theme.nav-function-fixed .btn-switch[data-class="nav-function-fixed"] + .onoffswitch-title,
    body.app-modern-theme.nav-function-minify .btn-switch[data-class="nav-function-minify"] + .onoffswitch-title,
    body.app-modern-theme.nav-function-hidden .btn-switch[data-class="nav-function-hidden"] + .onoffswitch-title,
    body.app-modern-theme.nav-function-top .btn-switch[data-class="nav-function-top"] + .onoffswitch-title,
    body.app-modern-theme.footer-function-fixed .btn-switch[data-class="footer-function-fixed"] + .onoffswitch-title,
    body.app-modern-theme.nav-mobile-push .btn-switch[data-class="nav-mobile-push"] + .onoffswitch-title,
    body.app-modern-theme.nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"] + .onoffswitch-title,
    body.app-modern-theme.nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"] + .onoffswitch-title,
    body.app-modern-theme.mod-main-boxed .btn-switch[data-class="mod-main-boxed"] + .onoffswitch-title,
    body.app-modern-theme.mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"] + .onoffswitch-title,
    body.app-modern-theme.mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"] + .onoffswitch-title,
    body.app-modern-theme.mod-pace-custom .btn-switch[data-class="mod-pace-custom"] + .onoffswitch-title,
    body.app-modern-theme.mod-bigger-font .btn-switch[data-class="mod-bigger-font"] + .onoffswitch-title,
    body.app-modern-theme.mod-high-contrast .btn-switch[data-class="mod-high-contrast"] + .onoffswitch-title,
    body.app-modern-theme.mod-color-blind .btn-switch[data-class="mod-color-blind"] + .onoffswitch-title,
    body.app-modern-theme.mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"] + .onoffswitch-title,
    body.app-modern-theme.mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"] + .onoffswitch-title,
    body.app-modern-theme.mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"] + .onoffswitch-title,
    body.app-modern-theme.mod-disable-animation .btn-switch[data-class="mod-disable-animation"] + .onoffswitch-title,
    body.app-modern-theme.mod-nav-link .btn-switch[data-class="mod-nav-link"] + .onoffswitch-title,
    body.app-modern-theme.mod-nav-dark .btn-switch[data-class="mod-nav-dark"] + .onoffswitch-title,
    body.app-modern-theme.mod-panel-icon .btn-switch[data-class="mod-panel-icon"] + .onoffswitch-title {
        color: var(--basic-color);
    }

    body.app-modern-theme .btn-switch[data-class="app-modern-theme"]:after,
    body.app-modern-theme.header-function-fixed .btn-switch[data-class="header-function-fixed"]:after,
    body.app-modern-theme.nav-function-fixed .btn-switch[data-class="nav-function-fixed"]:after,
    body.app-modern-theme.nav-function-minify .btn-switch[data-class="nav-function-minify"]:after,
    body.app-modern-theme.nav-function-hidden .btn-switch[data-class="nav-function-hidden"]:after,
    body.app-modern-theme.nav-function-top .btn-switch[data-class="nav-function-top"]:after,
    body.app-modern-theme.footer-function-fixed .btn-switch[data-class="footer-function-fixed"]:after,
    body.app-modern-theme.nav-mobile-push .btn-switch[data-class="nav-mobile-push"]:after,
    body.app-modern-theme.nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"]:after,
    body.app-modern-theme.nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"]:after,
    body.app-modern-theme.mod-main-boxed .btn-switch[data-class="mod-main-boxed"]:after,
    body.app-modern-theme.mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"]:after,
    body.app-modern-theme.mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"]:after,
    body.app-modern-theme.mod-pace-custom .btn-switch[data-class="mod-pace-custom"]:after,
    body.app-modern-theme.mod-bigger-font .btn-switch[data-class="mod-bigger-font"]:after,
    body.app-modern-theme.mod-high-contrast .btn-switch[data-class="mod-high-contrast"]:after,
    body.app-modern-theme.mod-color-blind .btn-switch[data-class="mod-color-blind"]:after,
    body.app-modern-theme.mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"]:after,
    body.app-modern-theme.mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"]:after,
    body.app-modern-theme.mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"]:after,
    body.app-modern-theme.mod-disable-animation .btn-switch[data-class="mod-disable-animation"]:after,
    body.app-modern-theme.mod-nav-link .btn-switch[data-class="mod-nav-link"]:after,
    body.app-modern-theme.mod-nav-dark .btn-switch[data-class="mod-nav-dark"]:after,
    body.app-modern-theme.mod-panel-icon .btn-switch[data-class="mod-panel-icon"]:after {
        /*color: var(--basic-color) !important;*/
        content: " " !important;
        right: 0 !important;
        left: auto !important;
    }

    body.app-modern-theme .btn-switch[data-class="app-modern-theme"]:before {
        content: "ON" !important;
        left: 7px !important;
        right: auto !important
    }

body.app-modern-theme .btn-switch + .onoffswitch-title,
body.app-modern-theme .btn-switch ~ .onoffswitch-title-desc {
    font-weight: 600;
}

/*body.app-modern-theme .settings-panel .list .btn-switch:not([data-class="app-modern-theme"]) {
    pointer-events: none;
    filter: brightness(0.7);
}*/

body.app-modern-theme .settings-panel .btn-switch,
body.app-modern-theme .settings-panel .btn-switch:hover {
    color: white;
}

body.app-modern-theme .settings-panel #nft .btn-switch,
body.app-modern-theme .settings-panel #mmb .btn-switch,
body.app-modern-theme .settings-panel #mlt .btn-switch,
body.app-modern-theme .settings-panel #pfc .btn-switch,
body.app-modern-theme .settings-panel #cbc .btn-switch,
body.app-modern-theme .settings-panel #tbc .btn-switch,
body.app-modern-theme .settings-panel #trc .btn-switch,
body.app-modern-theme .settings-panel #ttc .btn-switch,
body.app-modern-theme .settings-panel #mtv .btn-switch,
body.app-modern-theme .settings-panel #nmp .btn-switch,
body.app-modern-theme .settings-panel #nmno .btn-switch,
body.app-modern-theme .settings-panel #sldo .btn-switch,
body.app-modern-theme .settings-panel #mbf .btn-switch,
body.app-modern-theme .settings-panel #mpc .btn-switch,
body.app-modern-theme .settings-panel #mpi .btn-switch,
body.app-modern-theme .settings-panel #mhic .btn-switch,
body.app-modern-theme .settings-panel #mlph .btn-switch,
body.app-modern-theme .settings-panel #mnl .btn-switch,
body.app-modern-theme .settings-panel #mdn .btn-switch,
body.app-modern-theme .settings-panel .theme-colors ul li a,
body.app-modern-theme .settings-panel #skin-dark {
    pointer-events: none;
    filter: brightness(0.7);
}

.check-icon-container .icon:after,
.check-icon-container .icon-active:after,
.check-icon-container .icon-active-sign:after,
.check-icon-container .icon-exchange:after,
.check-icon-container .icon-eye-slash:after {
    top: -13px;
}