* {
	margin: 0;
	padding: 0;
	border: none;
}

span.dynatree-connector {
	background-position: -16px -62px;
}
span.dynatree-checkbox {
	margin-left: 3px;
	background-position: 0px -30px;
}
span.dynatree-checkbox:hover {
	background-position: -16px -30px;
}
.dynatree-selected span.dynatree-checkbox {
	background-position: -32px -30px;
}
.dynatree-selected span.dynatree-checkbox:hover {
	background-position: -48px -30px;
}
span.dynatree-icon {
	margin-left: 3px;
	background-position: 0px 2px;
}
.dynatree-ico-cf span.dynatree-icon {
	background-position: 0px -14px;
}
.dynatree-ico-ef span.dynatree-icon {
	background-position: -64px -14px;
}
.dynatree-partsel span.dynatree-checkbox {

	background-position: -64px -30px;

}

/*svg text:last-child{display:none;}*/
path{cursor:pointer}

html { font-family: Arial, Verdana, Helvetica, sans-serif; /*color: #333;*/ width:100%; height:100%; color:gray; font-size:16px; }
body{ width:100%; height:100%; background: #FFF url("../img/interfaz/back_azul_privado.jpg") 100px -55px repeat-x; }
body.privado-no-compra-body { background-position: 100px -110px; }

.bodylogin{ background: #FFF url("../img/interfaz/back_azul_home.jpg") 100px 0 repeat-x; }
.bodyadmin{ background-image: none; }

img { border: none; }
a{ text-decoration: none; color: #003B81; }
a:hover{text-decoration:none;color:#999;}
a.inverted { color: #999999; }
a.inverted:hover { color: #003B81; }

rect{cursor:default;}

/* COLORES */
.azul{color:#00CCCB;} .azul2 { color: #0F377D; }
.gris{color:#333}
.negro{color:#000}
.blanco{color:#FFF}
.grissuave{color:#E3E3E3;}
.grismedio{color: #A9A9A9;}
.verde {color: #008000; }
.verdeosc{ color:#008000; }

/* FORMATOS */
.pointer { cursor: pointer; }
.underline { text-decoration: underline; }
.italic { font-style: italic; }
.bold { font-weight:bold; }
.link { color: blue; text-decoration: underline; }
.grande{ font-size:1.4em;}
.mediano{ font-size:0.9em;}
.pequeno{ font-size:0.7em;}
.extrapequeno{ font-size:0.6em;}
.nota{ font-size:0.8em;}
.tachado{text-decoration:line-through;}

/* ALINEACIONES */
.justify { text-align: justify; }
.clear { clear: both; }
.float_left { float: left; }
.float_right { float: right; }
.center { text-align: center; }
.align_right{text-align: right;}
.align_left{text-align: left;}
.centrado_vertical {display: table-cell;vertical-align: middle;}
.display_none{display:none;} .display_block{display:block;} .display-inline-block { display: inline-block; }
.relative{position:relative}
.fixed{position:fixed}
.bottom_15{margin-bottom:15px;}
.bottom_10{margin-bottom:10px;}
.bottom_7{margin-bottom:7px;}
.bottom_5{margin-bottom:5px;}
.top_10{margin-top:10px;}
.absolute{position:absolute;}
.relative{position:relative;}
.oculto{display:none;}
.visible{display:block;}
.subrayado{text-decoration:underline;}
.minusculas { text-transform: lowercase; }
.mayusculas { text-transform: uppercase; }
.capitalizacion { text-transform: capitalize; }

/***********/
/* GENERAL */
/***********/
.centrado{ width:1080px; margin:0px auto; }
.centrado1280{ max-width:1400px; min-width: 1080px; margin:0px auto; }

#contenedor, .contenedor { width:1080px; margin:0px auto; }
#contenedoradmin { }
#contenedor1280 { width:1400px; margin:0px auto; }

.mrg-2 { margin: 2px; }
.mrg-t20 { margin-top: 20px; } .mrg-t5 { margin-top: 5px; } .mrg-t10 { margin-top: 10px; } .mrg-t30 { margin-top: 30px; }
.mrg-r4 { margin-right: 4px; } .mrg-r8 { margin-right: 8px; } .mrg-r15 { margin-right: 15px; } .mrg-r1 { margin-right: 1px; } .mrg-r2 { margin-right: 2px; }
.mrg-l4, .btn .mrg-l4 { margin-left: 4px; } .mrg-l8 { margin-left: 8px; } .mrg-l15 { margin-left: 15px; }
.mrg-b30 { margin-bottom: 30px; } .mrg-b0 { margin-bottom: 0; } .mrg-b5 { margin-bottom: 5px; } .mrg-b10 { margin-bottom: 10px; }
.pdg-15 { padding: 15px; }
.pdg-t10 { padding-top: 10px; }
.pdg-r4 { padding-right: 4px; }
.w-all { width: 100%; } .w-300 { width: 300px; }

.ov-hidden { overflow:hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/***** BoxShadow Effects - @see http://cssdeck.com/labs/different-css3-box-shadows-effects *****/
.sombraCaja1 { -webkit-box-shadow: 0px 0px 15px 3px #333; -moz-box-shadow: 0px 0px 15px 3px #333; box-shadow: 0px 0px 15px 3px #333; }

.effect7 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
.effect7:before, .effect7:after {
    content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; }
.effect7:after {
    right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); }

/******* Bootstrap *******/
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #FCFCFC; }
.table-hover > tbody > tr:hover { background-color: #fff6da; }
.table > tbody > tr.selected { background-color: #dcf2ff !important; }
.table-selectable > tbody > tr:hover { cursor: copy; }
.table-selectable > tbody > tr.selected { cursor: no-drop; }
.table > tfoot > tr > th { border-top-width: 2px; }

.fix-btn-toolbar { display: flex; flex-wrap: wrap;}
.fix-btn-toolbar .navbar-right { margin-right: 0;}
.fix-btn-toolbar .pull-right { margin-top: 5px;}
.fix-btn-toolbar .pull-right .zend_form{ margin: 0;}
.fix-btn-toolbar .contenedor { padding: 8px 0; background-color: white; flex: 1; }
.fix-btn-toolbar.navbar-fixed-top .contenedor { padding: 4px 0; background-color: white; box-shadow: 0px 0px 28px 7px white; }

.label-default-light { background-color: #afb1b1; }

.navbar-top { margin-bottom: 0; height: 42px; background-image: none; background-color: #FAFAFA; min-height: 42px; border: none; border-bottom: 1px solid #DDDDDD; }
.navbar-top .navbar-brand { padding: 6px 15px; height: auto; }
.navbar-top .navbar-nav>li>a, .navbar-top .navbar-nav>li>a:hover { padding: 10px 15px 10px 15px; }
.navbar-top .nav>li>a:hover, .navbar-top .nav>li>a:focus { color: #F45B3B; }

.navbar .divider-vertical { height: 22px; margin: 9px 9px; border-right: 1px solid #ffffff; border-left: 1px solid #f2f2f2; }
.navbar-inverse .divider-vertical { border-right-color: #222222; border-left-color: #111111; }
.navbar-top .user-avatar { padding-right: 5px; }
.navbar-top .user-avatar img { max-height: 20px; width: auto; background-color: white; }
.icon-bar {background-color: #aaa}

@media (max-width: 767px) {
    .navbar-collapse .nav > .divider-vertical { display: none; }
}

.form-bootstrap button.ui-multiselect { width: 100% !important; }
.form-bootstrap button.ui-multiselect-auto-height { white-space: normal !important; }
.form-control-textarea { width: 100%; }

div.dataTables_info { font-size: 90%; font-style: italic; }
div.dataTables_paginate { font-size: 90%; font-style: italic; }
div.dataTables_paginate > .pagination > li > a,
div.dataTables_paginate > .pagination > li > span {
	color: #666;
}
div.dataTables_paginate > .pagination > .active {
	font-weight: bold;
}

.zend_form .errors { padding: 8px; margin-top: 3px; margin-bottom: 10px; border: 1px solid transparent; border-radius: 4px;   background-color: #f2dede; border-color: #eed3d7; color: #b94a48; }

/*********************/
.error {
    background-color: #E5C5C6; padding: 4px; font-size: 0.7em;
		box-shadow: 0 0 5px #333333; -moz-box-shadow: 0 0 5px #333333; -webkit-box-shadow: 0 0 5px #333333;
		border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 10000;}
.error em {
    border-color: #E5C5C6 transparent transparent; border-style: solid; border-width: 10px; bottom: -17px; display: block; height: 0;
    left: 10px; position: absolute; width: 0; }
.errorVentana { z-index: 10003; }

.overlay { display:none; position: relative; z-index: 100; overflow: hidden; background: transparent no-repeat center center; border-radius: 10px; }
.overlay .titulo { font-size: 145%; text-transform: uppercase; }

.overlayError { width: 500px; min-height: 195px; z-index: 200; background-color:white;/*background-image: url(../img/comun/pop_up_erroneo.png);*/ left: 50%; margin-left: -250px; }
/*.overlayError .titulo { color: #656565; border-bottom: 1px dotted #BBBBBB; margin: 40px 45px 15px; padding-bottom: 12px; }*/
.overlayError .contenido { padding-left:20px; padding-top:10px; margin: 0 5px 0 5px; height: 140px; overflow-y: auto; line-height: 19px; }
.overlayError .boton { position: absolute; right: 20px; bottom: 18px;/*margin: 0 50px; text-align: right;*/ }
.overlayError .boton .close { color: #EB5C70; }
.overlayError .tit_mod { padding-top:17px; padding-left:180px;font-family: "Arial", sans-serif; font-size:1.6em; color:#003C84;}
.overlayError img { float:left; padding-top:17px; padding-left:17px; }
.overlayError.sombraCaja1 { -webkit-box-shadow: 0px 0px 8px 0px #FF0000; -moz-box-shadow: 0px 0px 8px 0px #FF0000; box-shadow: 0px 0px 8px 0px #FF0000; }


.overlayOk { width: 500px; height: 175px; z-index: 200; background-color:white; /*background-image: url(../img/comun/pop_up_graciasPorSuscribirse.png)*/ left: 50%; margin-left: -250px; }
.overlayOk .titulo,
.overlayError .titulo { color: #656565; margin: 0px 45px 20px 25px; padding-top: 5px; /**width: 400px; /* height: 30px; */ line-height: 21px; }
.overlayOk .cabeceraCtro,
.overlayError .cabeceraCtro { margin-top: 18px; }
.overlayOk .contenido {
	 padding-left:20px; padding-top:0px; margin: 0 5px 0 5px; height: 140px; overflow-y: auto; line-height: 19px;  }
.overlayOk .boton { position: absolute; right: 20px; bottom: 18px; }
.overlayOk .boton .close { color: #F45B3B; }
.overlayOk .tit_mod { padding-top: 17px; padding-left: 180px; font-family: "Arial", sans-serif; font-size: 1.6em; color: #003C84; }
.overlayOk img { float:left; padding-top:17px; padding-left:17px; }
.overlayOk.sombraCaja1 { -webkit-box-shadow: 0px 0px 8px 0px #003C84; -moz-box-shadow: 0px 0px 8px 0px #003C84; box-shadow: 0px 0px 8px 0px #003C84; }
.overlayAdmitidas { padding: 15px; width: 500px; height: 320px; z-index: 200; background-color:white; left: 50%; margin-left: -250px; }
.overlayAdmitidas textarea {
	height: 200px;
	width: 90%;
	margin: 0 auto;
	margin-top: 15px;
}
.overlay-form {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.overlay-form dt { padding-top:5px; }
.overlay-form dt label {font-size: .9rem }
.overlay-form input{
	background-color: #F2F2F2; border: 2px solid #E6E6E6; border-radius: 5px; display: block; padding: 3px 5px;
	width: 100%; margin-bottom: 5px;
}
.overlay-form textarea{
	background-color: #F2F2F2; border: 2px solid #E6E6E6; border-radius: 5px; display: block; margin-bottom: 5px;
	font-family: Arial,Helvetica,sans-serif; height: 50px; padding: 3px 5px; width: 100%;
}
.btnCerrar {
	/*background: url(img/interfaz/close.png) no-repeat right;*/
	height:24px; width:24px; cursor: pointer; padding-left: 495px;

    /** .fa **/
    display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);
    /**/
}
.btnCerrar:before { font-size: 24px; content: "\f00d"; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.overlayOk .btnCerrar,
.overlayError .btnCerrar { padding-left: 0; float: right; margin-right: 15px; }

.selectorrevisor { text-align: center; }

.navTools > li { float: left; position: relative; }
.navTools ul { display: none; border-radius: 5px; background-color: #EB7013; border: 1px solid #F6A35F; position: absolute; left: 10px; top: 30px; }
.navTools ul a { display: block; padding: 5px 10px; color: #FFFFFF; font-weight: bold; font-size: 0.7em; text-transform: uppercase; }
.navTools ul a:hover { background-color: #F6A35F; color: #5666A4; }

.overlayOk300 { height: 300px; }
.overlayOk400 { height: 400px; }
.overlayOk450 { height: 450px; }
.overlayOk500 { height: 500px; }
.overlayOk550 { height: 550px; }

.ui-customer {
	font-weight: bold;
	padding-left: 0 !important;
	padding-top: 0;
	margin: 0 5px 0 5px;
	text-align: center;
	height: auto !important;
	font-size: 1.1rem;
	text-transform: uppercase;
	color: #999;
}

.ui-supervisor {
	z-index: 99999999;
	width: 290px !important;
}

.noscroll {
	overflow: hidden;
}

.title1 { border-bottom: 4px solid #CFCFCF; padding-top: 5px; padding-bottom: 10px; vertical-align: middle; }

.mail-sending-data {
	margin-top: 20px;
}

.mail-sending-data dl dd {
	margin-bottom: 10px
}

/***********/
/* LOGIN */
/***********/

#cablogin {
	width:960px;
	height:185px;
}

#cabloginizq{
	width:380px;
}
#cabloginizq p{
	padding-top:120px;
	font-size: 1.4em;
}
#cabloginmed{
	width:200px;
}
#cabloginder{
	width:380px;
}
#cabloginder p{
	padding-top:100px;
	font-size: 0.9em;
}
#cabloginder p span{
	font-size: 2.8em;
}
#cabloginmed img{
	padding-top: 10px;
}

.usuarioIdent p{
	color:white;
	font-size: 0.8em;
	padding-top:50px;
	padding-bottom:30px;
	margin-left:-20px;
}


#frm_cli_ident_enviar{
	background: url("../img/interfaz/fondosubmit.png") no-repeat;
	width:263px;
	height: 47px;
	color:white;
	font-size: 1.2em;
	cursor: pointer;
	*margin-left:-20px;
	margin-left:-20px \0/;
}

#frm_cli_ident_usuario, #frm_cli_ident_clave{
	background: url("../img/interfaz/fondoinput.png") no-repeat;
	color:white;
	width:263px;
	height: 41px;
	padding-left:20px;
	*padding-top:10px;

}
/*hack ie8*/
@media \0screen {
  #frm_cli_ident_usuario, #frm_cli_ident_clave{padding-top:10px;}
}

.dstbCentroBloque {
	padding-left:20px;
}

.usuarioIdent .olvido{
	padding-top:20px;
}
.olvido a{
	color:white;
	text-decoration: underline;
}

.dstbCentroBloque{
	position:relative;
}

#avisoseguridad{
	position:absolute;
	color:white;
	font-size: 0.7em;
	top:100px;
	right:130px;
}


/***********/
/* INDEX PRIVADO*/
/***********/
.body_cliente_iteration1 { background-image: none; }
.body_cliente_iteration1 #subcabecerapriv { display: none; }

#encuestaopciones{
    background-color: transparent; color: #003B81; padding: 2px 10px; width: auto;
    border: none; border-bottom: 1px solid #BBBBBB; font-size: 120%; }

#cabecerapriv{ height:150px; }
.cab_priv_izq, .cab_priv_med, .cab_priv_der{ float:left; margin-top: 10px; }
.cab_priv_izq{
	width:160px;
}
.cab_priv_med{
	min-width:360px;
}
.cab_priv_der{
	padding-left: 50px;
	width:260px;
	margin-left: 10px;
}
.cab_priv_med h1{
	font-size: 1.1em;
	font-weight: normal;
	color:#656565;
}
.cab_priv_med p{
	padding-top: 20px;
	font-size: 0.8em;
	line-height: 16px;
}
.cab_priv_med p span{
	color:#003B81;
	font-weight: bold;
}
.cab_priv_med p a{
	text-decoration: underline;
}
.cab_priv_der p{
	font-size: 0.9em;
}
.cab_priv_der p span{
	font-size: 2.8em;
}
#subcabecerapriv{ width:960px; height:280px; margin-top: 10px; }
#subcabpriv_img{
	/*width:368px;*/
	/*height: 247px;*/
	/*background: url("../img/interfaz/base_imagenes.png") no-repeat;*/
	/*margin-top: 6px;*/
	text-align: center;
	/*padding-top:18px;*/
	float:left; margin-top: 3px; padding: 7px; background-color: white; border: 1px solid #EEE; box-shadow: 0 0 9px #aaa;
}
#subcabpriv_txt{
	float:right;
	width:583px;
	height:257px;
	background: url("../img/interfaz/bienvenidos_header.png") no-repeat center center;
}
#subcabpriv_txt p{
	color:white;
	font-size:0.7em;
	/*height:257px;*/
	width:250px;
	padding-left:70px;
}

.textocab{
	height:257px;
}
.textocab td{
	height:257px;
	vertical-align: middle;
}


#columnader{
	padding-left: 10px;
	width:335px;
	float:left;
}

.form-image { padding: 2px 0; }
.form-image img { max-height: 60px; width: auto; }
.form-description .zend_form .description { font-size: small; font-style: italic; }
.form-description .zend_form .description:before {
	content: "\f05a"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;
	padding-right: 5px; color:#003B81; }

#formFiltros dt label{
	color:#003B81;
	font-size: 0.9em;
	font-weight: bold;
	margin-top:15px;
	margin-bottom: 7px;
	display:block;
}

#formFiltros #formFiltros_oleadas-element label{
	color:gray;
	font-weight: normal;
}

#formFiltros select option{
	color:gray;
	font-size: 14px;
	padding: 0 10px 0 10px;
	width: 200px;
}
#formFiltros select{
	color: gray;
	font-size: 14px;
	border: 1px solid #E9E9E9;
	width: 90%;
}

#formFiltros #formFiltros_oleadas-element label input{
	margin-right:10px;
}

.boton_menu{
	margin-top:10px;
	margin-left:-7px;
	background: url("../img/interfaz/boton_menu.jpg") no-repeat center center;
	height: 44px;
	width: 170px;
	font-size: 0.7em;
	font-weight: bold;
	color:white;
	cursor: pointer;
}

#formFiltros_enviar2{
	/*margin-top:5px;*/
    margin-top:5px;
}

#pie_menu_der{
	width:160px;
	margin-top:30px;
	border-top: 1px solid #BABABA;
	padding-top: 10px;
	padding-bottom: 30px;
}


.sinresultados{
	color: #003B81;
	font-size: 1.2em;
	padding-top:50px;
	text-align: center;
}

/****************** listado ****************************************************/

.listado_tabla{
	font-size: 0.7em;
	color: #3E3E3E;
	overflow: scroll;
	clear: both;
}

.listado_tabla th{
	text-align:left;
	padding-top:5px;
	background: url("../img/interfaz/flecha_abajo_header.png") no-repeat left center;
	padding-left:10px;
	cursor:pointer;
}

.listado_tabla tr td{
	padding-right:10px;
	height:20px;
	padding-top:10px;
	padding-bottom: 10px;
	*border-bottom:1px solid #CFCFCF;
}
.listado_tabla tr{
	height:20px;
	border-bottom: 1px solid #CFCFCF;
}
.listado_tabla .listado_titulos{
	color: #003B81;
	font-weight: bold;
	border-bottom: 4px solid #CFCFCF;

}
.listado_tabla .listado_titulos td{
	height: 20px;
}

.listado_tabla .odd{
	background-color:#E9E9E9;
}
.listado_tabla .even{
	background-color:white;
}

/************************ resumen ************************************/
.botgris_izq{
	/**display: inline-block;/**/ background: url("../img/interfaz/titular_izquierda.jpg") no-repeat center center; width:38px; height:36px; }
.botgris_med{
    /**display: inline-block;/**/ background: url("../img/interfaz/titular_centro.jpg") repeat-x center center; height:36px; color:white;
	font-size:0.8em; font-weight:bold; padding-left:10px; padding-right:10px; line-height: 36px; }
.botgris_der{
    /**display: inline-block;/**/ background: url("../img/interfaz/titular_derecha.jpg") no-repeat center center; width:10px; height:36px; }
.volver_boton{
	background: url("../img/interfaz/boton_volver.jpg") no-repeat center center;
	width:89px;
	height:25px;
	font-size:0.7em;
	font-weight:bold;
	text-align: center;
	line-height: 25px;
	margin-left:10px;
	margin-top:5px;
}
.cancelar_boton{
	background: url("../img/interfaz/boton_cancelar.jpg") no-repeat center center;
	width:89px;
	height:25px;
	font-size:0.7em;
	font-weight:bold;
	text-align: center;
	line-height: 25px;
	margin-left:10px;
	margin-top:5px;
}
.inst_boton{
	background: url("../img/interfaz/boton_instrucciones.jpg") no-repeat center center;
	width:80px;
	height:25px;
	font-size:0.7em;
	font-weight:bold;
	text-align: center;
	line-height: 25px;
	margin-left:10px;
	margin-top:5px;
}
.rell_boton{
	background: url("../img/interfaz/boton_volver.jpg") no-repeat center center;
	width:89px;
	height:25px;
	font-size:0.8em;
	font-weight:bold;
	text-align: center;
	line-height: 25px;
	margin-left:10px;
	margin-top:5px;
}
.volver_boton a, .cancelar_boton a{
	width:89px;
	height:25px;
	color:white;
	display:block;
}
.inst_boton a{
	width:80px;
	height:25px;
	color:white;
	display:block;
}
.rell_boton a{
	width:89px;
	height:25px;
	color:white;
	display:block;
}
.resumen_subtitulo{
	color:black;
	font-size: 0.7em;
	font-weight: bold;
	padding-top:15px;
	padding-bottom:15px;
	line-height: 1.2em;
	float: right;
}

.filtrosresumen{
	height:36px;
	line-height: 36px;
	padding-left: 20px;
	font-size: 0.8em;
}

.amcharts-chart-div > a { display: none !important; }
/******************************** enviar resumen *************************************/

.listado_tabla_er {
    clear: both;
    color: #3E3E3E;
    font-size: 0.7em;
    overflow: scroll;
	 width:450px;
}
.listado_tabla_er tr td{
	padding-right:10px;
	height:20px;
	padding-top:10px;
	padding-bottom: 10px;
	*border-bottom:1px solid #CFCFCF;
}
.listado_tabla_er tr{
	height:20px;
	border-bottom: 1px solid #CFCFCF;
}
.listado_tabla_er .listado_titulos{
	color: #003B81;
	font-weight: bold;
	border-bottom: 4px solid #CFCFCF;

}
.listado_tabla_er .listado_titulos td{
	height: 20px;
}
.listado_tabla_er .checkmini{
	width:20px;
}

.listado_tabla_er .tit_tab{
	font-weight:bold;
	font-size: 1.1em;
	color: #003B81;
}


/********************************** encuesta *****************************************/

.enc_titular{
	color: #003B81;
	font-weight:bold;
	font-size: 0.8em;
	border-bottom: 4px solid #CFCFCF;
	padding-top:5px;
	padding-bottom: 10px;
	vertical-align: middle;
}
.encuesta-element-title { padding-bottom: 4px; border-bottom: 4px solid #CFCFCF; color: #003B81; }

.enc_tabla_1{ margin-top:5px; padding-top: 10px; color:black; float:left; width: 31%; font-size: 0.9em; margin-right:20px; }
.enc_tabla_1 tr{
	height: 25px;
	border-bottom: 1px solid #CFCFCF;

}
.enc_tabla_1 td{
	padding-top: 10px;
	padding-bottom: 10px;
	*border-bottom:1px solid #CFCFCF;
}
.enc_tabla_1 span{
	font-weight: bold;
	padding-left:5px;
	padding-right:5px;
}
.enc_tabla_2{
	width: 100%;
}


.campo_num_enc{
	width:31px;height:31px;
	background: url("../img/interfaz/campo_num_enc.jpg") no-repeat center center;
	position:absolute;
	top:-30px;
	left:-20px;
	padding-top: 20px;
	padding-left: 25px;
}
.campo_num_enc2{
	width:31px;height:31px;
	background: url("../img/interfaz/campo_num_enc.jpg") no-repeat center center;
	position:absolute;
	top:-30px;
	left:-20px;
	padding-top: 20px;
	padding-left: 20px;
}

.enc_3{
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #CFCFCF;
	color:black;
	font-size: 0.7em;
}
.enc_3_izq{
	float:left;
	width: 270px;
	padding-left:30px;
}
.enc_3_izq p{
	padding-bottom:20px;
}

.campo_num_enc3{
	width:31px;height:31px;
	background: url("../img/interfaz/campo_num_enc.jpg") no-repeat center center;
	position:absolute;
	top:-20px;
	right:-40px;
	padding-top: 20px;
	padding-left: 20px;
}

.enc_3_med{
	float:left;
	width: 300px;
	padding-left:100px;
}
.enc_3_med ul li{
	height: 25px;
}
.enc_3_med ul li input{
	display:block;
	float:left;
	margin-top:-2px;
	margin-right: 10px;
}

.enc_3_der{
	float:right;
	width: 150px;
	padding-left:30px;
	font-weight: bold;
	font-size: 0.9em;
}
.enc_3_der p{
	text-align: justify;
	padding-bottom:20px;
}
/*
.vistacliente .ddWrapper{
	color: #003B81;
	font-weight:bold;
	font-size: 0.9em;
	border-bottom: 4px solid #CFCFCF;
	padding-top:5px;
	padding-bottom: 10px;
	vertical-align: middle;
}
.vistacliente #formEvaluacion .optional{
	float:none;
}
.vistacliente #formEvaluacion dd{.bodyadmin #formEvaluacion input

}
*/

.vistacliente .valorhtml{
	border: 1px solid #C6C6C6;
	/*height: 23px;*/
   line-height: 25px;
   margin-bottom: 10px;
   margin-top: 6px;
	/*width: 50px;*/
	padding: 0 10px;
	color:black;
	font-size: 0.9em;
	display: inline-block;
	/*text-align:center;*/
}


.vistacliente .tit_bloque {
    border-bottom: 4px solid #CFCFCF;
    color: #003B81;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 5px;
    padding-bottom: 10px;
    padding-top: 30px;
    text-transform: uppercase;
    vertical-align: middle;
	 clear: both;
}

.vistacliente #formEvaluacion .textarea_comp{
	text-align:left;
	padding:10px;
	height: 100%;
}

.vistacliente .inputText{
	width: 420px;
	text-align: left;
	border:none;
	/**** para igualar el altura a los campos con borde*/
	padding:1px 0 1px 10px;
	text-transform:uppercase;
}

.vistacliente .vctextarea{
	width: 420px;
	/*height: 100px;*/
	/*height:100%;*/
	border:none;
	text-align: left;
	line-height:15px;
	padding:1px 0 1px 10px;
	text-transform:uppercase;
}
.vistacliente .vccomentario{
	width: 800px;
	/*height: 100px;*/
	/*min-height:200px;*/
	margin-top:10px;
	text-align: left;
	line-height:15px;
	padding:1px 0 1px 10px;
	border:none;
	text-transform:uppercase;
}

.vistacliente .vctextareag{
	width: 420px;
	/*height:100%;*/
	height:200px;
	border:none;
	text-align: left;
	line-height:15px;
	padding:1px 0 1px 10px;
}

.vctextareag{
	text-transform:uppercase;
}

.vistacliente fieldset{
	margin-bottom:20px;
}

.vistacliente #formEvaluacion .labeltextarea{
	height: 100px;
}
.vistacliente #formEvaluacion .labelcomentario{
	height: 30px;
}

.vistacliente #formEvaluacion .labeltextareag{
	height: 200px;
}

.vistacliente .description{
	font-size: 0.7em;
   font-weight: bold;
	display:inline;
	color:black;
}

.vistacliente fieldset{
	position:relative;
}
.vistacliente fieldset .hint{
	position:absolute;
	top:10px;
	right:20px;
	font-size: 0.7em;
    font-weight: bold;
	color:black;
}

.botonreset{
	background: url("../img/interfaz/boton_reset.jpg") no-repeat center center;
	width: 116px;
	height:30px;
	text-align: center;
	line-height: 30px;
	color:gray;
	font-size:0.7em;
	cursor: pointer;
}

#textoemail{
    clear: both;
}

.vistacliente .vcvalores{
	margin-bottom:20px;
	width: 420px;
	/*height: 100px;*/
	/*height:100%;*/
	border:none;
	text-align: left;
	line-height:15px;
	padding:1px 0 1px 10px;
}

#bot_env_resumen{
	position:absolute;
	right:20px;
	bottom:125px;
	background: url("../img/interfaz/boton_menu_170.jpg") no-repeat scroll center center transparent;
    color: white;
    cursor: pointer;
    font-size: 0.7em;
    font-weight: bold;
    height: 44px;
    margin-left: -7px;
    margin-top: 5px;
    width: 170px;
}

#bot_resumen_ole{
	/*position:absolute;*/
	/*left:162px;*/
	/*top:409px;*/
	background: url("../img/interfaz/boton_menu.jpg") no-repeat scroll center center transparent;
    color: white;
    cursor: pointer;
    font-size: 0.7em;
    font-weight: bold;
    height: 44px;
    margin-left: -7px;
    margin-top: 5px;
    width: 170px;

}
#bot_informe_ole{
    /*position:absolute;*/
    /*left:162px;*/
    /*top:409px;*/
    background: url("../img/interfaz/boton_menu.jpg") no-repeat scroll center center transparent;
    color: white;
    cursor: pointer;
    font-size: 0.7em;
    font-weight: bold;
    height: 44px;
    margin-left: -7px;
    margin-top: 10px;
    width: 170px;
}
#bot_env_informe{
	position:absolute;
	right:20px;
	bottom:175px;
	background: url("../img/interfaz/boton_menu.jpg") no-repeat scroll center center transparent;
    color: white;
    cursor: pointer;
    font-size: 0.7em;
    font-weight: bold;
    height: 44px;
    margin-left: -7px;
    margin-top: 10px;
    width: 170px;
}

/**********************
ADMINISTRACION
***********************/

.oculta { display: none; }

#cuerpoadmin{
	/*margin-top:20px;*/
}

#cuerpoadmin div{
	/*margin-top:20px;*/
}

#cuerpoadmin div ul li{
	font-size: 0.9em;
	padding-top:5px;
}

/************** diseño encuesta ******************************************/

.formRadioTablaLabel { padding-left: 5px; }
#dis_enc_cabecera{
	font-size: 0.9em;
	color: Black;
	padding: 10px 10px 10px 0px;
}

#dis_enc_cuerpo,
#customer-container {
	font-size: 0.9em;
	color: gray;
	margin-top:10px;
}

#dis_enc_cuerpo input.inputText,
#customer-container input.inputText
{
	border: 1px solid #B7B7B7;
}

#dis_enc_cuerpo textarea,
#customer-container textarea {
	border: 1px solid #B7B7B7;
	height:50px;
	font-family: Arial, Helvetica, sans-serif;
}

#formEncuesta_bloque{
	background-color: #F27F24;
	color: white;
	cursor: pointer;
	padding: 5px;
	float: left;
	width: 200px;
	margin-bottom: 10px;
	margin-top: 5px;
}

#formInforme_bloque{
	background-color: #F27F24;
	color: white;
	cursor: pointer;
	padding:5px;
	float:left;
	width:80px;
	margin-bottom:10px;
	display:block;
}

#bloqueelim-label, #bloquetexto-label, #contenedorBloque-label, #contenedorPregunta-label, #preguntaelim-label, #contenedorCabecera-label, #bloque-label, #cabeceraelim-label{
	width:0px;
	float:left;
}

#bloque-element{
	clear: both;
}

.elim_bloque{
	background-color: #C40000; /*color: #A11800;*/
	color: white;
	cursor: pointer;
	padding: 5px;
	float: left;
	width: 200px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#formInforme .elim_bloque{
	background-color: #C40000; /*color: #A11800;*/
	color: white;
	cursor: pointer;
	padding: 5px;
	float:left;
	width:80px;
	margin-left:10px;
	margin-bottom:10px;
}

#formInforme .tit_bloque_inf{
	background-color: #F27F24;
	color: white;
	cursor: pointer;
	padding: 5px;
	float:left;
	width:80px;
	margin-right:10px;
	margin-bottom:10px;
}

#tit_bloque_inf_nocompra{
	background-color: #eee;
	color: black;
	cursor: pointer;
	padding: 15px;
	/*float:left;
	width:80px;*/
	margin-right:10px;
	margin-bottom:10px;
	line-height:16px;
	font-size:0.8em;
}

#contenedorBloque-element,#contenedorCabecera-element{
	clear:both;
}

#dis_enc_cuerpo fieldset{
	border: 1px solid #DEDEDE;
	padding: 20px;
	padding-bottom: 50px;
	padding-left: 50px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
	position: relative;
	background-color: #FCFCFC;
	box-shadow: 0 0 2px #BBB;
}

#dis_enc_cuerpo fieldset fieldset{
	background-color: #F7F9FC;
}

.pregunta_boton{
	background-color: #F27F24;
	color: white;
	cursor: pointer;
	padding:5px;
	float:left;
	width:200px;
	margin-bottom:10px;
}

.pregunta_boton_elim{
	background-color: #C40000; /*color: #A11800;*/
	color: white;
	cursor: pointer;
	padding: 5px;
	float:left;
	width:200px;
	margin-left:10px;
	margin-bottom:10px;
}

#formInforme .pregunta_boton, #formInforme .pregunta_boton_elim{
	width:80px;
}
#formInforme .pregunta_boton_elim{
	 background: url("img/interfaz/iconos/okclosemini.png") no-repeat scroll center center transparent;
    color: black;
    height: 16px;
    margin-top: 15px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 16px;
}
#formInforme .bloque_boton_new{
	 background: url("img/interfaz/iconos/okaddmini.png") no-repeat scroll center center transparent;
    bottom: 10px;
    color: black;
    cursor: pointer;
    height: 16px;
    margin-top: 15px;
    position: absolute;
    right: 10px;
    width: 16px;
}
#formInforme .pregunta_boton_new{
	 background: url("img/interfaz/iconos/okaddmini.png") no-repeat scroll center center transparent;
    bottom: 10px;
    color: black;
    cursor: pointer;
    height: 16px;
    margin-top: 15px;
    position: absolute;
    right: 10px;
    width: 16px;
}

#formInforme .boton_menu{
	clear:both;
	float:left;
	margin-top:0px;
	margin-bottom:10px;
}

#contenedorPregunta-element{
	clear:both;
}

#contenedorPregunta-element .zend_form{  /*corresponde a los bloques de preguntas*/
	margin-bottom:10px;
}

#dis_enc_cuerpo select{
	border: 1px solid #B7B7B7;
	background-color: #EDEDED;
}

#formEncuesta_cabecera{
	background-color: #F27F24;
	color: white;
	cursor: pointer;
	padding: 5px;
	width: 200px;
	margin-bottom: 10px;
	margin-top: 5px;
	float: left;
}

#formEncuesta_cabeceraelim{
	background-color: #C40000; /*color: #A11800;*/
	color: white;
	cursor: pointer;
	padding: 5px;
	float:left;
	width:200px;
	margin-left:10px;
	margin-bottom:10px;
}


.cabecera_boton_elim {
	  background-color: #C40000;
    color: white;
    cursor: pointer;
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 5px;
    width: 32px;
	 height:32px;
	 background-color: none;
	position:absolute;
	right:10px;
	top:10px;
	background: url("../img/interfaz/iconos/okclose.png") no-repeat center center;
}

.cabecera_boton_new {
	 background-color: #C40000;
    color: white;
    cursor: pointer;
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
    padding: 5px;
    width: 32px;
	 height:32px;
	 background-color: none;
	position:absolute;
	right:10px;
	bottom:5px;
	background: url("../img/interfaz/iconos/okadd.png") no-repeat center center;
}

.up-cab {
    cursor: pointer;
    padding: 5px;
    width: 32px;
    height:32px;
    position:absolute;
    right:40px;
    top:10px;
    background: url("../img/interfaz/iconos/arrowUp.png") no-repeat center center;
}

.down-cab {
    cursor: pointer;
    padding: 5px;
    width: 32px;
    height:32px;
    position:absolute;
    right:40px;
    bottom:15px;
    background: url("../img/interfaz/iconos/arrowDown.png") no-repeat center center;
}

#formEncuesta_contenedorCabecera, #formEncuesta_contenedorBloque {
	clear: both;
}

#formEncuesta dt{ float:left; width:20%; padding: 0 0 0 0; }

#formEncuesta #cabecera-label, #formEncuesta #cabeceraelim-label, #formEncuesta #bloqueelim-label, #formEncuesta #bloque-label,
#formEncuesta #pregunta-label, #formEncuesta #preguntaelim-label{
	display:none;
}

#formEncuesta .inputText{
	background-color: #EDEDED;
    padding: 2px;
    width: 500px;
}

#formEncuesta .inputTextPrice {
	width: 50px;
}

#formEncuesta textarea{
	background-color: #EDEDED;
    padding: 2px;
    width: 500px;
}

#formEncuesta dd{ margin-bottom: 5px; }
#formEncuesta dd:after { clear: both; }

#formEncuesta #formEncuesta_cabecera-element{
	margin-top:15px;
}


#formEncuesta .pregunta_boton{
	margin-top:15px;
}
#formEncuesta .pregunta_boton_elim{
	margin-top:15px;
	/*background: url("../img/interfaz/close.png") no-repeat center center;*/
	height:32px;
	width:32px;
	background-color: none;
	position:absolute;
	right:10px;
	top:0px;
	color:black;
	background: url("../img/interfaz/iconos/okclose.png") no-repeat center center;
}

#formEncuesta .bloque_boton_new{
	margin-top:15px;
	/*background: url(img/interfaz/close.png) no-repeat center center;*/
	height:32px;
	width:32px;
	background-color: none;
	position:absolute;
	right:10px;
	bottom:10px;
	color:black;
	background: url("../img/interfaz/iconos/okadd.png") no-repeat center center;
	cursor:pointer;
}

#formEncuesta .up-bloque{
    margin-top:15px;
    /*background: url("../img/interfaz/close.png") no-repeat center center;*/
    height:32px;
    width:32px;
    background-color: none;
    position:absolute;
    right:40px;
    top: 0px;
    color:black;
    background: url("../img/interfaz/iconos/arrowUp.png") no-repeat center center;
    cursor:pointer;
}

#formEncuesta .down-bloque{
    margin-top:15px;
    /*background: url("../img/interfaz/close.png)" no-repeat center center;*/
    height:32px;
    width:32px;
    background-color: none;
    position:absolute;
    right:40px;
    bottom:10px;
    color:black;
    background: url("../img/interfaz/iconos/arrowDown.png") no-repeat center center;
    cursor:pointer;
}

#formEncuesta .pregunta_boton_new{
	margin-top:15px;
	/*background: url("../img/interfaz/close.png") no-repeat center center;*/
	height:32px;
	width:32px;
	background-color: none;
	position:absolute;
	right:10px;
	bottom:10px;
	color:black;
	background: url("../img/interfaz/iconos/okadd.png") no-repeat center center;
	cursor:pointer;
}

#formEncuesta .down-pregunta{
    margin-top:15px;
    height:32px;
    width:32px;
    background-color: none;
    position:absolute;
    right:50px;
    bottom:10px;
    color:black;
    background: url("../img/interfaz/iconos/arrowDown.png") no-repeat center center;
    cursor:pointer;
}

.esconder-pregunta{display: none;}

#formEncuesta .esconder-pregunta,.esconder-bloque{
    margin-top:15px;
    height:20px;
    width:20px;
    background-color: none;
    position:absolute;
    left:10px;
    top:-7px;
    color:black;
    background: url("../img/interfaz/iconos/plegadoencuesta.png") no-repeat;
    background-position: 0px -31px;
    cursor:pointer;
    border: 2px solid #fb8e3f;
}



#formEncuesta .up-pregunta{
    margin-top:15px;
    /*background: url("../img/interfaz/close.png") no-repeat center center;*/
    height:32px;
    width:32px;
    background-color: none;
    position:absolute;
    right:50px;
    top:0px;
    color:black;
    background: url("../img/interfaz/iconos/arrowUp.png") no-repeat center center;
    cursor: pointer;
}

#formEncuesta dd label {
    display: block;
    float: left;
    width: 150px;
}

#formEncuesta .description{
	display:block;
	font-size: 0.8em;
	padding-left: 190px !important;
	margin-bottom: 10px;
}

.lista_encuestas li{
	border-bottom: 1px solid #DFE2E6;
	padding: 7px;
	font-size: 0.9em;
	color: #003B81;
}

.lista_encuestas li span{
	float:right;
}

.barrainfblanca{
	background-color: white;
	background-color: rgba(255,255,255,0.8);
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	height:60px;
	box-shadow:0 0 8px #FFF;
}
.barrainfblanca div{
	margin:0px auto;

}

.boton_menu_novisible{
	display:none;
}

.boton_enc{
	margin-top:10px;
	margin-left:-7px;
	background: url("../img/interfaz/boton_enc.png") no-repeat center center;
	height: 44px;
	width: 170px;
	font-size: 0.7em;
	font-weight: bold;
	color:white;
	cursor: pointer;
}

/*
legend{
	display:none;
}*/


/************************** dise�o del informe ********************/

.esquemabloque{
	font-weight: bold;
	padding: 5px 5px;
}
.esquemapregb{
	padding: 2px;
	padding-left:10px;
	font-size: 0.8em;
}

#dis_enc_cuerpo .informeadmin fieldset {
	 background-color: white;
    border: none;
	 padding-bottom:15px;
	 padding-left:20px;
}
#dis_enc_cuerpo .informeadmin fieldset legend{
	padding-top: 5px;
}

#dis_enc_cuerpo .informeadmin input {
   width:220px;
}

.informeadmin #botonclonarinform{
	position:relative;
	width:300px;
}
.informeadmin #botonclonarinform img{
	position:absolute;
	right:30px;
	top:20px;
}
.selectgris{

background-color: #EDEDED;
color: #003B81;
padding: 2px 0px 2px 2px;
border: 1px solid gray;

}

/**********************/

/************************************************************ ADMINISTRAR ****/

/********************/

#cabeceraadmin{
	height: 120px;
}
#cabeceraadmin .logo{
	padding-top:12px;
	padding-bottom:10px;
}

#bienvenidaadmin{
	float:left;padding-left:20px;
	font-size: 0.9em;
   padding-top: 60px;
}


#enlaces_general{
	position:absolute;
	right:0px;
	top:10px;
	width: 400px;
	font-size:0.7em;
}
#enlaces_general a{
	padding-left: 20px;
	display:block;
	float:right;
}

#enlaces_general .activo_e_g, #enlaces_general a:hover{
	color: #F38025;
}

#menuadmin{ clear:both; /**margin-top:5px; background: url(img/interfaz/fondomenu.png) repeat-x;/**/ background-color: #5f77ad; height:35px; line-height: 35px; }

#menuadmin .centrado a, #menuadmin .centrado1280 a{
	 border-right: 1px solid white; color: white; display: block; float: left; height: 35px; padding-left: 10px; padding-right: 10px;
}

#menuadmin .centrado a:first-child, #menuadmin .centrado1280 a:first-child { border-left: 1px solid white; }

#menuadmin .centrado a:hover, #menuadmin .centrado1280 a:hover{
	background-color: #F38025;
}

#menuadmin .centrado .lastmenuadmin, #menuadmin .centrado1280 .lastmenuadmin{
	border-right: none;
}

#cuerpoadmin tr td{
    margin-top: 5px; padding: 4px 0; font-size: 0.8em; color: #444444; border-bottom: 1px solid #DFE2E6;
    /*height:15px;*/ vertical-align: middle; }

#cuerpoadmin .portadaadmin tr td {
	line-height: 15px;
	vertical-align: middle;
	height: 20px;
}

#cuerpoadmin tr:hover {
    background-color: #aed3ff;
}

#cuerpoadmin tr:hover td {
    color: #222;
}
#cuerpoadmin tr a:hover {
    color: #fff;
}


#clienteoleada{
	padding-top:60px;
	margin-left: 30px;
	float:left;
}

#vistaclienteoleada, #vistaclienteseccion, #vistaclienteanyo, #vistaclientezona{
	padding-top:10px;
	margin-left: 0px;
	float:left;
}

#clienteoleada select, #vistaclienteoleada select, #vistaclienteseccion select, #vistaclienteanyo select, #vistaclientezona select{
	background-color: #EDEDED;
	padding: 5px;
	color: #003B81;
	width:170px;
}
.boton_cliente_oleada{
	cursor: pointer;
	color:white;
	font-weight:bold;
	text-align: center;
	line-height: 25px;
	width:89px;
	height:25px;
	background: url("../img/interfaz/boton_volver.jpg") no-repeat;
}

#selectcancelar{
	font-size: 0.8em;
	margin-left: 20px;
	padding: 2px;
	margin-top:7px;
}

.cambiarestado{
	background-color: #EDEDED;
   color: #003B81;
   padding: 5px;
   width: 200px;
}

.tracking-flags-container {
	vertical-align: top;
	padding-top: 6px;
}
.tracking-flags {
	display: inline-block;
}
.tracking-flags a{
	padding: 3px 6px;
	display:block;
}

.tracking-flags-selected a{
	border: 2px solid #ffb14b;
	margin-top: 6px;
	margin-left: 6px;
	border-radius: 50%;
	background-color: #ffe3bd;
	box-shadow: 2px 2px 2px #ccc;
}

.portadaadmin .checkev, .portadaadmin .checkev1, .portadaadmin .checkev2, .portadaadmin .checkev3, .portadaadmin .checkev4{
	float:left;
}
.checkall{ margin-right:12px; }
.checkall-block { display: inline-block; min-width: 20px; }
.pormarcar{ /*position:absolute; right:120px;*/ float: right; /*margin-right: 30px;*/ font-size: 0.8em; }
.pormarcar .btn-default { margin-left: 30px; }

.perfil_ev{
	float:right;
}

.form-vrt-overlay { margin: 0 40px; }
.form-vrt-overlay dt { text-align: left; }
.form-vrt-overlay dd { margin-bottom: 5px; }

.delimg { background: transparent url("../img/interfaz/cancel.png") no-repeat left top; display: inline-block; width: 16px; height: 16px; cursor: pointer; }
.qq-upload-remove-file { margin-left: 15px; }

/*********************************revisar **********************************/
#comentariorevisor{
	border:1px solid gray;
}

/******EVALUADOR***********************************************************************************************/
.franjagris{ padding-top: 5px; padding-bottom: 5px; background-color: #E5E5E5; border-top: 1px dotted #AAAAAA; }
.franjagriscont{ line-height: 40px; color: #0F377D; position:relative; }

.subtotalev{ float:right; margin-right: 20px; font-size:0.8em; text-transform: none; }
.franjatop{
	text-align:right;
	color: #0F377D;
	font-size:0.8em;
	font-weight:bold;
	height:18px;
	line-height: 18px;
}


#cabeceraeval{
	height: 120px;
	left:50%;
	margin-left: -480px;
   position: fixed;
	background-color: white;
	z-index: 1000;
}

.cabecerafija{
	background-color: white;
   position: fixed;
   z-index: 1000;
	width:960px;
}

#bienvenidaeval{
	float:left;padding-left:50px;
	font-size: 0.8em;
   padding-top: 20px;
}

#cabeceraeval .logo{
	padding-top:12px;
	padding-bottom:10px;
}

#menueval{
	clear:both;
	padding:5px 0 5px 0;
}


#cuerpoevaluador div{
	margin-top:0px;
}

#cuerpoevaluador tr td{
	margin-top: 5px;
	font-size: 0.8em;
	color: #8F8F8F;
	border-bottom: 1px solid #B1B1B1;
	height:35px;
	line-height:35px;
}

#formEvaluacion .campo_cabecera{
	color:black;
	font-size: 1.1em;
	border:1px solid gray;
	width: 52%;
	padding: 5px;
	margin-bottom:10px;
	margin-top: 5px;
    clear:both;
	display: block !important;
	/**height:20px;/**/
	line-height: 16px !important;
	page-break-inside: avoid;
}
#formEvaluacion .camp_cabecera_textarea{
	height:160px;
	min-height:70px;
}

.tit_bloque{
	 border-bottom: 4px solid #CFCFCF;
    color: #003B81;
    font-size: 1em;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 5px;
    vertical-align: middle;
	 margin-bottom: 5px;
	 text-transform: uppercase;
}
.subtit_bloque{
	 color: black;
    font-size: 0.7em;
    font-weight: bold;
}

#formEvaluacion .textarea_comp{
	height:200px;
	width:900px;
}

#formEvaluacion legend{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight:bold;
}

#formEvaluacion .optional{
	float: left;
	color: black;
	font-size: 0.7em;
	font-weight: bold;
	height: 30px;
	/*line-height: 30px;*/
	border-bottom: 1px solid #C6C6C6;
	padding-top:10px;
}

#formEvaluacion .titulo_cabecera{
	color:black;
	font-size: 0.7em;
	font-weight:bold;
	border-bottom: none;
	height:15px;
}
#formEvaluacion dl div { }
#formEvaluacion dl dt label{
	width:500px;
}
#formEvaluacion fieldset dl dt label{
	width:430px;
}

#formEvaluacion fieldset input{
	width:430px;
}
#formEvaluacion fieldset textarea{
	width:430px;
}

#formEvaluacion input{
	border: 1px solid #C6C6C6;
	/*height: 23px;*/
   /*line-height: 30px;*/
   margin-bottom: 17px;
   margin-top: 3px;
	width: 445px;
	color:black;
	font-size: 0.7em;
	padding-left: 5px;
}

#formEvaluacion select{ margin-bottom:1px; border: 1px solid #444444; text-align: center; font-size:1em; padding:3px; /**height:20px;**/ }
* {
	margin: 0;
	padding: 0;
	border: none;
}

span.dynatree-connector {
	background-position: -16px -62px;
}
span.dynatree-checkbox {
	margin-left: 3px;
	background-position: 0px -30px;
}
span.dynatree-checkbox:hover {
	background-position: -16px -30px;
}
.dynatree-selected span.dynatree-checkbox {
	background-position: -32px -30px;
}
.dynatree-selected span.dynatree-checkbox:hover {
	background-position: -48px -30px;
}
span.dynatree-icon {
	margin-left: 3px;
	background-position: 0px 2px;
}
.dynatree-ico-cf span.dynatree-icon {
	background-position: 0px -14px;
}
.dynatree-ico-ef span.dynatree-icon {
	background-position: -64px -14px;
}
.dynatree-partsel span.dynatree-checkbox {

	background-position: -64px -30px;

}

/*svg text:last-child{display:none;}*/
path{cursor:pointer}

html { font-family: Arial, Verdana, Helvetica, sans-serif; /*color: #333;*/ width:100%; height:100%; color:gray; font-size:16px; }
body{ width:100%; height:100%; background: #FFF url("../img/interfaz/back_azul_privado.jpg") 100px -55px repeat-x; }
body.privado-no-compra-body { background-position: 100px -110px; }

.bodylogin{ background: #FFF url("../img/interfaz/back_azul_home.jpg") 100px 0 repeat-x; }
.bodyadmin{ background-image: none; }

img { border: none; }
a{ text-decoration: none; color: #003B81; }
a:hover{text-decoration:none;color:#999;}
a.inverted { color: #999999; }
a.inverted:hover { color: #003B81; }

rect{cursor:default;}

/* COLORES */
.azul{color:#00CCCB;} .azul2 { color: #0F377D; }
.gris{color:#333}
.negro{color:#000}
.blanco{color:#FFF}
.grissuave{color:#E3E3E3;}
.grismedio{color: #A9A9A9;}
.verde {color: #008000; }
.verdeosc{ color:#008000; }

/* FORMATOS */
.pointer { cursor: pointer; }
.underline { text-decoration: underline; }
.italic { font-style: italic; }
.bold { font-weight:bold; }
.link { color: blue; text-decoration: underline; }
.grande{ font-size:1.4em;}
.mediano{ font-size:0.9em;}
.pequeno{ font-size:0.7em;}
.extrapequeno{ font-size:0.6em;}
.nota{ font-size:0.8em;}
.tachado{text-decoration:line-through;}

/* ALINEACIONES */
.justify { text-align: justify; }
.clear { clear: both; }
.float_left { float: left; }
.float_right { float: right; }
.center { text-align: center; }
.align_right{text-align: right;}
.align_left{text-align: left;}
.centrado_vertical {display: table-cell;vertical-align: middle;}
.display_none{display:none;} .display_block{display:block;} .display-inline-block { display: inline-block; }
.relative{position:relative}
.fixed{position:fixed}
.bottom_15{margin-bottom:15px;}
.bottom_10{margin-bottom:10px;}
.bottom_7{margin-bottom:7px;}
.bottom_5{margin-bottom:5px;}
.top_10{margin-top:10px;}
.absolute{position:absolute;}
.relative{position:relative;}
.oculto{display:none;}
.visible{display:block;}
.subrayado{text-decoration:underline;}
.minusculas { text-transform: lowercase; }
.mayusculas { text-transform: uppercase; }
.capitalizacion { text-transform: capitalize; }

/***********/
/* GENERAL */
/***********/
.centrado{ width:1080px; margin:0px auto; }
.centrado1280{ max-width:1400px; min-width: 1080px; margin:0px auto; }

#contenedor, .contenedor { width:1080px; margin:0px auto; }
#contenedoradmin { }
#contenedor1280 { width:1400px; margin:0px auto; }

.mrg-2 { margin: 2px; }
.mrg-t20 { margin-top: 20px; } .mrg-t5 { margin-top: 5px; } .mrg-t10 { margin-top: 10px; } .mrg-t30 { margin-top: 30px; }
.mrg-r4 { margin-right: 4px; } .mrg-r8 { margin-right: 8px; } .mrg-r15 { margin-right: 15px; } .mrg-r1 { margin-right: 1px; } .mrg-r2 { margin-right: 2px; }
.mrg-l4, .btn .mrg-l4 { margin-left: 4px; } .mrg-l8 { margin-left: 8px; } .mrg-l15 { margin-left: 15px; }
.mrg-b30 { margin-bottom: 30px; } .mrg-b0 { margin-bottom: 0; } .mrg-b5 { margin-bottom: 5px; } .mrg-b10 { margin-bottom: 10px; }
.pdg-15 { padding: 15px; }
.pdg-t10 { padding-top: 10px; }
.pdg-r4 { padding-right: 4px; }
.w-all { width: 100%; } .w-300 { width: 300px; }

.ov-hidden { overflow:hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/***** BoxShadow Effects - @see http://cssdeck.com/labs/different-css3-box-shadows-effects *****/
.sombraCaja1 { -webkit-box-shadow: 0px 0px 15px 3px #333; -moz-box-shadow: 0px 0px 15px 3px #333; box-shadow: 0px 0px 15px 3px #333; }

.effect7 { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
.effect7:before, .effect7:after {
	content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8);
	top:0; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; }
.effect7:after {
	right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -moz-transform:skew(8deg) rotate(3deg);
	-ms-transform:skew(8deg) rotate(3deg); -o-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); }

/******* Bootstrap *******/
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #FCFCFC; }
.table-hover > tbody > tr:hover { background-color: #fff6da; }
.table > tbody > tr.selected { background-color: #dcf2ff !important; }
.table-selectable > tbody > tr:hover { cursor: copy; }
.table-selectable > tbody > tr.selected { cursor: no-drop; }
.table > tfoot > tr > th { border-top-width: 2px; }

.fix-btn-toolbar { display: flex; flex-wrap: wrap;}
.fix-btn-toolbar .navbar-right { margin-right: 0;}
.fix-btn-toolbar .pull-right { margin-top: 5px;}
.fix-btn-toolbar .pull-right .zend_form{ margin: 0;}
.fix-btn-toolbar .contenedor { padding: 8px 0; background-color: white; flex: 1; }
.fix-btn-toolbar.navbar-fixed-top .contenedor { padding: 4px 0; background-color: white; box-shadow: 0px 0px 28px 7px white; }

.label-default-light { background-color: #afb1b1; }

.navbar-top { margin-bottom: 0; height: 42px; background-image: none; background-color: #FAFAFA; min-height: 42px; border: none; border-bottom: 1px solid #DDDDDD; }
.navbar-top .navbar-brand { padding: 6px 15px; height: auto; }
.navbar-top .navbar-nav>li>a, .navbar-top .navbar-nav>li>a:hover { padding: 10px 15px 10px 15px; }
.navbar-top .nav>li>a:hover, .navbar-top .nav>li>a:focus { color: #F45B3B; }

.navbar .divider-vertical { height: 22px; margin: 9px 9px; border-right: 1px solid #ffffff; border-left: 1px solid #f2f2f2; }
.navbar-inverse .divider-vertical { border-right-color: #222222; border-left-color: #111111; }
.navbar-top .user-avatar { padding-right: 5px; }
.navbar-top .user-avatar img { max-height: 20px; width: auto; background-color: white; }
.icon-bar {background-color: #aaa}

@media (max-width: 767px) {
	.navbar-collapse .nav > .divider-vertical { display: none; }
}

.form-bootstrap button.ui-multiselect { width: 100% !important; }
.form-bootstrap button.ui-multiselect-auto-height { white-space: normal !important; }
.form-control-textarea { width: 100%; }

div.dataTables_info { font-size: 90%; font-style: italic; }
div.dataTables_paginate { font-size: 90%; font-style: italic; }
div.dataTables_paginate > .pagination > li > a,
div.dataTables_paginate > .pagination > li > span {
	color: #666;
}
div.dataTables_paginate > .pagination > .active {
	font-weight: bold;
}

.zend_form .errors { padding: 8px; margin-top: 3px; margin-bottom: 10px; border: 1px solid transparent; border-radius: 4px;   background-color: #f2dede; border-color: #eed3d7; color: #b94a48; }

/*********************/
.error {
	background-color: #E5C5C6; padding: 4px; font-size: 0.7em;
	box-shadow: 0 0 5px #333333; -moz-box-shadow: 0 0 5px #333333; -webkit-box-shadow: 0 0 5px #333333;
	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 10000;}
.error em {
	border-color: #E5C5C6 transparent transparent; border-style: solid; border-width: 10px; bottom: -17px; display: block; height: 0;
	left: 10px; position: absolute; width: 0; }
.errorVentana { z-index: 10003; }

.overlay { display:none; position: relative; z-index: 100; overflow: hidden; background: transparent no-repeat center center; border-radius: 10px; }
.overlay .titulo { font-size: 145%; text-transform: uppercase; }

.overlayError { width: 500px; min-height: 195px; z-index: 200; background-color:white;/*background-image: url(../img/comun/pop_up_erroneo.png);*/ left: 50%; margin-left: -250px; }
/*.overlayError .titulo { color: #656565; border-bottom: 1px dotted #BBBBBB; margin: 40px 45px 15px; padding-bottom: 12px; }*/
.overlayError .contenido { padding-left:20px; padding-top:10px; margin: 0 5px 0 5px; height: 140px; overflow-y: auto; line-height: 19px; }
.overlayError .boton { position: absolute; right: 20px; bottom: 18px;/*margin: 0 50px; text-align: right;*/ }
.overlayError .boton .close { color: #EB5C70; }
.overlayError .tit_mod { padding-top:17px; padding-left:180px;font-family: "Arial", sans-serif; font-size:1.6em; color:#003C84;}
.overlayError img { float:left; padding-top:17px; padding-left:17px; }
.overlayError.sombraCaja1 { -webkit-box-shadow: 0px 0px 8px 0px #FF0000; -moz-box-shadow: 0px 0px 8px 0px #FF0000; box-shadow: 0px 0px 8px 0px #FF0000; }


.overlayOk { width: 500px; height: 175px; z-index: 200; background-color:white; /*background-image: url(../img/comun/pop_up_graciasPorSuscribirse.png)*/ left: 50%; margin-left: -250px; }
.overlayOk .titulo,
.overlayError .titulo { color: #656565; margin: 0px 45px 20px 25px; padding-top: 5px; /**width: 400px; /* height: 30px; */ line-height: 21px; }
.overlayOk .cabeceraCtro,
.overlayError .cabeceraCtro { margin-top: 18px; }
.overlayOk .contenido {
	padding-left:20px; padding-top:0px; margin: 0 5px 0 5px; height: 140px; overflow-y: auto; line-height: 19px;  }
.overlayOk .boton { position: absolute; right: 20px; bottom: 18px; }
.overlayOk .boton .close { color: #F45B3B; }
.overlayOk .tit_mod { padding-top: 17px; padding-left: 180px; font-family: "Arial", sans-serif; font-size: 1.6em; color: #003C84; }
.overlayOk img { float:left; padding-top:17px; padding-left:17px; }
.overlayOk.sombraCaja1 { -webkit-box-shadow: 0px 0px 8px 0px #003C84; -moz-box-shadow: 0px 0px 8px 0px #003C84; box-shadow: 0px 0px 8px 0px #003C84; }
.overlayAdmitidas { padding: 15px; width: 500px; height: 320px; z-index: 200; background-color:white; left: 50%; margin-left: -250px; }
.overlayAdmitidas textarea {
	height: 200px;
	width: 90%;
	margin: 0 auto;
	margin-top: 15px;
}
.overlay-form {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.overlay-form dt { padding-top:5px; }
.overlay-form dt label {font-size: .9rem }
.overlay-form input{
	background-color: #F2F2F2; border: 2px solid #E6E6E6; border-radius: 5px; display: block; padding: 3px 5px;
	width: 100%; margin-bottom: 5px;
}
.overlay-form textarea{
	background-color: #F2F2F2; border: 2px solid #E6E6E6; border-radius: 5px; display: block; margin-bottom: 5px;
	font-family: Arial,Helvetica,sans-serif; height: 50px; padding: 3px 5px; width: 100%;
}
.btnCerrar {
	/*background: url(img/interfaz/close.png) no-repeat right;*/
	height:24px; width:24px; cursor: pointer; padding-left: 495px;

	/** .fa **/
	display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);
	/**/
}
.btnCerrar:before { font-size: 24px; content: "\f00d"; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.overlayOk .btnCerrar,
.overlayError .btnCerrar { padding-left: 0; float: right; margin-right: 15px; }

.selectorrevisor { text-align: center; }

.navTools > li { float: left; position: relative; }
.navTools ul { display: none; border-radius: 5px; background-color: #EB7013; border: 1px solid #F6A35F; position: absolute; left: 10px; top: 30px; }
.navTools ul a { display: block; padding: 5px 10px; color: #FFFFFF; font-weight: bold; font-size: 0.7em; text-transform: uppercase; }
.navTools ul a:hover { background-color: #F6A35F; color: #5666A4; }

.overlayOk300 { height: 300px; }
.overlayOk400 { height: 400px; }
.overlayOk450 { height: 450px; }
.overlayOk500 { height: 500px; }
.overlayOk550 { height: 550px; }

.ui-customer {
	font-weight: bold;
	padding-left: 0 !important;
	padding-top: 0;
	margin: 0 5px 0 5px;
	text-align: center;
	height: auto !important;
	font-size: 1.1rem;
	text-transform: uppercase;
	color: #999;
}

.ui-supervisor {
	z-index: 99999999;
	width: 290px !important;
}

.noscroll {
	overflow: hidden;
}

.title1 { border-bottom: 4px solid #CFCFCF; padding-top: 5px; padding-bottom: 10px; vertical-align: middle; }

.mail-sending-data {
	margin-top: 20px;
}

.mail-sending-data dl dd {
	margin-bottom: 10px
}

/***********/
/* LOGIN */
/***********/

#cablogin {
	width:960px;
	height:185px;
}

#cabloginizq{
	width:380px;
}
#cabloginizq p{
	padding-top:120px;
	font-size: 1.4em;
}
#cabloginmed{
	width:200px;
}
#cabloginder{
	width:380px;
}
#cabloginder p{
	padding-top:100px;
	font-size: 0.9em;
}
#cabloginder p span{
	font-size: 2.8em;
}
#cabloginmed img{
	padding-top: 10px;
}

.usuarioIdent p{
	color:white;
	font-size: 0.8em;
	padding-top:50px;
	padding-bottom:30px;
	margin-left:-20px;
}


#frm_cli_ident_enviar{
	background: url("../img/interfaz/fondosubmit.png") no-repeat;
	width:263px;
	height: 47px;
	color:white;
	font-size: 1.2em;
	cursor: pointer;
	*margin-left:-20px;
	margin-left:-20px \0/;
}

#frm_cli_ident_usuario, #frm_cli_ident_clave{
	background: url("../img/interfaz/fondoinput.png") no-repeat;
	color:white;
	width:263px;
	height: 41px;
	padding-left:20px;
	*padding-top:10px;

}
/*hack ie8*/
@media \0screen {
	#frm_cli_ident_usuario, #frm_cli_ident_clave{padding-top:10px;}
}

.dstbCentroBloque {
	padding-left:20px;
}

.usuarioIdent .olvido{
	padding-top:20px;
}
.olvido a{
	color:white;
	text-decoration: underline;
}

.dstbCentroBloque{
	position:relative;
}

#avisoseguridad{
	position:absolute;
	color:white;
	font-size: 0.7em;
	top:100px;
	right:130px;
}


/***********/
/* INDEX PRIVADO*/
/***********/
.body_cliente_iteration1 { background-image: none; }
.body_cliente_iteration1 #subcabecerapriv { display: none; }

#encuestaopciones{
	background-color: transparent; color: #003B81; padding: 2px 10px; width: auto;
	border: none; border-bottom: 1px solid #BBBBBB; font-size: 120%; }

#cabecerapriv{ height:150px; }
.cab_priv_izq, .cab_priv_med, .cab_priv_der{ float:left; margin-top: 10px; }
.cab_priv_izq{
	width:160px;
}
.cab_priv_med{
	min-width:360px;
}
.cab_priv_der{
	padding-left: 50px;
	width:260px;
	margin-left: 10px;
}
.cab_priv_med h1{
	font-size: 1.1em;
	font-weight: normal;
	color:#656565;
}
.cab_priv_med p{
	padding-top: 20px;
	font-size: 0.8em;
	line-height: 16px;
}
.cab_priv_med p span{
	color:#003B81;
	font-weight: bold;
}
.cab_priv_med p a{
	text-decoration: underline;
}
.cab_priv_der p{
	font-size: 0.9em;
}
.cab_priv_der p span{
	font-size: 2.8em;
}
#subcabecerapriv{ width:960px; height:280px; margin-top: 10px; }
#subcabpriv_img{
	/*width:368px;*/
	/*height: 247px;*/
	/*background: url("../img/interfaz/base_imagenes.png") no-repeat;*/
	/*margin-top: 6px;*/
	text-align: center;
	/*padding-top:18px;*/
	float:left; margin-top: 3px; padding: 7px; background-color: white; border: 1px solid #EEE; box-shadow: 0 0 9px #aaa;
}
#subcabpriv_txt{
	float:right;
	width:583px;
	height:257px;
	background: url("../img/interfaz/bienvenidos_header.png") no-repeat center center;
}
#subcabpriv_txt p{
	color:white;
	font-size:0.7em;
	/*height:257px;*/
	width:250px;
	padding-left:70px;
}

.textocab{
	height:257px;
}
.textocab td{
	height:257px;
	vertical-align: middle;
}


#columnader{
	padding-left: 10px;
	width:335px;
	float:left;
}

.form-image { padding: 2px 0; }
.form-image img { max-height: 60px; width: auto; }
.form-description .zend_form .description { font-size: small; font-style: italic; }
.form-description .zend_form .description:before {
	content: "\f05a"; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased;
	padding-right: 5px; color:#003B81; }

#formFiltros dt label{
	color:#003B81;
	font-size: 0.9em;
	font-weight: bold;
	margin-top:15px;
	margin-bottom: 7px;
	display:block;
}

#formFiltros #formFiltros_oleadas-element label{
	color:gray;
	font-weight: normal;
}

#formFiltros select option{
	color:gray;
	font-size: 14px;
	padding: 0 10px 0 10px;
	width: 200px;
}
#formFiltros select{
	color: gray;
	font-size: 14px;
	border: 1px solid #E9E9E9;
	width: 90%;
}

#formFiltros #formFiltros_oleadas-element label input{
	margin-right:10px;
}

.boton_menu{
	margin-top:10px;
	margin-left:-7px;
	background: url("../img/interfaz/boton_menu.jpg") no-repeat center center;
	height: 44px;
	width: 170px;
	font-size: 0.7em;
	font-weight: bold;
	color:white;
	cursor: pointer;
}

#formFiltros_enviar2{
	/*margin-top:5px;*/
	margin-top:5px;
}

#pie_menu_der{
	width:160px;
	margin-top:30px;
	border-top: 1px solid #BABABA;
	padding-top: 10px;
	padding-bottom: 30px;
}


.sinresultados{
	color: #003B81;
	font-size: 1.2em;
	padding-top:50px;
	text-align: center;
}

/****************** listado ****************************************************/

.listado_tabla{
	font-size: 0.7em;
	color: #3E3E3E;
	overflow: scroll;
	clear: both;
}

.listado_tabla th{
	text-align:left;
	padding-top:5px;
	background: url("../img/interfaz/flecha_abajo_header.png") no-repeat left center;
	padding-left:10px;
	cursor:pointer;
}

.listado_tabla tr td{
	padding-right:10px;
	height:20px;
	padding-top:10px;
	padding-bottom: 10px;
	*border-bottom:1px solid #CFCFCF;
}
.listado_tabla tr{
	height:20px;
	border-bottom: 1px solid #CFCFCF;
}
.listado_tabla .listado_titulos{
	color: #003B81;
	font-weight: bold;
	border-bottom: 4px solid #CFCFCF;

}
.listado_tabla .listado_titulos td{
	height: 20px;
}

.listado_tabla .odd{
	background-color:#E9E9E9;
}
.listado_tabla .even{
	background-color:white;
}

/************************ resumen ************************************/
.botgris_izq{
	/**display: inline-block;/**/ background: url("../img/interfaz/titular_izquierda.jpg") no-repeat center center; width:38px; height:36px; }
.botgris_med{
	/**display: inline-block;/**/ background: url("../img/interfaz/titular_centro.jpg") repeat-x center center; height:36px; color:white;
	font-size:0.8em; font-weight:bold; padding-left:10px; padding-right:10px; line-height: 36px; }
.botgris_der{
	/**display: inline-block;/**/ background: url("../img/interfaz/titular_derecha.jpg") no-repeat center center; width:10px; height:36px; }
.volver_boton{
	background: url("../img/interfaz/boton_volver.jpg") no-repeat center center;
	width:89px;
	height:25px;
	font-size:0.7em;
	font-weight:bold;
	text-align: center;
	line-height: 25px;
	margin-left:10px;
	margin-top:5px;
}
.cancelar_boton{
	background: url("../img/interfaz/boton_cancelar.jpg") no-repeat center center;
	width:89px;
	height:25px;
	font-size:0.7em;
	font-weight:bold;
	text-align: center;
	line-height: 25px;
	margin-left:10px;
	margin-top:5px;
}
.inst_boton{
	background: url("../img/interfaz/boton_instrucciones.jpg") no-repeat center center;
	width:80px;
	height:25px;
	font-size:0.7em;
	font-weight:bold;
	text-align: center;
	line-height: 25px;
	margin-left:10px;
	margin-top:5px;
}
.rell_boton{
	background: url("../img/interfaz/boton_volver.jpg") no-repeat center center;
	width:89px;
	height:25px;
	font-size:0.8em;
	font-weight:bold;
	text-align: center;
	line-height: 25px;
	margin-left:10px;
	margin-top:5px;
}
.volver_boton a, .cancelar_boton a{
	width:89px;
	height:25px;
	color:white;
	display:block;
}
.inst_boton a{
	width:80px;
	height:25px;
	color:white;
	display:block;
}
.rell_boton a{
	width:89px;
	height:25px;
	color:white;
	display:block;
}
.resumen_subtitulo{
	color:black;
	font-size: 0.7em;
	font-weight: bold;
	padding-top:15px;
	padding-bottom:15px;
	line-height: 1.2em;
	float: right;
}

.filtrosresumen{
	height:36px;
	line-height: 36px;
	padding-left: 20px;
	font-size: 0.8em;
}

.amcharts-chart-div > a { display: none !important; }
/******************************** enviar resumen *************************************/

.listado_tabla_er {
	clear: both;
	color: #3E3E3E;
	font-size: 0.7em;
	overflow: scroll;
	width:450px;
}
.listado_tabla_er tr td{
	padding-right:10px;
	height:20px;
	padding-top:10px;
	padding-bottom: 10px;
	*border-bottom:1px solid #CFCFCF;
}
.listado_tabla_er tr{
	height:20px;
	border-bottom: 1px solid #CFCFCF;
}
.listado_tabla_er .listado_titulos{
	color: #003B81;
	font-weight: bold;
	border-bottom: 4px solid #CFCFCF;

}
.listado_tabla_er .listado_titulos td{
	height: 20px;
}
.listado_tabla_er .checkmini{
	width:20px;
}

.listado_tabla_er .tit_tab{
	font-weight:bold;
	font-size: 1.1em;
	color: #003B81;
}


/********************************** encuesta *****************************************/

.enc_titular{
	color: #003B81;
	font-weight:bold;
	font-size: 0.8em;
	border-bottom: 4px solid #CFCFCF;
	padding-top:5px;
	padding-bottom: 10px;
	vertical-align: middle;
}
.encuesta-element-title { padding-bottom: 4px; border-bottom: 4px solid #CFCFCF; color: #003B81; }

.enc_tabla_1{ margin-top:5px; padding-top: 10px; color:black; float:left; width: 31%; font-size: 0.9em; margin-right:20px; }
.enc_tabla_1 tr{
	height: 25px;
	border-bottom: 1px solid #CFCFCF;

}
.enc_tabla_1 td{
	padding-top: 10px;
	padding-bottom: 10px;
	*border-bottom:1px solid #CFCFCF;
}
.enc_tabla_1 span{
	font-weight: bold;
	padding-left:5px;
	padding-right:5px;
}
.enc_tabla_2{
	width: 100%;
}


.campo_num_enc{
	width:31px;height:31px;
	background: url("../img/interfaz/campo_num_enc.jpg") no-repeat center center;
	position:absolute;
	top:-30px;
	left:-20px;
	padding-top: 20px;
	padding-left: 25px;
}
.campo_num_enc2{
	width:31px;height:31px;
	background: url("../img/interfaz/campo_num_enc.jpg") no-repeat center center;
	position:absolute;
	top:-30px;
	left:-20px;
	padding-top: 20px;
	padding-left: 20px;
}

.enc_3{
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px solid #CFCFCF;
	color:black;
	font-size: 0.7em;
}
.enc_3_izq{
	float:left;
	width: 270px;
	padding-left:30px;
}
.enc_3_izq p{
	padding-bottom:20px;
}

.campo_num_enc3{
	width:31px;height:31px;
	background: url("../img/interfaz/campo_num_enc.jpg") no-repeat center center;
	position:absolute;
	top:-20px;
	right:-40px;
	padding-top: 20px;
	padding-left: 20px;
}

.enc_3_med{
	float:left;
	width: 300px;
	padding-left:100px;
}
.enc_3_med ul li{
	height: 25px;
}
.enc_3_med ul li input{
	display:block;
	float:left;
	margin-top:-2px;
	margin-right: 10px;
}

.enc_3_der{
	float:right;
	width: 150px;
	padding-left:30px;
	font-weight: bold;
	font-size: 0.9em;
}
.enc_3_der p{
	text-align: justify;
	padding-bottom:20px;
}
/*
.vistacliente .ddWrapper{
	color: #003B81;
	font-weight:bold;
	font-size: 0.9em;
	border-bottom: 4px solid #CFCFCF;
	padding-top:5px;
	padding-bottom: 10px;
	vertical-align: middle;
}
.vistacliente #formEvaluacion .optional{
	float:none;
}
.vistacliente #formEvaluacion dd{.bodyadmin #formEvaluacion input

}
*/

.vistacliente .valorhtml{
	border: 1px solid #C6C6C6;
	/*height: 23px;*/
	line-height: 25px;
	margin-bottom: 10px;
	margin-top: 6px;
	/*width: 50px;*/
	padding: 0 10px;
	color:black;
	font-size: 0.9em;
	display: inline-block;
	/*text-align:center;*/
}


.vistacliente .tit_bloque {
	border-bottom: 4px solid #CFCFCF;
	color: #003B81;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 10px;
	padding-top: 30px;
	text-transform: uppercase;
	vertical-align: middle;
	clear: both;
}

.vistacliente #formEvaluacion .textarea_comp{
	text-align:left;
	padding:10px;
	height: 100%;
}

.vistacliente .inputText{
	width: 420px;
	text-align: left;
	border:none;
	/**** para igualar el altura a los campos con borde*/
	padding:1px 0 1px 10px;
	text-transform:uppercase;
}

.vistacliente .vctextarea{
	width: 420px;
	/*height: 100px;*/
	/*height:100%;*/
	border:none;
	text-align: left;
	line-height:15px;
	padding:1px 0 1px 10px;
	text-transform:uppercase;
}
.vistacliente .vccomentario{
	width: 800px;
	/*height: 100px;*/
	/*min-height:200px;*/
	margin-top:10px;
	text-align: left;
	line-height:15px;
	padding:1px 0 1px 10px;
	border:none;
	text-transform:uppercase;
}

.vistacliente .vctextareag{
	width: 420px;
	/*height:100%;*/
	height:200px;
	border:none;
	text-align: left;
	line-height:15px;
	padding:1px 0 1px 10px;
}

.vctextareag{
	text-transform:uppercase;
}

.vistacliente fieldset{
	margin-bottom:20px;
}

.vistacliente #formEvaluacion .labeltextarea{
	height: 100px;
}
.vistacliente #formEvaluacion .labelcomentario{
	height: 30px;
}

.vistacliente #formEvaluacion .labeltextareag{
	height: 200px;
}

.vistacliente .description{
	font-size: 0.7em;
	font-weight: bold;
	display:inline;
	color:black;
}

.vistacliente fieldset{
	position:relative;
}
.vistacliente fieldset .hint{
	position:absolute;
	top:10px;
	right:20px;
	font-size: 0.7em;
	font-weight: bold;
	color:black;
}

.botonreset{
	background: url("../img/interfaz/boton_reset.jpg") no-repeat center center;
	width: 116px;
	height:30px;
	text-align: center;
	line-height: 30px;
	color:gray;
	font-size:0.7em;
	cursor: pointer;
}

#textoemail{
	clear: both;
}

.vistacliente .vcvalores{
	margin-bottom:20px;
	width: 420px;
	/*height: 100px;*/
	/*height:100%;*/
	border:none;
	text-align: left;
	line-height:15px;
	padding:1px 0 1px 10px;
}

#bot_env_resumen{
	position:absolute;
	right:20px;
	bottom:125px;
	background: url("../img/interfaz/boton_menu_170.jpg") no-repeat scroll center center transparent;
	color: white;
	cursor: pointer;
	font-size: 0.7em;
	font-weight: bold;
	height: 44px;
	margin-left: -7px;
	margin-top: 5px;
	width: 170px;
}

#bot_resumen_ole{
	/*position:absolute;*/
	/*left:162px;*/
	/*top:409px;*/
	background: url("../img/interfaz/boton_menu.jpg") no-repeat scroll center center transparent;
	color: white;
	cursor: pointer;
	font-size: 0.7em;
	font-weight: bold;
	height: 44px;
	margin-left: -7px;
	margin-top: 5px;
	width: 170px;

}
#bot_informe_ole{
	/*position:absolute;*/
	/*left:162px;*/
	/*top:409px;*/
	background: url("../img/interfaz/boton_menu.jpg") no-repeat scroll center center transparent;
	color: white;
	cursor: pointer;
	font-size: 0.7em;
	font-weight: bold;
	height: 44px;
	margin-left: -7px;
	margin-top: 10px;
	width: 170px;
}
#bot_env_informe{
	position:absolute;
	right:20px;
	bottom:175px;
	background: url("../img/interfaz/boton_menu.jpg") no-repeat scroll center center transparent;
	color: white;
	cursor: pointer;
	font-size: 0.7em;
	font-weight: bold;
	height: 44px;
	margin-left: -7px;
	margin-top: 10px;
	width: 170px;
}

/**********************
ADMINISTRACION
***********************/

.oculta { display: none; }

#cuerpoadmin{
	/*margin-top:20px;*/
}

#cuerpoadmin div{
	/*margin-top:20px;*/
}

#cuerpoadmin div ul li{
	font-size: 0.9em;
	padding-top:5px;
}

/************** diseño encuesta ******************************************/

.formRadioTablaLabel { padding-left: 5px; }
#dis_enc_cabecera{
	font-size: 0.9em;
	color: Black;
	padding: 10px 10px 10px 0px;
}

#dis_enc_cuerpo,
#customer-container {
	font-size: 0.9em;
	color: gray;
	margin-top:10px;
}

#dis_enc_cuerpo input.inputText,
#customer-container input.inputText
{
	border: 1px solid #B7B7B7;
}

#dis_enc_cuerpo textarea,
#customer-container textarea {
	border: 1px solid #B7B7B7;
	height:50px;
	font-family: Arial, Helvetica, sans-serif;
}

#formEncuesta_bloque{
	background-color: #F27F24;
	color: white;
	cursor: pointer;
	padding: 5px;
	float: left;
	width: 200px;
	margin-bottom: 10px;
	margin-top: 5px;
}

#formInforme_bloque{
	background-color: #F27F24;
	color: white;
	cursor: pointer;
	padding:5px;
	float:left;
	width:80px;
	margin-bottom:10px;
	display:block;
}

#bloqueelim-label, #bloquetexto-label, #contenedorBloque-label, #contenedorPregunta-label, #preguntaelim-label, #contenedorCabecera-label, #bloque-label, #cabeceraelim-label{
	width:0px;
	float:left;
}

#bloque-element{
	clear: both;
}

.elim_bloque{
	background-color: #C40000; /*color: #A11800;*/
	color: white;
	cursor: pointer;
	padding: 5px;
	float: left;
	width: 200px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#formInforme .elim_bloque{
	background-color: #C40000; /*color: #A11800;*/
	color: white;
	cursor: pointer;
	padding: 5px;
	float:left;
	width:80px;
	margin-left:10px;
	margin-bottom:10px;
}

#formInforme .tit_bloque_inf{
	background-color: #F27F24;
	color: white;
	cursor: pointer;
	padding: 5px;
	float:left;
	width:80px;
	margin-right:10px;
	margin-bottom:10px;
}

#tit_bloque_inf_nocompra{
	background-color: #eee;
	color: black;
	cursor: pointer;
	padding: 15px;
	/*float:left;
	width:80px;*/
	margin-right:10px;
	margin-bottom:10px;
	line-height:16px;
	font-size:0.8em;
}

#contenedorBloque-element,#contenedorCabecera-element{
	clear:both;
}

#dis_enc_cuerpo fieldset{
	border: 1px solid #DEDEDE;
	padding: 20px;
	padding-bottom: 50px;
	padding-left: 50px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
	position: relative;
	background-color: #FCFCFC;
	box-shadow: 0 0 2px #BBB;
}

#dis_enc_cuerpo fieldset fieldset{
	background-color: #F7F9FC;
}

.pregunta_boton{
	background-color: #F27F24;
	color: white;
	cursor: pointer;
	padding:5px;
	float:left;
	width:200px;
	margin-bottom:10px;
}

.pregunta_boton_elim{
	background-color: #C40000; /*color: #A11800;*/
	color: white;
	cursor: pointer;
	padding: 5px;
	float:left;
	width:200px;
	margin-left:10px;
	margin-bottom:10px;
}

#formInforme .pregunta_boton, #formInforme .pregunta_boton_elim{
	width:80px;
}
#formInforme .pregunta_boton_elim{
	background: url("img/interfaz/iconos/okclosemini.png") no-repeat scroll center center transparent;
	color: black;
	height: 16px;
	margin-top: 15px;
	position: absolute;
	right: 10px;
	top: 0;
	width: 16px;
}
#formInforme .bloque_boton_new{
	background: url("img/interfaz/iconos/okaddmini.png") no-repeat scroll center center transparent;
	bottom: 10px;
	color: black;
	cursor: pointer;
	height: 16px;
	margin-top: 15px;
	position: absolute;
	right: 10px;
	width: 16px;
}
#formInforme .pregunta_boton_new{
	background: url("img/interfaz/iconos/okaddmini.png") no-repeat scroll center center transparent;
	bottom: 10px;
	color: black;
	cursor: pointer;
	height: 16px;
	margin-top: 15px;
	position: absolute;
	right: 10px;
	width: 16px;
}

#formInforme .boton_menu{
	clear:both;
	float:left;
	margin-top:0px;
	margin-bottom:10px;
}

#contenedorPregunta-element{
	clear:both;
}

#contenedorPregunta-element .zend_form{  /*corresponde a los bloques de preguntas*/
	margin-bottom:10px;
}

#dis_enc_cuerpo select{
	border: 1px solid #B7B7B7;
	background-color: #EDEDED;
}

#formEncuesta_cabecera{
	background-color: #F27F24;
	color: white;
	cursor: pointer;
	padding: 5px;
	width: 200px;
	margin-bottom: 10px;
	margin-top: 5px;
	float: left;
}

#formEncuesta_cabeceraelim{
	background-color: #C40000; /*color: #A11800;*/
	color: white;
	cursor: pointer;
	padding: 5px;
	float:left;
	width:200px;
	margin-left:10px;
	margin-bottom:10px;
}


.cabecera_boton_elim {
	background-color: #C40000;
	color: white;
	cursor: pointer;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 5px;
	width: 32px;
	height:32px;
	background-color: none;
	position:absolute;
	right:10px;
	top:10px;
	background: url("../img/interfaz/iconos/okclose.png") no-repeat center center;
}

.cabecera_boton_new {
	background-color: #C40000;
	color: white;
	cursor: pointer;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 5px;
	width: 32px;
	height:32px;
	background-color: none;
	position:absolute;
	right:10px;
	bottom:5px;
	background: url("../img/interfaz/iconos/okadd.png") no-repeat center center;
}

.up-cab {
	cursor: pointer;
	padding: 5px;
	width: 32px;
	height:32px;
	position:absolute;
	right:40px;
	top:10px;
	background: url("../img/interfaz/iconos/arrowUp.png") no-repeat center center;
}

.down-cab {
	cursor: pointer;
	padding: 5px;
	width: 32px;
	height:32px;
	position:absolute;
	right:40px;
	bottom:15px;
	background: url("../img/interfaz/iconos/arrowDown.png") no-repeat center center;
}

#formEncuesta_contenedorCabecera, #formEncuesta_contenedorBloque {
	clear: both;
}

#formEncuesta dt{ float:left; width:20%; padding: 0 0 0 0; }

#formEncuesta #cabecera-label, #formEncuesta #cabeceraelim-label, #formEncuesta #bloqueelim-label, #formEncuesta #bloque-label,
#formEncuesta #pregunta-label, #formEncuesta #preguntaelim-label{
	display:none;
}

#formEncuesta .inputText{
	background-color: #EDEDED;
	padding: 2px;
	width: 500px;
}

#formEncuesta .inputTextPrice {
	width: 50px;
}

#formEncuesta textarea{
	background-color: #EDEDED;
	padding: 2px;
	width: 500px;
}

#formEncuesta dd{ margin-bottom: 5px; }
#formEncuesta dd:after { clear: both; }

#formEncuesta #formEncuesta_cabecera-element{
	margin-top:15px;
}


#formEncuesta .pregunta_boton{
	margin-top:15px;
}
#formEncuesta .pregunta_boton_elim{
	margin-top:15px;
	/*background: url("../img/interfaz/close.png") no-repeat center center;*/
	height:32px;
	width:32px;
	background-color: none;
	position:absolute;
	right:10px;
	top:0px;
	color:black;
	background: url("../img/interfaz/iconos/okclose.png") no-repeat center center;
}

#formEncuesta .bloque_boton_new{
	margin-top:15px;
	/*background: url(img/interfaz/close.png) no-repeat center center;*/
	height:32px;
	width:32px;
	background-color: none;
	position:absolute;
	right:10px;
	bottom:10px;
	color:black;
	background: url("../img/interfaz/iconos/okadd.png") no-repeat center center;
	cursor:pointer;
}

#formEncuesta .up-bloque{
	margin-top:15px;
	/*background: url("../img/interfaz/close.png") no-repeat center center;*/
	height:32px;
	width:32px;
	background-color: none;
	position:absolute;
	right:40px;
	top: 0px;
	color:black;
	background: url("../img/interfaz/iconos/arrowUp.png") no-repeat center center;
	cursor:pointer;
}

#formEncuesta .down-bloque{
	margin-top:15px;
	/*background: url("../img/interfaz/close.png)" no-repeat center center;*/
	height:32px;
	width:32px;
	background-color: none;
	position:absolute;
	right:40px;
	bottom:10px;
	color:black;
	background: url("../img/interfaz/iconos/arrowDown.png") no-repeat center center;
	cursor:pointer;
}

#formEncuesta .pregunta_boton_new{
	margin-top:15px;
	/*background: url("../img/interfaz/close.png") no-repeat center center;*/
	height:32px;
	width:32px;
	background-color: none;
	position:absolute;
	right:10px;
	bottom:10px;
	color:black;
	background: url("../img/interfaz/iconos/okadd.png") no-repeat center center;
	cursor:pointer;
}

#formEncuesta .down-pregunta{
	margin-top:15px;
	height:32px;
	width:32px;
	background-color: none;
	position:absolute;
	right:50px;
	bottom:10px;
	color:black;
	background: url("../img/interfaz/iconos/arrowDown.png") no-repeat center center;
	cursor:pointer;
}

.esconder-pregunta{display: none;}

#formEncuesta .esconder-pregunta,.esconder-bloque{
	margin-top:15px;
	height:20px;
	width:20px;
	background-color: none;
	position:absolute;
	left:10px;
	top:-7px;
	color:black;
	background: url("../img/interfaz/iconos/plegadoencuesta.png") no-repeat;
	background-position: 0px -31px;
	cursor:pointer;
	border: 2px solid #fb8e3f;
}



#formEncuesta .up-pregunta{
	margin-top:15px;
	/*background: url("../img/interfaz/close.png") no-repeat center center;*/
	height:32px;
	width:32px;
	background-color: none;
	position:absolute;
	right:50px;
	top:0px;
	color:black;
	background: url("../img/interfaz/iconos/arrowUp.png") no-repeat center center;
	cursor: pointer;
}

#formEncuesta dd label {
	display: block;
	float: left;
	width: 150px;
}

#formEncuesta .description{
	display:block;
	font-size: 0.8em;
	padding-left: 190px !important;
	margin-bottom: 10px;
}

.lista_encuestas li{
	border-bottom: 1px solid #DFE2E6;
	padding: 7px;
	font-size: 0.9em;
	color: #003B81;
}

.lista_encuestas li span{
	float:right;
}

.barrainfblanca{
	background-color: white;
	background-color: rgba(255,255,255,0.8);
	position:fixed;
	bottom:0px;
	left:0px;
	right:0px;
	height:60px;
	box-shadow:0 0 8px #FFF;
}
.barrainfblanca div{
	margin:0px auto;

}

.boton_menu_novisible{
	display:none;
}

.boton_enc{
	margin-top:10px;
	margin-left:-7px;
	background: url("../img/interfaz/boton_enc.png") no-repeat center center;
	height: 44px;
	width: 170px;
	font-size: 0.7em;
	font-weight: bold;
	color:white;
	cursor: pointer;
}

/*
legend{
	display:none;
}*/


/************************** dise�o del informe ********************/

.esquemabloque{
	font-weight: bold;
	padding: 5px 5px;
}
.esquemapregb{
	padding: 2px;
	padding-left:10px;
	font-size: 0.8em;
}

#dis_enc_cuerpo .informeadmin fieldset {
	background-color: white;
	border: none;
	padding-bottom:15px;
	padding-left:20px;
}
#dis_enc_cuerpo .informeadmin fieldset legend{
	padding-top: 5px;
}

#dis_enc_cuerpo .informeadmin input {
	width:220px;
}

.informeadmin #botonclonarinform{
	position:relative;
	width:300px;
}
.informeadmin #botonclonarinform img{
	position:absolute;
	right:30px;
	top:20px;
}
.selectgris{

	background-color: #EDEDED;
	color: #003B81;
	padding: 2px 0px 2px 2px;
	border: 1px solid gray;

}

/**********************/

/************************************************************ ADMINISTRAR ****/

/********************/

#cabeceraadmin{
	height: 120px;
}
#cabeceraadmin .logo{
	padding-top:12px;
	padding-bottom:10px;
}

#bienvenidaadmin{
	float:left;padding-left:20px;
	font-size: 0.9em;
	padding-top: 60px;
}


#enlaces_general{
	position:absolute;
	right:0px;
	top:10px;
	width: 400px;
	font-size:0.7em;
}
#enlaces_general a{
	padding-left: 20px;
	display:block;
	float:right;
}

#enlaces_general .activo_e_g, #enlaces_general a:hover{
	color: #F38025;
}

#menuadmin{ clear:both; /**margin-top:5px; background: url(img/interfaz/fondomenu.png) repeat-x;/**/ background-color: #5f77ad; height:35px; line-height: 35px; }

#menuadmin .centrado a, #menuadmin .centrado1280 a{
	border-right: 1px solid white; color: white; display: block; float: left; height: 35px; padding-left: 10px; padding-right: 10px;
}

#menuadmin .centrado a:first-child, #menuadmin .centrado1280 a:first-child { border-left: 1px solid white; }

#menuadmin .centrado a:hover, #menuadmin .centrado1280 a:hover{
	background-color: #F38025;
}

#menuadmin .centrado .lastmenuadmin, #menuadmin .centrado1280 .lastmenuadmin{
	border-right: none;
}

#cuerpoadmin tr td{
	margin-top: 5px; padding: 4px 0; font-size: 0.8em; color: #444444; border-bottom: 1px solid #DFE2E6;
	/*height:15px;*/ vertical-align: middle; }

#cuerpoadmin .portadaadmin tr td {
	line-height: 15px;
	vertical-align: middle;
	height: 20px;
}

#cuerpoadmin tr:hover {
	background-color: #aed3ff;
}

#cuerpoadmin tr:hover td {
	color: #222;
}
#cuerpoadmin tr a:hover {
	color: #fff;
}


#clienteoleada{
	padding-top:60px;
	margin-left: 30px;
	float:left;
}

#vistaclienteoleada, #vistaclienteseccion, #vistaclienteanyo, #vistaclientezona{
	padding-top:10px;
	margin-left: 0px;
	float:left;
}

#clienteoleada select, #vistaclienteoleada select, #vistaclienteseccion select, #vistaclienteanyo select, #vistaclientezona select{
	background-color: #EDEDED;
	padding: 5px;
	color: #003B81;
	width:170px;
}
.boton_cliente_oleada{
	cursor: pointer;
	color:white;
	font-weight:bold;
	text-align: center;
	line-height: 25px;
	width:89px;
	height:25px;
	background: url("../img/interfaz/boton_volver.jpg") no-repeat;
}

#selectcancelar{
	font-size: 0.8em;
	margin-left: 20px;
	padding: 2px;
	margin-top:7px;
}

.cambiarestado{
	background-color: #EDEDED;
	color: #003B81;
	padding: 5px;
	width: 200px;
}

.tracking-flags-container {
	vertical-align: top;
	padding-top: 6px;
}
.tracking-flags {
	display: inline-block;
}
.tracking-flags a{
	padding: 3px 6px;
	display:block;
}

.tracking-flags-selected a{
	border: 2px solid #ffb14b;
	margin-top: 6px;
	margin-left: 6px;
	border-radius: 50%;
	background-color: #ffe3bd;
	box-shadow: 2px 2px 2px #ccc;
}

.portadaadmin .checkev, .portadaadmin .checkev1, .portadaadmin .checkev2, .portadaadmin .checkev3, .portadaadmin .checkev4{
	float:left;
}
.checkall{ margin-right:12px; }
.checkall-block { display: inline-block; min-width: 20px; }
.pormarcar{ /*position:absolute; right:120px;*/ float: right; /*margin-right: 30px;*/ font-size: 0.8em; }
.pormarcar .btn-default { margin-left: 30px; }

.perfil_ev{
	float:right;
}

.form-vrt-overlay { margin: 0 40px; }
.form-vrt-overlay dt { text-align: left; }
.form-vrt-overlay dd { margin-bottom: 5px; }

.delimg { background: transparent url("../img/interfaz/cancel.png") no-repeat left top; display: inline-block; width: 16px; height: 16px; cursor: pointer; }
.qq-upload-remove-file { margin-left: 15px; }

/*********************************revisar **********************************/
#comentariorevisor{
	border:1px solid gray;
}

/******EVALUADOR***********************************************************************************************/
.franjagris{ padding-top: 5px; padding-bottom: 5px; background-color: #E5E5E5; border-top: 1px dotted #AAAAAA; }
.franjagriscont{ line-height: 40px; color: #0F377D; position:relative; }

.subtotalev{ float:right; margin-right: 20px; font-size:0.8em; text-transform: none; }
.franjatop{
	text-align:right;
	color: #0F377D;
	font-size:0.8em;
	font-weight:bold;
	height:18px;
	line-height: 18px;
}


#cabeceraeval{
	height: 120px;
	left:50%;
	margin-left: -480px;
	position: fixed;
	background-color: white;
	z-index: 1000;
}

.cabecerafija{
	background-color: white;
	position: fixed;
	z-index: 1000;
	width:960px;
}

#bienvenidaeval{
	float:left;padding-left:50px;
	font-size: 0.8em;
	padding-top: 20px;
}

#cabeceraeval .logo{
	padding-top:12px;
	padding-bottom:10px;
}

#menueval{
	clear:both;
	padding:5px 0 5px 0;
}


#cuerpoevaluador div{
	margin-top:0px;
}

#cuerpoevaluador tr td{
	margin-top: 5px;
	font-size: 0.8em;
	color: #8F8F8F;
	border-bottom: 1px solid #B1B1B1;
	height:35px;
	line-height:35px;
}

#formEvaluacion .campo_cabecera{
	color:black;
	font-size: 1.1em;
	border:1px solid gray;
	width: 52%;
	padding: 5px;
	margin-bottom:10px;
	margin-top: 5px;
	clear:both;
	display: block !important;
	/**height:20px;/**/
	line-height: 16px !important;
	page-break-inside: avoid;
}
#formEvaluacion .camp_cabecera_textarea{
	height:160px;
	min-height:70px;
}

.tit_bloque{
	border-bottom: 4px solid #CFCFCF;
	color: #003B81;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 5px;
	vertical-align: middle;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.subtit_bloque{
	color: black;
	font-size: 0.7em;
	font-weight: bold;
}

#formEvaluacion .textarea_comp{
	height:200px;
	width:900px;
}

#formEvaluacion legend{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight:bold;
}

#formEvaluacion .optional{
	float: left;
	color: black;
	font-size: 0.7em;
	font-weight: bold;
	height: 30px;
	/*line-height: 30px;*/
	border-bottom: 1px solid #C6C6C6;
	padding-top:10px;
}

#formEvaluacion .titulo_cabecera{
	color:black;
	font-size: 0.7em;
	font-weight:bold;
	border-bottom: none;
	height:15px;
}
#formEvaluacion dl div { }
#formEvaluacion dl dt label{
	width:500px;
}
#formEvaluacion fieldset dl dt label{
	width:430px;
}

#formEvaluacion fieldset input{
	width:430px;
}
#formEvaluacion fieldset textarea{
	width:430px;
}

#formEvaluacion input{
	border: 1px solid #C6C6C6;
	/*height: 23px;*/
	/*line-height: 30px;*/
	margin-bottom: 17px;
	margin-top: 3px;
	width: 445px;
	color:black;
	font-size: 0.7em;
	padding-left: 5px;
}

#formEvaluacion select{ margin-bottom:1px; border: 1px solid #444444; text-align: center; font-size:1em; padding:3px; /**height:20px;**/ }

#formEvaluacion .labeltextarea{
	height:60px;
}

dl .dl-row {
	page-break-inside: avoid !important;
}
#formEvaluacion dd{
	/*border-bottom: 5px solid gray;*/
	/*page-break-inside: avoid !important;*/
}
#formEvaluacion dd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#formEvaluacion dt{
	/*border-bottom: 1px solid gray;*/
}

#formEvaluacion fieldset{
	margin-left:50px;
	border:1px solid #C6C6C6;
	padding:10px;
	margin-bottom:10px;
	position:relative;
}

#formEvaluacion .hint{
	position:absolute;
	right:10px;
	top:10px;
	font-size:0.7em;
	color:black;
	font-weight: bold;
}

#formEvaluacion textarea, .generictextarea{
	border: 1px solid #C6C6C6;
	height: 60px;
	margin-bottom: 10px;
	margin-top: 1px;
	width: 70%;
	color:black;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	padding: .2rem .5rem;
}

.divinst{
	font-size:0.8em;
	padding:10px;
}

#formEvaluacion_enviar, #formEvaluacion_guardar, #formEvaluacion_rechazar, #formEvaluacion_validar{
	/*background: url("../img/interfaz/bot_evaluador.jpg") no-repeat scroll center center transparent;
   font-size: 0.7em;
   font-weight: bold;
   height: 44px;
   line-height: 44px;
   color:white;
   text-align: center;
   width: 300px;
    cursor:pointer;*/
}

.botabajo{
	background: url("../img/interfaz/bot_evaluador.jpg") no-repeat scroll center center transparent;
	font-size: 0.7em;
	font-weight: bold;
	height: 44px;
	line-height: 44px;
	color:white;
	text-align: center;
	width: 300px;
	cursor:pointer;
}

#formEvaluacion .sombreado{ color: #444444; background-color: #D5D5D5; display:none; }
.vistacliente #formEvaluacion .sombreado, .bodyadmin #formEvaluacion .sombreado{ display:inline-block; }

#formEvaluacion .sombreado_cabecera { background-color: #D5D5D5; color: #444444; }
#overlayAvisoevaluador { width: 650px; height: 500px; margin-left: -325px; }
#overlayAvisoevaluador .textoavisoevalu { padding-top: 0; padding-bottom: 0; }

/**********************/

#cargador {
	display: none; position: fixed; z-index: 10002; width: 133px; left: 50%; top: 50%; margin-left: -65px; margin-top: -60px; font-size: 90%; text-align: center;
	background-color: #FAFAFA; padding: 10px 8px; color: #333333; border: 1px solid #DADADA; }
#cargador .progress { margin-bottom: 10px; }
#cargadorModal {
	display: none; position: fixed; z-index: 10001; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(255,255,255,0.4); cursor: default; }


/*******************************************************************************************************/
.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
	display:inline-block; float:left; /* or inline-block
    width: 105px; padding: 7px 0; text-align:center;
    background:#880000; border-bottom:1px solid #ddd;color:#fff; /**/
}
.qq-upload-button-hover { /**background:#cc0000;/**/ }
.qq-upload-button-focus { /**outline:1px dotted black;/**/ }

.qq-upload-drop-area {
	position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
	background-color: #e5c5c6; text-align:center; }
.qq-upload-drop-area span { display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; }
.qq-upload-drop-area-active { background-color: #e5c5c6; }

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px; }

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("../img/admin/ui-anim_basic_16x16.gif"); width:16px; height:16px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}


.boton_subir{
	background: url("../img/interfaz/boton_instrucciones2.jpg") no-repeat center center;
	width:119px;
	height:25px;
	font-size:0.7em;
	font-weight:bold;
	text-align: center;
	line-height: 25px;
	margin-left:0px;
	margin-top:5px;
	color:white;
}


/*******************/
#botonerainicio{
	padding-top:15px;
	position:relative;
}
#botonerainicio2 li{

}
#botonerainicio2 li div{
	padding-top: 10px;
	font-size: 0.7em;
	width: 215px;
	margin-right: 10px;
	margin-left: 15px;
	float: left;
	color: #F5F5F5;
}

#botonerainicio li, #botonerainicio2 li{
	/*height:107px;*/
	float:left;
}

#botonerainicio li a{
	background: url("../img/interfaz-evaluadores/botoninicio.png") no-repeat;
	height:107px;
	width:230px;
	display:block;
	float:left;
	color:white;
	margin-right: 10px;
	text-transform: uppercase;
	line-height: 107px;
	font-size: 1.1em;
}

#botonerainicio li a:hover{
	background: url("../img/interfaz-evaluadores/botoninicio.png") no-repeat;
	height:107px;
	width:230px;
	background-position: -230px 0px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }



/*

@font-face {
    font-family: 'QuicksandLight';
    src: url('css/fuente/Quicksand_Light-webfont.eot');
    src: url('css/fuente/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fuente/Quicksand_Light-webfont.woff') format('woff'),
         url('css/fuente/Quicksand_Light-webfont.ttf') format('truetype'),
         url('css/fuente/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/


#descargar_ficheros{

	background: url("../img/interfaz/boton_rellenar.jpg") no-repeat scroll 0 0 transparent;
	color: white;
	cursor: pointer;
	font-weight: bold;
	font-size:0.5em;
	height: 25px;
	margin-top: 20px;
	text-align: center;
	width: 80px;

}

/*_________________________________________________________________ */
.formGris .description { color: #999999; font-size: 0.8em; }
.formGris2 textarea { border: 1px solid #C6C6C6; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; }
.formGris2 label { font-size: 0.8em; }
.formGris2 dt { margin-bottom: 2px; }
.formGris2 dd { margin-bottom: 10px; }
/*.formGris input, .formGris select, .formGris textarea { font-size: 1.2em; }*/
.formGris3 dt { margin-bottom: 2px; }
.formGris3 dd { margin-bottom: 10px; }

.faltan_campos{
	color:red;
	padding:10px;
	border:2px dotted red;
	width:300px;
}


.elem_oculto{
	display:none;
}

#formVehiculos_matriculav_0_0, #formVehiculos_matriculav_0_1,
#formVehiculos_matriculav_1_0, #formVehiculos_matriculav_1_1, #formVehiculos_matriculav_1_2,
#formVehiculos_matriculav_2_0, #formVehiculos_matriculav_2_1,
#formVehiculosEditar_matriculav_0_0, #formVehiculosEditar_matriculav_0_1,
#formVehiculosEditar_matriculav_1_0, #formVehiculosEditar_matriculav_1_1, #formVehiculosEditar_matriculav_1_2,
#formVehiculosEditar_matriculav_2_0, #formVehiculosEditar_matriculav_2_1{
	width:60px;
	margin-left:5px;
	float:left;
}

#formVehiculos_matriculav-element, #formVehiculosEditar_matriculav-element{
	clear:both;
	height:70px;
	padding-left:90px;
}
#formVehiculos_matriculav-element .description, #formVehiculosEditar_matriculav-element .description{
	padding-top:30px;
	padding-right:50px;
}

/*********************** edicion por pasos *********************/
.pie_paso1{
	background: url("../img/interfaz/paso1.jpg") no-repeat;
	width:898px;
	height:94px;
}
.pie_paso2{
	background: url("../img/interfaz/paso2.jpg") no-repeat;
	width:898px;
	height:94px;
}
.pie_paso3{
	background: url("../img/interfaz/paso3.jpg") no-repeat;
	width:898px;
	height:94px;
}
.pie_paso4{
	background: url("../img/interfaz/paso4.jpg") no-repeat;
	width:898px;
	height:94px;
}
.pie_paso5{
	background: url("../img/interfaz/paso5.jpg") no-repeat;
	width:898px;
	height:94px;
}
.pie_pasos ul li{
	float: left;
	width: 169px;
	padding-top: 24px;
	padding-left: 68px;
}
.pie_pasos ul .pasoactual{
	color:black;
}
.pie_pasos ul .pasoactual span{
	font-weight:bold;
}
.pie_pasos ul li p{
	font-size:0.8em;
}

.formpaso2 #formEvaluador textarea{
	background-color: #F2F2F2;
	border: 2px solid #E6E6E6;
	border-radius: 5px 5px 5px 5px;
	display: block;
	font-family: Arial,Helvetica,sans-serif;
	height: 80px;
	padding-left: 5px;
	width: 170px;
}

.formpaso2 #formEvaluador fieldset #formEvaluador_trabajo_actual-element, .formpaso2 #formEvaluador fieldset #formEvaluador_observaciones-element, .formpaso2 #formEvaluador fieldset #formEvaluador_disponibilidad-element{
	height:80px;
}

.editarpaso3 #formsr_acceso button{
	display:block;
	margin-bottom:10px;
}
.editarpaso3 .inputpaso3{
	margin-left:0px;
	color: #003C8F;
	font-weight:bold;
}
.editarpaso3 .ui-multiselect{
	display:block;
}

.formpaso4{
	float:left;
}
.formpaso4 .input_anadir_pob, .formpaso4 .input_anadir_pob_tx{
	margin-left:0px;
}
.formpaso4 #formVehiculos label{
	text-align:left;
	width:auto;
}
.listadopaso4{
	float:left;
	margin-left:20px;
}
.listadopaso4 #area_vehiculos{
	width:600px;
}

.formpaso5 #formEvaluador fieldset label {
	padding-top:0px;
}

.formpaso5 #grcolumna1-element{
	padding-right:30px;
}
.formpaso5 #formEvaluador fieldset label{
	width:150px;
}
.formpaso4 #formVehiculos_matriculav-element .description{
	width:220px;
	padding-right:10px;
	font-size:0.8em;
}
.formpaso1 div.ui-datepicker{
	font-size:10px;
}
.area_poblaciones_ev span{
	display:block;
	float:left;
	width:250px;
	font-size:0.8em;
	white-space:nowrap;
	overflow:hidden;
	padding-top:5px;
}
.area_poblaciones_ev input{
	dispaly:none;
}

.contenedor-contrato {
	width: 100%;
	height: 400px;
	overflow-y: scroll;
	border: 1px solid #ddd;
	padding: 1cm;
	margin-bottom: 25px;
	background-color: #fff;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
}

.contenedor-contrato-full {
	width: 100%;
	padding: 2.5cm;
	background-color: #fff;
}

.navbar-header-upload {
	float: none;
	text-align: center;
	margin-top: 20px;
}

.navbar-action {
	margin-top: 5px;
	float: right;
}

.navbar-group {
	float: left;
}

.inputFile {
	width: 100%
}

/************ test  */

#formTest{
	padding-top:10px;padding-bottom:40px;
	font-size:0.9em;
}
#formTest dt label{
	color:black;
	padding-bottom:20px;padding-top:30px;display:block;
	border-bottom:1px solid #c0c0c0;
}

#formTest dd label span{
	padding-right:10px;
}

/************ paso 4 overlay */

.linkovepaso4{
	color:white;display:inline-block;padding:7px;background-color:#f38025;
	border-radius:5px;
}
.linkovepaso4:hover{
	color:white;
}
.ovpaso4div{
	padding-left:30px;padding-right:30px;font-size:0.9em;
}
.ovpaso4div > div{ font-size:0.8em; padding-top:10px; }

/************** vista cliente ******/

#tablaporcentajes table{
	width:700px;
	/*margin:0px auto;*/

}
#tablaporcentajes table td{
	padding:10px;
	background-color:#f3f3f3;
	border:5px solid white;
	font-size:0.8em;
}
#tablaporcentajes table .tdtotal{
	text-align:right;
	background-color:#cee7ff;
}
#tablaporcentajes table .tdobtenido{
	text-align:right;
	background-color:#ccffe6;
}
#tablaporcentajes table .tdpor{
	text-align:right;
	background-color:#ffe3d7;
}


/******************* estilos vista admin *************************/

.cabecera_encuesta_prin{
	text-align:center;
	padding:15px;
	margin:15px 0px;
	background-color:#013a7f;
	color:white;
}
.cabecera_encuesta_comp{
	text-align:center;
	padding:15px;
	margin-top:30px;
	background-color:#013a7f;
	color:white;
}

#formEvaluacion .inputText, #formEvaluacion .vctextarea, #formEvaluacion .vccomentario, #formEvaluacion .textarea_comp{
	text-transform:uppercase;
}

.admin-evaluaciones .checkall { margin-right: 5px; }
/*.admin-evaluaciones .dropdown-toggle { margin-top: 8px; }*/
.admin-evaluaciones .dropdown-toggle.collapsed .fa-caret-up:before { content: "\f0d7" }
.admin-evaluaciones .well { margin-bottom: 0; }

/*************vista evaluador ************/

#contenedoreval .vccomentario{
	width: 949px;
	height:250px;
	font-size:1.1em;
	padding: 0 1rem;
	/*margin-left:150px;*/
}

/***************** curriculums captura */


.curriculums_div .formGris2 textarea{
	width:400px;
	margin-right:20px;
}
.curriculums_div dt{
	display:none;
}
.curriculums_div dd{
	float:left;
}

#fuenteHtmlCurriculumInfoJobs_enviar-element{
	clear:both;
}

/*************** busqueda ***********/

#contratobusqueda-element{
	clear:both;
}

#fieldset-contratobusqueda{
	background-color:silver;
	padding:10px;
}
#fieldset-contratobusqueda p{
	text-align:center;
	font-weight:bold;
}
#formEvaluador #fieldset-contratobusqueda .inputgrande{
	width:170px;
}


/*****************************RESUMEN OLEADA ***************************/

.spaninline{
	vertical-align: top;
	display: inline-block;
}

.ro_bloqueizq{
	vertical-align: top;
	display:inline-block;
	width: 50%; /** 800px **/
	padding-right:15px;
}
.ro_bloqueder{
	vertical-align: top;
	display:inline-block;
	width: 50%; /** 440px; **/
	padding:0px 5px;
	border:1px solid #EEEEEE;
}

/******************************/
.formLabelSuffix{ display:block; color:gray; }

.bodyadmin #formEvaluacion .optional {
	border-bottom: 1px solid #C6C6C6; color: #000000; float: left; font-size: 1.1em; font-weight: bold; height: auto; padding-bottom: 0px; padding-top: 8px; }

.bodyadmin #formEvaluacion input{ font-size: 1em; /**height:14px;/**/ margin-bottom:1px; line-height: 14px; }

.vistacliente #formEvaluacion .optional {
	border-bottom: 1px solid #C6C6C6; color: #000000; float: left; font-size: 0.9em; font-weight: bold; height: auto; padding-bottom: 12px; padding-top: 10px; }

.titulo_cabecera .formLabelSuffix, .vistacliente .formLabelSuffix{
	display:none;
}

.textoavisoevalu{
	padding:20px;
	text-align: left;
}

.tablaranking th{
	background:none;
	cursor: default;
	padding:0px;
	padding-right:5px;
}

.pag-editarEncuesta fieldset.minimizado { padding-bottom: 10px !important; }
.pag-editarEncuesta fieldset.minimizado button{ background-position: 0px -9px !important; }
.pag-editarEncuesta fieldset.minimizado dd,
.pag-editarEncuesta fieldset.minimizado dt { display:none !important; }
.pag-editarEncuesta fieldset.minimizado div { display:none !important; }
.pag-editarEncuesta .esconder-pregunta{ display: block; }
.pag-editarEncuesta fieldset.minimizado .minimizadoVisible { display:block !important; }


.tablaranking{
	width:440px;
	overflow:hidden;
	table-layout: fixed;
}
.tablaranking td{
	overflow:hidden;
}


.ro_ajustada{
	height:550px;
	overflow: scroll;
	overflow-x: hidden;
}

/**************** css portada informe **************/
.informeportada{clear:both;color:black;}
.cabecera_ip{font-size:1.4em;}
.info_ip{line-height: 1.2em;}
.info_ip img{float:right;max-height:120px;}
.titulo_ip{width:960px;font-size:3em;text-align:center;padding-top:100px;}
.titulo-informe-portada { font-size:2em; text-align:center; padding-top:20px; }
.resultado_ip{width:960px;font-size:3em;text-align:center;padding-top:20px;}
.resultado-informe-portada { font-size: 3em; font-weight: bold; padding-left: 20px; }
.img_ip{width:960px;text-align:center;padding-top:20px;padding-bottom:20px;}
.logo_ip{width:960px;text-align:center /**;padding-top:50px;/**/ }

/********************** informe oleada *********************/
#formFiltros .dtWrapper{ display:none; }
.top-button-bar { float: left; margin-left: 10px; margin-top: 3px; }


/************** Tabla Preguntas Valores Resumen *************/
.neutro_color{ background-color: gray;}
.No_color{ background-color: red !important; }
.Si_color{ background-color: #3FC380 !important; }
.barrita-valores-pregunta{ display: inline-block; width: 100%; height: 10px; }
.pdg-preguntas{ padding: 2px 0px; }
.pdg-barritas{ padding-left: 20px; }
.content-barrita-pregunta{ vertical-align: middle; }
.td-title-ranking-preguntas{ text-align: right; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ border: none; border-top: 3px #c06a00 solid; }
.nav-tabs .active a{ color: #c06a00 !important;  }
.nav-tabs{ border: none; font-size: 15px;}
.nav-tabs li{ background-color: #eee; border-bottom: 1px #ddd solid;}
.nav-tabs .active{ border: none;}
.nav-tabs a{color: #000; text-transform: uppercase;}
.incumplidas-percentaje{ display: block; text-align: center; font-weight: bold; font-size: 14px; }

/************** DataTable ***************/
body.body_cliente_iteration1 table.fixedHeader-floating { margin-top: 0 !important; margin-bottom: 0 !important; }

/************* Evaluadores *************/
.evaluator-photo {
	display: none;
	border: 1px solid #fff;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
	margin-bottom: 10px;
}
#file-uploader {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	height: 100px;
}
.file-uploader .title {
	color: #555;
	text-align: center;
}
.file-uploader .file-upload {
	width: 100%;
	padding: 2rem;
	border: 2px dashed #CCCCCC;
	position: relative;
	overflow: hidden;
	transition: border 0.5s ease 0s;
	-webkit-transition: border 0.5s ease 0s;
	-moz-transition: border 0.5s ease 0s;
}
.file-uploader .file-upload:hover {
	border: 2px dashed #006DB4;
	transition: border 0.5s ease 0s;
	-webkit-transition: border 0.5s ease 0s;
	-moz-transition: border 0.5s ease 0s;
}
.file-uploader .file-upload:hover em.file-upload-icon,
.file-uploader .file-upload:hover input.file-upload-features {
	color: #006DB4;
	transition: color 0.5s ease 0s;
	-webkit-transition: color 0.5s ease 0s;
	-moz-transition: color 0.5s ease 0s;
}
.file-uploader .file-upload em.file-upload-icon {
	font-size: 4rem;
	text-align: center;
	margin: 0 auto;
	display: block;
	color: #b3b3b3;
	transition: color 0.5s ease 0s;
	-webkit-transition: color 0.5s ease 0s;
	-moz-transition: color 0.5s ease 0s;
}
.file-uploader .file-upload input.file-upload-features {
	display: block;
	margin: 0 auto;
	font-size: 0.9rem;
	font-weight: 400;
	text-align: center;
	color: black;
}
.file-uploader .file-upload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	z-index: 10;
	font-size: 20px;
	cursor: pointer;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}
.file-uploader ul.qq-upload-list {
	list-style-type: none;
}
.file-uploader ul.qq-upload-list li span {
	color: #333;
	font-size: 14px;
}

.file-uploader #photo {
	margin-top: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
.header-button-wrapper {
	margin-left:10px;
	margin-top:2px;
}
.question-description {
	font-size: .7rem!important;
}
.disable-field {
	pointer-events: none;
	background-color: #eee;
}
.readonly-field {
	background-color: #eee!important;
}

.translation-source-field {
	background-color: #fffbe0 !important;
}

.translation-target-field {
	background-color: #d9f0d3 !important;
}

.split-translation-field {
	background-color: #d5f0ee !important;
}

.highlight-field {
	border: 2px solid #ccc !important;
	background-color: #f0e2df !important;
}

.highlight-field-blue {
	border: 2px dashed #ccc !important;
	background-color: #fffde0 !important;
	font-size: 1rem !important;
	color: #0F377D !important;
	padding: 10px !important;
	margin-bottom: 15px !important;
}

.collapse-layer {
	position: relative;
	text-align: right;
	margin-right: 15px;
}
.collapse-layer > a {
	padding: 10px 10px;
}

.report-content h3,
.report-content h4,
.report-content .padding-content {
	padding: 10px !important;
}
.report-content h3 {
	background-color: #eee;
}
.report-content table {
	width: 100%;
}
.report-content #report-main-table {
	margin-top: 20px;
}
.report-content .icon {
	text-align: center;
}
.report-content .icon img {
	width: 48px;
	height: 48px;
}
.report-content .emphasis {
	font-size: 1.5rem!important;
	font-weight: bold;
	color: #013a7f;
}
.report-content h4 {
	text-align: center;
}
.report-content h3 > span.subtitle {
	font-size: .85rem;
	text-transform: uppercase;
}
.report-content .centered {
	text-align: center;
	font-size: 1.2rem;
}
.report-content .max-value {
	font-size: .85rem;
}
table.report-table td {
	padding-top: 15px;
	padding-right: 15px;
	border: 0;
}

table.report-table td strong {
	margin-right: 10px;
}

#formTest .grupoTabla input,
#formTest .grupoTabla select {
	border: 1px solid #ddd!important;
	padding: 5px;
}

/*** Mobile ***/
.body-mobile { overflow-x: hidden; }
.body-mobile .navbar-top { height: auto; margin-bottom: 10px; border-bottom: none; }
.body-mobile .centrado { width: auto; max-width: 960px; }

.size-inherit {
	text-transform: none!important;
}

/*** Pago de revisores ***/
.center-message {
	padding-top: 120px;
	padding-bottom: 120px;
	text-align: center;
}
.filter-container {
	padding: 40px 0;
}

.price-list {
	text-align: right;
	padding-right: 8px;
}

.price-list > .badge {
	color: #333;
	font-weight: bold;
	font-size: 14px;
	background-color: #ccc;
}

.customer-row td {
	font-weight: bold;
	background-color: #fffee0;
	text-transform: uppercase;
}

.wave-row td {
	font-style: oblique;
	background-color: #eee;
	text-align: right;
}

.wave-row td > span.record-count {
	font-size: 12px;
	padding-left: 15px;
	border-left: 3px solid #ccc;
	margin-left: 15px;
}

.text-counter {
	margin-bottom: 10px;
	text-align: right;
	font-size: 12px;
}

#reviewer_list tfoot tr:first-child {
	border-top: 25px #cccccc solid;
}

#reviewer_list tfoot tr th,
#reviewer_list thead tr th {
	background-color: #777;
	color: white;
}

#reviewer_list tfoot tr th span.badge {
	background-color: white;
}

.fa-green {
	font-size: 18px;
	color: #4A9166;
}

/** Histórico evaluadors **/
#tablahistorico tbody tr td {
	font-size: 14px;
	color: #333;
}
#tablahistorico tbody tr td:last-child {
	font-size: 11px;
	color: #333;
}

/** Attachments **/
.attachment-block {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
.attachment-block > h4 {
	border-bottom: 3px solid #ddd;
	background-color: #f4f4f4;
	padding: 10px;
	margin-top: 15px;
	font-size: .9rem;
	font-weight: bold;
	text-transform: uppercase;
}

.qq-table-item {
	width: 100%;
}

.qq-upload-list {
	width: 100%;
	height: 70px;
}

.qq-upload-button > a.btn {
	margin-left: 0 !important;
}

.thumbnail {
	border: 0;
	background-color: transparent;
}

.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.img-active__tol {
	opacity: 1!important;
	z-index: 999!important;
}

.image-toopltp {
	position: absolute;
	left:-15%;
	background-color: rgba(0, 0, 0, 0.75);
	padding: .5rem;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	top: 0;
	z-index: -1;
}

.attachment-block,
.attachment-single {
	position: relative;
}
.thumbnail{
	display: block;
}

.qq-upload-file > td {
	position: relative;
}

/** Evaluacion admin **/
.comment-icon {
	font-size: 16px;
	color: #ff0000;
}
.list-empty {
	padding: 50px 0;
	text-align: center;
	font-weight: bold;
}
.list-collapse {
	margin-left: 50px;
}
.list-header {
	line-height: 30px;
	color: #333;
	position:relative;
	background-color: #eee;
	border-top: 1px solid #ddd;
}
.list-container {
	background-color: transparent;
	border-top: 1px solid #ddd;
}
.list-title {
	font-style: oblique;
}
.list-title > .text-uppercase {
	display: inline-block;
	min-width: 185px;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-status {
	vertical-align: middle;
}
.text-status > span {
	background-color: #eee;
	font-style: oblique;
	border: 1px dashed #ccc;
	border-radius: 6px;
	padding: 4px;
	font-size: .6rem;
	margin-bottom: 3px;
	box-shadow: 2px 2px 2px #ddd;
}
.list-count {
	font-weight: bold;
	text-transform: lowercase;
	font-size: 11px;
	background-color: #2f3e46;
}
.list-total-count {
	color: #333;
	background-color: #eee;
	padding: 6px 10px;
	border: 1px solid #ccc;
}
.list-record-count {
	text-align: right;
	margin-bottom: 10px;
	padding-right: 60px;
}
.list-title-text {
	display: inline-block;
	min-width: 450px!important;
}
.list-padding {
	padding: 0 50px;
}
.list-check-all {
	display: inline-block;
}
.list-check,
.list-check-all {
	min-width: 30px;
	text-align: center;
	vertical-align: sub;
}
.list-badge {
	display: inline-block;
	width: 60px;
	text-align: center;
}
.list-icon {
	display: inline-block;
	min-width: 25px!important;
}
.list-icon i {
	border-radius: 50%;
	border: 1px solid #ccc;
	padding: 3px;
}
.list-info-icon,
.list-icon {
	min-width: 20px;
	text-align: center;
	vertical-align: middle;
}
.list-header .list-icon {
	width: 20px;
}
.list-info-icon {
	width: 30px;
}
.list-toolbar {
	float: right;
	font-size: 0.8em;
}
.list-actions {
	text-align: center;
	min-width: 30px;
	vertical-align: middle;
}
.table-sm {
	margin-bottom: 0;
}
.table-sm th,
.table-sm td {
	padding: 0.3rem;
	font-size: .7rem;
	border-top: none!important;
	border-bottom: 1px solid #ddd;
}
.table-sm tr:last-child td {
	border-bottom: none;
}
.list-toolbar .dropdown-toggle.collapsed .fa-chevron-up:before {
	content: "\f078"
}
.list-visit {
	color: #003b81;
	text-transform: uppercase;
}
.list-extra {
	display: block;
	font-size: .6rem!important;
	background-color: #f8e0e0;
	border: 1px solid #f6cece;
	border-radius: 6px;
	padding: 4px;
	box-shadow: 2px 2px 2px #eee;
}
.list-extra strong {
	text-transform: none;
}
.list-internal {
	display: block;
	font-size: .6rem!important;
	background-color: #d5f0ee;
	border: 1px solid #b8def0;
	border-radius: 6px;
	padding: 4px;
	box-shadow: 2px 2px 2px #eee;
	margin: 0 10px;
	cursor: pointer;
}

.list-internal > a > em {
	display: block;
	color: #333 !important;
	text-shadow: 1px 1px 2px #999!important;
	text-align: center;
}

.list-internal > a > em:hover {
	color: #0F377D !important;
}

.badge-percent {
	min-width: 65px;
	text-align: center;
	border: 1px solid #41a2f6;
	box-shadow: 2px 2px 2px #ccc;
	margin-right: 5px;
}
.list-user {
	font-size: .6rem!important;
	width: 130px;
}
.list-user > span {
	padding-top: 3px;
	display: inline-block;
}
.list-filter {
	margin: 25px 150px 5px 150px;
}
.list-filter .well {
	background-color: #ffe;
}
a.title-dropdown {
	color: #000;
}
a.title-dropdown:hover {
	color: #003b81;
}
a.title-dropdown:focus {
	text-decoration: none;
}

.evaluation-toolbar {
	background-color: #fff;
	padding-bottom: 10px;
}

.navbar-fixed-top {
	box-shadow: 0 2px #ddd;
}

.evaluator-container {
	padding-top: 6px;
	vertical-align: middle;
}
.evaluation-actions-container a {
	margin-right: 10px;
}

/**
 	MAP REPORT
 */
.tooltip ul {
	padding-left: 0;
	list-style: none;
}

.map-report svg {
	margin: 0 auto;
	display: block;
	/*width: 610px;*/
	/*height: 610px;*/
	fill: #f7f7f7;
	fill-opacity: 1;
	stroke: #555555;
	stroke-opacity: 1;
	stroke-width: 0.5;
	max-height: 470px;
	height: 470px;
}

.map-report svg path {
	cursor: inherit;
}

.map-report svg path:not([id="divider"]) {
	transition: 0.3s fill ease-out;
}
.map-report svg path:not([id="divider"]):hover,
.map-report .path-hover.active:not([id="divider"]) {
	fill: #cbbab7;
	cursor: pointer;
	stroke: #333333;
	stroke-opacity: .5;
	stroke-width: 1;
}

.map-report svg path[id="divider"] {
	fill: #eeeeee;
}

.map-report svg text {
	font-size: 10px;
	font-weight: bold;
	fill: #ffffff;
	stroke: #ffffff;
	stroke-width: .5;
}

.map-report svg path.filter:not([id="divider"]):hover {
	fill: url('#stripe-provinces') #24ff7a;
	stroke: #aaaaaa;
}

.map-report svg path.filter:not([id="divider"]),
.map-report .path-hover.filter:not([id="divider"]) {
	fill: url('#stripe-provinces') #24ff7a;
}

.map-report svg text.active:hover {
	cursor: pointer;
}

.map-report svg rect {
	fill: #333333;
	stroke: #bbbbbb;
	fill-opacity: 0.7;
	box-shadow: 2px 2px 2px #333;
}

.map-tooltip {
	pointer-events: none;
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #333;
	padding: 10px 15px;
	z-index: 5;
	height: 50px;
	line-height: 30px;
	margin: 0 auto;
	color: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 2px rgba(150, 150, 150, .5);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: none;
}
.map-tooltip.active {
	display: block;
}

.map-tooltip:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #333;
}

.map-badge-container {
	width: 87%;
	text-align: right;
	float: right;
}

.map-badge {
	display: inline-block;
	border: 1px solid #ccc;
	background-color: #eee;
	color: #333;
	border-radius: 5px;
	font-size: .6rem!important;
	text-transform: capitalize;
	margin-right: 10px;
	padding: 2px 5px;
	box-shadow: 2px 2px 2px rgba(150, 150, 150, .5);
	margin-bottom: 8px;
}

.map-badge > i {
	margin-left: 5px;
	border-radius: 50%;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 2px 3px;
}

.map-badge > i:hover {
	cursor: pointer;
	background-color: #333;
	color: #fff;
	border-color: transparent;
}

#chart_historic,
#table_historic {
	display: none;
}
#table_historic {
	max-height: 550px;
	border-bottom: 1px solid #eeeeee;
}
#table_historic table {
	padding: 0;
}
#table_historic table td,
#table_historic table th {
	font-size: .65rem;
	text-align: center;
}
#table_historic table th
{
	vertical-align: middle
}
#table_historic table th:first-child {
	text-align: left;
	text-transform: uppercase;
}
#table_historic table th > span {
	font-size: .65rem;
	width: 120px;
	word-wrap: break-word;
}
#table_historic table th > span.vertical {
	transform: rotate(-90deg);
	display: inline-block;
}
#table_historic table td.installation {
	max-width: 150px;
	font-weight: bold;
	color: #003b81;
	text-align: left;
}
.percent {
	font-size: 0.8rem;
	vertical-align: middle;
}
.percent > span {
	width: 70px;
	display: inline-block;
	font-weight: bold;
	color: #333;
	text-shadow: 2px 2px 2px #ddd;
}
.percent > i {
	display: inline-block;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	box-shadow: 2px 2px 2px #ddd;
}
#historic_config {
	text-transform: initial;
	font-weight: initial;
	margin-top: 4px;
	margin-right: 16px;
}
#historic_config a {
	display: inline-block;
	min-width: 130px;
	text-transform: uppercase;
	text-align: center;
	color: #888888;
	font-weight: bold;
	background-color: #dddddd;
	border-left: 4px solid #cfcfcf;
	border-top: 4px solid #cfcfcf;
	border-right: 4px solid #cfcfcf;
	border-bottom: 4px solid #cfcfcf;
	padding: 1px 15px;
}
#historic_config a:hover,
#historic_config a.active {
	color: #003B81;
	text-decoration: none;
	border-color: #cfcfcf;
}
#historic_config a.active {
	border-bottom: 4px solid #ffffff;
	background-color: #ffffff;
}
#historic_config a:not[class~="active"]:hover {
	border-bottom: 4px solid #ffffff;
}
#list_wrapper {
	/*width: 95%;*/
	/*margin-left: auto;*/
	/*margin-right: auto;*/
}

#analysis_question .percent {
	font-size: 0.8rem;
	vertical-align: middle;
	text-align: center;
}
#analysis_question .title {
	font-size: 0.8rem;
	font-weight: bold;
}

#analysis_question th {
	font-size: 0.9rem;
}

@media (max-width: 795px) {
	.maps-modal-extra-lg {
		/*width: auto !important;*/
		min-width: 550px;
	}
}
@media (max-width: 1200px) {
	.maps-modal-extra-lg {
		width: auto !important;
	}
}
.maps-modal-extra-lg {
	width: 1400px;
}

.maps-modal-content {
	padding: 15px !important;
}

.modal-historic {
	/*width: 600px;*/
	margin-left: auto;
	margin-right: auto;
}

.padding-field {
	margin-bottom: 50px!important;
}

.wave-list__list > span {
	font-size: x-small;
}
.wave-list__list > span:first-child {
	margin-left: 0;
}
.wave-list__list > span {
	margin-left: 5px;
}

.dashboard-group__item {
	background-color: #f7f7f7;
	/*font-size: 1rem;*/
	border-radius: 5px;
	box-shadow: 0px 2px 3px #c5c5c5;
	flex:1;
	margin: 15px;
	overflow: hidden;
}

.dashboard-group__head  {
	text-align: center;
	border-bottom: 4px solid #eee;
	font-weight: bold !important;
}
.dashboard-group__head > h4 {
	font-weight: bold !important;
}
.dashboard-group__list-item {
	border-bottom: 2px dashed #eee;
	padding: 5px;
	cursor: pointer;
}
.dashboard-group__list-item:hover {
	background-color: #efefef;
}
.dashboard-group__list-item:last-child {
	border-bottom: none;
	margin-bottom: 10px;
}
.dashboard-group__list-item-title,
.dashboard-group__list-item-value {
	text-align: center;
}
.dashboard-group__list-item-value {
	color: #fff;
	font-weight: bold;
	background-color: #fff;
	text-shadow: 0 0 1px #444;
	font-size: 1rem;
	text-align: center;
}

.badge-role {
	color: #333;
	background-color: #ddd;
	border-radius: 3px;
	margin: 2px;
}

tr.row-disabled {
	background-color: #ffecee!important;
}

tr.row-disabled:hover {
	background-color: #fff6da!important;
}


/* ==========================================================================
   ##NEW INTERNAL LINK OBSERVATIONS
========================================================================== */

.list-internal .dropdown-menu{
	width: 600px;
	left: -250px;

}

#observaciones_internas_observaciones_internas{
	min-height: 210px;
	max-height: 300px;
}


/* ==========================================================================
   ##TOOLTIP
========================================================================== */

a.tooltips {
	position: relative;
	display: inline;
}
a.tooltips span {
	position: absolute;
	color: #ffffff;
	background: #000000;
	line-height: 1;
	padding: 1rem;
	visibility: hidden;
	min-width: 250px;
	max-width: 300px;
	font-size: 0.8rem;
	border-radius: 6px;
}
a.tooltips span:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0; height: 0;
	border-top: 8px solid #000000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
a:hover.tooltips span {
	visibility: visible;
	opacity: 0.8;
	bottom: 30px;
	left:0;
	margin-left: -76px;
	z-index: 999;
}

.toooltip__pre{
	color: #ffffff;
	background: #000000;
	margin: auto;
	white-space: pre-wrap;
	padding: 0;
	font-size: 0.8rem;
	border:none;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
}

.hidden-tooltip span{
	display: none;
}

/* ==========================================================================
   ##BUTTONS ACTIONS
========================================================================== */

.buttons-actions__container {
	display: flex;
	justify-content: space-between;
}

.buttons-actions__delete{
	display: none;
	margin-right: 6rem;

}

.buttons-actions__delete.is-active{
	display: inline;
}

.historic-graph__button {
	padding: 0.4rem 0.7rem;
	opacity: 0.8;
	color: black;
	margin-right: 0.8rem;
	border-radius: 5px;
}

.historic-graph__button--show-all{

	background-color: rgb(139,250,125);
}

.historic-graph__button--hide-all{
	background-color: rgb(252,157,157);
}

.historic-graph__button--reset {
	background-color: rgb(246,230,140);
}


#historico_filtrofecha_filter_interval-element {
	background: white;
	position: absolute;
	min-width: 200px;
	border-radius: 10px;
	padding: 1rem;
	visibility: hidden;
	opacity: 0;
	z-index: 999;
	transition: .4s opacity ease-in-out;
	box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.16);
}


#historico_filtrofecha label {
	cursor: pointer;
}

#historico_filtrofecha_filter_interval-element.is-active{
	visibility: visible;
	opacity: 1;
}

.filter-date__form{
	display: flex;
	justify-content: center;
	padding-top: 1rem;
}

.filter-date__button{
	padding-left: 1rem;
}

.filter-date__input{
	margin-right: 0.3rem!important;
}

.filter-date__submit{
	padding-left: 0.4rem;
	padding-right: 0.4rem;
}

.arrow__filter {
	border-bottom: 2px solid #4183D7;
	border-right: 2px solid #4183D7;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	margin-top: 0.2rem;
	margin-right: 0.4rem;
	transition: 0.5s all ease-in-out ;
}

.filter-date__form.is-open .arrow__filter {
	transform: rotate(-135deg);
}

.label--big{
	font-size: 90%;
}

.tags-group {
	margin-left: 6.5rem;
}

a.tooltips-cont{position:relative;display:inline}a.tooltips-cont span{position:absolute;width:100%;color:#FFF;background:#000;line-height:1.6;text-align:center;visibility:hidden;border-radius:6px}a.tooltips-cont span:after{content:'';position:absolute;bottom:100%;left:50%;margin-left:-8px;width:0;height:0;border-bottom:8px solid #000;border-right:8px solid transparent;border-left:8px solid transparent}a:hover.tooltips-cont span{visibility:visible;opacity:.8;top:50px;left:5rem;margin-left:-76px;z-index:999}




/*new*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600;700;900&display=swap');

.buttons_adora {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 170px;
}

.buttons_adora .btn {
	padding: 0;
	margin: 0 .25rem;
	height: 2rem;
	width: 2rem;
}

.buttons_adora .btn img {
	object-fit: cover;
	max-width: 100%;
}

.title_adora {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	opacity: .2;
	text-transform: uppercase;
	text-align: center;
	font-size: 2rem;
	margin-top: 4rem;
}


.row_adora {
	display: flex;
	justify-content: center;
	align-items: center;
}

.row_adora .formGris2 { flex: 1; margin-right: 1rem}


.modal_instalacion-adora .formov .optional,
.modal_instalacion-adora .formov .required,
.row_adora .formGris2 .zend_form .optional {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: .85rem;
	color: #777;

}


.modal_instalacion-adora .formov .required {
	color: #5f77ad;
}

.row_adora .formGris2 .zend_form .inputFile {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	background: #f5f5f5;
	cursor: pointer;
}

.row_adora .formGris2 .zend_form .inputFile::file-selector-button {
	font-weight: 400;
	color: #5f77ad;
	background: none;
	padding: 0.5em 2rem;
	margin-right: 1rem;
	border: solid 1px #5f77ad;
	border-radius: 3px;
	cursor: pointer;
}

.row_adora .formGris2 .zend_form .inputFile:hover::file-selector-button {
	background:#5f77ad;
	color: #fff;
}

.btn-warning {
	background: #df842b;
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	border: 0;
	position: relative;
	padding: 0.4rem 1.4rem;
	transition: all .4s ease;
}

.btn-warning:hover {
	transition: all .4s ease;
	background: #ff9c21;
	border: 0 !important;
}

.btn-danger {
	background: #cd0200;
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	border: 0;
	position: relative;
	padding: 0.4rem 1.4rem;
	transition: all .4s ease;
}

.btn-danger:hover {
	transition: all .4s ease;
	background: #ff1d1b;
	border: 0 !important;
}

.btn-primary {
	background: #345578;
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	border: 0;
	position: relative;
	padding: 0.4rem 1.4rem;
	transition: all .4s ease;
}

.btn-primary:hover {
	transition: all .4s ease;
	background: #6d94bf;
	border: 0 !important;
}

.modal_instalacion-adora {
	max-height: calc(100% - 120px);
	overflow: auto;
	left: 50%;
	width: 50%;
	transform: translateX(-50%);
	margin: 0;
	height: auto;
}

.table_supervisores-adora {
	margin-top: 1rem;
}

.modal_instalacion-adora .overlayOk400 {
	height: auto; }

.modal_instalacion-adora .selectorrevisor,
.modal_instalacion-adora .formov {
	padding: 0 3rem 3rem;
	font-size: 0.9rem;
	display: flex;
	flex-direction: column;
}

.selectorrevisor .align_left {
	margin-top: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.modal_instalacion-adora .formov .grupoTabla { width: 100%;}
.modal_instalacion-adora .formov .grupoTablaCols2 .input_anadir_pob { width: 100%; }
.modal_instalacion-adora .formov input { width: 100%;}
.modal_instalacion-adora .input_anadir_pob { width: 100%; margin: 0;}
.modal_instalacion-adora .formov textarea { width: 100%; }
.modal_instalacion-adora .formov .grupoTablaCols3 .grupoTablaCelda .inputmediano {width: 100%;}
.modal_instalacion-adora .grupoTablaCelda {padding: 0}
.modal_instalacion-adora .formov .grupoTablaCelda dl {
	padding: 0 0.5rem;
}

.modal_instalacion-adora .formov .grupoTablaCelda dl:first-child { padding-left: 0;}
.modal_instalacion-adora .formov .grupoTabla .grupoTablaCelda:last-child dl{ padding-right: 0;}

.modal_instalacion-adora select,
.modal_instalacion-adora input,
.modal_instalacion-adora textarea
{
	font-weight: 400;
	color: #666;
	background: none;
	padding: 0.5em 1rem;
	margin-right: 1rem;
	border: solid 1px #5f77ad;
	border-radius: 3px;
	cursor: pointer;
}

.send-oleda__input {
	flex: 1;
	font-weight: 400;
	color: #666;
	background: none;
	padding: 0.5em 1rem;
	margin-right: 1rem;
	border: solid 1px #5f77ad;
	border-radius: 3px;
}

.modal_instalacion-adora input[type="checkbox"] {
	width: 1.5rem;
	height: 1.5rem;
}

.acciones_empresa-adora {
	display: flex;
	justify-content: center;
	align-items: center;
}

.acciones_empresa-adora .divareainsta {
	flex: 1;
}


.lista_zon .divareaempresas {
	margin-top: 2rem;
}

.editar_cliente-adora {
	display: flex;
	margin-top: 2rem;
	margin-bottom: 2rem;
	width: 100%;
}

.editar_cliente-adora  #formEvaluador {
	width: 100%;
	padding: 0;
}

.editar_cliente-adora #formEvaluador  select,
.editar_cliente-adora #formEvaluador  input,
.editar_cliente-adora #formEvaluador  textarea
{
	font-weight: 400;
	color: #666;
	background: none;
	padding: 0.5em 1rem;
	margin-right: 1rem;
	border: solid 1px #5f77ad;
	border-radius: 3px;
	cursor: pointer;
	width: 100%;
	max-width: 100%;
}

.editar_cliente-adora #formEvaluador .select2-container {
	width: 100%;
}
.editar_cliente-adora #formEvaluador .select2-container .select2-choice {
	font-weight: 400;
	color: #666;
	background: none;
	padding: 0.5em 1rem;
	margin-right: 1rem;
	border: solid 1px #5f77ad;
	border-radius: 3px;
	cursor: pointer;
	height: auto;
	margin: 0;
}

.editar_cliente-adora .grupoTablaCols4 {
	margin: 0;
	width: 100%;
}

.footer_cliente-adora {
	display: flex;
	width: 100%;
	justify-content: center;
}

.editar_cliente-adora#datosnuevocliente #formEvaluador_usuario,
.editar_cliente-adora#datosnuevocliente #formEvaluador_password_plano {
	width: 100%;
	max-width: 100%;
}

.editar_cliente-adora #formEvaluador  input::file-selector-button {
	font-weight: 400;
	color: #5f77ad;
	background: none;
	padding: 0.5em 2rem;
	margin-right: 1rem;
	border: solid 1px #5f77ad;
	border-radius: 3px;
	cursor: pointer;
}

.editar_cliente-adora #formEvaluador input[type="checkbox"] {
	width: 1.5rem;
	height: 1.5rem;
}


.filter_adora {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.filter_adora:after,
.filter_adora:before {
	display: none;
}

.col-filter-adora {
	flex: 1;
	padding: 0.5rem;
}

#formEvaluador_fecha_actualizada-element{
	display: flex;
}
#updateFechaActualizadaBtn{
	font-size: 0.8rem;
	margin: 0 .5rem;
}
#formEvaluacion .labeltextarea{
	height:60px;
}

dl .dl-row {
	page-break-inside: avoid !important;
}
#formEvaluacion dd{
	/*border-bottom: 5px solid gray;*/
	/*page-break-inside: avoid !important;*/
}
#formEvaluacion dd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#formEvaluacion dt{
	/*border-bottom: 1px solid gray;*/
}

#formEvaluacion fieldset{
	margin-left:50px;
	border:1px solid #C6C6C6;
	padding:10px;
	margin-bottom:10px;
	position:relative;
	padding-top: 2.8rem;
}

#formEvaluacion .hint{
	position:absolute;
	right:10px;
	top:10px;
	font-size:0.7em;
	color:black;
	font-weight: bold;
}

#formEvaluacion textarea, .generictextarea{
	border: 1px solid #C6C6C6;
	height: 60px;
	margin-bottom: 10px;
   margin-top: 1px;
	width: 70%;
	color:black;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	padding: .2rem .5rem;
}

  #formEvaluacion .obligatoria-container textarea, .generictextarea {
	width: 43%;
}

.alert-evaluation {
	background-color: #f8f6d7 !important; /* color de fondo de advertencia */
}
.alert-none{
	display: none !important;
}

.obligatoria-container .titulo_obligatoria .formLabelSuffix{
	display: none !important;
}

.obligatoria-container {
	background-color: #f8f9fa;  /* Un fondo claro, neutro */
	border: 1px solid #dee2e6;  /* Un borde sutil */
	border-radius: 8px;         /* Bordes redondeados */
	padding: 20px;              /* Espacio interior para no tocar los bordes */
	margin-bottom: 20px;        /* Margen para separar de otros elementos del formulario */
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);  /* Sombra suave para profundidad */
	transition: all 0.3s ease;  /* Transición suave para efectos hover */
}

.obligatoria-container:hover {
	box-shadow: 0 6px 12px rgba(0,0,0,0.15);  /* Sombra más intensa al pasar el ratón */
	transform: translateY(-2px);  /* Levanta ligeramente el contenedor al hacer hover */
}

.titulo_obligatoria {
	font-size: 16px;             /* Tamaño de fuente adecuado para títulos */
	color: #495057;              /* Color oscuro para el texto */
	font-weight: bold;           /* Hacer el texto bold para importancia */
	margin-bottom: 10px;         /* Espacio después del título */
}

.campo_cabecera {
	background-color: #ffffff;  /* Fondo blanco para los campos */
	border: 1px solid #ced4da;  /* Borde sutil */
	border-radius: 4px;         /* Bordes ligeramente redondeados para los campos */
	padding: 10px 15px;         /* Padding interno para los campos */
	font-size: 14px;            /* Tamaño de fuente estándar */
	color: #495057;             /* Color de texto oscuro para legibilidad */
	margin-bottom: 10px;        /* Margen para separar campos */
	display: block;             /* Asegurar que cada campo ocupe su propia línea */
	width: 100%;                /* Aprovechar el ancho completo del contenedor */
}

.campo_cabecera:focus {
	border-color: #80bdff;      /* Cambiar el color del borde en focus para mejor visibilidad */
	outline: 0;                 /* Remover el outline predeterminado */
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); /* Sutil glow azul al enfocar */
}

.tgl {
	width: 2rem!important;
}

.obligatoria-container .tgl {
	appearance: none;
	background-color: #dfe1e4;
	border-radius: 72px;
	border-style: none;
	flex-shrink: 0;
	height: 20px;
	margin: 0;
	position: relative;
	width: 30px;
}

.obligatoria-container .tgl::before {
	bottom: -6px;
	content: "";
	left: -6px;
	position: absolute;
	right: -6px;
	top: -6px;
}

.obligatoria-container .tgl,
.obligatoria-container .tgl::after {
	transition: all 100ms ease-out;
}

.obligatoria-container .tgl::after {
	background-color: #fff;
	border-radius: 50%;
	content: "";
	height: 14px;
	left: 3px;
	position: absolute;
	top: 3px;
	width: 14px;
}

.obligatoria-container input[type=checkbox] {
	cursor: default;
}

.obligatoria-container .tgl:hover {
	background-color: #c9cbcd;
	transition-duration: 0s;
}

.obligatoria-container .tgl:checked {
	background-color: #6e79d6;
}

.obligatoria-container .tgl:checked::after {
	background-color: #fff;
	left: 13px;
}

.obligatoria-container :focus:not(.focus-visible) {
	outline: 0;
}

.obligatoria-container .tgl:checked:hover {
	background-color: #535db3;
}

.obligatoria-container input {
	margin-left: 1.3rem !important;
	margin-top: 1.3rem !important;
}

.obligatoria-container textarea {
	margin-left: 1.3rem !important;
	margin-top: 1.3rem !important;
}
.divinst{
	font-size:0.8em;
	padding:10px;
}

#formEvaluacion_enviar, #formEvaluacion_guardar, #formEvaluacion_rechazar, #formEvaluacion_validar{
	 /*background: url("../img/interfaz/bot_evaluador.jpg") no-repeat scroll center center transparent;
    font-size: 0.7em;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
	color:white;
    text-align: center;
    width: 300px;
	 cursor:pointer;*/
}

.botabajo{
	background: url("../img/interfaz/bot_evaluador.jpg") no-repeat scroll center center transparent;
    font-size: 0.7em;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
	color:white;
    text-align: center;
    width: 300px;
	 cursor:pointer;
}

#formEvaluacion .sombreado{ color: #444444; background-color: #D5D5D5; display:none; }
.vistacliente #formEvaluacion .sombreado, .bodyadmin #formEvaluacion .sombreado{ display:inline-block; }

#formEvaluacion .sombreado_cabecera { background-color: #D5D5D5; color: #444444; }
#overlayAvisoevaluador { width: 650px; height: 500px; margin-left: -325px; }
#overlayAvisoevaluador .textoavisoevalu { padding-top: 0; padding-bottom: 0; }

/**********************/

#cargador {
	display: none; position: fixed; z-index: 10002; width: 133px; left: 50%; top: 50%; margin-left: -65px; margin-top: -60px; font-size: 90%; text-align: center;
	background-color: #FAFAFA; padding: 10px 8px; color: #333333; border: 1px solid #DADADA; }
#cargador .progress { margin-bottom: 10px; }
#cargadorModal {
	display: none; position: fixed; z-index: 10001; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(255,255,255,0.4); cursor: default; }


/*******************************************************************************************************/
.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:inline-block; float:left; /* or inline-block
    width: 105px; padding: 7px 0; text-align:center;
    background:#880000; border-bottom:1px solid #ddd;color:#fff; /**/
}
.qq-upload-button-hover { /**background:#cc0000;/**/ }
.qq-upload-button-focus { /**outline:1px dotted black;/**/ }

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background-color: #e5c5c6; text-align:center; }
.qq-upload-drop-area span { display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; }
.qq-upload-drop-area-active { background-color: #e5c5c6; }

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px; }

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("../img/admin/ui-anim_basic_16x16.gif"); width:16px; height:16px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}


.boton_subir{
	background: url("../img/interfaz/boton_instrucciones2.jpg") no-repeat center center;
	width:119px;
	height:25px;
	font-size:0.7em;
	font-weight:bold;
	text-align: center;
	line-height: 25px;
	margin-left:0px;
	margin-top:5px;
	color:white;
}


/*******************/
#botonerainicio{
	padding-top:15px;
	position:relative;
}
#botonerainicio2 li{

}
#botonerainicio2 li div{
	padding-top: 10px;
	font-size: 0.7em;
	width: 215px;
	margin-right: 10px;
	margin-left: 15px;
	float: left;
	color: #F5F5F5;
}

#botonerainicio li, #botonerainicio2 li{
	/*height:107px;*/
	float:left;
}

#botonerainicio li a{
	background: url("../img/interfaz-evaluadores/botoninicio.png") no-repeat;
	height:107px;
	width:230px;
	display:block;
	float:left;
	color:white;
	margin-right: 10px;
	text-transform: uppercase;
	line-height: 107px;
	font-size: 1.1em;
}

#botonerainicio li a:hover{
	background: url("../img/interfaz-evaluadores/botoninicio.png") no-repeat;
	height:107px;
	width:230px;
	background-position: -230px 0px;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }



/*

@font-face {
    font-family: 'QuicksandLight';
    src: url('css/fuente/Quicksand_Light-webfont.eot');
    src: url('css/fuente/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fuente/Quicksand_Light-webfont.woff') format('woff'),
         url('css/fuente/Quicksand_Light-webfont.ttf') format('truetype'),
         url('css/fuente/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/


#descargar_ficheros{

	background: url("../img/interfaz/boton_rellenar.jpg") no-repeat scroll 0 0 transparent;
    color: white;
    cursor: pointer;
    font-weight: bold;
	font-size:0.5em;
    height: 25px;
    margin-top: 20px;
    text-align: center;
    width: 80px;

}

/*_________________________________________________________________ */
.formGris .description { color: #999999; font-size: 0.8em; }
.formGris2 textarea { border: 1px solid #C6C6C6; font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; }
.formGris2 label { font-size: 0.8em; }
.formGris2 dt { margin-bottom: 2px; }
.formGris2 dd { margin-bottom: 10px; }
/*.formGris input, .formGris select, .formGris textarea { font-size: 1.2em; }*/
.formGris3 dt { margin-bottom: 2px; }
.formGris3 dd { margin-bottom: 10px; }

.faltan_campos{
	color:red;
	padding:10px;
	border:2px dotted red;
	width:300px;
}


.elem_oculto{
	display:none;
}

#formVehiculos_matriculav_0_0, #formVehiculos_matriculav_0_1,
#formVehiculos_matriculav_1_0, #formVehiculos_matriculav_1_1, #formVehiculos_matriculav_1_2,
#formVehiculos_matriculav_2_0, #formVehiculos_matriculav_2_1,
#formVehiculosEditar_matriculav_0_0, #formVehiculosEditar_matriculav_0_1,
#formVehiculosEditar_matriculav_1_0, #formVehiculosEditar_matriculav_1_1, #formVehiculosEditar_matriculav_1_2,
#formVehiculosEditar_matriculav_2_0, #formVehiculosEditar_matriculav_2_1{
	width:60px;
	margin-left:5px;
	float:left;
}

#formVehiculos_matriculav-element, #formVehiculosEditar_matriculav-element{
	clear:both;
	height:70px;
	padding-left:90px;
}
#formVehiculos_matriculav-element .description, #formVehiculosEditar_matriculav-element .description{
	padding-top:30px;
	padding-right:50px;
}

/*********************** edicion por pasos *********************/
.pie_paso1{
	background: url("../img/interfaz/paso1.jpg") no-repeat;
	width:898px;
	height:94px;
}
.pie_paso2{
	background: url("../img/interfaz/paso2.jpg") no-repeat;
	width:898px;
	height:94px;
}
.pie_paso3{
	background: url("../img/interfaz/paso3.jpg") no-repeat;
	width:898px;
	height:94px;
}
.pie_paso4{
	background: url("../img/interfaz/paso4.jpg") no-repeat;
	width:898px;
	height:94px;
}
.pie_paso5{
	background: url("../img/interfaz/paso5.jpg") no-repeat;
	width:898px;
	height:94px;
}
.pie_pasos ul li{
	float: left;
	width: 169px;
	padding-top: 24px;
	padding-left: 68px;
}
.pie_pasos ul .pasoactual{
	color:black;
}
.pie_pasos ul .pasoactual span{
	font-weight:bold;
}
.pie_pasos ul li p{
	font-size:0.8em;
}

.formpaso2 #formEvaluador textarea{
		background-color: #F2F2F2;
    border: 2px solid #E6E6E6;
    border-radius: 5px 5px 5px 5px;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    height: 80px;
    padding-left: 5px;
    width: 170px;
}

.formpaso2 #formEvaluador fieldset #formEvaluador_trabajo_actual-element, .formpaso2 #formEvaluador fieldset #formEvaluador_observaciones-element, .formpaso2 #formEvaluador fieldset #formEvaluador_disponibilidad-element{
	height:80px;
}

.editarpaso3 #formsr_acceso button{
	display:block;
	margin-bottom:10px;
}
.editarpaso3 .inputpaso3{
	margin-left:0px;
	color: #003C8F;
	font-weight:bold;
}
.editarpaso3 .ui-multiselect{
	display:block;
}

.formpaso4{
	float:left;
}
.formpaso4 .input_anadir_pob, .formpaso4 .input_anadir_pob_tx{
	margin-left:0px;
}
.formpaso4 #formVehiculos label{
	text-align:left;
	width:auto;
}
.listadopaso4{
	float:left;
	margin-left:20px;
}
.listadopaso4 #area_vehiculos{
	width:600px;
}

.formpaso5 #formEvaluador fieldset label {
	padding-top:0px;
}

.formpaso5 #grcolumna1-element{
	padding-right:30px;
}
.formpaso5 #formEvaluador fieldset label{
	width:150px;
}
.formpaso4 #formVehiculos_matriculav-element .description{
	width:220px;
	padding-right:10px;
	font-size:0.8em;
}
.formpaso1 div.ui-datepicker{
	font-size:10px;
}
.area_poblaciones_ev span{
	display:block;
	float:left;
	width:250px;
	font-size:0.8em;
	white-space:nowrap;
	overflow:hidden;
	padding-top:5px;
}
.area_poblaciones_ev input{
	dispaly:none;
}

.contenedor-contrato {
	width: 100%;
	height: 400px;
	overflow-y: scroll;
	border: 1px solid #ddd;
	padding: 1cm;
	margin-bottom: 25px;
	background-color: #fff;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
}

.contenedor-contrato-full {
	width: 100%;
	padding: 2.5cm;
	background-color: #fff;
}

.navbar-header-upload {
	float: none;
	text-align: center;
	margin-top: 20px;
}

.navbar-action {
	margin-top: 5px;
	float: right;
}

.navbar-group {
	float: left;
}

.inputFile {
	width: 100%
}

/************ test  */

#formTest{
	padding-top:10px;padding-bottom:40px;
	font-size:0.9em;
}
#formTest dt label{
	color:black;
	padding-bottom:20px;padding-top:30px;display:block;
	border-bottom:1px solid #c0c0c0;
}

#formTest dd label span{
	padding-right:10px;
}

/************ paso 4 overlay */

.linkovepaso4{
	color:white;display:inline-block;padding:7px;background-color:#f38025;
	border-radius:5px;
}
.linkovepaso4:hover{
	color:white;
}
.ovpaso4div{
	padding-left:30px;padding-right:30px;font-size:0.9em;
}
.ovpaso4div > div{ font-size:0.8em; padding-top:10px; }

/************** vista cliente ******/

#tablaporcentajes table{
	width:700px;
	/*margin:0px auto;*/

}
#tablaporcentajes table td{
	padding:10px;
	background-color:#f3f3f3;
	border:5px solid white;
	font-size:0.8em;
}
#tablaporcentajes table .tdtotal{
	text-align:right;
	background-color:#cee7ff;
}
#tablaporcentajes table .tdobtenido{
	text-align:right;
	background-color:#ccffe6;
}
#tablaporcentajes table .tdpor{
	text-align:right;
	background-color:#ffe3d7;
}


/******************* estilos vista admin *************************/

.cabecera_encuesta_prin{
	text-align:center;
	padding:15px;
	margin:15px 0px;
	background-color:#013a7f;
	color:white;
}
.cabecera_encuesta_comp{
	text-align:center;
	padding:15px;
	margin-top:30px;
	background-color:#013a7f;
	color:white;
}

#formEvaluacion .inputText, #formEvaluacion .vctextarea, #formEvaluacion .vccomentario, #formEvaluacion .textarea_comp{
	text-transform:uppercase;
}

.admin-evaluaciones .checkall { margin-right: 5px; }
/*.admin-evaluaciones .dropdown-toggle { margin-top: 8px; }*/
.admin-evaluaciones .dropdown-toggle.collapsed .fa-caret-up:before { content: "\f0d7" }
.admin-evaluaciones .well { margin-bottom: 0; }

/*************vista evaluador ************/

#contenedoreval .vccomentario{
	width: 949px;
	height:250px;
	font-size:1.1em;
	padding: 0 1rem;
	/*margin-left:150px;*/
}

/***************** curriculums captura */


.curriculums_div .formGris2 textarea{
	width:400px;
	margin-right:20px;
}
.curriculums_div dt{
	display:none;
}
.curriculums_div dd{
	float:left;
}

#fuenteHtmlCurriculumInfoJobs_enviar-element{
	clear:both;
}

/*************** busqueda ***********/

#contratobusqueda-element{
	clear:both;
}

#fieldset-contratobusqueda{
	background-color:silver;
	padding:10px;
}
#fieldset-contratobusqueda p{
	text-align:center;
	font-weight:bold;
}
#formEvaluador #fieldset-contratobusqueda .inputgrande{
	width:170px;
}


/*****************************RESUMEN OLEADA ***************************/

.spaninline{
	vertical-align: top;
	display: inline-block;
}

.ro_bloqueizq{
	vertical-align: top;
	display:inline-block;
	width: 50%; /** 800px **/
	padding-right:15px;
}
.ro_bloqueder{
	vertical-align: top;
	display:inline-block;
	width: 50%; /** 440px; **/
	padding:0px 5px;
	border:1px solid #EEEEEE;
}

/******************************/
.formLabelSuffix{ display:block; color:gray; }

.bodyadmin #formEvaluacion .optional {
    border-bottom: 1px solid #C6C6C6; color: #000000; float: left; font-size: 1.1em; font-weight: bold; height: auto; padding-bottom: 0px; padding-top: 8px; }

.bodyadmin #formEvaluacion input{ font-size: 1em; /**height:14px;/**/ margin-bottom:1px; line-height: 14px; }

.vistacliente #formEvaluacion .optional {
    border-bottom: 1px solid #C6C6C6; color: #000000; float: left; font-size: 0.9em; font-weight: bold; height: auto; padding-bottom: 12px; padding-top: 10px; }

.titulo_cabecera .formLabelSuffix, .vistacliente .formLabelSuffix{
	display:none;
}

.textoavisoevalu{
	padding:20px;
	text-align: left;
}

.tablaranking th{
	background:none;
	cursor: default;
	padding:0px;
	padding-right:5px;
}

.pag-editarEncuesta fieldset.minimizado { padding-bottom: 10px !important; }
.pag-editarEncuesta fieldset.minimizado button{ background-position: 0px -9px !important; }
.pag-editarEncuesta fieldset.minimizado dd,
.pag-editarEncuesta fieldset.minimizado dt { display:none !important; }
.pag-editarEncuesta fieldset.minimizado div { display:none !important; }
.pag-editarEncuesta .esconder-pregunta{ display: block; }
.pag-editarEncuesta fieldset.minimizado .minimizadoVisible { display:block !important; }


.tablaranking{
    width:440px;
    overflow:hidden;
    table-layout: fixed;
}
.tablaranking td{
    overflow:hidden;
}


.ro_ajustada{
    height:550px;
    overflow: scroll;
    overflow-x: hidden;
}

/**************** css portada informe **************/
.informeportada{clear:both;color:black;}
.cabecera_ip{font-size:1.4em;}
.info_ip{line-height: 1.2em;}
.info_ip img{float:right;max-height:120px;}
.titulo_ip{width:960px;font-size:3em;text-align:center;padding-top:100px;}
.titulo-informe-portada { font-size:2em; text-align:center; padding-top:20px; }
.resultado_ip{width:960px;font-size:3em;text-align:center;padding-top:20px;}
.resultado-informe-portada { font-size: 3em; font-weight: bold; padding-left: 20px; }
.img_ip{width:960px;text-align:center;padding-top:20px;padding-bottom:20px;}
.logo_ip{width:960px;text-align:center /**;padding-top:50px;/**/ }

/********************** informe oleada *********************/
#formFiltros .dtWrapper{ display:none; }
.top-button-bar { float: left; margin-left: 10px; margin-top: 3px; }


/************** Tabla Preguntas Valores Resumen *************/
.neutro_color{ background-color: gray;}
.No_color{ background-color: red !important; }
.Si_color{ background-color: #3FC380 !important; }
.barrita-valores-pregunta{ display: inline-block; width: 100%; height: 10px; }
.pdg-preguntas{ padding: 2px 0px; }
.pdg-barritas{ padding-left: 20px; }
.content-barrita-pregunta{ vertical-align: middle; }
.td-title-ranking-preguntas{ text-align: right; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{ border: none; border-top: 3px #c06a00 solid; }
.nav-tabs .active a{ color: #c06a00 !important;  }
.nav-tabs{ border: none; font-size: 15px;}
.nav-tabs li{ background-color: #eee; border-bottom: 1px #ddd solid;}
.nav-tabs .active{ border: none;}
.nav-tabs a{color: #000; text-transform: uppercase;}
.incumplidas-percentaje{ display: block; text-align: center; font-weight: bold; font-size: 14px; }

/************** DataTable ***************/
body.body_cliente_iteration1 table.fixedHeader-floating { margin-top: 0 !important; margin-bottom: 0 !important; }

/************* Evaluadores *************/
.evaluator-photo {
	display: none;
	border: 1px solid #fff;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
	margin-bottom: 10px;
}
#file-uploader {
	margin-left: auto;
	margin-right: auto;
	width: 500px;
	height: 100px;
}
.file-uploader .title {
	color: #555;
	text-align: center;
}
.file-uploader .file-upload {
	width: 100%;
	padding: 2rem;
	border: 2px dashed #CCCCCC;
	position: relative;
	overflow: hidden;
	transition: border 0.5s ease 0s;
	-webkit-transition: border 0.5s ease 0s;
	-moz-transition: border 0.5s ease 0s;
}
.file-uploader .file-upload:hover {
	border: 2px dashed #006DB4;
	transition: border 0.5s ease 0s;
	-webkit-transition: border 0.5s ease 0s;
	-moz-transition: border 0.5s ease 0s;
}
.file-uploader .file-upload:hover em.file-upload-icon,
.file-uploader .file-upload:hover input.file-upload-features {
	color: #006DB4;
	transition: color 0.5s ease 0s;
	-webkit-transition: color 0.5s ease 0s;
	-moz-transition: color 0.5s ease 0s;
}
.file-uploader .file-upload em.file-upload-icon {
	font-size: 4rem;
	text-align: center;
	margin: 0 auto;
	display: block;
	color: #b3b3b3;
	transition: color 0.5s ease 0s;
	-webkit-transition: color 0.5s ease 0s;
	-moz-transition: color 0.5s ease 0s;
}
.file-uploader .file-upload input.file-upload-features {
	display: block;
	margin: 0 auto;
	font-size: 0.9rem;
	font-weight: 400;
	text-align: center;
	color: black;
}
.file-uploader .file-upload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	z-index: 10;
	font-size: 20px;
	cursor: pointer;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}
.file-uploader ul.qq-upload-list {
	list-style-type: none;
}
.file-uploader ul.qq-upload-list li span {
	color: #333;
	font-size: 14px;
}

.file-uploader #photo {
	margin-top: 20px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
}
.header-button-wrapper {
	margin-left:10px;
	margin-top:2px;
}
.question-description {
	font-size: .7rem!important;
}
.disable-field {
	pointer-events: none;
	background-color: #eee;
}
.readonly-field {
	background-color: #eee!important;
}

.translation-source-field {
	background-color: #fffbe0 !important;
}

.translation-target-field {
	background-color: #d9f0d3 !important;
}

.split-translation-field {
	background-color: #d5f0ee !important;
}

.highlight-field {
	border: 2px solid #ccc !important;
	background-color: #f0e2df !important;
}

.highlight-field-blue {
	border: 2px dashed #ccc !important;
	background-color: #fffde0 !important;
	font-size: 1rem !important;
	color: #0F377D !important;
	padding: 10px !important;
	margin-bottom: 15px !important;
}

.collapse-layer {
	position: relative;
	text-align: right;
	margin-right: 15px;
}
.collapse-layer > a {
	padding: 10px 10px;
}

.report-content h3,
.report-content h4,
.report-content .padding-content {
	padding: 10px !important;
}
.report-content h3 {
	background-color: #eee;
}
.report-content table {
	width: 100%;
}
.report-content #report-main-table {
	margin-top: 20px;
}
.report-content .icon {
	text-align: center;
}
.report-content .icon img {
	width: 48px;
	height: 48px;
}
.report-content .emphasis {
	font-size: 1.5rem!important;
	font-weight: bold;
	color: #013a7f;
}
.report-content h4 {
	text-align: center;
}
.report-content h3 > span.subtitle {
	font-size: .85rem;
	text-transform: uppercase;
}
.report-content .centered {
	text-align: center;
	font-size: 1.2rem;
}
.report-content .max-value {
	font-size: .85rem;
}
table.report-table td {
	padding-top: 15px;
	padding-right: 15px;
	border: 0;
}

table.report-table td strong {
	margin-right: 10px;
}

#formTest .grupoTabla input,
#formTest .grupoTabla select {
	border: 1px solid #ddd!important;
	padding: 5px;
}

/*** Mobile ***/
.body-mobile { overflow-x: hidden; }
.body-mobile .navbar-top { height: auto; margin-bottom: 10px; border-bottom: none; }
.body-mobile .centrado { width: auto; max-width: 960px; }

.size-inherit {
	text-transform: none!important;
}

/*** Pago de revisores ***/
.center-message {
	padding-top: 120px;
	padding-bottom: 120px;
	text-align: center;
}
.filter-container {
	padding: 40px 0;
}

.price-list {
	text-align: right;
	padding-right: 8px;
}

.price-list > .badge {
	color: #333;
	font-weight: bold;
	font-size: 14px;
	background-color: #ccc;
}

.customer-row td {
	font-weight: bold;
	background-color: #fffee0;
	text-transform: uppercase;
}

.wave-row td {
	font-style: oblique;
	background-color: #eee;
	text-align: right;
}

.wave-row td > span.record-count {
	font-size: 12px;
	padding-left: 15px;
	border-left: 3px solid #ccc;
	margin-left: 15px;
}

.text-counter {
	margin-bottom: 10px;
	text-align: right;
	font-size: 12px;
}

#reviewer_list tfoot tr:first-child {
	border-top: 25px #cccccc solid;
}

#reviewer_list tfoot tr th,
#reviewer_list thead tr th {
	background-color: #777;
	color: white;
}

#reviewer_list tfoot tr th span.badge {
	background-color: white;
}

.fa-green {
	font-size: 18px;
	color: #4A9166;
}

/** Histórico evaluadors **/
#tablahistorico tbody tr td {
	font-size: 14px;
	color: #333;
}
#tablahistorico tbody tr td:last-child {
	font-size: 11px;
	color: #333;
}

/** Attachments **/
.attachment-block {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}
.attachment-block > h4 {
	border-bottom: 3px solid #ddd;
	background-color: #f4f4f4;
	padding: 10px;
	margin-top: 15px;
	font-size: .9rem;
	font-weight: bold;
	text-transform: uppercase;
}

.qq-table-item {
	width: 100%;
}

.qq-upload-list {
	width: 100%;
	height: 70px;
}

.qq-upload-button > a.btn {
	margin-left: 0 !important;
}

.thumbnail {
	border: 0;
	background-color: transparent;
}

.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
}

.img-active__tol {
	opacity: 1!important;
	z-index: 999!important;
}

.image-toopltp {
	position: absolute;
	left:-15%;
	background-color: rgba(0, 0, 0, 0.75);
	padding: .5rem;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	top: 0;
	z-index: -1;
}

.attachment-block,
.attachment-single {
	position: relative;
}
.thumbnail{
	display: block;
}

.qq-upload-file > td {
	position: relative;
}

/** Evaluacion admin **/
.comment-icon {
	font-size: 16px;
	color: #ff0000;
}
.list-empty {
	padding: 50px 0;
	text-align: center;
	font-weight: bold;
}
.list-collapse {
	margin-left: 50px;
}
.list-header {
	line-height: 30px;
	color: #333;
	position:relative;
	background-color: #eee;
	border-top: 1px solid #ddd;
}
.list-container {
	background-color: transparent;
	border-top: 1px solid #ddd;
}
.list-title {
	font-style: oblique;
}
.list-title > .text-uppercase {
	display: inline-block;
	min-width: 185px;
}
.text-uppercase {
	text-transform: uppercase;
}
.text-status {
	vertical-align: middle;
}
.text-status > span {
	background-color: #eee;
	font-style: oblique;
	border: 1px dashed #ccc;
	border-radius: 6px;
	padding: 4px;
	font-size: .6rem;
	margin-bottom: 3px;
	box-shadow: 2px 2px 2px #ddd;
}
.list-count {
	font-weight: bold;
	text-transform: lowercase;
	font-size: 11px;
	background-color: #2f3e46;
}
.list-total-count {
	color: #333;
	background-color: #eee;
	padding: 6px 10px;
	border: 1px solid #ccc;
}
.list-record-count {
	text-align: right;
	margin-bottom: 10px;
	padding-right: 60px;
}
.list-title-text {
	display: inline-block;
	min-width: 450px!important;
}
.list-padding {
	padding: 0 50px;
}
.list-check-all {
	display: inline-block;
}
.list-check,
.list-check-all {
	min-width: 30px;
	text-align: center;
	vertical-align: sub;
}
.list-badge {
	display: inline-block;
	width: 60px;
	text-align: center;
}
.list-icon {
	display: inline-block;
	min-width: 25px!important;
}
.list-icon i {
	border-radius: 50%;
	border: 1px solid #ccc;
	padding: 3px;
}
.list-info-icon,
.list-icon {
	min-width: 20px;
	text-align: center;
	vertical-align: middle;
}
.list-header .list-icon {
	width: 20px;
}
.list-info-icon {
	width: 30px;
}
.list-toolbar {
	float: right;
	font-size: 0.8em;
}
.list-actions {
	text-align: center;
	min-width: 30px;
	vertical-align: middle;
}
.table-sm {
	margin-bottom: 0;
}
.table-sm th,
.table-sm td {
	padding: 0.3rem;
	font-size: .7rem;
	border-top: none!important;
	border-bottom: 1px solid #ddd;
}
.table-sm tr:last-child td {
	border-bottom: none;
}
.list-toolbar .dropdown-toggle.collapsed .fa-chevron-up:before {
	content: "\f078"
}
.list-visit {
	color: #003b81;
	text-transform: uppercase;
}
.list-extra {
    display: block;
    font-size: .6rem!important;
	background-color: #f8e0e0;
	border: 1px solid #f6cece;
	border-radius: 6px;
	padding: 4px;
	box-shadow: 2px 2px 2px #eee;
}
.list-extra strong {
	text-transform: none;
}
.list-internal {
	display: block;
	font-size: .6rem!important;
	background-color: #d5f0ee;
	border: 1px solid #b8def0;
	border-radius: 6px;
	padding: 4px;
	box-shadow: 2px 2px 2px #eee;
	margin: 0 10px;
	cursor: pointer;
}

.list-internal > a > em {
	display: block;
	color: #333 !important;
	text-shadow: 1px 1px 2px #999!important;
    text-align: center;
}

.list-internal > a > em:hover {
	color: #0F377D !important;
}

.badge-percent {
	min-width: 65px;
	text-align: center;
	border: 1px solid #41a2f6;
	box-shadow: 2px 2px 2px #ccc;
	margin-right: 5px;
}
.list-user {
	font-size: .6rem!important;
	width: 130px;
}
.list-user > span {
	padding-top: 3px;
	display: inline-block;
}
.list-filter {
	margin: 25px 150px 5px 150px;
}
.list-filter .well {
	background-color: #ffe;
}
a.title-dropdown {
	color: #000;
}
a.title-dropdown:hover {
	color: #003b81;
}
a.title-dropdown:focus {
	text-decoration: none;
}

.evaluation-toolbar {
	background-color: #fff;
	padding-bottom: 10px;
}

.navbar-fixed-top {
	box-shadow: 0 2px #ddd;
}

.evaluator-container {
	padding-top: 6px;
	vertical-align: middle;
}
.evaluation-actions-container a {
	margin-right: 10px;
}

/**
 	MAP REPORT
 */
.tooltip ul {
	padding-left: 0;
	list-style: none;
}

.map-report svg {
	margin: 0 auto;
	display: block;
	/*width: 610px;*/
	/*height: 610px;*/
	fill: #f7f7f7;
	fill-opacity: 1;
	stroke: #555555;
	stroke-opacity: 1;
	stroke-width: 0.5;
	max-height: 470px;
	height: 470px;
}

.map-report svg path {
	cursor: inherit;
}

.map-report svg path:not([id="divider"]) {
	transition: 0.3s fill ease-out;
}
.map-report svg path:not([id="divider"]):hover,
.map-report .path-hover.active:not([id="divider"]) {
	fill: #cbbab7;
	cursor: pointer;
	stroke: #333333;
	stroke-opacity: .5;
	stroke-width: 1;
}

.map-report svg path[id="divider"] {
	fill: #eeeeee;
}

.map-report svg text {
	font-size: 10px;
	font-weight: bold;
	fill: #ffffff;
	stroke: #ffffff;
	stroke-width: .5;
}

.map-report svg path.filter:not([id="divider"]):hover {
	fill: url('#stripe-provinces') #24ff7a;
	stroke: #aaaaaa;
}

.map-report svg path.filter:not([id="divider"]),
.map-report .path-hover.filter:not([id="divider"]) {
	fill: url('#stripe-provinces') #24ff7a;
}

.map-report svg text.active:hover {
	cursor: pointer;
}

.map-report svg rect {
	fill: #333333;
	stroke: #bbbbbb;
	fill-opacity: 0.7;
	box-shadow: 2px 2px 2px #333;
}

.map-tooltip {
	pointer-events: none;
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #333;
	padding: 10px 15px;
	z-index: 5;
	height: 50px;
	line-height: 30px;
	margin: 0 auto;
	color: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 2px rgba(150, 150, 150, .5);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: none;
}
.map-tooltip.active {
	display: block;
}

.map-tooltip:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	width: 0;
	height: 0;
	margin-left: -10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #333;
}

.map-badge-container {
    width: 87%;
    text-align: right;
	float: right;
}

.map-badge {
	display: inline-block;
	border: 1px solid #ccc;
	background-color: #eee;
	color: #333;
	border-radius: 5px;
	font-size: .6rem!important;
	text-transform: capitalize;
	margin-right: 10px;
	padding: 2px 5px;
	box-shadow: 2px 2px 2px rgba(150, 150, 150, .5);
	margin-bottom: 8px;
}

.map-badge > i {
	margin-left: 5px;
	border-radius: 50%;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 2px 3px;
}

.map-badge > i:hover {
	cursor: pointer;
	background-color: #333;
	color: #fff;
	border-color: transparent;
}

#chart_historic,
#table_historic {
	display: none;
}
#table_historic {
	max-height: 550px;
	border-bottom: 1px solid #eeeeee;
}
#table_historic table {
	padding: 0;
}
#table_historic table td,
#table_historic table th {
	font-size: .65rem;
    text-align: center;
}
#table_historic table th
{
	vertical-align: middle
}
#table_historic table th:first-child {
	text-align: left;
	text-transform: uppercase;
}
#table_historic table th > span {
	font-size: .65rem;
    width: 120px;
    word-wrap: break-word;
}
#table_historic table th > span.vertical {
    transform: rotate(-90deg);
    display: inline-block;
}
#table_historic table td.installation {
	max-width: 150px;
    font-weight: bold;
    color: #003b81;
    text-align: left;
}
.percent {
    font-size: 0.8rem;
    vertical-align: middle;
}
.percent > span {
    width: 70px;
    display: inline-block;
	font-weight: bold;
	color: #333;
    text-shadow: 2px 2px 2px #ddd;
}
.percent > i {
	display: inline-block;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	box-shadow: 2px 2px 2px #ddd;
}
#historic_config {
    text-transform: initial;
	font-weight: initial;
	margin-top: 4px;
	margin-right: 16px;
}
#historic_config a {
	display: inline-block;
	min-width: 130px;
	text-transform: uppercase;
	text-align: center;
	color: #888888;
	font-weight: bold;
	background-color: #dddddd;
	border-left: 4px solid #cfcfcf;
	border-top: 4px solid #cfcfcf;
	border-right: 4px solid #cfcfcf;
	border-bottom: 4px solid #cfcfcf;
	padding: 1px 15px;
}
#historic_config a:hover,
#historic_config a.active {
	color: #003B81;
	text-decoration: none;
	border-color: #cfcfcf;
}
#historic_config a.active {
	border-bottom: 4px solid #ffffff;
	background-color: #ffffff;
}
#historic_config a:not[class~="active"]:hover {
	border-bottom: 4px solid #ffffff;
}
#list_wrapper {
	/*width: 95%;*/
	/*margin-left: auto;*/
	/*margin-right: auto;*/
}

#analysis_question .percent {
	font-size: 0.8rem;
	vertical-align: middle;
	text-align: center;
}
#analysis_question .title {
	font-size: 0.8rem;
	font-weight: bold;
}

#analysis_question th {
	font-size: 0.9rem;
}

@media (max-width: 795px) {
	.maps-modal-extra-lg {
		/*width: auto !important;*/
		min-width: 550px;
	}
}
@media (max-width: 1200px) {
	.maps-modal-extra-lg {
		width: auto !important;
	}
}
.maps-modal-extra-lg {
	width: 1400px;
}

.maps-modal-content {
	padding: 15px !important;
}

.modal-historic {
	/*width: 600px;*/
	margin-left: auto;
	margin-right: auto;
}

.padding-field {
	margin-bottom: 50px!important;
}

.wave-list__list > span {
	font-size: x-small;
}
.wave-list__list > span:first-child {
	margin-left: 0;
}
.wave-list__list > span {
	margin-left: 5px;
}

.dashboard-group__item {
	background-color: #f7f7f7;
	/*font-size: 1rem;*/
    border-radius: 5px;
    box-shadow: 0px 2px 3px #c5c5c5;
	flex:1;
	margin: 15px;
	overflow: hidden;
}

.dashboard-group__head  {
	text-align: center;
	border-bottom: 4px solid #eee;
	font-weight: bold !important;
}
.dashboard-group__head > h4 {
	font-weight: bold !important;
}
.dashboard-group__list-item {
	border-bottom: 2px dashed #eee;
	padding: 5px;
	cursor: pointer;
}
	.dashboard-group__list-item:hover {
		background-color: #efefef;
	}
	.dashboard-group__list-item:last-child {
		border-bottom: none;
		margin-bottom: 10px;
	}
.dashboard-group__list-item-title,
.dashboard-group__list-item-value {
	text-align: center;
}
.dashboard-group__list-item-value {
	color: #fff;
	font-weight: bold;
	background-color: #fff;
	text-shadow: 0 0 1px #444;
	font-size: 1rem;
	text-align: center;
}

.badge-role {
	color: #333;
	background-color: #ddd;
	border-radius: 3px;
	margin: 2px;
}

tr.row-disabled {
	background-color: #ffecee!important;
}

tr.row-disabled:hover {
	background-color: #fff6da!important;
}


/* ==========================================================================
   ##NEW INTERNAL LINK OBSERVATIONS
========================================================================== */

.list-internal .dropdown-menu{
	width: 600px;
	left: -250px;

}

#observaciones_internas_observaciones_internas{
	min-height: 210px;
	max-height: 300px;
}


/* ==========================================================================
   ##TOOLTIP
========================================================================== */

a.tooltips {
	position: relative;
	display: inline;
}
a.tooltips span {
	position: absolute;
	color: #ffffff;
	background: #000000;
	line-height: 1;
	padding: 1rem;
	visibility: hidden;
	min-width: 250px;
	max-width: 300px;
	font-size: 0.8rem;
	border-radius: 6px;
}
a.tooltips span:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	width: 0; height: 0;
	border-top: 8px solid #000000;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
a:hover.tooltips span {
	visibility: visible;
	opacity: 0.8;
	bottom: 30px;
	left:0;
	margin-left: -76px;
	z-index: 999;
}

.toooltip__pre{
	color: #ffffff;
	background: #000000;
	margin: auto;
	white-space: pre-wrap;
	padding: 0;
	font-size: 0.8rem;
	border:none;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important;
}

.hidden-tooltip span{
	display: none;
}

/* ==========================================================================
   ##BUTTONS ACTIONS
========================================================================== */

.buttons-actions__container {
	display: flex;
	justify-content: space-between;
}

.buttons-actions__delete{
	display: none;
	margin-right: 6rem;

}

.buttons-actions__delete.is-active{
	display: inline;
}

.historic-graph__button {
	padding: 0.4rem 0.7rem;
	opacity: 0.8;
	color: black;
	margin-right: 0.8rem;
	border-radius: 5px;
}

.historic-graph__button--show-all{

	background-color: rgb(139,250,125);
}

.historic-graph__button--hide-all{
	background-color: rgb(252,157,157);
}

.historic-graph__button--reset {
	background-color: rgb(246,230,140);
}


#historico_filtrofecha_filter_interval-element {
	background: white;
	position: absolute;
	min-width: 200px;
	border-radius: 10px;
	padding: 1rem;
	visibility: hidden;
	opacity: 0;
	z-index: 999;
	transition: .4s opacity ease-in-out;
	box-shadow: 10px 10px 30px 0px rgba(0,0,0,0.16);
}


#historico_filtrofecha label {
	cursor: pointer;
}

#historico_filtrofecha_filter_interval-element.is-active{
	visibility: visible;
	opacity: 1;
}

.filter-date__form{
	display: flex;
	justify-content: center;
	padding-top: 1rem;
}

.filter-date__button{
	padding-left: 1rem;
}

.filter-date__input{
	margin-right: 0.3rem!important;
}

.filter-date__submit{
	padding-left: 0.4rem;
	padding-right: 0.4rem;
}

.arrow__filter {
	border-bottom: 2px solid #4183D7;
	border-right: 2px solid #4183D7;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	margin-top: 0.2rem;
	margin-right: 0.4rem;
	transition: 0.5s all ease-in-out ;
}

.filter-date__form.is-open .arrow__filter {
	transform: rotate(-135deg);
}

.label--big{
	font-size: 90%;
}

.tags-group {
	margin-left: 6.5rem;
}

a.tooltips-cont{position:relative;display:inline}a.tooltips-cont span{position:absolute;width:100%;color:#FFF;background:#000;line-height:1.6;text-align:center;visibility:hidden;border-radius:6px}a.tooltips-cont span:after{content:'';position:absolute;bottom:100%;left:50%;margin-left:-8px;width:0;height:0;border-bottom:8px solid #000;border-right:8px solid transparent;border-left:8px solid transparent}a:hover.tooltips-cont span{visibility:visible;opacity:.8;top:50px;left:5rem;margin-left:-76px;z-index:999}




/*new*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;600;700;900&display=swap');

.buttons_adora {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 170px;
}

.buttons_adora .btn {
	padding: 0;
	margin: 0 .25rem;
	height: 2rem;
	width: 2rem;
}

.buttons_adora .btn img {
	object-fit: cover;
	max-width: 100%;
}

.title_adora {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	opacity: .2;
	text-transform: uppercase;
	text-align: center;
	font-size: 2rem;
	margin-top: 4rem;
}


.row_adora {
	display: flex;
	justify-content: center;
	align-items: center;
}

.row_adora .formGris2 { flex: 1; margin-right: 1rem}


.modal_instalacion-adora .formov .optional,
.modal_instalacion-adora .formov .required,
.row_adora .formGris2 .zend_form .optional {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: .85rem;
	color: #777;

}


.modal_instalacion-adora .formov .required {
	color: #5f77ad;
}

.row_adora .formGris2 .zend_form .inputFile {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	background: #f5f5f5;
	cursor: pointer;
}

.row_adora .formGris2 .zend_form .inputFile::file-selector-button {
	font-weight: 400;
	color: #5f77ad;
	background: none;
	padding: 0.5em 2rem;
	margin-right: 1rem;
	border: solid 1px #5f77ad;
	border-radius: 3px;
	cursor: pointer;
}

.row_adora .formGris2 .zend_form .inputFile:hover::file-selector-button {
	background:#5f77ad;
	color: #fff;
}

.btn-alert{
	color: white !important;
	background: #dfc72b;
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	border: 0;
	position: relative;
	padding: 0.4rem 1.4rem;
	transition: all .4s ease;
}

.btn-alert:hover {
	transition: all .4s ease;
	background: #dfc72b;
	border: 0 !important;
}

.btn-alert2{
	color: white !important;
	background: #fa7f3e;
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	border: 0;
	position: relative;
	padding: 0.4rem 1.4rem;
	transition: all .4s ease;
}

.btn-alert2:hover {
	transition: all .4s ease;
	background: #fa7f3e;
	border: 0 !important;
}

.btn-warning {
	background: #df842b;
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	border: 0;
	position: relative;
	padding: 0.4rem 1.4rem;
	transition: all .4s ease;
}

.btn-warning:hover {
	transition: all .4s ease;
	background: #ff9c21;
	border: 0 !important;
}

.btn-danger {
	background: #cd0200;
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	border: 0;
	position: relative;
	padding: 0.4rem 1.4rem;
	transition: all .4s ease;
}

.btn-danger:hover {
	transition: all .4s ease;
	background: #ff1d1b;
	border: 0 !important;
}

.btn-primary {
	background: #345578;
	font-size: .9rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	border: 0;
	position: relative;
	padding: 0.4rem 1.4rem;
	transition: all .4s ease;
}

.btn-primary:hover {
	transition: all .4s ease;
	background: #6d94bf;
	border: 0 !important;
}

.modal_instalacion-adora {
	max-height: calc(100% - 120px);
	overflow: auto;
	left: 50%;
	width: 50%;
	transform: translateX(-50%);
	margin: 0;
	height: auto;
}

.table_supervisores-adora {
	margin-top: 1rem;
}

.modal_instalacion-adora .overlayOk400 {
	height: auto; }

.modal_instalacion-adora .selectorrevisor,
.modal_instalacion-adora .formov {
	padding: 0 3rem 3rem;
	font-size: 0.9rem;
	display: flex;
	flex-direction: column;
}

.selectorrevisor .align_left {
	margin-top: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}

.modal_instalacion-adora .formov .grupoTabla { width: 100%;}
.modal_instalacion-adora .formov .grupoTablaCols2 .input_anadir_pob { width: 100%; }
.modal_instalacion-adora .formov input { width: 100%;}
.modal_instalacion-adora .input_anadir_pob { width: 100%; margin: 0;}
.modal_instalacion-adora .formov textarea { width: 100%; }
.modal_instalacion-adora .formov .grupoTablaCols3 .grupoTablaCelda .inputmediano {width: 100%;}
.modal_instalacion-adora .grupoTablaCelda {padding: 0}
.modal_instalacion-adora .formov .grupoTablaCelda dl {
	padding: 0 0.5rem;
}

.modal_instalacion-adora .formov .grupoTablaCelda dl:first-child { padding-left: 0;}
.modal_instalacion-adora .formov .grupoTabla .grupoTablaCelda:last-child dl{ padding-right: 0;}

.modal_instalacion-adora select,
.modal_instalacion-adora input,
.modal_instalacion-adora textarea
{
	font-weight: 400;
	color: #666;
	background: none;
	padding: 0.5em 1rem;
	margin-right: 1rem;
	border: solid 1px #5f77ad;
	border-radius: 3px;
	cursor: pointer;
}

.send-oleda__input {
	flex: 1;
	font-weight: 400;
	color: #666;
	background: none;
	padding: 0.5em 1rem;
	margin-right: 1rem;
	border: solid 1px #5f77ad;
	border-radius: 3px;
}

.modal_instalacion-adora input[type="checkbox"] {
	width: 1.5rem;
	height: 1.5rem;
}

.acciones_empresa-adora {
	display: flex;
	justify-content: center;
	align-items: center;
}

.acciones_empresa-adora .divareainsta {
	flex: 1;
}


.lista_zon .divareaempresas {
	margin-top: 2rem;
}

.editar_cliente-adora {
	display: flex;
	margin-top: 2rem;
	margin-bottom: 2rem;
	width: 100%;
}

.editar_cliente-adora  #formEvaluador {
	width: 100%;
	padding: 0;
}

.editar_cliente-adora #formEvaluador  select,
.editar_cliente-adora #formEvaluador  input,
.editar_cliente-adora #formEvaluador  textarea
{
	font-weight: 400;
	color: #666;
	background: none;
	padding: 0.5em 1rem;
	margin-right: 1rem;
	border: solid 1px #5f77ad;
	border-radius: 3px;
	cursor: pointer;
	width: 100%;
	max-width: 100%;
}

.editar_cliente-adora #formEvaluador .select2-container {
	width: 100%;
}
.editar_cliente-adora #formEvaluador .select2-container .select2-choice {
	font-weight: 400;
	color: #666;
	background: none;
	padding: 0.5em 1rem;
	margin-right: 1rem;
	border: solid 1px #5f77ad;
	border-radius: 3px;
	cursor: pointer;
	height: auto;
	margin: 0;
}

.editar_cliente-adora .grupoTablaCols4 {
	margin: 0;
	width: 100%;
}

.footer_cliente-adora {
	display: flex;
	width: 100%;
	justify-content: center;
}

.editar_cliente-adora#datosnuevocliente #formEvaluador_usuario,
.editar_cliente-adora#datosnuevocliente #formEvaluador_password_plano {
	width: 100%;
	max-width: 100%;
}

.editar_cliente-adora #formEvaluador  input::file-selector-button {
	font-weight: 400;
	color: #5f77ad;
	background: none;
	padding: 0.5em 2rem;
	margin-right: 1rem;
	border: solid 1px #5f77ad;
	border-radius: 3px;
	cursor: pointer;
}

.editar_cliente-adora #formEvaluador input[type="checkbox"] {
	width: 1.5rem;
	height: 1.5rem;
}


.filter_adora {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.filter_adora:after,
.filter_adora:before {
	display: none;
}

.col-filter-adora {
	flex: 1;
	padding: 0.5rem;
}

#formEvaluador_fecha_actualizada-element{
	display: flex;
}
#updateFechaActualizadaBtn{
	font-size: 0.8rem;
	margin: 0 .5rem;
}