body{
    font-size:0.85rem;
    color:#363638;
}

.min-vh-80{
    min-height: 80vh;
}

.min-vh-65{
    min-height: 65vh;
}

.min-h-100{
    min-height:100%;
}
.h-60{
    height:60%;
}
.ml-auto{
    margin-left:auto;
}
.text-label-bold,.t-bold{
    font-weight: bold;
}
.text-18{
    font-size:18px;
}
.text-24{
    font-size: 24px;
}
.text-32{
    font-size: 32px;
}

.text-36{
    font-size: 36px;
}
.nav-item.active{
    background-color: #eaecf4;
    border-radius:8px;
}
.right{
    float:right;
}
.badge{
    border-radius:50%;
}
.no-wrap{
    white-space: nowrap;
}
table th{
    font-weight: bold !important;
    color: #131313 !important;
    /* 
    border-bottom:4px solid #d5d5d5 !important;
    background:#ededed !important;
     */
}

.datepicker td, .datepicker th {
    width: 40px !important;
    height: 40px !important;
}




/** Login */


/** Sidebar color */

.btn-bazma{
    background: linear-gradient(to bottom, #006600 0%, #009900 100%);
    color:#fff;
    font-size: 24px;
    font-weight: 900;
}
.bootstrap-select {
    border-radius: 10rem;
    border: 1px solid #d1d3e2 !important;
}
.sidebar-dark .nav-item .nav-link,.sidebar-dark .nav-item .nav-link i{
    color:#131313 !important;
}
.sidebar-dark .nav-item .nav-link[data-toggle="collapse"]::after{
    color:#181818;
}
#sidebarToggle{
    background-color: rgb(225 225 225) !important;
}
#sidebarToggle:after{
    color: rgb(103 98 98 / 50%) !important;
}
/*
.sidebar-dark .nav-item a:hover,.sidebar-dark .nav-item a:hover i {
    
    color:#0968e1 !important;
}
*/

.nav-link:hover{
    background-color: #eaecf4;
    border-radius:8px;
}
.sidebar .nav-item.active .nav-link,.sidebar .nav-item.active i{
    color:#641ee9 !important;
}
.sidebar .nav-item.active .nav-link[data-toggle="collapse"]::after{
    color:#641ee9 !important;
}
.sidebar-dark hr.sidebar-divider{
    border-top:1px solid rgb(30 30 30 / 10%);
}
.sidebar-dark .sidebar-brand{
color: #767676 !important;
}
.sidebar .nav-item .nav-link{
    padding:.5rem 1rem;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}
.collapse-item.active{
    background-color: #eaecf4;
    
} 
.table th, .table td {
    border: 0;
}
.logo-bazma{
    width: 96px;
}
.user-header{
    padding: 15px;
    margin: 0 15px;
    text-decoration: none;
    color: #131313;
    cursor: pointer;
}
.user-header:hover{
    color:#131313;
    text-decoration: none;
}
.user-header i {
   font-size:34px;
   margin:5px;
}
.sidebar-dark .sidebar-heading{
    color:#888888;
}

#content {
    background-color: #f8f9fc;
}
.page-loader-wrapper {
    z-index: 99999999;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    /* background: #f8f9fc; */
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
}

.preloader img {
    width: calc(50% - 30px);
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder,
::placeholder {
    /* color: #c8c8c9 !important; */
    opacity: 1;
    color: #fff !important;
}

.border-1{
    border:1px solid #ADADAD !important;
}

.f-right{
    float:right;
}

.mx-10{
    margin-left:10px;
    margin-right:10px;
}
.mx-5px{
    margin-left:5px;
    margin-right:5px;
}

.user-header.user-name{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.top-dashboard-link:hover{
    text-decoration:none;
}
.table-bar{
    background-color: #F4F4F4;
    padding:10px 4px;
}







@media (min-width: 768px){
    .sidebar {
        width: 16rem!important;
    }
    .sidebar li{
        margin:0 15px;
    }
    /** Login Page */
    .login-logo-bazma{
        height: 90px;
        margin:15px auto;
     
    }
    .sidebar.toggled {
        width: 8.5rem!important;
    }
   
    #accordionSidebar.navbar-nav:not(.toggled){
        height: 100vh !important;
        overflow-y: scroll;
        width: 20rem 9 !important;
    }
    #wrapper{
        height:100vh;
    }
}

@media (max-width: 768px){
    .login-logo-bazma{
        width:80%;
        margin:15px auto;
    }
}

@media (max-width: 480px){
    #navbar-title{
        display:none;
    }
    .badge-title{
        display: none !important;
    }
}