:root{
	--color-bg 		: rgb(66, 143, 222)!important;;
	--color-bg-Hover: rgb(0, 100, 222)!important;
	/*Input button*/
	--color-bgTono2 : #56baed!important;

/*Tool tip Menu4.asp*/
	--color-bk      : var(--color-bg-Hover);
	--color-txt     : white;
/*Color Defecto Tooltip*/
/*
--color-txt => color: #fff;
--color-bk  => background-color : #0066FF;
*/	

/*
#Rojo rgb(229, 59, 59) | hover : 
#Azul original rgb(66, 143, 222)!important; | hover : rgb(0, 100, 222)

Input Button
border: 2px solid #8c98a5!important;
background-color: white!important;
border-color: #56baed!important;
*/
	
}

body{
	background-image:none!important;
}
.Titulo1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; font-weight:bolder; }

.Titulo2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; }

.Cuerpo1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:08px; color:#000000; font-weight:bold; }

input[type="text"], select{
	border: 1.2px solid #8c98a5!important;
	margin: 1px;
}
input:focus, select:focus{
    border: 1px solid var(--color-bgTono2);
    transition: all 0s ease-in-out!important;
}
.sky{
    color:  var(--color-bg);
}
.skyMenu{
/*	background-color:  rgb(66, 143, 222)!important; */
	background-color:  var(--color-bg);
}
.borderMenu{
	border-bottom-style: solid!important;
}
/*	Titulos de tabla */
.Titulo2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	background-color: var(--color-bg);
	color: white!important;
	text-align: center;
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border: 0px solid #000000;
}
/*Sin border-radius Izquierdo*/
.Titulo2L{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	background-color: var(--color-bg);
	color: white!important;
	text-align: center;
	border-radius			: 8px 0px 0px 0px;
	-moz-border-radius		: 8px 0px 0px 0px;
	-webkit-border-radius	: 8px 0px 0px 0px;
	border: 0px solid #000000;
}
/*Sin border-radius -  Centro*/
.Titulo2C{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: none;
	background-color: var(--color-bg);
	color: white!important;
	text-align: center; 
	border-radius			: 0px 0px 0px 0px;
	-moz-border-radius		: 0px 0px 0px 0px;
	-webkit-border-radius	: 0px 0px 0px 0px;
	border: 0px solid #000000;
}
/*Sin border-radius Derecho*/
.Titulo2R{
	background-image: none;
	background-color: var(--color-bg);
	color: white!important;
	text-align: center;
	border-radius			: 0px 8px 0px 0px;
	-moz-border-radius		: 0px 8px 0px 0px;
	-webkit-border-radius	: 0px 8px 0px 0px;
	border: 0px solid #000000;
}

h4:not(.note-editor h4){
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 5px -2px;
    padding: 4px;
    background-color:var(--color-bg);
    color: white!important;
    text-align: center;
    border-radius: 8px 8px 0px 0px;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    border: 0px solid #000000;
}
.smSelect{
/*	max-width: 200px!important;
	min-width: 200px!important;
*/
	max-width: 170px!important;
	min-width: 170px!important;	
}
.sSelect{
	width: 240px!important;
}
.mSelect{
	width: 240px!important;
}
.inputL{
	width: 240px!important;
}

td{
	height: 24px;
}

.grilla{
	border :solid 1px var(--color-bg);
	background-color: white;
}
.trTabla th{
	color:white!important;
 	background-color : var(--color-bg);
/*  outline: solid 0.5px white!important; */
}
.trTabla tr th{
	position: sticky;
	top:0;
/*  outline: solid 0.5px white!important; */
}
.tbody tr:nth-child(even){
	background-color: #f2f2f2;
}
.tbody tr:hover{
	background-color: #ddd;
}

.trTabla th:first-child{
/*	border-top-left-radius: 7px; */
}
.trTabla th:last-child{
/*	border-top-right-radius: 7px; */
}

.Cuerpo1{
	margin-left: 9px!important;
	
}
fieldset{
	padding              : 0px 0px 0px 0px!important;
	border-radius        : 8px 8px 0px 0px!important;
	-moz-border-radius   : 8px 8px 0px 0px!important;
	-webkit-border-radius: 8px 8px 0px 0px!important;
}
fieldset tr td{
	padding: 0px 1px;
/*    background-color: #fafafa; */
}

input[type=button], input[type=reset], input[type="submit"], input[type="file"],.botonn  {
	border: 2px solid var(--color-bgTono2)!important;
    background-color: white!important;
	border: none;
	border-color: var(--color-bgTono2);
    color: var(--color-bgTono2);
/*  padding: 15px 80px; */
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 10px;
/*  -webkit-box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);*/
/*  box-shadow: 0 10px 30px 0 rgba(95,186,233,0.4);*/
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
/*  margin: 5px 20px 40px 20px; */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition: all 0s ease-in-out;
	background : none;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover  {
  background-color: #39ace7;
}

input[type=button]:active, input[type=submit]:active, input[type=reset]:active  {
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -o-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}


.icono{
	font-size: 170%!important;
	background: none;
	margin: 0px 10px 0px 10px;
}

/*div tabla*/
.dTabla{
	overflow-y: auto;
	overflow-x: auto;
/*	max-height: 230px!important; */
	max-height: 204px!important;
/*  max-width: 660px!important; */
	max-width:670px!important;
}
.dTablaDecreto{
	overflow: auto;
	max-height: 330px!important;
	max-width :640px!important;
}

.alignCalendario{
	display: inline-flex;
}

.bordeTablaGrisV2 {
    border-top: 1px #CCCCCC solid;
}

/* Nombres de campos, de ciertos formularios */
.txtForm{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
	font-weight: bold;
	text-align: center;
}

/*Destinatarios*/
.thDestinatario{
  position: sticky;
  top: 0px;
  background: white;
}

.usuario span{
	display: block;
	font-size: 10px;
	margin: 5px 0px 5px 2px;
}

.gDestinatario{
	margin: 5px 0px 0px 10px;
}


.grillaAdjunto{
	overflow:auto;
	max-height:160px;
}

.grillaAdjunto table tr td{
	font-size : 17px;
	font-family: Verdana,Arial,sans-serif;
	text-decoration:none;
}
.grillaAdjunto table tr td a{
	text-decoration:none;
	color:var(--color-bg);
}
@media print{
	.grillaAdjunto table tr td {
		display: contents;
	}
	.grillaAdjunto{
		overflow: unset;
	}
	.grillaAdjunto table tr td{
		overflow: unset;
	}
}

/*Div urgencia documento */
.DocUrgencia{
	/*display: inline-flex!important; */
}
.DocUrgencia div {
	margin-left: 5px;
	display: inline-flex!important;
}
.DocUrgencia div span {
	margin: 0px 8px 0px 8px;
}

.button_grilla{
	padding:2px 5px 2px 5px!important;
	font-size:9px!important;
}
.paginacion{
	display: inline-flex!important;
}
.hMaximoForm{
	max-height: 600px!important;
}


div.ui-datepicker {
    font-size: 75%!important;
}

.Title_2_tr{
	background-color: var(--color-bg);border-radius: 3px;
}
.Title_2_tr tbody tr th{
	border-bottom: solid 1px white;
}

.titulos{
	background-color:white;
	color:black!important;
	border-left	  : solid 1px var(--color-bg);;	
	border-bottom : solid 1px var(--color-bg);;
	border-bottom : solid 1px var(--color-bg);;
	border-radius		 : 0px 0px 0px 0px;
    -moz-border-radius	 : 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}


.punto {
	height: 15px;
	width: 15px;
	background-color: #428fde;
	border-radius: 50%;
	display: inline-block;
  }
.puntoChild{
	  border-radius: 50%;
	  height:4px;
	  width:4px;
	  background-color:#b0d0f199;
	  display:block;
	  margin:2px 0px 0px 2px;
	  box-shadow: 0.5px 0.5px 1px 0px;
}


/*																	*/




.boton{
	text-decoration: none;
	background: url("images/fondoboton2.gif") no-repeat transparent;
   /* Cambiado para que muestre bordes transparentes */
	height: 22px;
	width: 86px;
	border-style: none;
	font-family: Tahoma;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	cursor: hand;
	text-transform: uppercase 
}
.cuadrolista {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px
}
.cuadrolista{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px
}
.cuadrotexto{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: #666666;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px 
}
a:lnkindicavisual:hover {
	color: #FF0000;
	text-decoration: underline
}
a:lnktooltip:hover {
	color: #FF0000;
	text-decoration: none
}
.bordeTablaGris {
	border: 1px #CCCCCC solid;
}
.fondohome {
	background-image: url(imagenes/fondografico.gif);
	background-repeat: no-repeat;
	background-position: right 250px
}
.DEK {
   POSITION:absolute;
	VISIBILITY:hidden;
	Z-INDEX:200;
}
.fondocelda {
	background-image: url(images/logo_iso2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-attachment: fixed
}
.blGray {
	border: solid;
	border-width: 0px 0px 1px 1px;
	border-color: black black #CCCCCC #CCCCCC
}
.blrGray {
	border-color: black #CCCCCC #CCCCCC;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px
}
.aviso{
	font-family:"Trebuchet MS";
	color:#FF0000;
	font-size: 14px
}
.link {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FFFFFF
}
.texto_inicio {
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF
}
.titulo {
	font-family: "Trebuchet MS";
	font-size: smaller;
	font-style: normal;
	font-weight: bold
}
.titulo_contra {
	font-family:Verdana;
	font-size:13px;
	color: #000000 
}
.titulo_fila {
	font-family: "Trebuchet MS";
	font-size: xx-small;
	font-style: normal;
	background-color: #FFFFFF
}
.textomenu {
	font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-size: x-small
}
.body {
	background-image: none!important; 
	background-color: white;
	background-repeat: repeat;
}
.textonormal {
	font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	font-size: 11px
}
.bordetablab {
	border: #ffffff;
	border-style: solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin
}
.titulorecupera{
	font-family: "Trebuchet MS";
	font-style: normal;
	color:#FF0000;
   font-size: 11px;
	border: 1px #FFFFFF solid 
}
.titulorecupera2{
	font-family: "Trebuchet MS";
	font-style: normal;
	color:#333333;
   font-size: 11px;
	border: 1px #FFFFFF solid 
}
.textopagina {
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none
}
.tablapop {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	border: none;
	background-color: #E4E4C9
}
.textotitulopop {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF
}
.texto_sesion {
	font-family: "Trebuchet MS";
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none
}
.textonormal_noti {
	font-family: "Trebuchet MS";
	font-size: 10px;
	font-style: normal;
	text-decoration: none;
	line-height: normal
}
a.linkdocresp:link{
   color:#009500;
   text-decoration:none;
	font-style: normal
}
a.linkdocresp:visited{
   color:#009500;
   font-style:normal;
	text-decoration: none
}
a.linkdocresp:hover{
   color:#B9B9B9;
   text-decoration:none;
	font-style: normal
}
a.linkdocresp:active{
   color:#009500;
   background:black;
   text-decoration:overline;
	text-decoration: none;
	font-style: normal
}
a.linkdocurg:link{
   color:#FF0000;
   text-decoration:none;
	font-style: normal
}
a.linkdocurg:visited{
   color:#FF0000;
   font-style:normal;
	text-decoration: none
}
a.linkdocurg:hover{
   color:#B9B9B9;
   text-decoration:none;
	font-style: normal
}
a.linkdocurg:active{
   color:#FF0000;
   background:black;
   text-decoration:overline;
	text-decoration: none;
	font-style: normal
}
a.linkdocpen:link{
   color:#C27629;
   text-decoration:none;
	font-style: normal
}
a.linkdocpen:visited{
   color:#C27629;
   font-style:normal;
	text-decoration: none
}
a.linkdocpen:hover{
   color:#B9B9B9;
   text-decoration:none;
	font-style: normal
}
a.linkdocpen:active{
   color:#C27629;
   background:black;
   text-decoration:overline;
	text-decoration: none;
	font-style: normal
}
a.linkdoc:link{
   color:#666666;
   text-decoration:none;
	font-style: normal
}
a.linkdoc:visited{
   color:#666666;
   font-style:normal;
	text-decoration: none
}
a.linkdoc:hover{
   color:#B9B9B9;
   text-decoration:none;
	font-style: normal
}
a.linkdoc:active{
   color:#666666;
   background:black;
   text-decoration:overline;
	text-decoration: none;
	font-style: normal
}
a.linkmenu:link {
   font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: bold;
   color: #FFFFFF;
	text-decoration: none;
	font-size: 12px
}
a.linkmenu:visited{
   font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: bold;
   color: #FFFFFF;
	text-decoration: none;
	font-size: 12px
}
a.linkmenu:hover{
   font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: bold;
   color: #CBCB98;
	text-decoration: none;
	font-size: 12px
}
a.linkmenu:active{
   font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: bold;
   color: #FFFFFF;
	text-decoration: none;
	font-size: 12px
}
a.linkmenu_solo:link {
   font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: bold;
   color: #FFFFFF;
	text-decoration: none;
	font-size: smaller
}
a.linkmenu_solo:visited{
   font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: bold;
   color: #FFFFFF;
	text-decoration: none;
	font-size: smaller
}
a.linkmenu_solo:hover{
   font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: bold;
   color: #CBCB98;
	text-decoration: none;
	font-size: smaller
}
a.linkmenu_solo:active{
   font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: bold;
   color: #FFFFFF;
	text-decoration: none;
	font-size: smaller
}
a.linknormal:link {
   font-weight: bold;
	color: #666666;
	text-decoration: none
}
a.linknormal:visited{
   font-weight: bold;
	color: #666666;
	text-decoration: none
}
a.linknormal:hover{
   font-weight: bold;
	color: #B0B0B0;
	text-decoration: none
}
a.linknormal:active{
	font-weight: bold;
	color: #666666;
	text-decoration: none 
}
.li {
	color: #FFFFFF;
	text-decoration: none;
	text-align: left
}
UL.arbol {
   cursor:hand
}
UL.arbol LI {
   list-style-image: url(images/archivo_original.png);
	list-style-type: none;
	font-weight: bold;
	color: #606060;
	text-decoration: none
}
UL.arbol LI.abiertos {
   list-style-image: url(images/archivo_original.png)
}
UL.arbol UL {
   list-style:center;
   list-style-position:center;
   display:none
}
UL.arbol UL.expandido {
   display:block
}
UL.arbol LI UL LI {
   list-style-image: url(images/archivo_sub.png);
	text-decoration: none;
	font-weight: normal
}
.errores{
	color: red;
	display: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
}
.div_item{
	vertical-align: top;
}
.note-modal-header {
	background-color: #428FDE;
	text-align: center;
}
.note-modal-header h4 {
	color: white;
}
.note-icon-close{
	color: white;
	position: relative;
	top: 5px;
}