.chartdiv {
    width: 100%;
    height: 500px;
}

.m-t-10{
    margin-top: 10px!important;
}

@font-face {
    font-family:"CoolveticaRG";
    src: url("/static/fonts/coolvetica_rg.ttf")
}

#loading_fillness {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("/static/img/ajax-loader.gif") no-repeat center center;
    display: none;
}

#loading_temp {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("/static/img/ajax-loader.gif") no-repeat center center;
    display: none;
}

.loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("/static/img/ajax-loader.gif") no-repeat center center;
    display: none;
}

@media (min-width: 1200px) {
  .bigbox {
    width: 56%;
  }
  .smallbox {
    width: 44%;
  }
  .form-group-inline .daterange {
    width: 35%;
  }
  .form-group .daterange {
    width: 120%;
  }
}

/*@media (max-width: 1199px) {*/
  /*.form-inline .pull-right {*/
      /*float: none!important;*/
  /*}*/

    /*#collapse_graph_button{*/
        /*display:none;*/
    /*}*/
/*}*/

/*@media (max-width: 767px){*/
    /*.main-sidebar{*/
        /*transform: translate(0px, 0);*/
    /*}*/
/*}*/

/*.collapsed .main-sidebar{*/
    /*width: 70px;*/
/*}*/

/*.collapsed .content-wrapper{*/
    /*margin-left: 70px;*/
/*}*/

/*.collapsed .expanded{*/
    /*display: none;*/
    /*visibility: hidden;*/
/*}*/

.language_info{
    color: #b8c7ce;
}

.custom-metro-down{
    background: #4b646f;
    color: #ffffff;
}

.fa-power-off{
    color: darkred;
}

@media (min-width: 768px) {
  .modal-xl {
    width: 100%;
    max-width:1300px;
  }
}
*:focus {
    outline: none;
}
.active .today_highlight{
    border-bottom: 3px white solid !important;
}
.green_highlight_date .today_highlight{
    border-bottom: 3px white solid !important;
}
.blue_highlight_date .today_highlight{
    border-bottom: 3px white solid !important;
}
.today_highlight{
    border-bottom: 3px #535a72 solid !important;
}
.input-group-addon{
    cursor: pointer;
    border: 1px solid #ccc !important;
}
.pagination>.active>a{
    background-color: #172c49 !important;
    border-color: #172c49 !important;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  background-color: #172c49 !important;
  background-image: -moz-linear-gradient(top, #535a72, #172c49) !important;
  background-image: -ms-linear-gradient(top, #535a72, #172c49) !important;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#535a72), to(#172c49)) !important;
  background-image: -webkit-linear-gradient(top, #535a72, #172c49) !important;
  background-image: -o-linear-gradient(top, #535a72, #172c49) !important;
  background-image: linear-gradient(top, #535a72, #172c49) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#535a72', endColorstr='#172c49', GradientType=0) !important;
  border-color: #172c49 #172c49 #172c49 !important;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}