.no-desc{
    padding-top: 10px
}
.off-text{
      color: #CFCFCF
  }

.hover:hover {
    cursor: pointer;
}
.panel {
    border: 1px solid #ddd;
    min-height: 200px;
    position: relative;
}
.pointer {
    cursor: pointer;
}

._gauge{
    margin-right: 5px;
    float: left;
}
._gauge svg{
    float: left;
    height: auto !important;
    width: auto !important;
}

.badge{
    margin-right: 2px;
}

._gauge{
    float: left;
    /*width: 108px;
    height: 108px;*/
    overflow: hidden;
}
._after_gauge{
    margin-left: 20px;
    margin-top: 10px;
    float: left;
}

.spacing{
    margin-right: 5px;
}

.round-checkbox{
    margin-left: 5px; float: left; margin-top: 7px !important;
}
.menu_nav li.mm-selected > span {
    background: rgba(0, 0, 0, 0) !important;
}

.smart-counter,
.smart-counter-red
{
    float: left;
    border-top: 1px solid silver;
    border-right: 1px solid silver;  border-bottom: 1px solid silver;  overflow: hidden;
    padding: 1px 5px;
    font-family: Verdana, sans-serif;
    font-size: 25px;  font-stretch: normal;  font-style: normal;  font-variant: normal;
    font-weight: bold;
    display: block;
    overflow: auto;
}
.smart-counter {
    color: white;
    background: #45484d;  background: linear-gradient(to bottom, #45484d 0%,#000000 100%);
    border-left: 1px solid silver;  position: relative;  display: inline-block;

}
.smart-counter-red {
    /*color: white;
    background: #B60808;  background: linear-gradient(to bottom, #EF2727 0%,#B60808 100%);*/
    color: white;
    background: #B60808;  background: linear-gradient(to bottom, #EF2727 0%,#B60808 100%);

}
.smart-counter-unit {
    float: left;
    padding-top: 4px;padding-left: 2px; display: block;font-weight: 600; font-size: 30px
}

.legendColorBox {
    padding-right: 5px !important;
}

/* MENU CONTESTUALE POSIZIONATO IN MODO ASSOLUTO SOTTO AL LOGO FILIPPETTI (fuori da <NAV>)
.menu_root {
    position: absolute;
    top: 80px;
    border-color: rgba(0, 0, 0, 0.15);
    background-color: #28282e;
    color: #fff;
    width: 240px;
    height: 200px;
}
.mm-menu.mm-offcanvas {
    margin-top: 280px;
}*/

/*MENU CONTESTUALE DENTRO <NAV>*/
.mm-menu.mm-hasheader > .mm-panel.mm-list {
    /*padding-top: 291px;*/
    padding-top: 330px;/*PER SPOSTARE IN ALTO/BASSO IL MENU*/
}
.mm-menu .mm-header {
    /*margin-top: 230px;*/
    /*margin-top: 300px;*/

    /*PER SPOSTARE IN ALTO/BASSO IL MENU*/
}
.menu_root {
    /*height: 270px;*//*PER SPOSTARE IN ALTO/BASSO IL MENU*/
    width: 240px;
    /*background-color: rgb(51, 51, 51);*/
    background-color: #333333;
    position: relative;
    z-index: 2;
    top: 0;
    left: 0;
}
.menu_root * {
    border: 0px;
    margin: 0px;
    padding: 0px;
}
.menu_root_item-no,
.menu_root_item
{
    font-family: 'Open Sans', sans-serif;
    font-kerning: auto;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-variant-ligatures: normal;
    font-weight: normal;
    padding: 10px;
    /*width: 240px;*/
    height: 54px;
}
.menu_root_item a {
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 16px;
    padding-bottom: 10px;
}
.menu_root_item-no,
.menu_root_item,
.menu_root_item a {
    display: block;
}
.menu_root_item:hover, .menu_root_item a:hover {
    color: #009EE0;
    background-color: #28282E;
    -moz-transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
.menu_root_item a {
    color: #ffffff;
}
.menu_root .menu_root_item_selected {
    /*color: #009EE0;*/
    background-color: #28282E;
}

.menu_root .menu_root_fo .menu_root_item {
    color: #ffffff;
    background-color: #28282E;
}
.menu_root .menu_root_fo .menu_root_item a{
	 padding-left: 0px;
	 padding-right: 0px;
	 text-align: center;
}
.menu_root .menu_root_fo .menu_root_item_selected {
    /*color: #009EE0;*/
    background-color: #333;
}
.menu_root .openmap{
	cursor: pointer;
	vertical-align: middle;
}

.menu_root .menu_root_fo .objects_root{

}
.menu_root_item div:first-child{
    float: left;
}
.menu_root_item .valign-container{
    float: right;
}

/*FINE MENU CONTESTUALE DENTRO <NAV>*/
.forced-collaps {
    min-height: 0px !important;
}



/*COLORI DEL MENU*/
/*.menu_security {*/
    /*background: #0073B9 !important;*/
/*}*/
/*.menu_safety {*/
    /*background: #fecc00 !important;*/
/*}*/
/*.menu_env {*/
    /*background: #e2001a !important;*/
/*}*/
/*.menu_energy {*/
    /*background: #97bf0d !important;*/
/*}*/

.menu_security a, .menu_security span {
    color: #4ABAFF !important;
}
.menu_safety a, .menu_safety span {
    color: #FFC200 !important;
}
.menu_env a, .menu_env span {
    color: #97bf0d !important;
}
.menu_energy a, .menu_energy span {
    color: yellow !important;
}
.menu_building a{
	
}


.valign-container{ height: 100%; }
.valign-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  /*margin-right: -0.25em;*/ /* Adjusts for spacing */
}

.lg-font {
    font-size: 60px;
}

.graph-bar svg {width:100%;}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}


a.cmd-widget {
    color: #eeeeee;
    float: right;
}
.panel-body:hover > a.cmd-widget{
    color: #333333;
}
/*.panel-body{*/
    /*white-space: nowrap;*/
    /*overflow: hidden;*/
/*}*/

/* bootstrap hack: fix content width inside hidden tabs
Necessario per highchart altrimenti i grafici si vedrebbero schiacciati in alcuni casi.
http://stackoverflow.com/questions/17206631/why-are-bootstrap-tabs-displaying-tab-pane-divs-with-incorrect-widths-when-using
*/
.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: block;     /* undo display:none          */
    height: 0;          /* height:0 is also invisible */
    overflow-y: hidden; /* no-overflow                */
}
.tab-content > .active,
.pill-content > .active {
    height: auto;       /* let the content decide it  */
} /* bootstrap hack end */
.wrapper{  }

.content{ min-height: 100%; height: auto; }
.menuMap{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }

.menuMap.menu_security text{ fill:#4ABAFF; }
.menuMap.menu_safety text{ fill:#FFC200; }
.menuMap.menu_env text { fill:#97bf0d; }
.menuMap.menu_energy text { fill:yellow; }
.menuMap g.current{ stroke: #FF0000; stroke-width: 1px; background-color: #FF0000; }
.menuMap g.current text{ text-decoration: underline;  font-weight: bold; }

.menu_root_item_selected a{ color: #009EE0;}
.menu_root_item_selected .menu-label{ display: inline; }
.menu_root_item .fa{ margin-right: 1em; }
.objects_root .menu-label{ display: none; }

.menuMap g.node:hover{ font-size: 1.2em;}
.menuMap g.node text{ fill-opacity: 1;}
.menuMap g.node:hover text{ text-decoration: underline; font-weight: bold; font-size: 1.2em; cursor: pointer;}
.menuMap g.node.checked text{ fill: #FF0000; cursor: pointer;}
.menuMap .node circle.click1{ fill: #FFFFFF; fill-opacity: 0.6; }
.menuMap .loader{ position: absolute; padding: 2em; top: 50%; margin-top: -52px; background-color: #ffffff; left: 50%; margin-left: -55px; }
.menuMap .loader + svg{ display: none;}

.objectsPane{}
.objectsPane-opened{
	margin-top: 80px;
	width: 80%;
	height: 100%;
    position: fixed; /* WAS: "absolute" but that way the object map was at (0,0), no matter where the user was */
    display: block;
	z-index: 1000;
	background: #28282e;
}
.objectsPane button.close{ color: #ffffff; padding: 1em; }
.objectsPane .content{ }
.objectsPane-closed{ display: none; }

.b64 {
    border: 1px solid #ddd;
}

.green {
    background: #aec785 !important;
}
.yellow {
    background: #ffec46 !important;
}
.orange {
    background:#fa8564 !important;
}
.tar {
    background:#1fb5ac !important;
}
.blue {
    background: #1fb5ac !important;
}
.gray {
    background: #E9E9E9 !important;
}

.pink {
    background:#a48ad4 !important;
}
.yellow-b {
    background: #fdd752 !important;
}

.A {
    color: #7cb5ec;
}
.h1 { color: #434348;}
.h2 { color: #90ed7d;}
.h3 { color: #f7a35c;}
.h4 { color: #8085e9;}
.h5 { color: #f15c80;}
.h6 { color: #e4d354;}
.h7 { color: #2b908f;}
.h8 { color: #f45b5b;}
.h9 { color: #91e8e1;}

.sp-loading-progress{
    overflow: auto;
    max-height: 100px;
}

.datepicker{
    overflow: auto;
}

/*div.datepicker.datepicker-inline {*/
    /*margin: 0 auto;*/
/*}*/

/*.sp-date .datepicker{*/
    /*display: block !important;*/
/*}*/

.dense {
    min-height: inherit;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.nowrap {white-space: nowrap; }

.sp-date-input-control {}

.standard-color { color: #767676 !important;}

.scheduler .day-label{
    width: 60px;
}


/*
    SP Scheduler with dimmer control
*/
.scheduler th.th-value{
    padding: 0px !important;
}
.scheduler .th-input-value{
    width: 60px !important;
    font-size: 0.75em;
}
.scheduler .day-td-container{
    width: 100px;
}
.scheduler .day-container{
    /*width: 35px;*/
    /*float: left;*/
    display: inline-flex;
    height: 98%;
}
.scheduler .day-container input[type="number"]{
    padding: 0px 0px;
    font-size: 0.75em;
}
.scheduler .day-value{
    width: 37px;
    margin-right: 4px;
    /*float: left;*/
}

.scheduler{
    overflow: auto;
}
.scheduler table tr td,
.scheduler table th
{
    /*text-align: center;*/
    white-space: nowrap;
    border-top: 0px;
}
.scheduler table th
{
    border-right: 1px solid #CECCCC;
    text-align: center;
}
.scheduler table tr td{ padding: 1px; }
/*
    SP Scheduler with dimmer control: END
*/
span.menu-deactivated {
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 16px;
    padding-bottom: 10px;
    pointer-events: none;
}

.open_map_disabled{
    pointer-events: none;
}

.fix-form-control .form-control{
    width: auto;
}
.fix-overflow-x{
    overflow-x: auto;
}

/* sp-table */
.sp-table-content table{
    margin-bottom: 5px;
}

.sp-table-pages{
    margin-top: 15px;
}
.sp-table-pages ul{
    margin: 0 !important;
}
.sp-table-pages h5{
    float: left; margin-right: 3px
}
.sp-table-pages-sum {
    font-size: 0.85em;
}
.sp-table-content th{
    white-space: nowrap;
}
/* sp-table: end */
.nowrap{
    white-space: nowrap;
}
.overflow-auto{
    overflow: auto;
}

.btn-sp-table{
    margin-right: 10px;

}
span.dashboard-widget div:first-child{
    max-height: 200px;
}

.graph-svg-component {
    background-color: AliceBlue;
}


.btn-fullscreen{ display: inline; }
.btn-restore{ display: none; }
.fullscreen{
    top: 0 !important;
    left: 0 !important;
    position: fixed !important;
    width: 100% !important;
    min-height: 100% !important;
    z-index: 1002 !important;
    overflow: auto !important;
    height: 100% !important;
}