/* Minification failed. Returning unminified contents.
(585,23): run-time error CSS1063: Expected calculation unit, found 'calc('
(585,23): run-time error CSS1064: Expected calculation product, found 'calc('
(585,23): run-time error CSS1019: Unexpected token, found 'calc('
(585,23): run-time error CSS1042: Expected function, found 'calc('
(585,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(730,23): run-time error CSS1063: Expected calculation unit, found 'calc('
(730,23): run-time error CSS1064: Expected calculation product, found 'calc('
(730,23): run-time error CSS1019: Unexpected token, found 'calc('
(730,23): run-time error CSS1042: Expected function, found 'calc('
(730,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
.content-busqueda {
    padding: 0px 100px;
    margin: 0 auto;
    max-width: 1300px;
    padding-bottom: 10px;
}
.content-busqueda .texto-bienvenida{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 15px;
}
.content-busqueda .titulo {
    font-weight: 300;
    font-size: 16px;
    padding: 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
}
.content-busqueda .cajas-busqueda {
    padding: 10px;
    border: 1px solid #ccc;
}
.content-busqueda .bandeja-descargas{
    background-color: #eaeaea;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 10px;
    min-height: 141px;
    font-size: 12px;
    height: auto;
    transition: height 0.6s ease-in-out;
    line-height:1.2;
}
.bandeja-descargas>.titulo{
    background-color: #2d2d2d;
    border-radius: 10px;
    color: #fff;
    padding: 2px 5px;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 5px;
}
.content-busqueda .resultado-busqueda {
    background-color: #eaeaea;
    border: 1px solid #ccc;
    margin-top: 15px;
    padding:10px;
}
.resultado-busqueda .division {
    position: relative;
    height: 40px;
}
.resultado-busqueda .division hr {
    position: absolute;
    left: -10px;
    width: calc((100%) - -20px);
    border-top: 1px solid #B12009;
}
.caja-informacion {
    background-color: #fff;
    border: 1px solid #ccc;
    width: calc((50%) - 5px);
    border-radius: 10px;
    padding: 15px;
    height:200px;
    margin-bottom: 10px;
}
#InformacionDisponible,
#Indicadores{
    margin: 0px 15px;
}

#InformacionDisponible .caja-informacion:nth-child(odd),
#Indicadores .caja-informacion:nth-child(odd) {
    margin-right: 5px;
}
#InformacionDisponible .caja-informacion:nth-child(even),
#Indicadores .caja-informacion:nth-child(even) {
    margin-left: 5px;
}
.caja-informacion>.titulo {
    background-color: #2d2d2d;
    border-radius: 10px;
    color: #fff;
    padding: 2px 10px;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 5px;
    display: inline-block;
    min-width: 180px;
    text-align: left;
}
.caja-informacion>.contenido {
    font-size: 12px;
}

.caja-informacion>.contenido>div {
    overflow-y: auto;
}
.caja-informacion>.contenido ul {
    list-style: disc;
    margin: 0px;
    margin-left: 20px;
    line-height: 1.1;
    height: 91px;
}
.caja-informacion>.contenido>div::-webkit-scrollbar{
    width: 12px;
}
.caja-informacion>.contenido>div::-webkit-scrollbar-track{
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
}
.caja-informacion>.contenido>div::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
#btnAgregarBandeja{
    background-color: #1bc7a0;
    border-color: #1bc7a0;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
}
.bandeja-descargas .item-descarga{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
}
.bandeja-descargas items .item-descarga:first-of-type{
    border-top: 0px;
}
.bandeja-descargas .item-descarga:last-of-type{
    border-bottom:0px;
}
.item-descarga>.title i{
    margin-right:3px;
}
.item-descarga>.title{
    font-size: 90%;
    margin: 7px 0px 3px;
}
.item-descarga>.title:nth-child(3){
    text-decoration: underline;
}
.item-descarga>ul>li{
    display:flex;
    align-items: baseline;
}
#btnConfirmar{
    margin: 0 auto;
    display: block;
    margin-top: 10px;
}

#mdFormularioDescarga .modal-body>div{
    padding: 0px 15px;
}
#mdFormularioDescarga .title {
    font-size: 25px;
    margin-bottom: 10px;
}
#mdFormularioDescarga .text {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.3;
}
#mdFormularioDescarga .cita {
    border: 1px solid #aaa;
    border-radius: 10px;
    padding: 10px;
    margin-top: 5px;
}
#mdFormularioDescarga .form-group {
    margin-bottom: 10px;
}
#mdFormularioDescarga .input-group{
    width: 95%;
    margin: 0 auto;
}
#mdFormularioDescarga .input-group-addon{
    width:43px;
}
/*
input:invalid {
    border: 1px solid red;
}
/* Estilo por defecto
input:valid {
    border: 1px solid green;
}
/* Estilo por defecto 
input:required:invalid {
    border: 1px solid red;
}
input:required:valid {
    border: 1px solid green;
}*/
/* ================================
   BASE DE DATOS - RESPONSIVE
   Debe cargar DESPUÉS de BaseDatos.css
================================ */

/* ================================
   BASE
================================ */

#BaseDatosView,
#BaseDatosView + .content-busqueda,
#BaseDatosView + .content-busqueda * {
    box-sizing: border-box;
}

    #BaseDatosView + .content-busqueda {
        width: 100%;
        max-width: 1300px;
    }

@media (max-width: 1024px) {
    #BaseDatosView.page-title {
        padding-left: 32px !important;
        padding-right: 32px !important;
        box-sizing: border-box !important;
    }

    #BaseDatosView + .content-busqueda {
        padding-left: 32px !important;
        padding-right: 32px !important;
        max-width: 100% !important;
    }

    #BaseDatosView #btnRegresar {
        margin-right: 0 !important;
    }
}

@media (max-width: 768px) {
    #BaseDatosView.page-title {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

        #BaseDatosView.page-title h1 {
            font-size: 28px !important;
            line-height: 1.15 !important;
        }

    #BaseDatosView #btnRegresar {
        float: none !important;
        display: inline-block !important;
        margin-top: 8px !important;
        margin-right: 0 !important;
        height: auto !important;
        min-height: 28px;
        padding: 5px 10px !important;
        line-height: 1.2 !important;
    }

    #BaseDatosView + .content-busqueda {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* ================================
   BASE DE DATOS - RESPONSIVE
   Debe cargar DESPUÉS de BaseDatos.css
================================ */

/* ================================
   BASE
================================ */

#BaseDatosView,
#BaseDatosView + .content-busqueda,
#BaseDatosView + .content-busqueda * {
    box-sizing: border-box;
}

    #BaseDatosView + .content-busqueda {
        width: 100%;
        max-width: 1300px;
    }

@media (max-width: 1024px) {
    #BaseDatosView.page-title {
        padding-left: 32px !important;
        padding-right: 32px !important;
        box-sizing: border-box !important;
    }

    #BaseDatosView + .content-busqueda {
        padding-left: 32px !important;
        padding-right: 32px !important;
        max-width: 100% !important;
    }

    #BaseDatosView #btnRegresar {
        margin-right: 0 !important;
    }
}

@media (max-width: 768px) {
    #BaseDatosView.page-title {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

        #BaseDatosView.page-title h1 {
            font-size: 28px !important;
            line-height: 1.15 !important;
        }

    #BaseDatosView #btnRegresar {
        float: none !important;
        display: inline-block !important;
        margin-top: 8px !important;
        margin-right: 0 !important;
        height: auto !important;
        min-height: 28px;
        padding: 5px 10px !important;
        line-height: 1.2 !important;
    }

    #BaseDatosView + .content-busqueda {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* ================================
   BASE DE DATOS - LAYOUT PRINCIPAL
================================ */

@media (max-width: 900px) {
    #BaseDatosView + .content-busqueda > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

        #BaseDatosView + .content-busqueda > .row > .col-xs-9,
        #BaseDatosView + .content-busqueda > .row > .col-xs-3,
        #BaseDatosView + .content-busqueda > .row > .col-xs-12 {
            float: none !important;
            width: 100% !important;
            max-width: 100% !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
            box-sizing: border-box !important;
        }

        #BaseDatosView + .content-busqueda > .row > .col-xs-3 {
            margin-top: 15px !important;
        }

    #BaseDatosView + .content-busqueda .bandeja-descargas {
        min-height: 0 !important;
        height: auto !important;
    }
}

/* ================================
   BASE DE DATOS - FORMULARIO DE BÚSQUEDA
================================ */

@media (max-width: 768px) {
    #BaseDatosView + .content-busqueda .form-group.row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #BaseDatosView + .content-busqueda .form-group [class*="col-md-"],
    #BaseDatosView + .content-busqueda .form-group [class*="col-xs-"] {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    #BaseDatosView + .content-busqueda .form-group label,
    #BaseDatosView + .content-busqueda .form-group .label {
        display: block !important;
        width: 100% !important;
        margin-top: 8px !important;
        margin-bottom: 4px !important;
        text-align: left !important;
        white-space: normal !important;
    }

    #BaseDatosView + .content-busqueda .selection.ui.dropdown,
    #BaseDatosView + .content-busqueda select,
    #BaseDatosView + .content-busqueda input,
    #BaseDatosView + .content-busqueda .form-control {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

        #BaseDatosView + .content-busqueda .selection.ui.dropdown .text {
            max-width: calc(100% - 28px) !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            white-space: nowrap !important;
        }

        #BaseDatosView + .content-busqueda .selection.ui.dropdown .menu {
            max-width: 100% !important;
            min-width: 100% !important;
            box-sizing: border-box !important;
        }

            #BaseDatosView + .content-busqueda .selection.ui.dropdown .menu .item {
                white-space: normal !important;
                line-height: 1.25 !important;
            }
}
/* ================================
   BASE DE DATOS - RESULTADOS
================================ */

#BaseDatosView + .content-busqueda .resultado-busqueda {
    box-sizing: border-box !important;
}

    #BaseDatosView + .content-busqueda .resultado-busqueda .division {
        height: 32px !important;
    }

        #BaseDatosView + .content-busqueda .resultado-busqueda .division hr {
            left: 0 !important;
            width: 100% !important;
        }

#InformacionDisponible,
#Indicadores {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#InformacionDisponible,
#Indicadores {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

    #InformacionDisponible .caja-informacion,
    #Indicadores .caja-informacion {
        float: none !important;
        width: calc(50% - 5px) !important;
        margin: 0 0 10px 0 !important;
        height: auto !important;
        min-height: 200px;
        box-sizing: border-box !important;
    }

        #InformacionDisponible .caja-informacion:nth-child(odd),
        #InformacionDisponible .caja-informacion:nth-child(even),
        #Indicadores .caja-informacion:nth-child(odd),
        #Indicadores .caja-informacion:nth-child(even) {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

.caja-informacion > .titulo {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-sizing: border-box !important;
}

.caja-informacion > .contenido {
    line-height: 1.25 !important;
}

    .caja-informacion > .contenido ul {
        height: auto !important;
        max-height: 110px !important;
        overflow-y: auto !important;
        box-sizing: border-box !important;
    }

@media (max-width: 768px) {
    #InformacionDisponible,
    #Indicadores {
        display: block !important;
    }

        #InformacionDisponible .caja-informacion,
        #Indicadores .caja-informacion {
            width: 100% !important;
            height: auto !important;
            min-height: 0 !important;
            padding: 12px !important;
            margin-bottom: 10px !important;
        }

    .caja-informacion > .titulo {
        display: block !important;
        min-width: 0 !important;
        width: 100% !important;
        font-size: 12px !important;
        text-align: center !important;
    }

    .caja-informacion > .contenido {
        font-size: 12px !important;
    }

        .caja-informacion > .contenido ul {
            margin-left: 18px !important;
            max-height: none !important;
        }
}

/* ================================
   BASE DE DATOS - BANDEJA DESCARGAS
================================ */

.bandeja-descargas {
    overflow-wrap: anywhere !important;
}

    .bandeja-descargas > .titulo {
        line-height: 1.25 !important;
    }

    .bandeja-descargas .mensaje {
        text-align: center !important;
        line-height: 1.3 !important;
    }

    .bandeja-descargas .item-descarga {
        padding: 6px 0 !important;
        box-sizing: border-box !important;
    }

.item-descarga > .title {
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
}

.item-descarga > ul {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

    .item-descarga > ul > li {
        display: flex !important;
        align-items: flex-start !important;
        gap: 4px !important;
        line-height: 1.25 !important;
        overflow-wrap: anywhere !important;
    }

#btnAgregarBandeja,
#btnConfirmar {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 30px;
    padding: 6px 10px !important;
    white-space: normal !important;
    line-height: 1.2 !important;
}

@media (max-width: 900px) {
    .bandeja-descargas {
        margin-top: 0 !important;
    }
}


/* ================================
   BASE DE DATOS - MODAL FORMULARIO
================================ */

#mdFormularioDescarga .modal-dialog {
    width: min(800px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 20px auto !important;
    box-sizing: border-box !important;
}

#mdFormularioDescarga .modal-content {
    max-height: calc(100vh - 40px) !important;
    overflow: auto !important;
    box-sizing: border-box !important;
}

#mdFormularioDescarga .modal-body {
    max-height: calc(100vh - 80px) !important;
    padding: 18px 12px !important;
    overflow: auto !important;
    box-sizing: border-box !important;
}

    #mdFormularioDescarga .modal-body > div {
        padding: 0 12px !important;
        box-sizing: border-box !important;
    }

#mdFormularioDescarga .title {
    font-size: 22px !important;
    line-height: 1.2 !important;
}

#mdFormularioDescarga .text {
    font-size: 12px !important;
    line-height: 1.35 !important;
}

#mdFormularioDescarga .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

    #mdFormularioDescarga .form-group [class*="col-xs-"],
    #mdFormularioDescarga .form-group [class*="col-sm-"],
    #mdFormularioDescarga .form-group [class*="col-md-"] {
        box-sizing: border-box !important;
    }

#mdFormularioDescarga .input-group {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 8px !important;
    box-sizing: border-box !important;
}

#mdFormularioDescarga .input-group-addon {
    width: 43px !important;
}

#mdFormularioDescarga input,
#mdFormularioDescarga select,
#mdFormularioDescarga textarea,
#mdFormularioDescarga .form-control {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#mdFormularioDescarga .cita {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
}

#mdFormularioDescarga .checkbox-inline {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 22px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

#mdFormularioDescarga #CaptchaImage {
    max-width: 100% !important;
    height: auto !important;
}

#CaptchaInputText {
    max-width: 220px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#btnEnviar {
    height: auto !important;
    min-height: 34px;
    padding: 7px 14px !important;
    line-height: 1.2 !important;
}

@media (max-width: 768px) {
    #mdFormularioDescarga .form-group [class*="col-xs-"],
    #mdFormularioDescarga .form-group [class*="col-sm-"],
    #mdFormularioDescarga .form-group [class*="col-md-"] {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #mdFormularioDescarga .title {
        font-size: 18px !important;
    }

    #mdFormularioDescarga .modal-body > div {
        padding: 0 !important;
    }
}

@media (max-width: 420px) {
    #mdFormularioDescarga .modal-dialog {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        margin: 10px auto !important;
    }

    #mdFormularioDescarga .modal-body {
        padding: 12px 8px !important;
    }

    #mdFormularioDescarga .text {
        font-size: 11px !important;
    }
}

/* ================================
   BASE DE DATOS - MODAL VIDEO
================================ */

#mdVideoInstructivo .modal-dialog {
    width: min(750px, calc(100vw - 32px)) !important;
    max-width: calc(100vw - 32px) !important;
    margin: 20px auto !important;
    box-sizing: border-box !important;
}

#mdVideoInstructivo .modal-content,
#mdVideoInstructivo .modal-body {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#mdVideoInstructivo .modal-body {
    padding: 10px !important;
    overflow: auto !important;
}

#mdVideoInstructivo video,
#mdVideoInstructivo #reproductor {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: calc(100vh - 120px) !important;
    display: block !important;
    box-sizing: border-box !important;
}

@media (max-width: 600px) {
    #mdVideoInstructivo .modal-dialog {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
        margin: 10px auto !important;
    }

    #mdVideoInstructivo .modal-body {
        padding: 8px !important;
    }
}

/* ================================
   BASE DE DATOS - ANTIDESBORDE
================================ */

#BaseDatosView + .content-busqueda img,
#BaseDatosView + .content-busqueda video {
    max-width: 100%;
}

@media (max-width: 768px) {
    #BaseDatosView + .content-busqueda {
        overflow-x: hidden !important;
    }

        #BaseDatosView + .content-busqueda .row {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }
}
