@import url("fonts.css");

/* 
    General
*/
body {
    font-family: iranyekan, IRANSans, Tahoma;
    font-size: 9pt;
}

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.75rem;
}

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;
}

.font-iranyekan {
    font-family: iranyekan;
}

.font-en {
    font-family: Calibri, 'Times New Roman';
}
/* 
    Theme - RTL
*/
* {
    direction: rtl !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;
    }
}

/* 
    Sidebar
*/
.navbar-lightblue + .main-sidebar .brand-link {
    /*border-bottom: 2px solid #3c8dbc;*/
    background-color: #3c8dbc;
    color: #fff;
}

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

.sidebar-grey {
    background-color: #f5f5f5;
    /*border-left: 1px solid #e3e3e3;*/
}

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

.nav-sidebar .nav-treeview {
    background-color: #e4e4e4;
}

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

    .nav-sidebar .nav-link, .nav-sidebar .nav-treeview .nav-link {
        color: #6c757d;
    }

.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;
}
/*
    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;
}

/*
    Others
*/
.content-wrapper {
    background-color: #eee; /* #f4f7fc;*/
    padding: 1.5rem;
}

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

.modal-header .close {
    margin-right: auto;
    margin-left: -1rem;
}

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

.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 0;
}

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

.form-control {
    height: calc(2rem + 2px);
}

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


.badge-light {
    color: #1f2d3d !important;
    background-color: #f0f0f0;
}

.bg-light {
    background-color: #f0f0f0 !important;
}

.bg-gray-light {
    background-color: #b0b0b0 !important;
}

.bg-green-light {
    background-color: #BEE6B3;
}

.bg-green-light2 {
    background-color: #BBDAB2;
}

.form-control.narrow {
    height: calc(1.5rem + 2px);
}

.dropdown-menu {
    font-size: inherit;
}

.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.form-check-label {
    cursor: pointer;
}