/* ===========================================================
   HILASOFT LIGHT THEME
   Author : ChatGPT
   Version : 1.0
===========================================================*/

:root{

    --primary:#7357FF;
    --primary-hover:#5B3FE5;

    --sidebar:#2B3148;
    --sidebar-dark:#22283D;
    --sidebar-hover:#404A6A;

    --background:#F6F7FB;
    --surface:#FFFFFF;

    --border:#E8EAF2;

    --text:#2E3242;
    --text-light:#6B7280;

}


/*==================================================
BODY
==================================================*/

body,
.content-wrapper{

    background:var(--background);
    color:var(--text);

}


/*==================================================
NAVBAR
==================================================*/

.main-header{

    background:#FFFFFF;

    border-bottom:1px solid var(--border);

}



/*==================================================
SIDEBAR
==================================================*/

.main-sidebar{

    background:#242B42;

}

/* Brand */

.sidebar-dark-primary .brand-link{

    color:#FFF !important;
    border-bottom:1px solid rgba(255,255,255,.08);

}

/* آیتم‌های منو */

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link{

    color:#D7DEEF !important;

    margin:4px 10px;

    border-radius:10px;

    transition:all .25s ease;

}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link p{

    color:#D7DEEF !important;

}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link>.nav-icon{

    color:#AEB9D5 !important;

}

/* Hover */

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover{

    background:#353D58 !important;

    color:#FFFFFF !important;

}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover p,

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link:hover>.nav-icon{

    color:#FFFFFF !important;

}

/* Active */

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active{

    background:#7357FF !important;

    color:#FFFFFF !important;

    box-shadow:0 6px 16px rgba(115,87,255,.30);

}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active p,

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active>.nav-icon{

    color:#FFFFFF !important;

}

/* منوی باز شده */

.sidebar-dark-primary .nav-item.menu-open>.nav-link{

    background:#353D58 !important;

    color:#FFFFFF !important;

}

.sidebar-dark-primary .nav-item.menu-open>.nav-link p,

.sidebar-dark-primary .nav-item.menu-open>.nav-link>.nav-icon{

    color:#FFFFFF !important;

}

/* زیرمنو */

.sidebar-dark-primary .nav-treeview{

    padding-left:8px;

}

.sidebar-dark-primary .nav-treeview>.nav-item>.nav-link{

    color:#BFC9DF !important;

    border-radius:8px;

    margin:2px 10px;

}

.sidebar-dark-primary .nav-treeview>.nav-item>.nav-link>.nav-icon{

    color:#9EABC9 !important;

}

.sidebar-dark-primary .nav-treeview>.nav-item>.nav-link:hover{

    background:#353D58 !important;

    color:#FFFFFF !important;

}

.sidebar-dark-primary .nav-treeview>.nav-item>.nav-link:hover>.nav-icon{

    color:#FFFFFF !important;

}

.sidebar-dark-primary .nav-treeview>.nav-item>.nav-link.active{

    background:rgba(115,87,255,.18) !important;

    color:#FFFFFF !important;

}

.sidebar-dark-primary .nav-treeview>.nav-item>.nav-link.active>.nav-icon{

    color:#FFFFFF !important;

}

/* فلش باز و بسته شدن */

.sidebar-dark-primary .nav-sidebar .right{

    color:#AEB9D5 !important;

}

.sidebar-dark-primary .nav-link:hover .right,

.sidebar-dark-primary .nav-link.active .right,

.sidebar-dark-primary .menu-open>.nav-link .right{

    color:#FFFFFF !important;

}





/*==================================================
CARDS
==================================================*/

.card,
.info-box,
.small-box{

    background:var(--surface);

}


/*==================================================
BUTTONS
==================================================*/

.btn-primary{

    background:var(--primary);

    border-color:var(--primary);

}

.btn-primary:hover{

    background:var(--primary-hover);

    border-color:var(--primary-hover);

}


/*==================================================
FORM
==================================================*/

.form-control:focus{

    border-color:var(--primary);

    box-shadow:0 0 0 .15rem rgba(115,87,255,.15);

}


/*==================================================
TABLE
==================================================*/

.table thead{

    background:#F2F3F9;

}

.table-hover tbody tr:hover{

    background:#FAFBFE;

}


/*==================================================
LINKS
==================================================*/

a{

    color:var(--primary);

}

a:hover{

    color:var(--primary-hover);

}


/*==================================================
PAGINATION
==================================================*/

.page-item.active .page-link{

    background:var(--primary);

    border-color:var(--primary);

}


/*==================================================
BADGE
==================================================*/

.badge-primary{

    background:var(--primary);

}


/*==================================================
DROPDOWN
==================================================*/

.dropdown-item:hover{

    background:#F5F6FD;

}


/*==================================================
MODAL
==================================================*/

.modal-header{

    border-bottom:1px solid var(--border);

}

.modal-footer{

    border-top:1px solid var(--border);

}


/*==================================================
INPUT GROUP
==================================================*/

.input-group-text{

    background:#F8F9FD;

}


/*==================================================
BREADCRUMB
==================================================*/

.breadcrumb{

    background:#FFF;

}


/*==================================================
NAV PILLS
==================================================*/

.sidebar .nav-pills .nav-link {
    color:#fff;
}
.sidebar .nav-pills .nav-link.active{

    background:var(--primary);
}

.sidebar .nav-pills .nav-link:not(.active):hover{
    color:var(--primary);
}


/*==================================================
PROGRESS
==================================================*/

.progress-bar{

    background:var(--primary);

}


/*==================================================
CHECKBOX
==================================================*/

.custom-control-input:checked~.custom-control-label::before{

    background:var(--primary);

    border-color:var(--primary);

}