.alert-danger {
    font-size: 14px !important;
    text-align: center !important;
    line-height: 1.2em !Important;
}


#homepage .content-wrapper{
    background: rgb(106,95,221) !important;
    background: linear-gradient(142deg, rgba(106,95,221,1) 46%, rgba(36,29,141,1) 100%) !important;
    display:flex;
    align-items: center;
}
#homepage .col-md-12{
    max-width: 640px;
    margin:0 auto;
    display:block;
    position:relative;
    width:85%;
    margin-top:30px;
    margin-bottom:10px;
}
#homepage img.login-image{width:100%;max-width:350px;margin:0 auto;display: block;}
#homepage img.login-logo{width:100%;max-width:125px;margin:0 auto 20px auto;display: block;}
#homepage .card-outline{border-top:3px solid #f64b17 !Important}

#homepage .content{margin:0 auto;display:contents;}

#homepage h5{text-align:center !important;float:none;font-weight:500;}

#homepage .btn-primary{
    width:100%;
    border-radius:3px !Important;
    padding: 15px 10px;
    background:#f8a88d !important;
    color:#222 !important;
    border:0px !important;
}
#homepage .btn-primary:hover{
    background:rgba(106,95,221,1) !important;
    color: #fff !important;
}
#homepage .card-body{
    padding:40px;
}

#homepage footer.main-footer{max-width:1140px;margin:0 auto;}
#homepage .navbar-toggler{display:none !important}

footer a{
    color:rgb(36,29,141) !important;
}

.copyright{text-align:center}
.copyright strong{
    font-weight:400 !important;
    color:#fff !important;
}
.copyright a{
    color:#f8a88d !important;
}

@media all and (max-width:767px){
    #homepage .row{display:block !important}
    #homepage .col-4{width:100%;flex:100% !important;max-width:100%;margin-bottom:15px;}
    #homepage .card-body{padding:30px !important}
}


/***** LOGIN PAGE ****/
#login-page, #change-password, #forgot-page{
    background: rgb(106,95,221) !important;
    background: linear-gradient(142deg, rgba(106,95,221,1) 46%, rgba(36,29,141,1) 100%) !important;
}
#login-page .login-card-body,
#forgot-page .login-card-body,
#change-password .login-card-body{border-radius:5px;border-top:3px solid #f64b17 !Important;padding:40px;}
#login-page .col-12{text-align:center}
#login-page .col-12 a.text-sm{margin-top:10px !important;color:#222;display:block;}
#login-page a.text-back{color:#fff;text-align:center;display:block;width:100%;}
#login-page .col-12 a.text-sm:hover,
#Login-page a.text-back:hover{color:#f64b17 !important}
#login-page .btn-primary,
#forgot-page .btn-primary,
#change-password .btn-primary{
    width:100%;
    border-radius:3px !Important;
    padding: 10px 10px;
    background:#f8a88d !important;
    color:#222 !important;
    border:0px !important;
}
#login-page .btn-primary:hover,
#forgot-page .btn-primary:hover,
#change-password .btn-primary:hover{
    background:rgba(106,95,221,1) !important;
    color: #fff !important;
}
#login-page img.login-logo,
#change-password img.login-logo,
#forgot-page img.login-logo{width:100%;max-width:125px;margin:0 auto 20px auto;display: block;}

#login-page .card-body img.logo-bengkel{width:100%;max-width:150px;margin:0 auto 20px auto;display: block;}