/********************************************************************************************/
/********************************Estandarización de controles********************************/
/********************************************************************************************/
a {
    color: #606060;
    margin-left: 1vw;
}

body {
    margin: 0;
    overflow: hidden;
    font-size: 0.85vw;
    background-color: #dddddd;
    font-family: -apple-system, 'Times New Roman';
}

label {
    color: #606060;
    margin-bottom: 0.25vw;
}

table {
    width: 100%;
    font-size: 100%;
}

input[type=radio] {
    height: 1vw;
    margin-right: 0.5vw;
    vertical-align: text-bottom;
}

input[type=submit], input[type=button] {
    width: 10vw;
    color: white;
    border: none;
    font-size: 90%;
    padding: 0.25vw 2vw;
    border-radius: 0.15vw;
    -webkit-appearance: none;
    background-color: #2196f3;
}

    input[type=submit]:hover, input[type=button]:hover {
        background-color: #7ac0f8;
    }

input[type=text], input[type=password], input[type=date], input[type=number], input[type=month], select, textarea {
    color: #2196f3;
    font-size: 90%;
    padding: 0.25vW;
    border-radius: 0.15vw;
    text-transform: uppercase;
    font-family: 'Chaparral Pro';
    border: 2px solid transparent;
}

.divFileUpload {
    position: relative;
    display: inline-block;
}

    .divFileUpload input[type=file] {
        opacity: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }

        .divFileUpload input[type=file]:hover ~ input[type=submit] {
            background-color: #7ac0f8;
        }
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/



/********************************************************************************************/
/************************************Contenedor primario*************************************/
/********************************************************************************************/
.divLevel_0 {
    padding: 0 0.5vw;
    margin-bottom: 1vw;
    border-radius: 0.5vw;
    background-color: #eaeaea;
}

    .divLevel_0 td {
        padding: 0.5vw;
    }

    .divLevel_0 thead td {
        font-size: 150%;
        font-weight: bold;
        text-align: center;
        border-bottom: 2px solid #cccccc;
    }

    .divLevel_0 tfoot td {
        text-align: right;
        border-top: 2px solid #cccccc;
    }
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/



/********************************************************************************************/
/***********************************Contenedor secundario************************************/
/********************************************************************************************/
.divLevel_1 {
    padding: 0 0.5vw;
    margin-bottom: 1vw;
    border-radius: 0.5vw;
    background-color: #f8f2ee;
}

    .divLevel_1 td {
        padding: 0.5vw;
    }

    .divLevel_1 span {
        color: #719271;
    }

    .divLevel_1 thead td {
        font-size: 120%;
        font-weight: bold;
        text-align: center;
        border-bottom: 2px solid #c2b9b2;
    }

    .divLevel_1 tfoot td {
        text-align: right;
        border-top: 2px solid #c2b9b2;
    }
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/



/********************************************************************************************/
/***********************************Criterios de búsqueda************************************/
/********************************************************************************************/
.divQuery tbody td {
    width: 25%;
}

.divQuery tbody label {
    display: block;
}

.divQuery input[type=text], .divQuery input[type=date], .divQuery input[type=month], .divQuery select {
    width: 100%;
}
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/



/********************************************************************************************/
/***************************Formularios de gestión de información****************************/
/********************************************************************************************/
.divForm tbody td {
    width: 25%;
    vertical-align: top;
}

    .divForm tbody td label {
        display: block;
    }

.divForm tbody th {
    padding: 0.25vw;
    border-radius: 0.15vw;
    background-color: #abc9ab;
}

.divForm thead td label {
    margin: 0;
}

.divForm input[type=text], .divForm input[type=date], .divForm select {
    width: 100%;
}
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/



/********************************************************************************************/
/*************************************Listas de consulta*************************************/
/********************************************************************************************/
.divList {
    font-size: 80%;
}

    .divList table {
        border-spacing: 0.25vw;
    }

    .divList img {
        height: 5vw;
    }

    .divList td {
        width: auto;
        padding: 0.5vw;
        vertical-align: top;
        border-radius: 0.15vw;
        background-color: #ececec;
    }

    .divList th {
        padding: 0.5vw;
        font-size: 120%;
        background-color: #abc9ab;
    }

    .divList tfoot td {
        border: none;
        padding: 0.5vw;
        text-align: center;
        font-family: Consolas;
        background-color: #abc9ab;
    }

    .divList tfoot a {
        margin: 0;
        color: white;
        padding: 0.2vw;
        border-radius: 0.1vw;
        text-decoration: none;
        background-color: #719271;
    }

    .divList tfoot span span {
        padding: 0.2vw;
        display: inline;
        border-radius: 0.1vw;
        background-color: #ececec;
    }

    .divList tbody a {
        display: block;
        font-size: 150%;
    }

    .divList span {
        color: #719271;
        display: block;
    }

    .divList section {
        margin-bottom: 0.3vw;
        border-bottom: 1px solid #cccccc;
    }

        .divList section span {
            display: inline;
        }

    .divList table tbody tr:nth-child(2n+1) td {
        background: #eaeaea;
    }
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/



/********************************************************************************************/
/***********************************Colección de archivos************************************/
/********************************************************************************************/
.divFileList tbody td a {
    display: block;
    width: fit-content;
    margin-bottom: 0.5vw;
}

.divFileList tbody td label {
    display: block;
}
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/



/********************************************************************************************/
/*************************************Listas de revisión*************************************/
/********************************************************************************************/
.divReviewList tbody a {
    margin: 0.5vw;
    font-size: 90%;
    display: block;
    width: max-content;
    margin-left: 2.5vw;
}

.divReviewList tbody label {
    color: #719271;
    display: block;
    margin: 1.5vw 0;
    width: max-content;
    border-bottom: 2px solid #719271
}
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/



/********************************************************************************************/
/******************************Bloqueo de controles anteriores*******************************/
/********************************************************************************************/
.divLock {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    z-index: 1000;
    position: fixed;
    background-color: #808080;
}
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/



/********************************************************************************************/
/**************************************Inicio de sesión**************************************/
/********************************************************************************************/
.divBanner {
    top: 0;
    left: 0;
    right: 0;
    height: 20vw;
    position: absolute;
    background-color: #2196f3;
}

.divLogin {
    top: 50%;
    left: 50%;
    width: 25vw;
    padding: 1.0vw;
    position: absolute;
    border-radius: 0.5vw;
    background-color: white;
    transform: translate(-50%, -50%);
}

    .divLogin a {
        font-size: 80%;
        font-style: italic;
        font-family: 'Segoe UI';
    }

    .divLogin img {
        height: 6vw;
        margin: 1vw 0;
    }

    .divLogin label {
        display: block;
    }

    .divLogin table {
        font-size: 125%;
    }

    .divLogin td {
        padding: 0.5vw;
    }

    .divLogin tbody td {
        padding: 1.0vw;
    }

    .divLogin thead td {
        text-align: center;
    }

    .divLogin thead tr:nth-child(1) td label:nth-child(1) {
        color: #8b150b;
        font-size: 300%;
    }

    .divLogin tfoot tr:first-child td {
        text-align: center;
    }

    .divLogin tfoot tr:last-child td {
        text-align: center;
    }

    .divLogin input[type=submit] {
        width: 70%;
    }

    .divLogin input[type=text], .divLogin input[type=password] {
        width: 100%;
        background-color: #e8f0fe;
        -webkit-text-fill-color: #2196f3;
    }
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/



/********************************************************************************************/
/************************************Formulario de inicio************************************/
/********************************************************************************************/
.divHome {
    top: 50%;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translate(-50%, -50%);
}

    .divHome img {
        height: 8.5vw;
    }

    .divHome div:nth-child(1) {
        margin-bottom: 2.5vw;
    }

        .divHome div:nth-child(1) label {
            display: block;
            font-size: 200%;
        }

            .divHome div:nth-child(1) label:nth-child(1) {
                color: #8b150b;
                font-size: 300%;
            }
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/



/********************************************************************************************/
/*************************************ContentPlaceHolder*************************************/
/********************************************************************************************/
.divContentPlaceHolderGeneral {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.0vw;
    overflow-y: auto;
    position: absolute;
    top: calc(4.5vw + 2px);
    background-color: white;
}
/********************************************************************************************/
/********************************************************************************************/
/********************************************************************************************/