@import "https://fonts.googleapis.com/css?family=Lato";

/* CONSTANTES 
#6c757d!important
*/

:root {
    /*--COLORES */

    /*--BORDES */
    --bordesColor-gris: #dee2e6 !important;
    --bordesColor-grisCtrl: #CCCCCC !important;

    /* Fondos */
    --fondo-grisCtrl: #EEEEEE !important;
    
    /*--fONTS */
    /*--Verde: #0DB02B !important;*/
    --colorFontPrincipal: #003366;
    --colorFontgrisCtrl: #EEEEEE !important;
    --alturaEncabezado: 60px;
}

.processCover {
    background: url("../imgs/logos/LogoLogin.png");
    /* ./assets/imgs/logos/LogoLogin.png */
    background-repeat: no-repeat; /*no-repeat*/
    background-size: cover;   /*cover contain auto */
    background-color: rgba(0,0,0,.03);
   }

/* ================================================ */


/* ================== ESPACIADOS ================== */

/* MARGENES */
.mrg-025rem, .mb-025rem, .my-025rem {margin-bottom: .25rem !important;}
.mrg-025rem, .mt-025rem, .my-025rem {margin-top: .25rem !important;}
.mrg-025rem, .mr-025rem, .mx-025rem {margin-right: .25rem !important;}
.mrg-025rem, .ml-025rem, .mx-025rem {margin-left: .25rem !important;}


.mb-050rem, .my-050rem {margin-bottom: .50rem !important;}
.mt-050rem, .my-050rem {margin-top: .50rem !important;}
.mb-100rem, .my-100rem {margin-bottom: 1.00rem;}
.mt-100rem, .my-100rem {margin-top: 1.00rem;}
.mr-050rem, .mx-050rem {margin-right: .50rem !important;}
.ml-050rem, .mx-050rem {margin-left: .50rem !important;}


.mrg-01, .mb-01, .my-01 {margin-bottom: 1px !important;}
.mrg-01, .mt-01, .my-01 {margin-top: 1px !important;}
.mrg-01, .ml-01, .mx-01 {margin-left: 1px !important;}
.mrg-01, .mr-01, .mx-01 {margin-right: 1px !important;}


.mrg-02, .mb-02, .my-02 {margin-bottom: 2px !important;}
.mrg-02, .mt-02, .my-02 {margin-top: 2px !important;}
.mrg-02, .ml-02, .mx-02 {margin-left: 2px !important;}
.mrg-02, .mr-02, .mx-02 {margin-right: 2px !important;}


.mrg-04, .mb-04, .my-04 {margin-bottom: 4px!important;}
.mrg-04, .mt-04, .my-04 {margin-top: 4px!important;}
.mrg-04, .ml-04, .mx-04 {margin-left: 4px !important;}
.mrg-04, .mr-04, .mx-04 {margin-right: 4px !important;}

.mrg-06, .mb-06, .my-06 {margin-bottom: 6px!important;}
.mrg-06, .mt-06, .my-06 {margin-top: 6px!important;}
.mrg-06, .ml-06, .mx-06 {margin-left: 6px !important;}
.mrg-06, .mr-06, .mx-06 {margin-right: 6px !important;}


.mrg-08, .mb-08, .my-08 {margin-bottom: 8px!important;}
.mrg-08, .mt-08, .my-08 {margin-top: 8px!important;}
.mrg-08, .ml-08, .mx-08 {margin-left: 8px !important;}
.mrg-08, .mr-08, .mx-08 {margin-right:8px !important;}


.mrg-12, .mb-12, .my-12 {margin-bottom:12px!important;}
.mrg-12, .mt-12, .my-12 {margin-top: 12px!important;}
.mrg-12, .ml-12, .mx-12 {margin-left:12px !important;}
.mrg-12, .mr-12, .mx-12 {margin-right:12px !important;}




/* PADDING */
.pd-00{padding:0px !important;}
.pd-04{padding:4px !important;}
.pd-08{padding:8px !important;}
.pd-12{padding:12px !important;}
.pd-16{padding:16px !important;}

.pdb-01 {padding-bottom: 1px !important;}

.pd-02, .pdt-02, .pdy-02 {padding-top: 2px;}
.pd-02, .pdb-02, .pdy-02 {padding-bottom: 2px;}
.pd-02, .pdl-02, .pdx-02 {padding-left: 2px;}
.pd-02, .pdr-02, .pdx-02 {padding-right: 2px;}

.pdt-04, .pdy-04 {padding-top: 4px;}
.pdb-04, .pdy-04 {padding-bottom: 4px;}
.pdl-04, .pdx-04 {padding-left: 4px;}
.pdr-04, .pdx-04 {padding-right: 4px;}

.pdt-06, .pdy-06 {padding-top: 6px;}
.pdb-06, .pdy-06 {padding-bottom: 6px;}
.pdl-06, .pdx-06 {padding-left: 6px;}
.pdr-06, .pdx-06 {padding-right: 6px;}
.pdt-08, .pdy-08 {padding-top: 8px;}
.pdb-08, .pdy-08 {padding-bottom: 8px;}
.pdl-08, .pdx-08 {padding-left: 8px;}
.pdr-08, .pdx-08 {padding-right: 8px;}

.pdt-10, .pdy-10 {padding-top: 10px;}
.pdb-10, .pdy-10 {padding-bottom: 10px;}
.pdl-10, .pdx-10 {padding-left: 10px;}
.pdr-10, .pdx-10 {padding-right: 10px;}

.pdt-12, .pdy-12 {padding-top: 12px; }
.pdb-12, .pdy-12 {padding-bottom: 12px;}
.pdl-12, .pdx-12 {padding-left: 12px;}
.pdr-12, .pdx-12 {padding-right: 12px;}


.pd-14, .pdt-14, .pdy-14 {padding-top: 14px; }
.pd-14, .pdb-14, .pdy-14 {padding-bottom: 14px;}
.pd-14, .pdl-14, .pdx-14 {padding-left: 14px;}
.pd-14, .pdr-14, .pdx-14 {padding-right: 14px;}


.pd-20, .pdt-20, .pdy-20 {padding-top: 20px; }
.pd-20, .pdb-20, .pdy-20 {padding-bottom: 20px;}
.pd-20, .pdl-20, .pdx-20 {padding-left: 20px;}
.pd-20, .pdr-20, .pdx-20 {padding-right: 20px;}

.pd-30, .pdt-30, .pdy-30 {padding-top: 30px; }
.pd-30, .pdb-30, .pdy-30 {padding-bottom: 30px;}
.pd-30, .pdl-30, .pdx-30 {padding-left: 30px;}
.pd-30, .pdr-30, .pdx-30 {padding-right: 30px;}


.pd-40, .pdt-40, .pdy-40 {padding-top: 40px; }
.pd-40, .pdb-40, .pdy-40 {padding-bottom: 40px;}
.pd-40, .pdl-40, .pdx-40 {padding-left: 40px;}
.pd-40, .pdr-40, .pdx-40 {padding-right: 40px;}

.pd-50, .pdt-50, .pdy-50 {padding-top: 50px; }
.pd-50, .pdb-50, .pdy-50 {padding-bottom: 50px;}
.pd-50, .pdl-50, .pdx-50 {padding-left: 50px;}
.pd-50, .pdr-50, .pdx-50 {padding-right: 50px;}


/* ================== ESPACIADOS ================== */
/* ================================================ */


/* ================================================ */
/*=================== WIDTHS =======================*/
.width005 {width: 5%;}
.width010 {width: 10%;}
.width015 {width: 15%;}
.width020 {width: 20%;}
.width025 {width: 25%;}
.width030 {width: 30%;}
.width040 {width: 40%;}
.width045 {width: 45%;}
.width046 {width: 46%;}
.width047 {width: 47%;}
.width048 {width: 48%;}
.width049 {width: 49%;}
.width050 {width: 50%;}
.width060 {width: 60%;}
.width070 {width: 70%;}
.width075 {width: 75%;}
.width080 {width: 80%;}
.width090 {width: 90%;}
.width095 {width: 95%;}
.width098 {width: 98%;}
.width100 {width: 100%;}
.width100-2 {width: calc(100% - 0px);}

.MinWidth100 {min-width: 100px !important;}
.MinWidth200 {min-width: 200px !important;}
.MinWidth250 {min-width: 250px !important;}
.MinWidth300 {min-width: 300px !important;}
.MinWidth350 {min-width: 350px !important;}
.MinWidth450 {min-width: 450px !important;}
.MinWidth490 {min-width: 490px !important;}
.MinWidth500 {min-width: 500px !important;}
.MinWidth600 {min-width: 600px !important;}
.MinWidth768 {min-width: 768px !important;}
.MinWidth850 {min-width: 850px !important;}


.MaxWidth200 {max-width: 200px !important;}
.MaxWidth250 {max-width: 250px !important;}
.MaxWidth350 {max-width: 350px !important;}
.MaxWidth450 {max-width: 450px !important;}
.MaxWidth576 {max-width: 576px !important;}
.MaxWidth768 {max-width: 768px !important;}
.MaxWidth850 {max-width: 850px !important;}
.MaxWidth1000 {max-width: 1000px !important;}


.w-040 {width: 40px !important;}
.w-042 {width: 42px !important;}
.w-045 {width: 45px !important;}
.w-050 {width: 50px !important;}
.w-065px {width: 55px !important;}
.w-075px {width: 55px !important;}
.w-085px {width: 55px !important;}
.w-110px {width: 110px !important;}
.w-115px {width: 115px !important;}
.w-117px {width: 117px !important;}
.w-120px {width: 120px !important;}
.w-130px {width: 130px !important;}
.w-140px {width: 140px !important;}
.w-145px {width: 145px !important;}
.w-150px {width: 150px !important;}
.w-200px {width: 200px !important;}
.w-250px {width: 250px !important;}
.w-300px {width: 300px !important;}
.w-350px {width: 350px !important;}

/*=================== WIDTHS ===================*/
/* ============================================= */



/* ================================================ */
/*=================== Font-Size ====================*/
.fs070 {font-size: .7rem !important;}
.fs080 {font-size: .8rem !important;}
.fs090 {font-size: .9rem !important;}
.fs100 {font-size: 1.0rem !important;}
.fs110 {font-size: 1.1rem !important;}
.fs120 {font-size: 1.2rem !important;}
.fs140 {font-size: 1.4rem !important;}
.fs150 {font-size: 1.5rem !important;}
.fs200 {font-size: 2.0rem !important;}
/*=================== Font-Size ===================*/
/* ================================================ */


.fwbold {font-weight: bold !important;}

/* ================================================ */
/*=================== COLORES ======================*/

.fc-blanco {color: #FFFFFF;}
.fc-grisClaro {color: #F8F8F8;}

.fc-grisClaro2 {color: rgba(238,238,238,1);}

.fc-grisClaro3 {color: rgba(196, 212, 238, 1);}
.fc-grisClaro4 {color: rgba(164, 180, 206, 1);}


.fc-grisClaro10 {color: rgba(116, 132,147,1);}

.fc-grisObscuro {color: #343040;}


.fc-rojo {color: rgba(255, 16, 0, 1)}
.fc-verde {color: rgba(20, 176, 75, 1)}

.fc-azul {color: rgba(0, 162, 232, 1)}
.fc-default {color: #003366}


/*=================== COLORES ===================*/
/* ============================================= */




/* ================================================= */
/*=================== FONDOS Y BORDES================*/
.fondoBlanco {background-color:#FFFFFF !important;}
.fondoClaro {background-color: rgba(248, 248, 248, 1) !important;}
.fondoGrisClaro03 {    background-color: rgba(0,0,0,.03);;}


.fondoClaro240 {background-color: rgba(240, 240, 240, 1) !important;}
.fondoClaro232 {background-color: rgba(232, 232, 232, 1) !important;}
.fondoClaro216 {background-color: rgba(216, 216, 216, 1) !important;}
.fondoClaro198 {background-color: rgba(198, 198, 198, 1) !important;}

.fondo-light {background-color: rgba(248, 249, 250, 1) !important;}
.fondoCtrl {background-color: var(--fondo-grisCtrl);} /*9EECEF */


.fondoSilver {background-color:rgb(192,192,192) !important;}
.fondoObscuro {background-color:rgb(52, 58, 64) !important;}
.fondoAzulclaro {background-color:#d9edf7;}
.fondoAzulclaro2 {background-color:rgba(0, 162, 232, 1);}
.fondoAzulprimary {background-color:rgb(204, 229, 255);}

.fondoRojo {
    background-color: rgba(255, 60, 60, 0.75) !important;
    
}

.fondoAzulObscuro {background-color:#003366;}

.fondoAmarillo {background-color: rgba(255, 255, 204, 1);}




.bordeNaranja{border: 1px solid #FF3300 !important;}

.bordeAzul{border: 1px solid #003366;}
.bordeVerde{ border: 1px solid rgb(10, 241, 10) !important;}
.bordeVerdeR{ border: 3px solid rgb(10, 241, 10) !important;}

.bordeRojoR{ border: 3px solid rgb(255, 30, 30) !important;}


.bordeTransparente{ border: 1px solid transparent !important;}


/* .fondoCtrl {background-color: var(--fondo-grisCtrl);} */
.bordeCtrl {border-color: var(--bordesColor-grisCtrl);}

.bordeCtrl, .bordeCtrl-t{
    border-top-width: 1px;
    border-top-style: solid;
}

.bordeCtrl, .bordeCtrl-r{
    border-right-width: 1px;
    border-right-style: solid;
}

.bordeCtrl, .bordeCtrl-l{
    border-left-width: 1px;
    border-left-style: solid;
}

.bordeCtrl, .bordeCtrl-b{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}



.bordeRedondo-35
 {
    border-radius: 3.5px;
    -webkit-radius: 3.5px;
    -moz-radius: 3.5px;
}

.bordeRedondo-40
 {
    border-radius: 4px;
    -webkit-radius: 4px;
    -moz-radius: 4px;
}

.bordeRedondo-40-top
 {
    border-radius: 4px 4px 0px 0px;
    -webkit-radius:  4px 4px 0px 0px;
    -moz-radius:  4px 4px 0px 0px;
}

.bordeRedondo-izq-35
 {
    border-radius: 3.5px 0px 0px 3.5px;
    -webkit-radius:3.5px 0px 0px 3.5px;
    -moz-radius: 3.5px 0px 0px 3.5px;
}

.bordeDerecho {
    border-style: solid;
    border-width: 0px 1px 0px 0px; 
}


/* border-radius: 2em 0em 0em 0em; */

/*=================== FONDOS Y BORDES================*/
/* ============================================= */

/* ================================================= */
/* =================== TITULOS ===================== */

.TituloPagina {
   /* padding: .35em 4px .45em 8px;  */
    padding: 14px 8px 14px 16px; 
    
    background-color: rgba(176, 201, 223, .65); /*  rgba(52,58,64,.15);*/
    text-shadow: 0px 1px 1px rgba(248, 248, 248, 0.7);
    font-size: 1.8rem !important;
   /* font-style: italic;*/
    font-weight: bold;
    border-bottom: 1px solid rgba(192, 192, 192, 1);
}

.Titulo {
    /* padding: .35em 4px .45em 8px;  */
   padding: 8px 8px 8px 16px; 
   font-size: 1.8rem !important;
    font-weight: bold;  
 }




.fontArial {
    font-family: Arial !important;
}

.Titulo2 {
    padding: 8px 4px 8px 8px;
    font-size: 1.4rem !important;
    font-style: italic;
    font-weight: bold;
    text-shadow: 0px 1px 1px rgba(248, 248, 248, 0.75);
}

.Titulo2SinSombra {
    padding: 8px 4px 8px 8px;
    font-size: 1.4rem !important;
    font-style: italic;
    font-weight: bold;
 
}


.Titulo3 {
    padding: 4px 2px 4px 4px;
    font-size: 1.1rem !important;
    font-style: italic;
    font-weight: bold;
}
.Titulo4 {
    padding: 4px 2px 4px 4px;
    font-size: 1.1rem !important;
    
}


.alerta-VerifiqueInformacion {

    padding: 8px 4px 8px 8px;
    font-size: 1.2rem !important;
    font-style: italic;
    font-weight: bold;
    text-shadow: 0px 1px 1px rgba(248, 248, 248, 0.75);
    background-color: #FFFFCC !important;
    color: rgba(220, 0, 0, 0.65);
    border: 1px solid rgba(220, 53, 69, .35);

    /* 220, 53, 69, .85 */

}


/*=================== TITULOS ===================*/
/* ============================================= */


/* ============================================= */
/* ================== BOTONES ================== */
.crsr-pointer {
    cursor: pointer;
}

.crsr-pointer2:hover {
    cursor: pointer;
}


.botn {
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2em;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
    padding: 3px 5px;
    border: 1px solid transparent;
    border-radius: 4px ;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-delay: 0s, 0s, 0s, 0s;
}

.botn2 {
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2em;
    padding: 8px 6px;
    border: 1px solid  rgba(0, 51, 102,1);
    color: #003366;
    border-radius: 4px ;
    
}

.botn-dpd-item {
    display: block;
    width: 100%;
    padding: 6px 12px;
    clear: both;
    white-space: nowrap;
    border: 1px solid transparent;
    background-color: transparent;
    text-align: left;

}

.botn-dpd-item:hover, 
.botn-dpd-item:focus {
    background-color: #aaaaaa;

}


.botn-block {
    display: block;
    width: 100%;
  }

.botn-extrasize {
    font-size: 1.2rem;
    padding: 8px 16px !important;
}

.botn-extrasize2 {
    font-size: 1.2rem;
    padding: 12px 16px !important;
}

.botn-downsize {
    font-size: .8rem;
    padding: 2px 5px;
}


.botn-azul {
    background-color: rgba(40, 123, 188,1);
    color: #fff;
    border-color: rgba(40, 123, 188,1);
}

.botn-azul:hover {
    background-color: rgba(40, 123, 188, .80);
    color: #303030;
    border-color: transparent;
    cursor: pointer;
}


.botn-azul:disabled {
    background-color: var(--fondo-grisCtrl);
    color: rgba(48, 48, 48, .50); /*#303030;*/
    border-color: transparent;
    cursor: not-allowed;
}



.botn-rojo {
    color: #FFFFFF;
    
    background-color: rgba(240, 64, 64,1); /*  #EF3F3F;*/
    border-color: #EF3F3F;
    /*background-color: #F26060;*/
}

.botn-rojo:hover {
    color: #303030;
    background-color: rgba(242, 96, 96, .7);
    border-color: transparent;
    cursor: pointer;
    /*text-shadow: 0px 1px 2px rgba(205,205,205,1);*/
    text-decoration: none;
}

.botn-rojot {
    color: #303030;
    background-color: rgba(242, 96, 96, .7);
    border-color: transparent;
    cursor: pointer;
    /*text-shadow: 0px 1px 2px rgba(205,205,205,1);*/
    text-decoration: none;
}

.botn-rojot:hover {
    color: #FFFFFF;
    background-color: #EF3F3F;
    border-color: #EF3F3F;
    /*background-color: #F26060;*/
}


.botn-verde {
    color: #FFFFFF;
    background-color: #0db02b;
    border-color: #0db02b;
}

.botn-verde:hover {
    color: #303030;
    background-color: rgba(13, 176, 43, .8);
    border-color: transparent;
    cursor: pointer;
    /*text-shadow: 0px 1px 2px rgba(205,205,205,1);*/
    text-decoration: none;
}

.botn-Link-simple {
    color: inherit;
    /*: #303030;*/
    background-color: transparent;
    border: 1px solid transparent;
}

.botn-Link-simple:hover {
    cursor: pointer;
    text-decoration: none;
    /*text-shadow: 0px -1px 1px#303030;*/
    /*text-shadow: 0px -1px 1px rgba(48, 48, 48, 1);*/
    color: #FA6C15;
    /*rgba(02,54,82,.85)*/
}

.botn-Link-simple-blanco {
    color: #FFFFFF;
}



.botn-redondo {
    border: 1px solid transparent;
    border-radius: 50% !important;
}

.botn-gris2verde {
    background-color: rgb(120, 120, 120);
    color: rgba(13, 176, 33, 1);
    border-color: transparent;
    cursor: pointer;
    text-decoration: none;
}

.botn-gris2verde:hover {
    color: rgb(120, 120, 120);
    background-color: rgba(13, 176, 33, 1);
    border-color: transparent;
}

.botn-gris2rojo {
    background-color: rgb(120, 120, 120);
    /*120,120,180 */
    color: red;
    /* #303030;*/
    border-color: transparent;
    cursor: pointer;
    text-decoration: none;
    /* background-color: rgba(242, 96, 96, .7); */
    /*text-shadow: 0px 1px 2px rgba(205,205,205,1);*/
}

.botn-gris2rojo:hover {
    color: rgb(120, 120, 120);
    background-color: #EF3F3F;
    border-color: transparent;
    /* #EF3F3F;*/
}

.botn-div {
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: transparent;
    text-decoration: none;
}

.botn-div:hover {
    cursor: pointer;
    border-color:#EF3F3F; /* rgba(0, 51, 102, .25);*/
}

.botn-Icono2 {
    padding: 4px;
     border: 1px solid transparent;
     border-radius: 4px;
     background-color: transparent;
     text-decoration: none;
 }

.botn-Icono {
   padding: 4px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: transparent;
    text-decoration: none;
    font-size: 1.1rem;
}

.botn-Icono:hover {
    cursor: pointer;
    border-color: rgba(0, 51, 102, .25);
}

.botn-Icono-azul {
    color: rgba(0, 162, 232, 1);
}

.botn-Icono-azul:hover {
    color: rgba(0, 51, 102, 1);
}

.botn-Icono-verde {
    color: rgba(20, 176, 75, 1);
}

.botn-Icono-verde:hover {
    color: rgba(0, 156, 25, .25);
}

.botn-Icono-rojo {
    color: rgba(255, 0, 0, .8);
}

.botn-Icono-rojo:hover {
    color: rgba(255, 0, 0, .25);
}


.botn-Icono-gris {
    color: rgba(168, 168, 168, .7);
}

.botn-Icono-gris:hover {
    color: rgba(0, 0, 0, .75);
    /*border-color:transparent !important;*/
}

.botn-transparente {
    display: inline-block;
    background-color: transparent;
    border-color:  transparent;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2rem;
    padding: 3px 5px;
        /*
    color:  transparent;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
    */
 }

.botn-transparente:hover {
  color:transparent;
}
.botn-transparente-azul {
  color: #007bff;
  border: 1px solid #007bff;
}


.botn-transparente-azul:hover 
{
  background-color: #007bff;
  color: #ffffff;
/*text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
border-color:  transparent;*/
}

.botn-transparente-azul:focus, .botn-transparente-azul.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.botn-transparente-azul.disabled, .botn-transparente-azul:disabled {
  color: #007bff;
  background-color: transparent;
}

.botn-transparente-azul:not(:disabled):not(.disabled):active, 
.botn-transparente-azul:not(:disabled):not(.disabled).active,
.show > .botn-transparente-azul.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.botn-transparente-azul:not(:disabled):not(.disabled):active:focus, 
.botn-transparente-azul:not(:disabled):not(.disabled).active:focus,
.show > .botn-transparente-azul.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem transparent;
}


.botn-opcion {
    padding: 4px;
     border: 1px solid transparent;
     border-radius: 4px;
     background-color: transparent;
     text-decoration: none;
 }

 .botn-opcion:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, .10);
    color: rgba(0, 162, 232, 1)
}



.botn-badge
{
    display: inline-block;
    padding: 8px 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    font-size: 85%;
    font-weight: 400;
    line-height: 1;
    border-radius: 10rem;
    border-style: solid;
    border-width:  1px;   
}

.botn-badge:focus, .botn-badge:active {
    border-radius: 2px !important;    
}



.botn-badge-cuadro
{
    display: inline-block;
    padding: 8px 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    font-size: 85%;
    font-weight: 400;
    line-height: 1;
    border-style: solid;
    border-width:  1px;   
}



.botn-badge-apagado
{
    color: #606060;
    border-color: #CCCCCC;
    background-color: var(--fondo-grisCtrl);
   
    /* border: solid 1px var(--colorFontPrincipal); rgba(0, 0, 0, .10) !important; */
}

.botn-badge-apagado:hover { 
    color: #101010;
    border-color: #CCCCCC;
    background-color: #FFFFFF;
}


.botn-badge-encendido {
    color: rgb(255, 255, 255);
    background-color: rgba(13, 176, 33, 1);
  }

.botn-badge-azul {
    color: rgb(255, 255, 255);
    background-color: rgba(0, 123, 255,1 );
  }

  .botn-badge-azul2 {
    color: rgb(255, 255, 255);
    background-color: rgba(0, 176, 240,1 );
  }
  

 



  .botn-badge-rojo {
    color: rgb(255, 255, 255);
    background-color: rgba(255, 31, 31, 1 );
  }
  


.botn-badge:hover { 
    cursor: pointer; 
}
.botn-badge:hover, 
.botn-badge-apagado:hover{
    color: #101010;
    border-color: #CCCCCC;
    background-color: #FFFFFF;
}


.botn-badge-encendido:hover {

    color: rgba(255, 255, 255,1);
    background-color: rgba(13, 176, 33, .5);
  
  }





/*=================== BOTONES ===================*/
/* ============================================= */

/* ============================================= */
/* ================== imgs ================== */


.botn-foto  {
    /* vertical-align: top;
    width: 100%;  */
	opacity: .7;
}

.botn-foto:hover {
	opacity: 1;
	-webkit-transition: all .1s ease;
	-o-transition: all .1s ease;
    transition: all .1s ease;
    cursor: pointer;
}


/* ================== imgs ================== */
/* ============================================= */

/* ================================================== */
/*===================  INPUTS  =======================*/

/*SE USAN EN LOGIN */
.captura {
    font-size: inherit;
}

.captura-azul {
    background-color: rgba(176, 201, 223, 1) !important;
}


.captura:focus, .captura-azul:focus {
    background-color: #FFFFCC !important;
    font-weight: bolder;
}
/*SE USAN EN LOGIN */


.grp-CapturaTransp {
    display: flex;
    flex-direction:row;
    align-items:stretch;     
    background-color: transparent;
}

.grp-Captura {
    display: flex;
    flex-direction:row;
    align-items:stretch;     
    background-color: var(--fondo-grisCtrl);
}

.grp-Capturasb {
    display: flex;
    flex-direction:row;
    align-items:stretch;     
}

.grp-Capturacol {
    display: flex;
    flex-direction:column;
    align-items:stretch;     
    background-color: var(--fondo-grisCtrl);
}


.grp-Captura-Blanco {
    display: flex;
    flex-direction:row;
    align-items:stretch;     
    background-color: #FFFFFF;
}



.ctrl{border:1px solid  var(--bordesColor-grisCtrl);}


.ctrl > .iconoIzquierda {
    border-style: solid;
    border-width: 0px 1px 0px 0px; 
    border-color: var(--bordesColor-grisCtrl);
}

.ctrl > .iconoIzquierdaftransp {
    border-style: solid;
    border-width: 0px 1px 0px 0px; 
    border-color: var(--bordesColor-grisCtrl);
    background-color: #FFFFFF !important;
}

.ctrl > .txtcaptura {
    width: 100%;
    margin: 2px 2px 2px 0px;
    padding-left: 8px;
}

.ctrl > .txtAreacaptura {
    width: 100%;
    margin: 2px 2px 2px 0px;
    padding-left: 8px;
}

.txtAreacaptura {
    border: 1px solid rgba(0,0,0, .25);
    /*background-color: rgba(0, 162, 232,.15);*/
}


.txtcaptura:focus, .txtAreacaptura:focus {
    background-color: #FFFFCC !important;
}


.txtObligatorio {
    border:1px solid rgba(255,0,0, .15);
    /*background-color: rgba(0, 162, 232,.15);*/
}

.textareaObligatorio {
    border: 1px solid rgba(255,0,0, .45);
    /*background-color: rgba(0, 162, 232,.15);*/
}



.txtReadonly {background-color: #eeF2F6 !important;}
.txtReadonly:focus {background-color: #dee2e6 !important;}

/*===================  INPUTS  ==================*/
/* ============================================= */

/* =================================================== */
/*=================== CONTENEDORES ===================*/

.contenedorPrincipal {
    display: -ms-flexbox !important;
    display: flex !important;
  /*  padding: 4px;*/
    flex-direction: column;;
   
}
/*=================== CONTENEDORES ================== */
/* ================================================== */


/* ============================================= */
/* ================= Tablas ==================== */
/* #6c757d 0, 51, 102,*/

.contenedorTabla {
    border: 0px solid rgba(108, 117, 125, 1);
    overflow-y: auto;   
}


/*.tabla,*/

.tabla-sm {
    width: 100%;
    /* margin-bottom: 1rem;    */
}

.tabla-responsiva {
    display: block;
   /* width: 100%;*/
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


/*176, 201, 223, 1*/
.tabla thead tr {
  background-color: rgba(248, 248, 248, 1);
  border-top: 0px solid rgba(192, 192, 192, 1);
}
.tabla thead tr:last-of-type {border-bottom: 2px solid rgba(0, 51, 102, 1);}

.tabla thead th {
    vertical-align: middle;
    text-align: center;  
    padding: 10px 8px;
  }


.tabla-encabezado-cmds {
    background-color: rgba(248, 248, 248, 1) !important;
    padding-left: 6px !important;
}

.tabla-encabezado-cmds th {padding: 8px 4px !important;}

.tabla-rayada tbody tr {
    border-bottom: 0px solid rgba(0, 51, 102, 1);
}

.tabla-rayada tbody tr:hover {
  background-color: rgba(176, 201, 223, 1)  !important;
}

.tabla-rayada tbody tr:last-of-type {
    border-bottom: 0px solid rgba(0, 51, 102, 1);
}

.tabla-rayada tbody tr:nth-of-type(odd) {
    /* background-color: rgba(0, 0, 0, 0.05); */
    background-color: rgba(255, 255, 255, 0.05);
}

.tabla-rayada tbody tr:nth-of-type(even) {
    background-color: rgba(52, 58, 64, 0.15);
}




.Renglonerr {
    background-color: rgba(255, 60, 60, 0.75) !important;
    
}

.RenglonOK {
    background-color: rgba(20, 176, 75, .75) !important;
    color: rgba(250,250,250,1) !important;
}


.tabla-blanca tbody tr {
    border-bottom: 1px solid rgba(0, 51, 102, 1);
    background-color: rgba(255, 255, 255,1);
}

.tabla tbody th,
.tabla tbody td {
    padding: 0.50rem .75rem;
    vertical-align: middle;
}

.tabla-sm tbody th,
.tabla-sm tbody td {
    padding: 0.25rem .40rem;
}

.renglonactivo {
    background-color: rgba(52, 58, 64, 0.90);
    color: #FFFFFF
}

.colIcono {
    width: 36px !important;
}


/* ================= Tablas ==================== */
/* ============================================= */



/* =================================================*/
/* ================= TOOLTIP  ======================*/

.tooltip-class .tooltip-inner {
    background-color: rgba(255, 255, 255, 1);
    font-size: 125%;
    color: #003366;
}

.tooltip-class.arrow::before {
    border-top-color: rgba(255, 255, 255, 1);
}

.matToolTip {
    background: rgba(255, 255, 255, 1) !important;
    font-size: 1.2rem !important;
    color: #003366 !important;
}

.matToolTip-fs10 {
    background: rgba(255, 255, 255, 1) !important;
    font-size: 1rem !important;
    color: #003366 !important;
}

.matToolTipGris12 {
    background: rgba(55, 55, 55, .85) !important;
    font-size: 12px !important;
    color: #FFFFFF !important;
}


/* ================= TOOLTIP  ======================*/
/* =================================================*/


/* =================================================*/
/* ================== SNACKBAR =====================*/

/*0c3866*/

.snackBar {
    background-color: rgba(12, 56, 102, .85);
    border: 2px solid rgb(225, 101, 1);
    color: #AACCFF !important;
}

.snackBar>.mat-simple-snackbar-action {
    color: rgb(225, 101, 1) !important;
}


/* .mat-simple-snackbar-action{
    color: #FFFF00 !important;
  } */


/* ================== SNACKBAR =====================*/
/* =================================================*/


/* =================================================*/
/* =============== SWEETALERT ===================== */

.swalProcesandoImagen {
    width: 80px;
    height: 80px;
    border-style: solid;
    border-width: 2px;
    border-color: #CF2A00;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}


/* =============== SWEETALERT ===================== */
/* =================================================*/


/* =================================================*/
/* =============== AJUSTES ========================*/
.form-groupzzz{
    margin-bottom: 0px;
}
.form-control {
    border-radius: 0rem;
}

#textarea > .is-invalid {
background-color: #003366 !important;

} 


/* .was-validated .form-control:invalid, .form-control.is-invalid {
    border-color:  #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  } */


/* =============== AJUSTES ========================*/
/* =================================================*/