body{background-color: #eee;font-size: 12px;padding-top:70px;}
.container{background-color: #eee;margin-top:0px;}
.scrollable {
            height: 200px;
            overflow: auto;
}
.contenidormapa{
    padding: 10px;
    background-color: #fff;
}
.scrollablelist {
            height: 630px;
            overflow: auto;
            /*margin-top: 41px;*/
}
.filter_searcher,.filter_searcher_portable{
    background-color: #fff;
    left: 136px;
    margin-left: 0;
    padding: 5px;
    position: relative;
    top: -5px;
    float:left;
}

.filter_searcher_portable{
    display:none;
    width: 500px;
}
.filter_searcher{
    margin-right:30px;
}
.filter_searcher li,.filter_searcher_portable li{
    margin-left:20px;
}

.filter_searcher label,.filter_searcher_portable label{
    font-size: 13px;
    font-weight: 500;
    color: #333;
}
.leyenda{margin-top:50px;}
.leyenda p{font-size: 10px; font-weight: bold; text-align: center;}
.site{background-color: #fff;}
.site.active{background-color: #ccc; }
.pd{background-color: #fff;}
.pd.active{background-color: #ccc; }
.centermap:hover{background-color: #F0F0F0;}
.searcher_box{display:none;background-color: #F0F0F0; min-height: 262px;padding-left:20px;padding-right: 20px;padding-top:5px;padding-bottom: 5px;/*margin-top:40px;*/border-bottom: 1px #ccc solid;/*border-top: 1px #ccc solid;*/margin-bottom:10px;border-bottom: 1px #ccc solid;}
.status-inactive{color:#999999;}
.status-active{color:#339933;}
.status-incidence{color:#FF6666;}
.validationerror{font-size: 12px;font-weight: bold;padding: 5px;margin-top: 2px;}
.form-horizontal .control-label {text-align: left;}
.btn.mapa{margin-top:14px;margin-bottom: 15px;white-space: normal;word-wrap: break-word;}
.btn.mapa2{margin-bottom: 15px;white-space: normal;word-wrap: break-word;}
.current{margin-left: 100px;}
ul.detalls{list-style: none;}
li.last{margin-top: 20px;}
.navbar-nav.navbar-right:last-child {margin-right: 0px;}
.clicable[data-href] {cursor: pointer;}
.petit{font-size: 12px;font-weight: bold;padding-top: 10px;}

#selectable{list-style: none;}
#selectable li{height: 35px;padding: 5px;}
#selectable .ui-selecting {background: #ccc;}
#selectable .ui-selected {background: #BDBDBD;}
.marg{border:1px solid #ccc;padding: 3px;}
#loading{position: absolute;top:50%;left:50%;display: none;z-index: 100;}
#loading img{width: 30px;}
.big_graph{height: 450px;width:100%;}
#control_div{margin-top:30px;}
.alert{/*margin-top: 53px;*/}
.chartWithMarkerOverlay {
    position: relative;
    /*width: 700px;*/
}
.datepicker{z-index:1151 !important;}
.overlay-text {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 30px;   /* chartArea top  */
    left: 200px; /* chartArea left */
}
.overlay-marker0 {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -9px;   /* chartArea top */
    left: 107px; /* chartArea left */
}
.overlay-marker1 {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -9px;   /* chartArea top */
    left: 216px; /* chartArea left */
}

.overlay-marker2 {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -9px;   /* chartArea top */
    left: 339px; /* chartArea left */
}
.overlay-marker3 {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -9px;   /* chartArea top */
    left: 483px; /* chartArea left */
}
.overlay-marker4 {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -9px;   /* chartArea top */
    left: 613px; /* chartArea left */
}

.overlay-marker5 {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -9px;   /* chartArea top */
    left: 749px; /* chartArea left */
}

.overlay-marker6 {
    width: 50px;
    height: 50px;
    position: absolute;
    top: -9px;   /* chartArea top */
    left: 880px; /* chartArea left */
}

img.graph_report{width: 100%;}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.variables_list{
    margin-left:225px !important;
}

.variables_list .cke_combo_inlinelabel,.cke_combopanel {
    width: auto !important;
}

input[type=radio], input[type=checkbox] {
    width: 15px;
}

.summary_graphic_data{
    font-size: 12px;
    color: cadetblue;
}

.mens{
    font-size: 12px;
    color: cadetblue;
}
.mens p {
    font-weight: bold;
    margin: 0 0 6px;
}
.pujar{margin-top:-55px}

.cke{margin-bottom:30px !important;}

.generateNextSerialsbtn{float: right;margin-bottom: 10px;margin-top: -10px;}

.header_public{margin-bottom: 10px;}

.operLogic{list-style: none;padding: 0px; margin: 0px; margin-top: -5px;}

.operLogic li{display: inline-block;margin-left:15px; padding:5px 5px 5px 5px;font-weight: bold;background-color: #fff;color:#000;}

.operLogic li.selected{background-color: #cccc77;}

.required:before {
    color: red;
    content: "*";
    font-size: 16px;
    right: 0px;
    position: absolute;
    top: -4px;
}

.form-horizontal .control-label{
    padding-top:0px;
}

span.units {
    background-color: grey;
    color: #ffffff;
    display: block;
    padding: 3px;
    position: absolute;
    right: 48px;
    top: 5px;
}

/*
.nav-tabs>li>a {
    background-color: #333333;
    border-color: #777777;
    color:#fff;
}


.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    background-color: #666;
    border: 1px solid #888888;
}


.nav-tabs>li>a:hover {
    border-color: #000000;
    background-color: #111111;
}*/


/*
.nav-tabs {
    margin: 0;
    padding: 0;
    border: 0;
}
.nav-tabs > li > a {
    background: #DADADA;
    border-radius: 0;

}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    background: #F5F5F5;

}
*/

#waveco_controlcenterbundle_controlcenter_smtp_encryption input {
    width: 25px;
}

#waveco_controlcenterbundle_controlcenter_publicStandardLimitDefault input {
    width: 25px;
}

#waveco_controlcenterbundle_controlcenter_publicShowValuesUntilToday input {
    width: 25px;
}

#waveco_controlcenterbundle_controlcenter_publicShowValuesUntilToday {
    padding-left: 0px;
}

#waveco_controlcenterbundle_controlcenter_publicTemplate {
    padding-left: 0px;
}

#waveco_controlcenterbundle_controlcenter_publicMonthsDisplayedPunctualMeasures {
    padding-left: 0px;
}

#waveco_controlcenterbundle_controlcenter_publicMonthsDisplayedPunctualMeasures input {
    width: 25px;
}

#waveco_controlcenterbundle_interlocutor_receive_alarms input {
    width: 25px;
}

#waveco_controlcenterbundle_interlocutor_receive_validation_alarm_emails input {
    width: 25px;
}

#waveco_controlcenterbundle_interlocutor_emails_format input {
    width: 25px;
}

#waveco_controlcenterbundle_controlcenter_publicStandardLimitDefault {
    margin-left: 5px
}

#waveco_controlcenterbundle_controlcenter_publicStandardLimitAllowChange {
    margin-left: 5px
}

#waveco_controlcenterbundle_controlcenter_languageSelect {
    margin-left: 5px
}

#waveco_controlcenterbundle_controlcenter_publicAvailableLocales {
    margin-left: 5px
}


#sensor_type_field label {
    margin-left: 3px;
    margin-right: 20px;
}

#sensor_type_field .required::before {
    content: "";
}


a.site-view-icon {
    margin-left: 10px;
}

.badge-active {
    background-color: #339933;
}

.badge-inactive {
    background-color: #999999;
}

.badge-incidence {
    background-color: #FF6666;
}

.no-border {
    border: 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}

tr.site-list-inactive:nth-child(odd) {
    background-color: #f9f9f9;
}

tr.site-list-inactive:nth-child(even) {
    background-color: #f9f9f9;
}