@font-face {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 200;
    src: local('../fonts/Gilroy-Light'), url('../fonts/Gilroy-Light.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 300;
    src: local('../fonts/Gilroy-Regular'), url('../fonts/Gilroy-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 500;
    src: local('../fonts/Gilroy-Medium'), url('../fonts/Gilroy-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 700;
    src: local('../fonts/Gilroy-Bold'), url('../fonts/Gilroy-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy';
    font-style: normal;
    font-weight: 900;
    src: local('../fonts/Gilroy-Heavy'), url('../fonts/Gilroy-Heavy.woff') format('woff');
}

body {
    font-family: "Gilroy";
}

.app-login {
    background-color: white;
    height: 100vh;

    .bg-login {
        background-image: url('../img/auth-bg-cut.gif');
        background-size: cover;
        background-position: right center;
        background-repeat: no-repeat;
    }

    .row .content {
        background-color: white;
        height: 100vh;
        overflow-y: scroll;

        @media only screen and (max-width: 767px) {
            border-radius: 0;
        }

        h2 {
            color: #0261A0;
            font-weight: 800;
            font-size: 3rem;
        }

        form {
            label {
                color: #0072CE;
                margin-bottom: 0;
            }

            input, textarea, select {
                border: 1px solid #0072CE;
            }
        }
    }
}

.content-formulario {
    background-color: white;

    h2 {
        color: #0261A0;
        font-weight: 900;
    }

    form {
        label {
            color: #0072CE;
            margin-bottom: 0;
        }

        input, textarea, select {
            border: 1px solid #0072CE;
            margin-bottom: 10px;
        }
    }
}

.btn.btn-primary {
    background-color: #0072CE !important;
}

.btn.btn-primary.btn-primary-2 {
    background-color: #004ABF !important;
}
.btn.btn-link {
    color: #0072CE !important;
}
.btn.btn-outline-primary {
    border: 2px solid #86B8E6 !important;
}
.btn.btn-outline-primary:hover {
    background-color: #0072ce !important;
    border: 2px solid #0072ce !important;
}