:root {
    --Color1: #4b6c9e; /*Color titulo*/
    --Color2: #3a4f63; /*Color datos generales*/
    --Color3: #EAF2FF; /* Fondo tabals */
    --sombra: #999; /* Sombra tabla */
    --resalta: #b6d0f8; /* reaslta */
    --rowAlternat: #dee6fc; /* fila Alternativa */
    --Riesgo5Nivel1: #00FF00; /* Riesgo 5 nivelel 1 */
    --Riesgo5Nivel2: #D1FF80; /* Riesgo 5 nivelel 2 */
    --Riesgo5Nivel3: #FFFF00; /* Riesgo 5 nivelel 3 */
    --Riesgo5Nivel4: #FF8000; /* Riesgo 5 nivelel 4 */
    --Riesgo5Nivel5: #FB3402; /* Riesgo 5 nivelel 5 */
    --Riesgo3Nivel1: #00FF00; /* Riesgo 3 nivelel 1 VERDE*/
    --Riesgo3Nivel2: #FFFF00; /* Riesgo 3 nivelel 2 AMARILLO*/
    --Riesgo3Nivel3: #FB3402; /* Riesgo 3 nivelel 3 ROJO*/
    --RowEliminado: #ffdfdf; /*Registro Eliminado*/
    --RowProces: #8bf78b; /*Registro Procesado*/
    --Fuente: Arial, sans-serif; /*Fuente standar*/
    --Size: 10px;
}
#mpdvtitulo {
    background-color: var(--Color1);
    color: aliceblue;
    font-family: var(--Fuente);
    text-transform: uppercase;
    font-size: 20px;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#TituloPantalla_LblTitulo {
    font-size: 20px;
}

#dvGenerales {
    background-color: var(--Color2);
    color: aliceblue;
    font-family: var(--Fuente);
    font: bold;
}

#mptblGenerales {
    width: 100%;
    font-family: var(--Fuente);
    font-size: 12px;
}
.Logo-Fondo {
    background: var(--Fondo);
}
.RadLabel, span, td {
    font-family: var(--Fuente);
    font-size: var(--Size);
    margin-bottom: 0px;
}

.rcWeek {
    color: black;
}

.RbtnList {
    color: #2e2e2e;
    font-family: var(--Fuente);
    font-size: var(--Size);
}
/*Tablas*/
.Vtek-tbl-Montos {
    border: 1px solid var(--Color1);
    border-radius: 5px 5px;
    padding: 2px 2px 2px 2px;
}

.Vtek-Fieldset {
    border: 1px solid var(--Color1);
    border-radius: 0px 5px;
    padding: 1px 4px 4px 4px;
    box-shadow: 2px 2px 10px var(--sombra);
}

    .Vtek-Fieldset legend {
        font-family: var(--Fuente);
        font-size: var(--Size);
        border-radius: 5px 5px;
        border-bottom: 1px solid var(--Color1);
        border-left: 1px solid var(--Color1);
        border-right: 1px solid var(--Color1);
        background-color: var(--Color1);
        color: white;
    }

.Vtek-tbl-Montos thead { /*Encabezado*/
    text-align: center;
    background-color: var(--resalta);
    font-family: Arial;
    font-size: var(--Size);
    text-transform: uppercase;
}

.Vtek-tbl-Montos tbody {
    font-family: var(--Fuente);
    font-size: var(--Size);
}

    .Vtek-tbl-Montos tbody tr:nth-child(even) {
        /*background-color: var(--rowAlternat);*/
    }

.Vtek-tbl-Montos tfoot {
    text-align: center;
    background-color: var(--sombra);
    font-family: var(--Fuente);
    font-size: var(--Size);
}

.Vtek-Fuente {
    font-family: var(--Fuente)
}

.TrTotal {
    background-color: var(--sombra);
    font-family: var(--Fuente);
    font-size: var(--Size);
}

.Vtek-TblBase {
    margin: auto;
}

.Vtek-Tabla-0 {
    border: solid 4px black;
    height: auto;
}

.Vtek-Tabla-1 {
    margin: auto;
    padding: 10px;
    border: 3px solid var(--Color1); /*#284170*/
    background-color: var(--Color3);
    box-shadow: 5px 5px 15px var(--sombra);
    border-radius: 10px;
}

.Tabla td {
    border: hidden;
}

.Vtek-Tabla-2 {
    margin: auto;
    border: 2px solid var(--Color3);
    border-radius: 10px;
    box-shadow: 2px 2px 10px var(--sombra);
}

.Vtek-Tabla-3 {
    border: 2px solid var(--Color3);
    border-radius: 10px;
    box-shadow: 2px 2px 10px var(--sombra);
}

.TextoTd {
    font-weight: bold;
    font-size: var(--Size);
    color: Black;
    font-family: var(--Fuente);
    text-align: left;
}

.Vtek-td-title {
    text-align: center;
    background-color: var(--Color1);
    border-radius: 5px;
    color: #fff;
    font-size: var(--Size);
    font-family: var(--Fuente);
    text-transform: uppercase;
}

.Vtek-Resaltar {
    text-align: center;
    background-color: var(--resalta);
    color: #284170;
}

.Vtek-btn-Procesos {
    margin: auto;
    border: 2px solid var(--Color1);
    border-radius: 5px;
    box-shadow: 2px 2px 10px var(--sombra);
    background-color: var(--Color1);
}

.Vtek-Borde {
    border-bottom: 3px solid;
    border-bottom-color: var(--Color1);
}

.TdLetras {
    color: red;
}

.Vtek-Td-Separador {
    width: 20px;
}

.TrSeparador {
    height: 10px;
}

.Label {
    font-family: var(--Fuente);
    font-size: var(--Size);
    /*font-weight:bold;*/
    color: gray;
}

.Texbox {
    font-family: var(--Fuente);
    font-size: var(--Size);
    color: gray;
}

.Mayusculas {
    text-transform: uppercase;
}

.RadioButton {
    font-weight: bold;
    font-size: var(--Size);
    color: Black;
    font-family: var(--Fuente);
}

.Vtek-CheckBox {
    font-weight: bold;
    font-size: var(--Size);
    color: Black;
    font-family: var(--Fuente);
}


.GridheightAuto .rgDataDiv {
    height: auto !important;
}

/* Botones Exportación Izquierda */
.ExportIconos .rgCommandTable td {
    text-align: left;
    color: #fff;
}

    .ExportIconos .rgCommandTable td:first-child {
        display: none;
    }

.Ocultar {
    display: none;
}

.Mostrar {
    display: block;
}

.Vtek-Centrar {
    margin: auto;
    padding: 1px;
}

.Vtek-Td-Centrar {
    text-align: center;
}

.Vtek-Td-Label {
    font-size: var(--Size);
    font-family: Arial;
    color: black;
}

.mssgError {
    background-color: Red;
    text-align: center;
    color: white;
    font-family: var(--Fuente);
}

.mssgIok {
    background-color: Green;
    text-align: center;
    color: white;
    font-family: var(--Fuente);
}

.mssgWarning {
    background-color: #f88905;
    text-align: center;
    color: white;
    font-family: var(--Fuente);
}

.mssgInfo {
    background-color: #0526f8;
    text-align: center;
    color: white;
    font-family: var(--Fuente);
}

.verimagen {
    background-image: url(../../../Imagenes/Imagen.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat; /* make the background image appear only once */
    background-position: 0px 0px; /* equivalent to 'top left' */
    border: 1px solid groove; /* assuming we don't want any borders */
    cursor: pointer; /* make the cursor like hovering over an <a> element */
    height: 20px; /* make this the size of your image */
    padding-left: 16px; /* make text start to the right of the image */
    vertical-align: central; /* align the text vertically centered */
}

.Centrado {
    text-align: center;
}

.Vtek-verticalText {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    font-weight: bold;
}
/*RIESGO EN TRES NIVELES*/
.Vtek-R3N1 {
    color: black;
    background-color: var(--Riesgo3Nivel1);
}

.Vtek-R3N2 {
    color: black;
    background-color: var(--Riesgo3Nivel2);
}

.Vtek-R3N3 {
    color: white;
    background-color: var(--Riesgo3Nivel3);
}
/*RIESGO EN 5 NIVELES*/
.Vtek-R5N1 {
    background-color: var(--Riesgo5Nivel1);
}

.Vtek-R5N2 {
    background-color: var(--Riesgo5Nivel2);
}

.Vtek-R5N3 {
    background-color: var(--Riesgo5Nivel3);
}

.Vtek-R5N4 {
    background-color: var(--Riesgo5Nivel4);
}

.Vtek-R5N5 {
    background-color: var(--Riesgo5Nivel5);
}
/*Estado de los registros*/
.Vtek-RowEliminado {
    border-color: #fff #fff #fff #dae2e8;
    background-color: var(--RowEliminado);
}

.Vtek-RowProces {
    background-color: var(--RowProces);
}
/*---------------Estados de cuenta---------------*/
.Vtek-Cta-CI {
    /*Cerrado por la intitucion*/
    background-color: #ffab6b;
}

.Vtek-Cta-CC {
    /*Cerrado por el Cliente*/
    background-color: #b0d5ff;
}

.Vtek-Cta-IN {
    /*Inactivas*/
    background-color: #fffba8;
}

.Vtek-Cta-IG {
    /*Ingresados*/
    background-color: #e2ffb4;
}

.Vtek-Cta-AC {
    /*Ingresados*/
    background-color: #fff;
}
.rbPrimaryIcon {
    background-size: cover;
    width: 16px;
    height: 16px;
}

h3 {
    font-family: var(--Fuente);
    font-size: calc(var(--Size)+2);
    font-weight: bold;
}

#tblhtml {
    font-family: var(--Fuente);
    border-collapse: collapse;
    width: 100%;
}

    #tblhtml td, #tblhtml th {
        border: 1px solid #ddd;
        font-size: var(--Size);
    }

    #tblhtml tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    #tblhtml tr:hover {
        background-color: #ddd;
    }

    #tblhtml th {
        text-align: left;
        background-color: var(--Color2);
        color: white;
        text-align: center;
        font-size: var(--Size);
    }
.RadGrid input[type="image"] {
    height: 16px;
    height: 16px;
}