/*-------------- START CSS RESTYLE -----------------------------------------*/

body{     text-rendering: optimizeLegibility; 
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.login-body{
    background-image: url('/images/style/login.jpg');
    background-position: center bottom;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover
}
.login-box { 
    border-radius: 3px; -webkit-border-radius:3px;-moz-border-radius:3px; 
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(222,235,244,0.8);
    padding: 15px
 }
.login-box h1{  letter-spacing: 1px;font-size: 43px;color:#0075af; font-weight: 100; }
.login-box h4{  letter-spacing: 1px;font-weight: 100; color:#0075af;}
.login-box img{ height:65px; margin-top: -5px}
.login-input { background-color: #fff; padding: 6px;border-radius: 3px; -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid rgba(222,235,244,1); text-align: left}
.login-input span{ padding-left: 3px; padding-right: 3px}
.login-input input{ border: none; width: 90%; background-color: #fff!important;-webkit-appearance: none; }
.login-input input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white;
}
.login-box select {
    position: relative;
  /* styling */
  background-color: white;
  border:none;
  width: 100%;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  
  

  /* reset */

  margin: 0;     
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select-arrow{ position: absolute;margin-top: 2px;margin-left: 6px; z-index: 1040}
.menu_fixed{ background-image: url('/images/style/sidebar.jpg')!important;}
.left_col{  z-index: 1031!important;background-color: rgba(47,120,177,0.1)!important;}
.scroll-view{ }
.nav_title{ background: none!important}

.device-status, .alarm-type{ 
    display: block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.42857143;
    text-align: right;
    text-transform: uppercase
}
.device-status.warning , .alarm-type.warning{  color:#f0ad4e}
.device-status.danger , .alarm-type.danger{   color:#d9534f;}
.device-status.default, .alarm-type.default{  color:#73879C;}
.device-status.primary,   .alarm-type.primary{  color:#337ab7;}
.device-status.success{  color:#5cb85c}
.alarm-type.orange{color:#ffa500;}
.alarm-type.yellow{color:#f9f902;}

.application-header{
    margin-top: 50px;
    height: 120px; 
    margin-left: -20px; 
    margin-right: -20px; 
    color:#fff;
}
.application-header.header-laundry{
    background-image: url('/images/style/header-laundry.jpg');
    background-position: 0px 0px;
    background-repeat: no-repeat
}
.nav_menu{background-color: #fff}
.ombra{
    -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 6px rgba(0,0,0,0.5);
}

.profile_info span,.profile_info h2,.menu_section h3{
    color:rgb(27,76,134)!important;
    text-shadow:none!important;
    width: 35%;
    padding-left: 0px; 
    text-align: center
}
.nav.side-menu > li > a, .nav.child_menu > li > a.nav.side-menu > li > a, .nav.child_menu > li > a,.main_menu span.fa{ 
    color:#1b4c86!important;
        
}
.nav.side-menu > li.current-page > a, .nav li li.current-page a{ 
    color:#fff!important
}

.nav.side-menu > li.active > a{ 
    background: rgb(47,120,177)!important;
     background-color: rgb(47,120,177)!important;
    color:#fff!important
}

#sidebar-menu .nav > li > a:hover, #sidebar-menu .nav .current-page{
    background-color: rgba(47,120,177,0.8)!important;
    color:#fff!important
}

#sidebar-menu .nav .current-page{
   color:#fff
}
.nav.side-menu > li.current-page, .nav.side-menu > li.active{
    border-right: 5px solid #1b4c86!important;

}
.nav_title img{
    height: 45px;
    margin-left: 1px;
}
#menu_toggle{
    color:rgb(37,98,169)
}
.profile_pic{
    text-align: center; 
}
.profile_pic i{
    color:#1b4c86!important;
    font-size: 60px; 
    margin-top: 25px
}
#myNavbar i,#myNavbar a {
    color:#0075af!important;
}

.captchaContainer img {height:80px}
.captchaContainer h5{ text-align: left; font-size: 14px; margin-top: 0px }
.captchaContainer h6{ color:#73879C;text-align: left; font-size: 12px; margin-bottom: 0px}
.selectContainer{ background-color: #fff; padding-left: 25px; position: relative; padding-top: 3px; padding-bottom: 3px }
.selectContainer i { color:#73879c; font-size: 16px; position: absolute;  left:10px; top:9px}
.select2-container--default .select2-selection--single{ border-radius: 2px; border-color: #fff; }
.select2-container--open .select2-dropdown--below{-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 6px rgba(0,0,0,0.5); border-color: #fff }
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#73879c; text-align: left; padding-left: 3px}

body.nav-md{ background-color: #f7f7f7;}
/*-------------- MEDIA QUERY CSS-----------------------------------------*/
@media (min-width: 322px) { 
    #chemical_total_chart{ height:450px}
    #chemical_storic_chart{height:450px}
    #compare_chemical_storic_chart{ height:450px}
    .profile_details{  }
    .slider-input{ padding-top:45px}
    .login-box{width: 320px;margin-top: 70px;}
}
@media (max-width: 321px) { 
    #chemical_storic_chart{height:900px}
    #compare_chemical_storic_chart{ height:900px}
    .profile_details{  }
    .slider-input{ margin-bottom:15px}
    .login-box{margin-top: 30px;}
}