/*----------------------------------------------
*GLOBAL
----------------------------------------------*/
html, body {
    font: 12px/15px roboto;
    /*height: 100%;*/
    position: relative;
    height: auto;
    min-height: 100% !important;
}



/*----------------------------------------------
* MODAL - LOADING
----------------------------------------------*/
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #DCDCDC;
    opacity: 0.03;
    filter: grayscale(opacity=0.3);
}

.Modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    overflow: auto;
    width: 100px;
    margin: -15px 0 0 -15px;
}

/*----------------------------------------------
*SPRITE
----------------------------------------------*/
.icon {
    background: url('../Images/sprite.png');
    display: inline-block;
}

.icon-btn-listar, .icon-btn-nuevo, .icon-btn-modificar, .icon-btn-ver, .icon-btn, .icon-btn-seleccionar {
    width: 30px;
    height: 30px;
}

.icon-btn-listar {
    background-position: 0px 0px;
}

.icon-btn-nuevo {
    background-position: -30px 0px;
}

.icon-btn-modificar {
    background-position: -60px 0px;
}

.icon-btn-ver {
    background-position: -90px 0px;
}

.icon-guardar {
    background-position: -120px 0px;
}

.icon-salir {
    background-position: -150px 0px;
}

.icon-btn-seleccionar{
    background-position: -180px 0px;
}

/*----------------------------------------------
*BOXES
----------------------------------------------*/
.bx-herramientas {
    background: #e6f2f9;
    border: 1px solid #cacaca;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 3px;
}

.bx-herramientas .gr-bl {
    padding: 10px 0;
    width: auto !important;
    padding: 5px 10px;
}
.bx-herramientas span {
    display: block;
    font-size: 11px;
}

.bx-herramientas button {
    border: none;
    cursor: pointer;
    margin: 0px;
    background: none;
}

/*----------------------------------------------
*ASISTENCIA
----------------------------------------------*/
.gr-row #time {
    font-size: 6rem;
}
/*----------------------------------------------
*CALIFICACIONES
----------------------------------------------*/
.gr-row-Notas {
    display: inline-block;
    margin-bottom: 5px;
}

/*----------------------------------------------
*GRID
----------------------------------------------*/
.gr-row:before,
.gr-row:after {
    display: table;
    content: " ";
}

.gr-row:after {
    clear: both;
}

/*--------------------------------------------
 BX-GRAL / ContenedorFiltros
----------------------------------------------*/
.bx-gral {
    padding: 2.5px 20px 2.5px 20px;
    border: 1px solid #cacaca; /*width: 100%;*/
    background-color: white; /*Modificar Edgar: 19/05/2023*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 3px;
    font-family: Tahoma;
    font-size: 8pt !important;
    font-style: normal;
}

.gr-row .gr-bl {
    float: left;
    position: relative;
    padding: 5px;
}

.gr-row .gr-bl.gr-bl-4 {
    width: 33.33333333333333%;
    text-align: left;
}

.gr-row .gr-padd-bl {
    padding: 2px;
}

.gr-row .gr-bl.gr-bl-3 {
    width: 25%;
}
/*param mostrar ellipse 100 los controles center ellipse dialog*/
.gr-row .gr-bl.gr-bl-12 {
    width: 100%;
}



/*----------------------------------------------
* DIALOG
----------------------------------------------*/
.ui-dialog-titlebar-close {
    visibility: hidden;
}

/*----------------------------------------------
* LAYOUT
----------------------------------------------*/
.wrap {
    min-width: 500px; /*min-height:630px;*/
    max-width: 100%;
    margin: 0px 80px auto 0px;
    color: whitesmoke;
    height: 100%;
}