* {
    box-sizing: border-box;
    font-family: 'Roboto', 'Arial', 'sans-serif';
    font-weight: 200;
}

.shadow-custom {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 48px;
}

.btn {
    border: 0 !important;
}

.bg-custom {
    background-color: rgba(var(--tertiary-color-rgb), .9);
}

.bg-dimmed {
    background-color: rgba(var(--tertiary-color-rgb), 0.8);
}

.bg-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.bg-secondary {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
}


/* Other */

#loader {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100vw;
    height: 100vh;
    vertical-align: middle;
    padding-top: 45vh;
    z-index: 99999;
    color: #dee2e6;
}

.stop-scrolling {
    height: 100%;
    overflow: hidden;
}


/* Badges  */

.badge {
    background-color: rgba(128, 128, 128, .5);
    border-radius: var(--bs-border-radius-pill);
    color: white;
    padding: .25rem .5rem;
}

.badge-group {
    background-color: rgba(100, 100, 100, .5);
    border-radius: var(--bs-border-radius-pill);
    color: white;
    padding: .25rem .5rem;
}


/* Member type Badges */

.badge[data-member-type="Numerario"] {
    background-color: var(--color-member-numerary) !important;
}

.badge[data-member-type="Asociado"] {
    background-color: var(--color-member-associate)!important;
}

.badge[data-member-type="Miembro de la Academia"] {
    background-color: var(--color-member) !important;
}

.badge[data-member-type="Amigo de la Academia"] {
    background-color: var(--color-member-friend) !important;
}

.badge[data-member-type="Contacto"] {
    background-color: var(--color-member-contact) !important;
}

.badge[data-member-type="Contacto de Empresa"] {
    background-color: var(--color-member-company) !important;
}


/* Gestion Status Badges */

.badge[data-status="ALTA"] {
    background-color: var(--color-status-generated) !important;
}

.badge[data-status="BAJA"] {
    background-color: var(--color-status-rejected) !important;
}


.badge[data-status="Domiciliación Bancaria"] {
    background-color: var(--color-payment-type-bank) !important;
}

.badge[data-status="Metálico"] {
    background-color: var(--color-payment-type-cash) !important;
}

.badge[data-status="Transferencia nacional"] {
    background-color: var(--color-payment-type-national) !important;
}

.badge[data-status="Transferencia internacional"] {
    background-color: var(--color-payment-type-international) !important;
}


.badge[data-status="PENDIENTE"] {
    background-color: var(--color-payment-status-pending) !important;
}

.badge[data-status="COBRADO"] {
    background-color: var(--color-payment-status-paid) !important;
}

.badge[data-status="DEVUELTO"] {
    background-color: var(--color-payment-status-returned) !important;
}

.badge[data-status="PTE.CONFIRMACIÓN"] {
    background-color: var(--color-payment-status-confirmation) !important;
}

.badge[data-status="CANCELADO"] {
    background-color: var(--color-payment-status-cancelled) !important;
}



/* Altas Status Badges */

.application-expired {
    background-color: rgb(255, 250, 200) !important;
}

.badge[data-status="Pendiente de aprobación"] {
    background-color: var(--color-status-pending) !important;
}

.badge[data-status="Revisada"] {
    background-color: var(--color-status-reviewed) !important;
}

.badge[data-status="Aceptada"] {
    background-color: var(--color-status-accepted) !important;
}

.badge[data-status="Rechazada"] {
    background-color: var(--color-status-rejected) !important;
}

.badge[data-status="Anulada por solicitante"] {
    background-color: var(--color-status-cancelled) !important;
}

.badge[data-status="Completada"] {
    background-color: var(--color-status-completed) !important;
}

.badge[data-status="Firma pendiente"] {
    background-color: var(--color-status-signature-pending) !important;
}

.badge[data-status="Firmada"] {
    background-color: var(--color-status-signed) !important;
}

.badge[data-status="Pago pendiente"] {
    background-color: var(--color-status-payment-pending) !important;
}

.badge[data-status="Pago pendiente de revisión"] {
    background-color: var(--color-status-payment-review) !important;
}

.badge[data-status="Pago completado"] {
    background-color: var(--color-status-payment-completed) !important;
}

.badge[data-status="Alta generada"] {
    background-color: var(--color-status-generated) !important;
}


/* Reservas Status Badges */

/* TODO: Move this to css file in reservas project */

.badge[data-status="Aprobada"] {
    background-color: var(--color-status-payment-pending) !important;
}

.badge[data-status="Reserva confirmada"] {
    background-color: var(--color-status-accepted) !important;
}

.badge[data-status="Generada"] {
    background-color: var(--color-status-generated) !important;
}

.badge[data-status="Cancelada"] {
    background-color: var(--color-status-cancelled) !important;
}

.badge[data-status="Largometraje"] {
    background-color: var(--goyas-color) !important;
}

.badge[data-status="Cortometraje"] {
    background-color: var(--color-status-pending) !important;
}

.badge[data-status="Documental"] {
    background-color: var(--color-payment-type-national) !important;
}


/* Forms */

label, span.input-group-text {
    color: rgba(33, 37, 41, 0.75) !important;
}

label {
    font-weight: normal;
}

.field-group label {
    display: block;
}

.form-control, input:not(input[type="submit"]):not(input[type="button"]):not(input[type="reset"]), select, textarea {
    font-weight: 300 !important;
}

.field-group-header {
    background: rgb(43, 43, 43);
}

.required::after, .dynamically_required::after {
    content: '*';
    color: red;
    padding-left: 0;
    font-weight: 200;
}

.form-text {
    border-radius: .25rem;
    border: 1px solid #dee2e6;
    background-color: #f8f9fa;
    padding: .5rem;
}

.selectmultiple {
    min-height: 150px;
}


/* Media queries */

/* Small Devices */
@media all and (max-width: 768.2px) {
    * {
        font-size: 12px !important;
    }
    .select2-selection.select2-selection--single, span.select2-search.select2-search--dropdown > input {
        max-height: 31.25px !important;
    }
}


/* Medium Devices */
@media all and (max-width: 1920.2px){
    * {
        font-size: 13px !important;
    }
    .select2-selection.select2-selection--single, span.select2-search.select2-search--dropdown > input {
        max-height: 31.25px !important;
    }
}


/* Large Devices */
@media all and (min-width: 1920.2px) {
    * {
        font-size: 14px !important;
    }
    .select2-selection.select2-selection--single, span.select2-search.select2-search--dropdown > input {
        max-height: 33.5px !important;
    }
}

h1 { font-size: 32 !important; }
h2 { font-size: 26 !important; }
h3 { font-size: 22 !important; }
h4 { font-size: 20 !important; }
h5 { font-size: 15 !important; }
h6 { font-size: 11 !important; }

.fs-1 { font-size: 32 !important; }
.fs-2 { font-size: 26 !important; }
.fs-3 { font-size: 22 !important; }
.fs-4 { font-size: 20 !important; }
.fs-5 { font-size: 15 !important; }
.fs-6 { font-size: 11 !important; }

:disabled {
    cursor: not-allowed !important;
}