@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400&family=Ubuntu:wght@300;400;500&display=swap');

/* width */
::-webkit-scrollbar {
width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: hsl(209deg 89% 65% / 63%);
border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #479ae7;
}

A:visited {
	COLOR: #336699; font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; 
        /* TEXT-DECORATION: underline */
}

A:link {
	COLOR: #336699; font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; 
        TEXT-DECORATION: none;
}

A:hover {
	/* COLOR: #000000; font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; */
        TEXT-DECORATION: underline;
}

A.item:visited {
	COLOR: #666666; font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; 
        font-size: 11px; TEXT-DECORATION: none
}

A.item:link {
	COLOR: #666666; font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; 
        font-size: 11px; TEXT-DECORATION: none
}

A.item:hover {
	COLOR: #000000; font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; 
        font-size: 11px; TEXT-DECORATION: none
}

BODY {
	background-color: #ffffff; 
        margin: 10
}

INPUT{
	border-style: solid; border-width: 1pt; border-color: #000000;
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: 500;
	background-color: #ffffff;
}

SELECT {
    border-style: solid; 
    border-width: 1; 
    border-color: #000000;
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-size: 11px; 
	font-weight: 500;
    background-color: #f3f2f0
}

SELECT.cols {
    border-style: solid; 
    border-width: 1; 
    border-color: #000000;
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
	font-size: 11px; 
	font-weight: 500;
    background-color: #f3f2f0
}


TEXTAREA {
        border-style: solid; border-width: 1; border-color: #000000;
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; font-weight: 500;
        background-color: #f3f2f0
}

/* Titulo de la pantalla del login */
.LoginTitle{
	font-size: 35px; 
	font-weight: bold; 
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif;
}

/* Titulo de una Tabla */
.TablaTitulo {
        /*BACKGROUND-COLOR: #6681a2;*/ 
        BACKGROUND-COLOR: #3489d8;
        COLOR: #ffffff; 
        font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; 
        FONT-SIZE: 11px; /* FONT-WEIGHT: bold; */
        border-style: none;
        padding: 2pt;
        border-radius: 5px 5px 0 0;
}

/* Fondo del frame del menu */
.StaticBody {
	/* background-color: #cdce9c; */
	/* background-color: #00249F; */
        background: rgb(241,241,241);
        background: linear-gradient(180deg, rgba(241,241,241,1) 0%, rgba(241,241,241,1) 80%, rgba(255,255,255,1) 100%);
        margin: 10;
}

/* Subtitulo de una Tabla */
.TablaSubtitulo {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #f6f6f6 ; 
    font-size: 11px; font-weight: 500; border-bottom-style: solid;
    border-bottom-width: 1pt; border-bottom-color: #000000;
	border-right-style: solid; border-right-width: 1pt;
    border-right-color: #000000; padding-left: 2pt
}

.TablaSubtitulo_CI {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #f6f6f6 ; 
        font-size: 11px; font-weight: 500; border-bottom-style: solid;
        border-bottom-width: 1pt; border-bottom-color: #000000;
        border-left-width: 1pt; border-left-color: #000000; border-left-style: solid;
	border-right-style: solid; border-right-width: 1pt;
        border-right-color: #000000; padding-left: 2pt
}

/* Subtitulo de una Tabla sin borde deracho*/
.TablaSubtitulo_SD {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #f6f6f6 ; 
        font-size: 11px; font-weight: 500; border-bottom-style: solid;
        border-bottom-width: 1pt; border-bottom-color: #000000;
	 padding-left: 10
}


/* Sutitulo de una Tabla sin Borde Superior e Inferior*/
.TablaSubtituloSinBorde_SB {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #f6f6f6 ; 
        font-size: 12px ; font-weight: 500; border-right-style: solid; 
        border-right-width: 0;border-right-color: #000000; 
        padding-left: 10

}

/* Sutitulo de una Tabla sin Borde Superior, Inferior y derecho*/
.TablaSubtituloSinBorde_SBD {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #f6f6f6 ;
        font-size: 12px ; font-weight: 500; padding-left: 10
}

/* Contenido de una Tabla Sin Bordes */
.TablaContenidoSinBordes {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; 
        background-color: #ffffff ; font-size: 11px; 
        font-weight: 500; padding-left: 10
}

.TablaButton {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; 
	color: #000000; 
    background-color: #f6f6f6;
    /*background-color: #00249F;*/
    font-size: 11px;
    font-weight: 500; 
    padding-left: 10; 
    padding-top: 1pt;
    border-width: 1pt; 
    border-color: #000000;
    border-style: solid
}

.TablaContenidoSinBordesStatic {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; 
        background-color: #ffffff ; font-size: 11px;
        font-weight: 500; padding-left: 10;
        border-style: solid; border-width: 1pt;
        border-color: #c4c4c4
}

/* Contenido de una Tabla Sin Bordes */
.TablaContenidoSinBordesMenu {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; 
        background-color: #ffffff ; font-size: 11px; 
        font-weight: 500
}

/* Contenido de una Tabla con Bordes */
.TablaContenido {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; 
        background-color: #ffffff ; font-size: 11px; 
        font-weight: 500; border-right-style: solid; 
        border-right-width: 1pt; border-right-color: #000000;
	border-bottom-style: solid; border-bottom-width: 1pt;
        border-bottom-color: #c4c4c4; padding-left: 2pt; padding-right: 2pt
}


.TablaContenido_CI {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; 
        background-color: #ffffff ; font-size: 11px; 
        font-weight: 500; border-right-style: solid; 
        border-right-width: 1pt; border-right-color: #000000;
	border-bottom-style: solid; border-bottom-width: 1pt;
	border-left-style: solid; border-left-width: 1pt; border-left-color: #000000;
        border-bottom-color: #c4c4c4; padding-left: 2pt; padding-right: 2pt
}

/* Contenido de una Tabla con Bordes */
.TablaHeader {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; 
        background-color: #ffffff ; font-size: 12px ;
        font-weight: 500;
        border-style: solid; border-width: 1pt; border-color: #000000
}

/* Contenido de una Tabla sin borde derecho*/
.TablaContenido_SD {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; 
        background-color: #ffffff ; font-size: 11px; 
        font-weight: 500; 
	border-bottom-style: solid; border-bottom-width: 1pt;
        border-bottom-color: #c4c4c4; padding-left: 2pt; padding-right: 2pt
}

/* Contenido de una Tabla sin borde derecho*/
.TablaContenido_SDA {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; 
        background-color: #ffffff ; font-size: 11px; 
        font-weight: 500
}

.TablaContenido_SDA .TablaTitulo {
        BACKGROUND-COLOR: #3489d8;
        COLOR: #ffffff; 
        font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; 
        FONT-SIZE: 11px; /* FONT-WEIGHT: bold; */
        border-style: none;
        border-radius: 5px;
        padding: 2pt;
}

/* Contenido de una Tabla con Borde izquierdo */
.TablaContenido_L {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; 
        background-color: #ffffff ; font-size: 11px; 
        font-weight: 500; border-right-style: solid; 
        border-left-width: 1; border-left-style: solid;border-left-color: #000000;
        border-right-width: 1; border-right-color: #000000;
	border-bottom-style: solid; border-bottom-width: 1; 
        border-bottom-color: #c4c4c4; padding-left: 10
}

.TablaStaticMenu {
        padding: 1px;
}

.TablaStatic {
        border-width: 1pt; border-style: solid; border-color: #000000;
        border-radius: 5px;
}

.TablaStatic_ST {
        border-width: 2pt; border-style: solid; border-color: #000000;
        border-top-style: solid
}

/* Sutitulo de una Tabla sin Borde Superior e Inferior*/
.TablaSubtituloSinBorde_SBA {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; background-color: #f6f6f6 ; 
        font-size: 12px ; font-weight: 500; border-right-style: solid; 
        border-right-width: 0;border-right-color: #000000; 
        padding-left: 10

}

/* Contenido de una Tabla Sin Bordes */
.TablaContenidoSinBordesPtos {
	font-family: 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; color: #000000; 
        background-color: #ffffff ; font-size: 14px ; 
        /*font-weight: bold; */ padding-left: 10
}