.queue {
    margin-top: 177px;
}

.queue ul li:before {
    display: none;
}

.queue ul li {
    display: block;
}

.queue ul li br {
    display: none;
}

.queue ul li:hover {
    background: #f5f5f5;
}

.queue .btn.btn-warning {
    background-color: #0088cc;
    border-color: #0088cc;
}

.queue .btn.btn-warning:hover, .queue .btn.btn-warning:active, .queue .btn.btn-warning:focus {
    background-color: #009ceb;
    border-color: #009ceb;
}

.queue #services {
    width: 100%;
}

.queue .panel .panel-heading {
    background-image: unset;
    background-color: #0088cc;
    border-color: #0088cc;
    color: #fff;
}

.queue .panel-warning {
    border-color: #0088cc;
}

.queue .datetime select {
    cursor: pointer;
    width: auto;
    min-width: 126px;
    background: #fff;
    border-radius: 200px;
    border: 1px solid #ccc;
    background: #fcfcfc;
}

.queue .services-list {
    height: 350px;
    cursor: pointer;
    overflow-x: hidden;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

.queue .datetime input {
    border-radius: 200px;
    width: auto;
    border: 1px;
    border: 1px solid #ccc;
    background: #fcfcfc;
}

.queue .services-list ul:first-child {
    float: none;
    width: 100%;
}

.queue .ui-widget-header {
    border: 1px solid #0088cc !important;
    background: #0088cc !important;
}

.queue .client .input-group input {
    border-radius: 200px;
    border: 1px solid #0088cc;
}

.queue .client .input-group {
    width: auto;
    max-width: 100%;
}

.queue .input-group .form-control {
    height: 37px;
}

.queue #register {
    float: unset;
    margin-top: 0;
    margin-left: 0;
}

.queue .client {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.queue .client > .input-group {
    flex: 1 1 260px;
    min-width: 0;
}

.queue .client #phone {
    flex: 1 1 200px;
    clear: none;
    margin-top: 0;
    min-width: 0;
}

.queue .client #phone .input-group {
    width: 100%;
}

.queue .client__consent {
    flex: 1 1 240px;
    margin-left: 0 !important;
}

.queue .wrapper.well.well-sm,
.queue .appointment-wrapper.well.well-sm {
    width: 100%;
    padding: 0px;
    min-height: unset;
    padding: unset;
    margin-bottom: unset;
    background-color: unset;
    border: unset;
    border-radius: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background-color: unset;
    border: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    background-image: unset;
    background-image: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

#ui-datepicker-div {
    z-index: 10050 !important;
}

.ui-dialog {
    z-index: 10050 !important;
}

.queue .datetime {
    position: relative;
    z-index: 2;
    height: auto;
}

.queue .ui-datepicker-trigger {
    cursor: pointer;
    position: relative;
    z-index: 3;
}

/* Страница подтверждения записи */
body.appointment-result .queue {
    padding: 48px 16px 80px;
}

body.appointment-result .appointment-result-card {
    width: 100% !important;
    max-width: 720px;
    margin: 0 auto !important;
    padding: 24px 16px 40px !important;
    box-sizing: border-box;
}

body.appointment-result .appointment-result-table {
    width: auto;
    max-width: 100%;
    margin: 0 auto 24px;
    font-size: 18px;
    border-collapse: collapse;
}

body.appointment-result .appointment-print-btn {
    margin-top: 16px;
    padding: 8px 24px;
}

@media print {
    @page {
        margin: 12mm;
    }

    body.appointment-result {
        background: #fff !important;
        padding-top: 0 !important;
    }

    body.appointment-result .main-header__descriptor {
        display: flex !important;
    }

    body.appointment-result #bx-panel,
    body.appointment-result .bx-composite-btn,
    body.appointment-result .main-header__buttons,
    body.appointment-result .mobile-buttons-row,
    body.appointment-result .main-header__burger-button,
    body.appointment-result .main-header__bottom,
    body.appointment-result .main-header__menu,
    body.appointment-result footer,
    body.appointment-result .cookie-banner,
    body.appointment-result .xLoader,
    body.appointment-result .public_shares,
    body.appointment-result .callphone,
    body.appointment-result .callphone-desc,
    body.appointment-result .appointment-print-btn,
    body.appointment-result .button-def {
        display: none !important;
    }

    body.appointment-result .main-header {
        position: static !important;
        box-shadow: none !important;
        border: none !important;
        background: #fff !important;
        padding: 0 !important;
    }

    body.appointment-result .main-header__top {
        justify-content: flex-start;
    }

    body.appointment-result .wrapper {
        overflow: visible !important;
        position: static !important;
        z-index: auto !important;
    }

    body.appointment-result .queue {
        margin: 24px 0 0 !important;
        padding: 0 !important;
    }

    body.appointment-result .appointment-result-card {
        max-width: none;
        padding: 0 !important;
    }

    body.appointment-result .appointment-result-table {
        margin-left: auto;
        margin-right: auto;
    }
}