@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

.formFiltrosHeader {
    display: inline-block;
}
.contentBotonesHeader {
    float: right;
    padding-right: 10px;
    margin-bottom: 10px;
}
.btn_activo {
    background-color: #71a2cd;
}

.fake-swal-wrapper {padding: 20px;}
.fake-swal-wrapper .btn-container .btn-wrapper { display: inline-block; margin-right: 10px;}
.fake-swal-wrapper .btn-container { text-align: center;}
.fake-swal-wrapper .btn-container .btn-wrapper:last-child {margin-right: 0;}
i.fa.fa-cog.cssfacog{
	color:#434a54!Important;
	right:0px!Important;	
	
}
.comentarios_aviso .comentario {
    text-align: left;
    margin-bottom: 5px;
    font-size: 13px;
}
.comentarios_aviso .comentario .icono{color: #434a54 !important}
.editar_anio_contrato_wrapper .fa.fa-edit{cursor: pointer;font-size: 18px;/*! color:black; */}
.editar_anio_contrato_wrapper .fa.fa-edit.disabled{cursor: not-allowed;}
.anio_contrato_container{margin-right: 0;margin-left: 0;margin-bottom: 10px;font-size: 14px;}
.anio_contrato_container > div{padding-right: 10px;padding-left: 10px;}
.anio_contrato_container .editar_anio_contrato_wrapper {
    position: relative;
    top: 6px;
    left: -15px;
}
.anio_contrato_container .editar_anio_contrato_wrapper.active {
    top: 0;
    left: 1px;
    display: none;
}
.anio_contrato_container .anio_contrato_wrapper {
    position: relative;
    top: 6px;
    right: -10px;
    font-weight: bold;
    font-size: 16px;
}
body.erp .anio_contrato_container .traza-cambio {
    margin-top: 20px;
}
.anio_contrato_container .traza-cambio {
    white-space: normal;
    text-align: left;
    color: #8cc152;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 14px;
}
.filtros.generales{margin-bottom: 15px;margin-left: 10px;}
.pasosSegundos{
	top: 4px;
    margin-left: 10px;
    position: relative;	
}

.pasosPrimeros{
	top: 4px;
    margin-left: 10px;
    position: relative;	
}
.pasosOtros{
	top: 4px;
    margin-left: 10px;
    position: relative;		
	
}
.notification{
    background: red;
    color: white;
    height: 24px;
    padding: 0 3px;
    min-width: 23px;
    display: inline-block;
    border-radius: 7px;
    z-index: 9;
}
.notification.vacio{display: none;}
.centroNotifica{    font-size: 14px;
    position: relative;
    top: -7px;}
.modal-content {
    border-bottom-left-radius: 0px!Important;
   border-bottom-right-radius: 0px!Important;

}
.modal-header{
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
#f_foto{
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.confirmaPago{
    background-color: #8cc152;
    margin-top: 35px;
    color: #fff;
    font-size: 17px;
    text-align: center;
    border-radius: 5px;
    padding: 6px;
    cursor: pointer;
	}
.textoTitulo{
    color: rgb(32, 83, 165);
    font-weight: lighter;
    margin: 0;
    line-height: 1.42857143;
    font-size: 19px;	
    margin-top: -50px;
	}
.eliminarPP {
	font-size: 14px;
    background-color: #e9573f;
    color: white;
    /* width: 20%; */
    text-align: center;
    border-radius: 4px;
    height: 30px;
    padding: 5px 7px;
    margin-right: 10px;
	cursor: pointer;
}
#tablaPendiente_wrapper .dt-buttons{
    display: block!important;
    margin-bottom: 1%;
    float: right;
}
.botonExcel{padding: 0px;border: inherit !important;margin-right: 10px !important;}
.circlePago{padding-left:25%;cursor: pointer;}
.eliminarPP span{margin-left:10px}
.borderboton{
     border-top-right-radius: 4px!important; 
     border-bottom-right-radius: 4px!Important;	
	}
.borderboton2{
    border-top-left-radius: 4px!Important;	
    border-bottom-left-radius: 4px!Important;	
	}	
.marginIpad{
	padding:0px;	
}
.responIpad11{
	width:39%;
	margin: 0 auto;
	display: block;
}
.apartaDD{
	width:50%;
}
#tablaMontadores tr:nth-child(odd){
	background-color:#F3F3F3;
	text-align:left;
	height:40px;
	BORDER: 1px solid #DEDEDE;
	}
.tdMonta {
    BORDER: 1px solid #DEDEDE;
    padding-left: 1%;
}
#tablaMontadores tr:nth-child(even){
	background-color:#FFFFFF;
	text-align:left;
	height:40px;
	BORDER: 1px solid #DEDEDE;
	}
.campos-incompletos {min-height:440px;}
.popBlock{pointer-events:none!important;}
.trBlock{
	display:table-row!important;
	}
.trNoblock{
	display:none;
}
.popNoblock{pointer-events:auto!important;cursor: pointer;}

.cursorBlock{cursor: no-drop!Important;}

.cursorNoblock{cursor: pointer!Important;}

.leftB{margin-top: 27px;float: right}
.link-manual.btn-manual {
    background:	#f99032;
	color:	white;
	padding: 6px 10px;
	border-radius: 3px;
}
.link-manual.btn-manual:hover, .link-manual.btn-manual:focus {
    background: #e08533;
	color: white;
	text-decoration: none;
}
.lili.montaje.disabled{cursor: not-allowed}
.col-footer {
    padding-top: 10px;
	background-color: #EFF3F8
}
.feed.advertencia .position:before {
  content: '!';
  background: red;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  font-weight: bold;
  color: white;
  font-size: 14px;
  text-align: center;
  position: absolute;
  margin-top: -10px;
  margin-left: 50px;
}
.erp .filtros .btn-wrapper{
	display: inline-block;
    vertical-align: top;
}
.erp .tdAfande.nuez:before{
	background: url(/img/NUEZ-icono-ERP.png) no-repeat;
	content: "";
	height: 20px;
	width: 48px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}
.erp .filtros .anios.form-control, .erp .filtros .webs.form-control, .form-control .input-sm {
	width: 165px;
	display: inline-block;
	margin-right: 9px;
}
.erp .buscador_in {width: 172px;}
.erp .buscador_in, .erp .filtros{font-family: "Open Sans", sans-serif;font-weight: 500;}
.erp .filtros.en-curso, .erp .filtros.pendientes, .erp .filtros.finalizadas,.erp .filtros.pendientes13  {
    z-index: 800;
    position: absolute;
    left: 12%;
}
.marginTable {
    width: 100%;
	position: relative;
}
.disabled10{display:none!important;}
.disabled6{display:none!important;}
.disabled7{display:none!important;}
.disabled8{display:none!important;}
.disabled11{display:none!important;}

.cambiarBlock{display:block!important;}
.cambiarNone{display:none;}
.form-control-2{
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
	
.fecha_estru{
	line-height:25px!important;
	
	}
.ey {
    background-color: #3bafda!important;
    border-color: #3bafda!important;
	display: block!important;
    margin: auto!important;
    margin-bottom: 10px!important;
}
.colocarDocu{
	width:47%;
	display:inline-block;
	float:right;	
	
	}
.colocarDocu2{
	width:47%;
	float:left;
	}
.colocaaar > .documento > .iconos {
    margin: auto;
	margin-top:5px;
    width: 20%;
    text-align: right;	
}
.titulo_azul {
	margin-bottom: 10px;
	text-align: left;
	text-transform: uppercase;
	font-size: 16px;
	color: #2053a5;
	font-weight: 600;
}
.unaTabla {
    float: none;
    display: block;
    margin: 0 auto;
}
.cont_fechas {
	padding:10px;
	border:1px solid #dedede;
}
input#nuevoMaterial {
	margin: auto;
    display: block;
}
.extraH{padding: 0px;
    margin-top: 12px;
    font-size: 14px;
	margin: 12px calc(50% - 165px);
}
.close_btn{
 display:Block!important;	
	}

.lili > i {
    color: white;
}

div#tooox {
    width: 100%;
    margin: auto;
    margin-top: 10px;;
}
#izzq{float: left;
    width: 30%;
    height: 40px;
    text-align: right;}
#derr{float: right;
    width: 67%;
    height: 40px;
    text-align: left;}
/* custom checkbox */
.checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* hide the browser's default checkbox */
.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* create custom checkbox */
.check {
    position: absolute;
    top: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: 1px solid #ccc;
}



/* add background color when the checkbox is checked */
.checkbox input:checked ~ .check {
    background-color: #2489C5;
    border:none;
}

/* create the checkmark and hide when not checked */
.check:after {
    content: "";
    position: absolute;
    display: none;
}

/* show the checkmark when checked */
.checkbox input:checked ~ .check:after {
    display: block;
}

/* checkmark style */
.checkbox .check:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
input[type="button"]:disabled, input[type="radio"]:disabled, input[type="text"]:disabled, input[type="checkbox"]:disabled, input[type="submit"]:disabled, textarea:disabled, select:disabled, button:disabled {
	cursor:not-allowed !important;
}
.documento .btn-wrapper .btn-firmado.full{
	width: 100%
}
.fila_total {
	background-color: #f3f3f3 !important;
}
.fila_total td {
	background-color: #f3f3f3 !important;
}
#nombreF{margin-bottom:10px}
.btn-azulClaro {
	background-color: #3bafda !important;
    border-color: #3bafda !important;
}
.btn-naranjaClaro {
	background-color: #FFA500 !important;
    border-color: #FFA500 !important;
}
/*MENU PC*/
.menuli.activado {
    background-color: #54504e!important;
    padding-top: 10px;
    padding-bottom: 10px;
}
.panel-heading{padding:0px!important}
input.botonAfande{margin-top: 5px;margin-left: 8px;margin-bottom: 5px; padding: 2px 5px;}
.accordion-section .panel-default .panel-title a.collapsed:before {
   content: "\f067";
   color: #444;
}
.accordion-section .panel-default .panel-title a.collapsed .tittu {
    color: #444 !important;
}
.menuP {
    /*height: 42px;*/
    border: 1px solid #54504E;
    background-color: #292625;
}

a.enlace:hover{
	text-decoration:none;
		 background-color: #54504E;
		cursor:pointer;

	}
.menuli.activa{
	background-color:#54504e!important;	
		padding-top:10px;
	padding-bottom:10px;
}
a.enlace{
	text-decoration:none;
	color:white;
	  width:18%;
}


/* Clearfix */
.clear:before, .clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
}

a#pull {
    display: none;
	color: white;
}
nav {
    width: 100%;
    background: #666;
    position: relative;
    border-bottom: solid 1px #DDD;
}

nav ul {
    padding: 0;
    margin: 0 auto;
}

nav li {
    display: inline;
}

nav a {
    color: #FFF;
    display: inline-block;
    width: 100px;
    text-align: center;
    line-height: 40px;
}

nav li a {
	 border-left: 1px solid #576979;
}

nav li:last-child a {
    border-right: 0;
}

.erp .calendario {
    width: 100%;
    float: none;
    margin: 0 auto;
    max-width: 500px;
}

/*table#tablaMontadores{
	    min-width: 629px;
	
	}

table#tablaPendiente{
		min-width:750px;
	}
table#tablaEnCurso{
		min-width:850px;
	}
table#tablaFinalizadas{
		min-width:750px;
	
	}*/

.css40 {
    border: 1px solid #96a0ad;
    border-bottom: 0;
    background: rgb(230, 233, 237) none repeat scroll 0% 0%;
    color: black;
    font-weight: bold;
    text-align: left;
    padding-top: 6px;
    padding-left: 10px;
    font-size: 14px;
    height: 30px;
    border-radius: 3px 3px 0 0;
}
.modal-dialog .formulario .detalle_fila .input-group .input-group-addon{
    background: rgb(230, 233, 237) none repeat scroll 0% 0%;
    color: black;
    font-weight: bold;
    padding: 6px 0 6px 12px;

    /*width: 45%;
    text-align:left;*/
}
/*
.detalle_fila {
    width: 400px;
    margin-top: 5px;
}*/
div#tablaEnCurso_filter {
    float: left;
/*   margin-left: 30px;*/
}
div#tablaFinalizadas_filter{
    float: left;
    /*margin-left: 30px;	*/
	}

.opcion{
    cursor:pointer;
}
div#tablaInci_filter{
    float: left;
    /*  margin-left: 30px;*/
}	
#tablaInci_wrapper .dt-buttons{
    display: block!important;
    margin-bottom: 1%;
    float: right;
}
div#tablaFinalizadas_filter{
float: left;
/*margin-left: 30px;	*/
}
div#tablaPendiente_filter{
    float: left;
      /*  margin-left: 30px;*/
    }	


#tablaEnCurso_wrapper #tablaEnCurso_info {
    margin-left: 30px;
}
#tablaEnCurso_wrapper #tablaEnCurso_paginate {
    margin-right: 30px;
}
div#tablaFinalizadas_info{margin-left: 30px;}

#tablaPendiente_wrapper #tablaPendiente_info {
    margin-left: 30px;
}



#tablaPendiente_wrapper #tablaPendiente_info {
    margin-left: 30px;
}


#tablaFinalizadas_wrapper #tablaFinalizadas_info {
    margin-left: 30px;
}
#tablaFinalizadas_wrapper #tablaFinalizadas_paginate {
    margin-right: 30px;
}
div#tablaMontadores_wrapper {
    padding: 0px 15px;
}
.botonNuevoAviso {
	background: rgb(255, 165, 0) !important;
    color: white !important;
    border: 1px solid  rgb(255, 165, 0) !important;
	font-size:14px !important;
}
#form_staff {
	padding:0px 35px 15px;
}
.nuevoProv {
    margin-left: 15px;
}
#tablaMontadores_filter{
	float: left !important;
}

#tablaMontadores_wrapper > .dt-buttons > .botonNuevoAviso{
    margin-top: 10px;
	margin-bottom:10px;
    margin-right: 6px;	
}
#tablaMontadores_wrapper div.dt-buttons {
    position: relative;
    float: right;
}
.info_operaciones_firma{
text-align:center;
margin-top:20px;
padding-bottom:20px;	
	}
.resss{width:69%;margin:auto}
.ficheroEstructura{width:20%;display:inline-block!important;}
table.estructura-costes{margin:0 auto 10px;width:90%;Border:1px solid;}
table.estructura-costes tr{border:1px solid;background-color:white}
table.estructura-costes td{border:1px solid;padding:3px;fon-size:14px}
table.estructura-costes .td1{background-color:#2053a5!important;color:white}
table.estructura-costes .td2{background-color:#545454!important;color:white;text-align:center}
table.estructura-costes .td3{background-color:#999999!important;color:white;}
/*DISEÑO BLOQUES MONTAJE*/
@-moz-document url-prefix() {
	span.option {
		margin-top: 6px;
	}

}
input.form-control {
	padding:6px;
}
.obsRespon{
    width: 95%;
    margin: auto;
    height: 35px;
	padding-top: 15px;
	}
input {
    /*padding-left: 4px;*/
}

input:focus{outline:0 none;}
input#totalH {
    margin: auto;
    padding: 2px;


}
div#th{
	margin: auto;
    width: 20%;
    text-align: center;
    margin-top: 10px	
	
}
.b1M{
	width:95%;
    margin: auto;
    padding: 10px;}
#firmaIzm{
	width: 260px;
    margin: auto;
    margin-bottom: 10px;
    height: 30px;
    background-color: #8cc152;
    padding: 3px 0;
    color: white;
    border-radius: 4px;	
	    margin-top: 10px;
	
	}
.b2M{    border: 1px solid #dedede;}
.firmaIzm2{
	display:block;
	clear:both;
	width:260px;
	margin:auto;	
	}
.firmaIzm3{
	width: 260px;
    text-align: center;
    margin: auto;
    margin-top: 11px;	
	}
#colocarF{
	display:inline-flex;
	}
div#pfirmaiz{
    width: 220px;
    height: 30px;
    float: left;
    background-color: #8cc152;
    padding: 3px 0;
    color: white;
    border-radius: 4px;	
	}
div#pfirmader{
    width: 132px;
    height: 30px;
    padding: 3px 0;
    float: right;
    background-color: #8cc152;
    color: white;
    border-radius: 4px;	
	
	}
.pfirmai{
	width: calc(50% - 6px);
	float: left;
	margin-left: 5px;
	}
.pfirmad{
	width: calc(50% - 6px);
	float: right;
	margin-right: 5px;	
	}
.imagenF > img{
	width:80%!important;
	
	}
.feed.completado > .position > img{
	background-color:#2053A5;
	
	}
#cont_firma .tocho2.respon {
    padding: 0px !important;
}
#cont_firma .tocho2 {
    padding: 0px !important;
}
#cont_firma .tocho2.respon .tituloO {
	padding: 10px;
	height: 35px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 0px;
	background-color: #f7f7f7;
	border:none;
	border-bottom: 1px solid #dedede;
}
#cont_firma .tocho2 .tituloO {
	padding: 10px;
	height: 35px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-weight: 600;
	font-size: 13px;
	margin-bottom: 0px;
	background-color: #f7f7f7;
	border:none;
	border-bottom: 1px solid #dedede;
}

#cont_firma .arreglo {
    width: 100% !important;
    margin-left: 0px !important;
}

div#div_config {
    height: auto;
    width: 80% !important;
    min-height: 346px;
    border: 1px solid #aab2bd;
    background: white none repeat scroll 0% 0%;
    margin-top: 56px;
    border-radius: 4px;
    margin-left: 15px;
    width: 75%;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 30px;
}
.div_menu_lateral {
    font-weight: bold;
    height: 100%;
    /* min-height: 450px; */
    width: 223px;
    display: inline-block;
    vertical-align: top;
    margin-top: 60px;
    padding-right: 0px;
}
.div_menu_lateral .menu_item:first-child {
    margin-top: 0px;
}
.div_menu_lateral .menu_item {
    background: rgb(218, 228, 242);
    color: black;
    border-radius: 4px;
    height: 38px;
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(195, 204, 217);
    margin-top: 15px;
}
.div_menu_lateral .menu_item div {
    color: black;
    padding-top: 9px;
}
.div_menu_lateral .menu_item.selected {
    background: rgb(59, 175, 218);
}
.div_menu_lateral .menu_item {
    background: rgb(218, 228, 242);
    color: black;
    border-radius: 4px;
    height: 38px;
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(195, 204, 217);
    margin-top: 15px;
}
.div_menu_lateral .menu_item.selected div {
    color: white;
}
.div_menu_lateral .menu_item div {
    color: black;
    padding-top: 9px;
}
.borderFin {
    height: auto;
    border: 1px solid #dedede;
}
.segunColumn {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.referencia{
	font-size: 15px;
    padding: 7px 10px;
    border-bottom: 1px solid #eff3f8;
    text-align: left;
    color: #292625;	
}
.pptos {

    overflow-x: auto;
    /* height: 485px; */
    overflow-y: hidden;
}
body:not(.erp) .pptos {
	width:100%!important;
    overflow-y: auto;
    white-space: normal;
    /*min-height: 485px;*/
}
body:not(.erp) .ppto {
	height:auto!important;

}
.ppto {
    width: 100%;
    margin-top: 2%;
    margin-bottom: 3%;
    display: inline-block;
    vertical-align: top;
    background: white;
    /*height: 450px; 
    margin-right: 0.5%;
    margin-left: 0.5%;*/
    border-radius: 5px;
}
.esIframe .ppto {
	min-height:450px;
	height:auto;
}
.pptos div.centrar {
		min-height: 450px;
    margin: 2% auto 3%;
    display: block;
	width: 870px !important;
}
.centrar .tochoDere {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.centrar .tochoIzqui {
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.tochoGA {
    padding-top: 3%;
    width: 95%;
    display: block;
    margin: auto;
    margin-bottom: 1%;
}
.tituloO {
	padding:10px;
    height: 35px;

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 0px;
    background-color: #f7f7f7;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
}
}
.cabeceG11, .cabeceG22, .cabeceG3 {
    width: 100%;
    font-weight: 600;
}
.cabeceG11 input, .cabeceG22 input, .cabeceG3 input {
    margin-bottom: 10px;
    width: 100%;
    margin-top: 5px;
    height: 35px;
    border: 1px solid #DEDEDE;
    color: black;
    font-weight: 100!Important;
}
.cabeceGA,.cabeceGA2 {
    background-color: white;
    padding: 10px;
    color: #60BEE1;
    font-size: 14px;
    border: 1px solid #dedede;
}
.primeroB{
	/*height: 370px;*/
}
.azul{
    width: 85%;
    text-align: center;
    border: 0px;
    background-color: #3BAFDA;
    color: white;
}
.lili {
    background-color: #3BAFDA;
    cursor: pointer;
    width: 170px;
    margin: 0px 20px 0px 30px;
    border-radius: 4px;
    padding: 4px;
    text-align: center;
    clear: both;

}
.check{
	color:White;	
	}
.encuadre{
    padding-top: 3%;
    width: 220px;
    display: block;
    margin: auto;
    margin-bottom: 20px;	
	clear:both;
}
i.fa.fa-plus.mon, i.fa.fa-pencil {
    color: white;
    margin-left: 3%;
}
.inci{
    margin: auto;
    /* float: left; */
    display: none;
    width: 90%;
    height: 90px;
    /* margin: 5px 0px 20px 10px; */
    /* padding-left: 5px; */
    margin-bottom: 15px;
}
.inciX {
    width: 6%;
    float: right;
    color: red;
}
input.but2 {
	background-color: #3BAFDA;
    color: white;
    border: 0px;
    height: 35px;
    border-radius: 4px;
    width: 125px;

}
.finish{
	width:95%;
    height: 100px;	
}
.button1{
    /*float: left;
    width: 50%;
    text-align: right;*/
    width: 100%;
    text-align: center;
}
.obra{
    float: right;
    color: White;
    width: 50%;
    text-align: left;
}
.fafaM {
    width: 20px;
    color: white;
    position: relative;
    bottom: 0px;
    left: 27px;
}
input#btAdd {
    background-color: #3BAFDA;
    color: white;
    border: 0px;
    height: 35px;
    border-radius: 4px;
    width: 128px;
    padding-left: 15px;
    background-color: #FFA500;
}
/*DISEÑO BLOQUES INCIDENCIA*/
.ordena {
    width: 95%;
    margin: auto;
  }
.tituloO2 {
    font-size: 13px;
    font-weight: 600;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 5px;
}
textarea.normalT {
    width: 100%!important;
	border: 1px solid #DEDEDE!Important;
	height:65px!Important;
	margin: auto!important;
    display: block!Important;
}
.botonC {
    width: 150px;
    float: left;
    color: white;
    height: 35px;
    background-color: #ffa500;
    padding: 5px 5px 5px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.colocarB {
    width: 100%;
    margin: auto;
    clear: both;
}
.botonC input{
    border: 0px;
    background-color: #ffa500;
    width: 80%;
}	
.botonG2 {
    color: white;
    text-align:center;
    width: 80px;
    height: 35px;
    background-color: #3bafda;
    padding: 5px;
    border-radius: 4px;
}
.botonG {
    color: white;
    float: right;
    width: 89px;
    height: 35px;
    background-color: #3bafda;
    padding: 5px;
    border-radius: 4px;
}
span.option {
    cursor: pointer;
}
.botonG input {
    border: 0px;
    background-color: #3bafda;
}
.botonG2 input {
    border: 0px;
    background-color: #3bafda;
}

/*DISEÑO BLOQUES CHECKLIST*/
.bb {
	padding:10px;
	height:100px;
	background-color: white;
	display:none;
	}
.xx{
	display:none;
	width: 0%;
    margin-right: -10%;
    text-align: left;
    color: red;
    float: right;
    font-size: 22px;
	cursor:pointer;
	}
input.yes{width:5%;}

input.nop{width: 5%;
    margin-left: 2%;}
.bloqueUnique {
    width: 100%;
	display:inline-flex;
    padding: 10px;
    border: 1px solid #dedede;
}
.inputD {
    width: 100%;
    height: 75px;
    padding-left: 5px;
    margin: auto;
    border: 1.2px solid #DEDEDE;
}
.bloqueDer2{    
cursor:pointer;
    float: right;
    background-color: #3BAFDA;
    border-radius: 4px;
    /* margin-right: 16%; */
    width: 150px;
    height: 28px;
    padding: 3px;
}
.bloqueIzq2{
	cursor:pointer;
    float: left;
    background-color: #3BAFDA;
    border-radius: 4px;
    /* margin-right: 16%; */
    width: 150px;
    height: 28px;
    padding: 3px;
}
input.verFirma {
    width: 70%;
    border: 0px;
	background-color: #3BAFDA;
	color:White;
}
input.firmaM{
    border: 0px;
    width: 70%;
	background-color:#3BAFDA;
	color:white;
}
.bloqueFirma {
    width: 355px;
    margin: auto;
    height: 35px;
	margin-top: 11px;
}
.bloquefirmaIz {
    width: 185px;
    height: 30px;
    float: left;
    background-color: #3bafda;
    padding: 3px 0;
    color: white;
    border-radius: 4px;
}
.firma1 {
    border: 0px;
    background-color: #3bafda;
}
.bloquefirmaDe {
    width: 157px;
    height: 30px;
    padding: 3px 0;
    float: right;
    background-color: #3bafda;
    color: white;
    border-radius: 4px;
}
.firma2 {
    border: 0px;
    background-color: #8cc152;
}
#panel, #titulo {
padding: 5px;
text-align: center;
background-color: #e5eecc;
border: solid 1px #c3c3c3;
}
#panel {
 padding: 50px;
 display: none;
 height:180px;
}
.bloqueTarea {
    width: 190px;
    float: left;
    height: 30px;
}
.bloqueObserva {
	width: 100%;
	display: block;
    margin: auto;
	margin-top: 20px;
	margin-bottom: 10px;
	clear:Both;
}
.fila.presupuestados {
    background-color: #EFF3F8!important;
    color: black!important;
}
.bloqueTarea {
    width: 185px;
    height: 30px;
    float: left;
    background-color: #ffa500;
    color: white;
    padding: 3px;
    border-radius: 4px;
}
.bloqueGuarda {
    width: 100px;
    float: right;
    height: 30px;
    padding: 3px;
    border-radius: 4px;
    color: white;
    background-color: #3bafda;
	text-align:center;
}
.bloqueTarea input{
	width:90%;
	border: 0px;
    background-color: #ffa500;

}
.bloqueGuarda input{
	border: 0px;
    background-color: #3bafda;

}
.tocho2{
    width: 100%;
    display: block;
    margin: auto;
	padding:10px;
}

/*CANVAS - FIRMA */
div#canvasM {
    background-color: white;
    height: 310px;
}
.canvas {
    display: block;
    border: 1px solid #CCC;
    cursor: crosshair;
    background-color: White;
    margin: auto;
	margin-top: 15px;
}
.colocarF {
    width: 50%;
    margin: auto;
    padding-top: 2%;
    text-align: center;
}
/**CALENDARIO**/
.accordion-section .panel-default .panel-title a:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 14px;
    content: "\f068";
    color: #3BAFDA;
    display:inline-block;
    /*padding-top: 3.2%;*/
    padding-top: 15px;
    width: 10%;
    border-right: 1px solid #DBDBDB;
    text-align: center;
    height: 40px;
}
th.fc-day-header.fc-widget-header {
    background-color: #2053A5!important;
    color: white!important;
    /*height: 20px;*/
    padding-top: 7px;
}
.tittu {
    display:inline-block;
    width: 85%;
   /* margin-top: 3%;*/
	margin-left: 3%;
    font-weight: 600;	
	font-size:14px!Important;
	color:#3BAFDA!important;
}
.fila.presupuestados {
    background-color: #EFF3F8;
    color: black;
}
	
.fc-center {
    margin-left: 4%;
    margin-top: 1.5%;
}
.fc-toolbar h2 {
    font-size: 16px!important;
	font-weight:600!important;
}
.fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead{
	border:0px!Important;
	}

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {

	font-weight:600;
	font-size:15px;
}
.fc-ltr .fc-basic-view .fc-day-number{
	text-align:center!important;
	}
.fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead{}
 div.fc-view-container > div > table > tbody > tr > td > div > div > div:nth-child(1)
{
background-color:#F2F2F2!important;	
	}

 div.fc-view-container > div > table > tbody > tr > td > div > div > div:nth-child(3){
background-color:#F2F2F2!important;	
	}

div.fc-view-container > div > table > tbody > tr > td > div > div > div:nth-child(5){
background-color:#F2F2F2!important;	
	}

.fc-view-container{
/*height:495px;*/
	}
tr{
height:35px!important;
	}

.canti{
    position: absolute;
    bottom: 12px;
    width: 14%;
    text-align: center;
    border-bottom: 1px solid grey;
    color: #3BAFDA;
    font-weight: 600;
	}
.tituloH{
	font-size: 17px;
    text-align: center;
    height: 0px;
	}

.fc-day-number.fc-mon.fc-past {
        margin: auto;    
		display: block;
		/*
		 background-color: #3BAFDA;
   		 border-radius: 14px;
    	 width: 25px;
		 height: 23px;
*/

}
.circu{
	background-color: #3BAFDA;
    border-radius: 14px;
    width: 25px;
    height: 23px;
    position: relative;
    margin: 0 auto;
    top: 9px;
}
.fc-day-number {
    padding-top: 10px!important;
}
td.fc-day-number.newClass {
    position: relative;
    z-index: 4;
}
.white{
	color:white;
	}
/*MENU MOVIL*/
.fila {
    height: 40px;
    /*background-color: #292625;*/
    color: white;
}
.menuCelda {
    float: right;
    width: 33.3%;
    font-size: 10px;
}
nav.erp i.fa.fa-cog, nav.erp i.fa.fa-calendar {
    color: #878585;
    font-size: 16px;
    /*top: 2px;*/
    position: relative;
    right: 12px;
}

.tituloH {
    font-size: 17px;
    text-align: center;
    height: 0px;
}
.h4m {
    font-weight: 600;
    color: #3765AF;
    font-size: 20px;
}
.menuM.menuh4 {
    width: 95%;
    margin: auto;
    padding-left: 10px;
}
/*FOOTER*/
.pie{
	height: 70px;
    background-color: #292625;
	}
.texto{
	color: white;
    font-size: 14px;
    /*height: 70px;*/
    text-align: center;
    padding-top: 2%;
	}
.copyright {
    position: fixed;
    background: #292625;
    width: 100%;
    color: white;
    font-size: 14px;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    bottom: 0;
}
.copyright.small {
	position: static;
	    padding-top: 24px;
}
/*CABECERA*/
body, html {
    font-family: 'Open Sans', sans-serif!important;
    margin: 0px;
    padding: 0px;
    background-color: #EFF3F8;
}
.cabecera.erp {
    height: 85px;
}
.leftC {
    width: 40%;
    display: block;
    margin: auto;
    text-align: left;
	padding-left: 10px;
    float: left;
    margin-top: 15px;
}
.leftD {
    width: 455px;
    display: block;
    margin: auto;
    text-align: right;
    margin-right: 1%;
    float: right;
    margin-top: 15px;
}
.horaSmb {
    display: block;
    font-size: 12px;
    width: 45%;
    float: right;
    text-align: center;
}

/*OPCIONES OBRAS*/
.primerColumn {
    border-bottom-style: solid;
    border-bottom-color: #E2E2E3;
    background-color: white;
    height: 200px;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-width: 1px;
}
.primerColumnV2 {
    width: 105px;
    vertical-align: top;
    display: inline-block;
    text-align: center;
}
.separa img {
    width: 85%;
}
.anchoN {
    width: 100%;
    text-align: center;
}
.tituloBra {
    width: 35%;
    color: #2053A5;
    font-size: 20px;
    margin: auto;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: 600;
}

.position {
    margin-top: 2%;
    cursor: pointer;
}

.texto {
    color: white;
    font-size: 14px;
    /*height: 70px;*/
    text-align: center;
    padding-top: 2%;
}
.separa {    
    display: inline-block;
    margin-top: 6.4%;
}

body.erp .separa {
    display: inline-block;
    margin-top: 2.4%;
}
.feed > .position > img {
	background-color: #c5c5c5;
    padding: 7px;
    border-radius: 9px;
	}
.feed > .position > img.activa{
	background-color:#3BAFDA;
	}
.feed > .texto > p{
	font-weight:400;
    font-size: 15px;
    display: block;
    text-align: center;
    height: 22%;
    padding-top: 0.2%;
    color: #c5c5c5;
    margin-top: 2px;
	}
.feed.completado  > .texto > p{
	font-weight:400;
    font-size: 15px;
    display: block;
    text-align: center;
    height: 22%;
    padding-top: 0.2%;
    color: #2053A5;
    margin-top: 2px;
	}
.feed:not(.inactiva) > .position > img, .feed:not(.inactiva) > .texto > p{
    cursor: pointer;
}
.feed.activa > .position > img{
	background-color:#3BAFDA;
}
.feed.inactiva > .position > img{
	background-color:#d9d9d9;
}
.feed.activa > .texto > p{
    color: #3BAFDA;
	font-weight:100;
}
.feed.inactiva > .texto > p{
    color: #d9d9d9;
}

.botonAfande{
	border: 0px;
    padding: 2px;
    border-radius: 4px;
    background-color: #3BAFDA;
    color: white;
    width: 150px;
	text-align:center;
}
.botonAfande.botonNuevoAviso{
    width: 190px;
}
/*ADMINISTRACION*/
.configuracion {
    border: 1px solid #dedede;
}
.menu_item.selected {
    background: rgb(59, 175, 218) !important;
    border-color: rgb(59, 175, 218) !important;
	color:#fff !important;
}
.globalAdmin{
	height:auto;
	font-size:14px;
	font-weight:600;
}
.tituloAdmin{
	font-weight:600;
	padding:2%;
	height:40px;
	background-color:#f7f7f7;	
	margin-bottom: 2px;
	border-bottom: 1px solid #dedede;
	font-size: 15px;
}
.cabeceAdmin {	
    height: 345px;
	background-color:#FFF;	
    padding: 0px;
	position: relative;
}
.slidecontainer {
  	width: 95%;
  	margin:auto;
}
.rangeP{
	padding-top:15px;
	padding-bottom:15px;
}
.demo{
	color:#3bafda;
}
.slider {
    -webkit-appearance: none;
    height: 10px;
    border-radius: 5px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity
}

.slider:hover {
  opacity: 1;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #3bafda;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #3bafda;
  cursor: pointer;
}
.botonAdmin{
    padding: 15px;
    /*float: left;*/
    width: 100%;
    text-align: center;
    /*margin-top: 2%;*/
	bottom: 0px;
    position: absolute;
	}
/** TABLA **/
.tdAfande{
	BORDER: 1px solid #DEDEDE;
    padding-left: 1%;
	}
.tablaAfande tr:nth-child(odd){
	background-color:#F3F3F3;
	text-align:left;
	height:40px;
	BORDER: 1px solid #DEDEDE;
	}
.tablaAfande tr:nth-child(even){
	background-color:#FFFFFF;
	text-align:left;
	height:40px;
	BORDER: 1px solid #DEDEDE;
	}
table.tablaAfande {
    /* display: block; */
    margin: auto;

}
table.dataTable {
    margin-top: 44px !important;
}
div#tablaEnCurso_wrapper{

    padding: 1px 2%;
}
div#tablaPendiente_wrapper{
    padding: 1px 2%;	
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
}
div#tablaFinalizadas_wrapper{
    padding: 1px 2%;	
}
.marginTable {
    width: 100%;
}
.trAfande>th {
    text-align: center;
}
.tfAfande{
	width:310px;
	font-weight: 100;
	}
.botonAfande{
	display:block;
	margin:auto;
	}
tr.trAfande{
    background-color:#2053A5!important;
    height: 35px;
    color: white;
    text-align: center;
}
/**DOCUMENTOS**/
.documentos {
    width: 90%;
    display: block;
    margin: auto;
	padding-top: 1%;
	padding-bottom: 1%;
    text-align: center;
	overflow-x: auto;
	white-space: nowrap;
}
.documentos .documento{
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
vertical-align: bottom;
}
.documentos .documento img{
	display: block;
	width:150px;
}
.documentos .documento .document{
	padding-bottom: 5px;
    width: 100%;
    font-size: 15px;
    color: black;
    font-weight: 600;
    text-align: left;
}
.documentos .documento .iconos {
	margin-top: 6px;
	text-align: right;
}
.documentos .documento .iconos.superior {
    width: 10%;
    float: right;
    margin-top: 8%;
}
.documentos .documento .iconos .icono{
	font-size: 18px;
	cursor: pointer;
}
.documentos .btn-wrapper i.fa {
    float: left;
    margin-top: 3px;
    margin-left: 1px;
    margin-right: 5px;
}
.documento .btn-wrapper {
    width: 100%;
}
.documento .btn-wrapper button {
    margin-top: 5px;
    padding: 6px;
    background: #3BAFDA;
    border: none;
    color: white;
    border-radius: 2px;
    font-size: 13px;
    width: 85%;
    float: left;
}
.subir{
    font-size: 14px;
    cursor: pointer;
    padding: 5px 7px;
    background: #FFA500;
    color: #fff;
    border: 0px solid #fff;
    height: 30px;
    border-radius: 4px;
    margin-top: 10px;
    font-weight: 400;
}
.documentos .opcion-medicion-final {margin: 20px auto 0; width: 60%;}
.documentos .opcion-medicion-final .opcion_medicion_final_checkbox {vertical-align: middle;margin: -5px 0 0;cursor: pointer;}
.documentos .opcion-medicion-final .tituloO{text-align: left;}
.documentos .opcion-medicion-final label{vertical-align: middle;cursor: pointer;}
.documentos .opcion-medicion-final .alerta {padding-bottom: 30px;}
.documentos .opcion-medicion-final .alerta p{ white-space: normal; padding: 15px; color: red; margin-bottom: 20px;text-align: left;}
.documentos .opcion-medicion-final #nombreF { width: 70%;}
.documentos .opcion-medicion-final .acciones.no-clickable {cursor: not-allowed;}
.documentos .opcion-medicion-final .acciones.no-clickable .bloqueador{ pointer-events: none;}
.subir:hover{
    color:#fff;
    background: #f7cb15;
}
.colocar{
	height:150px;
	display: block;
	text-align: -moz-center;
	text-align: -webkit-center;
    overflow: hidden;
}
#subida{
    height: 30px;
    margin-top: 15px;
    width: 25%;
    display: block;
    font-size: 12px;
	cursor:pointer;
}
#nombreF{
    width: 30%;
    height: 30px;
    padding: 8px;
	border: 1px solid #DEDEDE;
}
.titu{
	display: block;
    text-align: center;
	clear: both;
	padding-top: 1.9%;
	font-weight: 600;
}
.iconos .icono.eliminar {
    color: #ff0000;
	cursor:pointer;
}
/*MEDIAS MIX*/


@media only screen and (min-width:980px) and (max-width:1800px){
.primerColumnV2 {
  	width: 14%!important;
}
.anchoN .separa:nth-child(11) {
    display: none;
}

.primerColumn{
	height:340px!important;	
}
/*menu*/
}

@media only screen and (min-width:980px) and (max-width:1105px){
.primerColumnV2 {
  	width: 13%!important;
}
}

@media screen and (min-width:900px) and (max-width: 1024px) {
.bloquefirmaIz{
	    width: 75%!important;
		margin:auto;
		float:unset!important;
}

.bloquefirmaDe {
	    width: 50%!important;
		margin:auto;
		float:unset!important;	
	
}
}

@media only screen and (min-width: 770px) and (max-width:1270px){
.alturaRespon{
    height: 38px;	
}
.campos-incompletos {min-height:594px;}
}

@media only screen and (min-width:767px) and (max-width:980px){
.primerColumnV2 {
  	width: 12%!important;
}
.primerColumn{
	height:340px!important;	
}
.anchoN .separa:nth-child(11) {
    display: none;
}
}

@media screen and (min-width:710px) and (max-width:770px){
.erp .filtros.en-curso, .erp .filtros.pendientes, .erp .filtros.finalizadas {	
	left: 173px!important;
    top: -2px;
}	
}

@media only screen and (min-width: 320px) and (max-width:479px){
.responIpad11{
	width:50%!important;
	}	
#nombreF{
    width: 69%;
}
.bloqueFirma {
    width: 80%!important;
    margin: inherit!important;
}
div#pfirmader {
    width: 48%!important;
}
div#pfirmaiz {
    width: 51%!important;
}
.firma2 {
 width: 63%!important;
}
.eeeyrespon {
    width: 60%!important;
}
#responAdmin{
	width:100!important;
	}
}

@media screen and (min-width:320px) and (max-width:373px){
.eliminarFiltro{
	margin-left:0px!important;
    margin-top: 10px;	
}
}
/*MEDIAS FIJAS*/



@media only screen and (min-width:1670px){
	input.botonAfande {
    margin-left: 8px!important;
}
.erp .col-xl-1 {
    width: 8.33333333%;
}
.erp .col-xl-2 {
    width: 16.66666667%;
}
.erp .col-xl-3 {
    width: 25%;
}
.erp .col-xl-4 {
    width: 33.33333333%;
}
.erp .col-xl-5 {
    width: 41.66666667%;
}
.erp .col-xl-6 {
    width: 50%;
}
.erp .col-xl-7 {
    width: 58.33333333%;
}
.erp .col-xl-8 {
    width: 66.66666667%;
}
.erp .col-xl-9 {
    width: 75%;
}
.erp .col-xl-10 {
    width: 83.33333333%;
}
.erp .col-xl-11 {
    width: 91.66666667%;
}
.erp .col-xl-12 {
    width: 100%;
}

}
@media only screen and (min-width:1600px){
	.erp .filtros.en-curso, .erp .filtros.pendientes, .erp .filtros.finalizadas {
	left: 16%!important;
}	
.colocarB {
	width: 36%!important;
}	
.checkC {
/*height: 150px;*/
}
.arreglo{
	width: 85%!important;
	margin-left: 31px!important;	
}
.tochoDere {
	width: 50%;
	/* float: right; */
	display: inline-block;
	vertical-align: top;
}
.tochoIzqui {
	width: 50%;
	/* float: left; */
	display: inline-block;
	vertical-align: top;
}
	/*BLOQUES*/
.obraI{
	width:48%;
	float:left;
}
.obraD{
	width:48%;
	float:right;	
}
.cabeceGA2.dato {
	height: 92px;	
}
.calendario{
	/*width: 50%;
	float:left;*/
	width: 100%;
	float: none;
	margin: 0 auto;
	max-width: 500px;
}
.mDerecha {
	width: 50%;
	float: right;
	}	
}

@media only screen and (min-width:1100px){

	table.tablaAfande {
	width:100%!important;
	padding:0px!important;
	}
}

@media only screen and (min-width:770px){
	h4.h4m{
	display:none!important;
	}
}
@media only screen and (min-width:770px) and (max-width:1570px){
.erp .filtros.en-curso, .erp .filtros.pendientes, .erp .filtros.finalizadas,.erp .filtros.pendientes13  {	
    position: unset!important;
    padding: 1px 2%;
	}
}
/*.filtros.pendientes13{padding:1px 2%;}*/
.filter13{padding:1px 2%;display:inline-block;}
@media only screen and (min-width:1570px){

.erp .filtros.en-curso, .erp .filtros.pendientes, .erp .filtros.finalizadas, .erp .filtros.pendientes13 {	
	left: 208px!important;
	top: -2px;
	}

    .filter13{
        position: absolute;
        left: 220px;
        top:38px;
        width:15%;
    }
    /* .filtros.pendientes13{position:initial;} */
}

@media only screen and (min-width:767px){
	


.ppto{
    width: 48%!important;
    margin-left: 1%;
    margin-right: 1%;
}.ppto.full{
    width: 98%!important;
}
.container{
    width: 100%!Important;
}
#pasosMovil{display:none;}
}

@media only screen and (max-width:1500px){
	.hhhr{width:100%!important;margin-bottom:15px;margin-top:15px;}	
body:not(.erp) .pptos {height:450px!Important;}
.popup {
    width: 1160px;
	}	
}

@media screen and (max-width:1024px){
	.pasosPrimeros{top:auto!important;}
.pasosSegundos{bottom:auto!important;}			
a.enlace{
	width:-webkit-fill-available!important;
}	
.popup {
    width: 990px!important;
	}	
div#tablaEnCurso_filter {

}
div#tablaFinalizadas_filter{

	}
div#tablaPendiente_filter{

}	

.obraI{
	width:48%;
	float:left;
}
.obraD{
	width:48%;
	float:right;	
}
 

.erp .filtros .anios.form-control, .erp .filtros .webs.form-control, .form-control .input-sm {
    width: 140px!important;
}	

.responIpad2{
	/*width:55px!important;	*/
}
.responIpad3{
	float:right;
	height:34px!important;
	}
.responIpad4{
	font-size:10px;
	}
}

@media only screen and (max-width:910px){
		

.bttnRespon{
    width: 38%;
}
	
	.pptos div.centrar {
		margin: 2% auto 3%;
		display: block;
		width: 95% !important;
	}
	.centrar .tochoDere {
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}
	.centrar .tochoIzqui {
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}
}

@media only screen and (max-width:835px){
	.primerColumnV2 {
  	width: 11%!important;
}
}

@media only screen and (max-width : 770px){
	i.fa.fa-cog{display:none!important;}
/*i.fa.fa-calendar{display:none!important;}*/
    nav a {
        width: 100%;
    }

    nav a#pull {
        display: block;
        background-color: #666;
        width: 100%;
        position: relative;
    }

    nav a#pull:after {
        content:"";
        background: url('nav-icon.png') no-repeat;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
    }
	.btn-centro {
		text-align:center;
	}
.bloquefirmaIz{
	    width: 50%!important;

		margin:auto;
}

.bloquefirmaDe {
	    width: 50%!important;
		margin:auto;
	
}
.marginIpad{margin-bottom:10px;}
.colocarDocu{width:100%!important;float:none!important;}
.colocarDocu2{width:100%!important;float:none!important;}	
.resss{width:100%;}

.ficheroEstructura{width:100%;}	

.responBoot{
	width:100%!important;
	}
.responBoot2{
	width: 83.33333333%!important;
	margin-left: 8.33333333%!important;
	}	


.leftC {
    width: 100%!important;
	float:none!important;
	text-align:center!important;
}
.cabecera.erp {
    height: 120px!important;
}
.horaSmb {
    width: 100%!important;
	float:none!important;
    text-align: center!important;
}
.leftD {
    width: 100%!important;
	float:none!important;
    text-align: center!important;
}
.cabeceGA2.dato {
    height: 92px;	
}
/*BLOQUES*/

.checkC{
	/*height:150px;*/	
}
/*MENU*/
.primerColumn {
    background-color: #292625;
    height: 90px;
}
#pasosPc{
display:none;	
	}
.tituloBra {
    width: 100%!important;
	color:white!important;
}
.separa {
    display: none;
}	
}

@media screen and (max-width:760px){
		
.erp .filtros.en-curso, .erp .filtros.pendientes, .erp .filtros.finalizadas{
	position:unset!important;
	    padding: 1px 2%;
	}
}

@media only screen and (max-width:700px){
	.apartaDD{
	width:100%;
	}	
#tablaEnCurso_wrapper #tablaEnCurso_filter {
	margin-left:0px!important;
	}
#tablaFinalizadas_wrapper #tablaFinalizadas_filter{
 	margin-left:0px!important;	
}
#tablaPendiente_wrapper #tablaPendiente_filter{
 	margin-left:0px!important;	
}

div#tablaMontadores_wrapper
{overflow:scroll;}
.marginTable{overflow:scroll}
.campos-incompletos {min-height:590px;}
.erp .filtros .anios.form-control, .erp .filtros .webs.form-control, .form-control .input-sm {
    width: 68px!important;
}
.erp .filtros.en-curso, .erp .filtros.pendientes, .erp .filtros.finalizadas {
    left: 22%!important;
}

#tablaEnCurso_wrapper #tablaEnCurso_filter input {
    width: 92px!important;
}
#tablaFinalizadas_wrapper #tablaFinalizadas_filter input {
    width: 92px!important;
}
#tablaPendiente_wrapper #tablaPendiente_filter input {
    width: 92px!important;
}
}

@media only screen and (max-width:600px){
	
.bloquefirmaIz{
    width: 81%!important;
}

.bloquefirmaDe {
	    width: 81%!important;		
	
}	
}

@media only screen and (max-width:500px){
	
.ficheroRespon {
    width: 80%!important;
}
	
.erp .filtros.en-curso, .erp .filtros.pendientes, .erp .filtros.finalizadas {position:unset!important;}
	
.erp .filtros .anios.form-control, .erp .filtros .webs.form-control, .form-control .input-sm {
    width: 94px!important;
}
.erp .filtros.en-curso, .erp .filtros.pendientes, .erp .filtros.finalizadas {
    left: 0%!important;
}
.colocarDocu {
    width: 100%!important;
    float: left!important;
}

.colocarDocu2 {
    width: 100%!important;
    float: right!important;
}

.bloqueObserva{width:100%!important;margin-top: 39px!important;}
.obsRespon{width:100%!important;}
.respon{
width:100%!important;
padding:0px!important;	
}

.tocho2 {
    width: 100%!important;
    padding: 6px!important;
}
}

@media only screen and (max-width:400px){
	.btn-azulClaro{padding-left:1px!important;}
}

@media screen and (max-width:382px){
	.colocarB{
	width:100%!Important;	
	
}
.bloquefirmaIz{
	width:100%!Important;	
	
}

.bloquefirmaDe {
	width:100%!Important;	
	
}
.bloqueTarea {
    width: 161px!important;
}
.tochoIzqui > .tocho2 > .tituloO{
	height:50px!important;	
	
}
}
@media screen and (min-width:320px){
		
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0px!Important
}
}

.bttnRespon{width:41%; }
.textoPasos{text-align: center;
    height: 100px;
    margin-top: 40px;}
	
	
@media only screen and (max-width: 1670px){
	.btnerp{
		width:100%;
		padding:0%!important;
		margin-top: 2%;	
		}
}

@media only screen and (min-width:1200px){
		.btncrm{
		width:100%;
		padding:0%!important;
		margin-top: 2%;	
		}
}

.horasmin{width:21%;font-size:12px;display:inline-block;margin-right:2%}
.horasminv2{width:50%;font-size:12px}
.btnhorasmin{font-size:12px;color:white!important;width:100%;margin-top:10px}
.btnhorasmin:hover{color:white}
.tituFabrica2{
	margin-bottom:10px;
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	color: #2053a5;
	font-weight: 600;	
	}
.tituFabrica1{margin-top:15px;padding:0px;margin-bottom: 15px;}
.subtituFabrica2{
	margin-bottom:10px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 14px;
	color:black;
	}	
.advertenciapmon{color:#e83315;font-size:15px;padding: 11px 0px 11px 0px;text-align: center;}
.spanAdver{
	font-size: 15px;
    font-weight: normal;	
	color:#e83315	;
	}
.form-control-nowidth {
    display: inline-block;
	font-size:12px;
    height: 34px;
    line-height: 1.42857143;
    color: #555;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}	
.px-0{padding:5px}

div#tablaRegistrar_filter > label > input.form-control.input-sm{display:none!Important}
div#tablaRegistrar_wrapper{padding:0px 15px 15px 15px!Important;}
.filtros.pendientes.registrarfiltros{display:inline;position:relative;left:1%!important;width:20%!important}

@media only screen and (max-width:1279px) and (min-width:957px){
    a.enlace{width:24%!important;}
    nav a#pull {
        display: block;
        background-color: #666;
        width: 100%;
        position: relative;
    }
}

@media only screen and (max-width:957px) and (min-width:728px){
    a.enlace{width:33%!important;}
    nav a#pull {
        display: block;
        background-color: #666;
        width: 100%;
        position: relative;
    }
}

@media only screen and (max-width:728px) and (min-width:500px){
    a.enlace{width:49%!important;}
} 

@media only screen and (max-width:991px){
     #modal{max-width:900px!important;width:initial!important;}
     #informaciongrowl .row{margin-right:initial!important;margin-left:initial!important;}
}

.segundoPago{
    display: inline-block;
    width: initial;
    background-color: #77AD21;
    white-space: break-spaces;
}

@media only screen and (max-width:700px){
   div#div_formulario_horas .btn-wrapper.col-xs-12{display:flex;justify-content: center;}
   .btn-wrapper.col-xs-2.col-xs-offset-5{margin-left:initial!important;width:initial!important;}
}
.tablaAfande.segundoCobro tbody .odd .tdAfande:nth-child(11), .tablaAfande.segundoCobro tbody .even .tdAfande:nth-child(11)  {
    padding-right:1%;
}

@media only screen and (max-width:1150px){
    .tdAfande {
        text-align: center;
        vertical-align: middle;
        padding-left: 0;
    }
    .circlePago {
        padding-left: initial;
    }
}
.tablaAfande.finalizadas tbody .odd .tdAfande, .tablaAfande.finalizadas tbody .even .tdAfande{
    padding-left:5px;
    text-align:left;
}
.tablaAfande.finalizadas tbody .odd .tdAfande.pagos, .tablaAfande.finalizadas tbody .even .tdAfande.pagos{
    padding-left:initial;
    text-align:center;
}
.tablaAfande.finalizadas tbody .odd .tdAfande .circlePago, .tablaAfande.finalizadas tbody .even .tdAfande .circlePago{
    padding-left:initial;
}
@media only screen and (max-width:1413px) and (min-width:956px){
    /* .tdAfande{padding-left:initial;    text-align: center;
        vertical-align: middle;} */
        .tdAfande:nth-child(11){padding-left: initial!important;
            display: table-cell;
            flex-direction: column;
            width: auto!important;}
        input.botonAfande{margin-left:auto!important;}
        .tdAfande:nth-child(11) p{text-align:center;}
        .tablaAfande.instalacion tbody .odd .tdAfande:nth-child(11), .tablaAfande.instalacion tbody .even .tdAfande:nth-child(11)  {
            display:table-cell!important;
        }
        .tablaAfande.instalacion tbody .odd .tdAfande:nth-child(12), .tablaAfande.instalacion tbody .even .tdAfande:nth-child(12)  {
            padding-left: initial!important;
            display: flex;
            flex-direction: column;
            width: auto!important;
        }

        .tablaAfande.instalacion tbody .odd .tdAfande, .tablaAfande.instalacion tbody .even .tdAfande{
            padding-left:initial;
            text-align:center;
        }

        .tablaAfande.instalacion tbody .odd .tdAfande .circlePago, .tablaAfande.instalacion tbody .even .tdAfande .circlePago{
            padding-left:initial;
        }

        .tablaAfande.finalizadas tbody .odd .tdAfande:nth-child(10), .tablaAfande.finalizadas tbody .even .tdAfande:nth-child(10)  {
            display:table-cell!important;
        } 
        .tablaAfande.finalizadas tbody .odd .tdAfande:nth-child(11), .tablaAfande.finalizadas tbody .even .tdAfande:nth-child(11)  {
            padding-left: initial!important;
            display: flex;
            flex-direction: column;
            width: auto!important;
        }

        .tablaAfande.enIncidencia tbody .odd .tdAfande:nth-child(13), .tablaAfande.enIncidencia tbody .even .tdAfande:nth-child(13)  {
            padding-left: initial!important;
            display: table-cell;  
            flex-direction: column;
            width: auto!important;
        }

        .tablaAfande.enIncidencia tbody .odd .tdAfande, .tablaAfande.enIncidencia tbody .even .tdAfande{
            padding-left:initial;
            text-align:center;
        }

        .tablaAfande.enIncidencia tbody .odd .tdAfande .circlePago, .tablaAfande.enIncidencia tbody .even .tdAfande .circlePago{
            padding-left:initial;
        }
        .opcion{text-align:center;}
        .dtr-data input.botonAfande{margin-left:8px!important;}
        form input[type=submit].botonAfande{margin-bottom:7px;}
        
        /* .circlePago{padding-left:initial!important;} */
}

@media only screen and (max-width:1710px) and (min-width:956px){
    .tablaAfande.equipoMontaje tbody .odd .tdAfande:nth-child(10), .tablaAfande.equipoMontaje tbody .even .tdAfande:nth-child(10)  {
        padding-left: initial!important;
            display: flex;
            flex-direction: column;
            width: auto!important;
    }
}

@media only screen and (max-width:499px) {
    .menuL{display:grid;grid-template-columns:auto; text-align:Center;}
    a.enlace {
        width: 100%;
    }
}

@media only screen and (max-width:876px){
    .circleOption{bottom:initial!important;}
}

@media only screen and (max-width:769px){
    .filtros.pendientes13{position:relative!important;left:initial!important;margin-left:2%;}
}

@media only screen and (max-width:340px){
    .filtros.pendientes13 .filter123{margin-bottom:2%;}
    .filtros.pendientes13 div{margin-left:2%!important;}
}