/*-- Modificaciones del mapa --*/

/*Login*/
#dialog-login{display:none}
.container .containerLogin{position:absolute;bottom:-25px;right:15px;}
.container .containerLogin .login,
.container .containerLogin .logout{font-size:12px}

.full-width .containerLogin{position:relative;bottom:35px;right:14px;z-index:10;padding:5px 10px 5px 10px;border-radius:0 0 5px 5px;font-weight:bold}
.full-width .containerLogin .login,
.full-width .containerLogin .logout{font-size:14px; margin-top:3px; margin-left:3px;}
.full-width .containerLogin .login:hover,
.full-width .containerLogin .logout:hover{color:#000}

.containerLogin{float:right;margin-bottom:5px;}
.containerLogin i{margin-right:5px}
.containerLogin .login,
.containerLogin .logout{float:right;color:#d9594f}
.containerLogin .login:hover,
.containerLogin .logout:hover{color:#FFF;text-decoration:underline}

#login{background:#404c57;color:#FFF;padding:10px 0 0 10px;border-radius:0}
#login .tituloLogin{background:#c35330 url(images/backDialog.png);color:#FFF;border:none;border-radius:0;text-transform:uppercase;padding:5px 10px;margin-bottom:10px}
#login .text_box{padding-bottom:20px;}
#login .text_box.message_box{padding-bottom:0;color:red;text-align:center;margin-bottom:10px}
#login img{width:30px}
#login .img_pass{width:22px;margin-right:8px}
#login input{background:#404c57;border:1px solid #92949c;width:75%;height:31px;font-size:0.8em;text-indent:10px}
#login .button_login{color: #d9594f;background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%;border: 1px solid #d3d3d3;margin-left:34px}

/*Dialogs*/
.ui-dialog .ui-dialog-titlebar{background:#c35330 url(images/backDialog.png);color:#FFF;border:none;border-radius:0;text-transform:uppercase}
.ui-dialog {background:#404c57;color:#FFF;border:none;padding:0;border-radius:0;box-shadow: 5px 5px 10px #333;}
.ui-dialog .ui-widget-content{background:#404c57;color:#FFF;border:none;border-radius:0;overflow:hidden}
.ui-dialog .ui-widget-content form{padding:20px 0 0 0}
.ui-dialog .ui-widget-content .text_box{padding-bottom:20px}
.ui-dialog .ui-widget-content img{width:30px}
.ui-dialog .ui-widget-content .img_pass{width:22px;margin-right:8px}
.ui-dialog .ui-widget-content input{background:#404c57;border:1px solid #92949c;width:200px;;height:31px;font-size:0.8em;text-indent:10px}
.ui-dialog .ui-widget-content .button_login{color:#d9594f;background:#e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%;border:1px solid #d3d3d3;margin-left:34px}
.ui-dialog .ui-widget-content i{color:#c35330}
.ui-dialog .ui-widget-content #dialog-confirm,
.ui-dialog .ui-widget-content #dialog-confirm2{overflow:hidden}
.ui-dialog .ui-dialog-buttonpane{border-color:#404c57}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button{color:#d9594f}
.ui-widget-overlay{background:#666;opacity:0.5}

/*Dialogs del mapa*/
.dialogo_mapa{border-radius:5px}
.dialogo_mapa .ui-dialog-titlebar{background:#FFF;color:#d9594f;text-transform:uppercase;border-bottom:1px solid #ebebeb;font-size:1.2em;padding:0 1em}
.dialogo_mapa .ui-dialog-title{width:auto}
.dialogo_mapa .ui-dialog-titlebar i{margin-top:5px}
.dialogo_mapa .ui-dialog-titlebar-close {display:none}
.dialogo_mapa .ui-widget-content{background:#FFF;color:#000;padding:0;overflow:hidden;min-height:96px!important;min-width:200px}
.dialogo_mapa .ui-widget-content .dateHourVisor span{font-size:0.7em}
.dialogo_mapa .ui-widget-content i{color:#000}
.dialogo_mapa .ui-widget-content .enlaces_mapa{margin-top:5px}
.dialogo_mapa .ui-widget-content .enlaces_mapa i{color:#FFF}
.dialogo_mapa .ui-widget-content .enlaces_mapa i:hover{color:#EB5C4A}

#dialog-newSensor .row-newSensor{margin-top:10px;display:block;float:left;margin-right:4px}
#dialog-newSensor a{color:#d9594f;background:#e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%;padding:3px 10px;border:1px solid #999;border-radius:5px;text-decoration:none;min-width: 110px;float:left;text-align:center}
#dialog-newSensor a:hover{background:#dadada url("images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50%;text-decoration:none}

.variable {
	align-items: center;
 	justify-content: center;
 	display: flex;
	flex-wrap: wrap;
	margin: 5px;
 	padding: 0 5px;
 	min-width: 350px;
 	border: 1px solid #EBEBEB;
 	border-radius: 3px;
}

.var {
	margin: 10px 0 0 0;
	padding: 8px 0px 0px 0px;
	flex-grow: 1;
	flex-basis: 0;
}

.dades {
	font-size: 1.6em
} 

.valueVisor,.valueVisor1,.valueVisor2,.valueVisor3,.valueVisor4,.valueVisor5 {
	border-radius:3px;
	margin:10px;
	padding:8px 10px 8px 10px;
	margin-bottom:5px;
	color:#FFF;
	float:left;
	font-weight:bold;
	flex-grow: 1;
	flex-basis: 0;
}
.valueVisor1{background:#287310;/*background:linear-gradient(135deg,#287310, #6ea15d)*/}
.valueVisor2{background:#71a61e;/*background:linear-gradient(135deg,#71a61e, #a9c976)*/}
.valueVisor3{background:#e6e431;/*background:linear-gradient(135deg,#e6e431, #f7f7bc)*/}
.valueVisor4{background:#fc561f;/*background:linear-gradient(135deg,#fc561f, #fd8f6b)*/}
.valueVisor5{background:#a6050e;/*background:linear-gradient(135deg,#a6050e, #c2545b)*/}



.valueVisor3{color:#000}
.dateHourVisor {margin:auto;float:right; flex-grow:2; flex-basis: 0;}
.dateHourVisor i{margin-right:5px}
.dateVisor,.hourVisor{float:left;clear:both;font-size:0.8em;font-weight:bold}

.enlaces_mapa{display:block;clear:both;background:#404c57;float:left;width:100%;padding:5px 5px 0px 5px}
.enlaces_mapa a{background-color: #404c57;border: 1px solid #002f3a;border-radius: 3px;color: #f2f2f2;display: inline-block;margin: 0px 5px 0 0}
.enlaces_mapa a:hover{color:#EB5C4A}
.enlaces_mapa .linkConfigMapa{float:right;margin:0}
.enlaces_mapa a span{width:27px;height:27px;float:left;background-image:url(images/backEnlacesMapa.png);background-repeat:no-repeat}
.enlaces_mapa a span:hover{background-image:url(images/backEnlacesMapaHover.png)}
#enlaceMap1 span{}
#enlaceMap1 span:hover {color:#293744; text-decoration:underline;}
#enlaceMap2 span{width:29px;background-position:-36px -1px}
#enlaceMap3 span{background-position:-71px -1px}
#enlaceMap4 span{background-position:-104px -1px}
#enlaceMap5 span{background-position:-143px -1px}

/*OpenLayer*/
.ol-zoom{top:75px;right:5%;left:auto;background:none}
.ol-zoom:hover{background:none}
.ol-zoom .ol-zoom-in,
.ol-zoom .ol-zoom-out{font-size:30px;text-align:center;border-radius:30px;background:#FFF;border:2px solid #3e4c57;color:#3e4c57}
.ol-zoom .ol-zoom-in:hover,
.ol-zoom .ol-zoom-out:hover{background:#EEE}
.ol-zoom .ol-zoom-in:active,
.ol-zoom .ol-zoom-out:active{background:#CCC}
.ol-attribution{display:none}
.map-data .map-legend-title{margin:0}

/*Sensor stats*/
span.fechaSensor{margin:0 0 0 3px}
span.horaSensor{margin:0 3px 0 0}

/*graficos*/
#calendari .inner-row{margin:0;padding:20px 0 0 0}
#dades .inner-row{margin:0;padding:0 0 25px 0;padding-top:0}

#checkOptions ul,
.legend ul{list-style:none;padding:0}
.legend ul li{padding: 0 0 5px 5px}

#checkOptions{background-color: #908f97;padding:10px 10px 3px 10px;border-radius:5px}
#checkOptions ul{list-style:none;padding:0;margin:0 auto;width:93%}
#checkOptions ul li {padding: 0 0 5px 5px;margin-right:10px;display:inline-block}
#checkOptions ul li .legend_leq1,
#checkOptions ul li .legend_leq,
#checkOptions ul li .legend_l10,
#checkOptions ul li .legend_l90,
#checkOptions ul li .legend_ld,
#checkOptions ul li .legend_le,
#checkOptions ul li .legend_ln,
#checkOptions ul li .legend_lden{float:left;height:15px;margin:0 3px 0 0;width:15px;border:1px solid #000}
#checkOptions ul li input{margin:0 5px 0 0}

/*Tablas*/
#mostrar_ocultar_tabla{text-align:right;margin-top:10px}
#mostrar_ocultar_tabla a{color:#FFF;}
#mostrar_ocultar_tabla a:hover{color:#CCC;text-decoration:none}
table.dataTable thead > tr > th{padding-right:8px}

.tabla_filtro{float:right;padding:0  0 10px 0;border-collapse: separate;max-width:120px}
.tabla_filtro span{color:#eb5c4a;font-weight:bold;text-transform:uppercase;margin-right:10px}
.tabla_filtro input{margin-top:5px}

#tabla {border-collapse: separate;color:#aaacb1}
#tabla th{background-color:#e6e6e6;border:1px solid #3e4c57!important;text-transform: uppercase}
#tabla th img{width:14px;margin-right:5px;position:relative;bottom:2px}
#tabla td{border:none;text-align:center}
#tabla .odd{background-color:#404c57}
#tabla .even{background-color:#5a5f6b}

#tabla_paginate .pagination > li > a, .pagination > li > span{background:none;color:#d9594f;border:none}
#tabla_paginate .pagination > .disabled > a,
#tabla_paginate .pagination > .disabled > a:focus,
#tabla_paginate .pagination > .disabled > a:hover,
#tabla_paginate .pagination > .disabled > span,
#tabla_paginate .pagination > .disabled > span:focus,
#tabla_paginate .pagination > .disabled > span:hover {color:#ccc}
#tabla_paginate .pagination > .active > a,
#tabla_paginate .pagination > .active > a:focus,
#tabla_paginate .pagination > .active > a:hover,
#tabla_paginate .pagination > .active > span,
#tabla_paginate .pagination > .active > span:focus,
#tabla_paginate .pagination > .active > span:hover{font-weight:bold;color:#ccc}

#tabla_info{color:#aaacb1}
#tabla_filter{display:none}
#tabla_processing{background:rgba(0, 0, 0, 0) linear-gradient(to right, rgba(195, 83, 48, 0) 0%, rgba(195, 83, 48, 0.9) 25%, rgba(195, 83, 48, 0.9) 75%, rgba(195, 83, 48, 0) 100%) repeat scroll 0 0;color:#FFF}

#taulaCalculs {
	border-collapse: separate;
	color:#aaacb1;
	display: none;
}
#taulaCalculs th{background-color:#e6e6e6;border:1px solid #3e4c57!important;text-transform: uppercase}
#taulaCalculs th img{width:14px;margin-right:5px;position:relative;bottom:2px}
#taulaCalculs td{border:none;text-align:center}
#taulaCalculs .odd{background-color:#404c57}
#taulaCalculs .even{background-color:#5a5f6b}
#taulaCalculs_info{color:#aaacb1}
#taulaCalculs_filter{display:none}
#taulaCalculs_processing{background:rgba(0, 0, 0, 0) linear-gradient(to right, rgba(195, 83, 48, 0) 0%, rgba(195, 83, 48, 0.9) 25%, rgba(195, 83, 48, 0.9) 75%, rgba(195, 83, 48, 0) 100%) repeat scroll 0 0;color:#FFF}



/*formato de Checks para la tabla*/
.squared{width:20px;margin:auto;position:relative;display:inline-block}
li .squared{float:left}
.squared input[type=checkbox]{display:none}
.squared label{cursor:pointer;width:15px;height:15px;border-radius:4px;background:#fcfff4;background:-webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);background:-moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);background:-o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);background:-ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);background:linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0)}
.squared .checkDisabled{background:#ddd;cursor:default}
.squared .checkDisabled:after{border-color:#999}
.squared label:after{filter:alpha(opacity=0);opacity:0;content:'';position:absolute;width:9px;height:5px;background: transparent;top:4px;left:4px;border:3px solid #090;border-top:none;border-right:none;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.squared label:hover::after{filter:alpha(opacity=30);opacity:0.5}
.squared .checkDisabled:hover::after{filter:alpha(opacity=0);opacity:0}
.squared input[type=checkbox]:checked + label:after{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}

/*Calendar*/
.calendar-month-header{display:none}
.calendar-month-header{width:100%;background:none;border:none}

.zabuto_calendar th{border:none!important;color:#d9594f}
div.zabuto_calendar .table tr.calendar-month-header th span{cursor:default;padding:0;font-size:1.2em}

div.zabuto_calendar .table tr.calendar-month-header th{background:none}
div.zabuto_calendar .table tr.calendar-month-header .calendar-month-navigation{display:none}
div.zabuto_calendar .table tr td div.day{float:left;width:100%;padding:0;height:70px;cursor:default}

.zabuto_calendar .table-bordered > tbody > tr > td,
.zabuto_calendar .table-bordered > tbody > tr > th,
.zabuto_calendar .table-bordered > tfoot > tr > td,
.zabuto_calendar .table-bordered > tfoot > tr > th,
.zabuto_calendar .table-bordered > thead > tr > td,
.zabuto_calendar .table-bordered > thead > tr > th {border:1px solid #676b74}

.day .calendarValue{margin:3px 0 0 5px!important;font-size:smaller;float:left;}
.day .diaFecha{background:#3e4c57;border:1px solid #676b74;clear:none;color:#999;float:right;font-weight:bold;line-height:normal;padding: 2px!important;text-align:right;width:auto;min-width:22px;text-align:center;border-top:none;border-right:none}
.day .valorDatos{float:left;width:100%;text-align:center}
.day .valorDatos span{padding:0;margin:0;font-size:1em}
.day .valorDatos span .text_dB {/*font-size:0.8em*/}
.day .valorDatos .valor {font-size:1.3em;width:100%;clear:both;float:left} 
.day .valorDatos .max {width:100%;clear:both;float:left} 

.day .valorDatos .range-resum{clear:both;float:left;margin: 0 auto;width: 100%;height:70px;}
.day .valorDatos .value_lnight{clear:both;float:left;font-size:.6em;width: 100%;margin: 0 0 0 5px; text-align: left;}

/*degradados para el calendario*/
.acustic .calendar-legend .no-value,.acustic .day .no-value{background:linear-gradient(135deg,#3e4c57, #666)}
.acustic .calendar-legend .excellent,.acustic .day .excellent{background:linear-gradient(135deg,#287310, #6ea15d)}
.acustic .calendar-legend .good,.acustic .day .good{background:linear-gradient(135deg,#71a61e, #a9c976)}
.acustic .calendar-legend .quite-good,.acustic .day .quite-good{background:linear-gradient(135deg,#e6e431, #f7f7bc)}
.acustic .calendar-legend .regular,.acustic .day .regular{background:linear-gradient(135deg,#fc561f, #fd8f6b)}
.acustic .calendar-legend .bad,.acustic .day .bad{background:linear-gradient(135deg,#a6050e, #c2545b)}

.qualitatambiental .calendar-legend .no-value,.qualitatambiental .day .no-value{background-color:#3e4c57}
.qualitatambiental .calendar-legend .excellent,.qualitatambiental .day .excellent{background-color: #00C9FF}
.qualitatambiental .calendar-legend .good,.qualitatambiental .day .good{background-color: #00B8AA}
.qualitatambiental .calendar-legend .quite-good,.qualitatambiental .day .quite-good{background-color: #FFDD4D}
.qualitatambiental .calendar-legend .regular,.qualitatambiental .day .regular{background-color:#F17F4B}
.qualitatambiental .calendar-legend .bad,.qualitatambiental .day .bad{background-color:#752727}


#calendarButton-container{width:20%;margin-top:10px}
.valor-lday{display:none}
.valor-lnight,.valor-ld,.valor-le,.valor-ln,.valor-lden{display:none}


.calendar-legend span.num_range {bottom: 3px;position: relative}
.day.quite-good,.day.quite-good .calendarValue,.day.quite-good .valorDatos,
.valorDatos .quite-good{color:#000}

/*Ajustes editar sensor*/
.llindar{border-radius:5px}
#startDate,.date,.nomSensor,.localitzacioSensor{color:#555;font-family:"Roboto",sans-serif;font-weight:bold;background:#e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%;border:1px solid #d3d3d3;border-radius:4px;text-indent:1em;font-size:15px;font-weight:normal;padding: 0.4em 0.2em 0.4em 0;height:36px!important}
#startDate:hover,#startDate:focus,
.date:hover,.date:focus,
.nomSensor:focus,.localitzacioSensor:focus,
.nomSensor:hover,.localitzacioSensor:hover{color:#000;background:#FFF}
.guardarSensor{margin-top:31px!important}

.radio{margin-top:0px;display:none}
.radio .ui-helper-hidden-accessible{display:none}
.radio label{padding:0;width:51px;text-align:center;border:1px solid #d3d3d3;padding:1px}
.radio .ui-corner-left.ui-state-active,
.radio .ui-corner-left.ui-state-active:hover{background:linear-gradient(180deg,#287310, #6ea15d);color:#FFF}
.radio .ui-corner-right.ui-state-active,
.radio .ui-corner-right.ui-state-active:hover{background:linear-gradient(180deg,#a6050e, #c2545b);color:#FFF}

/*Ajustes datepicker*/
.ui-datepicker{z-index:3!important}

/*Ajustes configuraci�n alarmas*/
.ui-slider-horizontal{height:4px;margin-top:4px;background:#aaa;cursor:pointer}
.ui-slider-handle.ui-state-focus,
.ui-slider-handle.ui-state-hover{border-color:#333}
.linkConfig{margin-top:7px}
.icon-llindar i{top:-2px;transform:none}

/*Ajustes de la maquetación*/
.full-width{overflow-y:hidden}
.hidden{display:none}
#menu{height:auto;max-height:695px;position:fixed;top:100px}
.content{padding-bottom:0;margin-top:100px;margin-left:140px; margin-right:50px;}
.content p {margin:0;}
@media print{#menu{display:none}}
.alert{padding:7px 15px;margin-bottom:0}
.formula{width:40%;margin:10px 0}
.textoMensual{color:#aaacb1;font-size:0.9em;font-family:"Roboto",sans-serif;font-weight: lighter}

.dataTables_length{display:none}

/* MEDIA QUERIES */
@media screen and (max-height: 792px) {
    #menu { height:400px; top:70px; left:-15px; width:30px; }
        #menu ul li { height:66px; width:66px; margin-bottom:2px; padding:2px; }
        #menu ul li a {width:60px; height:60px; font-size:1.2em; text-align:right; padding-right:5px; }

        #menu ul li.selected {height:80px;width:80px;}
            #menu ul li.selected a {height:70px;width:70px;font-size:2em;}
}
.ui-datepicker-current{display:none}

.legend_unchecked {
	color: #3E4C57;
	text-decoration:line-through;
}

.legend_background {
    background-color: #908f97;
    padding: 10px 10px 3px 10px;
    border-radius: 5px;
}

.legend_background ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    width: 93%;
}

.legend_background ul li {
    padding: 0 0 5px 5px;
    margin-right: 10px;
    display: inline-block;
}

.legend_color {
    float: left;
    height: 15px;
    margin: 0 3px 0 0;
    width: 15px;
    border: 1px solid #000;
}