/*Master page 1*/
* {
    font-family: OpenSans-Regular;
    margin-right: 0;
    margin-top: 0;
    padding: 0;
}

body {
    margin-right: 0;
    margin-top: 0;
    padding: 0;
    /*    font-family: OpenSans-Regular;
    background-color: white;
*/
}
/********************************************************************************************************************************/
.xEntradaCab1 {
    display: flex;
    font-family: Oswald-Bold;
    font-size: 9pt;
    font-weight: bold;
    width: auto;
    height: 25px;
    background-color: white;
    color:darkcyan;
    border-radius: 0px;
    align-items: center;
    justify-content: center;
    border-bottom:1px solid darkcyan;
}
.xNumeros {
    display: flex;
    font-family: Oswald-Bold;
    font-size: 10pt;
    font-weight: bold;
    width: 30px;
    height: 30px;
    background-color: darkblue;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right:10px; margin-left:10px;
}
.xRecGen {
    /*font-family: Oswald-Bold;*/
    font-family:Tahoma;
    font-size: 10pt;
    /*font-weight: bold;*/
    color: green;
}

.xlblFU {
    height: 28px;
    overflow: hidden;
}
.xLoadImg {
    margin-left: 3px;
    width: 300px;
    font-family: OpenSans-Regular;
    font-size: 8pt;
    color: black;
}
.xSubirArchivo {
    background-image: url(../Images/SubirArchivo.png);
    width: 100px;
    height: 25px;
}
.xVerDoc {
    background-image: url(../Images/xDocument.png);
    width: 100px;
    height: 25px;
}
.xTB {
    font-size: 7pt;
    color:white;
    text-align:right;
    margin-right:5%;
}
.xTB1 {
    font-size: 10pt;
    color: white;
}
.xCto {
    width:100%;
    text-align:center;
    margin-top:40px;
}
.xCtoDoctos {
    width: 80%;
    text-align: center;
    margin-top: 20px;
    border-top:1px solid lightgray;
    padding-top:20px;
}
.xTPP {
    font-family:Oswald-Bold;
    font-size:25pt;
}
.xTPP1Liga {
    font-family: OpenSans-Regular;
    font-size: 8pt;
    font-weight: bold;
}
.xTPP1 {
    font-family:OpenSans-Regular;
    font-size: 10pt;
    font-weight:bold;
}
.xTPP2 {
    font-family: OpenSans-Regular;
    font-size: 8pt;
    font-weight: bold;
}
.xIni {
    top:0px;
    width:100%;
    height:100%;
    border: 0px solid green;
    position:absolute;

display:flex; margin:auto; vertical-align:central; align-content:center; justify-content:center;
margin-top:auto;

}
.absolute {
    margin:auto;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    /*text-align:left;*/
    /*justify-content:left;
    align-items:center;
    padding-left: 15%;
    padding-top: 12%;*/
}

.bg {
    /* The image used */
    background-image: url(../images/background7.jpg);
    /* Full height */
    height: 100vh;
    /* Center and scale the image nicely 
    background-position: center;
    background-repeat: no-repeat;*/
    background-size: cover;
    overflow: hidden;
    opacity:1;
}

.LogoEmpresa {
    display:flex;
    width:300px;
    height:100%;
    /*background-image: url(../Images/logohpverde.png);*/
    background-repeat: no-repeat;
    border: 0px solid lightgray;
    border-radius: 0%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.LogoEmpresa3 {
    position: initial;
    margin: auto;
    width: 150px;
    height: 20px;
    background-image: url(../Images/Logo3.png);
    background-repeat: no-repeat;
    border: 0px solid #ff0000;
}

.xCampos {
    border-radius: 4px;
    border: 1px solid lightgray;
    height: 20px;
    padding-left: 3px;
    margin-left: 3px;
    text-transform: uppercase;
}
.xCamposEmail {
    border-radius: 4px;
    border: 1px solid lightgray;
    height: 20px;
    padding-left: 3px;
    margin-left: 3px;
    text-transform:lowercase;
}
.xCamposChek {
}

.xTodosBotones {
    border: 1px solid gray;
    border-radius: 6px;
    background-color:lightgray;
}

.xRegresa {
    border: 1px solid gray;
    border-radius:500%;
}

.xLookUp {
    border: 1px solid gray;
    border-radius:3px;
    overflow:hidden;
}

.xRegresar {
    border: 1px solid gray;
    border-radius: 50%;
    height: 20px;
    width: 20px;
}

.xCloseX {
    border: 0px solid gray;
    border-radius: 3px;
    overflow: hidden;
}

.xRBbuscar {
    border: 1px solid gray;
    border-radius: 4px;
    overflow: hidden;
}

/**********************/
.xGrid {
    border: 0px solid gray;
    border-radius: 10px;
    overflow: hidden;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: OpenSans-Regular;
    font-size: 8pt;
    text-transform: uppercase;
}
.xGrid2 {
    border: 0px solid gray;
    border-radius: 10px;
    overflow: hidden;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: OpenSans-Regular;
    font-size: 8pt;
}

.xGrid td, .xGrid th {
    border: 0px solid gray;
    padding: 3px;
    overflow:hidden;
}
/**********************/

/**LOADER*************************************************************/
#gvBuscar tr.rowHover:hover {
    background-color: #cccccc;
}
.xPager span {
    color: black;
    font-weight: bold;
    font-size: 10pt;
}
/*------------------------------------------*/
.loader {
    z-index:1000;
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;

    display:flex;
    align-items:center;
    justify-content:center;

    background-color:gray;
    opacity:.7;
    transition: opacity 0.75s, visibility 0.75s;
}
.loader::after {
    content:"";
    width:100px;
    height:100px;
    border:5px solid white;
    border-top-color:blue;
    border-radius:50%;
    animation:loading 0.75s ease infinite;

}
@keyframes loading {
    from { transform: rotate(0turn)}
    to { transform: rotate(1turn) }
}
.loader--hidden {
    opacity:0;
    visibility:hidden;
}
.loader-no-hidden {
    opacity: .7;
    visibility:visible;
    background-color:red;
}
/**LOADER END*************************************************************/

/**LOOKUP***************************************************************************************************/
.table-hover {
    background-color:blue;
}
.divLookup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: gray;
    opacity: .7;
    transition: opacity 0.75s, visibility 0.75s;
    border: 0px solid red;
}
.divBuscar0 {
    z-index: 9;
    position:fixed;
    top:7%;
    width: 940px;
    height: 520px;
    /*animation: loading 0.75s ease infinite;*/
}
.divBuscar1 {
    z-index: 10;
    content: "";
    width: 940px;
    height: 520px;
    border: 10px solid red;
    background-color: white;
    border:1px solid gray;
    border-radius:6px;
    overflow:hidden;
}
/**LOOKUP***************************************************************************************************/


















/****************************FIN GIRD PAGER***********************/
/*********************************************************************************/
/***FONTS FONTS FONTS FONTS FONTS FONTS FONTS*************************************/
/*********************************************************************************/
/*********************************************************************************/
@font-face {
    font-family: OpenSans-Regular;
    src: url(../fonts/Open_Sans/OpenSans-Regular.ttf);
}

@font-face {
    font-family: Oswald-Regular;
    src: url(../fonts/Oswald/Oswald-Regular.ttf);
}

@font-face {
    font-family: Oswald-Bold;
    src: url(../fonts/Oswald/Oswald-Bold.ttf);
}

@font-face {
    font-family: Mon-Regular;
    src: url(../fonts/Mon/Montserrat-Regular.ttf);
}
/****************************FIN GIRD PAGER***********************/
/*********************************************************************************/
/***FONTS FONTS FONTS FONTS FONTS FONTS FONTS*************************************/
/*********************************************************************************/
/*********************************************************************************/



/**MOBILE***************************************************************************************/
/*@media screen and (max-width: 767px) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .bg {
        /* The image used */
        /*background-image: url(../images/background71.jpg);*/
        background-image: url(../images/background71.jpg);
        /* Full height */
        height: 100vh;
        /* Center and scale the image ni    cely 
    background-position: center;
    background-repeat: no-repeat;*/
        background-size: cover;
        overflow: hidden;
        opacity: 1;
    }
}