.toast-header {
    background-color: #117EC2 !important;
    color: #fff;
}

[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);
}

.variableBreak {
    background-color: #efb540;
    color: #fff !important;
    width: 178px;
    padding: 4px 10px;
}

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

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

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

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

.coBrandLogo {
    text-align: right;
}

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

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

.manageQuestionNav .active {
    font-weight: 800;
    background-color: darkgray !important
}

@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;
}

.consent-question-buttom {
    float: right;
    width: 25%;
}

.consent-question-buttom label {
    margin-left: 5px;
}

.consent-question-buttom input {
    margin-left: 10px;
}

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

.consent-question-buttom .invalid-feedback {
    margin-top: 0px
}

.dummy-medicare {
    width: 70%;
}

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

@media only screen and (max-width: 480px) {
    .consent-question-buttom {
        float: right;
        width: 45%;
    }
    .consent-question {
        width: 53%;
        display: -webkit-box;
        float: left;
        margin-bottom: 23px;
    }
    #medicareNumberDIV,
    #medicareRefDIV {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .dummy-medicare {
        width: 100%;
    }
}


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

.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;
    }
}

.custom-booking-QR {
    float: right;
    border-color: purple;
    background-color: purple;
}

.custom-booking-QR:hover {
    background-color: purple;
}


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


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

@media only screen and (max-width: 680px) {
    .bookingform-col-12 .card {
        -webkit-overflow-scrolling: auto !important;
    }
}

@media only screen and (max-width:1180px) {
    .ipad-page-title-right {
        width: 55%;
        text-align: right;
    }
    .ipad-page-title-right button {
        margin-bottom: 10px;
    }
    .ipad-card-body {
        padding-bottom: 80px;
    }
    .ipad-buttons {
        display: block !important;
        clear: both;
    }
}

@media only screen and (max-width:820px) {
    .ipad-row {
        width: 100% !important;
        display: block;
    }
    .ipad-col-6 {
        max-width: 100% !important;
    }
}

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

.btn-primary {
    color: #fff;
    background-color: #152C53;
    border-color: #152C53;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    background-color: #152C53;
    border-color: #152C53;
    opacity: .8;
}

.btn-warning {
    color: #fff;
    background-color: #117EC2;
    border-color: #117EC2;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.show>.btn-success.dropdown-toggle {
    opacity: .8;
    background-color: #117EC2 !important;
    border-color: #117EC2;
}

.btn-success-green {
    color: #fff;
    background-color: rgb(75, 160, 19);
    border-color: rgb(75, 160, 19);
  }
  
  .btn-success-green:hover {
    color: #fff;
    background-color: rgb(80, 180, 13);
    border-color: rgb(80, 180, 13);
  }
  
  .btn-success-green:focus, .btn-success-green.focus {
    color: #fff;
    background-color: rgb(75, 160, 19);;
    border-color: rgb(75, 160, 19);
    -webkit-box-shadow: 0 0 0 0.12rem rgba(65, 194, 168, 0.5);
            box-shadow: 0 0 0 0.12rem rgba(65, 194, 168, 0.5);
  }
  
  .btn-success-green.disabled, .btn-success-green:disabled {
    color: #fff;
    background-color: rgb(75, 160, 19);
    border-color: rgb(75, 160, 19);
  }
  
  .btn-success-green:not(:disabled):not(.disabled):active, .btn-success-green:not(:disabled):not(.disabled).active,
  .show > .btn-success-green.dropdown-toggle {
    color: #fff;
    background-color: rgb(75, 160, 19);
    border-color: rgb(75, 160, 19);
  }
  
  .btn-success-green:not(:disabled):not(.disabled):active:focus, .btn-success-green:not(:disabled):not(.disabled).active:focus,
  .show > .btn-success-green.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.12rem rgba(65, 194, 168, 0.5);
            box-shadow: 0 0 0 0.12rem rgba(65, 194, 168, 0.5);
  }

.btn-warning-yellow {
    color: #fff;
    background-color: #efb540;
    border-color: #efb540;
  }
  
  .btn-warning-yellow:hover {
    color: #fff;
    background-color: #eca71d;
    border-color: #e9a213;
  }
  
  .btn-warning-yellow:focus, .btn-warning-yellow.focus {
    color: #fff;
    background-color: #eca71d;
    border-color: #e9a213;
    -webkit-box-shadow: 0 0 0 0.12rem rgba(241, 192, 93, 0.5);
            box-shadow: 0 0 0 0.12rem rgba(241, 192, 93, 0.5);
  }
  
  .btn-warning-yellow.disabled, .btn-warning-yellow:disabled {
    color: #fff;
    background-color: #efb540;
    border-color: #efb540;
  }
  
  .btn-warning-yellow:not(:disabled):not(.disabled):active, .btn-warning-yellow:not(:disabled):not(.disabled).active,
  .show > .btn-warning-yellow.dropdown-toggle {
    color: #fff;
    background-color: #e9a213;
    border-color: #dd9a12;
  }
  
  .btn-warning-yellow:not(:disabled):not(.disabled):active:focus, .btn-warning-yellow:not(:disabled):not(.disabled).active:focus,
  .show > .btn-warning-yellow.dropdown-toggle:focus {
    -webkit-box-shadow: 0 0 0 0.12rem rgba(241, 192, 93, 0.5);
            box-shadow: 0 0 0 0.12rem rgba(241, 192, 93, 0.5);
  }

.btn-success,
.badge-primary {
    background-color: #117EC2;
    border-color: #117EC2;
}

.btn-success:hover,
.badge-primary:hover {
    color: #fff;
    background-color: #117EC2;
    border-color: #117EC2;
    opacity: .8;
}

.dashboard_logo {
    padding-left: 13px;
    height: 91px;
    margin-top: 58px;;
}

.patient-merge-swal-container .swal2-popup .swal2-header {
    align-items: start;
}

.patient-merge-swal-container .swal2-popup .swal2-header .swal2-title{
    padding: 0px 0px 0px 20px;
}
.box {
    background-color: #f8f9fa; /* Light gray background for visibility */
    border: 1px solid #dee2e6; /* Light border */
    padding: 20px;
    text-align: center;
    position:relative
}
.video-gallery {
    /* display: flex;*/
    flex-wrap: wrap;
    gap: 20px;
     
}
video {
    width: 100%;
    height: 200px;
}
.video-container .player-buttons
{
    position: absolute;
    right: 10px;
    bottom: 10px;
    background: #127FC3;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
}
.certificateEditor {
    min-height: 150px; /* Set minimum height */
    padding: 10px; /* Add padding for consistent spacing */
    border: 1px solid grey; /* Apply a border to the editor */
    border-radius: 4px; /* Optional: add border radius */
    box-sizing: border-box; /* Ensure padding is included in height */
    outline: 0px;
}
.mce-edit-focus:focus-visible{
    border: 2px solid grey !important;
}




.multiClinicalQButton .btn-group {
    display: block;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 15px;
    height: 33px;
}

.multiClinicalQButton .btn-group ul.multiselect-container {
    width: 100%;
    top: 103% !important;
}

.multiClinicalQButton .btn-group>.btn {
    width: 100%;
    text-align: left;
    overflow-x: scroll !important;
    padding: 5px;
}

.bs-popover-right {
    display: none !important;
}

@media (max-width: 1080px) {
    /* Styles for screens less than 1080px */
    .video-container .player-buttons {
        right: 5px;
        bottom: 5px;
        padding: 0px 5px;
    }
}