body,html {
    margin:0px;
    height: 100%;
    overflow:hidden;
}

.bg {
    /* The image used */
    background-image: url("../../img/bg3.jpg");

    /* Full height */
    position:fixed;
    top:0px;left:0px;right:0px;bottom:0px;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
/*
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);*/
}
.content-container {
    position:fixed;
    top:0px;left:0px;right:0px;bottom:0px;
    text-align: center;
}
/*
.signin-bg {
    display:block;
    margin-top:-230px;
    margin-left:auto;
    margin-right:auto;
    background:#FFF;
    width:400px;
    height:230px;
    border-radius:5px;
    opacity: 0.7;
    z-index:1;

}*/
.signin-wrapper {
    display:block;
    margin-top:200px;
    margin-left:auto;
    margin-right:auto;
    background:transparent;
    width:350px;
    height:230px;
    border-radius:5px;
    z-index:99;
    text-align: center;
}
input.login-input {
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3) !important;
}
input[type="password"] {
    margin-top:20px;
}
.strokeml-logo {
    width:50%;
    margin-bottom:30px;
}

.login-button {
    margin-top:20px;
    display:inline-block;
    width:170px;
    font-weight:bold;
    background:#000;
    border:#000;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3) !important;
}
.login-button:hover, .login-button:focus {
    background:#FFF !important;
    color:#000 !important;
}
.login-button:active, {
    background:#ddd !important;
    box-shadow: none !important;
}

.login-button-pw {
    background:#555;
}