body
{
	background-color:#ffffff;
	color:black;
}
.navbar
{
	background-color: #4a5f7e;
    border-color: #000000;
    margin-bottom: 0px;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-text
{
	color:white;
}
.navbar img
{
	height: 100%;
    float: left;
    margin-right: 10px;
}
.navbar small
{
	color:white;
}
.dropdown-toggle:hover
{
	color:white !important;
}
.row
{
	background-color:white;
}
.clickable
{
	cursor:pointer;
}

footer .container-fluid
{
	background-color: #4a5f7e;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
	margin-top: 25px;
	border-top:1px solid black;
}

.global_summary_table
{
	margin-top:20px;
}

.monitor_ascensori
{
	margin-top:50px;
}


.address_bar
{
	background-color: #0b3572;
    text-align: center;
	color:white;
    font-weight: 800;
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 5px;
	margin-bottom:20px;
}
.address_bar .row
{
	background-color:#0b3572;
}

.map-container
{
	margin-bottom:0px;
}
#map, #map-2
{
	height:600px;
}
#map_events
{
	height: 450px;
}

.global #map, .global #map-2
{
	height:400px;
}

.controls
{	
}

.controls .icon
{
	float:left;
	width:20%;
	text-align:center;
	font-size:25px;
	height: 100%;
    padding-top: 20%;
    padding-bottom: 20%;

}

.bordered-col
{
	padding-left:0px;
	padding-bottom:0px;
	border: 1px solid #4b4c4f;
	margin-right: 15px;
	margin-left: 15px;
}

.controls .blue
{
	background-color:#21699c;
	color:white;
}
.controls .orange
{
	background-color:#eca936;
	color:white;
}
.controls .red
{
	background-color:#ca2020;
	color:white;
}

.controls .text 
{
	float: left;
    width: 70%;
    background-color: white;
    color: black;
    margin-left: 5%;
	font-size:12px;
}

.tabledata
{
	padding-top:40px;
}

.graphs
{
	padding-top:40px;
	padding-bottom:40px;
}
.graphs .event_title
{
	font-size:25px;
	font-weight:bold;
}
.graphs #line-chart
{
	height:350px;
	padding-top:30px;
}

.graph_controls
{
	padding-bottom:40px;
}

.filter_button button
{
	width:100%;
	margin-bottom:10px;
}
.filter_button a
{
	color:black;
}

.graph_controls input[type="text"]
{
	width:35%;
}

#structure_map
{
	width:100%;
	min-height:350px;
}
.intestazione
{
	padding-top:8px;
	padding-bottom:20px;
}
.intestazione .alert
{
	text-align:center;
	margin-top:10px;
}
.intestazione .last_event
{
	font-size: 20px;
    font-weight: bold;
}

.structure_status
{
}
.alert-realtime
{
	font-size:20px;
	font-weight:bold;
}
.realtime
{
	font-size:14px;
	font-weight:400;
}
.sensors
{
	padding-bottom:20px;
}

.green_status
{
	color:green;
}

.grafici
{
	padding-bottom:80px;	
	padding-top:30px;
}

.timeline
{
	background-color:#f0f0f0;
	padding-top:30px;	
}
.roadmap.roadmap--orientation-auto .roadmap__events__event:after, .roadmap.roadmap--orientation-auto .roadmap__events__event:before,
.roadmap.roadmap--orientation-auto .roadmap__events:after
{
	background-color:#687285 !important;	
}

.roadmap.roadmap--orientation-auto .roadmap__navigation>* a i
{
	font-size:25px !important;
}

.report
{
	padding-bottom:30px;
}

.grafici iframe
{
	width:100%;
	min-height:400px;
	margin-bottom:50px;
}

.graph-spacer
{
	min-height:2px;
	width:100%;
	background-color:grey;
}

.grafici img
{
	width:100%;
}

.subtitle
{
	margin-bottom: 30px;
	margin-top: 5px;
	line-height: 17px;
	font-style: italic;
	font-size: 12px;
	color: #4d4e56;
}

.desc-graph img
{
	width:50%;
}

.small-text
{
	font-size:12px !important;
}

/* responsive */

.custom_nav a:hover
{
	color:#dedede !important;
}
.custom_nav li
{
	margin-left:5px;
	margin-right:5px;
	border-left:1px solid #889ebe;
	border-right:1px solid #889ebe;
	border-top:1px solid #889ebe;
	margin-top:10px;
}
.custom_nav li:hover
{
	background-color:#0b3572;
}
.navbar-brand
{
	min-width:250px;
}
.selected
{
	background-color:#0b3572;
}


@media (min-width: 1600px){
	.container 
	{
		width: 70%;
	}
}


@media (min-width: 992px) and (max-width: 1599px){
	
	.bordered-col
	{
		margin-right: 10px;
		margin-left: 10px;
	}
	.bordered-col h1
	{
		margin-top: 17px !important;
	}
	
}

@media (max-width: 769px){
	
	.hide_device
	{
		display:none;
	}
	
	.navbar-brand {
		min-width: 1px;
	}	
	
	.controls .col-md-2
	{
		margin-bottom:10px;
	}
	
	.controls .icon
	{
		float:none;
		width:100%;
		padding:0;
	}
	.controls .text
	{
		float:none;	
		text-align: center;
		width: 90%;
		font-size:14px;	
	}
	
	.controls .text h1, .controls .text h3
	{
		font-size:20px;
		margin-top:10px;
	}
	
	.bordered-col
	{
		padding-left:15px;
		border:0px;
	}
	
}