:root {
    --mainBgColor: #cc511e;
    --secondaryColor: #1a2053;
    --tertiaryColor: #dcd9d1;
}

.mainColor {
    color: var(--tertiaryColor);
}
/*BUTTONS*/
.btn-primary, .btn-primary:focus{
    background-color: var(--secondaryColor);
    border-color: unset;
}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {
    color: var(--mainBgColor);
    background-color: var(--tertiaryColor);
    border-color: var(--mainBgColor);
}
.btn-success, .btn-success:focus{
    background-color: var(--secondaryColor);
    border-color: unset;
}
.btn-success:hover, .btn-success:not(:disabled):not(.disabled):active {
    color: var(--mainBgColor);
    background-color: var(--tertiaryColor);
    border-color: var(--mainBgColor);
}
/*NAVBAR*/
.main-sidebar.top-navbar, .main-header.navbar {
    background-color: var(--mainBgColor);
    color: var(--tertiaryColor);
}

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

[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(--tertiaryColor);
    background-color: var(--secondaryColor);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
color: var(--tertiaryColor);
    background-color: var(--secondaryColor);

}

[class*=sidebar-dark-] .sidebar a {
    color: var(--tertiaryColor);
}
/*END NAVBAR*/
.page-item.active .page-link {
    color: #fff;
    background-color: var(--mainBgColor);
    border-color:var(--secondaryColor);
}
/****************LOGIN PAGE**********************/
.login-page {
    background-color: var(--tertiaryColor);
    background-position-y: center;
}
.login-box{
    background-color: var(--secondaryColor);
    width: 30vw;
}
.login-page .card {
    color: white;
    background-color: var(--secondaryColor);
    box-shadow: 0 0 10px 1px #0000008f;
}
.login-page .card-title{
    text-align: center;
    max-height: 200px;
}
.login-page .card-title img{
    max-height: 200px;
}
.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(--tertiaryColor);
}

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