header {
display: none !important;

}

.image {
background: none!important;
border: none!important;
}

.main_area {
width: 100vw;
height: 100vh;
/*background-image: url(background-login.jpg)!important;*/
background: linear-gradient(-45deg, #C2B4D6, #DFB089, #9B5770, #5C7499);
border: 0px;

background-repeat: no-repeat;

background-size: cover;
}

.login-page-logo {
    width: 150px;
}

section.main_area {

display: block;
align-items: center;

}

div.form-group:has(#Company) {
    display: none;
}

.container-fluid {

max-width: 600px;

}

.login-form>div {

border: 1px solid white!important;

background-color: #ffffff4a;

padding-bottom: 40px;
padding-top: 40px;
border-radius: 12px;
backdrop-filter: blur(3px);

    box-shadow: 2px 2px 8px #4f4f4f87;
}

.app-name {
letter-spacing: 1px;
    font-size: 19px;
}

.buttons {
position: relative;
margin-top: 40px;
padding-bottom: 63px;
}

#next {

background-color: #9B5770 !important;

text-transform: uppercase;

color: white !important;

border-right: 0!important;

border-bottom: 0!important;

transition: 0.5s;

letter-spacing: 2px;

font-weight: bold;
width: 150px;
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}


#next:hover {

letter-spacing: 5px;

background-color: #47d373;
}

.modal-dialog input[type='text'] {
    border: 1px solid #ccc !important;
    position: relative;
    top: -6px;
}

input[type='text'] {
background-color: #fff !important;
border: 1px solid white;

}

input[type='password'] {
background-color: #fff !important;
border: 1px solid white;

}

#forgotPassword {
color: #333;
}

.error {
color: #be3e32;
}

/* Sign up-sidan */

.top-logo-wrapper {
    position: unset!important;
    text-align: center!important;
}

.page-title {
    margin-top: 0px!important;
}

.page-title h1 {
    margin-top: 0px!important;
}

.top-logo-wrapper .flow-logo {
    width: 60px!important;
}

.btn-primary {
    color: #fff!important;
    background-color: #9B5770!important;
    border-color: #9B5770!important;
    font-weight: bold!important;
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
}

.btn-primary:hover {
    color: #fff!important;
    background-color: #9B5770!important;
    border-color: #9B5770!important;
    font-weight: bold!important;
    text-transform: uppercase!important;
    letter-spacing: 1px!important;
}

.btn-default {
    color: #333!important;
    background-color: #fff;
    border-color: #ccc!important;
    font-weight: bold!important;
    letter-spacing: 1px!important;
    text-transform: uppercase!important;
}

footer {
    border-top: solid 6px #272829!important;
    width: 100vw!important;
    background-color: #272829!important;
    text-align: center!important;
    position: fixed!important;
    bottom: 0!important;
    height: 120px!important;
    color: #fff!important;
    padding: 8px!important;
    font-size: 17px!important;
}