/*Modifica del 2017-03-03 */
@media (max-width: 360px) {
.container{ width:96%; padding:2%; }
#logo {width: 300px;display: block;margin: 0 auto;}
#menu{width: 300px;display: block;margin: 0 auto;}
#menu li{display: block;}
#company, #powered{text-align: center;}
#footer .column{text-align: center;}
.wrap{width:96%;}
#content h2:before{top:63px;}
.wrap-cont{overflow: auto;}
}


*{padding:0; margin:0 auto;}
body{font-family: 'Open Sans', sans-serif;background-color: transparent;}
h1, h2, h3, h4, h5, h6{font-family: 'Open Sans Condensed', sans-serif; font-weight: bold;}
a{/* font-style: italic; */ color:#0033cc; text-decoration: none;}
li{list-style: none;}
input[type="text"], input[type="password"], input[type=file]{border:1px solid #ddd; background-color: #fff; height:24px; padding:3px 10px; color:#666;}
input[type=submit], input[type=button], .click-style, input[type=button].info-right{border:1px solid #039; background-color: #03c; height:30px; padding:3px 10px; color:#eee; cursor:pointer; border-radius: 3px; box-shadow: 0 3px 0 0px #036;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;}
input[type=submit]:hover, input[type=button]:hover, .click-style:hover{background-color:#0033ff; border-color:#03c; color:#fff;  box-shadow: 0 3px 0 0px #03c;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;}
/*	Layout	*/
html{min-height: 100%; position: relative; background-color: #f7f7f7;}
.container{width:1180px; padding:0 10px; position: relative; display: table; -moz-box-sizing: border-box;box-sizing: border-box; }
.column{padding:20px; margin:0 0.5% 20px; display: block; float:left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.one-column{width:99%;}
.two-column{width:49%;}
.three-column{width:32.33%;}
.four-column{width:24%;}
.two-third-column{width:65.66%;}
.three-fourth-column{width:74%;}
.center-block {display: table;margin: 0 auto;float: none;}
#page{border-top:2px solid #03c; min-height: 100%;}
#content{/*text-align: center;*/display: table;margin: 20px auto 80px;}
.wrap{display: inline-block; background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); border-radius: 1px; position: relative;}
#content h2{text-align: left;text-transform: uppercase;border-bottom: 2px solid #03C;display: table;margin:0 0 20px; height: 33px; line-height: 33px;}
#content h2:before{content: "";width: 100%;display: block;border-bottom: 1px solid #03C;top: 35px;position: absolute;left: 0;}
#content h2 .click-style{position: absolute;right: 20px;line-height: 16px;height: 16px;top: 4px;text-transform: capitalize;font-family: 'Open Sans', sans-serif;font-size: 12px;}
.wrap h3{text-align: left;text-transform: uppercase;border-bottom: 2px solid #03C;display: table;margin: 0 0 20px; height: 25px;}
.wrap h3:before{content: "";width: 100%;display: block;border-bottom: 1px solid #03C;top: 47px;position: absolute;left: 0;}
/*	Header	*/
#header{border-bottom:1px solid #ddd; background-color: #fff;}
#logo a{line-height: 0; display: block;;}
#logo img{width:300px; padding:10px 0;}
#menu ul{text-align: right;}
#menu li{display: inline-block;}
#menu li a{height:39px; display: block; position: relative; text-align: left; padding:19px 10px 14px 60px; color:#666;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;}
#menu li a:hover{color:#03c;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;}
#menu li a i{position: absolute; left:0; height:44px; line-height: 44px; padding:0 9px; font-size: 30px; border-right:1px solid #ddd;}
#menu li a strong{display: block;}
#menu li a span{display: block; font-size: 12px;}
#header .column {padding: 0;margin-bottom: 0;}
/*	Footer	*/
#footer{font-size: 12px; color: #ccc; padding:20px 0; position: absolute; bottom:0; width:100%; background-color: #03c;}
#powered{text-align: right;}
#footer a{color:#fff;}
#footer a:hover{text-decoration: underline;}
#footer .column {padding: 0;margin-bottom: 0;}
/*	Box	*/
.wrap-cont {display: table;width: 100%;margin-bottom: 20px;}
.wrap-cont table{width:100%; font-size: 16px;}
.info-box{display: inline-table; padding:5px 0; width:100%; text-align: left;}
tfoot .info-box{text-align: center;}
.info-box .info-left, .info-box .info-right{height:30px; display: inline-block; color:#666; border-radius: 3px; padding:3px 10px;}
.info-box .info-left{border:1px solid #ccc; background-color: #f1f1f1; box-shadow: inset 0 2px 7px 0px rgba(0,0,0,0.3); width: 70%;display: block;float: left;-moz-box-sizing: border-box;box-sizing: border-box;}
.info-box .info-right{border:1px solid #ccc; background-color: #fff; box-shadow: 0 3px 0 0px #ccc; width: 30%;display: block;float: left;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;}
.info-left{border-radius:3px 0 0 3px !important;}
.info-right{border-radius: 0 3px 3px 0 !important;top: -3px;position: relative;}
.info-box span.green-state{background-color: #0c0; border-color:#090; box-shadow: 0 3px 0 0px #090; color:#fff;}
.info-box span.yellow-state{background-color: #FFE51E; border-color:#FFD20F; box-shadow: 0 3px 0 0px #FFD20F; color:#444;}
.info-box span.red-state{background-color: #c00; border-color:#a00; box-shadow: 0 3px 0 0px #a00; color:#fff;}
.google-maps{margin:20px 0; position: relative;}
.google-maps h3{margin: 0 10px 10px;}
.google-maps h3:before{top:27px;}
/*	Table	*/
.table-stat{border-spacing: 0;}
.table-stat th, .table-stat td{padding:4px 10px;}
.table-stat th{background: #DDD;   box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3); border-bottom: 1px solid #CCC;}
.table-stat td{text-align: center;  background: #FFF; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);}
.table-stat td + td + td + td + td + td{text-align: right;}
.table-stat tfoot td{background: #03C; color: #FFF;}
/*	Detail	*/
.wrap h3 span{background: #03C;padding: 0 5px;margin-left: 5px;color: #FFF;}
.wrap h3 span.green-state{background-color: #0c0; border:none; box-shadow: none; color:#fff;}
.wrap h3 span.yellow-state{background-color: #FFE51E; border:none; box-shadow: none; color:#000;}
.wrap h3 span.red-state{background-color: #c00; border:none; box-shadow: none; color:#fff;}
.select-range{display: block; width:100%;}
.select-range li{display: inline-block; text-align: center;}
.select-range li input[type=submit]{position: relative; top:-2px;}
.select-range li input[type=text]{border:1px solid #ccc; background-color: #f1f1f1; width:100px; box-shadow: inset 0 2px 7px 0px rgba(0,0,0,0.3);}
/*	Jquery UI	*/
div.ui-widget {font-size: 14px; font-family: 'Open Sans', sans-serif;}
#add-location {height: 400px;margin: 0px;padding: 0px; margin-bottom:10px;}
#pac-input{box-shadow:0 2px 6px rgba(0, 0, 0, 0.3); border:none; top:20px !important; left: inherit !important; position: relative !important;}
.video-list div{background: #03C; border:1px solid rgba(0,0,0,0.3); margin-bottom:5px; color:#fff; cursor:all-scroll; z-index:9999; height: 30px;line-height: 30px; position:relative;}
.ui-draggable-dragging{display:block; width:100%;}
.droppable.video-list i{position: absolute;right: 0px;height: 30px;width: 30px;line-height: 30px;cursor: pointer;}
.droppable{padding-bottom:32px;}
.video-list div.block-placeholder{z-index: 99; background: rgba(0,0,0,0.2); border:1px dashed rgba(0,0,0,0.6);}
/*	Form	*/
.wrap-cont.form input{margin-bottom: 10px; vertical-align: top;}
.wrap-cont.form input[type=submit]{position: relative; top:-2px;}
/*	Video	*/
#video video{background-color: #444; border:1px solid #444;}

table.dataTable tbody td { vertical-align: middle;}

#downloadCSV{  padding-top: 20px; text-align: right; }
 
select.ui-datepicker-month { background-color: darkcyan; }