.login-layout {
    background-color: #1D2024;
}
.login-container {
    width: 375px;
    position: absolute;
    z-index: 1001;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
}
.center {
    text-align: center!important;
}
h1 {
    font-size: 32px;
    font-weight: 400;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.blue {
    color: #478fca!important;
}
.red {
    color: #dd5a43!important;
}
.white {
    color: #fff!important;
}
.loginbox {
    border-bottom: none;
    padding: 6px;
    /*background-color: #ffffff;*/
    transform: scale(0,1) translate(0);
    transition: transform .3s ease;
    border-width: 20px 0;
    transform-style: preserve-3d;
    /*box-shadow: 0 0 25px 0 #CCC;*/
}
.loginbox.active {
    transform: scale(1,1) translate(0);
}
.sui-form {
    /*background-color: #ffffff;*/
    margin: 0;
    padding-top: 20px;
}
.input-icon {
    position: relative;
}
.input-block {
    height: 34px !important;
    font-size: 14px !important;
    width: 250px !important;
    margin: 0 auto !important;
    display: block !important;
    margin-bottom: 20px !important;
}
html, body {
    background: #000;
    margin: 0;
}
button[type=submit] {
    background: transparent;
    border-width: 2px;
    box-shadow: 0 0 9px 3px #28a3ef;
}

canvas {
    position: absolute;
}
.input-block {
    background: rgba(0,255,204, .2) !important;
    color: #FFF !important;
    font-weight: 500;
}
.input-block::-webkit-input-placeholder {
    color: #00CCCC !important;
}
.input-block::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #00CCCC !important;
}