@charset "ISO-8859-1";
/* ---------------------- comunes---------------------- */
* {border:0 none;margin:0;padding:0;}
.hidden {visibility: hidden;position: fixed}
.hide {display:none;}
.clear  {clear:both;line-height:1px;}
.clearbr {clear:both;}
.b {font-weight: bold;}
.mensError{color:#F00;padding: 2px 4px;}
.red{color:red;text-decoration: underline;}
.float {float:left;}
.dcha{text-align: right; }
.N , input[type="number"] {text-align: right;}
.F {text-align: center;}
.C {text-align: center;}
.L {text-align: left;}
.noEdit {padding-left: 2px;background-color: #ddd;color: #666;}
.Fright{margin-right:20px;float:right;}
.noEditGris{background-color: #e9ecef;}

.cerraDivTareasComentario{overflow-y:auto !important; height:166px !important; word-wrap: break-word !important;}
.cerraDivTareasComentarioVerde{background: #cae2cc;}
.abrirDivTareasComentario{overflow-y:auto !important; word-wrap: break-word !important;}
.abrirDivTareasComentarioBlanco{background: #ffffff;}

#menuTop { 
	background: #666;
	overflow: visible;
	min-width: 100%;
	max-width: 100%;
	min-height: 130px;
}

#btn-group {
	position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

@media only screen and (max-width: 640px) {
	#btn-group {
		display: block;
	}
}

#comentarioDiv::-webkit-scrollbar, .escrolVerde::-webkit-scrollbar , .comentarioDivScrol::-webkit-scrollbar{
	-webkit-appearance: none;
}

.btmLimpialF{
	    background: #dddddd !important;
}

*[agc_tmp_dato^="true"]{
	display: inherit;
}

*[agc_tmp_dato^="false"]{
	display: none;
}

*[agc_edi_alt^="true"]{
	/* display: inherit; */
	display: block;
}

*[agc_edi_alt^="false"]{
	display: none;
}

#comentarioDiv::-webkit-scrollbar:vertical , .escrolVerde::-webkit-scrollbar:vertical , .comentarioDivScrol::-webkit-scrollbar:vertical  {
	width:10px;
}

#comentarioDiv::-webkit-scrollbar-button:increment,#mipanel::-webkit-scrollbar-button , .escrolVerde::-webkit-scrollbar-button:increment , .comentarioDivScrol::-webkit-scrollbar-button:increment{
	display: none;
} 

#comentarioDiv::-webkit-scrollbar:horizontal , .escrolVerde::-webkit-scrollbar:horizontal  , .comentarioDivScrol::-webkit-scrollbar:horizontal{
	height: 10px;
}

#comentarioDiv::-webkit-scrollbar-thumb ,  .escrolVerde::-webkit-scrollbar-thumb ,  .comentarioDivScrol::-webkit-scrollbar-thumb{
	background-color: #009900;
	border-radius: 20px;
	border: 2px solid #006677;
}

#comentarioDiv::-webkit-scrollbar-track , .escrolVerde::-webkit-scrollbar-track , .comentarioDivScrol::-webkit-scrollbar-track  {
	background: #cccccc;
}


.datosProyectoLabel {width: 123px;}
.dt-nowrap { white-space: nowrap !important; }
.dt-nowrapNormal { white-space: normal !important; }
.w110 {width: 110px !important;}
.w255 {width: 255px!important;}
.tab-content_infoBanco {border-top: 5px solid #3b66aa !important; border-bottom: 5px solid #3b66aa !important;
}
p {margin-top: 0; margin-bottom: 0;}

body {
    text-align: center; 
	margin:0;
	border:0;
	overflow-x:hidden;
	background:#DDD;
	color:#555;
	min-height: 100%;
	display: flex;
  	flex-direction: column;
}
 body, select, input, td {
	font: 13px/16px arial,verdana;
}   
.tr-editable{
	height: 40px;
}
/*Para ficha al iy la compativilidad con internet explorer*/
.flexInternetExplorerColAuto{flex: auto !important;}
.flexInternetExplorerColLg{flex-basis:250px !important; max-width:19% !important;}

.bodoySinTop{padding-top: 0 !important;}

.botonesOcultosListadoProyecto{width: 131px;}

.wrap {
	text-align: left;
	background-color:#DDD;
	position:relative;
	width:100%;
}
	
.bordeGris > thead > tr > th, 
.bordeGris > tbody > tr > th, 
.bordeGris > tfoot > tr > th, 
.bordeGris > thead > tr > td, 
.bordeGris > tbody > tr > td, 
.bordeGris > tfoot > tr > td {
     border: 1px solid #eee;
}

#head {
	background:#666 url(../images/logoAgc.png) no-repeat scroll 8px 4px;
	background-image:none;
	height: 84px;
	display:block;
	padding: 0;
	width:auto; 
	margin-bottom: -4px;
	overflow: hidden;
}

#headLogo {
    position: absolute;
    float: left;
    bottom: 0;
}

#headLogoText {
	font: 22px bold arial,verdana;
	color: #EEE;
	padding: 4px;
}

#headMenuSup {
	float: right;
	padding: 6px;
}
#headMenuSup a {
    float: left;
}
 
#menuMob{
/* 	margin: 2px;
	height: 40px;
	width: 40px;
	background:url(../images/mobileMenu.png) no-repeat -5px -5px;
	cursor: pointer;
	float: right;
	clear: right;
	display: none; */

    height: 26px;
    width: 29px;
    color: white;
    cursor: pointer;
    float: left;
    clear: left;
    display: none;
}

#menuMob:HOVER {background-color: #090;}

a { 
	color: #007CAF ;
	text-decoration: none;
}
a:hover {
	color: orange;
	text-decoration:none;
}

a img {border: none;}

/*--------------------------puntitos en enlaces en mozilla---------*/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
        border: none;
}
button:focus,
input:focus,
select:focus,
input[type="text"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="file"] > input[type="button"]:focus,
.select2-container--focus {
   outline-style: auto !important;
    outline-color: #009900 !important;
    outline-width: auto !important;
    
    border-color: #0099007a !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #0099007a !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #0099007a !important;
}

.select2{
	flex: 1 1 auto !important;
	width: 1%;
}

a {outline: none; }

a:focus { 
    outline-style: auto;
    outline-color: #009900;
    outline-width: auto;
    
    border-color: #0099007a;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #0099007a;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #0099007a;
    
 }
   
/*-----------------------------tablas------------------------------*/
table#tbl3col td {vertical-align:top;}
table {border-spacing: 2px;}


/*---------------------------------- footer ---------------------------------*/	
.footlink {float:left; padding: 0 4px;}
#footlink2 {float:right;} 
#footer {
    position: relative;
    bottom: 0;
    font-size: 90%;
    /*
    padding: 8px 0;
    padding-bottom: 10px;
    */
    padding: 10px;
    width: 100%;
    clear: both;
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
    z-index: 1010;
    background: #DDD;
    margin-top: auto;
}

/* ---------------------- Dolphin nav menu principal---------------------- */
#menucontainer {
	position: fixed;
	top: 0;
	color: #E0E0E0;
	background-image: linear-gradient(rgb(102, 102, 102) 4px, rgb(153, 170, 187) 4px, rgb(85, 102, 119));
	width: 100%;
	font-family: Helvetica,Arial,Verdana,sans-serif;
	z-index: 1025;
}

#nav {
	position:relative;
	height:33px;
	font-size:12px;
	text-transform:none;
	font-weight:bold;
	padding:0 0 0 20px;
    background-image: linear-gradient(to bottom, #666 4px, #9AB 4px, #567);
}

#nav ul {
	margin:0;
	padding:0;
	list-style-type:none;
	float:left;
	width:100%;
}

#nav ul li {
	display:block;
	float:left;
	margin:0 1px;
}

#nav ul li a {
	display:block;
	float:left;
	color:#EAF3F8;
	text-decoration:none;
	padding:0 0 0 20px;
	height:33px;
}

#nav ul li a span {padding:12px 20px 0 0;height:21px;float:left;}

#nav ul li a:hover span{display:block;width:auto;cursor:pointer;}


#nav ul li a.navOn, #nav ul li a.navOn:hover, #titMenu, #nav ul li a:hover {
	color: #ff0;
	line-height: 275%;
	background: #455;
	background-image: linear-gradient(to bottom, #090 3px, #677 3px, #334);
	border-radius: 4px;
}

#nav ul li a:hover {line-height:100%;}


#titMenu{padding-left: 20px;line-height: 2;}

#nav ul li a.navOn span {display:block;padding:0 20px 0 0;width:auto;background: url(../images/mn1_right-ON.gif) no-repeat top right;height:33px;}
/*--solo se ve en mobile----*/

#nav ul li.menusepara {height: 2px;background:#AAA none repeat scroll 0 0;}


/* ---------------------- END Dolphin nav ---------------------- */

/*-------------------------------------submenu-------------------------------------*/
.subM_______ {
	position:absolute;
	top:32px;
	left:95px;
	background:#453;
	background: linear-gradient(to bottom, #564, #342);
}

.subM_________ a{color: #eee;}

.subM___________ a{padding: 0 4px;color: #eee;
    cursor: pointer;
    display: inline-block;
    height: 1.9em;
    line-height: 1.9em;
    overflow: hidden;
    padding: 0 0.6em;
    position: relative;
    white-space: nowrap;
}
.subM_________ a.selected
{
   background-color: #cccccc;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
}
.subM {
    display: inline-block;
    /*margin: 8px;*/
    margin: 5px;
    position: relative;   
    width: 100%;
    z-index: 1020;
}

.subM a{
    cursor: pointer;
    display: inline-block;
    /*
    height: 34px;
    line-height: 34px;
    */
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding: 0 0.6em;
    white-space: nowrap;
}

.subM a {
	background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    margin:0 -2px;
    border:1px solid #abb;
    float:left;
}

.subM a.selected {
    background-color: #cccccc;
    background-image: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    outline: 0 none;
    text-decoration: underline;color: #F40;
}

.subM a:hover{
	text-decoration: underline;color: #F40;
}

.subM a:first-child{
	    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
	
}

.subM a:last-child{
	border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.barrasepara {
	position: fixed;
	top: 0px;
    width: 100%;
    z-index: 1025;
    background: #DDD;
}

#listados___ .barrasepara {height: 44px;}

#divdoc___ .barrasepara {height: 44px;}

/*-------------------------------panel--------------------------------------*/
.panel{min-height: 280px;/*height: 100%;*/}
.panelPad{padding: 12px;}
.panel______{background:#DDD;}
#doccliwrap_________ {background-color: #ddd;}
h3_________ {padding:4px;}

.elborde {
	background-color: #131;
	color: #ae1;
	font-family: arial,helvetica,sans-serif;
	font-size: 130%;
	float: right;
	display: block;
	padding: 3px 220px 3px 5px;
	margin:2px 0;
	clear: both;
}

div#contenido {
	clear: both;
	padding:5px 10px;
}

.busqizq {
	padding:0px 0px 8px;
}
.col2{padding:0 20px 8px 20px;width: 340px;float: left;margin: 10px 0 8px 0px;}
.col2 select{width: 320px;}

.formsusc {
	background-color: #eee;
	border: 1px solid #bbb;
	margin: 10px 80px 10px 0;
	padding: 10px 10px 10px 10px;
	width: 400px;
}

.panel1 {
    height: auto !important;
    padding: 12px 0 12px 12px;
}

.wrappButton {margin: 8px; clear: both;}

#bonoLista .wrappButton{text-align: right;}

.wrappButton div{display:inline-block;
    vertical-align:middle;line-height: 28px;
}

.wrappButton a{color: #06A;}

.buttonb a{color: #F70;}

#buttonFiltro{
	width: 60px;
}

.button, .buttonb, .submitGo, .buttonVer, .submitGo:hover, #buttonFiltro{
	border: 1px outset #DDD;background: #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	/*height: 28px;*/
	padding: 0 10px;
	cursor: pointer;
	color: #666;
	color: #06A;
	margin: 4px 0px 0px 2px;
	font-weight: bold; text-shadow: -1px -1px 0px rgba(100, 180, 70, 0.25);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

#BASE_IMPONIBLEEliminar, #BASE_IMPONIBLEEliminarTodos,
#CONTRAPARTIDAEliminar, #CONTRAPARTIDAEliminarTodos,
#COBROSEliminar, #COBROSEliminarTodos,
#BASE_IRPFEliminar, #BASE_IRPFEliminarTodos,
#SEG_SOCIALEliminar, #SEG_SOCIALEliminarTodos,
#gridEliminar, #gridEliminarTodos{	
	display:none;
}

.buttonAzul {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 28px;
	padding: 0 10px;
	margin: 4px;
	cursor: pointer;
	color: #666;
	color: #06A !important;
	font-weight: bold;
	text-shadow: -1px -1px 0px rgba(100, 180, 70, 0.25);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
}

.buttonAzul:hover {
    color: orange !important;
}

.buttonPeque, .buttonPeque:hover{
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	border:1px outset #DDD;
	background: #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:4px;
	cursor:pointer;
	color: #666;color: #06A;
	font-weight: bold; text-shadow:-1px -1px 0px rgba(100, 180, 70, 0.25);
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
}

.buttonb, .submitGo:hover, .buttonPeque:hover, #buttonFiltro:hover {
	border: 1px inset #EEE;
	color: #F70;
	background: #DDD;
	-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
	text-decoration:none; 
}

#filtro {
	font-weight: bold;
}

.btn3 {
	cursor: pointer;
    display: block;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 9px;
    position: relative;
    white-space: nowrap;
	background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	 margin-right: 0px;
	 margin: 8px 0px;
	 color: #89A;
	font-weight: bold; 
	text-shadow:-1px -1px 0px rgba(100, 180, 70, 0.25);
	font-size: 12px;
	 text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
	 border: 1px outset #dddddd;
	 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); 
	 float: left;
}

.btn3:hover{
	background-image: linear-gradient(to bottom, #ddd, #eee);
	background-image: linear-gradient(to bottom, #ddd, #fff);
	border: 1px inset #dddddd;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btnSideAbr {
	cursor: pointer;
	display: block;
	height: 25px;
	line-height: 20px;
	overflow: hidden;
	padding: 0 9px;
	position: relative;
	white-space: nowrap;
	background-color: #f5f5f5;
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	margin-right: 0px;margin: 8px 0px;
	color: #090;
	font-weight: bold; text-shadow:-1px -1px 0px rgba(100, 180, 70, 0.25);
	font-size: 12px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	border: 1px outset #dddddd;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); 
	float: left;
}

.btnSideAbr:hover {
	background-image: linear-gradient(to bottom, #ddd, #eee);
	background-image: linear-gradient(to bottom, #ddd, #fff);
	border: 1px inset #dddddd;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.btnL {    
	border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.btnR{
	border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.panelFiltros {
  background: #DDD;
  padding: 6px 6px 6px 6px;
  height: auto !important;
  border: 1px solid #aaa;  

}
.panelFiltros .p-2 {
  background-color: #eee; 
}

.panelFiltros input {
    margin: 2px 0 0 3px;
  	font: 13px/16px arial,verdana;
  	width: 156px;
}

.panelFiltros input:disabled {
    background-color: #ddd;
}

.panelFiltros input[type="button"] {
	width: 50px;
	font: 13px/16px arial,verdana;
	border: 1px solid #777;  
}

/*--------------------------------------ficha cliente----------------------*/
/*-----------documentos clientes ver documentos  +  listados documentos----*/
.w_m {width:120px;}

#doccliwrap{padding:8px 4px;}

.col1 {
	float: left;
	margin: 0 0 0 6px;
	width: 460px;
}
.col1s {width: 280px;float:left;margin: 0 0 0 6px;}

/*--Para hacer que la ficha de mercancia se vean en linea y los titulos de los campos*/
.col1 input[type="text"]{
	width: 75%; 
	clear: right;
}

.col1 label{
    clear: left;
	width: 105px;
}

.col1 div span div input[type="text"]{
	width: 100%;
	clear: right;
}

.col1 div span label{
	clear: left;
	width: auto !important;
}

@media screen and (max-width: 600px) {
    .col1 label, .col1 input[type="text"] {
        width: 100%;
    }
	#doccliwrap input_[type="button"]{
		position: absolute;
	}
	#detalleFichaMercaLibrado{
    	display: none;
    }  
}

.docsradio {float:left;width: 100%;}
.docsradio .cliradio {display:inline-block;  float:left; width: auto;padding: 4px 4px 0 0;}
/*---------------------fichaAll-------------*/
#modeloSel, .botones{width: 100%}

/*---------------------------------- direcEnvio ------------------------*/

/* .direcEnvio  {float:left;
width: 384px;margin: 12px 0;
padding:12px;
border: 1px solid #9AA;
} */
.direcEnvio2 {float:right;width: 84px;}
.direcEnvio .busqder {float:right;width: 84px;}

/*--------------------------------------- documentos clientes anchuras doccliwrap ----------------------------*/
.w_ss {width:48px;margin: 4px 0 0 0;color:#444 }
.w_s {width:78px;width:88px;margin: 4px 0 0 0;color:#444 }
.w_s {margin:4px 0 0;width:88px;color:#444}
.w_s2 {width:86px;width:88px;padding: 0 0 0 8px;margin: 4px 0 0 0;color:#444}
.w_sm {width:112px;margin: 4px 0 0 0;color:#444 }
.w_m {width:120px;color:#444; color:#444}
.w_m2 {width:120px;color:#444}
.w_m3 {width:160px;color:#444}
.w_lm .w_lmTex{width:160px;margin: 4px 0 0 0; color:#444;color:#444}
.w_lm2 {width:240px;margin: 4px 0 0 0;color:#444}
.w_ll {width:320px;margin: 4px 0 0 0;color:#444}
.w_lmSelc {width: 156px !important;color:#444}
.w_lmLupa {width: 129px !important;color:#444}
#fichaV .w_ll {width:260px;margin: 4px 0 0 0;color:#444}
#fichaV .w_s {width:88px;width:140px;color:#444}


.w_lm1 {width:200px;margin: 4px 0 0 0;color:#444}

.w_sm {
/*margin:4px 0 0;*/
width:112px;}
.w_ssm {width:117px;}
.busqder .blq {float: left;}

#doccliwrap label {margin:4px 0px 0px; /*margin:4px 3px 0;*/ font-size: 90%;overflow: hidden;
white-space: nowrap;color: #555;}

#doccli select:disabled {
 background: #ddd;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
}

#fichaV #doccliwrap label {color: #666;font-weight: bold;
float: left;
}
.clLeft{clear: left;}
#doccli select {font: 11px verdana;height: 16px;
}
#doccliwrap input,#doccliwrap select {margin:4px 0 0 2px;}
/* .col1 div{display: inline-block;} */


.colTot{ margin-left: 200px;}
.docLin{margin: 3px 3px;border:1px solid #aaa;}
/* .docLin{margin: 12px 6px;border:1px solid #aaa;} */
.docLin th{background-color: #ddd;text-align: center;}
.docLin table{width: 100%}

.docLinB {margin: 3px 3px;border:1px solid #aaa;}
.docLinB th { background-color: #cdcdcd; text-align: center; }




/*----------------------------especial ficha avisos y varias---------------*/
#doccliwrap  input[type='checkbox'] {margin: 4px 2px 0; }
#doccliwrap textarea, .textarea {border:1px #999 solid;padding-left: 2px;min-height: 110px;
}
/*float: left;*/

#allUsu :checked + span, #allUsu :hover + span {
    color: #3c1;text-decoration: underline;font-style: italic;
}
#allUsu label span{
	font-style: italic;font-weight: normal;
}



/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 1031;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

.col1 .modal-content {
    display: block; /*lo cambié para todos los div del form*/
	
}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/*----------------------tabla Cambio contraseña jsp------------*/
#caja-contra{
display:block;
margin: 0.5rem!important; /* 15% from the top and centered */
padding: 20px;
border: 0.02px solid #c0c0c0;
width: 100%; /* Could be more or less, depending on screen size */
background-color: #eee !important;
}
#caja-p-3{
	
border: #000000;
}
.row.p-3{
	
	text-align: left;
}


/*-------------------------------------tabla facturas------------*/
/*.tblfact {
	padding: 10px 10px 40px 10px;
}
*/
.tblfact table {
	width: 100%
}

.tblfact table {
	border-collapse: collapse;
	border-spacing: 0;
}

.tblfact th {
	text-align: center;
	background-color: #EED;
	border: 1px solid #FFE;
	border-top: 2px solid #FFE;
	border-bottom: 4px solid #DDC;
	padding: 0 2px;
	overflow: hidden;
}

.tblfact .num{text-align: right;}
.tblfact tr td {
	padding: 4px 2px;
	padding-left: 5px;
	height: 40px}
.tblfact tr {background-color: #FEE;}
.tblfact tr.odd {background-color: #EEF;}
/* .tblfact tr.bloquea {background: url(../images/lockDel.png) no-repeat 52px 2px;} */
.tblfact td img{vertical-align: bottom;}
/*-------------------------------------tabla de Documentos------------*/
.tblDoc {padding:10px 10px 10px 10px;     border-collapse: separate;}
.tblDoc table{width: 100%}
.tblDoc table{border-collapse: collapse;border-spacing: 0; }
.tblDoc th{text-align:center;
background-color: #FFE;
border: 1px solid #FFE; 
overflow: hidden;
}
.tblDoc .num{text-align: right;}
.tblDoc tr td {padding: 4px 2px;}
.tblDoc tr {background-color: #FEE;}
.tblDoc tr.odd {background-color: #EEF;}
.tblDoc td img{vertical-align: bottom;}
/*---------------------------seleccion campos tablas--------*/
/* #verCols{} */
#verCols span{width: 140px;display: inline-block;}
#verCols input{width: 20px;display: inline-block;margin-right: 8px;}
/*---------------------------orden en tablas---------------------------*/
#noTabla thead th {cursor: pointer;}
#noTabla thead th:hover{color: #585;}
/*------------------------------inputF----------------------*/
.inputF{float:left;padding: 4px;}
.inputF input {height: 18px;}
/*--------------------------------------------------------------------*/
#divgrabaL {
display:block;
height:auto;
position:fixed;left:60px;left:10%;top:80px;
width:350px;width:452px;width:80%;
text-align:center;
background:#FFF;background-image: linear-gradient(to bottom, #9AB, #567);
border:1px solid #999;
border-radius: 8px 8px 8px 8px;
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
color:#666;
}
#divgrabaL fieldset {
    float: none;
    width: 100%;
    border: 0px;
    margin: 0px;
    padding: 0px;
}
#divgrabaL label, #divgrabaL input {
display:block;
}
#divgrabaL input {margin: 2px 0 4px 8px;border:1px solid #AAA;width:95%;
	}
#divgrabaL textarea {
overflow:auto;margin-bottom: 4px;border:1px solid #AAA;
 width: 95%;
}

/*----------------------------------mensajes----------------------------------*/
#mensajes___{width: 100%;}

.mens{padding: 4px;margin:4px 0 0 0;clear: both;float: right;
border:1px solid #ddd;
border-radius: 8px 0 0 8px;
width: 100%;
width: 100%;
word-wrap: break-word;word-break: break-all;

}/*
.mens div{float: left;}*/
.mens .boxHead {width: 100%;}
.mens .boxtxt {width: 100%;margin-right: 10%;}


.mens img {width: 16px;height: 16px; margin: 0 8px;}

/*.mensSale.m-1.c101{background-color: #ff80c0;}
.mensSale.m-1.c102{background-color: #b0d8ff;}
.mensSale.m-1.c103{background-color: #b7b7ff;}
.mensSale.m-1.c104{background-color: #ffcae4;}
.mensSale.m-1.c105{background-color: #c7feef;}
.mensSale.m-1.c109{background-color: #ffcbb3;}
.mensSale.m-1.c202{background-color: #ffc1c1;}
.mensSale.m-1.c201{background-color: #808080;}*/

/*.c102{background-image: linear-gradient(to right, #8F8, #DDD);}
.c103{background-image: linear-gradient(to right, #8FF, #DDD);}
.c104{background-image: linear-gradient(to right, #F8F, #DDD);}
.c105{background-image: linear-gradient(to right, #FCC, #DDD);}
.c109{background-image:linear-gradient(to right, #cdcce1, #DDD);}
.c202{background-image: linear-gradient(to right, #CCF, #DDD);}
.c201{background-image:(to right, #fff, #DDD);}*/

/*-------------------------------ballon mensajes---------------------------------*/


.mensEntra{
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 75%;		
color: #343a40;
padding: 20px;
float: left;
margin:10px 10px;
border-radius: 30px;
background-color: #F7F8B5;
text-align: left;
flex-direction: column;
}

.mensSale.m-1{
display: flex;
align-items: flex-end;
justify-content: flex-start;
width: 75%;
color: #343a40;
padding: 25px;
float: right;
border-radius: 30px;
background-color: #96CEBD;
flex-direction: column;
}

.mensOtro{
display: flex;
width: 100%;	
color: #343a40;	
padding: 5px;
margin: 5px;
float: right;
border-radius: 30px;
}

.mensSaleOtro{
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 75%;		
color: #343a40;
padding: 20px;
float: left;
margin:10px 10px;
border-radius: 30px;
background-color: #c0c0c0;
text-align: left;
flex-direction: column;
}

#datoEnvio, #datoDestino{
color: #007CAF;
font-weight: bold;

}

div.col-2.p-0.m-0.boxHead_  {
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: right;
}

div.col-4.p-0.m-0.boxHead_  {
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: right;
}

.mensSale > div.col-2.p-0.m-0.boxHead_{
justify-content: flex-end;
align-items: flex-end;
text-align: right;
flex-direction: row;
}

.mensSale > div.col-4.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-end;
align-items: flex-end;
text-align: right;
}

.mensEntra > div.row.mens_.mensOtro{
width: 100%;			
display: flex;
justify-content: flex-start;
}

.mensEntra > div.col-2.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: right;
}

.mensEntra > div.col-4.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: right;
}

.mensEntra:before{
content:"";
width: 0;
height: 0;
position: absolute;
margin: 0px 0px 30px -38px;
border-bottom: 20px solid #F7F8B5;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
}

.mensSale:before{
content:"";
width: 0;
height: 0;
position: absolute;
margin: 0px -42px 0px 0px;
border-bottom: 20px solid #96CEBD;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
}

.mensSaleOtro:before{
content:"";
width: 0;
height: 0;
position: absolute;
margin: 0px 0px 30px -38px;
border-bottom: 20px solid #c0c0c0;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
}
@media only screen and (min-width : 1034px) and (max-width: 1430px) {

.mensSale.m-1{
display: flex;
width: 75%;
padding: 25px;
float: right;
margin: 10px 10px;
border-radius: 30px;
text-align: left;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
}

.mensSaleOtro.m-1,
.mensEntra.m-1{
display: flex;
width: 75%;
padding: 20px;
float: left;
margin: 10px 10px;
border-radius: 30px;
text-align: left;
justify-content: flex-start;
flex-direction: column;
}
.mensSale.m-1 > div.col-2.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-end;
align-items: flex-start;
text-align: right;
flex-direction: row;
}
.mensSale.m-1 > div.col-4.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
flex-direction: row;
}
.mensSale:before{
content:"";
width: 0;
height: 0;
position: absolute;
border-bottom: 20px solid #96CEBD;
border-right: 20px solid transparent;
border-left: 20px solid transparent;	
}	
.mensSaleOtro.m-1 > div.col-2.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
flex-direction: row;
}
.mensSaleOtro.m-1 > div.col-4.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
flex-direction: row;
}
.mensEntra.m-1 > div.col-2.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
flex-direction: row;
}
.mensEntra.m-1 > div.col-4.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
flex-direction: row;
}
}
/*--------------------------------------------*/
@media only screen and (min-width : 600px) and (max-width: 1033px){
.mensSale.m-1{
display: flex;
width: 75%;
padding: 25px;
float: right;
margin: 10px 10px;
border-radius: 30px;
text-align: left;
flex-direction: column;
justify-content: flex-start;
}
.mensSaleOtro.m-1,
.mensEntra.m-1{
display: flex;
width: 75%;
padding: 20px;
float: left;
margin: 10px 10px;
border-radius: 30px;
text-align: left;
justify-content: flex-start;
flex-direction: column;
}
.mensSale.m-1 > div.col-2.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-end;
align-items: flex-start;
text-align: right;
flex-direction: row;
}
.mensSale.m-1 > div.col-4.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-end;
align-items: flex-end;
text-align: right;
flex-direction: column;
}
.mensSale:before{
content:"";
width: 0;
height: 0;
position: absolute;
border-bottom: 20px solid #96CEBD;
border-right: 20px solid transparent;
border-left: 20px solid transparent;	
}	
.mensSaleOtro.m-1 > div.col-2.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
flex-direction: row;
}
.mensSaleOtro.m-1 > div.col-4.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
flex-direction: column;
}
.mensEntra.m-1 > div.col-2.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
flex-direction: row;
}
.mensEntra.m-1 > div.col-4.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
flex-direction: column;
}
}	
/*------------------------------*/
@media only screen
and (max-width : 599px) {

.mensSale.m-1{
display: flex;
width: 75%;
padding: 25px;
float: right;
margin: 10px 10px;
border-radius: 30px;
text-align: left;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
flex-wrap: nowrap;
}
.mensSaleOtro.m-1,
.mensEntra.m-1{
display: flex;
width: 75%;
padding: 20px;
float: left;
margin: 10px 10px;
border-radius: 30px;
text-align: left;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: nowrap;
flex-direction: column;
}
.mensSale.m-1 > div.col-2.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-end;
align-items: flex-start;
text-align: right;
flex-direction: row;
}
.mensSale.m-1 > div.col-4.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-end;
align-items: flex-end;
text-align: right;
flex-direction: column;
}
.mensSale:before{
content:"";
width: 0;
height: 0;
position: absolute;
border-bottom: 20px solid #96CEBD;
border-right: 20px solid transparent;
border-left: 20px solid transparent;	
}	
.mensSaleOtro.m-1 > div.col-2.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
flex-direction: row;
}
.mensSaleOtro.m-1 > div.col-4.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
flex-direction: column;
}
.mensEntra.m-1 > div.col-2.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
flex-direction: row;
}
.mensEntra.m-1 > div.col-4.p-0.m-0.boxHead_{
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: left;
flex-direction: column;
}
}

*/----------------------------------------------*/ 
#mensTxt{width: 96%}
/*
border-bottom:1px solid #999;
border-radius: 8px 8px 8px 8px;
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
	 box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);

*/
.subDocLin{
/*width: 100%;*/
background:#DDD;
/*background-image: linear-gradient(to bottom, #DDD, #BDC);*/
 /*margin: 4px 0;*/
background-image: linear-gradient(to right, #c6ded0, #c5ddd1);
/*float: left;*/
padding: 8px 0;
border-bottom:1px solid #BBB;
}
.subDocLin .blq1{width: 240px;width: 40%;float: left;
}
.subDocLin .blq1 a{display: block;float: left;padding: 0 0 0 24px;
}

.subDocLin .obs{display: block;width: 50%;float: left;
margin-left: 10%;word-break: break-all;
}
.jpg{background:transparent url(../images/picture.gif) no-repeat  0 0;}
.zip{background:transparent url(../images/zip.gif) no-repeat  0 0;}
.pdf{background:transparent url(../images/pdf.png) no-repeat  0 0;}
/*---------------------------------pestañas-----------------------------------*/
/*-----------------------------navbar------------------------------*/

#navbar ul  {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;

}
#navbar li {
float: left;
/*line-height: 38px;*/
line-height: 16px;
overflow: hidden;
padding: 0;
position: relative;
}

#navbar li a {      
background-color: #f8f8f8;              
color: #888;
font-weight: 500;
display: block;
letter-spacing: 0;
outline: none;
padding: 0 20px;
text-decoration: none;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
} 
div#navbar a {
	background-color: #CCC;
	border-left: 1px solid #889;
	border-right: 1px solid #889;
	border-top: 1px solid #889;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
	color: #EEE;
	color: #888;
	display: block;
	float: left;
	font-weight: bold;
	margin: 0;
	margin-top: 4px;
	margin-top: 8px;
	margin-top: 4px;
	margin-top: 5px;
	padding: 4px 20px 5px;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 1px solid #777;
	/*    width: 0.1em; */
}
/*--------------------------activo---------------------------------------*/
#navbar  li.activo  {                            
	line-height: 26px;line-height: 22px;
background: #778;
-moz-border-radius-topleft: 8px;
border-top-left-radius: 8px;
-moz-border-radius-topright: 8px;
border-top-right-radius: 8px;
/*border-top: 1px solid #899;*/
}
/*esto tapa el borde inferior*/
#navbar  {
position: relative;top:1px;
}
#navbar li.activo a {
	/*display:block;opacity: .99;z-index:4;position: relative;top:0px;*/
	margin-right: 2px;
	padding-top: 8px;
	padding-bottom: 0px;
	background: #6E6F7B;
	background: #DDD;
	border-left: 1px solid #4F4F5B;
	border-top: 1px solid #4F4F5B;
	border-right: 1px solid #000000;
	-moz-border-radius-topleft: 8px;
	border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-radius-topright: 8px;
	margin-top: -5px;
	margin-top: 0px;
	color: #FFF;
	color: #333;
	color: #444;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	border-bottom: 1px solid #0099007a;
}

.nav-tabs {
    border-bottom: 1px solid #75bd75;
}

.nav-tabs2 {
    border-bottom: 1px solid #7b8c9d;
}

.nav-tabs3 {
    border-bottom: 1px solid #75bd75;
}

#doccliwrap_______ {
	background-color: #bbb;
}

#bonoLista__________ .barrasepara, #bonoLista____________ #doccliwrap {
	background-color: #fff;
}

div#navbar {
	background: #ddd;
	height: 29px;
	height: auto;
	/* height: 30px; */
	/*height:100%; no me lo permite ya que entonces me muestra el borde*/
/* 	border-bottom: 1px solid #4F4F5B;
	border-bottom: 1px solid #777; */
	z-index: 4;
	position: relative;
	opacity: .99;
}

#doccliwrap .panel1 {
	border: 1px solid #777;
}

#listadosxxxxxx div#navbar {
	background: #ddd none repeat scroll 0 0;
	border-bottom: 1px solid #899;
	border-bottom: 1px solid #777;
	height: 29px;height: 34px;height: 30px;
}

/*---------------------------------------------------------*/
#LogOut{color:#ddd;padding: 4px 8px 0 0;}
#LogOut:hover {color: orange;}

/*--------------------------------------dragable droppable--------------------*/
/*--------------------------------------dragable droppable--------------------*/
/*--------------------------------------dragable droppable--------------------*/
/*--------------------------------------dragable droppable--------------------*/
/*--------------------------------------dragable droppable--------------------*/
/*--------------------------------------dragable droppable--------------------*/

/*----------------table-----------*/
/*----------------table-----------*/
/*----------------table-----------*/
/*----------------table-----------*/
/*----------------table-----------*/
/*
.gridWrap  div envuelve
table.gridLin lineas
table.gridHead  cabecera
*/
/* define height and width of scrollable area. Add 16px to width for scrollbar          */
.gridWrap table{padding: 0;border-spacing:0px;}
.gridWrap table.gridLin {overflow-y: auto;height: 462px;height: 262px;
	margin: 0 0 10px 0;display: block;}


#articulosWrap table {width: 430px;}
#articulosWrap {margin:0 0 0 30px;}
#articulos {width: 430px; margin: 0;}
#articulosLinxxxx  {table-layout: fixed;}



#articulosLin tr {
    height: 25px; /* This could be any value, it just needs to be set. */ 
}
#temasxxxx table tr {
    height: 65px; /* This could be any value, it just needs to be set. */ 
}

/* make the TH elements pretty */
thead.fixedHeader th {
	background: #ccc;
	border-left: none;
	border-top: none;
	border-right: none;
	font-weight: normal;
	padding: 6px 0px;
	text-align: left;text-align: center;
	background-image: linear-gradient(to bottom, #aab, #dde);
	background-repeat: repeat-x;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

}
thead.fixedHeader th:first-child {border-radius:6px 0 0 0;
-moz-border-radius:6px 0 0 0;-webkit-border-radius:6px 0 0 0;}
thead.fixedHeader th:last-child{border-radius:0 6px 0 0;
-moz-border-radius:0 6px 0 0;-webkit-border-radius:0 6px 0 0;}





/*html>body yo para ie...................................*/

#articulosLin {
/*	direction: rtl;
/*	border-left: 1px solid #eee;border-top: 1px solid #eee;*/
/*	border-right: 1px solid #aaa;border-bottom: 1px solid #aaa;*/
}

#articulosxxxx table {
            float:left; /*float: right;border-width: 1px 1px 0px 0px;*/
            
        }
#articulosxxxx table thead  {/*tr*/
            position:absolute;position:fixed;
            left: 50%;
  			top: 184px;margin-left: -468px;width: 426px;
        }
#articulosxxxx tbody {
            height: auto;
        }

/*html>body yo para ie...................................*/

html {
  background-color: #666666;
  height: 100%;
}

/*------------------------------------Temas----------------------------------------*/

.c0, #articulos tbody.scrollContent td  {
	width: 80px
}
.c1 {
	width: 240px
}
#articulos tbody.scrollContent td + td {
	width: 248px
}

.c2,#articulos tbody.scrollContent td + td + td  {
	width: 80px
}
#temas  tbody.scrollContent td,#temas  thead.fixedHeader th  {width: 160px;}
#temas  tbody.scrollContent td + td,#temas  thead.fixedHeader th + th   {width: 80px;text-align: center;}

#temas  tbody.scrollContent td + td a{background:url(../images/edit16.png) no-repeat 0px 0px;
width:16px;height: 16px;display: block; cente:auto;}
#temas  tbody.scrollContent td + td {vertical-align: middle;}

#temas table div {border: 1px solid #BDD6F1;z-index:20;cursor: pointer;
	color:#0000C0;cursor:move;}
#temas table div {border: 1px solid #BDD6F1;z-index:30;cursor: pointer;
	color:#007CAF;cursor:move;background-color: rgba(0, 0, 0, 0.05); }

#temasForm {float:left; width:226px; margin: 30px 0 0 8px;padding: 4px;border: 1px solid #EEE;}

/**/
#articulosWrap_______ {float: left;width: 430px;}
#articulosWrap {position:absolute;left:0px;top: 178px;width: 430px;}

#temas {height: 260px; float:left;}

#temas_ori {height: 260px;width: 610px;z-index:10;float: left;
margin: 29px 0 0 120px;
margin: 64px 0 0 120px;margin: 56px 0 0 120px;}

#temas___ {height: 260px;width: 410px;width: 280px;z-index:10;float: left;margin___: 29px 0 0 120px;}

#temas table{width: 240px;float: right;padding: 0px 2px;padding: 0px;border-spacing: 0px;
z-index:20; border-width: 1px 1px 0px 0px;
}
#temasHead {position:absolute;left:474px;top: 178px;width: 260px;}
#temas  thead.fixedHeader th + th   {width: 94px;}



#temas table tbody.scrollContent{overflow: visible;}
#temas{overflow-y: auto;overflow-x: hidden;}
/*#doccliwrap{overflow: hidden;}*/


/*------------------------------------Arbol----------------------------------------*/
#linkTemas{position:absolute;top:150px;right:10px;}
#result{padding-left:5px;color:red;margin: 0 0 0 300px;}
#divalta input{
/*	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;

	-moz-border-radius:4px;
	border-radius: 4px;

	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);

    cursor: pointer;
    display: inline-block;
    height: 1.9em;
    line-height: 1.9em;
    overflow: hidden;
    padding: 0 0.6em;
    position: relative;
    white-space: nowrap;
    */
border:1px outset #DDD;background: #CCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 28px;
padding: 0 10px;
/*margin:4px;*/
/* margin:6px; */
cursor:pointer;
color: #666;
color: #06A;
margin: 4px 0px 0px 2px;
/*color:#691;/*verde*/
font-weight: bold; text-shadow:-1px -1px 0px rgba(100, 180, 70, 0.25);
text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
}
#divalta input:hover{/* color: orange;background-color:#E6E6E6;
background-image: linear-gradient(to bottom, #ffffff, #FFFDC2);
background-image: linear-gradient(to bottom, #ffffee, #ccccbb);*/
border:1px inset #EEE;color: #F70;background: #DDD;
-moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);
text-decoration:none; 
}


#doccli____{
  border-top: 1px solid #777;
}

/*-----------------------------------------listados de ajustes-----------------------------*/
#bonoLista .barrasepara,#bonoLista #doccliwrap{ background-color: #fff;}

#bonoLista .panelBorde {background:#fff;border:none;margin:4px 60px;
}
#bonoLista input[type=text]{border: 1px solid #ccc;}



#bonoLista #divdoc .tab {
    margin-left: 0px;
}
/*----------------------------------------------------------------------------------------------------------------*/

ul.tab.style1 {
margin: 0;
padding: 0 15px;
font-size: 1em;
list-style: none;
height: 24px;
background: transparent url(../images/tab-bar.png) repeat-x left bottom;
}
ul.tab.style1 li.first.active {
background: transparent url(../images/tab-left.png) no-repeat left 0px;
}
ul.tab.style1 li {
float: left;
margin: 0 -5px -5px -5px;
padding: 0 0 0 10px;
}
ul.tab li {
display: inline;
white-space: nowrap;
}
ul.tab.style1 li a {
font: bold 12px/170% Verdana;
display: block;
margin: 0;
padding: 4px 22px 0px 12px;
border-width: 0;
font-weight: bold;
text-decoration: none;
}

li a.active {
color: #000;cursor: default;
}
ul.tab.style1 li a {
    background: url("images/tab-right-sep.png") no-repeat scroll right -38px transparent;
    border-width: 0;
    display: block;
    font: bold 12px/170% Verdana;
    margin: 0;
    padding: 4px 22px 0 12px;
    text-decoration: none;
}
ul.tab.style1 li.last a {
    background: url("images/tab-right.png") no-repeat scroll right -38px transparent;
}
ul.tab.style1 li.first {
    background: url("images/tab-left.png") no-repeat scroll left -38px transparent;
}

ul.tab.style1 li.active {
    background: url("images/tab-left-sep.png") no-repeat scroll left 0 transparent;
}

ul.tab.style1 li.active a {
background: transparent url(../images/tab-right-sep.png) no-repeat right 0;
}
ul.tab.style1 li.first.active {
    background: url("images/tab-left.png") no-repeat scroll left 0 transparent;
}

ul.tab.style1 li.last.active a {background: transparent url(../images/tab-right.png) no-repeat right 0;}

#last a { background: url("images/tab-right.png") no-repeat scroll right 0 transparent;}
.item-list{border:1px solid #CACACA;border-top: none;}




/*------------------------------------listados--------------------------*/
#buscarAvanz .formBusq {
    float: none;
    margin: 0 auto;
    text-align: center;
    max-width: 940px;
}
.formBusq {
    /* background-color: #EEE; /*#9BB*/
    border: 1px solid #EAD8EA;
    padding: 10px;
}
.titFormulario {
	background-color: #143D55;
    color: #FFFFFF;
    width: 100%;
    height: 40px;
    padding: 12px 12px;
	}

.formBusq .busqizq, .formBusq .busqder {
font-size:100%;
margin-bottom:5px;
width: 100%;

}

/* .formBusq .busqizq {
width:100px;max-width:320px;
} */

.formBusq .busqizq {
padding: 0 13px;
}
/*border: 1px solid #EAD8EA;margin:0 2%;*/
#blq1{
	width:46%;width:40%;width:26%;width:30%;width:38%;width:34%;
	margin:0 2% 0 0;
	float:left;
	text-align:left;
	-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
	 box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
	
}
#blq2{
	min-width:64%;
	margin:0 auto;
	float:left;
	text-align:center;
}

#buscarAvanz .formBusq .busqder {
	float:right;
	text-align:right;
	clear: both;
}
div.antifloat {
	clear:both;
	line-height:1px;
}

#dialog-form .note-toolbar{display: none;}

/*-------------------------------------------tabla tareas---------------------------*/
#tblTareas {table-layout: fixed;}/*width: 964px;*/
#tblTareas th{width: 10%;}
#tblTareas.subTarea .M{width: 50%;}/*width: 420px;*/

#tblTareas th:first-childxxxxxxxxxx {width: 54px;}

#tblTareas .Fxxxxxxxx {width: 60px;}
#tblTareas .M{width: 60%; word-wrap: break-word; }/**width: 460px;*/

#tblTareas .color0{background-color:#EFF;}
#tblTareas .color2{background-color:#FDF;}
#tblTareas .color1{background-color:#DEE;}
#tblTareas .color3{background-color:#FEE;}

/*color resaltador*/
#tblTareas .color0bloquea{background-color:#EFF411;}
#tblTareas .color2bloquea{background-color:#FDF411;}
#tblTareas .color1bloquea{background-color:#DEE411;}
#tblTareas .color3bloquea{background-color:#FEE411;}


#tblTareas .aparcada{
	background-color:#ff8000
}

#tblTareas .aparcada td{
	border-top: groove;
	border-bottom: groove;
	color: black;
	font-size: initial;
}

#tblTareas .color0bloquea td,
#tblTareas .color1bloquea td,
#tblTareas .color2bloquea td,
#tblTareas .color3bloquea td{
	color: black;
	font-weight: bolder;
	font-size: large;
	border-top: groove;
	border-bottom: groove;
}

#tblTareas .color0bloquea .dt-nowrapNormal,
#tblTareas .color1bloquea .dt-nowrapNormal,
#tblTareas .color2bloquea .dt-nowrapNormal,
#tblTareas .color3bloquea .dt-nowrapNormal{
	color: black;
	font-weight: normal;
    font-size: medium;
}

/* #tblTareas [role="row"]{
	
} */

#tblTareas .color0 td, #tblTareas .color1 td, #tblTareas .color2 td, #tblTareas .color3 td {
	font-style: oblique;
	font: 11px/14px arial,verdana;
}
/*Color en rojo*/
/* #tblTareas .color0bloquea{background-color:#ef5411;}
#tblTareas .color2bloquea{background-color:#fd5411;}
#tblTareas .color1bloquea{background-color:#DE5411;}
#tblTareas .color3bloquea{background-color:#FE5411;} */

#tblTareas .over{ border: 2px solid #FF0000;}

/*
#tblTareas tr.raiz:nth-child(odd) {
    background-color:#DEE;
}
#tblTareas tr.raiz:nth-child(even) {
    background-color:#FFFFFF; 
}
*/

#tblTareas tr {
    border:2px groove #F0F0F0;
}
#tblTareas  .H{width: 1px;overflow: hidden;padding: 0 0px;display: none;}

/*--------------------------------------------------notas-----------------------*/
fieldset___ {width:428px;float: left;}
form fieldset {border:2px groove #F0F0F0;margin: 0 2px;padding: 8px;}
.fieldset {border:2px groove #F0F0F0;margin: 0 2px;padding: 8px;}
.label1 {
  width: 25%;width:116px;width: 100%;
  float: left;font-weight: bold;
}
.fieldsetExtra{
	background-color: #DDD;
	    border-bottom-right-radius: 6px;
	    border-bottom-left-radius: 6px;
	    border-top-right-radius: 6px;
	    border-top-left-radius: 6px;
}

/*-----------------subtareas--------------------------*/
.cajaWrap {
background-color:#CAE2CC;
border:1px solid #006677;
float:left;
padding:2px;
margin: 24px 0 4px 0px;
width:100%;
}
.cajaT {
float:left;
padding:2px;
width:394px;width:40%;
word-wrap: break-word;
}
.cajaT textarea {width:380px;height:160px;}


.ico_copy {
background:transparent url(../images/copy.gif) no-repeat scroll 0 0;
float:left;width:16px;height: 16px;padding:0 8px;
}
.ico_email {
background:transparent url(../images/email_16.gif) no-repeat scroll 0 0;
float:left;width:16px;height: 16px;padding:0 8px;
}

#altaSubt{margin-top: 8px;}
/*--------------------barra separadora sub-tareas----------------------*/
/*las barras miden 31 y yo pongo 28*/
#temainicio {
background:#03170A url(../images/barraGris.gif) repeat-x scroll 0 -3px;/*tenía -5*/
background:#03170A url(../images/barraGris.gif) repeat-x scroll 0 bottom;/*tenía -5*/
height:28px;
	padding:0;
	text-align:center;
}
#temainicio a {
color:#CCCCCC;line-height: 28px;font-weight: bold;padding: 0 4px;
}
#temainicio___ .siactiva a {
color:#FE7; border: 1px #066 inset; padding: 0 1px;
}
#temainicio  a.siactiva {
color:#FE7;
border: 1px inset #1CC; 

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
cursor:default;
/*
height: 28px;padding: 0 10px;margin:4px;
color: #666;color: #06A;
*/

}

#temaUBusq1 {
float:left;
margin:0;padding:0;
width:420px;width:40%;
height:28px;
background:#0FACAE url(../images/barraRed.gif) repeat-x scroll 0 -3px;/*tenía -4*/
background:#0FACAE url(../images/barraRed.gif) repeat-x scroll 0 bottom;/*tenía -4*/

}
#temaUBusq3 {
background:transparent url(../images/barraRedGris.gif) no-repeat scroll 0 -5px;
background:transparent url(../images/barraRedGris.gif) no-repeat scroll 0 -3px;
border:medium none;
float:left;
margin:0;
padding:0;
width:10%;right: 22px;right: 20px;
position: relative;
}
#temaUBusq2 {
background:#03170A url(../images/barraGris.gif) repeat-x scroll 0 -3px;
background:#03170A url(../images/barraGris.gif) repeat-x scroll 0 100%;
border:medium none;
float:left;
margin:0;
padding:0;
width:418px;width:50%;
}
/* .contentPrincipal{
	
	border-right:2px solid #888;	
	float:left;
	width:861px;width:80%;
} */

table.grid {
border-collapse:collapse;
overflow:visible;
table-layout:fixed;
}
table.grid td {
border:1px solid #CCCCCC;
padding:4px;
}
.rowTit {
background:#D5D6D6 url(../images/bar38.gif) repeat-x scroll left bottom;
font-family:Verdana,georgia,garamond,serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
text-align:center;
}


#idcalen .barrasepara {display: none;}



#titMenu {display: none;}
#nav {
	display: block;
	z-index: 1026;
}


/*-------------------mensajes-----------------------------------------*/
.respon {
    padding: 4px 0 0;
color: #999;
}
.respon hr{
    height: 1px;
        background-color: #999;
}
/*---------------------------acceso-----------------------------------*/
#acceso{ margin:0 8px;max-width: 260px; 
border: 1px solid #f2f2f2;padding: 4px;}
#acceso label{
	display: block;
	font-weight: bold;
	clear: both;
	padding: 8px 0 2px;
}

/*-------------------------------- menumovilNo-------------------*/

.matrPie{font: 8pt/16px verdana,arial;color: #777;}
/*------------------------------caja redondeada-----------------------*/

.cajaRound {width:380px;height:160px;margin: 4px 20px;
width:310px;height:160px;margin: 4px 5px;
	border:1px solid #666;
	border-radius: 12px 12px 12px 12px;
	-moz-border-radius:12px 12px 12px 12px;
}
.panel1xxx {
width:972px;width: 860px;;width: 460px;

}


@media screen {.print{display: none;}}

@media only screen and (max-width : 640px), (max-height: 640px) {
	#headMenuSup{float: left; padding: 5px;}
	/*#sidebar.active {left: 110px;}*/
	#nav {
		background:#ccc;
		padding:0;
		overflow: scroll;
	    height: auto;
	    max-height:60vh;
	}
	#nav ul li {width: 100%;margin: 0 0 5px;margin: 0;background: #777;}
	#nav ul li a, #nav ul {width: 100%;}
	#nav ul li {box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);}
	#titMenu {display: block;}
	#nav {display: none;}
	.col1{width: 100%;}
	.elborde {padding:3px;}
	.col1 label{clear:both;}
	#menuMob{display: block;}
	#articulosWrap {top: 278px;margin: 0 0 0 10px;}
	/* #temas, #result,#temasForm {display: none;} */
	#articulos, #articulosHead ,#articulosWrap table,#articulosWrap  {
	   width: 100%;
	}
	.cajaT {width: 100%;}
	
	#menuTop {
	    display: grid;
	    min-height: 0;
	}
}


@media only screen and (max-width : 810px) {
	#blq1 {
	    margin: 0 0 12px 0;
	    width: 100%;
	}
}
@media only screen and (max-width : 514px) {
	#blq1 {
	    margin: 0 0 12px 0;
	    width: 100%;
	}
	#doccliwrap {
	    padding: 0;
	}
	#doccliwrap .panel1 {
	    padding: 12px 0 12px 2px;
	}
	#buscarAvanz .formBusq {
	    padding: 0px;
	}
	#blq2 {
	    min-width: auto;
	}
	.colTot{ margin-left: 10px;}

}
@media only screen and (max-width : 322px) {
	#blq1 {
    display: none;
	}
	#buscarAvanz .formBusq .busqder {
    text-align: left;
	}
}
#buscarAvanz .formBusq .busqder_______ {
clear: none;
}

/*-------------------pasado aquí menu-no-ie---------------------*/

/*--------tablas para móviles = div o table con id noTabla---------*/
@media only screen and (max-width: 800px) {
	
	nav>.nav.nav-tabs {
		background: #4b4b4b no-repeat center center fixed !important;
		background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
		-o-background-size: cover;
	}
	
	#detalleFichaMercaLibrado {
		display: none;
	}
	
	#listados .busqizq_____ {
		display: none;
	}
	
	.noMovil {
		display: none;
	}

	/* Force table to not be like tables anymore */
	#noTabla table, #noTabla thead, #noTabla tbody, #noTabla th, #noTabla td, #noTabla tr {
		display: block;
	}
	/*, #noTabla th*/
	/* Hide table headers (but not display: none;, for accessibility) */
	#noTabla thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	/*
 #listadoAg #tblTareas td,#listadoAg #tblTareas tbody,#listadoAg #tblTareas tr ,#tblTareas {
			display: block;width: auto;
		}
 */
	#noTabla tr {
		border: 1px solid #ccc;
	}
	
	#noTabla td {
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 38%;
		white-space: normal;
		text-align: left;
	}
	
	#noTabla td:before {
		position: absolute;
		left: 6px;
		font-size: x-small;
		padding-right: 10px;
		text-align: left;
		font-weight: bold;
	}
	
	#noTabla th:before {
		position: absolute;
		left: 16px;
		font-size: x-small;
		padding-right: 10px;
		text-align: left;
		font-weight: bold;
	}
	
	#noTabla th {
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 38%;
		white-space: normal;
		text-align: left;
	}
	
	
	#totalesListados th {
		padding-left: 6px !important;
	}
	
	#tblTareas .M {
		width: auto;
	}

	/*
   	Label the data sistema automático, no me gusta
   	#noTabla___ td:before { content: attr(data-title); }
   	*/

	/* esto se pone en cada jsp 
	td:nth-of-type(1):before { content: "Código"; }
	td:nth-of-type(2):before { content: "Tarea"; }
	td:nth-of-type(3):before { content: "Resp."; }
	td:nth-of-type(4):before { content: "F. Inicio"; }
	td:nth-of-type(5):before { content: "Prevista"; }
	td:nth-of-type(6):before { content: "F. Final"; }
	td:nth-of-type(7):before { content: "Observ."; }

	#noTabla.avisos td:nth-of-type(3):before { content: "F. Inicio"; }
	.subTarea td:nth-of-type(4):before { content: "Prevista"; }
	.subTarea td:nth-of-type(5):before { content: "Fecha Final"; }
	.subTarea td:nth-of-type(6):before { content: "Observ."; }

	//FechaHoraRetraso	Remitente	Comentarios	Clave de Estado
	#noTabla.avisos td:nth-of-type(1):before { content: "Retraso"; }
	#noTabla.avisos td:nth-of-type(2):before { content: "Remitente"; }
	#noTabla.avisos td:nth-of-type(3):before { content: "Comentarios"; }
	#noTabla.avisos td:nth-of-type(4):before { content: "Estado"; }
	*/
}


@media only screen and (max-width: 460px), (max-height: 640px) {
	#headLogo{display: none;}
}

@media only screen and (max-width: 640px) {
	#headLogo{display: none;}
}

@media only screen and (max-width: 348px) {
    
	.subM {
	    margin: 8px 0;
	    width: 100%;
	}
	.subM a {
	    width: 100%;
	    display: block;
		overflow: hidden;
	    border: 0px;
	}


}

/*-------------------------------fixed-------------------------*/
.fixed{
/* position: fixed;
bottom: 0;
right: 0;
width: 80px;
z-index: 5;
background: hsla(80, 90%, 40%, 0.7);
color: white;
font-weight: bold;
font-size: large;
text-align: left;
border: solid hsla(80, 90%, 40%, 0.5);
border-right: none;
padding: 0.5em 0.5em 0.5em 2.5em;
box-shadow: 0 1px 3px black;
border-radius: 3em 0.5em 0.5em 3em;
margin: 0 0 2.5em 0; */

		/*
		border: 3px solid #73AD21;
		width: 8em;
		margin: -2.5em 0 0 0;
		*/
        /*display:none;*/
        padding:0px;
        background-repeat: no-repeat;
        font-size:24px;
        color:hsla(80, 90%, 40%, 0);
        cursor:pointer;
        position: fixed;
        bottom:20px;
        right:20px;
        z-index: 2;
        background: hsla(80, 90%, 40%, 0.7);	
		box-shadow: 0 0 25px rgba(86, 16, 36, 1);
		border-radius: 100%;
		margin: 0 0 2.5em 0;
}
.topfixed {
	bottom: auto;
  	top: 150PX;
	margin: 2.5em 0 0 0;
}
.fixed a {color: inherit;}
.fixed a:hover {text-decoration: underline;
/*color: #ffbb55;*/}
.fixBL{position: fixed; bottom: 45px;}

/*-----------------------------------panel lateral------------------------------------*/
/**/
#listadoAgHead{padding: 0 40px;}

/* .sideAbr {
font-size: 24px;
padding: 0 2px;
position: absolute;
top:112px;
left:0px;
} */

.sideAbr {
    font-size: 30px;
    padding: 0px;
    position: absolute;
    top:112px;
    left: 0px;
    margin: 0px;
}


.resumenTareaPanelLateral .sideAbr{
	 top:200px;
	 z-index: 50;
}

/*
.btn3:hover{
	background-image: linear-gradient(to bottom, #ddd, #eee);
	background-image: linear-gradient(to bottom, #ddd, #fff);
	border: 1px inset #dddddd;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.btnL{    
	border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.btnR{
	border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
*/
.sidenavInt{width: 242px;padding: 0px;}
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    /* z-index: 10; Stay on top */
    z-index: 1031; 
    top: 0;
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding: 0px; 
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    color: #DDD;
    
    margin:0px;
	background-color: #f5f5f5;
    background-image: linear-gradient(to right, #ffffff, #e6e6e6);
    color: #666;
/*
    padding: 0 4px;
	 margin-right: 0px;margin: 8px 0px;
	 color: #89A;
	font-weight: bold; text-shadow:-1px -1px 0px rgba(100, 180, 70, 0.25);
	font-size:12px;
	 text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
	 border: 1px outset #dddddd;
	 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); 

*/
    
}


/* The navigation menu links */
.sidenav a {
    color: #666;
/*	
	padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
    */
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
    color:#fa0; 
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    padding: 8px 8px 8px 32px;
    display: block;
    transition: 0.3s;

/*
text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
text-shadow: 1px 1px 1px #000;
text-shadow: 2px 2px 3px rgba(255,255,255,0.1);
    color: transparent;
        background-clip: text;
text-shadow: 0px 1px 1px rgba(255,255,255,0.5) ;
    
*/
font-weight: bolder;

  background-color: #565656;
color: transparent;
  text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
  -webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;

}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main__________ {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 0px;}
    .sidenav .closebtn {font-size: 18px;}
}

/*---------------------------calendario tareas-------------------------------*/
#tareasCab {
	margin: 10px 10px;margin-top: 30px;
	position: relative;height: 100%;
}
#tareasCab________ div{
	float: left;
	width: 50%;
	}



/* Add a "checked" mark when clicked on */
ul li.checked::before {
    content: '';
    position: absolute;
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    top: 10px;
    left: 16px;
    transform: rotate(45deg);
    height: 15px;
    width: 7px;
}

/*--------------documentos----------*/
#boxmail{
	position: absolute;
	top: 244px;
	left: 228px;
	z-index: 20;
	background: hsla(220, 40%, 60%, 0.7);
	color: white;
	font-weight: bold;
	text-align: left;
	border: solid hsla(220, 40%, 60%, 0.5);
	border-right: none;
	padding: 0.5em 0.5em 0.5em 1.5em;
	box-shadow: 0 1px 3px black;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	display: none;
}

#modelo {
    width: 168px;
}
#icomail {
	height: 16px;
}

#icomail a {
	height: 16px;
	background:url(../images/email_16.gif) no-repeat 0px 0px;
	padding: 0 2px 0 22px;
	display: block; 
}

#icomail a:hover{background-position: 0px -16px; }

#boxPDF {
	position: absolute;
	top: 244px;
	left: 228px;
	z-index: 20;
	background: hsla(220, 40%, 60%, 0.7);
	color: white;
	font-weight: bold;
	text-align: left;
	border: solid hsla(220, 40%, 60%, 0.5);
	border-right: none;
	padding: 0.5em 0.5em 0.5em 1.5em;
	box-shadow: 0 1px 3px black;
	border-radius: 0.5em 0.5em 0.5em 0.5em;
	display: none;
} /*top: 120px;right: 200px;font-size: large;*/
#nModelo {
	width: 168px;
}

#icoPdf { /*top: 200px;position: absolute;left: 240px;z-index: 20;*/
	height: 16px;
}

#icoPdf a {
	height: 16px;
	background: url(../images/pdf_16.gif) no-repeat 0px 0px;
	padding: 0 2px 0 22px;
	display: block;
}

/*----------------------------nuevo de listados------------------------*/
#listados h3 {
	display: inline;
}

#filtrosTxt, #camposTxt {
	margin: 8px 0 0;
	display: block;
}

#botonOk {
	margin: 8px 0;
}

.menuLabel {
	margin: 4px 0px 0px !important;
	height: initial !important;
	color: #06a !important;
	background-color: #dddddd;
	border: 1px solid #cccccc;
}

#detalleFichaMercaLibrado {
	font-size: unset;
}

#detalleFichaMercaLibrado .menuLabel {
	margin: 1px 0px 0px !important;
	height: initial !important;
	/* color: #06a !important; */
	color: #555 !important;
	background-color: #dddddd;
	border: 1px solid #cccccc;
	padding: 0px 2px !important;
}

#detalleFichaMercaLibrado .form-control {
	margin: 1px 0px 0px !important;
	padding: 0px 2px !important;
	background-color: #e9ecef;
	color: #787878;
}

#detalleFichaMercaLibrado .img-thumbnail {
    padding: 0px;
    background-color: inherit;
    border: 0px;
    border-radius: 0px;
    max-width: 55px;
    height: 65px;
}

.formularioLabel {
	margin: 4px 0px 0px !important;
	height: initial !important;
	color: #06a !important;
	background-color: #dddddd;
	border: 1px solid #cccccc;
}

.menuLabelAzul {
	margin: 2px 4px 2px !important;
	color: #06a !important;
	height: initial !important;
}

.SinDatosLabel {
	margin: 4px 0px 0px !important;
	height: initial !important;
	color: #06a !important;
	background-color: #dddddd;
	border: 1px solid rgba(0, 102, 170, 0.42);
	text-align: center;
}

.verdDatosLabel {
	margin: 4px 0px 0px !important;
	height: initial !important;
	color: #06a !important;
	background-color: #dddddd;
	border: 1px solid rgb(0, 153, 0);
	text-align: center;
}

.rojoDatosLabel {
	margin: 4px 0px 0px !important;
	height: initial !important;
	color: #06a !important;
	background-color: #dddddd;
	border: 1px solid red;
	text-align: center;
}

.menuInput {
	margin: 4px 0px 0px !important;
	height: auto !important;
	height: initial !important;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    width: 250px;
    position: fixed !important;
    /*no quitar fixed !important para que js/jquery.mCustomScrollbar.concat.min.js funcione como se espera y no añada position:relative al sidebar*/
    /* "outside" === i.scrollbarPosition ? ("static" === t.css("position") && t.css("position", "relative"),
            t.css("overflow", "scroll"), // t.css("overflow", "visible")*/
   	/*position: relative;overflow: scroll;*/
    top: 0;
    /* left: -250px; */
    right: -250px;
    height: 100vh;
    /* z-index: 999; */
    z-index: 1032;
    background: #97a8b9;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}



#sidebar.active {
    /* left: 0; */
    right: 0;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #97a8b9;
    position: absolute;
    top: 14px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    /**/
  	display: flex;
  	justify-content: center;
  	align-items: center;
}

#dismiss:hover {
    background: #fff;
    color: #7386D5;
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.overlay.active {
    display: block;
    opacity: 1;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #5a6b7c;
}

#mipanel {
    position: fixed;
    top: 0;
    right: -250px;
    height: 100vh;
    z-index: 1032;
    background: #97a8b9;
    color: #fff;
    transition: all 0.3s;
    overflow-y: auto;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#mipanel .contenidoMipanelID{
	color: darkred;	
}

#mipanel .sidebar-header {
    padding: 20px;
    background: #5a6b7c;
    width: 104%;
}

#mipanel .contenidoMipanel{
	border: 1px solid #006677;
	margin-top: 2px;
}

#mipanel .contenidoMipanel .contenidoMipanelTexto{
	 border-top: inherit;
	 margin-top: 6px;
	 background: lightgrey;
     color: #5a6b7c;
     padding-block-end: 3px;
     word-wrap: break-word;
}


#mipanel::-webkit-scrollbar {
	-webkit-appearance: none;
}

#mipanel::-webkit-scrollbar:vertical {
	width:10px;
}

#mipanel::-webkit-scrollbar-button:increment,#mipanel::-webkit-scrollbar-button {
	display: none;
} 

#mipanel::-webkit-scrollbar:horizontal {
	height: 10px;
}

#mipanel::-webkit-scrollbar-thumb {
	background-color: #009900;
	border-radius: 20px;
	border: 2px solid #97a8b9;
}

#mipanel::-webkit-scrollbar-track {
	background: #5a6b7c;
}

#mipanel .ListaDeTareas{
	padding: 5px 3px 5px 5px;
    margin: 0px;	
}


#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #009900;
    background: #fff;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #798a9b;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #c6c8ca;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

ul.CTAs label{
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
    border: 0 none;
}

a.download {
	background: #fff;
	color: #009900;
	    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

a.download:hover {
	background: #5a6b7c !important;
	color: #fff !important;
	
}

a.article , ul li .article {
	background: #5a6b7c !important;
	color: #fff !important;
	    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}



a.article:hover {
	background: #ffffff !important;
	color: #009900 !important;
	    
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    width: 100%;
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}
/*----para la biblioteca---*/
.biblioteca td:nth-of-type(1n)::before { content: ""  !important;}
.notable td:nth-of-type(1n)::before { content: ""  !important;}
.colorB{background-color: #eee !important;}

/*----------------------------nuevo de FRAN loading ------------------------*/
.loading {
    /*background: rgba(0, 43, 255, 0.3);*/
    bottom: 0;
    /*box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);*/
    box-sizing: border-box;
    height: 200px;
    left: 0;
    margin: 17% auto;
    /* margin: 10% auto; */
    /*margin: 27% auto;*/
    overflow: hidden;    
    padding: 25px;
    position: fixed;
    right: 0;
    top: 0;
    width: 250px;
    z-index: 1050;
}

.loadingLok {
	background: rgba(0, 0, 0, 0.5);
 	width:100%; 
 	height:100%; 
 	padding:25%;
 	margin: auto;
}

.big-circle {
    -moz-animation: circleEffectOut 2s infinite linear;
    -o-animation: circleEffectOut 2s infinite linear;
    -webkit-animation: circleEffectOut 2s infinite linear;
    animation: circleEffectOut 2s infinite linear;

    background:rgb(221, 221, 221);
    /*border-bottom: 10px solid rgb(59, 77, 63);*/
    border-bottom: 6px solid rgb(59, 77, 63);
    /*border-left: 5px solid rgba(0,0,0,0);*/
    border-left: 6px solid rgb(108, 123, 138);
    border-radius: 100%;
    /*border-right: 5px solid rgba(0,0,0,0);*/
    border-right: 6px solid rgb(108, 123, 138);
    /*border-top: 10px solid rgb(59, 77, 63);*/
    border-top: 6px solid rgb(59, 77, 63);
    box-shadow: 0 0 35px rgb(0, 153, 0);
    box-sizing: border-box;
    /*height: 150px;*/
    height: 135px;
    margin: 0 auto;
    opacity: 0.9;
    /*width: 150px;*/
    width: 135px;
}

.little-circle {
    -moz-animation: circleEffectIn 4s infinite linear;
    -o-animation: circleEffectIn 4s infinite linear;
    -webkit-animation: circleEffectIn 4s infinite linear;
    animation: circleEffectIn 4s infinite linear;
    
    background-color: rgb(97, 114, 131);
    
    border-bottom: 5px solid rgb(0, 153, 0);
    border-left: 5px solid rgba(0,0,0,0);
    border-radius: 100%;
    border-right: 5px solid rgba(0,0,0,0);
    border-top: 5px solid rgb(0, 153, 0);
    box-shadow: 0 0 25px rgba(86, 16, 36, 1);
    box-sizing: border-box;

    height: 100px;
    margin: 0 auto;
    opacity: 0.9;
    position: relative;
    /*top: -125px;*/
    top: -116px;
    width: 100px;
}

.loading .content {
    padding: 0 10px;
    position: relative;
    text-align: left;
    top: -100px;
}

@-moz-keyframes circleEffectOut {
    0% {
        -moz-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px rgb(16, 86, 66);
    }

    50% {
        -moz-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -moz-transform: rotate(-320deg);
        opacity: 0;
    };
}

@-webkit-keyframes circleEffectOut {
    0% {
        -webkit-transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px rgb(16, 86, 66);
    }

    50% {
        -webkit-transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: rotate(-320deg);
        opacity: 0;
    }
}


@keyframes circleEffectOut {
    0% {
        transform: rotate(160deg);
        opacity: 0;
        box-shadow: 0 0 1px rgb(16, 86, 66);
    }

    50% {
        transform: rotate(145deg);
        opacity: 1;
    }

    100% {
        transform: rotate(-320deg);
        opacity: 0;
    }
}


@-moz-keyframes circleEffectIn {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
    };
}

@-webkit-keyframes circleEffectIn {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}


@keyframes circleEffectIn {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*-----------------------------fin---loading----------------------------------*/

.border-gris{border-color:#aaa!important}


/*------------------------------------------------------------------------------*/


.table-wrapper-scroll-y {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 180px;
}

.form-control{font-size:inherit !important;}

/** no mover este estilio de firma ya que los ya firmado cambiarin el tamaño del cuado de firma**/
.cuadrofirma {width: 380px; height: 160px;}
.cuadrofirma img{width:100%; height: 100%}

.tableAzul th {
    color: #06a !important;
    background-color: #e9ecef !important;
    border-color: #cccccc !important;
    border: 1px solid #cccccc !important;
    
}

/* para nava */
nav > .nav.nav-tabs{
  	border: none;
    color:#fff;
    background: url(../images/barraGris.gif) repeat-x scroll 0 100%;
    border-radius:0;
}
nav > div a.nav-item.nav-link
{
  /*border: none;*/
    /*padding: 18px 25px;*/
    color:#fff;
   /* background: url(../images/barraGris.gif) repeat-x scroll 0 100%;*/
   border-radius:0;
  
}
nav > div a.nav-item.nav-link.active
{
    /*border: none;*/
    /*padding: 18px 25px;*/
    color:#FE7;
    background: url(../images/barraRed.gif) repeat-x scroll 0 bottom;
    border-radius: 1px 250px ;
    border-color: #fe7;
   
}
nav > div a.nav-item.nav-link.active:after
 {
  content: "";
  position: relative;
  bottom: -38px;
  left: -10%;
  border: 15px solid transparent;
  border-top-color: #0FACAE ;
}
.tab-content{
    /*background: #fdfdfd;*/
    /*line-height: 25px;*/
    border: 1px solid #ccc;
    border-top:5px solid #0FACAE;
    border-bottom:5px solid #0FACAE;
    padding:30px 25px;
}
nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
    /*border: none;*/
    background: url(../images/barraRed.gif) repeat-x scroll 0 bottom;
    /*color:#fff;*/
    border-radius:0;
    transition:background 0.20s linear;
    border-radius: 1px 250px ;
}

/*-----------------------------*/

#tblTareas th {
    background: linear-gradient(to bottom, #0081d5 -9px, #6893be 6px, #054f79) !important;
    color: #FFFFFF !important;
    height: 30px !important;
    
    text-align: center !important;
    background-color: #dadada !important;
    /*border: 1px solid #555 !important;*/
    border-top: 0px solid #ddd !important;
    border-bottom: 2px solid #ddd !important;
    padding: 0 2px !important;
    overflow: hidden !important;
}



/*****DIAGRAMA DE DANTT ****/
.gantt {
    width: 100%;
    margin: 20px auto;
    border: 14px solid #ffffff;
    background: #f6f6f6;
    position: relative;
-webkit-border-radius: 6px;
   -moz-border-radius: 6px;
        border-radius: 6px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}

.gantt:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.fn-gantt {
    width: 100%;
}

.fn-gantt *,
.fn-gantt *:after,
.fn-gantt *:before {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.fn-gantt .fn-content {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.fn-gantt .row {
    float: left;
    height: 24px;
    line-height: 24px;
    margin: 0;
}


/* === LEFT PANEL === */

.fn-gantt .leftPanel {
    float: left;
    width: 225px;
    overflow: hidden;
    border-right: 1px solid #DDD;
    position: relative;
    z-index: 20;
}

.fn-gantt .leftPanel .fn-label {
    display: inline-block;
    margin: 0 0 0 5px;
    color: #484A4D;
    width: 110px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fn-gantt .leftPanel .row {
    border-bottom: 1px solid #DDD;
}
.fn-gantt .leftPanel .name, .fn-gantt .leftPanel .desc {
    float: left;
    height: 24px;
    width: 50%;
    background-color: #f6f6f6;
}

.fn-gantt .leftPanel .name {
    font-weight: bold;
}

.fn-gantt .leftPanel .fn-wide, .fn-gantt .leftPanel .fn-wide .fn-label {
    width: 100%;
}

.fn-gantt .leftPanel .spacer {
    /*background-color: #f6f6f6;*/
    background-color: #ffffff;
    width: 100%;
}




/* === RIGHT PANEL === */

.fn-gantt .rightPanel {
    overflow: hidden;
}

.fn-gantt .dataPanel {
    margin-left: 0;
    outline: 1px solid #DDD;
    /* TODO: Replace image with gradient?
    background-size: 24px 24px;
    background-image: linear-gradient(to left, rgba(221, 221, 221, 0.7) 1px, transparent 1px), linear-gradient(to top, rgba(221, 221, 221, 0.7) 1px, transparent 1px);
    */
    background-image: url(../images/grid.png);
    background-repeat: repeat;
    position: relative;
}

.fn-gantt .row.header {
    margin-right: -1px;
    width: 100%;
}

.fn-gantt .day, .fn-gantt .date {
    overflow: visible;
    width: 24px;
    line-height: 24px;
    text-align: center;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    font-size: 11px;
    color: #484a4d;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    text-align: center;
    justify-content: center!important;
}

.fn-gantt .sa, .fn-gantt .sn, .fn-gantt .wd {
    height: 24px;
    text-align: center;
}

.fn-gantt .sa, .fn-gantt .sn {
    color: #939496;
    background-color: #f5f5f5;
    text-align: center;
}

.fn-gantt .wd {
    /*background-color: #f6f6f6;*/
    background-color: #ffffff;
    text-align: center;
}

.fn-gantt .holiday {
    background-color: #ffd263;
    height: 24px;
}

.fn-gantt .today {
    background-color: #fff8da;
    height: 24px;
    font-weight: bold;
    text-align: center;
}

.fn-gantt .rightPanel .month, .fn-gantt .rightPanel .year {
    float: left;
    overflow: hidden;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    height: 24px;
    /*background-color: #f6f6f6;*/
    background-color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    color: #484a4d;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    text-align: center;
    justify-content: center!important;
}

.fn-gantt-hint {
    border: 5px solid #edc332;
    background-color: #fff5d4;
    padding: 10px;
    position: absolute;
    display: none;
    z-index: 11;
-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
        border-radius: 4px;
}

.fn-gantt .bar {
    background-color: #D0E4FD;
    height: 18px;
    margin: 0 3px 3px 0;
    position: absolute;
    z-index: 10;
    text-align: center;
-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
   -moz-box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
        box-shadow: 0 0 1px rgba(0,0,0,0.25) inset;
-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
        border-radius: 3px;
}

.fn-gantt .bar .fn-label {
    line-height: 18px;
    font-weight: bold;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    text-shadow: 0 1px 0 rgba(255,255,255,0.4);
    color: #414B57 !important;
    text-align: center;
    font-size: 11px;
}

.fn-gantt .ganttRed {
    background-color: #F9C4E1;
}
.fn-gantt .ganttRed .fn-label {
    color: #78436D !important;
}

.fn-gantt .ganttGreen {
    background-color: #D8EDA3;
}
.fn-gantt .ganttGreen .fn-label {
    color: #778461 !important;
}

.fn-gantt .ganttOrange {
    background-color: #FCD29A;
}
.fn-gantt .ganttOrange .fn-label {
    color: #714715 !important;
}


/* === BOTTOM NAVIGATION === */

.fn-gantt .bottom {
    clear: both;
    background-color: #f6f6f6;
    width: 100%;
}
.fn-gantt .navigate {
    /*border-top: 1px solid #DDD;*/
    background-color: #ffffff;
    border-top: 1px solid #595959;
    padding: 10px 0 10px 225px;
}

.fn-gantt .navigate .nav-slider {
    height: 20px;
    display: inline-block;
}

.fn-gantt .navigate .nav-slider-left, .fn-gantt .navigate .nav-slider-right {
    text-align: center;
    height: 20px;
    display: inline-block;
}

.fn-gantt .navigate .nav-slider-left {
    float: left;
}

.fn-gantt .navigate .nav-slider-right {
    float: right;
}

.fn-gantt .navigate .nav-slider-content {
    text-align: left;
    width: 160px;
    height: 20px;
    display: inline-block;
    margin: 0 10px;
}

.fn-gantt .navigate .nav-slider-bar, .fn-gantt .navigate .nav-slider-button {
    position: absolute;
    display: block;
}

.fn-gantt .navigate .nav-slider-bar {
    width: 155px;
    height: 6px;
    background-color: #838688;
    margin: 8px 0 0 0;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
        box-shadow: 0 1px 3px rgba(0,0,0,0.6) inset;
-webkit-border-radius: 3px;
   -moz-border-radius: 3px;
        border-radius: 3px;
}

.fn-gantt .navigate .nav-slider-button {
    width: 17px;
    height: 60px;
    background: url(../images/slider_handle.png) center center no-repeat;
    left: 0;
    top: 0;
    margin: -26px 0 0 0;
    cursor: pointer;
}

.fn-gantt .navigate .page-number {
    display: inline-block;
    font-size: 10px;
    height: 20px;
}

.fn-gantt .navigate .page-number span {
    color: #666666;
    margin: 0 6px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
}

.fn-gantt .navigate a:link, .fn-gantt .navigate a:visited, .fn-gantt .navigate a:active {
    text-decoration: none;
}

.fn-gantt .nav-link {
    margin: 0 3px 0 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 0;
    background: #595959 url(../images/icon_sprite.png) !important;
    border: 1px solid #454546;
    cursor: pointer;
    vertical-align: top;
-webkit-border-radius: 2px;
   -moz-border-radius: 2px;
        border-radius: 2px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
   -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
        box-shadow: 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 1px rgba(0,0,0,0.2);
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.fn-gantt .nav-link:active {
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
   -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
        box-shadow: 0 1px 1px rgba(0,0,0,0.25) inset, 0 1px 0 #FFF;
}

.fn-gantt .navigate .nav-page-back {
    background-position: 1px 0 !important;
    margin: 0;
}

.fn-gantt .navigate .nav-page-next {
    background-position: 1px -16px !important;
    margin-right: 15px;
}

.fn-gantt .navigate .nav-slider .nav-page-next {
    margin-right: 5px;
}

.fn-gantt .navigate .nav-begin {
    background-position: 1px -112px !important;
}

.fn-gantt .navigate .nav-prev-week {
    background-position: 1px -128px !important;
}

.fn-gantt .navigate .nav-prev-day {
    background-position: 1px -48px !important;
}

.fn-gantt .navigate .nav-next-day {
    background-position: 1px -64px !important;
}

.fn-gantt .navigate .nav-next-week {
    background-position: 1px -160px !important;
}

.fn-gantt .navigate .nav-end {
    background-position: 1px -144px !important;
}

.fn-gantt .navigate .nav-zoomOut {
    background-position: 1px -96px !important;
}

.fn-gantt .navigate .nav-zoomIn {
    background-position: 1px -80px !important;
    margin-left: 15px;
}

.fn-gantt .navigate .nav-now {
    background-position: 1px -32px !important;
}

.fn-gantt .navigate .nav-slider .nav-now {
    margin-right: 5px;
}

.fn-gantt-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#bf000000',GradientType=0 );
    background: rgba(0,0,0,0.75);
    cursor: wait;
    z-index: 30;
}
.fn-gantt-loader-spinner span {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 1em;
    line-height: 1em;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
}

.row:after {
    clear: both;
}

/*Esto se uso en el iframe de buscar referencia para que funcionara en exploradores mas atiguos*/
/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/
.dialogIframeClass {
    margin: 2rem auto;
    border: 1px solid #aaa;
    height: 98%;
    width:98%;
    max-width: 98%;
    overflow:auto;
    box-sizing: border-box;
    padding:0 1rem;
}

.dialogIframeClass::-webkit-scrollbar {-webkit-appearance: none;}
.dialogIframeClass::-webkit-scrollbar:vertical {width:10px;}
.dialogIframeClass::-webkit-scrollbar-button:increment,.dialogIframeClass::-webkit-scrollbar-button { display: none;} 
.dialogIframeClass::-webkit-scrollbar:horizontal {height: 10px;}
.dialogIframeClass::-webkit-scrollbar-thumb {background-color: #797979; border-radius: 20px; border: 2px solid #f1f2f3;}
.dialogIframeClass::-webkit-scrollbar-track {border-radius: 10px;}

/**Radio buton**/
.funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  border-radius: 3px;
  border: 1px solid #cccccc;
  font-weight: normal;
  color: #06a !important;
  background-color: white !important;
  text-align: justify !important;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
/*   line-height: 2.5em; */
  line-height: 24px; 
 text-indent: 3.25em;
  margin-top: 2em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
/*   top: 0;
  bottom: 0;
  left: 0; */
  top: 1px;
  bottom: 1px;
  left: 1px;
  content: '';
  width: 2.5em;
  background: #cccccc;
  /* border-radius: 3px 0 0 3px; */
  border-radius: 20px; 
}

.classDivNotifi input[type="checkbox"]:empty ~ label:before {
 	background: #ff0000;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #000000;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #000000;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #333;
  background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

/**colores de radio**/
.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
  color: #333;
  background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #ffffff;
  background-color: #009900;
}


.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color: #5bc0de;
}
/** Fin colores de radio**/

/***Fin radio***/

#fichero .custom-file-control:lang(es_ES)::after {
  content: "Seleccione fichero 070" !important;
}

#fichero .custom-file-control:lang(es_ES)::before {
  content: "Buscar" !important;
}

/*when a value is selected, this class removes the content */
.custom-file-control.selected:lang(es_ES)::after {
  content: "" !important;
}


.custom-file-label::after {
    position: inherit;
    top: inherit;
    right: inherit;
    bottom: inherit;
    z-index: inherit;
    display: inherit;
    height: inherit;
    padding: inherit;
    line-height: inherit;
    color: inherit;
    content: none;
    background-color: inherit;
    border-left: inherit;
    border-radius: inherit;
}

.custom-file {
  overflow: hidden !important;
  height: auto !important;
}
.custom-file-control {
  white-space: nowrap !important;
}

button:disabled {
	color: #728394 !important;
    background-color: #cacaca!important;
    border-color: #90a1b2 !important;
}

/*
para el htmlGrid
*/
/* .selected {
	cursor: pointer;
} */

.selected:hover {
	background-color: #c0c0c0!important;
	color: white !important;
}

.seleccionada {
	background-color: #0066aa !important;
	color: white !important;
}

/*para que los select modernos aparescan selecionados */
.select2-container--focus {
       border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
/*intento de que en los HTMLgrid, las opciones de los select modernos, no se pongan de color blanco al pasar el raton por encima de la liena*/
	.select2-results__option{
		color: #495057;
	}
	.input-group>.menuInput{
		width: 40% !important;
	}
	
	#longContable>.input-group>.menuInput{
		width: 0% !important;
	}
	
	.form-inline .input-group>.menuInput{
		width: 1% !important;
	}
	

/*Para el formulario ficha al*/
/* @media (max-width:1700px){ */
@media (max-width:1549px){
	
	.input-group>.input-group-prepend {
		width: 100% !important;
	}
	
	.input-group>.input-group-prepend>label {
		width: 100% !important;
	}
	
	.input-group>.menuInput{
		width: 1% !important;
		margin: -1px 0px 0px !important;
		/*background-color: #171818 !important;*/
	}
	
	.input-group> a  {
		margin: 0px 0px 0px !important;
	}
	
	.form-inline .input-group>.menuInput{
		margin: 4px 0px 0px !important;
		width: 1% !important;
	}
	
	.input-group {
    	padding-bottom: 3px !important;
	}
	
	/*
	.menuLabel {
    	margin: 0px 0px 0px !important;
    }
    */

	.form-inline .input-group>.input-group-prepend {
		width: auto !important;
	}
	
	.form-inline .input-group>.input-group-prepend>label {
		width: auto !important;
	}
	
	
	#DivInfoBanco .cerraDivTareasComentario, #divInfoDirEnvio .cerraDivTareasComentario{
		height: 120px !important;
	}

	
}



/*HTML menu*/

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  }
  
.seccionToggle {
	display: none;
	height: calc(119vh - 107px);
	color: #001F3F;
	text-align: left;
	z-index: 1050;
	background: #1133114a;
	background: rgba(17, 51, 17, 0.29);
	
	position: absolute;
	padding-bottom: 100%;
	width: -webkit-fill-available;
    height: -webkit-fill-available;
    width: -moz-available;
	height: -moz-available;
	width: -moz-available;
	height: -moz-available;
	
	width: 100%;
	height: 100%;
}

.btn-toggle {
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  font-weight: bold;
}

.btn-toggle:hover {
    text-decoration: none; 
}

.pageMapaMenu {
    background: #eeeeee;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0 0 10px rgb(0 0 0 / 70%);
    padding-top: 20px;
    padding-bottom: 15px;
    overflow: scroll;
    max-height: 70vh;
}
/*---------------Media queries para el modal del árbol----------------------------
 --------------------------- MEDIAS HORIZONTAL----------------------------------*/
   
/* Orientación: Horizontal  */
@media screen and (min-device-height: 360px) {
div#togeMenujstree-MapaMenu{
	overflow-y: scroll;
	 height: 50px;	
}
 
/* - Orientación: Horizontal  */
@media screen and (min-device-width: 740px)  and (orientation:landscape) {
div#togeMenujstree-MapaMenu{
	overflow-y: scroll;
	 height: 50px;	
}
  } 
  
/* - Orientación: Horizontal  */
@media screen and (min-device-width: 1024px) and (orientation:landscape)  {
div#togeMenujstree-MapaMenu{
	overflow-y: scroll;
	 height: 300px;	
}
  }   
  
/* - Orientación: Horizontal  */
@media screen and (min-device-width: 1280px) and (orientation:landscape)  {
div#togeMenujstree-MapaMenu{
	overflow-y: scroll;
	 height: 400px;	
}
  }   
  
/* - Orientación: Horizontal  */
@media screen and (min-device-width: 1600px) and (orientation:landscape)  {
div#togeMenujstree-MapaMenu{
	overflow-y: scroll;
	 height: 500px;	
}
  } 
  
/*----------medidas especiales----------*/
@media screen and (min-device-width: 600px) and (max-device-width: 746px) and (max-device-height: 375px){ 
div#togeMenujstree-MapaMenu{
	overflow-y: scroll;
	 height: 110px;
}
#input-mapaMenu >.input-group-prepend {
    width: 5% !important;
}

div.col-md-12 > h3,
div.col-md-12 > p,
div.col-md-7.p-1{
	display: none;
}
} 
  
  
@media screen and (min-device-width: 1024px) and (max-device-height: 600px){ 
 div#togeMenujstree-MapaMenu{
	overflow-y: scroll;
	 height: 250px;
}
 }
   
/*----------------------------- MEDIAS VERTICAL------------------------------------------*/
  
    
/* - Orientación: Vertical */
@media screen and (max-device-width: 280px) and (orientation:portrait) {
div#togeMenujstree-MapaMenu{
	overflow-y: scroll;
	 height: 200px;	
}
 } 
  
/* - Orientación: Vertical */
@media screen and (min-device-width: 281px) and (orientation:portrait) {
div#togeMenujstree-MapaMenu{
	overflow-y: scroll;
	 height: 280px;
}
 } 
/* - Orientación: Vertical */
@media screen and (min-device-width: 390px) and (orientation:portrait){
div#togeMenujstree-MapaMenu{
	overflow-y: scroll;
	 height: 450px;
	
}
 } 
  /* - Orientación: Vertical */
@media screen and (min-device-width: 390px) and (max-device-height: 817px)  and (orientation:portrait){ 
div#togeMenujstree-MapaMenu{
	overflow-y: scroll;
	 height: 325px;
	
}
 }
/* - Orientación: Vertical */
@media screen and (min-device-width: 540px) and (max-device-height: 720px) and (orientation:portrait){ 
div#togeMenujstree-MapaMenu{
	overflow-y: scroll;
	 height: 325px;
}
 }
   
/* - Orientación: Vertical */
@media screen and (min-device-width: 768px) and (orientation:portrait) { 
  div#togeMenujstree-MapaMenu{
	overflow-y: scroll;
	 height: 500px;
}
 }

 

 /*---------------------------------------------------------------------*/

.jstree-node > a:not(.jstree-search) {
	font-size: initial !important;
    padding-left: inherit !important; 
	background: #FFF !important;
	color: #000 !important;
}

.jstree-search:not(.jstree-hovered) {
    font-size: initial !important;
    padding-left: inherit !important; 
	background: #FFF !important;
    
    font-style: normal !important;
    color: #06a !important;
}

.jstree-search {
    font-size: initial !important;
    padding-left: inherit !important; 
	background: #FFF !important;
    
    font-style: normal !important;
    color: #000 !important;
}

.jstree-proton {
    border-radius: 3px; 
}

.jstree-hovered, .jstree-clicked  {
    font-weight: bold;
}

/*fin HTML MENU*/


/*imagen de detalles de ficha inicio*/
.container-enlarge-img span {
    position: absolute;
    top: -9999em;
    left: -9999em;
}

.container-enlarge-img:hover span {
	left: 0%;
	z-index: 2000;
	position: fixed;
	width: 100%;
	height: 100%;
	text-align: center;
    top: auto;
    display:block;	
}

.container-enlarge-img:not(:hover) span {
	display:none;
}


.container-enlarge-img:hover span img{
	max-width: 120%;
	/* width: 450px; */
   /*  height: 650px; */
    height: 700px;
}
/*fin de imangen detalles*/


.dataTables_length {
	margin-left: -1px;
    background-color: #6c757d;
    border-color: #6c757d;
    font-weight: 400;
}

.dataTables_length label{
	color: #fff !important;
	padding: 0 0.75rem;
	line-height: 1.5  !important;
}

.dataTables_length select{
 color:black;
 margin: 0px 0px 0px 0px !important;
     padding-top: 0px !important;
    padding-bottom:0px !important;
    height: initial !important;
}


.minHeight.collapse {
    clear: both;
    height: 0;
    display: block;
    min-height: 16px;
    overflow: hidden;
}
.minHeight.collapsing {
    clear: both;
    min-height: 16px;
}
.minHeight.collapse.show {
  height: auto;
}
/*-------------------------*/

  }

#Caracteristicas > div {
	display: inline-flex;
	min-width: 24%;
	min-height: 50px;
}

@media screen and (max-width: 768px) {
	
	#Caracteristicas > div {
		display: block;
		min-width: 100%;
	}
}

#Caracteristicas > div > div {
	display: block;
}

#Caracteristicas > div > div > div > div {
	display: flex;
	flex-wrap: wrap;
	overflow: scroll;
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
#Caracteristicas > div > div > div > div::-webkit-scrollbar {
  display: none;
}

#tablaConBoton {
	display: grid;
	grid-template-areas: "boton tabla";
	grid-template-columns: 5% 95%;
}

.button-option {
	grid-area: boton;
}

#contenidoTabla {
	grid-area: tabla;
}

.opcionesTabla {
    background-color: #6c757d;
    border-color: #6c757d;
}

.dt-buttons.btn-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.dt-buttons > * {
	font-size: 1.5rem;
	display:flex;
	padding: 0.375rem 0.75rem;
}

.dt-buttons > * > * {
	align-self:center;
	margin: 0 !important;
	overflow: visible !important;
}

.dataTables_filter > label > input {
	width: 250px !important;
	margin: 0 !important;
}