html, body{
    height: 100%; overflow:hidden;
} 
.login-box{
    position: absolute; left: 50%; margin-left: -190px !important; top: 50%; transform: translateY(-35%); margin-top:0 !important; box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, .3);     background: #fff; width: 380px; padding: 20px 20px 0px;
}
.login-box a{
    color:#05a2a9;
}
.login-logo{
    position: absolute; right: 5%; top: 5%;
}
.login-logo img{
    background: rgba(255,255,255,0.7); padding: 0px 5px;
}
#row2{
    height: 50%;
}
#row2{
    background-position: 50% 25%; background-image:url(/content/img/elo_login_background.jpg); background-size:cover;
}
#row1{
    position: absolute; top:10px; right:10px; width: 100%; text-align: center;
}
#row1 #alert_close{
    cursor: pointer;
} 
#row1 .alert{box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, .3); padding: 10px; margin-left: 33.33%;}
.login-box-msg{
    font-weight: 600; font-size: 14px;
}
.login-box-body h4{
    color:#05a2a9; margin-top:0px;
}
.login-box-body .input-field{
    padding: 0; margin: 0; margin: 10px 0px;
}
.login-box-body .input-field label{
    left: 0;
}
.login-box-body .input-field i{
    color:#05a2a9;
}
.signin:hover{
    color:#000;
    transition: 0.7s;
}
.language_links{
    width: 100%; position: absolute; bottom: -40px; right: 0; text-align: center;
}
.language_links select{
    display: block;
}
.language_links a:not(:first-child){
    padding-left: 5px;
    border-left: 1px solid;
}
.language_links a:hover{
    text-decoration: underline; cursor:pointer;
}
@media only screen and (max-width: 600px) {
    #row1{left: 1px;
        top: 0;
    }
   #row1 .alert{margin-left:0 !important;}
   #row2{
       height: 30%;
   }
   .login-logo img{
       width: 75px !important;
   }
   .login-box{
       width: 90%; margin:0; margin-left:5% !important; left:0; top:0; transform:none; top: 33%; max-height: 60%;
   } 
   .signin{
       width:100% !important;
   }
}
.main-sidebar{
    background-image: -webkit-radial-gradient(center center, circle cover, rgba(255,255,255, 0.2), transparent 50%) ,-webkit-radial-gradient(center center, circle cover, rgba(255,255,255, 0.2), transparent 50%) !important;
    background-size: 5px 5px, 100% 100% !important;
}

.alert > p + p {
    margin-top: 5px;
  }
  .alert-dismissable,
  .alert-dismissible {
    padding-right: 35px;
  }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
  }
  .alert-success {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
  }
  .alert-success hr {
    border-top-color: #c9e2b3;
  }
  .alert-success .alert-link {
    color: #fff;
  }
  .alert-info {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
  }
  .alert-info hr {
    border-top-color: #a6e1ec;
  }
  .alert-info .alert-link {
    color: #fff;
  }
  .alert-warning {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
  }
  .alert-warning hr {
    border-top-color: #f7e1b5;
  }
  .alert-warning .alert-link {
    color: #fff;
  }
  .alert-danger {
    color: #fff;
    background-color: #E02E2E;
    border-color: #E02E2E;
  }
  .alert-danger hr {
    border-top-color: #e4b9c0;
  }
  .alert-danger .alert-link {
    color: #fff;
  }