/********************************************************/
@import url("https://fonts.googleapis.com/css?family=Montserrat");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.path {
    width: 100%;
    height: 30px;

    background-color: #1565c0;/*#1565c0;*/
    color: white;
    text-align: left;
    font-size: 10pt;
    margin: 3px;
    font-family: Roboto;
    z-index: 3;
}

.pathBotonera {
    width: 100%;
    height: 30px;
    background-color: white;
    color: #1565c0;
    text-align: left;
    font-size: 10pt;
    margin: 3px;
    font-family: Roboto;
    z-index: 3;
}

.botonera {
    font-size: 10pt;
    width: 100%;
    margin: auto;
    background-color: white;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    vertical-align: top;
    text-align: center;
}

.botonera tr {
    height: 30px;
}

.botonera tr td {
    white-space: nowrap;
    vertical-align: middle;
}

.barra {
    text-decoration: none !important;
    color: #1565c0;
    font-size: 14pt;
}
/********************************************************/

/*************** estilos del menu ***********************/
div.menuBar,
div.menuBar a.menuButton,
div.menu,
div.menu a.menuItem {
  font-family: Roboto;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  color: white;
}
/*M43819 fburza */
div.menuBar {
  background-color: rgba(35, 84, 155, .3);
  /* border-top: rgba(255, 255, 255,.3) 1px solid; */
  border-top: 1px solid transparent;
  border-image-source: linear-gradient(to right, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0.0) 70%);
  border-image-slice: 1 30% 1 50%;
  border-radius: 5px;
  text-align: left;  
  padding-left: 9px;
  padding-top:5px;  
  padding-bottom:5px; 
  vertical-align: -webkit-baseline-middle;
  height: 20%; 
 }
/*FIN M43819 */
div.menuBar a.menuButton {
  border: 2px solid transparent;
  cursor: default;
  left: 0;
  text-decoration: none;
  font-size: 10pt;
  /*top: 4px;*/
  z-index: 100;
  position: relative;
  margin: 1px;
  padding: 4px;
  vertical-align: -webkit-baseline-middle;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  /*border-color: #f0f0f0 #909090 #909090 #f0f0f0;*/
  color: white;
}

div.menuBar a.menuButtonActive,
div.menuBar a.menuButtonActive:hover {
  background-color: transparent;
/*  border-color: #909090 #f0f0f0 #f0f0f0 #909090;*/
  color: white;
  border: rgba(255, 255, 255, .5) 2px solid;
  border-radius: 7px;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color:  #23549b;
  border: 1px solid rgba(255,255,255,.2);
/*  border-color: #f0f0f0 #909090 #909090 #f0f0f0;*/
  left: 0;
  padding: 0 1px 1px 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  box-shadow: 5px 5px 5px rgba(53, 52, 52, 0.5);
  border-radius: 7px;
  transition: visibility 0.1s ease, opacity 0.3s, max-height 0.7s;
  max-height: 0px;
  opacity: 0;
  z-index: 101;
}

div.menu.show {
	visibility: visible;
	max-height: max-content;
	opacity: 1;
}

div.menu a.menuItem {
  border: 2px solid transparent;
  color: white;
  cursor: pointer;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  font-size: 10pt;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #23549b;
  color: #ffffff;
  border: rgba(255, 255, 255, .5) 2px solid;
  border-radius: 7px;

}

/* div.menu a.menuItem span.menuItemText {} */

div.menu a.menuItem span.menuItemArrow {
  margin-right: -.75em;
}

div.menu div.menuItemSep {
  /*
  border-top: 1px solid #909090;
  border-bottom: 1px solid #f0f0f0;
  */
  margin: 4px 2px;
}

/************************************************************************************************/
a.gris{
	color: #646464;
	font-family: Roboto;
	font-size: 9px;
	text-decoration: none;
}
a.gris:hover{
	color: #000000;
}
a.gris2{
	color: #6C6C6C;
	font-family: Roboto;
	font-size: 9px;
	text-decoration: none;
}
a.gris2:hover{
	color: #161616;
	text-decoration: underline;
}
.textopie{
	color: #6C6C6C;
	font-family: Roboto;
	font-size: 9px;
	text-decoration: none;
}
.msgerror{
	background-color: red;
	color: #FFFFFF;
	font-size: 13px;
}
hr{
	height: 1px;
	color: #B9B9B9;
    border-style: dotted;
    background-color: white;
}

BODY
{
	background: #FFFFFF; /*url('../imagenes/cuerpo/back5.jpg') repeat-x;*/
	margin:auto;
    font-size: 10pt;
    COLOR: black;
    font-family: Roboto;
    width: 98%;
}
.textohead{
		color: #fffefe;
		font-family: Roboto;
		font-size: 10px;
		text-decoration: none;
}

.logoHead {
    border: 1px solid #DDD !important;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, .3) !important;
    border-radius: 5px !important;
    background-color: #fff;
    color: black
}
P
{
    MARGIN-TOP: 3px;
    font-size: 10pt;
    font-family: Roboto;
}
H1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20pt;
    COLOR: black
}
H2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    COLOR: black
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    COLOR: black
}
H4
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: black
}
H5
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: black
}
H6
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #000000
}
TD
{
    font-size: 10pt;
    FONT-FAMILY: Roboto;
}
TH
{
    font-size: 10pt;
    FONT-FAMILY: Roboto;
}
UL
{
    MARGIN-TOP: 0
}
LI
{
    font-size: 10pt;
    FONT-FAMILY: Roboto;
}
STRONG
{
    FONT-WEIGHT: bold
}
SMALL
{
    font-size: 10pt
}
DT
{
    MARGIN-TOP: 0.8em;
    FONT-WEIGHT: bold
}
FORM
{
    MARGIN-TOP: 0em;
    MARGIN-BOTTOM: 0em
}
.puntero
{
    CURSOR: hand
}
.fecha
{
    FONT-WEIGHT: bold;
    font-size: 10pt;
    COLOR: #4b6887;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: none
}
.textofactura
{
    font-size: 10pt;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #cccccc
}
.textohome
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 11px;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: none
}
.textohome2
{
    FONT-SIZE: 10px;
    COLOR: #4b6887;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: none
}
.textolink
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    COLOR: #757575;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: none
}
.textolink:hover
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    COLOR: #5c8585;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: underline
}
.linkpreacuerdo
{
    FONT-WEIGHT: bolder;
    font-size: 10pt;
    COLOR: #757575;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: underline
}
.linkpreacuerdo:hover
{
    FONT-WEIGHT: bolder;
    font-size: 10pt;
    COLOR: #5c8585;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: none
}
.linkayuda
{
    font-size: 10pt;
    COLOR: #64659d;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: underline
}
.linkayuda:hover
{
    font-size: 10pt;
    COLOR: #64659d;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: none
}
/*
.barra:link
{
    FONT-WEIGHT: bold;
    font-size: 10pt;
    COLOR: black;
    FONT-FAMILY: Arial, sans-serif;
    TEXT-DECORATION: none
}
.barra:active
{
    FONT-WEIGHT: bold;
    font-size: 10pt;
    COLOR: black;
    FONT-FAMILY: Arial, sans-serif;
    TEXT-DECORATION: none
}
*/
.titulos
{
    FONT-SIZE: 14px;
    COLOR: #ffffff;
    FONT-FAMILY: Roboto;
}
.celeste
{
    FONT-SIZE: 10pt;
    COLOR: #6197cf;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: none
}
.submenu:link
{
    FONT-WEIGHT: bold;
    font-size: 10pt;
    COLOR: white;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: none
}
.submenu:visited
{
    FONT-WEIGHT: bold;
    font-size: 10pt;
    COLOR: white;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: none
}
.submenu:active
{
    FONT-WEIGHT: bold;
    font-size: 10pt;
    COLOR: white;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: none
}
.submenu:hover
{
    FONT-WEIGHT: bold;
    font-size: 10pt;
    COLOR: #294352;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: none
}
.tituloAyuda
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: white;
    FONT-FAMILY: Roboto;
}
.textohome3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    COLOR: #4b6887;
    FONT-FAMILY: Roboto;
}
.cabeceraOC
{
    FONT-SIZE: 10px;
    COLOR: black;
    FONT-FAMILY: Roboto;
}
.cabeceraTitOc
{
    FONT-SIZE: 12px;
    COLOR: black;
    FONT-FAMILY: Roboto;
}
.etiqueta
{
    font-size: 10px;
    COLOR: black;
    FONT-FAMILY: Roboto;
}
.inputs:enabled
{
    border-radius: 0 !important;
    border: 1px solid #90caf9;
    FONT-FAMILY: Roboto,Roboto,Roboto;
    background-color: white;
    font-style: NORMAL;
    font-size: 10pt;
    padding: 3px;
    SCROLLBAR-FACE-COLOR: #f5f5f5;
    COLOR: black;
    SCROLLBAR-BASE-COLOR: #f5f5f5;
}
.inputs:disabled
{
    border-radius: 0 !important;
    border: 1px solid #90caf9;
    FONT-FAMILY: Roboto,Roboto,Roboto;
    font-style: NORMAL;
    font-size: 10pt;
    padding: 3px;
    SCROLLBAR-FACE-COLOR: #f5f5f5;
    COLOR: black;
    SCROLLBAR-BASE-COLOR: #f5f5f5;
}
.inputsrojo
{
    border: 1px solid #90caf9;
    SCROLLBAR-FACE-COLOR: #d9e8e8;
    font-size: 10pt;
    COLOR: #ff0000;
    FONT-FAMILY: Roboto;
    SCROLLBAR-BASE-COLOR: #d9e8e8;
    BACKGROUND-COLOR: white
}

.BotonTYC
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-SIZE: 11pt;
    BACKGROUND-IMAGE: none;
    BORDER-LEFT: 1px solid;
    CURSOR: pointer;
    COLOR: white;
    BORDER-BOTTOM: 1px solid;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #1565c0;
    TEXT-DECORATION: none;
}
.BotonInformaPago
{
    BORDER-RIGHT: 1px solid;
    BORDER-TOP: 1px solid;
    FONT-SIZE: 11pt;
    BACKGROUND-IMAGE: none;
    BORDER-LEFT: 1px solid;
    CURSOR: pointer;
    COLOR: white;
    BORDER-BOTTOM: 1px solid;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #ff0000;
    TEXT-DECORATION: none;
}

.botondeg{
	background-color: #1565c0;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	color: #FFF;
	font-size: 11px;
	font-family: Roboto;
	filter: Alpha(Opacity=40, FinishOpacity=100, Style=1, startx=0, starty=0, finishx=0, finishy=100);
	cursor: hand;
}

/*-- INI KM::20210422::M:63163*/
.disabled
{
    background-color:lightgray !important;
    color: darkgray !important;;
    cursor: not-allowed !important;;
}

.filaSeleccionada
{
    COLOR: white !important;
    FONT-FAMILY: Roboto !important;
    /*BACKGROUND-COLOR: crimson !important;*/
    BACKGROUND-COLOR: #06C188 !important;
    
}

/*-- FIN KM::20210422::M:63163*/


.botondegInv{
	background-color: #088A85; /*#A4A4A4;*/
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	color: #FFF;
	font-size: 11px;
	font-family: Roboto;
	filter: Alpha(Opacity=40, FinishOpacity=100, Style=1, startx=0, starty=0, finishx=0, finishy=100);
}
.botondegPush{
	background-color: #F2F2F2; 
	border-color: #567878;	/*#000000;*/
	border-style: solid;
	border-width: 1px;
	color: 		black;	
	font-size: 13px;
	font-family: Roboto;
	filter: Alpha(Opacity=80, FinishOpacity=100, Style=1, startx=0, starty=0, finishx=0, finishy=100);
}
.botondeg2{
		/*background-color: #2CAD2C;*/
		background-color: #BDBDBD;
		border-color: #000000;
		border-style: solid;
		border-width: 1px;
		/*width: 70px;*/
		color: #000000;
		font-size: 10px;
		font-family: Roboto;
		filter: Alpha(Opacity=20, FinishOpacity=100, Style=1, startx=0, starty=0, finishx=0, finishy=100);
}
.botondeg2resaltado{
		/*background-color: #2CAD2C;*/
		background-color: #BDBDBD;
		border-color: #FFEB80;
		border-style: solid;
		border-width: 1px;
		/*width: 70px;*/
		color: #FFEB80;
		font-size: 10px;
		font-family: Roboto;
		filter: Alpha(Opacity=20, FinishOpacity=100, Style=1, startx=0, starty=0, finishx=0, finishy=100);
}
.imgOut
{
	filter: Alpha(Opacity=20, FinishOpacity=100, Style=1, startx=0, starty=0, finishx=0, finishy=100);
}
.imgOn
{
	filter: Alpha(Opacity=100, FinishOpacity=100, Style=1, startx=0, starty=0, finishx=0, finishy=100);
}
.BotonTYCrojo
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    FONT-SIZE: 12px;
    BACKGROUND-IMAGE: none;
    BORDER-LEFT: #000000 1px solid;
    CURSOR: hand;
    COLOR: #ff0000;
    BORDER-BOTTOM: #000000 1px solid;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #d9e8e8;
    TEXT-DECORATION: none
}

.inputOculto
{
    CLEAR: right;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    font-size: 10pt;
    BORDER-LEFT: medium none;
    COLOR: #757575;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: right
}
.inputOculto2
{
    CLEAR: left;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    font-size: 10pt;
    BORDER-LEFT: medium none;
    COLOR: #757575;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #d8e2e7;
    TEXT-ALIGN: right
}
.blanco
{
    FONT-SIZE: 12px;
    MARGIN: 0 4px 8px 0;
    COLOR: white;
    FONT-FAMILY: Roboto;
}
.blancotitulo
{
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: Roboto;
}
.error
{
    FONT-SIZE: 12px;
    MARGIN: 0;
    COLOR: #64659d;
    FONT-FAMILY: Roboto;
}
.boton
{
    BORDER-RIGHT: 1px ridge;
    BORDER-TOP: 1px ridge;
    FONT-SIZE: 11px;
    BORDER-LEFT: 1px ridge;
    BORDER-BOTTOM: 1px ridge;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: none
}
.textarea
{
    BORDER-RIGHT: #6987a3 1px solid;
    BORDER-TOP: #6987a3 1px solid;
    FONT-SIZE: 12px;
    BORDER-LEFT: #6987a3 1px solid;
    COLOR: #757575;
    BORDER-BOTTOM: #6987a3 1px solid;
    FONT-FAMILY: Roboto;
    SCROLLBAR-BASE-COLOR: #55aaaa;
    BACKGROUND-COLOR: #55aaaa
}
.foot
{
    FONT-SIZE: 7pt;
    COLOR: #ffeedb;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: none
}
.head_proveedor
{
    FONT-SIZE: 7pt;
    COLOR: #ffffff;
    FONT-FAMILY: Roboto;
}
.celdaInterna
{
    font-size: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR:#1565c0!important;
	/*BACKGROUND-COLOR: #959595;*/
}
.celdaInternaRed
{
    font-size: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: lightcoral!important;
}
.celdaInterna:link
{
    font-size: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #1565c0;
    TEXT-DECORATION: underline
}
.celdaInterna:active
{
    font-size: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #1565c0;
    TEXT-DECORATION: underline
}
.celdaExterna
{
    font-size: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #1565c0;
}
.celdaInterna02
{
    font-size: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #1565c0;
}
.celdaInterna02CD
{
    font-size: 10pt;
    COLOR: red;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #ff6633
}
.celdaInterna02CDN
{
    font-size: 10pt;
    COLOR: #757575;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #ff6633
}
.celdaInterna01
{
    font-size: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #1565c0;
}
.celdaInterna03
{
    font-size: 10pt;
    COLOR: #757575;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #e3f2fd;
}
.celdaInterna04
{
    font-size: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #6e818c;
    padding: 5;
}

.celdaInterna05
{
    font-size: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #179be7;
    padding: 5;
}
.celdaSubInterna01
{
    font-size: 10pt;
    COLOR: #757575;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #ffffff;
}
.celdaSubInterna02
{
    font-size: 10pt;
    COLOR: #757575;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #e3f2fd;
}
.celdaSubInterna03
{
    font-size: 10pt;
    COLOR: #757575;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: white;
}
.celdaSubInternaRed
{
    font-size: 10pt;
    COLOR: #757575;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: mistyrose
}
.celdaSubInternaOrange
{
    font-size: 10pt;
    COLOR: #757575;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #FFF2D5;
}

.celdaSeleccion
{
    font-size: 10pt;
    COLOR: #757575;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #c5dad5
}
.celdaclara
{
    font-size: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #bdbdbd;
}
.celdaclaraNaranja
{
    font-size: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #ffeedb
}
.clock
{
    font-size: 10pt;
    COLOR: #ffffff;
    FONT-FAMILY: Roboto;
}
.checkbutton
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-SIZE: 18px;
    MARGIN: 1px;
    BORDER-LEFT: medium none;
    COLOR: #303062;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Roboto;
    LIST-STYLE-TYPE: none;
    BACKGROUND-COLOR: #e6ebf5
}
.checkMejoraOferta
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    FONT-SIZE: 18px;
    MARGIN: 1px;
    BORDER-LEFT: medium none;
    COLOR: red;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Roboto;
    LIST-STYLE-TYPE: none;
    BACKGROUND-COLOR: #e6ebf5
}
.ChatOperador
{
    FONT-SIZE: 9pt;
    COLOR: #64659d;
    FONT-FAMILY: Roboto;
}
.ChatUsuario
{
    FONT-SIZE: 9pt;
    COLOR: #303062;
    FONT-FAMILY: Roboto;
}
.subtituloverde
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    COLOR: #1565c0;
}
.textoFAQ
{
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: none
}
.linkFAQ
{
    FONT-SIZE: 9pt;
    COLOR: #757575;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: none
}
.linkFAQ:hover
{
    FONT-SIZE: 9pt;
    COLOR: #757575;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: underline
}
.textoazul
{
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: Roboto;
}
.TGSOc
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-STYLE: normal;
    FONT-FAMILY: Roboto;
    FONT-VARIANT: normal
}
.inputsHome
{
    FONT-SIZE: 7.5pt;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #f5f5f5;
    FONT-VARIANT: normal
}
.menuHome
{
    FONT-SIZE: 7.5pt;
    TEXT-TRANSFORM: none;
    COLOR: #ffffff;
    FONT-STYLE: normal;
    FONT-FAMILY: Roboto;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none
}
.ComboEvaluaciones
{
    /*FONT-WEIGHT: bold;*/
    font-size: 10pt;
    FONT-FAMILY: Roboto;
}
.MuyPositivo
{
    COLOR: #00bb00
}
.Positivo
{
    COLOR: #008000
}
.NoInfluye
{
    COLOR: #464646
}
.Negativo
{
    COLOR: #800000
}
.MuyNegativo
{
    COLOR: #ff0000
}
.btnchico
{
    BORDER-RIGHT: #1565c0 1px solid;
    BORDER-TOP: #1565c0 1px solid;
    FONT-SIZE: 10px;
    MARGIN: 0;
    BORDER-LEFT: #1565c0 1px solid;
    COLOR: #FFFFFF;
    BORDER-BOTTOM: #1565c0 1px solid;
    FONT-STYLE: normal;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #1565c0;
    TEXT-DECORATION: none
}
.inputoculto3
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    font-size: 10pt;
    BORDER-LEFT: medium none;
    COLOR: white;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #1565c0;
    TEXT-ALIGN: left
}
.textalignright
{
    BORDER-RIGHT: #336666 1px solid;
    BORDER-TOP: #336666 1px solid;
    font-size: 10pt;
    BORDER-LEFT: #336666 1px solid;
    COLOR: #757575;
    BORDER-BOTTOM: #336666 1px solid;
    FONT-FAMILY: Roboto;
    TEXT-ALIGN: right
}
.celdaclaranaranja2
{
    font-size: 10pt;
    COLOR: black;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #ffeedb
}
.celdaclaranaranja2textorojo
{
    font-size: 10pt;
    COLOR: red;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #ffeedb
}
.celdaclaranaranja2textorojotachada
{
    font-size: 10pt;
    COLOR: red;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #ffeedb;
    TEXT-DECORATION: line-through
}
.orden
{
    FONT-SIZE: 9px;
    COLOR: black;
    FONT-FAMILY: Roboto;
}
.orden2
{
    FONT-SIZE: 14px;
    COLOR: black;
    FONT-FAMILY: Roboto;
}
.REQFondoAmarillo
{
    BORDER-RIGHT: thin groove;
    BACKGROUND-POSITION: center center;
    BORDER-TOP: thin groove;
    FONT-WEIGHT: bolder;
    FONT-SIZE: smaller;
    BACKGROUND-ATTACHMENT: scroll;
    BACKGROUND-IMAGE: url(../imagenes/fondoamarillo.jpg);
    BORDER-LEFT: thin groove;
    COLOR: black;
    BORDER-BOTTOM: thin groove;
    BACKGROUND-REPEAT: repeat;
    FONT-FAMILY: Roboto;
}
.REQFondoAzul
{
    BORDER-RIGHT: thin groove;
    BACKGROUND-POSITION: left top;
    BORDER-TOP: thin groove;
    FONT-WEIGHT: bolder;
    FONT-SIZE: smaller;
    BACKGROUND-ATTACHMENT: scroll;
    BACKGROUND-IMAGE: url(../imagenes/fondoazul.jpg);
    BORDER-LEFT: thin groove;
    COLOR: white;
    BORDER-BOTTOM: thin groove;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Roboto;
    FONT-VARIANT: small-caps
}
.REQFondoNeutro
{
    BORDER-RIGHT: thin outset;
    BORDER-TOP: thin outset;
    FONT-WEIGHT: bolder;
    FONT-SIZE: smaller;
    BORDER-LEFT: thin outset;
    COLOR: teal;
    BORDER-BOTTOM: thin outset;
    FONT-FAMILY: Roboto;
    FONT-VARIANT: small-caps
}
.REQFondoAmaAzul
{
    BORDER-RIGHT: thin groove;
    BACKGROUND-POSITION: left top;
    BORDER-TOP: thin groove;
    FONT-WEIGHT: bolder;
    FONT-SIZE: smaller;
    BACKGROUND-ATTACHMENT: scroll;
    BACKGROUND-IMAGE: url(../imagenes/fondoamaazul.jpg);
    BORDER-LEFT: thin groove;
    COLOR: black;
    BORDER-BOTTOM: thin groove;
    BACKGROUND-REPEAT: no-repeat;
    FONT-FAMILY: Roboto;
    FONT-VARIANT: small-caps
}
.REQFondoVerde
{
    BORDER-RIGHT: thin groove;
    BACKGROUND-POSITION: left top;
    BORDER-TOP: thin groove;
    FONT-WEIGHT: bolder;
    FONT-SIZE: smaller;
    BACKGROUND-ATTACHMENT: scroll;
    BACKGROUND-IMAGE: url(../imagenes/fondoverde.jpg);
    BORDER-LEFT: thin groove;
    COLOR: white;
    BORDER-BOTTOM: thin groove;
    FONT-FAMILY: Roboto;
    FONT-VARIANT: small-caps
}
.REQFondoNaranja
{
    BORDER-RIGHT: thin groove;
    BACKGROUND-POSITION: left top;
    BORDER-TOP: thin groove;
    FONT-WEIGHT: bolder;
    FONT-SIZE: smaller;
    BACKGROUND-ATTACHMENT: scroll;
    BACKGROUND-IMAGE: url(../imagenes/fondonaranja.jpg);
    BORDER-LEFT: thin groove;
    COLOR: black;
    BORDER-BOTTOM: thin groove;
    FONT-FAMILY: Roboto;
    FONT-VARIANT: small-caps
}
.REQFondoRojo
{
    BORDER-RIGHT: thin groove;
    BORDER-TOP: thin groove;
    FONT-WEIGHT: bolder;
    FONT-SIZE: smaller;
    BACKGROUND-ATTACHMENT: scroll;
    BACKGROUND-IMAGE: url(../imagenes/fondorojo.jpg);
    BORDER-LEFT: thin groove;
    COLOR: white;
    BORDER-BOTTOM: thin groove;
    FONT-FAMILY: Roboto;
}
.linkMenu
{
    FONT-SIZE: 10pt;
    COLOR: #757575;
    FONT-FAMILY: Roboto;
    TEXT-DECORATION: none
}
.REQFondoLicitado
{
    BACKGROUND-POSITION: center top;
    FONT-WEIGHT: bolder;
    FONT-SIZE: smaller;
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-IMAGE: url(../imagenes/fondolicitado.jpg);
    COLOR: white;
    FONT-FAMILY: Roboto;
    FONT-VARIANT: small-caps
}
.readonly
{
    font-size: 10pt;
    COLOR: #757575;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #eee /*' -- KM::20230710::M87313*/
}
.celdaSubinterna01tachada
{
    font-size: 10pt;
    COLOR: #cc3300;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #ffffff;
    TEXT-DECORATION: line-through
}
.celdaSubinterna02tachada
{
    font-size: 10pt;
    COLOR: #cc3300;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #e3f2fd;
    TEXT-DECORATION: line-through
}
.celdaSubinterna01Red
{
    font-size: 10pt;
    COLOR: white;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: crimson
}

/* -- INI KM::20211010::M:55205*/
.celdaExternaGreen
{
    font-size: 10pt;
    COLOR: white;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #06C188
}
.celdaInternaGreen
{
    font-size: 10pt;
    COLOR: #757575;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #B3F4E0
}
/* -- FIN KM::20211010::M:55205*/

.celdaSubInternaRedTachada
{
   font-size: 10pt;
    COLOR: #cc3300;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #FFCCCC;
    TEXT-DECORATION: line-through
   
}
.inputOcultoLeft
{
    CLEAR: right;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    font-size: 10pt;
    BORDER-LEFT: medium none;
    COLOR: #757575;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #d9e8e8;
    TEXT-ALIGN: left
}
.inputOcultoLeft2
{
    CLEAR: left;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    font-size: 10pt;
    BORDER-LEFT: medium none;
    COLOR: #757575;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #d8e2e7;
    TEXT-ALIGN: left
}
.inputOcultoLeftTachado
{
    CLEAR: right;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    font-size: 10pt;
    BORDER-LEFT: medium none;
    COLOR: #757575;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #d9e8e8;
    TEXT-ALIGN: left;
    TEXT-DECORATION: line-through
}
.inputOcultoLeft2Tachado
{
    CLEAR: left;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    font-size: 10pt;
    BORDER-LEFT: medium none;
    COLOR: #757575;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #d8e2e7;
    TEXT-ALIGN: left;
    TEXT-DECORATION: line-through
}
.inputOcultoLeftRojo
{
    CLEAR: right;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    font-size: 10pt;
    BORDER-LEFT: medium none;
    COLOR: #ff0703;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #d9e8e8;
    TEXT-ALIGN: left
}
.inputOcultoLeft2Rojo
{
    CLEAR: left;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    font-size: 10pt;
    BORDER-LEFT: medium none;
    COLOR: #ff0703;
    BORDER-BOTTOM: medium none;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #d8e2e7;
    TEXT-ALIGN: left
}
.celdaSubInterna01textorojo
{
    font-size: 10pt;
    COLOR: red;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #ffffff;
}

.celdaSubInterna02textorojo
{
    font-size: 10pt;
    COLOR: red;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #e3f2fd;
}
.celdaSubInterna02textorojoCD
{
    font-size: 10pt;
    COLOR: white;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #ff6633

}
.celdaGris
{
    font-size: 10pt;
    COLOR:#999999;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR:#CCCCCC
}
.celdaConsultaPrivadaAdherente
{
    font-size: 10pt;
    COLOR:#666666;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #C0D3D3
}
.celdaConsultaPrivadaProveedor
{
    font-size: 10pt;
    COLOR: #666666;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #CFDEDE
}

/* 
PARA EL MENSAJETE LINDO (EJ:caso no hay cai/cae/cf cargado y redirecciona) 
*/
.divMsj	
{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 200px;
	margin-top: -100px;    /* 200px/2*/
	width: 300px;
	margin-left: -150px;   /*  300px/2*/
}

/*Mnts2555*/
select.arial8pt
{
    font-size: 10pt;
    FONT-FAMILY: Roboto;
}
/*Fin Mnts2555*/

.oculta	
{
	display: none;
}

/* KM::20181025::M:16702 :: Change Request */
.tablaChangeRequest
{
    border-color:#1565c0; 
    border-style: solid; 
    border-width:1px;
    width: 100%;
    font-family:Roboto;
    font-size: 10pt;
    color: #757575;
}

.trChangeRequestCab
{
    height: 20px;
}

.trChangeRequest01
{
    /*background-color: #9AD58E;*/
    background-color: #FFAAA6;
    height: 30px;
}

.trChangeRequest02
{
    /*background-color: #68B159;*/
    background-color:salmon;   
    height: 30px;
}

.valorCR
{
    border-radius: 0;
    border: 1px solid #90caf9;
    FONT-FAMILY: Roboto,Roboto,Roboto;
    font-style: NORMAL;
    font-size: 10pt;
    padding: 3px;
    SCROLLBAR-FACE-COLOR: #f5f5f5;
    COLOR: black;
    SCROLLBAR-BASE-COLOR: #f5f5f5;
    background-color: lemonchiffon;
}

.obsCR
{
    width: 500px;
    text-align: left;
}

.cantidadCR
{
    width: 60px;
    text-align: left;
}

.fechaCR
{
    width: 80px;
    text-align: left;
}

.precioCR
{
    width: 75px;
    text-align: right;
}

.monedaOferta
{
    width: 55px;
    text-align: left;
}

.monedaCR
{
    width: 55px;
    text-align: left;
}

.labelCR
{
    font-family: Roboto,Roboto,Roboto;
    font-style: italic;
    font-size: 10pt;
    padding: 3px;
    COLOR: black;
}

.trOferta
{
    background-color: #68B159;
    height: 30px;
}

.linkOferta
{
    text-decoration: solid;
    font-style: italic;
}

.linkOferta:hover
{
    font-weight: bold;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: White;
    color: Black;
}
.MyCalendar .ajax__calendar_header 
{
    color: #1565c0;
    background-color: #e3f2fd;
    }
.MyCalendar .ajax__calendar_prev
{
    color: white;
    }
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: #e3f2fd;
    background-color: #1565c0;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: #e3f2fd;
    background-color: #1565c0;
    font-weight:bold;
}

.inputPrecio
{
    text-align: right !important;
    border: none !important; 
    background-color: transparent !important; 
    color: #757575 !important;
}

table.blueTable {
    /*border: 1px solid #1565C0;*/
    background-color: #FFFFFF;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    font-family: Roboto;
    color: #757575;
}
table.blueTable td, table.blueTable th {
    /*border: 0px solid #AAAAAA;*/
    padding: 3px 2px;
    text-align: center;

}
table.blueTable tbody td {
font-size: 13px;
}
table.blueTable tbody:nth-child(even) {
background: #E3F2FD;
}

table.blueTable tbody tr:nth-child(odd) {
	background: #E3F2FD;
}
table.blueTable tbody tr:nth-child(even) {
	background: #fff;
}


table.blueTable caption {
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;
background: #1565C0;
text-align: center;
}
table.blueTable thead {
background: #1565C0;
}
table.blueTable thead th {
font-size: 10pt;
font-weight: normal;
color: #FFFFFF;
}
table.blueTable tfoot {
background: #1565C0;
color: #FFFFFF;
}
table.blueTable tfoot th {
font-size: 10pt;
font-weight: normal;
color: #FFFFFF;
}
table.blueTable tfoot .links {
text-align: right;
}
table.blueTable tfoot .links a{
display: inline-block;
background: #1C6EA4;
color: #FFFFFF;
padding: 2px 8px;
border-radius: 5px;
}

label.blueTable  {
    font-size: 10pt;
font-weight: normal;
color: #757575;
margin-left:20;
background: #E3F2FD;
}						
caption.blueTable {
font-size: 10pt;
color: #FFFFFF;
background: #1565C0;
text-align: center;
height: 22px;
vertical-align: middle;
padding-top: 2px;
padding-bottom: 0px;
}

thead.blueTable {
font-size: 10pt;
color: #FFFFFF;
background: #1565C0;
text-align: center;
/*height: 22px;*/
vertical-align: middle;
padding-top: 0px;
padding-bottom: 0px;
}

tfoot.blueTable {
    font-size: 10pt;
    color: #FFFFFF;
    background: #1565C0;
    text-align: center;
    /*height: 22px;*/
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
    }
    
    input[type="text"].celdainterna{
    color: #757575;
    font-weight: normal;
}

.celdaInternaCabecera{
    padding: 5px;        
}

.alignRight
{
    font-family: Roboto;
    text-align: right
}


/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

#master_content .collapsePanelHeader a {color:#FFF;}
#master_content .collapsePanelHeader a:hover {text-decoration:none;background:none;}



.rojo
{
   background-color: red;  
   color: black;
    }
    
.verde
{
   background-color: Green;  
   color: Black;
    height: 23px;
}
.subtituloverde
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 9pt;
    COLOR: #336666
}

.textoazul
{
    FONT-SIZE: 9pt;
    COLOR: #000000;
    FONT-FAMILY: 'Arial CE', Arial, Verdana
}


#lateral{ 
   width: 160px; 
   background-color: #999999; 
   float:left; 
} 
#principal{ 
   margin-left: 10px; 
   background-color: #ffffff; 
   padding: 4 4 4 4px;
   width: 85%; 
} 
.modalPopup {
    background-color: #dcd5e9;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width: auto;
}
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity:0.7;
}
 .alDer
{
	text-align: right;
}
 .alaIzq
{
	text-align: left;
}
.tablaPop
{
    width: 100%;
    vertical-align: top;
    
}


.tabla_resultados
{
    overflow: scroll;
    width: 100%;
}
/*
#resultados .separador_titulo_2
{
    background-color: #592c7e;
}

#resultados .titulo_2
{
    padding-left: 5px;
    font-weight: bold;
    font-size: 9pt;
    color: #fff;
    background-color: #83afb4;
}
*/
.tabla_resultados table
{
      overflow: scroll;
    font-size: 8pt;
    width: 100%;
    color: #3b404a;
    border-collapse: collapse;
    background-color: #edf7f8;
}
.tabla_resultados thead
{
    font-weight: bold;
    font-size: 8pt;
    color: #3b404a;
    border-top-width: 5px;
    background-color: #bfdcdf;
}
.tabla_resultados .grid_header
{
    font-weight: bold;
    font-size: 8pt;
    color: #3b404a;
    background-color: #bfdcdf;
}
.tabla_resultados tbody a
{
    color: #649297;
    text-decoration: none;
}
.tabla_resultados tbody a:hover
{
    color: #649297;
    text-decoration: underline;
}
.tabla_resultados th
{
    font-weight: bold;
    font-size: 8pt;
    color: #3b404a;
    background-color: #bfdcdf;
    text-align: center;
}
.tabla_resultados td
{
    border-right: #fff 1px solid;
    border-top: #fff 1px solid;
    padding-left: 5px;
    padding-bottom: 3px;
    border-left: #fff 1px solid;
    padding-top: 3px;
    border-bottom: #fff 1px solid;
    width: 70px;
}
.tabla_resultados tr:first-child {
   font-weight: bold;
    font-size: 8pt;
    color: #3b404a;
    border-top-width: 5px;
    background-color: #bfdcdf;
} 
/*
#resultados .resaltado_tabla
{
    background-color: #83afb4;
}
*/
.tabla_resultados .resaltado
{
    background-color: #bfdcdf;
}

.amarillo
{
    background-color: Yellow;
    }
 .rojo
 {
       background-color: red;
     }
.nada
{
      background-color: Transparent;
    }
.pre
{
    background-image: url(imagenes/2leftarrow.png);
    
    }
    
    
label.tooltip
{
    position:relative;
    }
label.tooltip span
{
    display:none;
    }
label.tooltip:hover span
{
    display:block;
    position:absolute;
    top:1em;
    left:2em;
    padding:0.2em 0.6em;
    width: 120px;
    border:1px solid #996633;
    background-color:#FFFF66;
    color:#000;
    z-index: 1;
    }
    
   button.tooltip
{
    position:relative;
    }
button.tooltip span
{
    display:none;
    }
button.tooltip:hover span
{
    display:block;
    position:absolute;
    top:1em;
    left:2em;
    padding:0.2em 0.6em;
    width: 120px;
    border:1px solid #996633;
    background-color:#FFFF66;
    color:#000;
    z-index: 1;
    }
.oculto
{
    display:none;
    }
.visible
{
    display: block;
    }
 /*AutoComplete flyout */
.completionList {
border:solid 1px #444444;
margin:0px;
padding:2px;
height: 100px;
overflow:auto;
background-color: #FFFFFF;
}

.listItem {
color: #1C1C1C;
}

.itemHighlighted {
background-color: #ffc0c0;
}

.detUsrBaja { /*NAHUELG:55325*/
    position: relative;
}

.detUsrBajaDetalle{ /*NAHUELG:55325*/
    width: 35rem;
    position: absolute;
    border: 2px solid #1565c0;
    background-color: white;
    top:0px;
    left: 150px;
    animation-name: abrir;
    animation-duration: 0.7s;
}

.detUsrBajaDetalleCie{ /*NAHUELG:55325*/
	
    position: absolute;
    right:0px;
    top: 0px;
   
}

@keyframes abrir { /*NAHUELG:55325*/
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}

/************************************************************************************************/
    /* CSS DIV ENCUESTA SATISFACCIÓN NAHUELG:57851*/


#divEncuesta {
    width: 600px;
    bottom: 25px;
    right: 25px;
    border: 1px solid #c0c0c0;
    background-color: rgb(238, 238, 238);    
}

#headerEnc {
    display: flex;
    height: 50px;
    align-items: center;
    padding-left: 20px;
}

#bodyEnc {
    height: 250px;
    background:  rgb(238, 238, 238);
}

#icoEnc {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    height: 60px;
    color: #575757;
}

#valoracion {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100;
}

#valoracion input {
    border: none;
    outline:none;
}

#footerEnc {
    display: flex;
    justify-content: flex-end;
}

.encBtnCancelar {
    width: 100px;
    height: 35px;
    margin: 15px;
    border: 0;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    background: white;   
    color: #575757;
    border: none;
    outline:none;
}

.encBtnEnviar {
    width: 100px;
    height: 35px;
    margin: 15px;
    border-radius: 5px;
    font-size: 15px;
    font-weight: bold;
    background: rgb(93, 182, 93);
    color: white;
    border: none;
    outline:none;
}

.encBtnEnviar:hover {
    background-color: rgb(76, 201, 76);
}

.encBtnCancelar:hover {
    background-color: rgb(201, 89, 89);
    color: #FFFFFF;
}

.errorDato {
    outline: 0 none;
    border-color: rgb(218, 37, 37);
    
}

#txtEnc {
    width: 80%;
    height: 80px;
    max-width: 550px; 
    max-height: 80px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 5px;
}

#bodyEnc h5,h4 {
    color: #575757;
    padding-left: 15px;
    height: 0px;
}

#bodyEnc h5 {
    padding-top: 10px;
    padding-bottom: 5px;
}

#headerEnc h2 {    
    color: #575757;
}

#bodyEnc textarea{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.modal-contenido{
    width:600px;
    padding: 10px 20px;
    margin: 10% auto;
    position: relative;
    border: 1px solid #c0c0c0;
    background-color: rgb(238, 238, 238);
  }

  .modal{
    background-color: rgba(0,0,0,.8);
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:0;
    pointer-events:none;
    transition: all .4s;
  }
  #miModal:target{
    opacity:1;
    pointer-events:auto;
  }

/************************************************************************************************/




table.blueTableXls {
    /*border: 1px solid #1565C0;*/
    background-color: #FFFFFF;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    font-family: Roboto;
    color: #757575;
}
table.blueTableXls td, table.blueTableXls th {
    /*border: 0px solid #AAAAAA;*/
    padding: 3px 2px;
    text-align: center;

}
table.blueTableXls tbody td {
font-size: 13px;
}

table.blueTableXls tr:nth-child(even) td {
background: #E3F2FD;
}
            
table.blueTableXls caption {
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;
background: #1565C0;
text-align: center;
}
table.blueTableXls thead {
background: #1565C0;
}
table.blueTableXls thead th {
font-size: 10pt;
font-weight: normal;
color: #FFFFFF;
}
table.blueTableXls tfoot td {
font-size: 14px;
}
table.blueTableXls tfoot .links {
text-align: right;
}
table.blueTableXls tfoot .links a{
display: inline-block;
background: #1C6EA4;
color: #FFFFFF;
padding: 2px 8px;
border-radius: 5px;
}

label.blueTableXls  {
    font-size: 10pt;
font-weight: normal;
color: #757575;
margin-left:20;
background: #E3F2FD;
}						
caption.blueTableXls {
font-size: 10pt;
color: #FFFFFF;
background: #1565C0;
text-align: center;
height: 22px;
vertical-align: middle;
padding-top: 2px;
padding-bottom: 0px;
}

thead.blueTableXls {
font-size: 10pt;
color: #FFFFFF;
background: #1565C0;
text-align: center;
/*height: 22px;*/
vertical-align: middle;
padding-top: 0px;
padding-bottom: 0px;
}


/* -- INI KM::20211120::M:71846*/
.celdaExternaGris
{
    font-size: 10pt;
    COLOR: white;
    FONT-FAMILY: Roboto;
    BACKGROUND-COLOR: #6987a3
}
/* -- FIN KM::20211120::M:71846*/

/* -- INI KM::20220425::M76233 */
::-webkit-input-placeholder {
    font-style: italic;
 }
 :-moz-placeholder {
    font-style: italic;  
 }
 ::-moz-placeholder {
    font-style: italic;  
 }
 :-ms-input-placeholder {  
    font-style: italic; 
 }
 /* -- FIN KM::20220425::M76233 */

/*' -- INI KM::20221216::M81227*/
 .chkGrisado
{
    accent-color:darkgray;
}

.campoDisabled
{
    background-color:FFF !important;
    color: black !important;
    cursor: not-allowed !important;
    accent-color:lightgray !important;
}
/*' -- FIN KM::20221216::M81227*/

/*' -- INI KM::20240807::M95585*/
.pagination-container {
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background-color: #fff;
    padding: 10px;
}

.btn-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.btn-group i {
    padding: 3px;
    margin: 3px;
    font-size: large;
    color: #757575;
    cursor: pointer;
}

.btn-group i[onclick] {
    color: #1565c0;
    cursor: pointer;
}

.pagination {
    list-style: none;
    display: flex;
    gap: 2px;
    padding: 0;
    margin: 0;
}

.pagination li {
    display: inline-block;
}

.pagination li.active span {
    background-color: #1565c0;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
}

.pagination li.active span:hover {
    background-color: #1565c0;
    color: white;
    padding: 5px 10px;
    border-radius: 4px;
    cursor:not-allowed;
}

.pagination li span {
    cursor: pointer;
    padding: 5px 10px;
    color: #1565c0;
    background-color: #e3f2fd;
    border-radius: 4px;
}

.pagination li span:hover {
    color: #1565c0;
    background-color: #bdbdbd;
    border-radius: 4px;
}

.page-selector {
    font-family: 'Roboto';
    padding: 5px;
    font-size: small;
    color: #1565c0;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
}

/*' -- FIN KM::20240807::M95585*/