/********** Content **********/

div.main-layout div.content {
	height:100%;
	margin: 0 auto;
	position: relative;
	z-index: 0;
	width: 100%;
    padding-top: 1rem;
	color: #061920;
     justify-content: center; 
-webkit-justify-content: center;
    align-items: center;       
-webkit-align-items: center;
}

div.content h1 {
	color: #061920;
	font-size: 2rem;
	text-align:center;
	margin-bottom: 3rem;
	margin-top: 1rem;
	text-transform: uppercase;
}

div.content h1.subtit {
	margin: 10px 0 10px 20px;
	font-size: 1.8rem;
}

div.content h2 {
	text-align: center;
}

div.content p {
	margin: 10px 0 0 10px;
	font:normal 1.25rem 'FTBase-Regular', Century Gothic, sans-serif;
}

div.content p > a, div.main-layout div.content > a{
	color:#061920;
}

/*** Forms ***/
form  {
    display: table;
    width: 85%;
    margin: auto auto;
    table-layout:fixed;
}
/*** Forms ***/
#form_incid  {
    display: table;
    width: inherit;
    min-width: 60%;
    max-width: 85%;
    margin: auto auto;
    table-layout:fixed;
}

form.filter {
	/*border-collapse: separate;*/
	border-spacing: 0px 18px; /**/
	/*width:50%;/**/
	width:75%;
	/*margin-left:15%;*/
	/*margin-left:25%;/**/

}

.form_derecha  {
    width: 30%;
    margin-right: 0;
    margin-top: 4rem;
}

form div.row  {
    display: table-row;
	margin: 8px auto 8px auto;
	border-radius: 0; /**/
    border-width: 0 4px 4px 0 !important;/**/
    /*background: #f3f3f3 !important;/**/
    border-color: #f3f3f3 !important;
    font: normal 1.4rem 'FTBase-Regular', Century Gothic, sans-serif;/**/
    color: #4a4949;/**/
	height: 3rem;
}

form div.rowboton  {
    /*width:333%;*/
    display: flex;
     justify-content: center; 
-webkit-justify-content: center;
    align-items: center;       
-webkit-align-items: center;
    margin-top:1rem;
    margin-left:175%;
}


form div.row > .bluebutton{
    margin:auto;
}

div.row input, form div.row select{/**/
	border: solid #ccc 1px;
	width:85%;
	font:normal 1.5rem 'FTBase-Regular', Century Gothic, sans-serif;
	border-radius:5px;
	height:100%;
	min-height:1.25rrem;
        padding-left: 0.5rem;
}
div.row input.fechadoble{/**/
	width:40.5%;
}
form div.lastrow{
    display: flex;
    width: 250%;
	;
}

form div.row label{
	/*padding-left:10px;*/
	padding-right: 1rem;
    /*width: 40%;*/
    text-align: right;
	height:3rem;
}

form input.mandatory, form select.mandatory, form textarea.mandatory {
    /*width: 66%;/**/
    /*margin: 5px auto auto 10px;/**/
    display: table-cell;
    text-align: left;
    /*background-color: #EA524b;/**/
    /*background: rgba(234,82,75,0.5);*/
	color: #ffffff;
	font-weight: bolder;
	
}

form input, form select, form textarea {
    /*margin: 5px auto auto 10px;/**/
    display: table-cell;
    text-align: left;
    /*width: 85%;*/
	border: solid #ccc 1px;
	/*border-radius:10px;*/
	height:100%;
	margin-bottom:-1rem;
	font: normal 1.2rem 'FTBase-Regular', Century Gothic, sans-serif;
}

form input[type="checkbox"]{
    height:inherit;
    margin-bottom:inherit;
}

form table.sin_maqueta{
    width: 100%;
    margin: 5px auto auto 10px;
    display: block;

}

form div.celda {
	display: block;
    width: 66%;
    margin: 5px auto auto 10px;
    text-align: left;
	vertical-align: middle;
}

form input.radio {
    margin: auto;
	width: 10%;
}

form label.descripcion {
    width: 30%;
    margin: auto 10px auto auto;
    display: table-cell;
	text-align: right;
    /*vertical-align: middle;*/
}
form label.valor {
    width: 45%;
    margin: auto auto auto 20px;
    display: table-cell;
	text-align: left;
    vertical-align: middle;
}

.bluebutton  {
    margin-bottom: 10px;
    color: #7F0037;
    font-weight: bolder;
    text-align: center;
    font:normal 1.25rem 'FTBase-Regular', Century Gothic, sans-serif!important; 
    border-radius: 0!important;
    border: 0!important;
    height: 36px!important;
    width: auto!important;
    padding: 0 2rem!important;
}

button.bluebutton {
    width: 150px;
    margin-bottom: 10px;
    color: #ffffff;
    font-weight: bolder;
    text-align: center;        
    border: solid #ccc 1px;
}

.anadir {
background-image: url('../images/org/style/toolbar/agregar.png');
background-repeat: no-repeat;
width: 32px;
height: 32px;
display:block;
text-align: center;
font-size: 0px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

td input.bluebutton {
    margin: 5px 5px 10px 10px;
    color: #ffffff;
    font-weight: bolder;
    text-align: center;
}

form a {
	margin: 5px auto auto 10px;
}

form .stats {
    padding: 0px 0px 0px 10px;
    display: table-cell;
    text-align: left;
}

form.tipo_informe  {
    width: 100%;
    margin: 20px auto;
}

form.tipo_informe input {
	width: auto;
}

/*** New Form style ***/

div.form_subcontainer{
	background:#ffffff;
	width:66%;
	margin:15px auto;
	padding: 15px 0 20px 0; 
	min-width:300px;
	box-shadow: 0 0 15px 0 rgba(0,0,0, .80); /*Le da relieve al menu en forma de caja */
	background: rgba(255,255,255,0.85);
	border-radius: 10px;
}

div.form_subcontainer > div{
	display:table;
	width:100%;
	border-spacing:0;
}


.form_label{
	width: 28%;/*antes estaba a 25*/
    line-height: 17px;/**/
	margin: 7px 5% 7px 3%;
	clear:left;
	float:left;
	display: table-cell;
	text-align: right;
    vertical-align: middle;
    padding: 5px 20px 5px 10px;/*1px mas de pading para compensar el border del input*/
	font-weight: bolder;
	
}

.mapa_label{
    padding:0;
}
.form_fecha{
	width:6rem;
	margin: 7px 0 7px 0;
    /*height: 42px;/**/
    padding: 4px 4px; 
    color: #4a4949;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #ccc;
    border-radius: 6px;
	font-weight: bolder;
	text-align:center;
        width: 30%!important;
}

.form_time{
	width:2rem;
	margin: 7px 0 7px 0;
    /*height: 42px;/**/
    padding: 4px 4px; 
    color: #4a4949;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #ccc;
    border-radius: 6px;
	font-weight: bolder;
	text-align:center; 
        width: 10%!important;
}
.form_shortInput{
	width:10%;
	margin: 7px 0 7px 0;
    /*height: 42px;/**/
    padding: 4px 4px; 
    color: #4a4949;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #ccc;
    border-radius: 6px;
	font-weight: bolder;
	text-align:center;
}


.form_input, .form_select{
	width:40%;
	margin: 7px 15% 7px 0;
    /*height: 42px;/**/
    padding: 4px 4px; 
    color: #4a4949;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #ccc;
    border-radius: 6px;
	font-weight: bolder;
	text-align:center;
}


div.form_subcontainer h2{
	width:100%;
	color: #e3e3e3 !important;
	background:#2f2f2f;/**/
	/*background: #0d0b0b;/**/
	text-align:center;
	padding-bottom:10px;
	box-shadow: 0 0 15px 0 rgba(0,0,0, .60);/*Es necesario darle relieve para evitar efecto visual de hundido*/
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
}


.form_container h2{
 color:#061920!important; /*Anula la herencia no deseada*/
}

.form_container h2{
	margin-bottom:20px; /*Mismo margin que el padding del contenedor para mantener proporciones*/
	margin-top:6px;
	padding-top:10px;
}

.form_container h3{
	width:90%;
	margin:auto;
	text-align:center;
	padding: 0 0 3.5% 0;
}


.redbutton_container{
	display:block;
	width:40% !important;
	margin:auto;
	margin-top:2%;
	padding-bottom:1.4%;
}

.redbutton{
	width:70%;
	background-position: left top;
	background-size: 100% 100%;
    border: 0;
	text-align:center;
	padding:4px;
    font-size: 14pt;
	color:#ffffff !important;
	/*height:44px;/*El estilo edp lo fija en 44px para back-office*/
	/*line-height:36px;/*El estilo edp lo fija en 36px para back-office*/
	height:36px;
	line-height:28px;
	font:normal 1.25rem 'FTBase-Regular', Century Gothic, sans-serif;	
	margin: 10px auto !important;/*Para anular las herencias de form input*/
    border-radius: 30px;
    box-shadow: 0 5px 5px 0 rgba(0,0,0, .20);
}

.redbutton:hover{
	cursor:pointer;
}

.addListener_Button{
	background-position: left top;
	background-size: 100% 100%;
    border: 0;
	text-align:center;
	height:36px;
	line-height:36px;
	border-radius: 5px;
	color:#ffffff !important;
	text-decoration: none;
	font-size: 12pt;
    padding: 5px 20px;
    border-radius: 30px;
    box-shadow: 0 5px 5px 0 rgba(0,0,0, .20);
}

.addListener_Button:hover{
	cursor:pointer;
}

/*** Tables ***/
table {
    width: 100%;
    margin: 15px auto;
}

tr.par {
    background-color: #F1F1F1;
}

tr.impar {
    background-color: #ffffff;
}

tr.new {
    background-color: #e2f3d3;
}

tr.invisible{
	display: none;
}

th {
    border-width: 0 2px 1px;/**/
    border-color: #fff;/**/
    color: #ffffff;
    /*font-weight: bold;/**/
    font: normal 1.25rem 'FTBase-Regular', Century Gothic, sans-serif;
    text-align: center;
}

th{
    padding: 19px 5px 18px;/**/
    border: 1px solid #ecebeb;/**/
}

th.resumen{
    border-width: 0 2px 1px;/**/
    border-color: #fff;/**/
    color: #ffffff;
    /*font-weight: bold;/**/
    font: normal 1.5rem 'FTBase-Regular', Century Gothic, sans-serif;
    text-align: center;
    padding: 8px 3px 6px;/**/
    border: 1px solid #ecebeb;/**/
}

td {
    padding: 9px 5px 8px;/**/
    border: 1px solid #ecebeb;/**/
}

.td_nb{
	border: 0;
}

th.descr {
    width: 30%;
}

td {
    text-align: center; 
	font: normal 1.5rem 'FTBase-Regular', Century Gothic, sans-serif;
}

td.clase_defcon_4 {
    background-color: #FF0066;
    color: #FFFFFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    font-weight: bold;
}

td.clase_defcon_3 {
    background-color: #FFAA00;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    font-weight: bold;
}

td.clase_defcon_2 {
    background-color: #FFFF00;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    font-weight: bold;
}

td.clase_defcon_1 {
    background-color: #00FF00;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    font-weight: bold;
}

td.clase_defcon_0 {
    background-color: #FFFFFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    font-weight: bold;
}

td.inc_creada{
	color: #FF0000;
    font-weight: bold;
}

td.inc_creada_aprobada{
	color: #FFAA00;
    font-weight: bold;	
}

td.inc_solucionada{
	color: #00FF00;
    font-weight: bold;
}

td.inc_solucion_aprobada{
	color: #00FF00;
    font-weight: bold;
}

td.pend_solucion {
    color: #FF0066;
    font-weight: bold;
}

td.pend_aprobacion_solucion {

}

td.aprobada_solucion {

}

td.fecha_incidencia_solucionada {
	color: #00FF00;
}

td.fecha_objetivo_caducada {
	color: #FF0000;
}

td.fecha_objetivo_vigor {
	color: #000000;
}

td.aligned_izda{
	text-align: left;
}


td.gestion_po_titulos {
	font-weight:bold;
	text-align:left;
}
td.gestion_po_valores {
	text-align:left;	
}
td.usos_datos {
	border:none !important;	
	text-align:left;	
}

td select{
	width: 100%;
}

table.formtable {
    width: 66%;
    margin: 10px auto auto 10px;
}

table.menu {
    width: 85%;
    margin: 0px auto;
    border: none;	
}

table.menu td {
	text-align: right;
	width: 33%;
	vertical-align: top;
	padding-bottom: 10px;
}

/*table.menu td p {
	text-align: left;
}*/

table.menu img {
	vertical-align: middle;
}

table.calendar {
    width: 100%;
    margin: 0px auto;
    border: none;
}

table.calendar td {
	width: 33%;
	vertical-align: top;
	maargin-bottom: 10px;
}

table.month td {
	width: 14.29%;
}

table.month td a  {
	text-decoration: none;
}

table.month td.sesion {
	background-color: #a6d0ff;
}

table.tipo_informe {
    width: 100%;
    margin: 15px auto;
}

table.tipo_informe td.tipo_informe_i {
	text-align: right;
}
table.tipo_informe td.tipo_informe_d {
	text-align: left;
}

/*** Other ****/
p.continue {
	display: block;
	width: 90%;
	text-align: right;
}

label.note {
	font-size: xx-small;
	font-weight: bolder;
}

input.fecha {
	display: inline;
}

input.fecham {
	display: inline;
	width: 5.75rem;
	background-color: #abcdff;
	color: #ffffff;
	font-weight: bolder;
}

input.time {
	display: inline;
	width: 2.5rem;
}
input.timem {
	display: inline;
	width: 2.5rem;
	background-color: #abcdff;
	color: #ffffff;
	font-weight: bolder;
}

/** Protocolo */
.showprotocolo{
	width: 50%;
}
.showprotocoloedit{
	width: 65%;
}
.row .showprotocolo{
	width: 40%;
	display: table-cell;
}
.protocoloizquierda
{
    background-color: #ededed;
	width: 50%;
	text-align:left;
}

.protocoloderecha
{
	width: 50%
}

.protocoloderechatext, .protocoloderecha select
{
    width: 90%;
	margin-left: 0;
	margin-top: 2px;
	margin-bottom:2px;
}


.contenidoprotocolo
{
    padding-bottom: 2px;
    padding-top: 2px;

}

.protocolocentro
{
    background-color: #ededed;
	color:#061920;

}
.protocolocentro h3, .protocolocentro h4
{
   margin-bottom: 0;
   margin-top: 0;
   text-align:center;
}


.protocolotitulo
{
	color:#061920;

}

.botonprotocolo{
	text-align: center;

}

.checkprot{
	width:10%;
	margin:auto;
        height:inherit;

}

.comentarioaprobacion textarea{
    margin-bottom: 1.75rem;
	margin-left: 0.6rem;
    width: 40%;
}

.comentarioaprobacion label
{
	vertical-align: top;

}
.rowprotocoloedit
{
	text-align:center;
	width: 100%;
	margin-bottom:1.25rem;
}

.registroProtocoloNuevoSelect
{
	width: 30%;
}
.registroProtocoloNuevoSelectMandatory
{
	background-color: #ABCDFF;
    color: #ffffff;
    display: table-cell;
    font-weight: bolder;
    margin: 5px auto auto 10px;
    text-align: left;
    width: 30%;
}

.protocoloderechatextarea
{
    margin: 2%;
    overflow-y: scroll;
    width: 96%;
}

.protocoloderechaFirma
{
    margin: 2%;
    width: 96%;
}

.dibujoProtocolo
{
	background:#ffffff;
	border: 1px solid;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    padding: 2px;
    width: 50%;
}


.mandatoryProtocolo{
	background-color: #ABCDFF;
    color: #ffffff;
    display: table-cell;
    font-weight: bolder;

}

.radioObligatorioProtocolo input, .radioCheckSiNo input{
	clear: left;
    float: left;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-top: 10px;
    width: 1.25rem;
}


.botonCentrado{
	margin: 0 auto;
    width: 30%;
}


/*   Deteccion asistencias a calendarios    */
.centrado p{
	text-align:center;
}



/* Fecha para la impresion */
.fecha_imprimir{
	display:none;
}

.imprimir{
	display:none;
}


/* Imagenes de editar y borrar del formulario de editar protocolo*/

.icono_edit_protocolo {
margin: 0;

}



/* fotos del protocolo*/

.fotoprotocolo{
	margin: 0 auto;
    width: 80%;

}

.contenidofotoprotocolo{
	border: 1px solid;
	padding: 2px;
	margin: 1.25rem auto;
    width: 90%;
}

.foto_protocolo_btn_borrar {
	margin-bottom:1.25rem;
}


/**********************/
.tituloCentrado{
	text-align: center;
}

.imagen_centrada{
	display: block;
	margin: auto;
}




/****************************************/
/*******       Diapositivas     *********/
/****************************************/

.rowDiapositiva{
	border: 1px solid;
    margin: 1.25rem auto;
    width: 75%;
	background:black;
	float: left;
	clear: left;
	clear: right;
}


.rowDiapositivaBoton{
	margin: 1.25rem auto;
    width: 40%;
	clear: both;
}


.limpiar{
	clear:both;
}

.DiapositivaImagen{
	margin: 0 auto;
	width:99%;
	display:block
}


.rowDiapositiva p{
	color: #ffffff;
    font-size: larger;
}

.rowDiapositiva a{
	margin:0;
}

.Diapositiva{
	width:60%
}

.rowDiapositivaOpciones{
	clear: right;
    float: right;
    margin-left: 2.5rem;
    margin-top: 2.5rem;
    width: 10%;
}

.rowDiapositivaBotonesMover{
	float:right;
	clear: right;
	margin-top:1.25rem;
	margin-left:2.5rem;
}

.rowDiapositivaBotonesMover a{
	margin: 0;
}

.rowDiapositivaBotonesMover img{
	width: 1.5rem;
}

.rowDiapositivaBotonesChange{
	float:right;
	clear: right;
	margin-top:1.25rem;
	margin-left:2.5rem;
}

.rowDiapositivaBotonesChange a{
	margin: 0;
}

.rowDiapositivaBotonesChange img{
	width: 1.25rem;
}

.DiapositivaImagenTextoDer{
	margin-left:3%;
	margin-right:3%;
	margin-top:3%;
	float: right;
	width: 50%;
}

.DiapositivaTextoIzq {
	margin-left:3%;
	margin-right:3%;
	margin-top:3%;

	width: 50%;
}

/****************************************/
/*******   Programaciones       *********/
/****************************************/
.checkboxDiaProgramaciones{
	width:5%;
	float: left;
	margin-top: 10px;
}

.DiaProgramaciones{
	float: left;
	width: 5%;
	text-align: center;
}

.DiaProgramacionesDiv{
	clear: both;
}


.DiaProgramacionesPrimero{
	clear: left;
}

.rowDias{
	display: table-row;
    margin: 5px auto;
}

.mi_tabla{
	
	
}


/***********************************/
/***** 		Presencias  ************/
/***********************************/
.rowSesion{
	background-color: skyblue;
	color:	#ffffff;
}

.rowPresenciaFisica{
	background-color: palegreen;
}

.rowPresenciaAprobada{
	background-color: aquamarine;
}

.rowPresenciaPendiente{
	background-color: #FFF866;
}

.rowPresenciaIncidencia{
	color: #ffffff;
}

.rowPresenciaObviada{
	background-color: grey;
}

.rowPresencia a, .rowPresenciaFisica a, .rowPresenciaAprobada a, .rowPresenciaIncidencia a{
	color: #ffffff;
    text-decoration: none;
}

.rowPresenciaPendiente a, .deteccionPresenciaPendiente a {
	color: #061920;
    text-decoration: none;
}

.deteccionPresenciaFisica{
	background-color: palegreen;
}

.deteccionPresenciaAprobada{
	background-color: aquamarine;
}

.deteccionPresenciaPendiente{
	background-color: #FFF866;
}


.deteccionPresenciaFisica a, .deteccionPresenciaAprobada a{
	color: #ffffff;
    text-decoration: none;
}

.checkboxPresencia{
	margin-right:2%;
	width: 5%;
}

.imagenPresencias{
	width:1.25rem;
}

.leyenda{
	float: right;
    margin-top: 1.5rem;
}

th.cabeceraNomina {

}

td.IzquierdaNomina{
	text-align: left;
}

td.DerechaNomina{
	text-align: right;
}

.tableNomina{
	font-size: 1rem;
}


.tableNomina a{
	text-decoration: none;
	color:#454545;
}

#tabla_resultados thead tr .header ,#tabla_resultados_proyectos thead tr .header, #tabla_resultados_registrosdeactividad thead tr .header, #tabla_resultados_obras thead tr .header, #tabla_resultados_ventas thead tr .header, #tabla_resultados_tareas thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right: 25px;
}

#tabla_resultados thead tr .headerSortUp, #tabla_resultados_proyectos thead tr .headerSortUp, #tabla_resultados_registrosdeactividad thead tr .headerSortUp, #tabla_resultados_obras thead tr .headerSortUp, #tabla_resultados_ventas thead tr .headerSortUp, #tabla_resultados_tareas thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
}

#tabla_resultados thead tr .headerSortDown, #tabla_resultados_proyectos thead tr .headerSortDown, #tabla_resultados_registrosdeactividad thead tr .headerSortDown, #tabla_resultados_obras thead tr .headerSortDown, #tabla_resultados_ventas thead tr .headerSortDown, #tabla_resultados_tareas thead tr .headerSortDown{
	background-image: url(../images/desc.gif);
}

#tabla_resultados thead tr .headerSortDown, #tabla_resultados thead tr .headerSortUp, #tabla_resultados_proyectos thead tr .headerSortDown, #tabla_resultados_proyectos thead tr .headerSortUp, #tabla_resultados_registrosdeactividad thead tr .headerSortDown, #tabla_resultados_registrosdeactividad thead tr .headerSortUp, #tabla_resultados_obras thead tr .headerSortDown, #tabla_resultados_obras thead tr .headerSortUp, #tabla_resultados_ventas thead tr .headerSortDown, #tabla_resultados_ventas thead tr .headerSortUp, #tabla_resultados_tareas thead tr .headerSortDown, #tabla_resultados_tareas thead tr .headerSortUp{
	background-color: #8dbdd8;
}

#tabla_resultados tr, #tabla_resultados_proyectos tr, #tabla_resultados_registrosdeactividad tr, #tabla_resultados_obras tr, #tabla_resultados_ventas tr, #tabla_resultados_tareas tr{
	display: none;
}




texto {
	font: normal 1.5rem 'FTBase-Regular', Century Gothic, sans-serif;
}

.edit_po{
        background: transparent;
	border:none;
	width:100%;
	font:normal 1.5rem 'FTBase-Regular', Century Gothic, sans-serif;
	resize:none;
}

.datos_economicos{
        background: transparent;
        width:20rem;    
        margin-bottom:0;
}

#info_error{    
    text-align: center;
}

#p_incid{
    font-size:1.25rem;
} 

input[type="radio"]  {
    height:inherit!important;
    transform: scale(1.5);
    margin-top:0.5rem;
  }

  
  .tarifas_class > th, .tarifas_class > td  {
      font-size:12pt    ;
  }

  
  .boton_incid{
      height: 60px!important; 
	  margin: 1rem 1rem;
	  font-size: 1.15em;
	  color:#222;
  }

  
  .boton_incid_aux{
      margin-top: 1.5rem!important;
  }

  
  .w_70{
      width: 70%!important;
  }