html, body{
	min-height: 100%;
    width: 100%;
    margin: 0;
}

body {
    font-family: 'Din','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
}

body:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.7;
    background-image: url(/img/home-pattern-top2.png);
    background-repeat: no-repeat;
    background-position: left top;
    transform: scale(-1, -1);
    transform-origin: 18% 24%;
    background-size: 1000px;
}

body:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0.7;
    background-image: url(/img/home-pattern-top.png);
    background-repeat: no-repeat;
    background-position: 120% bottom;
    background-size: 1000px;
}

.login-container {
    /*width: 100%;
    padding: 84px;*/
    min-height: 100vh;
}

.login-panel {
    position: absolute;
    left: 50%;
    top: 42%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 450px;
}

.login-panel .panel-heading {
    background-color: #00add8 !important;
}

.login-panel .panel-title {
    font-size: 18px;
}

.login-panel .panel button {
    margin-top: 46px;
}
.login-logo {
	max-height: 123px;
	max-width: 488px;
}
.header-logo {
    padding: 20px 0;
    max-width: 450px;
    margin: 0 auto;
}