@font-face {
    font-family: "Vazir";
    src: url("../fonts/Vazir.eot");

    src: url("../fonts/Vazir.woff2") format("woff2"); 
    src: url("../fonts/Vazir.woff") format("woff"); 
    src: url("../fonts/Vazir.ttf") format("truetype"); 
}

body{
    font-family: "Vazir" !important;
}
/* utilities  */
.text-gray{
    color: #44494e !important;
}
.envelope{
    color: #6c757d !important;
}
.lh-0{
    line-height: 0;
}
.bg-purple{
    background-color: #dc68eb;
}
.dir-ltr{
    direction: ltr;
}
.btn-light-primary{
    background: #ebf3ff;
    color: #002152;
}
/* sidebar */
.sidebar{
    position: fixed;
    width: 250px;
    height: 100vh;
    background-color: white;
    transition: all 0.5s ease-out;
    overflow-y: hidden;
    z-index: 99;
}
/* scrollbar  */
::-webkit-scrollbar{
    width: 6px;
}
::-webkit-scrollbar-track{
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb{
    background: #aaa;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover{
    background: #555;
}
.sidebar:hover{
    overflow-y: auto;
}
.sidebar.inactive{
    margin-right: -250px;
}
.sidebar-item{
    margin-top: .5rem;
}
.sidebar-link{
    text-decoration: none;
    color: #25396f;
    padding: 0.7rem 1rem;
    display: flex;
    align-items: center;
    border-radius: 0.5rem;
    transition: all 0.5s ;
}
.sidebar-link:hover{
    background-color: #f0f1f5;
}
.sidebar-link i{
   color: grey;
}
.sidebar .sidebar-item.active .sidebar-link i{
    color: white;
}
.sidebar .sidebar-item.active .sidebar-link{
    background-color: #435ebe;
    color: white;
}
.sidebar .sidebar-item .sidebar-link{
    cursor: pointer;
}
.sidebar .submenu{
    list-style: none;
}
.sidebar .submenu .submenu-item a{
    padding: 0.7rem 1rem;
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    color: #25396f;
    transition: all 0.3s;
}
.sidebar .submenu .submenu-item:hover a{
    margin-right: 0.3rem;
}
.bi-chevron-down{
    font-size: 0.8rem;
}
/* main */
.main{
   background-color: rgb(219, 255, 255); 
   transition: all 0.5s ease-out;
}
.main.active{
   margin-right: 0;
}
.fs-6{
    font-size: 0.7rem;
}
.fs-8{
    font-size: 0.8rem;
}
.toggle-sidebar-icon{
    color: #364b98;
}
.main .profile::after{
    display: none;
}
/* override bootstrap class  */
.card{
    border: none !important;
    border-radius: 0.7rem;
}
.styles{
    padding: 1rem !important;
    border-bottom: none !important;
    background-color: white !important;
}
.card-header:first-child{
     border-radius: 0.7rem !important;
}

.main .content .stats-icon{
    width: 3rem;
    height: 3rem;
    border-radius: 0.5rem;
    background-color: #9adbf2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main .content .stats-icon2{
    background-color: #c891f7;
}
.main .content .stats-icon3{
    background-color: #91f7dc;
}
.main .content .stats-icon4{
    background-color: #e9e782;
}

/* charts  */
#chartdiv {
  width: 100%;
  height: 500px;
}

@media (min-width: 992px){
    .main {
        margin-right: 250px;
    }
}
[x-cloak]{
    display: none !important;
}