/**
 * Modal global #sentinelAppModal en modo pasajero (alta / edición AJAX).
 * Se activa con la clase .sentinel-pasajero-modal en el elemento raíz del modal (sentinel-ui.js).
 */

#sentinelAppModal.sentinel-pasajero-modal {
    color-scheme: dark;
}

#sentinelAppModal.sentinel-pasajero-modal .modal-content {
    background: #14141a;
    border: 1px solid #2a2a34;
    color: #e8e8ee;
    box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.55);
}

#sentinelAppModal.sentinel-pasajero-modal .modal-header {
    background: #1a1a22;
    border-bottom: 1px solid #2d2d38;
}

#sentinelAppModal.sentinel-pasajero-modal .modal-title {
    color: #f4f4f8;
}

#sentinelAppModal.sentinel-pasajero-modal .modal-header .close {
    color: #b4b4c0;
    text-shadow: none;
    opacity: 1;
}

#sentinelAppModal.sentinel-pasajero-modal .modal-header .close:hover {
    color: #fff;
}

#sentinelAppModal.sentinel-pasajero-modal .modal-body {
    background: #14141a;
    color: #dcdce4;
}

#sentinelAppModal.sentinel-pasajero-modal .modal-body .text-muted {
    color: #9a9aa8 !important;
}

#sentinelAppModal.sentinel-pasajero-modal .form-group label {
    color: #c4c4d0;
    font-weight: 500;
}

#sentinelAppModal.sentinel-pasajero-modal .form-control {
    background-color: #0c0c10 !important;
    border: 1px solid #3a3a48 !important;
    color: #f0f0f5 !important;
}

#sentinelAppModal.sentinel-pasajero-modal .form-control:focus {
    background-color: #12121a !important;
    border-color: #5b7fd4 !important;
    color: #fff !important;
    box-shadow: 0 0 0 0.2rem rgba(91, 127, 212, 0.22) !important;
}

#sentinelAppModal.sentinel-pasajero-modal .form-control::placeholder {
    color: #6e6e7e;
}

#sentinelAppModal.sentinel-pasajero-modal .form-control:disabled,
#sentinelAppModal.sentinel-pasajero-modal .form-control[readonly] {
    background-color: #18181f !important;
    color: #a0a0b0 !important;
}

#sentinelAppModal.sentinel-pasajero-modal select.form-control option {
    background-color: #0c0c10;
    color: #f0f0f5;
}

#sentinelAppModal.sentinel-pasajero-modal .btn-primary {
    background-color: #2f5fb8;
    border-color: #3d6ec9;
}

#sentinelAppModal.sentinel-pasajero-modal .btn-primary:hover {
    background-color: #3a6dcc;
    border-color: #4f7ed4;
}

#sentinelAppModal.sentinel-pasajero-modal .btn-default {
    background-color: #2a2a34;
    border: 1px solid #45455a;
    color: #e4e4ec;
}

#sentinelAppModal.sentinel-pasajero-modal .btn-default:hover {
    background-color: #363644;
    border-color: #5a5a72;
    color: #fff;
}

#sentinelAppModal.sentinel-pasajero-modal .alert-danger {
    background: rgba(220, 53, 69, 0.15);
    border: 1px solid rgba(220, 53, 69, 0.45);
    color: #ffb4bd;
}

#sentinelAppModal.sentinel-pasajero-modal .alert-danger ul {
    color: #ffc9cf;
}