/*-------------------*/
/*------ GLOBAL ------*/
/*-------------------*/

body{
    font-family: 'Montserrat', sans-serif;
}

label{
    margin-bottom: 0;
}

label:not(.form-check-label):not(.custom-file-label){
    font-weight: 400;
}

/*-------------------*/
/*------ login ------*/
/*-------------------*/

.login-background{
    background-image: url("/img/background.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.login-logo b{
    color:white;
}

.login-box label{
    margin-bottom: 0;
}

.login-box .col-7{
    display: flex;
    align-items: center;
}

.login-card-body{
    color: white;
}

.login-card-body .input-group .input-group-text{
    background-color: white;
}

.login-box .card-footer a{
    color: white;
    font-style: italic;
}

/*---------------------*/
/*------ sidebar ------*/
/*---------------------*/

.main-sidebar{
    background-color: #153953;
}

[class*=sidebar-light] .brand-link, [class*=sidebar-light] .brand-link .pushmenu{
    color: white;
}

[class*=sidebar-light-] .sidebar a {
    color: #ffffff;
}

.brand-link:hover {
    color: #fff !important;
}


/*--------------------------*/
/*------ sidebar logo ------*/
/*--------------------------*/

.brand-image{
    opacity: inherit !important;
}

/*-----------------*/
/*------ btn ------*/
/*-----------------*/

button.btn.button-save{
    color: white;
}

i.fa-solid.fa-file-pen{
    color: #1c3953;
}

i.fa-solid.fa-trash{
    color: #c22222;
}

.btn-secondary{
    background: #1c3953;
    border-color: #1c3953;
}

.button-save{
    background: #1c3953;
    padding-right: 30px;
    padding-left: 30px;
    color: #fff;
    border-color: #1c3953;
}

.btn:hover {
    color: #1c3953;
}

.btn-secondary{
    background: #1c3953;
    border-color: #1c3953;
}

.btn-secondary:hover {
    color: #fff;
    background: #1c3953;
    border-color: #1c3953;
}

.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #F0F5FF;
    color: #1C3953;
}

a.nav-link.active:hover {
    background-color: #F0F5FF;
    color: #1C3953;
}

.nav-link:hover {
    background-color: #f0f0f0; 
    color: #1c3953;
}

li.nav-item:hover> a.nav-link{
    color: #fff !important;
    background: #1c3953;
}

li.nav-item:hover> a.nav-link.active {
    color: #1c3953 !important;
}

/*-----------------------------*/
/*------ content wrapper ------*/
/*-----------------------------*/

.content-wrapper {
    background-color: #eff5ff;
}

.preloader {
    background-color: #eff5ff;
}

.page-item.active .page-link {
    z-index: 3;
    color: #333333;
    background-color: #ffffff;
    border-color: #ffffff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 0.5em 0em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: #fff;
    border: 1px solid #fff;
}