.bookSystem_form_sec{}

.bookSystem_form_sec form[name="chbs-form"] .chbs-main-navigation-default > ul > li:not(.chbs-state-selected) > a > span > span:not(:last-child){
    color: hsla(0,0%,7%,.85);
}
.bookSystem_form_sec form[name="chbs-form"] label.chbs-form-label-group {
    color: hsla(0,0%,7%,.85);
    background-color: #F4EFEF;
}
.bookSystem_form_sec form[name="chbs-form"] input,
.bookSystem_form_sec form[name="chbs-form"] textarea{
    box-shadow: none !important;
    margin: 0;
}
.bookSystem_form_sec form[name="chbs-form"] input:not([type="submit"], [type="button"], [type="checkbox"], [type="radio"]){
    height: 50px;
}
.bookSystem_form_sec form[name="chbs-form"] .chbs-summary-header{
    display: flex;
}
.bookSystem_form_sec form[name="chbs-form"] .chbs-summary-header > h4{}
.bookSystem_form_sec form[name="chbs-form"] .chbs-summary-header > a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    float: none;
}
.bookSystem_form_sec form[name="chbs-form"] .chbs-button.chbs-button-style-2:not(.chbs-state-selected){
    background-color: transparent;
}
.bookSystem_form_sec form[name="chbs-form"] .chbs-button.chbs-button-style-2:not(.chbs-state-selected):hover{
    color: #2C3E50;
    background-color: #DDDEEB;
}
.bookSystem_form_sec .chbs-main .chbs-summary .chbs-summary-field{
    padding-bottom: 10px;
    margin-top: 5px;
}
.bookSystem_form_sec .chbs-main .chbs-layout-column-center #chbs_google_map{
    height: 150px !important;
}
.bookSystem_form_sec .chbs-main .chbs-layout-column-center .chbs-summary{
    max-height: 280px;
    overflow-x: auto;
}
.bookSystem_form_sec .ui-selectmenu-menu{}

.bookSystem_form_sec .ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper{
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.bookSystem_form_sec .ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper > img,
.bookSystem_form_sec .ui-selectmenu-text > img,
.star_review img{
    max-width: 15px;
    display: inline-block;
}
.bookSystem_form_sec ul.chbs-list-reset > li > div:not(.chbs-vehicle, .chbs-booking-extra ul.chbs-list-reset > li > div){
    text-align: left !important;
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.bookSystem_form_sec ul.chbs-list-reset > li > div > img{
    max-width: 15px;
}

.bookSystem_form_sec .ui-selectmenu-menu .ui-menu-item .ui-menu-item-wrapper > img + img,
.bookSystem_form_sec ul.chbs-list-reset > li > div > img + img{
    margin-left: -7px;
}
/* ======= END:: ======== */


.chbs-price,
.chbs-vehicle-content-price,
.chbs-summary-price-element,
.chbs-booking-summary-price {
    display: none !important;
}

.chbs-ride-info.chbs-box-shadow {
/*   display: none; 
  visibility: hidden;
  opacity: 0;
  position: absolute;
  left: -9999px;  */
}
.bookSystem_form_sec .chbs-booking-extra {}
.bookSystem_form_sec .chbs-booking-extra h4{ margin-bottom: 1rem;}
.bookSystem_form_sec .chbs-booking-extra h4 span{ padding-left: 0 !important;}
.bookSystem_form_sec .chbs-booking-extra h4 span.chbs-circle.chbs-meta-icon-cart {
    display: none;
}
.bookSystem_form_sec .chbs-booking-extra .chbs-state-open {
    /* display: none; */
} 
td.product-name {
  color: transparent;
  position: relative;
} 
td.product-name::before {
  content: "Bus Service";
  color: rgb(102, 102, 102);
  position: absolute;
  left: 0;
  top: 0;
}
.bookSystem_form_sec .chbs-main .chbs-vehicle-list > ul > li{
    /* padding-bottom: 15px;
    margin-bottom: 15px; */
}
.bookSystem_form_sec .chbs-main .chbs-vehicle .chbs-vehicle-content>.chbs-vehicle-content-meta{
    /* margin-top: 0rem; */
}
/* ======= // ======== */




.thankYou_sec{}

.thankYou_sec #twilio_thank_you_content,
.thankYou_sec #twilio_thank_you_session_expired{
    padding-top: 1rem;
}
.thankYou_sec .content-message h1{
    letter-spacing: normal;
    text-transform: none;
}
.thankYou_sec .content-message .button{
    border-radius: 25px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .22);
    padding: 5px 35px 5px 35px;
    margin-top: 1em;
    transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s;
}
.thankYou_sec .content-message .button:hover{
    box-shadow: 0 30px 40px 0 rgba(0, 0, 0, .2);
    transform: translateY(-6px);
}


/**** twilio form ***/

.chbs-layout-twilio_verify{
    float: left;
    width: 31.1477%;
}
.thankYou_sec #twilio-verification-form {
    font-family: Arial, sans-serif;
    max-width: 500px;
    background: #f9f9f9;
    border-radius: 8px;
    border: 1px solid #e1e1e1;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 15px rgba(0, 0, 0, .23);
    padding: 25px;
    margin: 30px auto 20px auto;
}
.thankYou_sec #twilio-verification-form #phone-step label {
    color: #FF66C4;
}
.thankYou_sec #twilio-verification-form button {
    color: #ffffff;
    font-size: 16px;
    background: #004AAD;
    border: none;
    border-radius: 50px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);
    cursor: pointer;
    padding: 8px;
    margin: 5px 0;
    width: 100%;
    transition: transform .3s, box-shadow .3s, background-color .3s, color .3s, opacity .3s;
}
.thankYou_sec #twilio-verification-form h3 {
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}
.thankYou_sec #twilio-verification-form h3 img{
    max-width: 40px;
}
.thankYou_sec #twilio-verification-form input[type="tel"],
.thankYou_sec #twilio-verification-form input[type="text"] {
    width: 100%;
    padding: 12px;
    margin: 10px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    box-sizing: border-box;
}
.thankYou_sec #twilio-verification-form #send-code-btn {
    background:#FF66C4;
    margin: 1rem 0;
}
.thankYou_sec #twilio-verification-form #resend-btn{
    background: #666;
}
.thankYou_sec #twilio-verification-form button.request-booking-btn{
    background: #004AAD;
}
.thankYou_sec #twilio-verification-form button:hover {
    color: #ffffff;
    box-shadow: 0 30px 40px 0 rgba(0, 0, 0, .2);
    transform: translateY(-6px);
}
.thankYou_sec #twilio-verification-form button:disabled {
    background: #ccc;
    cursor: not-allowed;
}
.thankYou_sec #twilio-verification-form .twilio-message.twilio-error{
    background: none;
    border: none;
}
.thankYou_sec #twilio-verification-form .twilio-message.twilio-error h3{
    color: #FF0000;
}
.thankYou_sec #twilio-verification-form .twilio-message.twilio-error .button.secondary {
    background-color: #004aad;
}
.twilio-message {
    text-align: center;
    border-radius: 4px;
    padding: 12px;
    /* margin: 15px 0; */
}
.twilio-success {
    color: #155724;
    background: #d4edda;
    border: 1px solid #c3e6cb;
}
.twilio-error {
    color: #721c24;
    background: #f8d7da;
    border: 1px solid #f5c6cb;
}
.step-hidden {
    display: none;
}

/**** end twilio form ***/



.thankYou_sec #twilio-booking-details {
    background: #f9f9f9;
    border: 1px solid #F4EFEF;
    border-radius: 8px;
    padding: 35px 25px 25px;
    margin-top: 35px;
}
.thankYou_sec #twilio-booking-details .title {
    color: rgb(24, 53, 93);
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: normal;
    text-align: center;
    text-rendering: optimizeSpeed;
    width: 100%;
    margin-bottom: 2rem;
}
.thankYou_sec #twilio-booking-details .request-booking-btn{
    font-size: 12px;
    border-radius: 50px;
    padding: 5px 20px;
    margin-top: 1.5rem;
}
.thankYou_sec #twilio-booking-details .title .request-booking-btn{
    margin: 0;
    float: right;
}

.booking-details{}

.thankYou_sec .booking-details {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.thankYou_sec .booking-details .details{
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    vertical-align: top;
    border-color: #dee2e6;
    caption-side: bottom;
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto;
}
.thankYou_sec .booking-details .details tbody,
.thankYou_sec .booking-details .details td,
.thankYou_sec .booking-details .details tfoot,
.thankYou_sec .booking-details .details th,
.thankYou_sec .booking-details .details thead,
.thankYou_sec .booking-details .details tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    font-size: 1rem;
    letter-spacing: normal;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
.thankYou_sec .booking-details .details th {
    font-size: 13px;
    line-height: 1.3;
}
.thankYou_sec .booking-details .details>:not(caption)>* {
    border-width: 1px 0;
}
.thankYou_sec .booking-details .details>:not(caption)>*>* {
    padding: .75rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.thankYou_sec .booking-details .details>:not(caption)>*>* {
    border-width: 0 1px;
}
.thankYou_sec .booking-details .details>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}
/* ========== END:: Thank You Page ========= */