html.dark .panel-body tbody tr:nth-child(2n),
html.dark .panel-body thead tr,
html.dark .panel-body tbody tr:hover,
html.dark .panel-body tbody tr:nth-child(2n):hover {
    background: unset;
}

html.dark input:-webkit-autofill,
html.dark input:-webkit-autofill:hover,
html.dark input:-webkit-autofill:focus,
html.dark input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px rgb(5 17 57 / var(--tw-bg-opacity)) inset !important;
    -webkit-text-fill-color: white !important;
}

html.dark input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

html.dark .panel-body th {
    color: unset;
}

html.dark .select-group select,
html.dark .search-input:focus {
    color: unset;
    background: unset;
}

html.dark select option {
    background-color: rgb(17 28 68 / var(--tw-bg-opacity));
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

button:focus {
    outline: unset;
}

.div_drag {
    overflow: hidden;
}

.dark .custom_dark.dark\:bg-slate-850 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(17 28 68 / var(--tw-bg-opacity)) !important;
    color: #fff;
}

.ar_font {
    font-family: MyWebFont;
}

.lang_ar * {
    font-family: MyWebFont;
}

.ni {
    font: normal normal normal 14px/1 NucleoIcons;
}

.no_search input.choices__input.choices__input--cloned {
    display: none;
}

.dropzone {
    min-height: 150px;
    background: #fff;
    padding: 20px;
}

.lang_ar .choices[data-type*=select-one]:after {
    right: unset;
    left: 15px;
}

ul.select2-results__options {
    display: initial;
}

.lang_ar .checked\:after\:translate-x-5\.3:checked::after {
    transform: translateX(-20px);
}

.lang_ar .panel-body td,
.lang_ar .panel-body th {
    text-align: right;
}

.dark .text-gray_color {
    color: #fff;
}

.dark .dark\:hover\:bg-gray-600 {
    --tw-border-opacity: 1;
    background-color: rgb(55 65 81/var(--tw-border-opacity));
}

.dark .dark\:hover\:text-white {
    color: white;
}

.dark .dark\:bg-transparent {
    background-color: transparent;
}

.dark .accordion-button:after {
    filter: invert(1);
}

.dark .accordion-button:not(.collapsed) {
    background: transparent;
}

.accordion-button:not(.collapsed) {
    color: var(--primary-color) !important;
    box-shadow: none !important;
}

.dark .dark\:active {
    color: var(--root-blue-color);
    font-weight: 900;
}

.dark .dark\:bg-slate-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(52 71 103 / var(--tw-bg-opacity));
}

.drak .dark\:bg-blue_color {
    --tw-bg-opacity: 1;
    background-color: rgb(92 175 255 / var(--tw-bg-opacity));
}

.lang_ar .accordion-button:after {
    margin-left: unset;
    margin-right: auto;
}

.lang_ar .notification_li .flex.py-1 {
    flex-direction: row-reverse;
}

/* .my-accordion-button:not(.collapsed) .fa-chevron-right {
    transform: rotateZ(90deg);
} */

/* .accordion-button:not(.collapsed) .fa-chevron-right {
    transform: rotateZ(90deg);
} */

.collapse.show {
    visibility: visible;
}

.dark .swal2-container.swal2-center.swal2-backdrop-show .swal2-popup .swal2-icon .swal2-success-circular-line-left,
.dark .swal2-popup.swal2-toast .swal2-success .swal2-success-fix,
.dark .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    background-color: transparent !important;
}

.swal2-container.swal2-center.swal2-backdrop-show button {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    box-shadow: none !important;
}

.dark .swal2-container.swal2-center.swal2-backdrop-show .swal2-popup {
    background-color: rgb(17 28 68 / 1) !important;
}

.dark .swal2-icon .swal2-success .swal2-icon-show {
    background-color: rgb(17 28 68 / 1) !important;
}

.dark .swal2-title {
    color: #fff !important;
}

.dark .swal2-success-fix {
    display: none !important;
}

.magnifier {
    position: relative;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    display: flex;
}

.magnifier img {
    position: relative;
    display: inline-block;
    width: 60%;
    height: auto;
}


[dir="rtl"] .back-to-top {
    position: fixed;
    bottom: 30px;
    right: 75px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 9999;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

[dir="ltr"] .back-to-top {
    position: fixed;
    bottom: 30px;
    right: 12px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    z-index: 9999;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    background-color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.back-to-top svg{
    color: #fff;
    width: 20px;
    height: 20px;
    padding-left: 1px;
}
.back-to-top:hover {
    opacity: 0.7;
}

.DisableDemo {
    background-color: #777 !important;
}
.DisableLinkDemo {
    color: lightgrey;
    position: relative;
}
.DisableDemo::after , .DisableLinkDemo::after  {
    content: "this feature is disabled in Test Mode.";
    position: absolute;
    background: darkgray;
    width: 200px;
    left: -90px;
    bottom: -50px;
    transition-duration: 1s;
    opacity: 0;
    border-radius: 5px;
    z-index: 0;

}

.DisableLinkDemo::after {
    display: none;
    padding: 8px;
    left: 0;
    bottom: -55px;
    color: white;
}
.DisableDemo:hover::after , .DisableLinkDemo:hover::after {
    opacity: 1;
    z-index: 9999;
    display: block;
}