﻿/**********************************************************************************/
/*******************************Propiedades generales******************************/
/**********************************************************************************/
body {
    margin: 0;
    font-size: 1.2vw;
    font-family: 'Segoe UI';
    background-color: #dddddd;
}

a {
    font: inherit;
    color: #0088bc;
    font-style: italic;
}

table {
    width: 100%;
    font: inherit;
}

input[type=radio] {
    width: 1vw;
    height: 1vw;
}

input[type=text], input[type=password], select {
    font: inherit;
    font-size: 85%;
}

input[type=submit], input[type=button] {
    width: 15vw;
    color: white;
    border: none;
    font: inherit;
    padding: 0.3vw;
    border-radius: 0.25vw;
    vertical-align: bottom;
    background-color: #0088bc;
}

    input[type=submit]:hover, input[type=button]:hover {
        background-color: #3095dd;
    }

.Validator {
    display: inline;
    font-size: 1.25vw;
    font-family: Forte;
    margin-left: 0.25vw;
    color: red !important;
}
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/



/**********************************************************************************/
/***********************************Inicio de sesión*******************************/
/**********************************************************************************/
.divLogin {
    top: 0;
    left: 0;
    right: 0;
    height: 15vw;
    position: absolute;
    background-color: #3095dd;
}

.imgLogin {
    margin: 2vw;
    height: 10vw;
}

.divToken {
    top: 50%;
    left: 50%;
    width: 30vw;
    position: absolute;
    text-align: center;
    border-radius: 1vw;
    background-color: white;
    transform: translate(-50%, -50%)
}

    .divToken table {
        margin: 3vw;
        width: calc(100% - 6vw);
    }

        .divToken table td input[type=submit] {
            height: auto;
            padding: 1vw;
            margin-bottom: 2vw;
            border-radius: 0.5vw;
        }

        .divToken table tr:nth-child(7) td {
            text-align: right;
        }

        .divToken table tr:nth-child(1) td, .divToken table tr:nth-child(6) td {
            text-align: center;
        }

        .divToken table input[type=text], input[type=password] {
            width: 100%;
            color: #0088bc;
            margin-bottom: 2vw;
            border: 1px solid #808080;
            border-style: none none solid none;
        }

.divPQR {
    top: 2vw;
    right: 2vw;
    z-index: 1000;
    position: absolute;
    border-radius: 50% 50%;
    display: inline-block;
    background-color: white;
    border: 0.2vw solid #0088bc;
}

.HyperLinkPQR img {
    height: 5vw;
    margin: 2.0vw;
}
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/



/**********************************************************************************/
/**********************************ContentPlaceHolder******************************/
/**********************************************************************************/
.divContentPlaceHolderGeneral {
    top: 5vw;
    left: 1vw;
    right: 1vw;
    bottom: 1vw;
    padding: 1vw;
    overflow-y: auto;
    position: absolute;
    background-color: white;
}
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/



/**********************************************************************************/
/*******************************Contenedor de bloqueo******************************/
/**********************************************************************************/
.divLockGeneral {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    z-index: 3000;
    position: fixed;
    overflow-y: auto;
    background-color: #808080;
}

.divHiddenGeneral {
    visibility: collapse;
}
/**********************************************************************************/
/**********************************************************************************/
/**********************************************************************************/
