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

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



:root {
    /*= COLORES =*/
    --colorPrincipal: rgba(0, 62, 126, 1 );

    --colorPrincipalT85: rgba(0, 62, 126, .85);
    --colorPrincipalT75: rgba(0, 62, 126, .75);
    --colorPrincipalT50: rgba(0, 62, 126, .50);
    --colorPrincipalT25: rgba(0, 62, 126, .25);
    --colorPrincipalT15: rgba(0, 62, 126, .15);


    /* FONTS  */
    --colorFontPrincipal: #003E7E;
    --colorFontSecundario: #EEEEEE;
    
    
    /*--BORDES */
    --bordesColor-gris: #DEE2E6 !important;
    --bordesColor-grisCtrl: #CCCCCC !important;


    /* Fondos */
    --fondo-grisCtrl: #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);
   }

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

@supports ((position: -webkit-sticky) or (position: sticky)) {
    .sticky-top2 {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index: 1030;
    }
  }



/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */
/* 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);
     line-height: 2.0rem;
 }


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


 .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;
    
}

.Descripcion {
    font-size: 1.2rem !important;
    font-style: italic;
}

.Text-whiteSpaceNoWarap {
    white-space: nowrap !Important;
}


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




/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */
/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */
/* FONTS */

.ft-Arial {font-family: Arial !important;}
.fwbold {font-weight: bold !important;}
.fitalic {font-style: italic;}

.ft-Roboto {font-family: 'Roboto', sans-serif}
.ft-Lato {font-family: 'Lato', sans-serif}





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

.fc-default {color: var(--colorFontPrincipal)  !important;}
.fc-Principal{color: var(--colorFontPrincipal) !important;}
.fc-Secundario{color: var(--colorFontSecundario)  !important;}
 
.fc-blanco {color: #FFFFFF !important;}
.fc-grisClaro {color: rgba(248,248,248,1) !important;}

.fc-grisClaro2 {color: rgba(238,238,238,1)  !important;}
.fc-grisClaro3 {color: rgba(196, 212, 238, 1)  !important;}
.fc-grisClaro4 {color: rgba(164, 180, 206, 1)  !important;}
.fc-grisClaro5 {color: rgba(116, 132,147,1 )  !important;}


.fc-grisObscuro {color: #343040  !important;}


.fc-rojo {color: rgba(255, 16, 0, 1) !important;}
.fc-rojoTenue {color: rgb(255, 199, 209) !important;}
.fc-verde {color: rgba(20, 176, 75, 1) !important;}
.fc-verde2 {color: rgba(70, 236, 125, 1) !important;}
.fc-azul {color: rgba(0, 162, 232, 1) !important;}

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

/*=================== Font-Size ====================*/
.fs060 {font-size: .6rem !important;}
.fs070 {font-size: .7rem !important;}
.fs080 {font-size: .8rem !important;}
.fs090 {font-size: .9rem !important;}
.fs095 {font-size: .95rem !important;}
.fs100 {font-size: 1.0rem !important;}
.fs105 {font-size: 1.05rem !important;}
.fs110 {font-size: 1.1rem !important;}
.fs120 {font-size: 1.2rem !important;}
.fs125 {font-size: 1.25rem !important;}
.fs130 {font-size: 1.3rem !important;}
.fs140 {font-size: 1.4rem !important;}
.fs150 {font-size: 1.5rem !important;}
.fs160 {font-size: 1.6rem !important;}
.fs170 {font-size: 1.7rem !important;}
.fs180 {font-size: 1.8rem !important;}
.fs190 {font-size: 1.9rem !important;}
.fs200 {font-size: 2.0rem !important;}
.fs220 {font-size: 2.2rem !important;}

/* .fs12px */
/*=================== Font-Size ===================*/

/* FONTS */
/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */

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

.MinWidth100 {min-width: 100px !important;}
.MinWidth120 {min-width: 120px !important;}
.MinWidth130 {min-width: 130px !important;}
.MinWidth150 {min-width: 150px !important;}
.MinWidth175 {min-width: 175px !important;}
.MinWidth200 {min-width: 200px !important;}
.MinWidth250 {min-width: 250px !important;}
.MinWidth300 {min-width: 300px !important;}
.MinWidth350 {min-width: 350px !important;}
.MinWidth400 {min-width: 400px !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;}
.MinWidth800 {min-width: 800px !important;}
.MinWidth850 {min-width: 850px !important;}


.MaxWidth50 {max-width: 50px !important;}
.MaxWidth75 {max-width: 75px !important;}
.MaxWidth100 {max-width: 100px !important;}
.MaxWidth150 {max-width: 150px !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;}


.w-040px {width: 40px !important;}
.w-042px {width: 42px !important;}
.w-045px {width: 45px !important;}
.w-050px {width: 50px !important;}
.w-065px {width: 65px !important;}
.w-075px {width: 75px !important;}
.w-085px {width: 85px !important;}
.w-090px {width: 90px !important;}
.w-095px {width: 95px !important;}
.w-100px {width: 100px !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;}
.w-650px {width: 350px !important;}

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

.height100vh-260
{
    height: calc(100vh - 260px) !important; 
    overflow-y:auto;
}

.height100vh-337
{
    height: calc(100vh - 337px) !important; 
    overflow-y:auto;
}



.height100vh-380
{
    height: calc(100vh - 380px) !important; 
    overflow-y:auto;
}

.height100vh-405
{
    height: calc(100vh - 405px) !important; 
    overflow-y:auto;
}




/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */
/* Bordes */
.bordeGrisObcuro{border: 1px solid rgba(60,60,60, 1) !important;}
.bordeBlanco{border: 1px solid #FFFFFF !important;}
.bordeAzul{border: 1px solid #003366;}
.bordeNaranja{border: 1px solid #FF3300 !important;}
.bordeVerde{ border: 1px solid rgb(10, 241, 10) !important;}
.bordeVerde2 {border: 1px solid #0db02b;}

.bordeVerde3{ border: 3px solid rgb(10, 241, 10) !important;}
.bordeRojo3{ border: 3px solid rgb(255, 30, 30) !important;}
.bordeRojo{ border: .5px solid rgb(255, 30, 30) !important;}

.bordeOutsetGrisC {border: 1px outset #CCCCCC  !important;;}
.bordeIntsetGrisC {border: 1px inset #CCCCCC  !important;;}

.borde-Bottom {
    border-style: solid !important;
    border-width: 0px 0px 1px 0px !important; 
}

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


.bordeCtrl-Derecho {
    border-color: var(--bordesColor-grisCtrl);
    border-style: solid;
    border-width: 1px 1px 1px 0px; 
}

.bordeCtrl-Izq {
    border-color: var(--bordesColor-grisCtrl);
    border-style: solid;
    border-width: 1px 0px 1px 1px; 
}


.bordeCtrl-B {
    border-color: var(--bordesColor-grisCtrl);
    border-style: solid;
    border-width: 0px 0px 1px 0px; 
}

.bordeCtrl-T {
    border-color: var(--bordesColor-grisCtrl);
    border-style: solid;
    border-width: 1px 0px 0px 0px; 
}


.bordeCtrl-I {
    border-color: var(--bordesColor-grisCtrl);
    border-style: solid;
    border-width: 0px 0px 0px 1px; 
}

.bordeCtrl-U {
    border-color: var(--bordesColor-grisCtrl);
    border-style: solid;
    border-width: 0px 1px 1px 1px; 
}

.bordeRedondo-25
 {
    border-radius: 2.5px;
    -webkit-radius: 2.5px;
    -moz-radius: 2.5px;
}


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

.bordeRedondo-35-top
 {
    border-radius:  3.5px 3.5px 0px 0px;
    -webkit-radius: 3.5px 3.5px 0px 0px;
    -moz-radius:    3.5px 3.5px 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;
}


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

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



.bordeRedondo-Circulo
 {
    border-radius: 50%;
    -webkit-radius: 50%;
    -moz-radius: 50%;
}


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

.borde-cuadrado
 {
    border-radius: 0px !important;
    -webkit-radius: 0px !important;
    -moz-radius:  0px !important;
}



/* Bordes */

/* Fondos  */



.fondoPrincipal{ background-color: var(--colorPrincipal);}
.fondoTitulo{background-color: rgba(176, 201, 223, .65);}

.fondoPrincipalT85{ background-color: var(--colorPrincipalT85);}
.fondoPrincipalT75{ background-color: var(--colorPrincipalT75);}
.fondoPrincipalT50{ background-color: var(--colorPrincipalT50);}
.fondoPrincipalT25{ background-color: var(--colorPrincipalT25);}
.fondoPrincipalT15{ background-color: var(--colorPrincipalT15);}

.fondoBlanco {background-color: #FFFFFF;}
.fondoVerde {background-color: #0db02b;}
.fondoVerde2 {background-color: #78e016;}

.fondoRosa {background-color: rgba(240, 60, 220, .90);}
.fondoRojo {background-color: rgba(240, 0, 0,1 );}
.fondoRojoTenue {background-color: rgba(231, 84, 84, 1 );}


.fondoAmarillo {background-color: rgba(255, 255, 204, 1) !important;}
.fondoAzulclaro {background-color:#d9edf7;}
.fondoAzulclaro1 {background-color:rgba(0, 162, 232, .15);}
.fondoAzulclaro2 {background-color:rgba(0, 162, 232, 1);}

.fondoTituloPagina { background-color: rgba(176, 201, 223, .65)}

.fondoAzulObscuro {background-color:#003366;}

.fondoAzulTransparente {background-color:rgba(255, 255, 255, .25);}


.fondoGrisClaro030 {background-color: rgba(0,0,0,.03);}




.fondoClaro247 {background-color: rgba(247, 247, 247, 1) !important;}
.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;}
.fondoClaro, 
.fondoClaro248 {background-color: rgba(248, 248, 248, 1) !important;}

.fondogrp-Captura2 { background-color:  rgba(233, 236, 239, 1) !important;}


.fondoCtrl {background-color: var(--fondo-grisCtrl);} /*9EECEF */
.fondoPrepend {background-color: rgba(233,236,239,1);} /*9EECEF */

.fondo-light {background-color: rgba(248, 249, 250, 1) !important;}
.fondoSilver {background-color:rgb(192,192,192) !important;}
.fondoSilver50 {background-color:rgba(192,192,192, .50) !important;}
.fondoObscuro {background-color:rgb(52, 58, 64) !important;}

.fondoNaranja{background-color: rgba(255, 51, 0, 1) !important;}

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


.fondoNavBar {
    /* background-color: rgba(120, 182, 246, 1);    */
    /* background-color: rgba(0, 0, 0, 1) !important; */

    background-color: rgba(248, 248, 248, 1) !important;
    /* color: rgba(00, 62, 126, 1);    */
}


.fondoAzulTransparente {background-color:rgba(255, 255, 255, .25);}

.fondoSteel {
    background: url("../imgs/btns/steel.png");
    background-repeat: no-repeat;
    opacity: .8;
    background-size: cover;
    
}



/* Fondos  */

/* Sombras */

.Sombra {
    box-shadow: 10px 10px 5px grey;
}

.Sombra2 {
    box-shadow: -1px -1px 1px grey;
}

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


/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*= */
/* 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;}



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



/* PADDING */
.pd-00{padding:0px !important;}
.pd-02{padding:2px !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-16, .pdt-16, .pdy-16 {padding-top: 16px; }
.pd-16, .pdb-16, .pdy-16 {padding-bottom: 16px;}
.pd-16, .pdl-16, .pdx-16 {padding-left: 16px;}
.pd-16, .pdr-16, .pdx-16 {padding-right: 16px;}



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


.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-24, .pdt-24, .pdy-24 {padding-top: 24px; }
.pd-24, .pdb-24, .pdy-24 {padding-bottom: 24px;}
.pd-24, .pdl-24, .pdx-24 {padding-left: 24px;}
.pd-24, .pdr-24, .pdx-24 {padding-right: 24px;}

.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 ================== */
/* ================================================ */

/* ================================================ */
/* ================== 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-Capt {
    display: flex;
    flex-direction:row;
    align-items:stretch;     
}

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

.grp-Captura2 {
    /* align-items: center; */
    display: flex;
    flex-direction:row;
    align-items:stretch !important; 
    color: var(--colorPrincipal) !important;
    background-color: #e9ecef;
    border: 1px solid #ced4da; 
}

.grp-Captura-NB {
    /* align-items: center; */
    display: flex;
    flex-direction:row;
    align-items:stretch !important; 
    color: var(--colorPrincipal) !important;
    background-color: transparent;
    border: 0px solid #ced4da; 
}


.lblCapturaIzq {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
      
    border-style: solid;
    border-width: 0px 1px 0px 0px;   
    border-radius: 0px 1px 0px 0px;   
   border-color: #ced4da;
}

.lblCapturanb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
      
    /* border-style: solid;
    border-width: 0px 0px 0px 0px;   
    border-radius: 0px 1px 0px 0px;   
    border-color: #ced4da; */
}



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


.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);*/
}

/* [readOnly] = "MetaDefinicionSoloLectura" */


.txtReadonly {background-color: rgba(250, 255,250, 1) !important;}
.txtReadonly:focus {background-color: rgba(222, 226, 230, 1) !important;}

.txtReadonlyNoactivo {background-color: rgba(222, 226, 230, 1) !important;}
.txtReadonlyNoactivo:focus {background-color: rgba(222, 226, 230, 1) !important;}



input[type=text], select, textarea, .txtarea {
    width: 100%;  
    resize: vertical;
}


/* ================== INPUTS ================== */
/* ================================================ */
.opacity80 {
    opacity: .8;
}

.opacity80:hover {
    opacity: 1;

}

.opacity100 {
    opacity: 1;
}

.opacity100:hover {
    opacity: .8;

}


.tb {
    display: flex;    
    /* opacity: .8; */
}

.tbSilver {
    background-color:rgb(192,192,192) !important;   
}

.tbObscuro {
    background-color:rgb(52, 58, 64) !important;    
}

.tbSteel {
    background: url("../imgs/btns/steel.png");
    background-repeat: no-repeat;    
    background-size: cover; 
    /* align-items: center;
    justify-content: center;
    align-content: center; */    
}

.tb:hover {
    opacity: 1.0;
}

 

.tbicono {
    cursor: pointer;
    display: flex;    
    flex-direction: column;
    opacity: .8;
}

.tbicono:hover {
    opacity: 1.0;
} 

/* ================================================ */
/* TABS */

/*crsr-pointer fondogrp-Captura2 bordeAzul pd-08 opacity100*/
.tabOpcion {
    cursor: pointer;
    background: rgb(232,232,232);
    border: 1px solid #003366;
    padding: 8px;
    opacity: .80;
}

.tabOpcion:hover {
    opacity: 1;
    background: rgb(255,255,255);
}

.tabOpcion-banca, .tabOpcion-blanca {
    cursor: pointer;
    background: rgb(255,255,255);
    border: 1px solid #003366;
    padding: 8px;
    opacity: .80;
}

.tabOpcion-blanca-NoPad {
    cursor: pointer;
    background: rgb(255,255,255);
    border: 1px solid #003366;
    padding: 1px;
    opacity: .80;
}

.tabOpcion-borderBottom {
    cursor: pointer;
    background: rgb(255,255,255);
    border-width: 0px 0px 1px 0px; 
    border-color: var(--bordesColor-grisCtrl);
    border-style: solid;
    
    /* border: 1px solid #003366; */
    /* opacity: .80; */
}



.tabOpcion-banca:hover, .tabOpcion-blanca:hover {
    opacity: 1;
    background: rgb(232,232,232);


}

.tabSteel {
    background: url("../imgs/btns/steel.png");

} 
.tabh{
    cursor: pointer;
    display: flex;
    vertical-align: middle;
    text-align: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-right: 2px;
    border-color: rgb(222, 226, 230) !important;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    opacity: .8;
}


.tabh-borde{
    cursor: pointer;
    display: flex;
    vertical-align: middle;
    text-align: center;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin-right: 2px;
    border: 1px solid rgb(222, 226, 230) !important;
    opacity: .8;
}
  


.tabh:hover,  .tabh-borde:hover {
    opacity: 1;
}

.tabhAzul {
    /* border-width: 1px 1px 5px 1px; */
    /* border-color:  #003E7E !important; */
    /* border-width: 2px 2px 0px 2px; */
    background-color:rgba(0, 162, 232, 1);
    color: #FFFFFF !important;
}



.tabhGris {
    background-color: rgba(247, 247, 247, 1) !important;
    color: #003E7E !important;
    /* color: var(--colorFontPrincipal); */
}
/* background-color: rgba(0,0,0,.03) !important; */


.tabhGris2 {
    background-color: rgba(225, 225, 225, 1) !important;
    color: #003E7E !important;
    /* color: var(--colorFontPrincipal); */
}


.tabhGrisV {
    background-color: rgba(0,200,0, .3) !important;
    color: #003E7E !important;
    /* color: var(--colorFontPrincipal); */
}


.tabhNoactiva {
    background-color: rgba(198,198,198,1) !important;
    color: #303030 !important;
    /* color: var(--colorFontPrincipal); */
}




.tabhVerde {
    background-color: rgba(13, 176, 43,1);
    color: #FFFFFF !important;
    /* color: var(--colorFontPrincipal); */
}




/* mr-02 pd-08 fs110 crsr-pointer 
    border border-bottom-0 d-flex flex-column align-content-center justify-content-center align-items-center */




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

.crsr-pointer2:hover {
    cursor: pointer;
}
.crsr-default {
    cursor: default !important;
}

.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;
}


.botn:focus, .botn:active {
    border: 1px solid #FF3300;
    cursor: pointer;
}


.botn2 {
    display: inline-block;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    font-size: 1.2em;
    padding: 3px 5px;
    border: 1px solid transparent;
    border-radius: 4px ;
}

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

 .botn-extrasize10 {
    font-size: 1rem;
    padding: 2px 8px !important;
}

.botn-extrasize11 {
      font-size: 1.1rem;
      padding: 6px 12px !important;
  }

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



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


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


.botn-gris {
    color: var(--colorFontPrincipal);
    background-color: rgba(198, 198, 198, 1);
    /* border-color: rgb(148, 148, 148,); */
    border-color: rgb(248, 248, 248,) !important; 

}

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


/* .botn-blanco {
    color: #FFFFFF;
    background-color: #0db02b;
    border-color: #0db02b;
}

,
.botn-blanco:hover */

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


.botn-azul {
    background-color: #287bbc;
    color: #fff;
    border-color: #287bbc;
}


.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: #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;
}




/* BOTON ICONO */


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


 .FontClaro {
    color: rgba(255, 255, 255, .7);

 }

 .FontClaro:hover {
    color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, .7) !important ;

 }




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


 .botn-IconoNB {
    cursor: pointer;
    padding: 4px;
    border: 0px solid transparent;
    background-color: transparent;
    text-decoration: none;
    font-size: 1.1rem;
 }


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


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

.botn-Icono-azul-borde {
    border: 1px solid rgba(0, 162, 232, 1);
}


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


.botn-Icono-azul2 {
   
    color: rgba(0, 51, 102, 1);
    background-color: rgba(255, 255, 204, 1);
}

/* #FFFFCC !important; */

.botn-Icono-azul2:hover {
    cursor: pointer;
    background-color: transparent !important;

}

.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-Naranja,
.botn-Icono-Naranja2  {
    color: rgba(255, 64, 0, 1);
}

.botn-Icono-Naranja:hover {
    color: rgba(255, 255, 255, .9);
}

.botn-Icono-Naranja2:hover {
    color: rgba(255, 64, 0, .55);
}




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

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

.botn-Icono-Deshabilitado:hover {
    cursor: 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;
}


/* =*=*=*=*=*=*=*=* */
/* REDONDO */


.botn-redondo, .botn-redondo:active  {
    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-badge, .botn-badgenh
{
    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-sm 
{
    display: inline-block;
    padding: 2px 4px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    font-size: 85%;
    font-weight: 200;
    line-height: 1;
    border-radius: 10rem;
    border-style: solid;
    border-width:  1px;   
}


.botn-badge:focus, 
.botn-badge:active, 
.botn-badge-sm {
    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;  
    cursor: pointer; 
}



.botn-badge-desabilitado
{
    color: #202020;
    border-color: #808080;
    background-color: #808080;

   
    /* border: solid 1px var(--colorFontPrincipal); rgba(0, 0, 0, .10) !important; */
}

.botn-badge-desabilitado:hover {
    cursor:none;


}


.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) !important;
    background-color: rgba(0, 123, 255,1 ) !important;
  }

  .botn-badge-azul2 {
    color: rgb(255, 255, 255) !important;
    background-color: rgba(0, 162, 232, 1);
  }

  .botn-badge-azul2-nohover {
    color: rgb(255, 255, 255) !important;
    background-color: rgba(0, 162, 232, 1);
  }

  .botn-badge-azul2:hover {
    background-color: rgba(0, 162, 232, .5);
  }
  

  .botn-badge-verde {    
    color: rgb(255, 255, 255) !important;
    background-color: rgba(40, 167, 69,1 )
  }

  .botn-badge-verde:hover {    
    background-color: rgba(40, 167, 69, .5 )
  }


  .botn-badge-apagado-borderRojo
  {
      /* color: #A0A0A0; */
      border-color: rgba(255, 60, 60, 0.75 ) !important;
      background-color: rgba(240, 240, 240,1 );
      /* border-color: rgba(240, 0, 0,1 ); */
      /* background-color: rgba(255, 60, 60, 0.75) !important; */
      /* background-color: var(--fondo-grisCtrl); */
     
      /* border: solid 1px var(--colorFontPrincipal); rgba(0, 0, 0, .10) !important; */
  }

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

  .botn-badge-rojo:hover {    
    background-color: rgba(240, 0, 0, .5 );
  }

.botn-badge-apagado-borderRojo,
.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);
  
  }


  .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;

}



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


/* ============================================= */
/* ================== ITEMS ================== */

/*dropdown-item*/
.ddi {
    padding: 8px 8px 4px 14px !important;
}

.ddi:hover {
    cursor: pointer;
    background-color: #FFFFCC !important;
}


/* ================== ITEMS ================== */
/* ============================================= */

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

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

.tabla-contenedor{
    background-color: rgba(248,248,248,1); /* rgba(12, 56, 102, .85);*/
    padding: 2px;
    border:1px solid rgba(198,42,00,1);
    text-align: center;
    
   }
 
   

/*.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: 1px solid rgba(0, 51, 102, 1);
}

.tabla-rayada tbody tr:hover,
.tabla-rayadaSB tbody tr:hover {
    cursor: pointer;
  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),
.tabla-rayadaSB 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), 
.tabla-rayadaSB tbody tr:nth-of-type(even){
    background-color: rgba(52, 58, 64, 0.15);
}




.Renglonerr {
    background-color: rgba(255, 60, 60, 0.75) !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) !important;
    color: #FFFFFF !important;
}

.colIcono {
    width: 36px !important;
}





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

/* 
.my-custom-class .tooltip-inner {
    background-color: darkgreen;
    font-size: 125%;
  }
  .my-custom-class .arrow::before {
    border-top-color: darkgreen;
  } */


.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);
}


.tooltip-classGris .tooltip-inner {
    background-color: rgba(55, 55, 55, .85) !important;
   /* font-size: 1.2rem;*/
    color: #FFFFFF !important;
}

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


.matToolTipAmarillo {
    background: rgba(255, 255, 204, 1) !important;
    font-size: 1.2rem !important;
    color: #003366 !important;
    border: 1px solid  #003366 !important;
}

.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;
}

.matToolTip-fs12 {
    background: rgb(248, 248, 248) !important;
    font-size: 1.2rem !important;
    color: #003366 !important;
    padding: 2px;
}


.matToolTipGris-fs12 {
    background: rgb(55, 55, 55) !important;
    font-size: 1.2rem !important;
    color: #FFFFFF !important;
    padding: 2px;
}


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



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

.matToolTipZ9000 {
    z-index: 1155 !important;
}

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


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

/*0c3866*/

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

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

.cdk-overlay-container {
    position: fixed;
    z-index: 10000 !important;
}

::ng-deep .cdk-overlay-container {
    z-index: 10000 !important;
  }

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


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


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

.swalProcesandoImagen {
    width: 80px;
    height: 80px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--colorPrincipal); /* #CF2A00;*/
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.swalhtml {
    color:rgba(0, 62, 126, 1 );  
    /* background-color: #287bbc;     */
}


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


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

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

} 

.navbar-toggler {
    border: 2px solid #003366 !important;
    color: #003366 !important;
    /* border: 2px solid #003366 !important; */
}

.input-group-text, .form-control {
    color: var(--colorPrincipal) !important;
}

/* Variante 1 */
.input-group-text-v1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;   
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 0px solid #ced4da;
    border-radius: 0;
  }


  .xlModal > .modal-dialog {
    max-width: 1300px !important;
    min-width: 400px !important;   
    width: 95% !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 ========================*/
/* =================================================*/

.Mayusc {
    text-transform: uppercase;
}

.margin-bottom-remove {
    margin-bottom: 0px !important;
}


/* */

@media screen and (max-height: 600px  ) {


    .height100vh-405, .height100vh-380, .height100vh-260
    {
        height: 100% !important;         
    }
  }
@media screen and (max-width: 800px ) {

     .height100vh-337
    {
        height: 100% !important;         
    }
  }

  @media screen and (max-width: 900px ) {

    .height100vh-260
   {
       height: 100% !important;         
   }
 }