@import url("fonts.css");

body {
    font-family: IRANSans, iranyekan, Tahoma;
    font-size: .875rem;
}

a {
    color: inherit;
}

    a, a:hover, a:visited, a:focus {
        text-decoration: none;
    }

img, textarea {
    max-width: 100%;
}

h1, h2, h3, h4, h5, h6, .brand-text {
    font-family: iranyekan, IRANSans;
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.5rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.25rem;
}

h5 {
    font-size: 1rem;
}

h6 {
    font-size: 0.9rem;
}

input[type=checkbox] {
    cursor: pointer;
}

.btn, .form-control {
    font-size: inherit;
}

.ltr {
    direction: ltr !important;
}

.layout-fixed .main-sidebar {
    right: 0;
}

.layout-navbar-fixed .wrapper .content-wrapper {
    margin-top: calc(3rem + 2px);
}

.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link {
    height: calc(3rem + 2px);
}

.content-wrapper, .main-footer, .main-header {
    margin-left: 0px;
    margin-right: 250px;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

[class*=icheck-] > input:first-child:checked + input[type=hidden] + label::after,
[class*=icheck-] > input:first-child:checked + label::after {
    right: 15px;
    left: auto;
}

.nav-sidebar .nav-link > .right,
.nav-sidebar .nav-link > p > .right {
    left: 1rem;
    right: auto;
}

    .nav-sidebar .nav-link > .right:nth-child(2),
    .nav-sidebar .nav-link > p > .right:nth-child(2) {
        left: 2.2rem;
        right: auto;
    }

.small-box .icon > i {
    left: 15px;
    right: auto;
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
        margin-right: 4.6rem !important;
    }

    .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
        margin-left: 0 !important;
    }

    .sidebar-mini.sidebar-collapse .brand-text {
        margin-left: 0;
        -webkit-animation-name: none;
        animation-name: none;
        visibility: visible;
    }
}

@media (max-width: 767.98px) {
    .main-sidebar, .main-sidebar::before {
        box-shadow: none !important;
        margin-right: -250px;
    }

    .content-wrapper, .content-wrapper::before, .main-footer, .main-footer::before, .main-header, .main-header::before {
        margin-right: 0;
    }

    .sidebar-open .main-sidebar, .sidebar-open .main-sidebar::before {
        margin-right: 0;
    }
}


@media (min-width: 768px) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        transition: margin-right .3s ease-in-out;
        margin-left: 0;
    }

    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer {
        transition: margin-right .3s ease-in-out;
        margin-left: 0;
    }
}

/*
    Navbar
*/
.nav .nav-link {
    font-family: iranyekan, IRANSans, Tahoma;
    font-size: 9.5pt;
}

.main-header .nav-link {
    height: auto;
    color: #fff;
}

.navbar-white .nav-link, .navbar-white .brand-text {
    color: #404040;
}

.navbar-expand {
    justify-content: space-between;
}

.dropdown-menu[data-bs-popper] {
    font-size: inherit;
    right: auto;
}

.main-header.mr-0 .brand-link {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
/*
    Sidebar
*/

.sidebar {
    padding-right: 0;
    padding-left: 0;
}

.nav-sidebar > .nav-item .nav-icon.fa, .nav-sidebar > .nav-item .nav-icon.fab, .nav-sidebar > .nav-item .nav-icon.fad, .nav-sidebar > .nav-item .nav-icon.fal, .nav-sidebar > .nav-item .nav-icon.far, .nav-sidebar > .nav-item .nav-icon.fas, .nav-sidebar > .nav-item .nav-icon.ion, .nav-sidebar > .nav-item .nav-icon.svg-inline--fa {
    font-size: 1rem;
}

.sidebar-mini .main-sidebar .nav-link {
    width: auto;
}

.nav-sidebar .nav-treeview .nav-link {
    padding-right: 2rem;
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link {
    width: auto;
}

.brand-link {
    line-height: 1;
    padding: .9rem 1.5rem;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: transparent;
}

[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link.active {
    box-shadow: none;
}

.sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .nav-link {
    width: 250px;
}
/*
    Others
*/
.content-wrapper {
    background-color: #eee;
    padding: 1.5rem;
}

.breadcrumb {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}

.progress.thick-progress-bar {
    height: 1.5rem;
}

.btn-info, .btn-warning {
    color: #fff;
}

.form-switch .form-check-input {
    width: 2.5rem;
}

.form-switch .form-check-input {
    height: 1.25rem;
}

.form-switch .form-check-label {
    padding-right: 1.25rem;
    padding-top: .25rem;
    font-weight: bold;
}

.alert {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.alert-info {
    background-color: #cfe7fc;
}

.tab-content .tab-pane {
    border: 1px solid rgba(0,0,0,.125);
    border-top: none;
    background-color: #fff;
    padding: 1.5rem;
}

@media (min-width: 1200px) {
    .col-lg-3 .small-box h3, .col-md-3 .small-box h3, .col-xl-3 .small-box h3 {
        font-size: 1.5rem;
    }
}

.select2-container {
    width: 100% !important;
}