/*!
 * Visor Acústic
 /* Non-responsive overrides
 *
 * Utilize the following CSS to disable the responsive-ness of the container,
 * grid system, and navbar.
 */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,700);
body {background-color:#525d67; font-family: 'Roboto', sans-serif;}
.navbar {background-color:#3E4C57;border-bottom:none;box-shadow:1px 1px 4px #333;}

/* Reset the container */
.container {
  width: 977px;
  max-width: none !important;
}

.top-buffer { margin-top:5px!important; }
.no-top-margin {margin-top:0!important;}
hr { border-top: 1px solid #A2A2A8; }



/* HEADER */
.navbar-brand-visor {
	/*margin:-2px 0 17px 0;*/
	display:block;
	}
.navbar-brand-aj {display:block;margin-top:5px;}
/*END HEADER */

/*MENU*/
#menu {position:absolute;z-index:10; top:95px; left:-45px; width:55px;height:695px;border-right:1px solid #EB5C4A;}
	#menu ul {margin:0 -200px 0 0;padding:0; width:100px;}
		#menu ul li {list-style:none;height:100px;width:100px;border:1px solid #EB5C4A;border-radius:50px;margin-bottom:15px; 					box-shadow: 0px 0px 10px rgba(235,92,74, 0.6), inset 0px 0px 10px rgba(235,92,74, 0.6); padding:4px;}
			#menu ul li.selected {height:120px;width:120px;box-shadow:none!important; padding:4px;border-radius:100px;}
			#menu ul li.selected a {height:110px;width:110px;border-radius:100px;color:#D9594F;font-size:2em;}
		
			#menu ul li a {background-color:#3E4C57; border-radius:50px; width:90px;height:90px;display:block;color:#F2F2F2;font-size:1.7em;text-align:right; }
			    #menu ul li:hover {box-shadow: 0 0 15px rgba(235,92,74, 1)!important; }
				#menu ul li a:hover {color:#fff; }
				#menu ul li a i {position:relative;top:45%;transform: translateY(-45%);margin-right:15px;}
/*END MENU*/

/* MAP */
	
    #map-canvas {width:100%;height:100%;margin:0px;padding:0px}
	  
	.full-width {width:100%!important;height:100%;padding:0!important;}
	
	html.map, body.map{height:100%;}
	
	.map-box {background-color:rgba(62,76,87, .8); width:140px; border-radius:10px;position:absolute;
	right:20px;z-index:10;padding:10px; color:#fff;}
		.map-box span {display:block;margin-bottom:10px;}
		.map-legend {bottom:125px;}
		.map-data {bottom:115px;font-size:.8em;}
		.map-processing {bottom:33px;font-size:.8em;}
	
	#zoomout, #zoomin {font-size:3em;cursor:pointer;color:#fff;position:absolute;z-index:10;right:60px; top:170px;padding:10px;background-color:#3E4C57;border-radius:50px;width:60px;height:60px;text-align:center;}
		#zoomout i, #zoomin i {margin-top:0;display:block;}
		#zoomin {top:100px;}
		

/* END MAP */

/*CONTENT*/
.content {margin-top:140px; padding-bottom:100px;position:relative;}
	.content h1 {color:#D9594F;font-weight:normal; font-size:2em;border-bottom:1px solid #3E4C57;
				display:block;padding-bottom:10px;margin-bottom:25px;}
	.extra {position:absolute; top:20px; right:0;}
		.back a {color:#fff; background-color:#3E4C57;padding:9px 15px;border-radius:3px;text-decoration:none;}
			.back a:hover {background-color:#EB5C4A;}
	
	.content h3 {color:#D9594F;text-transform:uppercase;font-weight:bold; font-size:1.3em;margin:5px 0 15px;}
		.content h5 {color:#fff;margin-top:-15px;font-size:.8em;}
	.content p {color:#AAACB1; font-size:1em;line-height:1.7em;margin-bottom:20px;font-weight:lighter;}
	.inner-row {background-color:#3E4C57;margin:10px 0;border-radius:4px;padding:25px;}
	.inner-row.par {background-color:#333F4B;}
	
	
h3.tag {
	background-color: #293744;
	padding: 5px;
	color: #949CA2;
	display: table;
	font-size: 1em;
}

h3.tag-list {
	background-color: #293744;
	padding: 5px;
	color: #949CA2;
	display: table;
	font-size: 1em;
	margin: unset;
}

span.ciutat { 
	display:block;
	text-transform: uppercase;
	color: #D9594F;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1.5em;
	margin-top: 12px;
}

span.ciutat-list { 
	display:block;
	text-transform: uppercase;
	color: #D9594F;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1.5em;
	/*margin-top: 12px;*/
}

span.carrer { /*display:block;*/
	font-weight: lighter;
	font-size: 1.3em;
	color: #A2A2A8;
	margin-top: 12px;
}

span.carrer-list { /*display:block;*/
	font-weight: lighter;
	font-size: 1.3em;
	color: #A2A2A8;
	margin-top: unset;
}

span.caract {}
		span.caract a { background-color:#404C57;display:inline-block;margin:0px 5px 0 0;
		border:1px solid #002F3A;border-radius:3px;color:#F2F2F2;padding:3px 6px;}
	span.caract a:hover { color:#EB5C4A;}
	.fitxa {display:inline-block;background-color:#E3E2E3;color:#EB5C4A;border:none;margin-top:17px;
	border-radius:3px;padding:3px 6px;}
		.fitxa:hover {color:#293744;}
	button.fitxa {margin-top:23px;padding:8px;}

.legend {background-color :#908F97; color:#3E4C57;display:inline-block;padding:10px 10px 8px;}
	.graph {float:left; display:block; width:20px;height:20px;margin-right:10px;}
		.graph.blue {background-color: #00BBFC;}
/*END CONTENT*/

/* RANGE */
.range-legend {}
.range-resum {color:#fff; padding:5px;display:inline-block;font-size:.9em}
	.excellent {background-color:#287310 !important;}
	.good {background-color:#71A61E !important; }
	.quite-good {color:#000;background-color:#E6E431 !important;}
	.regular {background-color:#FC561F !important;}
	.bad {background-color:#A6050E !important;}
	
.tecnical-details {color:#F7F7F7; display:inline-block;margin-left:10px;font-size:.8em;}
	.tecnical-details h6 {font-size:.8em;margin:0 0 2px 0;}
	.tecnical-details span {margin-right:15px;}
/* END RANGE */

/* FORMS */
label {color:#EB5C4A; display:block;}
select {width:100%; }
input[type="text"], input[type="file"] {
	width: 100%;
	height: 35px;
}
/* END FORMS */

/* CONFIG */
.configuracio button {margin-top:0!important;}
.configuracio input[type="text"] {border:1px solid #666A73;color:#9B9CA3;background-color:#3E4C57;text-align:center;}
.ui-slider-horizontal .ui-slider-handle {top:-.6em;background-color:#9B9CA3;background-image:none!important;
  border-top-right-radius: 1em;
  border-top-left-radius: 1em;}

h4 {color:#A2A2A8;}
.llindar {background-color:#666A73;padding:10px;}
	.llindar span {margin-bottom:10px; display:inline-block;}
.modificar {background-color:#E3594F;padding:6px;color:#fff;}
.icon-llindar {color:#A2A2A8;font-size:2em;background-color:#293744;border-radius:45px;width:35px;height:35px;display:block;text-align:center;}
	.icon-llindar i {position:relative;top:5%;transform: translateY(-17%);}
.slider {/*background:transparent url(../img/background-range.png) left bottom no-repeat;*/padding:10px 0 20px;height:70px;}
.slider.time {background:none!important;}
.ui-slider-horizontal {height:1px; margin-top:6px;}
/* END CONFIG */


/* TABS */
.tabpanel {position:relative;}
.nav-tabs {
  border-bottom: none;margin-bottom:-9px;
}
.nav-tabs>li>a {background-color:#666A73;color:#404C57;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color:#D9594F;
  cursor: default;background-color:#3E4C57;border:none;border-bottom-color: transparent;padding-top:12px;
}
.utils{position:absolute;/*top:-10px;*/right:0;}
	.utils .caract a {border:none; margin-right:25px; background-color:#525d67;}
/*END TABS*/

/* CALENDAR */
div.zabuto_calendar .table {height:350px;}
	div.zabuto_calendar .legend {display:none;}
	.table-bordered {border:none!important;}
.calendar-legend span.range-resum {width:15px;height:15px;margin:0 5px 0 12px;}
.calendar-legend span.num_range {color:#B8BABE;font-size:.9em;}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
  border: 1px solid #676B74;
}
div.zabuto_calendar .table tr th, div.zabuto_calendar .table tr td {background-color:transparent; }
div.zabuto_calendar .table th, div.zabuto_calendar .table td {padding: 0;text-align: right;vertical-align:top;}
div.zabuto_calendar .table tr td div.day {color:#fff!important;margin:0;padding:7px 5px 35px 0;}
div.zabuto_calendar .table tr.calendar-dow-header th {text-align:left;vertical-align:bottom;color:#fff;background-color:transparent;border:none;height:35px;}
.calendar-month-header {display:none;}

/* END CALENDAR */