/* Generale */
.well { margin-bottom: 0px; padding: 0; }

.navbar-inner { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
.navbar-inner .container-fluid { padding: 0; }
.navbar-inner ul.nav > li > a { color: white; }
.navbar-inner ul.nav > li > a:hover { color: #F0D030 !important; }
.navbar-inner ul.nav > li.active > a, .navbar-inner ul.nav > li.active > a:hover { color: #F0D030 !important; }
.navbar-inner ul.nav > li > a.copyright { cursor: default; color: #CCCCCC !important; }
.navbar-inner ul.nav > li > a.copyright:hover { color: #CCCCCC !important; }
.navbar-inner ul.nav > li span { color: #CCCCCC; }

.unset { color: #D0D0D0; font-style: italic; }

a.pull-right { margin-left: 5px; }

span.sensor-uuid { display: inline-block; text-align: center; min-width: 80px; font-weight: normal; margin-right: 10px; }

[data-centralina-region] { vertical-align: top; }

[data-centralina-role="widget"] { margin-bottom: 20px; position: relative; }

h1.widget-header, h2.widget-header { position: relative; margin-bottom: 0px; }
h1.widget-header a, h2.widget-header a { display: inline-block; zoom: 1; position: relative; top: 5px; }

[data-centralina-stat] h2 { font-size: 16px; }

#categories { padding: 5px; }

dl#sensors { margin: 0; padding: 0; }
dl#sensors dt { position: relative; padding: 1em 0; margin: 0 5px 0 10px; border-top: 1px solid #DDD; line-height: 22px; }
dl#sensors dt:first-child { margin-top: 0; border: 0; }
dl#sensors dt span { display: inline-block; padding-top: 5px; font-size: 1.0em; max-width: 76%; }
dl#sensors dt a { position: relative; top: 3px; }
dl#sensors dd { display: none; margin: -0.7em 5px 1em 30px; }
dl#sensors [data-centralina-role="show-sensor"] { margin-left: 5px; }

.sensor-details h4 { margin-bottom: 0.3em; }

#sensors p, .sensor-details p { margin: 0; }

/* Sorting & Dragging */
.region { min-width: 31.914893614%; min-height: 200px; }

.sort-placeholder { background-color: #D9EDF7; border: 1px solid #BCE8F1; display: block; height: 100px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 20px; }

.dragger { margin-right: 10px; }

.ui-sortable-helper { filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity: 0.7; }

#alarms-pagination { position: absolute; top: 0; right: 0; margin: 0 0 5px 0; }
#alarms-pagination li { font-size: 13px; font-weight: normal; }
#alarms-pagination li a { line-height: 33px; }

ul.alarms { list-style-type: none; margin: 10px; }
ul.alarms .label { margin-right: 5px; }
ul.alarms .sensor:hover { text-decoration: none; color: white; }

.modal-container { display: none; }

.modal { display: none; width: 600px; }
.modal form { margin: 0; }
.modal form .help-block { display: block; }
.modal form .modal-body { height: 350px; overflow-y: scroll; }

/* Specific */
#map img { max-width: none; }

.title-separator { width: 100%; }

/* Data */
.ui-datepicker { z-index: 30000; border: 1px solid #CCCCCC; background-color: #EEEEEE; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 5px; margin-top: 5px; display: none; }
.ui-datepicker select { width: 70px; margin: 0px 5px; }
.ui-datepicker .ui-datepicker-header { white-space: nowrap; margin-bottom: 10px; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next { display: inline-block; text-align: center; font-size: 1.5em; position: relative; top: 0px; margin: 1px 0px 0px 0px; padding: 3px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; cursor: pointer; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover { background-color: #0066ff; color: white; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev { float: left; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-next { float: right; }
.ui-datepicker .ui-datepicker-header .ui-datepicker-title { text-align: center; }
.ui-datepicker .ui-datepicker-calendar { margin: 0 auto; width: 200px; }
.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { padding: 3px 6px; text-align: center; }
.ui-datepicker .ui-datepicker-calendar td { position: relative; }
.ui-datepicker .ui-datepicker-calendar td a { display: inline-block; padding: 3px 5px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.ui-datepicker .ui-datepicker-calendar td a:hover { color: white !important; background-color: #0066ff; text-decoration: none; }
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-week-end a { color: #DD0000; }
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a { position: relative; font-weight: bold; top: -1px; }
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a { color: #C0C0C0; }
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a { color: white !important; background-color: #0066ff; text-decoration: none; }
.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span { color: #E0E0E0; }

#action-index [data-centralina-role="widget"] { min-height: 200px; }
#action-index [data-centralina-role="sensors"] { height: 500px; overflow-y: scroll; }
#action-index [data-centralina-role="alarms"] { max-height: 270px; overflow-y: scroll; }

#action-alarms .widget-content:not(.map) { max-height: 800px; }
#action-alarms .widget-content:not(.map) .well { min-height: 800px; }
#action-alarms h1.action-title a { top: -6px; margin-left: 50px; }
#action-alarms h1.action-title { position: relative; }
#action-alarms h1.action-title a { position: relative; top: -6px; }
#action-alarms #alarms h2 { margin-bottom: 10px; }

/* Widget */
#action-statistics .sort-placeholder { margin: 0px 20px 20px 0px; position: relative; vertical-align: top; float: left; }
#action-statistics [data-centralina-role="widget"] { display: inline-block; margin: 0px 20px 20px 0px; position: relative; vertical-align: top; float: left; }
#action-statistics [data-centralina-role="widget"] .graph { overflow: hidden; }
#action-statistics.size-tiny [data-centralina-role="widget"] { width: 320px; }
#action-statistics.size-tiny [data-centralina-role="widget"] .graph { height: 240px; }
#action-statistics.size-tiny .sort-placeholder { width: 320px; height: 284px; }
#action-statistics.size-small [data-centralina-role="widget"] { width: 460px; }
#action-statistics.size-small [data-centralina-role="widget"] .graph { height: 345px; }
#action-statistics.size-small .sort-placeholder { width: 460px; height: 389px; }
#action-statistics.size-normal [data-centralina-role="widget"] { width: 600px; }
#action-statistics.size-normal [data-centralina-role="widget"] .graph { height: 450px; }
#action-statistics.size-normal .sort-placeholder { width: 600px; height: 494px; }
#action-statistics.size-large [data-centralina-role="widget"] { width: 740px; }
#action-statistics.size-large [data-centralina-role="widget"] .graph { height: 555px; }
#action-statistics.size-large .sort-placeholder { width: 750px; height: 599px; }
#action-statistics.size-extralarge [data-centralina-role="widget"] { width: 880px; }
#action-statistics.size-extralarge [data-centralina-role="widget"] .graph { height: 660px; }
#action-statistics.size-extralarge .sort-placeholder { width: 880px; height: 704px; }
#action-statistics h1.action-title a { top: -6px; margin-left: 30px; }
#action-statistics h1.action-title { position: relative; }
#action-statistics h1.action-title a { position: relative; top: -6px; }

form.sizer .control-group label { padding-top: 13px; }