.evolution {
    font-size:14px;
    font-weight:600;
}

.evolution .fa{
    font-size:18px;
}


.evolution .fa-arrow-down{
    color:#cc0000;
}

.evolution .fa-arrow-up{
    color:#008C00;
}

.evolution .fa-arrow-right{
    color:#aaa;
}

.nopaddingleft {
   padding-left: 0 !important;
   margin-left: 0 !important;
}

.select2-container .select2-selection--single{
    height:34px !important;
}

.table-hover>tbody>tr:hover{
    background:#DDECF4 !important;
}

.site-user-phone{
    color:#444;
}

.site-user-phone{ 
    border: 1px solid #ccc;
    background-color: #f9f9f9;
    padding: 6px 0px;
}

.site-user-phone .icon{     
    padding: 0px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
}

.site-user-phone .value{ 
    padding: 0px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
}

.info-box-icon i.fa{
    height:45px;
    width:45px;
    color:#fff;
    line-height:110px;
}

.equipement-box{
    clear:both;
    margin-bottom:15px;
    background:#F5F5F5;
}

equipement-box .btn{
    display: block;
    margin:5px !important;
}

.equipement{
    height:30px;
    line-height:30px;
    padding:0px 5px;
    font-weight:600;
    font-size:15px;
}

UL.feats-list{
    clear:both;
    margin:5px 0px 10px 0px;
    padding:0px;
    display: block;
    min-height: 30px;
}

.feats-list LI{
    list-style: none;
    float:left;
    height:30px;
    line-height:30px;
    padding:0px 10px;
    margin-left:5px;
    background:#3c8dbc;
    color:#fff;
    border-radius: 4px;
}

.feats-list LI .tools{
    font-size:10px;
    float: right;
    margin-left:20px;
}

.feats-list LI .tools A{
    color:#fff;
}

.fldunit{
    width:100%;
}

.equipements H3{
    padding-bottom:5px;
    border-bottom:2px solid #3c8dbc;
}

.sitesTypesFlds{
    display:none;
}

.logobox{
    border:1px solid #e4e4e4;
    width:100px;
    height:100px;
    padding:10px 5px;
    overflow: auto
}

.logobox IMG{
    width:100%;
}

.scroller{
    overflow-y:auto;
    padding:10px;
    height:200px;
}

.scroller-consos{
    overflow-y:auto;
    overflow-x:hidden;
    padding:10px;
    max-height:400px;
}

.scroller-vidanges{
    overflow-y:auto;
    overflow-x:hidden;
    padding:10px;
    max-height:350px;
}

TR.totaux{
    font-weight:bold;
}

#map_canvas{
    height:350px;
    border:1px solid #ccc;
}

.filtersbar{
    background:#e4e4e4;
    border-radius:4px;
    padding:20px;
    margin-bottom:20px;
    border:1px solid #ccc;
}

.filtersbar .select2 {
    width: 100% !important;
}

.small-box-header{
    background: rgba(0, 0, 0, 0.1);
    height:40px;
    line-height:40px;
    font-size: 16px;
    padding:0px 10px;
    border-radius:10px 10px 0px 0px;
}

.stats {
    border-radius:10px;
}

.stats .icon{
    font-size:50px;
    top:40px;
}

.stats:hover .icon {
    font-size:50px;
}

.vidanges-table .red{
    background-color: #FF9393;
}

.vidanges-table .green{
    background-color: #9BFF9B;
}

.modal-zoom{
    width:70%;
}

.graphunite{
    height:24px;
}

.graph-tooltip{
    background-color: rgba(0, 0, 0, 0.5);
    color:#fff;
    border-radius:4px;
    padding:5px;
    margin-bottom: 10px;
    clear:both;
}

.graph-tooltip TR TD,
.graph-tooltip TR TH,
.graph-tooltip table TR TD,
.graph-tooltip table TR TH{
    text-align: center;
    height:25px;
    line-height:25px;
    white-space: nowrap;
}

.box-body-tools{
    margin:0px 0px 10px 0px;
}

.zoom-tooltip{
    margin-top:10px;
}

.graphswitchtitle{
    display:block;
    max-width: 100%;
}

.customgraphlegende{
    margin-top:10px;
    margin-bottom:10px;
}

.customgraphlegende > div{
    padding:0px;
}

.customgraphlegende  div.palette{
    height:15px;
    /*line-height: 20px;*/
    color:#333;
    font-size:14px;
    padding:0px;
}

.customgraphlegende div.label{
    padding:0px;
    /*
    height:15px;
    
    color:#333;
    font-size:14px;
    margin:10px 0px;
    */
    /*line-height: 20px;*/
}

.temperaturelegende.customgraphlegende div.label{
    height:15px;    
    color:#333;
    font-size:14px;
    padding:0px 5px;
    text-align:left;
}

.customgraphlegende  div.palette.green{
    background:#009351;
}

.customgraphlegende  div.palette.red{
    background:#EC0C00;
}

.customgraphlegende div.palette.froid{
    background:#3c8dbc;
}

.customgraphlegende div.palette.chaud{
    background:#FF271A;
}

.customgraphlegende div.palette.yellow{
    background:#FDD400;
}

.graphcfgselectot{
    margin-left:10px;
    font-weight:bold
}

.temperaturelegende{
    margin-top:30px;
    margin-bottom:30px;
}

.air .col-md-4 label{
    min-height:40px;
}

TABLE.frequentations TR TH, TABLE.frequentations TR TD,
TABLE.consommations TR TH, TABLE.consommations TR TD{
    padding:8px 4px !important;
    font-size:13px;
}

.info-dateformat{
    font-size:12px;
    color:#999;
}

.progress-description, .info-box-text-freq,
.progress-description, .info-box-text-conso {
    display: block;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.temp-tooltip{
    margin-bottom: 15px;
    font-weight: bold;
}

.temp-tooltip:last-child{
    text-align: right;
    /*margin-right:5px;*/
}

.scroller-temperature{
    overflow-y: auto;
    overflow-x: hidden;
    height: 700px;
}

.config-flds{
    height:75px;
}

.th-group TH{
    text-align:center;
}

.cellgray{
    background-color: #f9f9f9;
}

.budgets-consos .input-group-addon{
    width:50px;
}

.budgets-consos .conso-key{
    width:14%;
}

.budgets-consos .budget-cell{
    padding-left:5px important;
    padding-right:5px important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3c8dbc !important;
    border-color: #367fa9 !important;
    padding: 1px 10px !important;
    color: #fff !important;
}

.frequentations TR{
    height:40px;
}

.fluides-box{
    margin-bottom:50px;
}

.radar-container{
    height:500px;
}

.default-warning{
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #000;
    border-radius: 4px;
    background:#f0f0f0;
    color:#000;
}

#workflowconfigurator .select2{
    width:100% !important;
}

.workflow-tasks TD.user-block{
    line-height:30px !important;
}

.workflow-tasks TD.user-block IMG{
    margin-right:10px;
}

.workflow-timeline{
    margin-top:30px;
}

.workflow-timeline .user-img{
    width: 100px;
    padding: 3px;
    border: 3px solid #d2d6de;
    display: inline-block !important;
}

.workflow-timeline .timeline-date{
    height:30px;
    line-height:30px;
    font-weight:bold;
}

.workflow-timeline .timeline-right *{
    text-align: right;
}

.workflow-timeline .timeline-status{
    font-size: 35px
}

.workflow-timeline .note{
    border-radius: 3px;
    background: #f4f4f4;
    margin:10px 0px 0px 0px;
    padding: 10px;
}
.workflow-timeline .note p{
    font-style: italic;
}
.workflow-timeline .timeline-item .box-primary .timeline-status{
    color: #357ca5;
}
.workflow-timeline .timeline-item .box-success .timeline-status{
    color: #008d4c;
}
.workflow-timeline .timeline-item .box-danger .timeline-status{
    color: #d33724 ;
}

.btn-block-full{
    display: block;
}

.box-noborder{
    border-top: 3px solid #fff;
}

.options-list {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: auto;
}
.options-list > li {
  border-radius: 2px;
  padding: 10px;
  background: #f4f4f4;
  margin-bottom: 2px;
  border-left: 2px solid #e6e7e8;
  color: #444;
}
.options-list > li:last-of-type {
  margin-bottom: 0;
}
.options-list > li > input[type='checkbox'] {
  margin: 0 10px 0 5px;
}
.options-list > li .text {
  display: inline-block;
  margin-left: 5px;
  font-weight: 600;
}
.options-list > li .label {
  margin-left: 10px;
  font-size: 9px;
}
.options-list > li .tools {
  display: none;
  float: right;
  color: #dd4b39;
}
.options-list > li .tools > .fa,
.options-list > li .tools > .glyphicon,
.options-list > li .tools > .ion {
  margin-right: 5px;
  cursor: pointer;
}
.options-list > li:hover .tools {
  display: inline-block;
}
.options-list > li.done {
  color: #999;
}
.options-list > li.done .text {
  text-decoration: line-through;
  font-weight: 500;
}
.options-list > li.done .label {
  background: #d2d6de !important;
}
.options-list .danger {
  border-left-color: #dd4b39;
}
.options-list .warning {
  border-left-color: #f39c12;
}
.options-list .info {
  border-left-color: #00c0ef;
}
.options-list .success {
  border-left-color: #00a65a;
}
.options-list .primary {
  border-left-color: #3c8dbc;
}
.options-list .handle {
  display: inline-block;
  cursor: move;
  margin: 0 5px;
}

.compteurs-scroll{
    height:500px;
    width:100%;
    overflow-y:scroll;
    overflow-x:hidden;
    padding:5px
}

.compteur-saisiebox{
    padding:5px 10px 10px 10px;
    margin-bottom:20px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
}

@media (max-width: 768px) {
    .box-header > .box-tools {
        position:static;
    }
    
    .radar-container{
        height:300px;
    }

    
    .modal-zoom{
        width:100%;
    }
}


/*
.tempgraph-box > DIV{
    min-height:500px;
}

.tempgraph-box canvas{
    bottom:0px;
    position:absolute;
}
*/