label {
    font-weight: 600 !important;
}

/*.title-page {
    width: 100%;
    background-color:  #5ec141 !important;
    text-align: center !important;
    font-size: large;
    font-weight: 600;
    
}*/

.title-page {
    width: 100%;
    background-image: linear-gradient(245deg, #AFD36B 0, #99CC59 16.67%, #85C54C 33.33%, #76C043 50%, #65B348 66.67%, #55A94B 83.33%, #3F9E4E 100%);
    text-align: center !important;
    font-size: large;
    font-weight: 700;
    padding: 2px;
    margin-bottom: 0.50em;
}


.footer {
/*    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;*/
    line-height: 40px !important;
}



.dlg-prim {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}


.dlg-sec {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8;
}


.dlg-ok {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.dlg-ok-title {
    color: #0f5132;
   /* background-color: #d1e7dd;*/
    /*border-color: #badbcc;*/
}

.dlg-err {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.dlg-war {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}

.dlg-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb;
}


.dlg-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf;
}


/*----------- footer-pos ----------------*/


.footer-pos {
    background-color: red;
}

@media (min-width: 640px) {
    .footer-pos {
        position: absolute;
        bottom: 0px;
    }
}

@media (min-width: 1000px) {

}





/*Configuracion del hegiht*/

@media (min-height: 576px) {

}



    /*Estilos param compornentes JQWidget*/

    @media (min-width: 576px) {
        jqx-menu {
            width: 50% !important;
        }
    }

    @media (min-width: 768px) {
        jqx-menu {
            width: 65% !important;
        }
    }

    @media (min-width: 992px) {
        jqx-menu {
            width: 65% !important;
        }
    }

    @media (min-width: 1200px) {
        jqx-menu {
            width: 80% !important;
        }
    }

    jqx-menu {
        font-size: 1.5em !important
    }

    jqx-menu-item-top {
        font-size: 1.5em !important
    }




/*
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
*/
.container-banner {
    height: 100%;
    width:100%;
    position: relative;
    background: red;
}

.centered-element-banner {
    width: 100%;
    position: absolute;
    top: 1%;
    left: 1%;
    /*transform: translate(-50%, -50%);*/
}


/*-------------------------------*/
.logo-excope {

}


@media only screen and (max-width: 1200px) {
    .logo-excope {
        width: 80vw;
        height: auto;
    }
}
@media only screen and (min-width: 1201px) {
    .logo-excope {
        height: 75vh;
        width: auto;
    }
}
/*
@media (min-height: 745px) {
    .logo-excope {
        height: auto;
        width: 80vw;
    }
}*/


.btn-icon-bar {
    color: var(--color-taboga-cafe-oscuro)
}



.btn-icon-bar-danger {
    color: darkred
}

.btn-icon-bar-ok {
    color: green
}

.btn-icon-bar-warning {
    color: orangered
}


.btn-icon-bar-cont {
    font-size: 1.75em
}


.nav-link-tab {
    text-decoration:  blink !important;
    color: darkblue;
}


/* MudBlazor *****************************************************************/
.mud-input.mud-input-filled {
    background-color: #F5F5F4 !important; /*rgba(0, 0, 0, .13);*/
}