.sidebar {
    background-color: #024596;
}

.sidebar-header {
    background-color: #024596;
}

.sidebar .menu:not(.menu-bordery)>.menu-item.active>.menu-link {
    background-color: #80c0e0;
}

.btn-corporativo:hover {
    background-color: var(--black);
    color: var(--yellow);
}

.sidebar-header .logo-icon {
    flex-basis: 60px;
}

.logo-center {
    margin: 0 auto;
}

.sub-preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    display: -webkit-box;
    display: none;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    z-index: 2000;
    opacity: 0.4;
}

.hidden-answer-group, .hidden-question{
    display:none!important;
}

.btn-primary{
    background-color: #024596 !important;
    border-color: #024596;
}

.btn-primary:hover{
    background-color: rgba(2,69,150,0.7) !important;
    border-color: #024596 !important;
}

.bg-pacc{
    background-color: #024596 !important;
}

.bg-grey-pacc{
    background-color: #eaeaea;
}

.text-blue-pacc{
    color: #024596 !important;
}

.callout-warning {
    border-left-color: #024596;
    background-color: #eaeaea;
}

.custom-radio .custom-control-label::after{
    background-color: #024596;
}

.custom-checkbox .custom-control-label::after{
    color: #024596;
}

.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover{
    background-color: #024596;
    border-color: #024596;
}

.loader {
    position: fixed;
    z-index: 9999;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;

}


.loader div{
    position: fixed;
    border: 16px solid #f3f3f3;
    border-radius: 25%;
    border-top: 16px solid #024596;
    border-right: 16px solid #024596;
    border-bottom: 16px solid #024596;
    border-left: 16px solid #024596;
    width: 120px;
    height: 120px;
    -webkit-animation: rotation 2s infinite linear;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);

}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}

.sidebar-header .logo-icon {
    flex-basis: 100px;
}