.barra {
    /*background: #dbdbdb;*/
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background: #123aa7;
    margin-bottom: 0;
    background-size: 1px 100%;
    border-radius: 0 !important;
    top: 0px;
    left: 0px;
}

.yell {
    margin-top: 0;
    border-top: 3px solid #fff;
    min-height: 300px;
    background: #dbdbdb repeat-x; /* Old browsers */
    background: -moz-linear-gradient(top, #dbdbdb 1%, #ffffff 100%) repeat-x; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dbdbdb), color-stop(100%,#ffffff)) repeat-x; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #dbdbdb 1%,#ffffff 100%) repeat-x; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #dbdbdb 1%,#ffffff 100%) repeat-x; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #dbdbdb 1%,#ffffff 100%) repeat-x; /* IE10+ */
    background: linear-gradient(to bottom, #dbdbdb 1%,#ffffff 100%) repeat-x; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 ) repeat-x; /* IE6-9 */

    background-size: 10px 100px;
}
/* centered columns styles */
.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

.flot {
    margin-top: 10px;
}

.content-login {
    background: #fefefe;
    border: thin solid #EEEEEE;
    border-radius: 5px;
    padding-bottom: 10px;
}

.but {
    min-width: 100px;
}

.carousel {
    min-height: 200px;
}

.slid {
    width: 100% !important;
    height: 100% !important;
}

.navbar-brand {
    color: #fff !important;
}

h1 {
    color: #333;
}

.carousel {
    background-color: #fff !important;
}

.cabecera {
    background: #6F9F0E !important;
    text-decoration: none !important;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    border-radius: 0;
    border: 0;
    border-right: thin solid #CCCCCC !important;
}

#cabecera1 {
    background: #ED711B !important;
    text-decoration: none !important;
    color: #FFF !important;
    font-size: 4em !important;
    height: 80px;
    text-align: left;
    border-radius: 0;
    border: 0;
    border-right: thin solid #CCCCCC !important;
}

.cabecera:hover {
    color: #FFF;
}

.alinear {
    text-align: center;
}

.fila1 {
    background: #333 !important;
    text-decoration: none !important;
    color: #FFF;
    font-weight: bold;
    text-align: center;
}

    .fila1:hover {
        color: #FFF;
    }

.label1 {
    display: block;
    width: 99%;
    border-bottom: 1px solid #333;
    margin: 7px;
}

    .label1 span {
        display: block;
        width: 200px;
        padding: 12px;
        color: #FFF;
        background: #333;
        border-radius: 5px 5px 0px 0px;
    }

.btngrid {
    padding: 5px;
    border-radius: 3px;
}

.rell {
    color: #F0F0F0;
}

.caja {
    border-radius: 3px;
    border: solid 1px #828385;
    padding: 15px;
    background: #e9e9e9;
    margin:2px;
}
.caja a {
    text-decoration: none !important;
}

.cell {
    padding: 5px;
}

.tmax {
    width: 100%;
    margin: 20px 0px;
    padding-bottom: 20px;
}

.borde {
    border: thin solid #dbdbdb;
}


.nameInst {
    display: block;
    width: 100%;
    font-size: 10px !important;
}


.unico {
    display: block;
    margin-top: 0 !important;
}

.nav > li > a {
    color: #FFF !important;
}

    .nav > li > a:hover {
        color: #333 !important;
        border-radius: 3px;
        border-bottom: 1px solid #333;
    }


.mder {
    float: right !important;
}


.mimenu {
    float: right !important;
}

    .mimenu ul {
        float: right !important;
    }

@media print {
    .barra {
        background: #004499;
        margin-bottom: 0;
        background-size: 1px 100%;
        border-radius: 0 !important;
        border: 0;
    }

    .yell {
        margin-top: 0;
        border-top: 3px solid #fff;
        min-height: 300px;
        background: #dbdbdb repeat-x; /* Old browsers */
        background: -moz-linear-gradient(top, #dbdbdb 1%, #ffffff 100%) repeat-x; /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#dbdbdb), color-stop(100%,#ffffff)) repeat-x; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #dbdbdb 1%,#ffffff 100%) repeat-x; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #dbdbdb 1%,#ffffff 100%) repeat-x; /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #dbdbdb 1%,#ffffff 100%) repeat-x; /* IE10+ */
        background: linear-gradient(to bottom, #dbdbdb 1%,#ffffff 100%) repeat-x; /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 ) repeat-x; /* IE6-9 */

        background-size: 10px 100px;
    }
    /* centered columns styles */
    .row-centered {
        text-align: center;
    }

    .col-centered {
        display: inline-block;
        float: none;
        /* reset the text-align */
        text-align: left;
        /* inline-block space fix */
        margin-right: -4px;
    }

    .flot {
        margin-top: 10px;
    }

    .content-login {
        background: #fefefe;
        border: thin solid #EEEEEE;
        border-radius: 5px;
        padding-bottom: 10px;
    }

    .but {
        min-width: 100px;
    }

    .carousel {
        min-height: 200px;
    }

    .slid {
        width: 100% !important;
        height: 100% !important;
    }

    .navbar-brand {
        color: #256698 !important;
    }

    h1 {
        color: #333;
    }

    .carousel {
        background-color: #fff !important;
    }

    .cabecera {
        background: #6F9F0E !important;
        text-decoration: none !important;
        color: #FFF;
        font-weight: bold;
        text-align: center;
        border-radius: 0;
        border: 0;
        border-right: thin solid #CCCCCC !important;
    }

    #cabecera1 {
        background: #ED711B !important;
        text-decoration: none !important;
        color: #FFF;
        font-size: 2em;
        font-weight: bold;
        text-align: left;
        border-radius: 0;
        border: 0;
        border-right: thin solid #CCCCCC !important;
    }

    .cabecera:hover {
        color: #FFF;
    }

    .alinear {
        text-align: center;
    }

    .fila1 {
        background: #333 !important;
        text-decoration: none !important;
        color: #FFF;
        font-weight: bold;
        text-align: center;
    }

        .fila1:hover {
            color: #FFF;
        }

    .label1 {
        display: block;
        width: 99%;
        border-bottom: 1px solid #333;
        margin: 7px;
    }

        .label1 span {
            display: block;
            width: 200px;
            padding: 12px;
            color: #FFF;
            background: #333;
            border-radius: 5px 5px 0px 0px;
        }

    .btngrid {
        padding: 1px;
        border-radius: 3px;
    }

    .rell {
        color: #F0F0F0;
    }

    .caja {
        background: #f0f0f0;
        border-radius: 3px;
    }

    .cell {
        padding: 5px;
    }

    .tmax {
        width: 100%;
        margin: 20px 0px;
        padding-bottom: 20px;
    }

    .borde {
        border: thin solid #dbdbdb;
    }


    .nameInst {
        display: block;
        width: 100%;
        font-size: 10px !important;
    }


    .unico {
        display: block;
        margin-top: 0 !important;
    }

    .nav > li > a {
        color: #FFF !important;
    }
}


/*new elements*/


@media print {
    .box-red, .box-green {
        display: block;
        width: 20px;
        height: 20px;
        background: #cb0202;
        border-radius: 10px;
        margin: 0 auto;
    }



    .box-green {
        background: #6F9F0E !important;
    }
}

.box-red, .box-green {
    display: block;
    width: 20px;
    height: 20px;
    background: #cb0202;
    border-radius: 10px;
    margin: 0 auto;
}

.lblMenu {
    font-family: 'Trebuchet MS';
    font-size-adjust: inherit;
    font-size: 100%;
    text-align: justify;   
    margin: 5%;
    color: #a1a0a0;
}

.box-green {
    background: #6F9F0E !important;
}

.opcion {
    font-size: xx-small;
}

.progress {
    text-align: center !important;
    background: transparent !important;
    height: 200px !important;
    border: none !important;
}

.MenuFac {
    text-align: center !important;
    font-family: 'Trebuchet MS';
    background: #CCCCCC;
    color: #fcf9f9 !important;
    font-size: 1.5em !important;
}

.blue {
    display: block !important;
    font-size: medium;
    text-align: left !important;
    background: #6c686814 !important;
    text-decoration: none !important;
    color: #123aa7;
}

    .blue:hover {
        background: rgba(0,0,0,0);
        color: #CCCCCC !important;
        /*box-shadow: inset 0 0 0 3px #6da2e5;*/
    }

.TextCaja {
    font-size: small !important;
    font-family: 'Trebuchet MS' !important;
}

.Grid {
    font-size: 1.5em !important;
    font-family: 'Trebuchet MS' !important;
}

.accordion-toggle {
    display: block;
    border-radius: 5px 5px 0px 0px;
    padding: 10px 8px;
    background: #004499 !important;
    color: #FFF !important;
    font-weight: bold;
    border: thin solid #d7d7d7;
}
.accordion-toggle a{
    text-decoration:none;
}

.multiselect {
    width: 100% !important;
    min-height: 38px;
    padding: 8px;
    border-radius: 4px;
    border: 1px solid #ced4da;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: none;
}

/* Estilo del contenedor desplegable */
.multiselect-container {
    max-height: 250px;
    overflow-y: auto;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

    /* Ajustar el cuadro de búsqueda */
    .multiselect-container .input-group {
        margin-bottom: 10px;
        padding: 5px;
    }

.multiselect-search {
    width: 100%;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

/* Ajuste del ícono de búsqueda */
.input-group-text {
    background-color: transparent;
    border: none;
}

.dropdown-toggle::after {
    margin-left: 8px;
}