:root {
    --mainRed: rgba(218, 13, 23, 0.56);
    --mainBgColor: #1B9AAA;
    --mainNavColor: #106270;
}

.mainColor {
    color: var(--mainNavColor);
}

.main-sidebar.top-navbar, .main-header.navbar {
    background-color: var(--mainBgColor);
    color: var(--mainNavColor);
}

.navbar-expand .navbar-nav .nav-link {
    color: var(--mainNavColor);
}

[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("https://www.museorambotti.it/images/museo_rambotti/logo.png") no-repeat bottom;
    background-position-y: center;
}
.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;
}
