/* ---- Fonts ---- */
@font-face {
    font-family: 'MeteoconsRegular';
    src: url('../fonts/meteocons/meteocons-webfont.eot');
    src: url('../fonts/meteocons/meteocons-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/meteocons/meteocons-webfont.woff') format('woff'),
         url('../fonts/meteocons/meteocons-webfont.ttf') format('truetype'),
         url('../fonts/meteocons/meteocons-webfont.svg#MeteoconsRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { font-family: 'Open Sans', 'LatoRegular', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif !important;}
input,select,textarea { font-family: 'Open Sans', 'LatoRegular', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif !important; }
h1,h2,h3,h4,h5 { font-family: 'Open Sans', 'LatoRegular', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif; }
strong { font-family: 'Open Sans'; font-weight: bold; }
.gen-list li .name { font-family: 'Open Sans','Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif; font-weight: 600; }
.logopanel h1 { font-family: 'Open Sans', 'LatoBold', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif; }
.subtitle { font-family: 'Open Sans'; font-weight: 600; }
.basic-wizard ul li a span { font-family: 'Open Sans'; font-weight: 600; }
.tinystat h4 { font-family: 'Open Sans'; font-weight: 600; }
.widget-messaging .sender { font-family: 'Open Sans'; font-weight: 600; }
.widget-today .today, .widget-time .today { font-family: 'Open Sans'; font-weight: 600; }
.widget-photoday .photo-title { font-family: 'Open Sans'; font-weight: 600; }
.widget-weather .temp h1 { font-family: 'Open Sans'; font-weight: 300; }
.headerbar .topnav > ul > li > a { font-family: 'Open Sans'; font-weight: 600; }

/* from bootstrap-override.css */
.btn-default-alt { font-family: 'Open Sans'; font-weight: 600; }
.btn-primary-alt { font-family: 'Open Sans'; font-weight: 600; }
.btn-success-alt { font-family: 'Open Sans'; font-weight: 600; }
.btn-warning-alt { font-family: 'Open Sans'; font-weight: 600; }
.btn-danger-alt  { font-family: 'Open Sans'; font-weight: 600; }
.btn-info-alt    { font-family: 'Open Sans'; font-weight: 600; }
.btn-brown-alt   { font-family: 'Open Sans'; font-weight: 600; }
.btn-black-alt   { font-family: 'Open Sans'; font-weight: 600; }
.btn-pink-alt    { font-family: 'Open Sans'; font-weight: 600; }
.btn-darkblue-alt{ font-family: 'Open Sans'; font-weight: 600; }
.btn-orange-alt  { font-family: 'Open Sans'; font-weight: 600; }
.btn-maroon-alt  { font-family: 'Open Sans'; font-weight: 600; }
.btn-lightblue-alt  { font-family: 'Open Sans'; font-weight: 600; }
.panel-title     { font-family: 'Open Sans'; font-weight: 500; }
.panel-title-alt { font-family: 'Open Sans'; font-weight: 600; }
.panel-alt .panel-title { font-family: 'Open Sans'; font-weight: 600; }
.alert .alert-link { font-family: 'Open Sans'; font-weight: 600; }
.nav .dropdown > a {font-family: 'Open Sans'; font-weight: 600; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { font-family: 'Open Sans'; font-weight: 600; }
.panel-group .panel-title { font-family: 'Open Sans'; font-weight: 600; }
.media-heading { font-family: 'Open Sans'; font-weight: 600; }
.table th { font-family: 'Open Sans'; font-weight: 600; }






/* ---- End of Fonts ---- */

/* ---- Generali ---- */
.btn-success {
	background-color: #019EE1;
	border-color: #006EB1;
}

.btn-success:hover, .btn-success:active, .btn-success.active {
	background-color: #11AEEF;
	border-color: #107EC1;
}
/* ---- End of Generali ---- */



/* ---- Tabelle ---- */ 

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	text-align: center;
	white-space: nowrap;
}

tr.totale > td,
td.totale {
	font-weight: bold;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
	background-color: #DFF0D8;
}

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
	background-color: #D9EDF7;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
	background-color: #FCF8E3;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
	background-color: #F2DEDE;
}

/*.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th,*/
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th{
	background-color: rgba(28, 175, 154, 0.10);
}

.table > tbody > tr > th > a.toggle-details {
    color: #636e7b; /* default text color from BS 3.0 */
    cursor: pointer;
    text-decoration: none;
}

/*	LM: @media (max-width: 767px) { 
	Come in BS 3.1.1, cambiato soltanto l'intervallo
*/
@media (max-width: 5000px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd;
	}
	.table-responsive > .table {
		margin-bottom: 0;
	}
	.table-responsive > .table > thead > tr > th,
	.table-responsive > .table > tbody > tr > th,
	.table-responsive > .table > tfoot > tr > th,
	.table-responsive > .table > thead > tr > td,
	.table-responsive > .table > tbody > tr > td,
	.table-responsive > .table > tfoot > tr > td {
		white-space: nowrap;
	}
	.table-responsive > .table-bordered {
		border: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:first-child,
	.table-responsive > .table-bordered > tbody > tr > th:first-child,
	.table-responsive > .table-bordered > tfoot > tr > th:first-child,
	.table-responsive > .table-bordered > thead > tr > td:first-child,
	.table-responsive > .table-bordered > tbody > tr > td:first-child,
	.table-responsive > .table-bordered > tfoot > tr > td:first-child {
		border-left: 0;
	}
	.table-responsive > .table-bordered > thead > tr > th:last-child,
	.table-responsive > .table-bordered > tbody > tr > th:last-child,
	.table-responsive > .table-bordered > tfoot > tr > th:last-child,
	.table-responsive > .table-bordered > thead > tr > td:last-child,
	.table-responsive > .table-bordered > tbody > tr > td:last-child,
	.table-responsive > .table-bordered > tfoot > tr > td:last-child {
		border-right: 0;
	}
	.table-responsive > .table-bordered > tbody > tr:last-child > th,
	.table-responsive > .table-bordered > tfoot > tr:last-child > th,
	.table-responsive > .table-bordered > tbody > tr:last-child > td,
	.table-responsive > .table-bordered > tfoot > tr:last-child > td {
		border-bottom: 0;
	}
}

/* ---- End of Tabelle ---- */


.lm-modal-body {
	max-height: 80vh;
	overflow-y: scroll;
}


pre.xdebug-var-dump {
	height: 22%
}

/* ---- Logo Top ---- */
.logopanel h1 {
	font-size: 25px;
	font-family: 'Imagine Font', 'Open Sans', 'LatoBold', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;
	letter-spacing: -1.5px;
	color: #1D2939;
	line-height: 30px; /* same height as header */
	margin: 0;
	text-align: center;
	text-shadow: 0 1px 0px rgba(0,0,0,0.4);
	text-transform: uppercase;
}

.logopanel h1 span {
	color: #019EE1;
}
/* ---- End of Logo Top ---- */

/* ---- Logo MHD ---- */
.logo-microhard {
	bottom: 10px;
	left: 0;
	opacity: 0.6;
	padding: 5px 15px;
	position: fixed;
	transition: all 0.5s 0s linear;
}

.logo-microhard:hover {
	opacity: 1;
}

.logo-microhard a.icon{
	display: none;
}

.leftpanel-collapsed .logo-microhard {
	padding: 5px 10px ;
}

.leftpanel-collapsed .logo-microhard a.full {
	display: none;
}

.leftpanel-collapsed .logo-microhard a.icon {
	display: block;
}
/* ---- End of Logo MHD ---- */


/* ---- Segnalazione allarmi header ---- */
.dropdown-list .desc {
	margin-left: 0px;
}

.header-right {
	margin-right: 15px;
}

.header-right .dropdown-menu .divider {
	background-color: #E5E5E5;
	background-color: rgba(255,255,255,0.25);
}

.dropdown-list li:last-child {
	padding: 15px 5px;
}

.headermenu .dropdown-menu li a:hover {
	background: none repeat scroll 0 0 #019EE1;
}

.headermenu .dropdown-menu-head li a:hover {
	color: #FFFFFF;
	padding: 0 4px;
}

.headermenu ul.dropdown-list {
	height: auto;
	max-height: 410px;
	overflow-x: hidden;
}

li.usermenu span.round {
	border: solid #636e7b 6px;
	border-radius: 20px;
	background-color: #636e7b;
	color: #fff;
	margin-right: 4px;
}

@media screen and (max-width: 480px) {
	.header-right {
		margin-right: 0 !important;
		max-width: 309px;
	}

	.header-right li.usermenu {
		max-width: 167px;
		/*overflow: hidden;*/
	}
}

.dropdown-list .lm-type {
	color: #BBB;
	font-size: smaller;
}

.dropdown-list .lm-additional-value {
	color: #BBB;
}

/* ---- Panels ---- */
.panel-heading h3 span {
	color: #999999;
	font-size: 13px;
	font-style: italic;
	letter-spacing: 0;
	text-transform: none;
	vertical-align: middle;
}

.panel-stat .stat {
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	white-space: nowrap;
}

.panel-stat h1 {
	font-family: 'Open sans', sans-serif;
}

.panel-stat h4 {
	font-family: 'Open sans', sans-serif;
}

.panel-ok .panel-heading {
	background-color: #16A116;
}
/* ---- End of Panels ---- */


/* ---- Versions Info ---- */
#version-info {
	padding: 0 20px 0 10px;
}

#version-info a {
	color: #666666;
}

#version-info a:hover {
	color: #333333;
}

#version-info i {
	border: medium none;
	cursor: default;
	font-size: 16px;
	line-height: 33px;
	margin: 0;
	padding: 0;
}

#version-info a i {
	cursor: pointer;
}

/* ---- End of Versions Info ---- */

/* ---- Filters ---- */
#filters-container {
	background-color: #EBEBEB;
	border: 1px solid #D1D1D1;
	border-radius: 2px;
	clear: both;
	display: block;
	margin-top: 52px;
}

#filters-toggle {
	padding: 0 20px 0 10px;
}

#filters-toggle a {
	background-color: #fff;
	border: solid #aaaaaa 1px;
	border-radius: 2px;
	color: #666666;
	padding: 5px 8px;
}

#filters-toggle a.closed {
	background-color: #EBEBEB;
}

#filters-toggle a:hover {
	color: #333333;
}

#filters-toggle i,
#paypoints-list-ajax-link i,
#filters-group-save-submit-link i {
	border: medium none;
	cursor: default;
	font-size: 16px;
	line-height: 33px;
	margin: 0;
	padding: 0;
}

#filters-toggle a i,
#paypoints-list-ajax-link a i,
#filters-group-save-submit-link a i {
	cursor: pointer;
}
/* ---- End of Filters ---- */

/* ---- Paypoint selector ---- */
#paypoint-selector {
	max-width: 30%;
}

#paypoint-selector select {
	max-width: 100%;
	padding: 5px;
	margin-bottom: 20px;
}
/* ---- End of Paypoint selector ---- */

/* Navigation */
.nav-bracket > li.active > a, .nav-bracket > li.active > a:hover, .nav-bracket > li.active > a:focus {
	background-color: #019EE1;
}

.nav-bracket .children > li.active > a {
	color: #11AEEF;
}

.nav-bracket .children > li > a:hover, .nav-bracket .children > li > a:active, .nav-bracket .children > li > a:focus {
	color: #11AEEF;
}

.nav-bracket > li > a {
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.nav-bracket > li.nav-parent > a:hover,
.nav-bracket > li.nav-parent > a:active,
.nav-bracket > li > a:hover,
.nav-bracket > li > a:focus {
	text-shadow: none;
}

.sidebartitle {
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

a.list-group-item.active > .badge, .nav-pills > .active > a > .badge-danger {
	background-color: #D9534F;
	color: #FFF;
}

.nav-pills > .active > a > .badge-primary {
	background-color: #428BCA;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	color: #FFF;
}

.nav-pills > .active > a > .badge-warning {
	background-color: #F0AD4E;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	color: #FFF;
}

.leftpanel-collapsed .nav-bracket > li.nav-hover.active > a {
	background: #019EE1;
	color: #fff;
}

.leftpanel-collapsed .nav-bracket > li.nav-hover.active > a > span:last-child {
	background: #019EE1;
	color: #fff;
}

/* Freccia dalla navigation */
/* .nav-bracket > li.active:after {
  border-bottom: 17px solid rgba(0, 0, 0, 0);
  border-left: 17px solid #019EE1;
  border-top: 17px solid rgba(0, 0, 0, 0);
  content: "";
  height: 0;
  position: absolute;
  right: -15px;
  top: 0;
  width: 0;
} 

/* Fraccia dal Main content */
/* .nav-bracket > li.active:after {
  border-bottom: 15px solid rgba(0, 0, 0, 0);
  border-right: 15px solid #E4E7EA;
  border-top: 15px solid rgba(0, 0, 0, 0);
  content: "";
  height: 0;
  position: absolute;
  right: -18px;
  top: 3px;
  width: 0;
} */
/* End of Navigation */

/* Flot */
.legendColorBox {
	padding: 3px 0;
}

.legendColorBox div {
	border-radius: 50%;
	margin-right: 5px;
}

.legendColorBox div div {
	margin-right: 0;
}

.pieLabel {
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

#flotTip {
	background-color: rgba(0, 0, 0, 0.75);
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 11px;
	padding: 3px 10px;
}
/* End of Flot */



/* Datatables */
.dataTables_length {
	margin-left: 20px;
	margin-top: 20px;
}

.dataTables_filter {
	margin-right: 20px;
	margin-top: 20px;
}

.dataTables_info {
	margin-left: 20px;
	margin-bottom: 20px;
}

.dataTables_paginate {
	margin-right: 20px;
	margin-bottom: 20px;
}

.paging_full_numbers a.paginate_active {
	background-color: #019EE1;
	border-color: #108ECF;
	color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}

.dataTable th.sorting,
.dataTable th.sorting_asc, 
.dataTable th.sorting_desc {
	cursor: pointer;
	padding-right: 20px;
}
/* End of Datatables */


/* DataRangePicker */
.pageheader #reportrange {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	margin-bottom: 10px;
	padding: 5px 10px;
}

.pageheader #reportrange .glyphicon, .pageheader #reportrange .fa {
	border: 0;
	border-radius: 0;
	font-size: 14px;
	margin-right: 6px;
	padding: 0;
}

#reportrange .caret {
	margin-left: 6px;
}

.daterangepicker .ranges {
	width: 180px;
}

.daterangepicker_end_input {
	float: right !important;
}

.range_inputs .cancelBtn {
	float: right;
	text-shadow: 0 1px 0px rgba(255,255,255,1);
}

.range_inputs .btn-success {
	color: #FFF;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.daterangepicker .ranges li {
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
	background: none repeat scroll 0 0 #019EE1;
	border: 1px solid #007EC1;
	color: #FFFFFF;
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}
/* End of DataRangePicker */


/* --- Alerts --- */
div.alert i.fa {
	font-size: 25px;
	margin-right: 10px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
/* --- End of Alerts --- */


/* ---- Meteo ---- */
[class^="icon-meteo-"]:before,
[class*=" icon-meteo-"]:before {
	font-family: 'MeteoconsRegular';
	font-size: 20px;
	font-style: normal;
	speak: none;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
			font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.icon-meteo-non-disponibile:before { content: ")"; }
.icon-meteo-clear:before,
	.icon-meteo-sereno:before { content: "B"; text-shadow: 0 1px 1px rgba(255, 255, 0, 1); }
.icon-meteo-cloud:before,
	.icon-meteo-coperto:before { content: "N"; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
.icon-meteo-cloudpartial:before,
	.icon-meteo-poco-nuvoloso:before,
	.icon-meteo-nubi-sparse:before { content: "H"; text-shadow: 0 1px 1px rgba(255, 255, 0, 0.7); }
.icon-meteo-fog:before,
	.icon-meteo-nebbia:before { content: "M"; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
.icon-meteo-snow:before, 
	.icon-meteo-neve:before { content: "W"; text-shadow: 0 1px 1px rgba(255, 255, 255, 1); }
.icon-meteo-rain:before,
	.icon-meteo-pioggia:before { content: "R"; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
.icon-meteo-light-rain:before,
	.icon-meteo-pioggia-debole:before,
	.icon-meteo-pioggia-e-schiarite:before { content: "Q"; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
.icon-meteo-storm:before,
	.icon-meteo-temporale:before { content: "P"; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }
/* ---- End of Meteo ---- */

/* ---- Language selector ---- */
#language-selector {
	margin-top: 15px;
	text-align: center;
}

#language-selector ul  li a {
	text-align: left;
}

li.language-menu .dropdown-menu-head {
	min-width: initial;
}

li.language-menu .dropdown-menu-head h5.title {
	white-space: nowrap;
}
/* ---- End of Language selector ---- */

.signup-footer {
	margin-top: 15px;
}


@media screen and (max-width: 767px) {
	.headermenu li:nth-child(4) {
		display: block;
	}
}


.chosen-drop .refered {
	font-style: italic;
}



/* Test per animare scritte (require classes  "animated fadeInLeft") */
/* @-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  animation-duration: 1s;
  animation-delay: 1s;
} */

/* ---- Tables: fix first column ---- */
.table-responsive>.fixed-column {
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	display: inline-block;
	left: 0;    /* Fix a strange behaviour of Firefox (together with a wrapping div with 'position: relative' injected via jQuery)
				(jumping of fixed column on mouse right click or any repaint of the table (eg. using dropdown menu "Strumenti", firebug's highlights, etc.) */
	position: absolute;
	width: auto;
}
@media(max-width:599px) {
	.table-responsive>.fixed-column {
		display: none;
	}
}
#table1 thead tr th:first-child {
	width: 50px; /* keep the first cell at the minimum width possible, for not having problems with overlapping fixed column and few horizontal values */
}
/* ---- End of Tables: fix first column ---- */