/* General forms styles */
/* TODO:
 *  ->  Check if is posible to move styles to file<global_styles>
*/

.center-content {
    position: relative;
    width: calc(100vw - var(--body-padding)*2);
    height: calc(100vh - var(--body-padding)*2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

section.login-form {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 0 6px #00000020;

    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem 6rem;
    width: fit-content;
}

section.login-form>img.logo {
    width: 80px;
    height: auto;
    margin-bottom: 1rem;
}

h4.login-title {
    font-size: 24px;
    color: var(--color-secondary);
    margin-bottom: 1rem;
    font-weight: 500;
}

.login-form>p {
    width: 600px;
    text-align: center;
}

/* Forms */
form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* input styles */
.input-box {

    width: 400px;
    margin: 1.5rem 0;
}

.input-box>input {
    width: 100%;
    height: 50px;
    box-shadow: 1px 1px 4px #00000020;
    border-radius: 5px;

    border: none;
    outline: none;
    background: transparent;
    padding: 0 20px;
    font-size: 16px;
}

.input-box>label {
    font-size: 14px;
    color: var(--color-secondary);
}

.input-box>.error-message {
    font-size: 14px;
    color: var(--color-red);
    margin-top: 6px;
}

/* select styles*/
select {
    height: 50px;
    border: none;
    outline: none;
    box-shadow: 1px 1px 4px #00000020;
    padding: 0 20px;
    border-radius: 5px;
}

.btn-main {
    margin: .5rem;
}

/* END General forms styles */

/* sign in */
.forgot-password {
    font-size: 14px;
    color: var(--color-secondary);
    text-decoration: none;
    margin-top: 2rem
}

.forgot-password:hover {
    text-decoration: underline;
}

.dont-have-acc {
    text-decoration: none;
    font-size: 14px;
}

.dont-have-acc>b {
    font-weight: 400;
    color: var(--color-secondary);
}

.dont-have-acc>b:hover {
    text-decoration: underline;
}

#main-login-form select.change-lang {
    position: absolute;
    top: 2rem;
    right: 6rem;
}

/* sign up */
#signup-form .btn-main.default {
    margin-top: 2rem;
}

/* password reset done */
#password-reset-from-key-done-form a,
#password-reset-done-form a {
    margin-top: 2rem;
}