.style1 {
    width: 100%;
}

.style3 {
    font-weight: bold;
    height: 23px;
}

.style5 {
    width: 86px;
}

.style6 {
    width: 57px;
    height: 23px;
}

.style7 {
    height: 23px;
    width: 194px;
}

.style13 {
    width: 354px;
}

.style17 {
    font-weight: bold;
    height: 35px;
}

.style18 {
    width: 57px;
    height: 35px;
}

.style19 {
    height: 35px;
    width: 194px;
}

.style20 {
    width: 194px;
}

.style21 {
    width: 57px;
}

.style31 {
    width: 86px;
    text-align: right;
    height: 19px;
}

.style32 {
    width: 354px;
    height: 19px;
}

.style33 {
    width: 57px;
    height: 19px;
}

.style34 {
    height: 19px;
    width: 194px;
}

.style35 {
    width: 57px;
    height: 16px;
}

.style36 {
    width: 86px;
    text-align: right;
    height: 16px;
}

.style37 {
    width: 354px;
    height: 16px;
}

.style38 {
    height: 16px;
    width: 194px;
}

.auto-style1 {
    width: 86px;
    height: 23px;
}

.auto-style2 {
    width: 354px;
    height: 23px;
}

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

.bg {
    /* The image used */
    background-image: url("../logo.jpg");
    /* Full height */
    height: 100%;
    width: 100%;
    /* Center and scale the image nicely */
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

.auto-style3 {
    font-weight: bold;
    height: 23px;
    color: #CC0099;
}

.auto-style4 {
    width: 86px;
    text-align: right;
    height: 19px;
    color: #CC3399;
}

.auto-style5 {
    width: 86px;
    text-align: right;
    height: 16px;
    color: #CC3399;
}

.auto-style7 {
    color: #FFFFFF;
    background-color: #CC3399;
}

a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    color: white;
    text-decoration: none;
}


html, body {
    height: 100%;
}
.alert{
    position: absolute !important;
    margin-top:2% !important;
}
body {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    align-items: baseline;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: #f5f5f5;
    
}
.card {
    margin-top: 8% !important;
}



.card-title {
    font-weight: 300;
}

.btn {
    font-size: 14px;
    margin-top: 20px;
}

.login-form {
    width: 400px;
    margin: 20px;
}

.sign-up {
    text-align: center;
    padding: 20px 0 0;
}

span {
    font-size: 14px;
}