[data-href] {
    cursor: pointer;
}

.vertical-menu {
    width: 240px;
    z-index: -1001;
    background: #393f4e;
    bottom: 0;
    margin-top: 0;
    padding-top: 80px;
    top: 0;
    position: fixed;
    -webkit-box-shadow: 0 0 20px 0 rgba(183, 190, 199, 0.15);
    box-shadow: 0 0 20px 0 rgba(183, 190, 199, 0.15);
}

#bannerView img {
    width: 100%;
    max-height: 300px;
}

#bannerView span {
    position: absolute;
    float: right;
    right: 5%;
    top: 25%;
}

#bannerView span img {
    width: 100%;
    max-width: 187px;
    height: auto;
    max-height: 88px;
}

.coBrandLogo {
    text-align: right;
}

.bookingLogo {
    max-width: 187px;
    height: auto;
    max-height: 88px;
}

.headingBookingPhone {
    text-align: right;
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #7c4299;
}

#BookingTimer {
    text-align: right;
    font-size: 16px;
    margin-top: 0px;
}

.mandatoryFieldsMessage {
    color: red;
    margin-bottom: 5px;
}

.confirmBookingCheckbox {
    padding-left: 12px;
}

.consent-question-buttom {
    float: right;
    width: 25%;
    margin-bottom: 20px;
}

.consent-question {
    width: 70%;
    display: -webkit-box;
    float: left;
    margin-bottom: 20px;
}

.consentOption {
    margin-left: 15px;
}

@media (max-width: 992px) {
    .vertical-menu {
        display: none;
    }
    .main-content {
        margin-left: 0;
    }
}

body.enable-vertical-menu .vertical-menu,
body.enable-vertical-menu .menu-overlay {
    display: block;
}

.navbar-brand-box {
    padding-left: calc(24px / 2);
    text-align: center;
}

@media (max-width: 992px) {
    .navbar-brand-box {
        padding-left: 0;
    }
    .logo {
        padding-right: 15px;
    }
    .logo span {
        display: none;
    }
    .logo i {
        display: inline-block;
    }
}


/* 7. Waves */

@media print {
    .left-side-menu,
    .page-title-box,
    .navbar-header,
    .footer {
        display: none !important;
    }
    .card-body,
    .page-content,
    body {
        padding: 0 !important;
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-header {
        max-width: 85%;
    }
}

.navbar-brand-box {
    padding-left: calc(24px / 2);
    text-align: center;
}

.my-custom-scrollbar {
    position: relative;
    height: 200px;
    overflow: auto;
}

.table-wrapper-scroll-y {
    display: block;
}

@media only screen and (max-width: 480px) {
    .headingbooking {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .headingBookingPhone {
        max-width: 100%;
        flex: 0 0 100%;
        text-align: left;
        margin-bottom: 17px;
        font-size: 20px;
        font-family: Arial, Helvetica, sans-serif;
        color: #7c4299;
    }
    #bannerView span img {
        width: 100%;
        max-width: 100px;
        height: auto;
        max-height: 40px;
    }
    #bannerView span {
        position: absolute;
        float: right;
        right: 8%;
        top: 18%;
    }
    .bookingLogo {
        width: 90%;
        height: auto;
    }
    .consent-question-buttom {
        float: left;
        width: 71%;
        margin-bottom: 10px;
    }
    .consent-question {
        width: 100%;
        display: -webkit-box;
        float: left;
        margin-bottom: 10px;
    }
    #medicareNumberDIV,
    #medicareRefDIV {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .mandatoryFieldsMessage {
        color: red;
        margin-bottom: 12px;
    }
    .container {
        padding: 0px;
        margin: 0px
    }
    .col-12,
    .col-8,
    .col-6,
    .col-4 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .card {
        margin-bottom: 0px;
    }
    .confirmBookingCheckbox {
        padding-left: 0px;
    }
}

.dummy-medicare {
    width: 100%;
}

@media only screen and (max-width: 480px) {
    .headingbooking {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .headingBookingPhone {
        max-width: 100%;
        flex: 0 0 100%;
        text-align: left;
        margin-bottom: 17px;
        font-size: 20px;
        font-family: Arial, Helvetica, sans-serif;
        color: #7c4299;
    }
    #bannerView span img {
        width: 100%;
        max-width: 100px;
        height: auto;
        max-height: 40px;
    }
    #bannerView span {
        position: absolute;
        float: right;
        right: 8%;
        top: 18%;
    }
    .bookingLogo {
        width: 90%;
        height: auto;
        padding-left: 28px;
        padding-top: 13px;
    }
    .bookingform-col-12 {
        padding-right: 3px !important;
        padding-left: 3px !important;
    }
    .bookingform-col-12 .card {
        border-radius: 5px !important;
    }
    .nav-tabs {
        border-bottom: none !important;
    }
    .tab-content {
        border-radius: 0px 8px 8px 8px !important;
        border-top-style: double !important;
    }
    .tab-content-left {
        border-top-left-radius: 8px !important;
    }
    .consent-question-buttom {
        float: left;
        width: 71%;
        margin-bottom: 10px;
    }
    .consent-question {
        width: 100%;
        display: -webkit-box;
        float: left;
        margin-bottom: 10px;
    }
    #medicareNumberDIV,
    #medicareRefDIV {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .dummy-medicare {
        width: 100%;
    }
    .mandatoryFieldsMessage {
        color: red;
        margin-bottom: 12px;
    }
    .container {
        padding: 0px;
        margin: 0px
    }
    .col-12,
    .col-8,
    .col-6,
    .col-4 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .card {
        margin-bottom: 0px;
    }
    .confirmBookingCheckbox {
        padding-left: 0px;
    }
}


/* ticket bug-3 starts Ram - 10 March 2022 */

.customCheck1 {
    z-index: 4 !important;
}

.validation-timer {
    display: flex;
    margin-bottom: 19px;
}

.validation-timer-message {
    width: 50%;
    float: left;
    text-align: right;
    color: #000;
    display: none;
}

.mandatoryFieldsMessage {
    width: 50%;
    float: left;
}

#BookingTimer {
    color: red;
}

@media only screen and (max-width: 680px) {
    .validation-timer {
        display: inline-block;
    }
    .validation-timer-message {
        width: 100%;
        float: left;
        text-align: left;
        color: #000;
        display: none;
    }
    .mandatoryFieldsMessage {
        width: 100%;
        float: left;
    }
}


/* ticket bug-3 ends Ram - 10 March 2022 */


/* ticket bugs-25 Ram - 30 March 2022 */

.addPatientMobile {
    display: none;
    width: 20%;
}

.removeRowMobile {
    display: none
}

.addPatientdesktop,
.removeRowDesktop {
    display: block;
}

#booking_first_page {
    clear: both;
}

.desktopView {
    display: block;
}

.mobileView {
    display: none;
}

.multiselectButton .btn-group {
    display: block;
    background: #fff;
    border: 1px solid #ced4da;
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: .76562rem;
    line-height: 1.5;
    border-radius: 0.15rem;
    color: #495057;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    padding-top: 0px;
    padding-left: 0;
    font-size: 12px;
}

.btn:focus {
    -webkit-box-shadow: 0;
    box-shadow: none !important;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    width: 100%;
    text-align: left;
    overflow: hidden;
}

.btn-group.is-invalid {
    border-color: #fa5944 !important;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fa5944' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fa5944' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.participantHeading {
    width: 80%;
    float: left;
}

.participantJobDuration {
    text-align: right;
}

.pharmacyListMap {
    display: none;
}

#map_canvas {
    height: 600px;
    width: 100%;
    margin: 0px;
    padding: 0px
}

.mapPharmacyList {
    background: #fff;
    padding: 12px;
    list-style: none;
    cursor: pointer;
}

.mapPharmacyList.active {
    border: 2px solid rgb(56, 114, 172);
}

.PharmacyList {
    height: 600px;
    overflow: scroll;
}

.pharmacyListLeft {
    float: left;
}

.pharmacyMapRight {
    float: right;
}

.pharmacyChainFilter {
    display: none;
}

.searchVoucherPharmacyButton {
    height: 29px;
    width: 63%;
    margin-top: 28px;
    padding: 2px;
}

@media only screen and (max-width: 680px) {
    .desktopView {
        display: none;
    }
    .mobileView {
        display: block;
    }
    .bookingform-col-12 .card {
        -webkit-overflow-scrolling: auto !important;
    }
    .addPatientdesktop,
    .removeRowDesktop {
        display: none;
    }
    .addPatientMobile {
        display: block;
        width: 20%;
        text-align: right;
        float: right;
    }
    .patientDetailMobile {
        border: 1px solid lightgrey;
        padding: 11px;
        margin-bottom: 10px;
    }
    .removeRowMobile {
        display: block;
        float: right;
        height: 21px;
        padding-top: 0;
        padding: 0px 10px 23px 10px;
    }
    #storeLocation_TB_wrapper {
        overflow: scroll;
    }
    .pharmacyAvaialbleSlots {
        width: 50%;
        float: right;
    }
    .mobileReserveButton {
        width: 100%;
        margin-top: 14px;
        max-width: 500PX;
    }
    .mobileReserveButtonDiv {
        text-align: center;
        margin-top: 16px;
    }
    .participantHeading {
        width: 100%;
        float: left;
    }
    .participantJobDuration {
        width: 100%;
        text-align: left !important;
    }
    .participantDetails {
        float: left;
        width: 80%;
    }
    .searchVoucherPharmacyButton {
        height: 29px;
        width: 100%;
        margin-top: -37px;
        padding: 2px;
    }
    .emptyDivVoucher {
        display: none;
    }
    .pharmacyChainFilter {
        flex: 100% !important;
        max-width: 100% !important;
    }
    #voucherMap {
        min-height: 20px;
    }
}

.pharmacyTabs p {
    margin-bottom: 0px;
}

.manageBooking {
    text-align: left;
    padding: 18px 0px;
}

.managebooking_container ul {
    list-style: none;
}

.manageBooking ul {
    list-style: none;
    padding: 0;
}

.managebooking_container label {
    font-weight: bold;
}

.managebooking_container li {
    margin-top: .1em;
}

.patientDetailSection {
    border-top: 1px solid #b3b0b0;
    border-left: 1px solid #b3b0b0;
    border-bottom: 1px solid #b3b0b0;
    padding: 1%;
}

.patientDetailButtonSection {
    border-top: 1px solid #b3b0b0;
    border-right: 1px solid #b3b0b0;
    border-bottom: 1px solid #b3b0b0;
    padding: 2%;
}

.cancelledBooking ul {
    padding: 0px;
}

.cancelledBooking ul li ul {
    padding-left: 20px;
}

.order-summary td,
.order-summary th {
    padding: 10px;
}

.managebooking_Ordercontainer ul {
    list-style: none;
}

@media only screen and (max-width: 1199px) {
    .manageBooking {
        text-align: left;
        padding: 0%;
    }
    .ipad-col-5 {
        max-width: 100%;
        width: 100%;
        flex: auto;
    }
    .patientDetailSection {
        max-width: 100%;
        width: 100%;
        flex: auto;
    }
    .patientDetailButtonSection {
        max-width: 100%;
        width: 100%;
        flex: auto;
        text-align: right;
    }
    .patientDetailSection {
        border-top: 1px solid #b3b0b0;
        border-left: 1px solid #b3b0b0;
        border-right: 1px solid #b3b0b0;
        border-bottom: none;
        padding: 1%;
    }
    .patientDetailButtonSection {
        border-top: none;
        border-right: 1px solid #b3b0b0;
        border-left: 1px solid #b3b0b0;
        border-bottom: 1px solid #b3b0b0;
        padding: 2%;
    }
    .managebooking_container ul {
        padding-left: 10px;
    }
    .managebooking_container ul li ul {
        padding-left: 20px;
    }
    .ipad-voucher-pharmacy {
        width: 100%;
        height: auto;
        flex: 100%;
        max-width: 100%;
    }
    #map_canvas {
        height: 400px;
    }
    .pharmacyListLeft.ipad-voucher-pharmacy {
        float: right !important;
        overflow: scroll;
        height: 491px;
    }
    .pharmacyListLeft.ipad-voucher-pharmacy {
        float: right !important;
    }
    .pharmacyListMap {
        height: 800px;
    }
    .voucherLocationBack {
        width: 100px;
        float: right;
    }
    .gm-style-iw div * {
        overflow: hidden !important;
        line-height: 1.35em;
    }
    .voucherSection .col-8 {
        flex: 100%;
        max-width: 100%;
    }
    .pharmacyChainFilter {
        flex: 50%;
        max-width: 50%;
    }
    #voucherMap {
        min-height: 150px;
    }
}

.modal-loading,
.modal-loading-wait {
    display: none;
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(215 215 215 / 58%) url('../images/loadingIcon.gif') 50% 50% no-repeat;
    overflow: hidden;
}

.modal-heading {
    position: fixed;
    z-index: 1000;
    top: 54%;
    left: 43%;
}

#voucherMap {
    min-height: 200px;
}

.fullWidthCoBrand {
    max-width: 100% !important;
    padding-top: 27px
}

.form-control-sm {
    height: calc(1.5em + .5rem + 7px);   
    border-radius: 25px !important;
}

.multiselectButton .btn-group{

    border-radius: 25px;
    height: 33px;
    padding-top: 6px;
    color: #000;
}

.btn{border-radius: 25px;}