/*
body.body-page-login { background-size: cover; background-repeat: no-repeat; background-position: center center; }
#main-wrapper { margin:0 !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#main-wrapper .login-box { min-width:330px; width:auto; max-width: 360px; background-color: #fff; padding: 20px 20px; border-radius: 10px; border-left: 3px solid #dce1e4; border-top: 3px solid #dce1e4; }
#main-wrapper .logo-name img { max-height: 250px; max-width: 150px; width: auto; height: auto; }
#main-wrapper .logo-name img.img-logo { max-height: 250px; max-width: 150px; width: auto; height: auto; }
*/

body { background: #23355d; /*background-image: url("../images/bg-st2.jpg");*/ background-size:cover; }
#main-wrapper { margin:0 !important; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
/*
#main-wrapper .login-box { min-width:330px; width:auto; max-width: 360px; background-color: #fff; padding: 20px 20px; border-radius: 10px; border-left: 3px solid #b2c3ff !important; border-top: 3px solid #b2c3ff !important; }
*/
#main-wrapper .login-box {
    min-width: 330px;
    width: auto;
    max-width: 360px;
    padding: 20px 20px;
    border-radius: 10px;
    border-left: 3px solid #ff00009e !important;
    border-top: 3px solid #0037fbc4 !important;
    background-color: #00000069;
    border: 3px solid #ffffff30;
}

.btn-success,
button[type="submit"]
{ background-color: #970000; }
.btn-success:focus,
.btn-success:active,
.btn-success:hover,
button[type="submit"]:focus,
button[type="submit"]:active,
button[type="submit"]:hover
{ background-color: #570000 !important; }

img.logo:hover { opacity: 0.65; }