:root {
    --primary: #d92231;
    --secondary: #737373;
    --tertiary: #ffffff;
    --primary-hover: #a80d1a;
}

/* HEADER */
.container-header {
    display: block;
    margin: 0 auto;
}

img {
    height: 80px;
    display: block;
    margin: 0 auto;
}

.title {
    font-size: 2rem;
    position: relative;
    top: -1rem;
    margin: 0;
}

.subtitle {
    font-size: 1.5rem;
}

.title-login {
    font-size: 2rem;
    position: relative;
    top: -1rem;
    margin: 8rem 0px 0px 0px;
}

/* CONTAINER REPORT THE DATA */
.container-data {
    display: block;
    margin: 0 auto;
    width: 65%;
    background-color: var(--secondary);
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #737373;
}

.container-btn-active {
    display: block;
    margin: 4rem auto 5rem auto;
    width: 65%;
}

.action-btn button{
    width: 100%;
}

.subtitle,
.form-check-label {
    color: var(--tertiary);
}

.title,
.title-login,
.subtitle {
    text-align: center;
}


/*ACTIVE CODE*/
.row input {
    margin-top: 15px;
}

.privacy-policy-msg {
    text-align: center;
    color: var(--tertiary);
    margin-top: 1rem;
    padding: 0;
}

.btn {
    display: block;
    margin: 0 auto;
    background-color: var(--primary);
    color: var(--tertiary);
    padding: 8px 20px;
    border-radius: 15px;
}

.btn:hover {
    background-color: var(--primary-hover);
    color: var(--tertiary);
}

.password-reset {
    display: flex;
    justify-content: center;
    text-decoration: none;
    color: var(--tertiary);
}

.description {
    text-align: center;
    font-size: 1.3rem;
    padding: 5px;
    color: var(--tertiary);
}

.register-link {
    color: var(--primary);
    text-decoration: none;
}

@media screen and (max-width:1080px) {
    img {
        height: 80px;
    }

    .title {
        margin-top: 10px;
        font-size: 1.2rem;
    }

    .title-login {
        font-size: 1.5rem;
    }

    .subtitle {
        font-size: 1rem;
    }

    .container-data,
    .container-btn-active {
        width: 80%;
        padding: 10px;
    }

    .row input,
    .position {
        margin-top: 8px;
        padding: 5px;
        font-size: 0.8rem;
    }
}