body {
    color: #616161;
}

.login-container {
    width: 430px;
}

.login-layout {
    background: white;
    padding-top: 20px;
}

.login-layout .widget-box {
    background: white;
    box-shadow: 0 0 10px #CCC;
    padding: 4px;
}

.login-layout .widget-box .widget-main {
    background: #f5eefa;
}

.login-layout .toolbar a {
    color: white !important;
}

.login-layout .header i {
    color: #616161;
    font-size: 14px;
}

.toolbar > div:first-child {
    float: none !important;
    display: block;
    text-align: center !important;
    width: auto;
    padding: 10px;
}



.login-box .header {
    color: #7f5b8b;
    border-color: #7f5b8b;
}

.login-box .btn-primary {
    background: #7f5b8b !important;
    border: none;
    padding: 8px;
}

.login-box .toolbar {
    background: #7f5b8b;
    border: none;
}


.forgot-box .header {
    color: #e07293;
    border-color: #e07293;
}

.forgot-box .toolbar {
    background: #e07293;
    border: none;
}

.forgot-box .btn-danger {
    background: #e07293 !important;
    border: none;
    padding: 8px;
}


.reset-box .header {
    color: #68adde;
    border-color: #68adde;
}

.reset-box .toolbar {
    background: #68adde;
    border: none;
}

.reset-box .btn-primary {
    background: #68adde !important;
    border: none;
    padding: 8px;
}