.fondoMenuPrincipal1{
    background-color: #ffffff;
    border-radius: 20px 20px 0 0;
    position: relative;

}
.mt-3, .my-3{
    margin-top: 0rem !important;
    margin-bottom: -1rem !important;
}

@media (max-width: 600px) {
    .navbar-dark{
        display: 'none';
    }
}
.card-outline{
    border-top: 3px solid var(--brand-primary);
}
.breadcrumblink{
    color: #000000;
}
.textoColorDefault{
    color: var(--brand-primary);
}
.textoColorDefault.hover{
    color: var(--brand-primary);
}

.colorFondo{
    background-color: var(--brand-primary);
}
.colorFondoBoton{
    background-color: var(--brand-primary);
    color: #ffffff;
}
.colorFondoBoton:hover{
    background-color: var(--brand-primary);
    color: #ffffff;
}

.colorTextoDefault{
    color: var(--brand-primary);
    font-weight: bold;
}

.colorTextoDefault3{
    color: var(--brand-primary);
    font-size: 12px;
}

.colorTextoDefault4{
    color: var(--brand-accent);
    font-weight: bold;
}
.small-box-footer{
    color: #ffffff;
    background-color: var(--brand-primary);
}

.colorBoton{
    background-color: var(--brand-accent);
    color: #ffffff;
    font-weight: bold;
}
.colorBoton:hover{
    background-color: var(--brand-accent);
    color: #ffffff;
    font-weight: bold;
}

.colorTextoDefault2{
    color: #ffffff;
    font-weight: bold;
}

.required{
    color:#ff0000;
}
.textWhiteNormal{
    color: #ffffff;
}
.textWhiteBold{
    font-weight: bold;
    color: #ffffff;
}

body{
    font-family: 'Montserrat';
}

.user-panel img{
    width: 3.1rem;
    height: 3.1rem;
    border: 4px solid #ffffff;
}

.img-circle2{
    border-radius: 50%;
    width: 2.3rem;
    height: 2.3rem;
    border: 4px solid #ffffff;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background-color: transparent;
}

.nav {
    flex-wrap: nowrap;
}

.img-circle-icon{
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin-top: -5px;
    background-color: var(--brand-accent);
    color: #ffffff;
}
.img-center-icon{
    vertical-align:middle;
    margin-left: 8px;
    margin-top: 6px;
    width: 20px;
    height: 20px;
}

.img-circle-link{
    border-radius: 50%;
    width: 35px;
    height: 35px;
    background-color: var(--brand-accent);
    color: #ffffff;
}

.img-circle-link-active{
    border-radius: 50%;
    width: 35px;
    height: 35px;
    background-color: var(--brand-sidebar-highlight);
    color: #ffffff;
}

.sidebar{
    height: 100%;
    padding-left: 0;
    padding-right: 0;
}

.sidebar-custom {
    padding: 0.85rem .5rem;
    bottom:0;
    position:absolute;
    width:100%;
    color: #ffffff;
    font-size: 12px;
    background-color: var(--brand-primary);
}
@media screen and (max-width: 600px) {
    p.divItemMenu {
        font-size: 14px;
    }
}
.close{
    color: #fff0f0;
}
.close:hover{
    color:#ffffff;
}
.modal-header{
    background-color: var(--brand-primary);
    color:#ffffff;
}
.card-header{
    background-color: var(--brand-primary);
    color: #ffffff;
}
.colorFondoBloques{
    background-color: var(--brand-sidebar-highlight);
    color: #ffffff;
    width: 45px;
    height: 45px;
    float: left;
    border-radius: 5px 5px 5px 5px;
}
.colorFondoBloques>img{
    width: 20px;
    margin-top: 13px;
}
.colorBorder{
    border: 2px solid var(--brand-accent);
}
.colorBorder:focus{
    border: 2px solid var(--brand-accent);
}
.select2-container--bootstrap4 .select2-selection{
    border-color: var(--brand-accent);
    border:2px solid var(--brand-accent);
}
.select2-container--bootstrap4.select2-container--focus .select2-selection{
    border-color: var(--brand-accent);
}
.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"]{
    background-color: var(--brand-accent);
}
.page-link{
    background-color: var(--brand-accent);
    color: #ffffff;
}
.page-item.active .page-link{
    background-color: var(--brand-sidebar-highlight);
    border-color: var(--brand-sidebar-highlight);
}
.p-3{
    padding: 0 0 15px 0 !important;
}
.applyBtn, .btn> .btn-sm> .btn-primary{
    background-color: var(--brand-secondary);
}
.applyBtn, .btn> .btn-sm> .btn-primary:hover{
    background-color: var(--brand-secondary);
}
.cancelBtn, .btn> .btn-sm> .btn-default{
    background-color: var(--brand-secondary);
    border-color: var(--brand-secondary);
    color: #ffffff;
}
.cancelBtn, .btn> .btn-sm, .btn-default:hover{
    background-color: var(--brand-secondary);
    border-color: var(--brand-secondary);
    color: #ffffff;
}
.colorHeadCardOrange{
    background-color: var(--brand-accent);
    color: #ffffff;
}
.colorHeaderTbl{
    background-color: var(--brand-secondary);
    border-color: var(--brand-secondary);
    color: #ffffff;
}

.brand-nav-bg{
    background-color: var(--brand-primary);
}
.brand-sidebar-highlight-bg{
    background-color: var(--brand-sidebar-highlight);
}
.brand-text-primary{
    color: var(--brand-primary);
    font-weight: bold;
}
.brand-sidebar-brand-header{
    border-radius: 20px 0 0 0;
    background-color: var(--brand-primary);
}
.brand-icon-primary{
    color: var(--brand-secondary);
}
.brand-link-primary{
    color: var(--brand-primary);
}
.brand-label-primary{
    color: var(--brand-primary);
    font-weight: bold;
}
.brand-bg-primary{
    background-color: var(--brand-primary);
}
.brand-border-secondary{
    border: 1px solid var(--brand-secondary);
}
.card.brand-auth-accent-card{
    background-color: var(--brand-accent) !important;
    border-color: var(--brand-accent);
}
.brand-auth-icon-box{
    background-color: var(--brand-primary);
    cursor: pointer;
}
.brand-active-icon{
    color: var(--brand-accent);
}
.brand-btn-primary-dark{
    background-color: var(--brand-primary);
    color: #ffffff;
}
.brand-menu-item-block{
    border-bottom: 2px solid var(--brand-primary);
    vertical-align: middle;
}
.brand-menu-item-label{
    color: var(--brand-primary);
}
.brand-nav-icon{
    color: #fff0f0;
}
.brand-warning-icon{
    color: var(--brand-accent);
}

.btn-primary {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--brand-secondary);
    border-color: var(--brand-secondary);
}
.main-header.brand-nav-bg,
nav.brand-nav-bg {
    background-color: var(--brand-primary) !important;
}
.brand-card-accent-border {
    border-top: 3px solid var(--brand-accent);
}
.brand-accent-bg {
    background-color: var(--brand-accent);
}
.brand-accent-text {
    color: var(--brand-accent);
}
.brand-sidebar-highlight-header {
    background-color: var(--brand-sidebar-highlight);
}