/* login page styles*/
html { height: 100%; }

body {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

a { color: #985CA5; }

.login-container {
    background: white;
    width: 100%;
    /*height: 100%;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.login-label {
    width: 100%;
    height: 20%;
    display: contents;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.login-label p {
    text-align: center;
    font-size: medium;
    color: #777777;
    width: 100%;
    font-weight: lighter;
    margin-bottom: 0;
}

/*.login-form {
    margin-top: 15px;
}*/

.restore-label {
    text-align: left;
    font-size: medium;
    color: #777777;
    width: 100%;
    font-weight: lighter;
}

.login-panel {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 40px;
    flex-direction: column;
}

.login-panel-img {
    Width: 259px;
    Height: 116px;
}

.login-buttons {
    margin-top: 15px;
    display: flex;
    justify-content: center;
}

/*.login-buttons button {
    width: 260px;
}*/

.btn-primary {
    background-color: #985CA5;
    border-color: #985CA5;
}

.btn-primary:hover {
    background-color: #7d1f8d !important;
    border-color: #7d1f8d !important;
}

.btn-primary:focus {
    background-color: #7d1f8d !important;
    border-color: #7d1f8d !important;
}

.login-logo-panel {
    width: 60%;
    max-height: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.login-logo-panel:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.login-logo-img {
    height: 100%;
    width: 100%;
    max-width: 800px;
    max-height: 800px;
    /*position: absolute;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    object-position: center;
}

@media screen and (max-width: 840px), screen and (max-height: 650px) {
    .login-logo-panel { display: none; }

    .login-panel { width: 100%; }
}

.h-line-width {
    width: 100%;
    text-align: center;
    border-bottom: 0.5px solid #985CA5;
    line-height: 0.1em;
    margin: 20px 0;
}

.h-line-text {
    background: #fff;
    padding: 0 10px;
    font-size: 14px;
    color: #985CA5;
}

.work-account {
    background: url('/images/socials_OV.png');
}

.login-with-gmail {
    background: url('/images/gmail.png');
    margin-left: 20px;
    margin-right: 20px;
    display: none;
}

.login-with-fb {
    background: url('/images/fb.png');
    display: none;
}

.socials {
    cursor: pointer !important;
    width: 48px;
    height: 48px;
    border: none;
    background-repeat: no-repeat;
}

.socials:hover {
    background-color: unset !important;
}

.forgot-password-ref {
    padding-left: 3px;
}

.signup-ref {
    padding-right: 3px;
    float: right;
}

.login-btn {
    width: 200px;
}

.external-login-btn {
    width: 100%;
}