/*  ===============================================================================
    DEFAULTS PARA PAGINA
    =============================================================================== */
body {
    background: #f5f5f5;
    /*
        font-size: .70em;
        font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;

        margin-top: 0px;
        padding: 0px;
         color: #696969;
    font-family: Roboto, Arial, sans-serif;
    font-size: 14px;
    color: #666;
  */
}


/* ENCABEZADO DEL PORTAL */
#aph {
    background: rgba(242,246,248,1);
    background: -moz-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 15%, rgba(181,198,208,1) 99%, rgba(224,239,249,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,246,248,1)), color-stop(15%, rgba(216,225,231,1)), color-stop(99%, rgba(181,198,208,1)), color-stop(100%, rgba(224,239,249,1)));
    background: -webkit-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 15%, rgba(181,198,208,1) 99%, rgba(224,239,249,1) 100%);
    background: -o-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 15%, rgba(181,198,208,1) 99%, rgba(224,239,249,1) 100%);
    background: -ms-linear-gradient(left, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 15%, rgba(181,198,208,1) 99%, rgba(224,239,249,1) 100%);
    background: linear-gradient(to right, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 15%, rgba(181,198,208,1) 99%, rgba(224,239,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=1 );
    font-style: italic;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.5em;
    color: black;
    empty-cells: show;
    border-spacing: 0px;
    border-collapse: separate;
}

    #aph table {
        width: 100%;
    }

        #aph table td:first-child {
            width: 50px;
        }

        #aph table td:nth-child(2) {
            text-align : center;
        }

        #aph table td:nth-child(3) {
            width: 50px;
        }
        #aph table td:nth-child(4) {
            width: 200px;
            padding-left: 10px;
            font-size: 12px;
        }

        #aph table td:nth-child(5) {
            width: 60px;
            
            text-align: center;
        }

    #aph img {
        wxidth: 40px;
        height: 40px;
        vertical-align: middle;
        padding-right: 10px;
        padding-left: 10px;
    }

    #aph table td table td {
        font-size: 12px;
        text-align: center;
        white-space: nowrap;
        font-style: normal;
        
    }

.aphl {
    padding-left: 10px;
    font-size: 12px;
}

/* FRAME DONDE SE MUESTRAN LAS OPCIONES DEL SISTEMA */
.frameContent {
    margin: 0;
    padding: 0;
}

/* TITULO DE LA PAGINA */
.cPageTitle {
    font-size: 14pt;
    color: white;
    background-color: navy;
    text-align: center;
    width: 100%;
}

.Field {
    font-size: 10pt;
    color: #000099;
    font-family: Verdana;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    margin-left: 120px;
}

.FieldReadOnly {
    font-size: 10pt;
    background-color: #D3D3D3;
    color: Black;
    font-family: Verdana;
    text-align: left;
    white-space: nowrap;
    margin-bottom: 0px;
}

.Value {
    text-align: left;
    font-size: 10pt;
    font-family: Verdana;
    vertical-align: text-top;
}

.grdtxt {
    width: 50px;
}



.drh { /* Dynamic Report Header */
    padding: 15px;
    margin: 15px;
    font-weight: 400;
    color: #1c87c9;
    margin: 0px;
    display: block;
    font-size: 2em;
}

.drf {
    box-shadow: 0 2px 5px #f5f5f5;
    background: #f5f5f5;
}

.drc {
    width: calc(100% - 18px);
    padding: 8px;
    margin-bottom: 20px;
    border: 1px solid #1c87c9;
    outline: none;
}

.dct {
   
}



.dcp {
    display: inline-block;
}

.dcf {
    color: #666;
    text-transform: uppercase;
    font-weight: normal;
    padding: 7px 10px 7px 10px;
}

.dcv {
    text-align: left;
    font-family: Roboto, Arial, sans-serif;
}

.drbs {
    width: 150px;
    padding: 10px;
    border: none;
    border-radius: 5px;
    background: #1c87c9;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
}

.drpb { /* Dynamic Report Panel Buttons */
    margin-top: 10px;
}


/* Dynamic Capture: Panel */
.DivFiltros {
    width: 100%;
    margin: 8px;
    
}

/* Dynamic Capture: Tabla  */
.filtros {
    padding-right: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    font: 10pt Tahoma;
    padding-top: 2px;
    text-decoration: none;
    text-align: left;
    border-right: black thin solid;
    border-top: black thin solid;
    border-left: black thin solid;
    border-bottom: black thin solid;
    border-collapse:separate;
}

    .filtros td {
        padding: 5px;
    }

.DivTituloPagina {
    padding: 15px;
    margin: 15px;
    font-weight: 400;
    color: #1c87c9;
    margin: 0px;
    display: block;
    font-size: 2em;
    text-align: center;
}

.DivGrid {
    margin-left: auto;
    margin-right: auto;
}

/* =============================================================== */
/* BANDA DE BOTONES                                                */
/* =============================================================== */
.DivBotones {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 7px;
}