/*************** Control de Colores de Sistema ************/

:root {
  --sys-bg-login: #086da6; /* COLOR DE FONDO DEL LOGIN */ 
  --sys-bg-loginb: #D9E5EF; /* COLOR DE BOTON DEL LOGIN */ 	
  --sys-bg-menu: #006699; /* COLOR DE FONDO DEL MENU */
 /* --sys-bg-menu: url('images/ui-bg_gloss-wave_35_f6a828_500x100.png'); */	
  --sys-bg-barra: #79BCE0; /* COLOR DE FONDO CABECERA */
  --sys-bg-tittle: #6DAAE3; /* COLOR DE FONDO TITULOS */
  --sys-bg-fondo: #6DAAE3; /* COLOR DE FONDO CONTENEDORES */
  --sys-bg-cellf: #e4f2fb; /* COLOR DE FONDO FILA SELECCIONADA */
  --sys-bgsel-color: #79BCE0; /* COLOR DE FONDO ITEMS JQUERY */
  --sys-tx-color: #FFFFFF; /* COLOR DE TEXTO ITEMS */
}

/*************** ****************************** ************/

/** facet background-color:#EE9919; **/
#iniciar_atencion{
	height:30px;
}

html{
   /* padding:0;*/
    margin:0;
	height:100%;
}
BODY
{
	font-family: Verdana; 
	font-size: 10px;
	margin:0;
	padding-left:10px;
	/*padding-right:10px;*/
	height:100%;
	/*background-color:#DDF0FF;*/
	/*background-color:#c2d6fc;*/
}

#content{
	/*width:99%;*/
	margin:10px;
	/*border:1px #B3D5FF solid;*/
	/*border:1px #0557dd solid;*/
	border-radius:5px;
	padding:5px;
	/*-webkit-box-shadow: 1px 1px 16px 0px rgba(18, 113, 237, 0.75);
-moz-box-shadow:    1px 1px 16px 0px rgba(18, 113, 237, 0.75);
box-shadow:         1px 1px 16px 0px rgba(18, 113, 237, 0.75);*/
-webkit-box-shadow: 1px 1px 25px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    1px 1px 25px 0px rgba(50, 50, 50, 0.75);
box-shadow:         1px 1px 25px 0px rgba(50, 50, 50, 0.75);
}

TABLE
{
	font-family: Verdana; 
	font-size: 10px;
}
.textarear{
	overflow:auto;
	resize:none; 
	background-color: #FFFFFF; 
	font-size: 11px; 
	font-family: Verdana;
	border-radius:5px; 
}
TH
{
	font-family: Verdana; 
	font-size: 10px;
}
TR
{
	font-family: Verdana; 
	font-size: 10px;
}
TD
{
	font-family: Verdana; 
	font-size: 10px;
	border-color:#FFFFCC;
	
}
UL
{
	font-family: Verdana; 
	font-size: 10px;
}
OL
{
	font-family: Verdana; 
	font-size: 10px;
}
LI
{
	font-family: Verdana; 
	font-size: 10px;
}
P
{
	font-family: Verdana; 
	font-size: 10px;
}
FONT
{
	font-family: Verdana; 
	font-size: 10px;
}
/*A
{
	font-family: Verdana; 
	font-size: 10px;
}*/
.dataTableRowOverNoSelect
{
/*background-color:#FFFF99;*/
background-color:#C4C8D0;
color:#000;
}

BLOCKQUOTE
{
	font-family: Verdana; 
	font-size: 10px;
}
LABEL
{
	font-family: Verdana; 
	font-size: 10px;
}
.FacetPageBODY
{
	font-family: Verdana; 
	font-size: 10px;
	/*background-color:#F5ECE9 FFFFCC*/
}
.FacetFormHeaderFont
{
	color: #000000; 
	font-size: 16px; 
	font-weight: bold;
}
.FacetFormTABLE
{
	border: 1px solid #d4ccb0;/*#2E6DA4*/
	background-color: #FFFFFF;
}
.FacetFormTABLEx{
	border: solid 1px #000000;
}
.FacetFieldCaptionTD
{
	background-color:rgba(228, 228, 228, 0.32); 
	color: #330000; 
	font-size: 10px;
}
.BODYMENU
{
	font-family: Tahoma;font-size: 60%;
	background-color: #FFFFFF;
	
}
.Facetsubmenu
{
	background-color:#990000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px; 
}
.FacetBarra
{
    background-color:#11AC21;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}

.FacetDataTD
{
	background-color:rgba(84, 82, 71, 0.2); 
	color:#000;
	font-size: 11px;
}

.FacetDataTDPADL5
{
	background-color:rgba(84, 82, 71, 0.2); 
	color:#000;
	font-size: 11px;
	padding-left:5px;
}
.FacetDataTDPADL10
{
	background-color:#DDE7FF; 
	color:#000;
	font-size: 11px;
	padding-left:10px;
}

.FacetDataTDM10
{
	background-color:#DDE7FF; 
	color:#000;
	font-size: 10px;
}
.FacetDataTDM9
{
	background-color:#DDE7FF; 
	color:#000;
	font-size: 9px;
}
.FacetDataTDM8
{
	background-color:#DDE7FF; 
	color:#000;
	font-size: 8px;
}
.FacetDataTDpsiq
{
	background-color:#E9EFF5;
	color: #000000; 
	font-size: 12px;
}

.FacetFilaTDSelected
{
	background-color: #FDD3CC; 
	color: #000000; 
	font-size: 10px;
}
.FacetFilaBloqueadaTDSelected
{
	background-color: #F7F8BE; 
	color: #000000; 
	font-size: 10px;
}
.FacetFilaTD
{
	background-color: #FAF9F2; 
	color: #000000; 
	font-size: 10px;
}
.FacetErrorDataTD
{
	background-color: #EFEFEF; 
	color: #FF0000; 
	font-size: 10px;
}
.FacetReportTD
{
	background-color:#EFEFEF;
	color: #663300; 
	font-size: 10px;
}
/*.FacetColumnTD
{
	color: #D9E5EF; 
	background-color:#2769D8; 	
	width:auto;
	height:auto;
	font-size: 12px; 
	font-weight: bold;
}*/
.FacetColumnTD123
{
	color: #D9E5EF; 
	background-color:#004390; 
	font-size: 16px; 
	font-weight: bold;
}

.FacetSubtitulo
{
    background-color:#CE0000;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

.FacetSubSubtitulo
{
    background-color:#84C1FF;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

.FacetDetSubtitulo
{
    background-color:#C4E1FF;
	color: #000000;
	font-size: 10px;
}

.FacetAltDataTD
{
	background-color: #F6F6F6; 
	color: #000000; 
	font-size: 10px;
}
.FacetSeparatorTD
{
	height: 1px; 
	background-color: #C2BEB4;
}
.FacetFooterTD
{
	background-color: #EFEFEF; 
	color: #000000; 
	font-size: 10px;
}

a.FacetSorterLink:link
{
	color: #330000; 
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: underline;
}
a.FacetSorterLink:visited
{
	color: #330000; 
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: underline;
}
a.FacetSorterLink:hover
{
	color: #000000; 
	font-size: 10px; 
	text-decoration: none;
}
a.FacetSorterLink:active
{
	color: #000000; 
	font-size: 10px; 
	text-decoration: none;
}
a.FacetDataLink:link
{
	color: #330000; 
	font-size: 10px; 
	text-decoration: underline;
}
a.FacetDataLink:visited
{
	color: #330000; 
	font-size: 10px; 
	text-decoration: underline;
}
a.FacetDataLink:hover
{
	color: #000000; 
	font-size: 10px; 
	text-decoration: none;
}
a.FacetDataLink:active
{
	color: #000000; 
	font-size: 10px; 
	text-decoration: none;
}
a.FacetNavigatorLink:link
{
	color: #330000; 
	text-decoration: underline;
}
a.FacetNavigatorLink:visited
{
	color: #330000; 
	text-decoration: underline;
}
a.FacetNavigatorLink:hover
{
	color: #000000; 
	text-decoration: none;
}
a.FacetNavigatorLink:active
{
	color: #000000; 
	text-decoration: none;
}
.FacetButton
{
	background-color:#D2C7C5; 
	/*color:#000000;*/
	font-size: 10px; 
	font-family: Verdana;
	/*font-weight: bold;*/
}
.FacetInput
{
	background-color: #FFFFFF; 
	font-size: 11px; 
	font-family: Verdana;
	border-radius:5px;
	height:20px;
}

.FacetTextarea
{
	/*border-bottom: 1px solid #000000; 
	border-left: 1px solid #000000; 
	border-right: 1px solid #000000; 
	border-top: 1px solid #000000; */
	background-color: #FFFFFF; 
	font-size: 10px; 
	font-family: Verdana;
}

.topframe
{
	bgcolor="#990000";
	color: #FFFFFF;
}
.FacetSelect
{
	font-size: 10px; 
	font-family: Verdana;
}

a.today:link
{
	color: #FF0000; 
	font-weight: bold; 
	text-decoration: none;
}
a.today:visited
{
	color: #FF0000; 
	font-weight: bold; 
	text-decoration: none;
}
a.today:hover
{
	color: #330000; 
	font-weight: bold; 
	text-decoration: none;
}
a.today:active
{
	color: #330000; 
	font-weight: bold; 
	text-decoration: none;
}
a.selectedDay:link
{
	color: #330000; 
	font-weight: bold; 
	text-decoration: none;
}
a.selectedDay:visited
{
	color: #330000; 
	font-weight: bold; 
	text-decoration: none;
}
a.selectedDay:hover
{
	color: #FF0000; 
	font-weight: bold; 
	text-decoration: none;
}
a.selectedDay:active
{
	color: #FF0000; 
	font-weight: bold; 
	text-decoration: none;
}
a.weekDay:link
{
	color: #330000; 
	text-decoration: none;
}
a.weekDay:visited
{
	color: #330000; 
	text-decoration: none;
}
a.weekDay:hover
{
	color: #FF0000; 
	text-decoration: none;
}
a.weekDay:active
{
	color: #FF0000; 
	text-decoration: none;
}
TD.selectedDay
{
	margin: 1px; 
	color: #330000; 
	background-color: #E5E1D7; 
	font-size: 10px;
}
TD.today
{
	border-top: 1px solid #FF0000; 
	border-left: 1px solid #FF0000; 
	border-bottom: 1px solid #FF0000; 
	border-right: 1px solid #FF0000; 
	background-color: #F6F6F6; 
	color: #000000; 
	font-size: 10px;
}
TD.workday
{
	background-color: #D9E5EF; 
	color: #005095; 
	font-size: 10px;
}
TD.weekend
{
	background-color: #8DB9EF; 
	color: #005095; 
	font-size: 10px;
}
TH.calendar
{
	margin: 1px; 
	color: #8DB9EF; 
	background-color: #005095; 
	font-size: 10px;
}
.CalendarButtons
{
	border-left: 1px solid #000000; 
	border-right: 1px solid #000000; 
	border-top: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
	background-color: #D9E5EF; 
	font-size: 11px; 
	font-family: Verdana;
}
.CalendarControls
{
	font-family: Verdana; 
	font-size: 10px;
}
.Table
{
	border: solid 1px #000000;
}
.FacetColumnTDs
{
	color: #330000; 
	background-color: #E5E1D7; 
	font-size: 10px; 
	/*font-weight: bold;*/
	
}
.lineaformato
{
	border: solid 1px #000000;
}

.lineaformatopsiq
{
	border: solid 1px #000000;
	color: #000000; 
	font-family: Arial; 
	font-size: 12px;
}

.CellData
{
	border: solid 1px #000000;
}

.FacetlineTDM
{
	color: #000000; 
	font-family: Arial; 
	font-size: 10px;
	border: solid 1px #000000;
	border-collapse: collapse;
}

.FacetlineTDMoftAnt
{
	color: #000000; 
	font-family: Arial; 
	font-size: 10px;
	border: solid 1px #000000;
	border-collapse: collapse;
	background-color:#E9EFF5;
}

#tabs12 {
      float:left;
      width:100%;
	  background:#F9F7F3;
      font-size:120%;
	  font:Arial, Helvetica, sans-serif;
	  font-style:normal;
	  font-weight: bold;
      line-height:normal;
	  border-bottom:1px solid #C2BDAE;
}
#tabs12 ul {
	  margin:0;
	  padding:4px 0px 0 0px;
	  list-style:none;
}
#tabs12 li {
      display:inline;
      margin:0;
      padding:0;
}
#tabs12 a {
      float:left;
      background:url("../resources/css/heaven.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
}
#tabs12 a span {
      float:left;
      display:block;
      background:url("../resources/css/tabright_heaven.gif") no-repeat right top;
      padding:4px 8px 6px 6px;
      color:#000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs12 a span {float:none;}
    /* End IE5-Mac hack */
#tabs11 a:hover span {
      color:#F9F7F3;
}
#tabs12 a:hover {
      background-position:0% -42px;
}
#tabs12 a:hover span {
      background-position:100% -42px;
}

/*.menutitle
{
  padding: 1px;
  padding-left: 10px;
  padding-bottom: 3px;
  border: 1px solid #A5B5C5;
  font-weight: bold;
  background-image: url(heavendetalle.gif);
  margin-bottom: 2px;
  cursor: pointer;font: 10px verdana; color: #000000;

}

.menulink-normal, .menulink-hover
{
  border: solid 1px #D1D3D4;
  padding: 2px 8px 2px 10px;
  text-align: left;
  cursor: hand;
  margin-bottom: 2px;      font: 10px verdana; color: #000000;          
}

.menulink-normal
{
  background: #EFEFEF;font: 10px verdana; color: #000000;
}

.menulink-hover
{
  background: #FFFFFF;font: 10px verdana; color: #000000;
}
.logaut
{
  font: 10px verdana; color: #FF1F00; text-decoration: none
}

ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#d1d1d1}
ul.menu ul li a:hover {background-color:#c5c5c5}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {
	border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:134px
}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
*/
.bloqueado{
	pointer-events: none;
cursor: no-drop;
}

 .fondo_bloqueado{
    position:absolute;
    left:0px;
    top:0px;
    display: none;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 5;
    opacity: 0.7;
    }
    
   .div_popup{
    display: none;
    position:absolute;
    top :100px;
    left : 100px;
    width: 820px;
    height: 400px;
    padding: 20px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    background-color:#CCCCCC;
    border: 1px solid black;
    z-index: 7;
    overflow: auto;
    }
	
 .div_popup2{
    display: none;
    position:absolute;
    top :100px;
    left : 100px;
    width: 700px;
    height: 270px;
    padding: 20px;
    -moz-border-radius:4px;
   
    -webkit-radius:4px;
    
    border-radius:4px;
   
    background-color:#CCCCCC;
    border: 1px solid black;
    z-index: 7;
    overflow: auto;
    }

.FacetDataTDM
{
	color: #000000; 
	font-family: Arial; 
	font-size: 12px;
}

.FacetDataTDMoft
{
	color: #000000; 
	font-family: Arial; 
	font-size: 10px;
}

.lineabajaoft
{
border-bottom:solid 1px #000000;
color: #000000; 
font-family: Arial; 
font-size: 12px;

}

.requerido{
color: #a94442;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.overflow {
  height: 400px;
  overflow:auto;
}

header{
	height:auto;
}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('../images/icon_top.png') no-repeat;
}

.jqgridcell{
	display:block;
	background-image:none;
	margin:-2px;
	height:14px;
	padding:5px;
}
.cl-vip{
	display:block;
	background-image:none;
	margin:-2px;
	height:inherit;
	padding:5px;
	background-color:#06C;
	color:#FFF;
}

.clase_env{
	display:block;
	background-image:none;
	margin:-2px;
	height:inherit;
	padding:5px;
	background-color:#C4E1FF;
}

.atendido{
	background-color:#F7FE2E;
}
.revisado{
	background-color:#FAAB76;
}

.auditado{
	background-color:#00CC00;
}
.no_pasa{
	background-color:red;
}

.no_iniciado{
	background-color:#B099F0;
}

.ajuste{
	background-color:#999;
}
#loading{
	display: none;
}

#loading-div-background{    
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
}

#loading-div{
    
    background-color: #fff;
    border: 5px solid #36678C;
    text-align: center;
    color: #202020;
	padding:10px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#bg-white{
	background-color:white;
	height:100%;
	width:100%;
	position:absolute;
	z-index:500;
}

.ui-jqgrid tr.jqgrow td
{           
    word-wrap: break-word; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap; /* CSS3 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: normal !important;
    /*height: auto;
    vertical-align: text-top;
    padding-top: 2px;
    padding-bottom: 3px;*/
}

.ui-autocomplete-loading {
	background: white url("../images/autocomplete_jquery.gif") right center no-repeat;
}

input:disabled{
	cursor:not-allowed;
}

.ui-state-disabled,.ui-selectmenu-disabled{
	cursor:not-allowed !important;
}

input,textarea{
	border:1px solid #D2DFFF;
}

.valoranormal{
	background-color:red !important;
	color:white !important;
	border-color: #a94442 !important;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
}

.valoranormal:focus{
	border-color: #843534 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important;
}


.valorbajo{
	background-color:yellow !important;
	color:black !important;
	border-color: #a94442 !important;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
}

.valorbajo:focus{
	border-color: #843534 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 !important;
}






input:disabled,input:disabled{
	cursor:not-allowed;
	background: white url("../images/anular.png") right center no-repeat;
	background-size:15px 15px;
}
input[readonly],textarea[readonly]{
	/*cursor:not-allowed !important;*/
	cursor:url("../images/icono_buscar.png"),default;
	background-size:12px 12px;
}
.InputReadOnly{

}

.ui-state-disabled,.ui-selectmenu-disabled{
	cursor:not-allowed !important;
}

.cls_botonera{
  width:100%;
  
}
.fixed {position:fixed; top:0; z-index:2;text-align:center;padding:5px;left:0;
    background-color: #03466c;
	opacity: 0.9;

}
.fixed input {height:35px;font-size:15px !important;}

.clscolorverde {
	background-color: #e2efda !important;
}
.clscolornaranja {
	background-color: #f8cbad !important;
}
.clscolornaranja2 {
	background-color: var(--sys-bg-cellf) !important;
}
.clscolorrojo {
	background-color: #FFB9BB !important;
}
.conforme{
	background-color: #024F77 !important;;	
}
.no_conforme{
	background-color: #FF0000 !important;;	
}

.ocultarItem{
	display: none !important;
  }