.logo-booster{width: 50px}

.logo-booster-text{font-family: "Arial"; color: white; font-weight: 500; font-size: 22px; margin-left: 5px}
.botton-blue{background-color: #22678E}
.botton-red{background-color: #DA5F62}
.botton-orange{background-color: #FFAA53 }
.botton-gray{background-color: #999999 }
.scroll-sidebar, .card-no-border .left-sidebar, .card-no-border .sidebar-nav{background-color: #006633}
.sidebar-nav ul li a{color: white}
.sidebar-nav ul li a i{font-size: 40px; color:white}
.sidebar-nav ul li{text-align: center}
.sidebar-nav > ul > li > a i{ width: 100%; height: 100%}
.sidebar-nav ul li a{padding: 20px}
.sidebar-nav{padding:0}
.sidebar-nav > ul > li{margin-bottom: 0}
.navbar-nav h3{color:white}
.navbar-nav h4{color:white; margin-top:20px; font-size: 16px}
.client-logo{max-height: 55px; margin-top: 5px; margin-right: 15px}
.container-fluid{padding: 0px}
.card-body{padding: 10px}
.rain-intensity{width:90%; border: 1px solid #eee; margin-top: 10px; font-size: 12px; text-align: center; padding: 7px; color:white}
.rain-intensity.white{background-color: white}
.rain-intensity.light{background-color: #C6D8F6}
.rain-intensity.medium{background-color: #6799E8; color:white}
.rain-intensity.dark{background-color: #1D3F84; color:white}
.page-titles em{font-style: normal; font-size: 12px}
.btn-rains{  font-size: 12px; color:#333;  text-align: center; vertical-align: middle; cursor:pointer; height:60px; display:table-cell; padding:5px}
.table-div{display: table}
.btn-rains.active{ border: 2px solid #005476; color: #005476; font-weight: bold; }
.form-control.date{width: 100%}
.btn.btn-search{ margin-top: -2px; width: 45%}
.btn.btn-search i{ font-size:17px;  }
.page-titles{margin:0; padding: 10px}
.no-padding{padding:0}
.no-padding-left{padding-left:0}
.no-padding-right{padding-right:0}
.icheck-list li label{padding-left: 30px}
.excel-modal-fields{
    height:313px;
    overflow: scroll;
}
.internal-preloader{
    background: #fff; 
}
.alert{width: 100%; font-size:12px; margin-bottom:2px;}

#preloader-map{
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 99999;
}
#preloader-top{
    margin-top: 25px;
}
a:not([href]):not([tabindex]){color:white}
a:hover{
    color:darkturquoise!important;
}
#ranges-label{
    position: absolute;
    width: 400px;
    right:30px;
    bottom:0;
    z-index:999
}.page-wrapper{padding-bottom: 0}

.left-sidebar{width: 180px}

@media (min-width: 1024px){
    .page-wrapper {
        margin-left: 180px;
    }
}
.body-full {
    background-image: url(../images/background/background.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
}
.header-login{
    margin: 0 15px;
}

.login-form {
  background-color: rgba(56,49,49,.13);
  -moz-box-shadow: 0 1px 10px 1px rgba(16,16,16,.4);
  -webkit-box-shadow: 0 1px 10px 1px rgba(16,16,16,.4);
  box-shadow: 0 1px 10px 1px rgba(16,16,16,.4);
  border: 2px ridge rgba(238,238,238,.13);
  border-bottom: none;
  padding: 30px 50px;
  margin: 0 auto;
  margin-top:30px;
  overflow: auto;
  color: #444;
}
.login-form h2{
    color: white
}

.btn-login {
    background-color: #00708d !important;
    font-size: 20px;
    width: 100%;
    color: #ffffff;
    border-radius: 12px;
}
.help-block{
    color:firebrick;
    font-size:12px;
    font-weight: bold;
    text-align: center;
}
.vue-dialog .dialog-c-title{padding-bottom: 0 !important}
.vue-dialog-button{width: 100%}