.dark .btn{
    background: url("../../images/btn/bg2.jpg");
}
.dark {
    --color-second: #201f1e!important;
    --color-second-light: #22222266!important;
    --color-second-hover: #252524!important;
    --color-border: #494949 !important;
    --dark-100: var(--color-border);
    --dark-200: var(--color-border);
    --dark-300: var(--color-border);
    --dark-400: var(--color-border);
    --dark-500: var(--color-border);
    --dark-600: var(--color-border);
    --dark-700: var(--color-border);
    --dark-800: var(--color-border);
}
.box:is(.dark *){
    background: url("../../images/btn/bg2.jpg");
    box-sizing: border-box;
    border-radius: var(--border-radius);
    border: 1px solid var(--color-border);
    text-decoration: none;
}
.dark body, .dark\:bg-gray-800:is(.dark *), .offcanvas:is(.dark *) {
    border-color: var(--color-border)!important;
    background: var(--color-second)!important;
}
.dark .layout-menu .menu-inner-link, .layout-menu .menu-inner-button, .floating-button {
    background: url("../../images/btn/2.png")  no-repeat center!important;
    background-size: cover!important;
}
.dark .layout-menu .menu-inner-item._is-active>.menu-inner-link:is(.dark *), .layout-menu .menu-inner-item._is-active>.menu-inner-button:is(.dark *){
    background: url("../../images/btn/2.png")  no-repeat center;
    background-size: cover;
}
.dark .layout-wrapper .layout-menu>*:is(.dark *), .layout-wrapper .layout-menu-horizontal>*:is(.dark *), .layout-wrapper .layout-menu-mobile>*:is(.dark *) {
    gap: 10px !important;
    margin-top: 10px;
}
.dark .layout-wrapper{
    background: url("../../images/btn/bg.jpg?v=2") no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}
.dark .layout-page,.dark .box-donate, :is(.dark .bg-ava), .dark .modal-content{
    background-color: var(--color-second)!important;
    box-sizing: border-box;
    text-decoration: none;
}
.dark hr, hr.divider{
    border: 1px solid var(--color-border)!important;
}
.dark .layout-page{
    background: url("../../images/btn/bgf.jpg") no-repeat center;
    box-sizing: border-box;
    border-radius: var(--border-radius);
    border: 1px solid var(--color-border);
    text-decoration: none;
}
@media (max-width: 1023px) {
    .dark .layout-wrapper .layout-menu>*:is(.dark *), .layout-wrapper .layout-menu-horizontal>*:is(.dark *), .layout-wrapper .layout-menu-mobile>*:is(.dark *){
        margin-top: 0;
        background: url("../../images/btn/bgf.jpg") no-repeat center;
        box-sizing: border-box;
        border-radius: var(--border-radius);
        border: 1px solid var(--color-border);
        text-decoration: none;
    }
}
.dark .layout-menu .menu-inner-item._is-active>.menu-inner-link:is(.dark *),
.layout-menu .menu-inner-item._is-active>.menu-inner-button:is(.dark *){
    background: url("../../images/btn/2-hover.png") no-repeat center;
    background-size: cover;
}
.dark .layout-menu{
    padding-top: 0;
}
.dark tr, .dark .table-list thead > tr > td,.dark .table-list tbody > tr > td,
.btn:is(.dark *), .form-input:is(.dark *), .form-textarea:is(.dark *),
.form-select:is(.dark *), .form-multiselect:is(.dark *), .form-file-upload:is(.dark *),
.choices[data-type*=select-one] .choices__input, .alert:is(.dark *),
fieldset:is(.dark *), .dark .choices
{
    border: 1px solid var(--color-border)!important;
}
.form-group.form-group-expansion .expansion-wrapper:is(.dark *),.dark .form-switcher-toggler,.dark .accordion-content {
    border-color: var(--color-border)!important;
}
.form-group.form-group-expansion .expansion-wrapper:is(.dark *),.dark .form-switcher-toggler,
.choices .choices__list--dropdown:is(.dark *), .choices .choices__list[aria-expanded]:is(.dark *){
    border-color: var(--color-border)!important;
    background-color: var(--color-second)!important;
}
.modal-header:is(.dark *) {
    border-bottom: 1px solid var(--color-border)!important;
}
.form-switcher .peer:checked+.form-switcher-toggler:is(.dark *){
    background: #4c370e;
}
.dark .table-list, :is(.dark .bgs-ava:hover), .dark .modal {
    background: var(--color-second-light)!important;
}
:is(.dark .btn-start:hover) {
    background-color: var(--color-second-hover)!important;
}

.dark .report-card:nth-child(1){
    background: url("http://127.0.0.1:8000/assets/panel/images/btn/r1.jpg") center no-repeat!important;
    background-size: cover!important;
}

.dark .report-card:nth-child(2){
    background: url("http://127.0.0.1:8000/assets/panel/images/btn/r2.jpg") center no-repeat!important;
    background-size: cover!important;
}

.dark .report-card:nth-child(3){
    background: url("http://127.0.0.1:8000/assets/panel/images/btn/r3.jpg") center no-repeat!important;
    background-size: cover!important;
}