/* ---- 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 ---- */
a { color: #688F00; }

.btn-success {
    background-color: #98BF0E;
    border-color: #688F00;
}

.btn-success:hover, .btn-success:active, .btn-success.active {
    background-color: #ACD30E;
    border-color: #688F00;
}
/* ---- 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 > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info {
    background-color: #D6E59E;
}

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {
    background-color: #C6D58E;
}

.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(214, 229, 158, 0.3);
}

/* -- Table Toggle Details -- */
a.toggle-details i {
    color: #688F00;
    cursor: pointer;
}

tr[class^="details-"] {
    display: none;
}
/* -- End of Table Toggle Details -- */

/*	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 ---- */




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: #98BF0E;
}
/* ---- 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 #98BF0E;
}

.dropdown-menu-head .title {
    background: none repeat scroll 0 0 #58585A;
    color: #B4B8BD;
}

.headermenu .dropdown-menu-usermenu {
    background: none repeat scroll 0 0 #58585A;
}

.headermenu .dropdown-menu-usermenu li a {
    color: #DDDDDD;
}

/* ---- End of Segnalazione allarmi header ---- */

/* 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;
}
/* ---- End of Panels ---- */



/* Navigation */
body {
    background-color: #58585A;
    overflow-y: scroll !important; /* LM: always show scrollbar to avoid lateral shifting on filters toggling */
}

.nav-bracket > li.active > a, .nav-bracket > li.active > a:hover, .nav-bracket > li.active > a:focus {
    background-color: #98BF0E;
}

.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 .children > li.active > a {
    color: #98BF0E;
}

.nav-bracket .children > li > a:hover,
.nav-bracket .children > li > a:active,
.nav-bracket .children > li > a:focus {
    color: #98BF0E;
}

.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;
}

.leftpanel-collapsed .nav-bracket > li.nav-hover.active > a {
    background: #98BF0E;
    color: #fff;
}

.leftpanel-collapsed .nav-bracket > li.nav-hover.active > a > span:last-child {
    background: #98BF0E;
    color: #fff;
}

.leftpanel-collapsed .nav-bracket li.nav-hover ul {
    background: none repeat scroll 0 0 #58585A;
}

/* Freccia dalla navigation */
/* .nav-bracket > li.active:after {
  border-bottom: 17px solid rgba(0, 0, 0, 0);
  border-left: 17px solid #98BF0E;
  border-top: 17px solid rgba(0, 0, 0, 0);
  content: "";
  height: 0;
  position: absolute;
  right: -15px;
  top: 0;
  width: 0;
}

/* Freccia 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: #98BF0E;
    border-color: #688f00;
    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 {
    color: #688F00;
    /*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 #98BF0E;
    border: 1px solid #688F00;
    color: #FFFFFF;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.daterangepicker td.in-range {
    background: none repeat scroll 0 0 #D6E59E;
    border-radius: 0;
}

.daterangepicker td.start-date {
	border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
	border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
	border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #98BF0E;
    border-color: #789F0E;
    color: #FFFFFF;
}
/* 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 --- */


@media screen and (max-width: 767px) {
    .headermenu li:nth-child(4) {
        display: block;
    }
}



/* 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;
} */
