.back {
    background: #e2e2e2;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    background: url("https://i.gyazo.com/2062f54964b9df2fee52db61606461f1.jpg");
}

.div-center {
    width: 400px;
    height: 400px;
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    padding: 1em 2em;
    border-bottom: 2px solid #ccc;
    display: table;
}

div.content {
    display: table-cell;
    vertical-align: middle;
}

.layer {
    background-color: rgba(100, 100, 100, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.fullwidth {
    width: 100%;
}

.gradient-background {
    background: rgb(235,239,244);
    background: -moz-linear-gradient(bottom, #ecf0f5 0%, #ecf0f5 50%, rgba(30,29,100,1) 50%, rgba(30,29,100,1) 100%);
    background: -webkit-linear-gradient(bottom, #ecf0f5 0%, #ecf0f5 50%, rgba(30,29,100,1) 50%, rgba(30,29,100,1) 100%);
    background: linear-gradient(to top, #ecf0f5 0%, #ecf0f5 50%, rgba(30,29,100,1) 50%, rgba(30,29,100,1) 100%);
}
.gradient-background:before{
    background:none !important;
}

.logo-container{
    left:50% !important;
    transform:translateX(-50%);
    top:0px !important;
}
.logo-container .logo{
    width:170px !important;
}

.wizard-container {
    padding-top:170px !important;
}
.wizard-card {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.02), 0 6px 30px 5px rgba(0, 0, 0, 0.02), 0 8px 10px -5px rgba(0, 0, 0, 0.1) !important;
}
.footer{
    color:black !important;
    text-shadow:none !important;
}
.footer a {
    color:black !important;
    font-weight:bold;
}

.btn.btn-login-dark {
    background: #1e1d64;
    background-color:#1e1d64 !important;
}
    .btn.btn-login-dark:hover, .btn.btn-login-dark:active, .btn.btn-login-dark:focus {
        box-shadow: 0 14px 26px -12px rgba(30, 29, 100, 0.42), 0 4px 23px 0px rgba(30, 29, 100, 0.12), 0 8px 10px -5px rgba(30, 29, 100, 0.42) !important;
    }
    @media screen (max-width:767px) {
        .form-control {
            font-size:16px !important;
        }
    }