.bg-faded {
    background-color: #f39200;
    box-shadow: 0.8rem 0.8rem 0.7rem rgba(0, 0, 0, 0.80) !important;
}

.bg-faded-white {
  background-color: #fff; }

.form-control, .form-control:focus {
    background-color: #f39200 !important;
    color: #fff;
    font-weight: bold;
}

input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #f39200 inset;
    -webkit-text-fill-color: #fff !important;
}
.form-control::-webkit-input-placeholder {
    color: #fff;
    font-weight: normal;
}

.form-control, .form-control:focus {
    background-color: #f39200 !important;
    color: #fff;
    font-weight: bold;
}

.form-label {
    color: #f39200;
    font-size: large;
}

.titulo-autenticacion {
    color: #f39200;
    font-weight: bold;
    font-size: xx-large;
}

.btn-inicio-sesion {
    background-color: #f39200;
    color: #fff;
    font-size: large;
}

.fondo-autenticacion {
    background: white url("../../img/fondo.3f1590153c99.svg") no-repeat center bottom fixed;
    background-size: cover;
}
.fondo-autenticacion-proveedores {
    background: url("../../img/fondo.3f1590153c99.svg") no-repeat center bottom fixed;
    background-size: cover;
}

.olvido-contrasena {
    color: #f39200;
    font-weight: bold;
    font-size: medium;
}

.logo-arios-inicio {
    width: 35%;
}

.rounded-plus {
  border-radius: 30px;
}
@media (min-width: 576px) {
    .logo-arios-inicio {
        width: 28%;
    }
}

@media (min-width: 768px) {
    .logo-arios-inicio {
        width: 25%;
    }
}

@media (min-width: 992px) {
    .logo-arios-inicio {
        width: 18%;
    }
}

@media (min-width: 1399px) {
    .logo-arios-inicio {
        width: 15%;
    }
}