/*@import url('http://fonts.googleapis.com/css?family=Open+Sans');*/
/*@import url(http://fonts.googleapis.com/css?family=Exo);*/

/*body {    
    padding: 0;             
	/*font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;*/
	/*font-family: Verdana, Arial, Georgia;*/

    /*font-style: normal;
    font-size: 0.76em;
    font-weight: 400;*/
    /*background: url("../images/trama.png") repeat 0 0 #E7E8E3;*
    background: white;
}*/
html, body, .containerlogin {
	height: 100%;
	margin: 0;
}
body {
	font-size:1.5em;
	/*font-family: �Lucida Grande�, “Lucida Sans Unicode�, Verdana, Arial, Helvetica, sans-serif;*/
	font-family: ""Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
.cabecera{
	position: relative;	
	height:15%;					
	width: 100%;
	background: white;	
}
.cabecera-logo{	
	background-color : white;		
	width:100%;	
}
.capa-principal{
	heigth:75%;	
	background: #E7E8E3;
	width:100%;
}
.capa-principal-80{
	width:80%;
	margin-left:10%;
	margin-right:10%;
	background:#ffffff;
}
.capa-footer{
	width: 100%;	
	margin-top:1px;
	height: 10%;
}

/* Nuevos estilos para la pantalla login */

.containerlogin {
	height: 100%;
	display: grid; 
	grid-template-columns: 1fr; 
	grid-template-rows: 0.4fr 1.6fr; 
	gap: 0px 0px; 
	grid-template-areas: 
		"cabeceralogin"
		"principallogin";
}
.cabeceralogin {
	display: grid; 
	grid-template-columns: 1fr 1fr; 
	grid-template-rows: 1fr; 
	gap: 0px 0px; 
	grid-template-areas: 
    "logocarl logoceeta"; 
	grid-area: cabeceralogin;
}
.logocarl {
	/*background-color: red;*/
	background: url(../images/logo_carl.jpg) center center no-repeat;
	grid-area: logocarl;
}
.logoceeta {
	/*background-color: green;*/
	background: url(../images/logo_ceeta.jpg) center center no-repeat;
	grid-area: logoceeta;
}
.principallogin {
	background: url(../images/fondo_sercla.jpg) center center no-repeat;
	grid-area: principallogin;
}
/* fin nuevos estilos */

.table{
	display: table;
}

.table-row{
	display: table-row;
}
.table-cell{
	display: table-cell;
}
.light-shadow{
	/* Para Mozilla */
	-moz-box-shadow: 0px 0px 5px #999;
	
	/* Para Safari */
	-webkit-box-shadow: 2px 2px 5px #999;
	
	/* Para I.Explorer */
	filter: shadow(color=#999999, direction=90, strength=2),
			shadow(color=#999999, direction=90, strength=2),
			shadow(color=#999999, direction=180, strength=2),
			shadow(color=#999999, direction=270, strength=2),
			shadow(color=#999999, direction=90, strength=2);
			
	/* Generico */			
	box-shadow: 2px 2px 5px #999;
}	



/* Estilo para el panel principal de login */
#loginPanel{
	
	/* Sombra */
	box-shadow: 2px 2px 5px #999;
	/* Para Mozilla */
	-moz-box-shadow: 0px 0px 5px #999;	
	/* Para Safari */
	-webkit-box-shadow: 2px 2px 5px #999;			
	/* Generico */			
	box-shadow: 2px 2px 5px #999;
	
	position: absolute;
	float: left;
	
	top: 50%; /* Buscamos el centro horizontal (relativo) del navegador */
	left: 50%; /* Buscamos el centro vertical (relativo) del navegador */
	width: 650px; /* Definimos el ancho del objeto a centrar */
	height: 320px; /* Definimos el alto del objeto a centrar */
	margin-top: -200px; /* Restamos la mitad de la altura del objeto con un margin-top */
	margin-left: -300px; /* Restamos la mitad de la anchura del objeto con un margin-left */
	
	
	
}
#loginLogo{
	float: left;
	width: 100%;
	height: 25%;	
}
#loginTexto{
	float: left;
	width: 100%;
	height: 25%;	
}
#loginInput{
	align: center;
	height: 20%;
}
#loginSubmit{	
	height: 20%;
}
#textoHelpdesk{
	align: center;
	height: 10%;
}
#loginTitulo{	
	color: #444d58;
}

.pCentrado{
	text-align: center;	
}
.h2ErrorLogin{
	align: center;
	text-shadow: aqua;
	
}

.usuario{
	text-align: right;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #087021;
	font-weight: bolder;	
}


/* Override JTable.css */

div.jtable-main-container {
  /*font-family: Verdana,Arial,Georgia;*/
  font-size: 1.2em;
  color: #6E6E9E;  /* Color gris azulado */
}
div.jtable-main-container div.jtable-title div.jtable-title-text{
	text-shadow: 0px 0px 0px #fff;
	color: #005DA6; 
	font-size: 1.1em;
}
div.jtable-main-container div.jtable-title {
    background: linear-gradient(to bottom, #E8E8FF 0%, #BABABA 100%) repeat scroll 0% 0% transparent;
    border-color: #949494;
}
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected {    
    color: #000000;
    text-shadow:none;
}
div.jtable-main-container table.jtable tbody > tr.jtable-row-selected, div.jtable-main-container table.jtable tbody > tr.jtable-row-selected:hover {
    background-color: rgb(206, 219, 237);
}
/*-----------Fin Override JTable ----------*/
.div-container{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	background-color: #E8E8FF;
	width: 99%;	
}

.height-min600{
	min-height:600px;
}
.height-min680{
	min-height:680px;
}
.oculto{
	visibility:hidden;
}
.borde-azul-fino{
	border:solid 1px #005DA6;
}
.ancho-60{
	width:60%;	
}
.ancho-70{
	width:70%;	
}
.ancho-90{
	width:90%;	
}
.ancho-93{
	width:93%;	
}
.ancho-95{
	width:95%;	
}
.ancho-98{
	width:98%;	
}
.margen-top-05{
	margin-top:0.5em;
}
.margen-top-03{
	margin-top:0.3em;
}
.texto-centrado{
	text-aling:center;
}

/* Formularios : -------------------------------------------------------------------------------------------------------------- */

.texto-centrado{
	text-align:center;
}

.form-seccion{
	margin-bottom: 0.5em;
}

.div-col-form-5{
	width:5%;
	float:left;	
	margin-bottom:0.5em;
}

.div-col-form-10{
	width:10%;
	float:left;	
	margin-bottom:0.5em;
}

.div-col-form-20{
	width:20%;
	float:left;	
	margin-bottom:0.5em;
}

.div-col-form-25{
	width:25%;
	float:left;
	margin-bottom:0.5em;
}
.div-col-form-30{
	width:30%;
	float:left;
	margin-bottom:0.5em;
}
.div-col-form-50{
	width:50%;
	float:left;
	margin-bottom:0.5em;
}
.div-col-form-65{
	width:65%;
	float:left;
	margin-bottom:0.5em;
}
.div-col-form-70{
	width:70%;
	float:left;
	margin-bottom:0.5em;
}
.div-col-form-100{
	width:100%;
	float:left;
	margin-bottom:0.5em;
}

.div-bloque-form{
	clear:both;
	width:100%;
}

.seccion-form{
	clear:both;
}
.span-etiqueta-form{
	float:left;
	width:27%;
	text-align:right;	
}
.span-datos-form{
	float:right;
	width:70%;
	
}
.formulario-label{
	
	font-weight: bold;
	width: 100%;	
	font-size: 1.2em;
}
.formulario-input-text{
  font-size:1.2em;
  padding: 0.3em;
  border: none;
  border-bottom: solid 2px #c9c9c9;
  transition: border 0.3s;   
  color:black;
  letter-spacing:1px;  
}
.formulario-input-text:focus {
  border-bottom: solid 2px #2e6e9e;  
}
/*.bloque-seccion-form-inter{
	float:left;
	margin-right: 0.5em;
	margin-top:0.3em;
}
.bloque-seccion-form-final{
	float:left;
	margin-top:0.3em;
	margin-right:0.5em;
}
*/
.ui-widget input, .ui-widget select, .ui-widget textarea{
	font-size:1.2em;
}
.h2-titulo-formulario {	
	color: #005DA6; 
	padding-left:0.5em;
	pading-top:0.5em;
	margin-top:0%;
}

.fieldset-form{
	background-color: #E8E8FF;
	width: 99%;
}
.fieldset-legend{
	border: 1px solid #005DA6;
	border-radius: 0.6em;
	font-size:1.2em;
	font-weight: bold;
	padding: 0.3em;
	background: #E8E8FF;
}

.formulario {
	width: 99%;
	color: #2e6e9e;	
	padding-top: 0.5em;
	padding-bottom: 0.5em;	
}
/* .formulario-label{
	
	font-weight: bold;
	width: 100%;
	margin-top: 0.3em;
	margin-bottom: 0.4em;
	font-size: 1.2em;
}*/


/*.formulario-input-text{
  font-size:1.2em;
  padding: 0.3em;
  border: none;
  border-bottom: solid 2px #c9c9c9;
  transition: border 0.3s;
  width:95%;  
  color:black;
  letter-spacing:1px;  
}


.formulario-input-text:focus {
  border-bottom: solid 2px #2e6e9e;  
}

.formulario-textarea{
	margin-top:0.5em;
	border: none;
	
}
.formulario-textarea:hover{
	border-left: solid 2px #2e6e9e; 
}*/


.boton-submit {
  background: #2980b9;
  background-image: -webkit-linear-gradient(top, #2980b9, #005DA6);
  background-image: -moz-linear-gradient(top, #2980b9, #005DA6);
  background-image: -ms-linear-gradient(top, #2980b9, #005DA6);
  background-image: -o-linear-gradient(top, #2980b9, #005DA6);
  background-image: linear-gradient(to bottom, #2980b9, #005DA6);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  color: #e8e8ff;
  font-size: 1.2em;
  border: solid #173b52 2px;
  text-decoration: none;
  float: right;
  padding: 0em 0px 0px;
  margin-right:0.5em;
  margin-left:0.5em;
  

}

.boton-submit:hover {
  background: #2980b9;
  text-decoration: none;
}
.size-letra-1.1em{
	font-size: 1.1em;
}
.boton-buscar{
  background: #2980b9;
  background-image: url("../images/lupa.png") -webkit-linear-gradient(top, #2980b9, #005DA6);
  background-image: -moz-linear-gradient(top, #2980b9, #005DA6);
  background-image: -ms-linear-gradient(top, #2980b9, #005DA6);
  background-image: -o-linear-gradient(top, #2980b9, #005DA6);
  background-image: linear-gradient(to bottom, #2980b9, #005DA6);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #e8e8ff;
  font-size: 1.2em;  
  border: solid #173b52 2px;
  text-decoration: none;
  margin-right:0.5em;
  margin-left:0.5em;
  padding: 0.1em 0.2em;  
}

.boton-buscar:hover {
  background:#2980b9;  
  text-decoration: none;
}

/* Boton con aspecto de deshabilitado */
.btn-disabled{
	background-color: #959595 ;
	border-color: grey;
}


.combo{
  background-color: white;
  padding:0.25em;  
  border: none;
  border-bottom: solid 2px #c9c9c9;
  transition: border 0.3s;   
  font-size:1.2em; 
}

.combo:hover{
  border-bottom: solid 2px #2e6e9e;  
}


.ui-widget-content a.a-link{
	color:#005DA6;	
	font-size: 1.1em;
	float: right;
	margin-right: 10px;
	margin-top: 12px;
}
.ui-widget-content a.a-link:hover{
	color:#087021;
}


/* Override flaticon.css */

.flaticon-magnifying47 {
	padding-left:-0.8em;
}

/* Ventana de dialogo que se abre al crear expediente */

#dialogCrearExpediente{
	width:70%;
}


/* Estilo para tablas 

Table {     font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;    margin: 45px;     width: 480px; text-align: left;    border-collapse: collapse; }

th {     font-size: 13px;     font-weight: normal;     padding: 8px;     background: #b9c9fe;
    border-top: 4px solid #aabcfe;    border-bottom: 1px solid #fff; color: #039; }

td {    padding: 8px;     background: #e8edff;     border-bottom: 1px solid #fff;
    color: #669;    border-top: 1px solid transparent; }

tr:hover td { background: #d0dafd; color: #339; }
*/



.div-edit{
	transition: background-color 0.5s ease;
	background-color:#D6E9C6;
}

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

.texto-centrado{
	text-align:center;
}
.texto-negrita{
	font-weight: bold;
}
.fuente-1em{
	font-size:1em;
}
.fuente-1_2em{
	font-size:1.2em;
}
.fuente-1_4em{
	font-size:1.4em;	
}
.color-azul{
	color: #317EAC;
}

.bordes-lr-gris-1px{
	border-right: 1px solid rgb(204, 204, 204);
	border-left: 1px solid rgb(204, 204, 204);
}
.form-control{
	font-size: 1em;
}
.input-group-addon{
	font-size: 1em;	
}

.modal-window-70 .modal-dialog{
	width: 70%;
}

/*------------Pantalla de login -----------------*/

#bg {
	position:fixed;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
}
#bg img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	min-width:50%;
	min-height:50%;
}

#capa-logo-carl {
	position: relative;
	z-index: 2;
	width: 40%;
	margin-top: 8px;
	margin-left:14px;
	padding: 20px;
	background: rgba(217,217,217,0.9);
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;
}
#capa-entrada {
	position: relative;
	z-index: 2;
	width: 35%;
	margin-top: 12%;
	margin-left: 34%;
	padding: 20px;
	background: rgba(217,217,217,0.9);
	-moz-box-shadow: 0 0 20px black;
	-webkit-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;
}
.pTitulo {
	font: 1.6em Georgia, Serif;
	margin: 0 0 30px 0;
	color:#007437
}

.modal-width-70{
	width: 70%;
}
.modal-width-50{
	width: 50%;
}
.fondo-rojo{
	background-color: #DA2222;
}

.fondo-verde{
	background-color: #007437;
}

.fondo-azul{
	background-color: #317EAC;
}

.fondo-amarillo{
	background-color: #EAAB21;
}

.botones {
    min-width: 170px;
}

/* Estilos nuevos */

/* General */
.sin-padding {
	padding: 0px;
}
.sin-padding-left {
	padding-left: 0px;
}
.sin-padding-right {
	padding-right: 0px;
}
.sin-padding-top {
	padding-top: 0px;
}
.sin-padding-bottom {
	padding-bottom: 0px;
}
.sin-margin {
	margin: 0px;
}
.sin-margin-left {
	margin-left: 0px;
}
.sin-margin-right {
	margin-right: 0px;
}
.sin-margin-top {
	margin-top: 0px;
}
.sin-margin-bottom {
	margin-bottom: 0px;
}

/* Tablas */
.table > tbody > tr:hover {
  background-color: #F2F2F2;
}

/* Menu */
.navbar {
	background-image: none;
}

/* Botones */
.btn {
	background-image: none;
}

/* Colores */
.limpiar {
	color: #bf86b2;
}
.cancelar, .eliminar {
	color: #b94a48;
}
.guardar {
	color: #2fa4e7;
}
.nuevo {
	color: #468847;
}
.editar {
	color: #e09b00;
}
.panel-alta>.panel-heading {
    color: #468847;
    background-color: #e3f5e4;
}
.panel-alta>.panel-heading>.tituloPanel {
    color: #468847;
}
.panel-edicion>.panel-heading {
    color: #e09b00;
    background-color: #ffeec6;
}
.panel-edicion>.panel-heading>.tituloPanel {
    color: #e09b00;
}