/* Хот-фикс модалки бронирования.
 * Загружается через BookingSubmitAsset.
 *
 * Проблемы оригинала:
 *  1. Заголовок модалки уезжает за фиксированную шапку (z-index header = 9999,
 *     а Bootstrap 3 modal по умолчанию 1050).
 *  2. На десктопе модалка приклеена к верху - слишком высоко при большом окне.
 */

/* Поднимаем модалку и backdrop над фиксированной шапкой */
.modal-backdrop {
    z-index: 10040 !important;
}
.modal {
    z-index: 10050 !important;
}

/* На десктопе центрируем #modalBook вертикально */
@media (min-width: 768px) {
    #modalBook {
        text-align: center;
        padding: 0 !important;
    }
    #modalBook::before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }
    #modalBook .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        margin: 30px auto;
    }
}