:root {
    --mainRed: rgba(218, 13, 23, 0.56);
    --mainBgColor: #383737;
    --mainNavColor: #6e6259;
}

.mainColor {
    color: var(--mainNavColor);
}
.btn-primary {
    background: var(--mainBgColor);
 }
.btn-primary:hover {
     background: var(--mainNavColor);
}
.btn-primary:not(:disabled):not(.disabled):active{
    background: var(--mainBgColor);
}
.page-item.active .page-link {
    background: var(--mainBgColor);
}
.main-sidebar.top-navbar, .main-header.navbar {
    background-color: var(--mainBgColor);
    color: white;
}

.navbar-expand .navbar-nav .nav-link {
    color: white;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
    color: var(--mainBgColor);
    background-color: var(--mainNavColor);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {

    background-color: var(--mainNavColor);
    /*color: var(--mainBgColor);*/

}

[class*=sidebar-dark-] .sidebar a {
    color: white;
}

/****************LOGIN PAGE**********************/
.login-page{
    background: url("../assets/dist/BANNER-LOGO-BIANCO-300x57.png") no-repeat bottom;
    background-color: var(--mainBgColor);
    background-position-y: 25vh;
}
.login-page .card {
    box-shadow: 0 0 10px 1px #0000008f;
}

.login-page .form-control:focus {
    border-color: var(--mainBgColor);
}

.login-page .icheck-primary > input:first-child:checked + label::before {
    background-color: var(--mainBgColor);
    border-color: var(--mainBgColor);
}

.login-page .icheck-primary > input:first-child:not(:checked):not(:disabled):focus + label::before {
    border-color: var(--mainNavColor);
}

.login-page input.form-control {
    text-align: center;
    border-radius: 1.25rem;
}

.login-page .btn_main_red {
    background-color: var(--mainBgColor);
    color: white;
    border-radius: 1.25rem;
}

.icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before {
    border-color: var(--mainBgColor);
}

[class*=icheck-] > input:first-child + label::before {
    border-radius: 5px;
}
.paragraph-text{
    border: 1px solid var(--mainBgColor);
    border-radius: 0.5rem;
    padding: 0.5rem;
}