.matn_Cargando_FD_css{
    position: absolute;
    background-color: #00ff66;
    opacity: 0.5;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 500;
}
.matn_Cargando_SubFD_css{
    position: absolute;
    background-color: #00ff66;
    opacity: 0.5;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.matn_Cargando_Gif_css{
    /*background-color: #00ff66;*/
    background-image: url("img_cargando.gif");
    opacity: 0.9;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;

    font-family: Arial,Helvetica,sans-serif;
    font-size: 35px;
    text-align: center;
}
.matn_Cargando_Reintentar_css{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 33%;
    height: 30px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
}
.matn_Cargando_ExisteInternet_css{
    position: absolute;
    top: 0px;
    left: 33%;
    width: 33%;
    height: 30px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
}
.matn_Cargando_TestVelocidad_css{
    position: absolute;
    top: 0px;
    left: 66%;
    width: 33%;
    height: 30px;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
}
.matn_VerConsola_btn_css{
    background: RED;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 5px;
    height: 5px;
    z-index: 499;
    cursor: progress;
}

.matn_TituloLabel{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;

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

    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border: 1px solid #003300;
    color: #003300;
    background: #FEFEFE;
}
.matn_TituloLabelOblig{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;

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

    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border: 1px solid #003300;
    color: #FF0000;
    background: #FEFEFE;
}
.matn_TituloLabelCF{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;

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

    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    border: 1px solid #003300;
    color: #003300;
    background: red;
}
.matn_TituloEtiqueta{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    text-align: right;
}
.matn_TituloEtiquetaCF{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    background: red;
    text-align: right;
}
.matn_TituloCentro{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.CNS_DialogBox_MSN_css{
    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;

    padding-top: 10px;
}

.matn_Texto{
    text-transform: uppercase;
    text-indent: 5px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    border: 1px solid #003300;
    background-color: #FEFEFE;
}
.matn_Texto:hover{
    background-color: #BFEBFF;
}
.matn_Texto:focus{
    background-image: linear-gradient(#CCFF00, #EEFFAA);
}
.matn_Texto:disabled{
    background-color: #f0f0f0;
    color: #525252;
}
.matn_TextoError{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    border: 1px solid #003300;
    background-color: #FFC1C1;
}
.matn_TextoError:hover{
    background-color: #F09475;
}
.matn_TextoError:focus{
    background-image: linear-gradient(#CCFF00, #F09475);
}
.matn_TextoError:disabled{
    background-color: #f0f0f0;
    color: #525252;
}
.matn_Control{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    border: 1px solid #003300;
    background-color: #FEFEFE;
}
.matn_Control:hover{
    background-color: #BFEBFF;
}
.matn_Control:focus{
    background-image: linear-gradient(#CCFF00, #EEFFAA);
}
.matn_Control:disabled{
    background-color: #f0f0f0;
    color: #525252;
}
.matn_ControlError{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    border: 1px solid #003300;
    background-color: #FFC1C1;
}
.matn_ControlError:hover{
    background-color: #F09475;
}
.matn_ControlError:focus{
    background-image: linear-gradient(#CCFF00, #F09475);
}
.matn_ControlError:disabled{
    background-color: #f0f0f0;
    color: #525252;
}
.matn_Boton{
    box-shadow: inset 0 0 5px green;

    text-decoration: none;
    font-size: 16px;

    color: #003300;
    background-color: #CCFFCC;

    border-radius: 7px;
    border: 2px solid #003300;
    cursor: pointer;
}
.matn_Boton:focus{
    background-color: #CCFF00;
}
.matn_Boton:hover{
    background-color: #BFEBFF;
}
.matn_Boton:disabled{
    background-color: #f0f0f0;
    color: #525252;
}
.matn_BotonAzul{
    box-shadow: inset 0 0 5px green;
    text-decoration: none;
    font-size: 16px;

    color: #0000FF;
    background-color: #DDFFFF;

    border-radius: 7px;
    border: 2px solid #0000FF;
    cursor: pointer;
}
.matn_BotonAzul:focus{
    background-color: #CCFF00;
}
.matn_BotonAzul:hover{
    background-color: #BFEBFF;
}
.matn_BotonAzul:disabled{
    background-color: #f0f0f0;
    color: #525252;
}
.matn_BotonNaranja{
    box-shadow: inset 0 0 5px green;
    text-decoration: none;
    font-size: 16px;

    color: #C44F00;
    background-color: #FFDDAA;

    border-radius: 7px;
    border: 2px solid #C44F00;
    cursor: pointer;
}
.matn_BotonNaranja:focus{
    background-color: #CCFF00;
}
.matn_BotonNaranja:hover{
    background-color: #BFEBFF;
}
.matn_BotonNaranja:disabled{
    background-color: #f0f0f0;
    color: #525252;
}
.matn_BotonCerrar{
    box-shadow: inset 0 0 5px green;
    text-decoration: none;
    font-size: 16px;

    color: #950000;
    background-color: #FFBBBB;

    border-radius: 7px;
    border: 2px solid #950000;
    cursor: pointer;
}
.matn_BotonCerrar:focus{
    background-color: #CCFF00;
}
.matn_BotonCerrar:hover{
    background-color: #BFEBFF;
}
.matn_BotonCerrar:disabled{
    background-color: #f0f0f0;
    color: #525252;
}
.matn_BotonEliminar{
    box-shadow: inset 0 0 5px green;
    text-decoration: none;
    font-size: 16px;

    color: #950000;
    background-color: #DBA9E0;

    border-radius: 7px;
    border: 2px solid #93379C;
    cursor: pointer;
}
.matn_BotonEliminar:focus{
    background-color: #CCFF00;
}
.matn_BotonEliminar:hover{
    background-color: #BFEBFF;
}
.matn_BotonEliminar:disabled{
    background-color: #f0f0f0;
    color: #525252;
}

.matn_Borde{
    border: 1px solid #003300;
    background-color: #FEFEFE;
}

.matn_Tabla_spnl_css{
    border-style: solid;
    border-width: 1px;
    border-color: #003300;
}
.matn_ScrollPanel{
    overflow: auto;
}
.matn_Tabla{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    border-collapse: collapse; margin: auto;
}
.matn_TablaEncabezado{
    font-family: Arial,Helvetica,sans-serif;
    color: white;
    font-size: 16px;
    text-align: center;
    background-color: #0080C0;
    border: 1px solid black;
    height: 35px;    
}
td{
    border: 1px solid black;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    border-style: solid;
    border-width: 1px;
}
th{
    border: 1px solid black;    
}
.matn_Row1{
    cursor: pointer;
    background-color: white;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
}
.matn_Row1:hover{
    background-color: #C6FFC6;
}
.matn_Row2{
    cursor: pointer;
    background-color: #DBDBDB;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
}
.matn_Row2:hover{
    background-color: #C6FFC6;
}
.matn_RowSeleccionado{
    cursor: pointer;
    background-color: yellow;
}
.matn_RowSeleccionado:hover{
    background-color: yellow;
}
.matn_RowAnulado{
    cursor: pointer;
    background-color: #FF6666;
}
.matn_RowAnulado:hover{
    background-color: #FFB888;
}
.matn_RowPendiente{
    cursor: pointer;
    background-color: #FF9B2D;
}
.matn_RowPendiente:hover{
    background-color: #FFD6A8;
}

/*CALENDARIO*/
.matn_Calendario_Dia_btn_css{
    cursor: pointer;

    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    text-align: center;

    background: white;

    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #006699;
    border-left-color: #006699;
    border-bottom-color: #006699;
    border-top-color: #006699;
}
.matn_Calendario_Dia_btn_css:hover{
    background: green;
}
.matn_Calendario_DiaHoy_btn_css{
    cursor: pointer;

    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    text-align: center;

    background: white;
    color: red;

    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-top-style: solid;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-color: #006699;
    border-left-color: #006699;
    border-bottom-color: #006699;
    border-top-color: #006699;
}
.matn_Calendario_DiaHoy_btn_css:hover{
    background: green;
}
/*CALENDARIO*/

/*CHECKBOX The container */
.container {
    padding-left: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;

    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
}
/*CHECKBOX Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/*CHECKBOX Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;

    border-style: solid;
    border-width: 1px;
    border-color: #003300;
}
/*CHECKBOX On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}
/*CHECKBOX When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}
/*CHECKBOX Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/*CHECKBOX Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}
/*CHECKBOX Style the checkmark/indicator */
.container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.matn_Checbok_css{        
    cursor: pointer;
    padding-left: 35px;
    background-image: url("img_Chk.gif");
    background-repeat: no-repeat;
}
.matn_ChecbokSeleccionado_css{    
    cursor: pointer;
    padding-left: 35px;
    background-image: url("img_ChkSelect.gif");
    background-repeat: no-repeat;
}