@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.png');
        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: #8A6940;
            font-weight: 800;
            font-size: 3rem;
        }

        form {
            label {
                color: #8A6940;
                margin-bottom: 0;
            }

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

.content-formulario {
    background-color: white;

    h2 {
        color: #8A6940;
        font-weight: 900;
        text-transform: uppercase;
    }

    form {
        label {
            color: #8A6940;
            margin-bottom: 0;
        }

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

.btn.btn-primary {
    background-color: #BEA171 !important;
    border: 1px solid #BEA171 !important;
}

.btn.btn-primary.btn-primary-2 {
    background-color: #004ABF !important;
}
.btn.btn-link {
    color: #BEA171 !important;
}
.btn.btn-outline-primary {
    border: 1px solid #BEA171 !important;
     color: #BEA171 !important;
}
.btn.btn-outline-primary:hover {
    background-color: #BEA171 !important;
    border: 1px solid #BEA171 !important;
    color: white !important;
}

.btn-primary:focus , .btn-outline-primary:focus, .btn-outline-secondary:focus {
    outline: 0;
  box-shadow: 0 0 0 .2rem  rgba(245, 230, 162, 0.5) !important;
}

.btn-outline-secondary {
    border: 1px solid #BEA171 !important;
     color: #BEA171 !important;
}

.btn-outline-secondary:hover {
    border: 1px solid #BEA171 !important;
     color: #fff !important;
     background-color: #BEA171 !important;
}

a{
    color: #BEA171 !important;
}

.form-control:focus{
    color : #495057;
    background-color: #fff;
    border-color: #BEA171;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(199, 184, 101, 0.719);
}

.tooltip .tooltip-inner {
    opacity: 1;
    background-color: #ddd !important; 
    color: #3b3f42;
}

.tooltip .arrow::before {
    border-top-color: #ddd !important; 
}

.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #ddd !important;
}
.tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #ddd !important;
}
.tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #ddd !important;
}
.tooltip.bs-tooltip-left .arrow::before {
    border-left-color: #ddd !important;
}