/* TixBD Medical Search Redirect - front-end styles */
.tixbd-msr-tab-icon {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    object-fit: contain !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin: 0 6px 0 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    background: transparent !important;
}

.tixbd-msr-icon-hidden {
    display: none !important;
}

.tixbd-msr-suggestions {
    position: absolute;
    z-index: 999999;
    display: none;
    box-sizing: border-box;
    max-width: min(360px, calc(100vw - 20px));
    max-height: min(340px, 58vh);
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid rgba(29, 23, 33, .10);
    border-radius: 0 0 7px 7px;
    box-shadow: 0 12px 28px rgba(20, 14, 25, .14);
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    isolation: isolate;
}

.tixbd-msr-suggestions.is-open {
    display: block;
}

.tixbd-msr-option {
    -webkit-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 9px 12px 10px;
    font: inherit;
    color: #252027 !important;
    text-align: left;
    text-decoration: none !important;
    white-space: normal;
    background: #fff;
    border: 0;
    border-bottom: 1px solid rgba(29, 23, 33, .065);
    border-radius: 0;
    cursor: pointer;
    transition: background-color .14s ease, box-shadow .14s ease;
}

.tixbd-msr-option-service {
    border-bottom: 1px solid rgba(110, 43, 134, .18);
}

.tixbd-msr-option:last-child {
    border-bottom: 0;
}

.tixbd-msr-option:hover,
.tixbd-msr-option:focus,
.tixbd-msr-option.is-keyboard-active {
    color: #252027 !important;
    outline: 0;
    background: #f7f5f8;
    box-shadow: inset 3px 0 0 #6e2b86;
}

.tixbd-msr-option-title {
    display: block;
    margin: 0 0 2px;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 600;
    color: #201c22;
}

.tixbd-msr-option-meta {
    display: block;
    font-size: 10.5px;
    line-height: 1.3;
    font-weight: 400;
    color: #7b747f;
}

.tixbd-msr-empty {
    padding: 12px;
    font-size: 12px;
    color: #766e79;
    background: #fff;
}

@media (max-width: 767px) {
    .tixbd-msr-suggestions {
        max-width: calc(100vw - 20px);
        max-height: min(300px, 50vh);
        border-radius: 6px;
    }

    .tixbd-msr-option {
        padding: 11px 12px;
    }

    .tixbd-msr-option-title {
        font-size: 13px;
    }
}