/* Import Google font - Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

.jcin_booking_system_show_cover, .jcin_booking_system_show, .jcin_booking_system_show_modal_cover, .jcin_booking_system_header_left {
  width: 100%;
  overflow: hidden;
}
.jcin_booking_system_show_modal.system_modal.active, .jcin_booking_system_show_modal.send_email_modal.active, .jcin_booking_system_show_modal.send_admin_email_modal.active, .jcin_booking_system_show_modal.send_admin_all_email_modal.active, .jsp_company_share_modal.active, .jcin_print_modal.active {
  max-width: 90% !important;
  max-height: 90% !important;
  align-items: start !important;
}
.jcin_booking_system_header_cover {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 5px;
}
.jcin_booking_system_header_text {
  color: #000000bf;
  font-family: "Roboto", Sans-serif;
  font-size: 25px;
  font-weight: 600;
  margin-left: 8px;
}
.system_modal .close-system_modal svg, .send_email_modal .close-system_modal svg, .send_admin_email_modal .close-system_modal svg, .send_admin_all_email_modal .close-system_modal svg, .jsp_company_share_modal .close-system_modal svg, .jcin_print_modal .close-system_modal svg {
  width: 1.75em;
  height: 1.75em;
  left: -30px;
  color: #ffff !important;
  border-radius: 50%;
  border: 1px solid #fb8288;
  background-color: #fb8288;
  cursor: pointer;
}


/**
 * Overlay
 * -- only show for tablet and up
 */
 @media only screen and (min-width: 40em) {
  .system_modal_overlay, .send_email_modal_overlay, .send_admin_email_modal_overlay, .send_admin_all_email_modal_overlay, .jsp_company_share_modal_overlay, .jcin_print_modal_overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
    transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  }
  .system_modal_overlay.active, .send_email_modal_overlay.active, .send_admin_email_modal_overlay.active, .send_admin_all_email_modal_overlay.active, .jsp_company_share_modal_overlay.active, .jcin_print_modal_overlay.active {
    opacity: 1;
    visibility: visible;
    z-index: 999;
  }
}
/**
 * system_modal
 */
.system_modal, .send_email_modal, .send_admin_email_modal, .send_admin_all_email_modal, .jsp_company_share_modal, .jcin_print_modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  max-width: 500px;
  max-height: 480px;
  padding: 1rem;
  border-radius: 3px;
  opacity: 0;
  overflow-y: auto;
  visibility: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
}
.system_modal .close-system_modal, .send_email_modal .close-system_modal, .send_admin_email_modal .close-system_modal, .send_admin_all_email_modal .close-system_modal, .jsp_company_share_modal .close-system_modal, .jcin_print_modal .close-system_modal {
  position: absolute;
  cursor: pointer;
  top: -5px;
  right: 5px;
  opacity: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.system_modal .close-system_modal svg, .send_email_modal .close-system_modal svg, .send_admin_email_modal .close-system_modal svg, .send_admin_all_email_modal .close-system_modal svg, .jsp_company_share_modal .close-system_modal svg, .jcin_print_modal .close-system_modal svg {
  width: 1.75em;
  height: 1.75em;
}
.system_modal .system_modal-content, .send_email_modal .system_modal-content, .send_admin_email_modal .system_modal-content, .send_admin_all_email_modal .system_modal-content, .jsp_company_share_modal .system_modal-content, .jcin_print_modal .system_modal-content {
  opacity: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.system_modal.active, .send_email_modal.active, .send_admin_email_modal.active, .send_admin_all_email_modal.active, .jsp_company_share_modal.active, .jcin_print_modal.active {
  visibility: visible;
  opacity: 1;
  z-index: 9999;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.system_modal.active .system_modal-content, .send_email_modal .active .system_modal-content, .send_admin_email_modal.active .system_modal-content, .send_admin_all_email_modal.active .system_modal-content, .jsp_company_share_modal.active .system_modal-content, .jcin_print_modal.active .system_modal-content {
  opacity: 1;
}
.system_modal.active .close-system_modal, .send_email_modal.active .close-system_modal, .send_admin_email_modal.active .close-system_modal, .send_admin_all_email_modal.active .close-system_modal, .jsp_company_share_modal.active .close-system_modal, .jcin_print_modal.active .close-system_modal {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 1;
  z-index: 9999999 !important;
}

/**
 * Mobile styling
 */
@media only screen and (max-width: 39.9375em) {
  h1 {
    font-size: 1.5rem;
  }

  .system_modal, .send_email_modal, .send_admin_email_modal, .send_admin_all_email_modal, .jsp_company_share_modal, .jcin_print_modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    border-radius: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    padding: 0 !important;
  }

  .close-system_modal {
    right: 20px !important;
  }
  .job-search-by-postal-code-submenu {
      margin: 0px !important;
  }
}
/* pop-up end */
.system_modal-content {
  padding: 20px;
}
.add_marks_page input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

button.add_marks, .update-marks {
  cursor: pointer;
  color: #fff !important;
  text-transform: uppercase;
  text-decoration: none;
  background: #675E60;
  padding: 8px 22px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 15px;
  display: inline-block;
  border: none;
  transition: all 0.4s ease 0s;
  box-shadow: 3px 3px 5px grey;
}
/* system_modal css */




.booking_system_cover {
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  transition: all 0.5s ease 0s;
  background: #ffffff;
  box-shadow: 0 15px 40px rgba(0,0,0,0.12);
  flex-wrap: wrap;
  justify-content: space-around;
}
.wrapper-calendar {
  width: 50%;
  overflow: hidden;
  float: left;
  background: #ffffff;
  font-family: 'Poppins', sans-serif;
  border-right: 1px solid #e9ebf0;
}
.wrapper-time-super-cover {
  width: 50%;
  overflow: hidden;
  float: left;
  flex: 1;
  padding: 2%;
  transition: .2s;
}
.wrapper-calendar header{
  display: flex;
  align-items: center;
  padding: 25px 30px 10px;
  justify-content: space-between;
}
header .icons{
  display: flex;
}
header .icons span{
  height: 38px;
  width: 38px;
  margin: 0 1px;
  cursor: pointer;
  color: #878787;
  text-align: center;
  line-height: 38px;
  font-size: 1.9rem;
  user-select: none;
  border-radius: 50%;
}
.icons span:last-child{
  margin-right: -10px;
}
header .icons span:hover{
  background: #f2f2f2;
}
header .current-date{
  color: #19235a;
  font-size: 21px;
  font-weight: 600;
  line-height: 40px;
}
.calendar{
  padding: 20px;
}
.calendar ul{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  text-align: center;
  margin: 0px;
}
.calendar .days{
  margin-bottom: 20px;
}
.calendar li{
  color: #333;
  width: calc(100% / 7);
  font-size: 1.07rem;
}
.calendar .weeks li{
  font-weight: 500;
  cursor: default;
}
.calendar .days li{
  z-index: 1;
  cursor: pointer;
  position: relative;
  margin-top: 30px;
}
.days li.inactive{
  color: #aaa;
  cursor: no-drop;
}
.days li::before{
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  height: 40px;
  width: 40px;
  z-index: -1;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.days li.active::before{
  border: 1px solid #cacddd;
}
.days li:not(.active):hover::before{
  background: #f2f2f2;
}
.calendar-time-zone {
  color: #19235a;
  font-size: 14px;
  line-height: initial;
  font-weight: 400;
  padding: 25px 30px;
}

.selected-current-date {
  color: #19235a;
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  padding: 10px;
  text-align: center;
}
.wrapper-time {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 450px;
}
.date_time_booking {
  width: 100%;
}
.date_time_booking span {
  background: #ffffff;
  border: 1px solid #333;
  color: #333;
  text-align: center;
  cursor: pointer;
  font-weight: 400;
  font-size: 1.07rem;
  padding: 12px;
  line-height: initial;
  margin: 5px;
  transition: .2s;
}
.date_time_booking.on span {
  background: #333;
  border-color: #333;
  cursor: no-drop;
  color: #ffffff;
}
.wrapper-time ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
}

.wrapper-time ::-webkit-scrollbar-thumb {
  background-color: #cacddd;
  border-radius: 17px;
}

li.selected-date::before {
  border: 1px solid #333;
  background: #333;
}
li.selected-date {
  color: #ffffff;
}
li.active.selected-date:hover {
  color: #ffffff;
}
li.selected-date:hover {
  color: #333;
}

.date_time_booking.on {
  display: flex;
}
.date_time_booking.on span:first-child {
  width: 100%;
}
.date_time_booking.on span:last-child {
  width: 0%;
  display: none;
}
.date_time_booking.off {
  display: flex;
}

.date_time_booking.off span:first-child {
  width: 100%;
}
.date_time_booking.off span:last-child {
  width: 0%;
  display: none;
}
.date_time_booking.off.active span:first-child {
  width: 50%;
  cursor: unset;
}
.date_time_booking.off.active span:last-child {
  width: 50%;
  display: block;
  background: #333;
  border-color: #333;
  color: #ffffff;
}

.wrapper-time-cover .wrapper-time:first-child {
  width: 100%;
  display: block;
}
.wrapper-time-cover .wrapper-submission-cover:last-child {
  width: 0%;
  display: none;
}
.wrapper-time-cover.active .wrapper-time:first-child {
  width: 0%;
  display: none;
}
.wrapper-time-cover.active .wrapper-submission-cover:last-child {
  width: 100%;
  display: block;
}

.wrapper-submission-cover .wrapper-submissions:first-child {
  width: 100%;
  display: block;
}
.wrapper-submission-cover .wrapper-submission-mas-cover:last-child {
  width: 0%;
  display: none;
}
.wrapper-submission-cover.active .wrapper-submissions:first-child {
  width: 0%;
  display: none;
}
.wrapper-submission-cover.active .wrapper-submission-mas-cover:last-child {
  width: 100%;
  display: block;
}

.main_registration_box {
  width: 100%;
  overflow: hidden;
  margin: 15px 0px;
}
.sub_registration_box {
    width: 49%;
    overflow: hidden;
    float: left;
    margin-right: 1%;
}
.main_sub_registration_box, .main_submit_sub_registration_box {
  width: 99%;
}
.main_registration_box label {
  font-weight: 400;
  font-family: 'Rubik', sans-serif;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;
  color: #333;
  cursor: pointer;
}
.main_registration_box input {
  background-color: #ffffff;
  padding: 0 20px;
  width: 100% !important;
  line-height: 50px;
  font-size: 16px;
  border: 1px solid #c2c2c2;
  height: 40px;
  margin-top: 5px;
}
.book_now_button, .send_now_button, .send_mail_button, .send_all_mail_button {
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  padding: 12px 50px;
  line-height: initial;
  display: inline-block;
  border: 1px solid #333;
  background: #333;
  border-color: #333;
  color: #ffffff;
  font-weight: 400;
  font-size: 1.07rem;
  transition: .2s;
  float: right;
}
.selected-current-time {
  color: #19235a;
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  padding: 10px;
  text-align: center;
}

.book-mas-cover {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 50px;
  text-align: center;
}

.book-mas {
  color: #19235a;
  font-size: 14px;
  line-height: initial;
  font-weight: 400;
  padding: 25px 30px;
}
.book-time-and-date {
  color: #19235a;
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  padding: 10px;
  text-align: center;
}
.book-again {
  border: 1px solid #333;
  text-align: center;
  cursor: pointer;
  font-weight: 400;
  font-size: 1.07rem;
  padding: 12px;
  line-height: initial;
  margin: 5px;
  transition: .2s;
  display: block;
  background: #333;
  border-color: #333;
  color: #ffffff;
}
.book-mas-cover {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 10px;
    text-align: center;
}
.wrapper-time-text {
  color: #19235a;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  max-width: 300px;
  margin: 0 auto;
}
.selected-company-name {
  margin-top: 5px;
  height: 55px;
  overflow: hidden;
  text-align: center;
  padding: 0px;
  display: grid;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  clear: inherit;
  font-weight: 600;
  margin-bottom: 0px !important;
  color: #fd1313 !important;
  letter-spacing: 1.1px;
  font-size: 20px;
}

.jcin_booking_system_filter-loder, .jcin_admin_mail_filter-loder {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 100%;
  display: none;
  opacity: 1;
  background-color: rgb(176 188 235 / 17%);
  z-index: 999;
  padding: 20px;
}


.tab.tab-page {
  border: 1px solid #705dd2;
  background-color: #705dd2;
  margin-top: 5px;
}
.job-search-by-postal-code-submenu .tab.tab-page a.active {
  background-color: #2b1989;
}
.wrapper-calendar.wrapper-calendar-booking {
  width: 40%;
  overflow: hidden;
  float: left;
  background: #ffffff;
  font-family: 'Poppins', sans-serif;
  border-right: 1px solid #e9ebf0;
}
.wrapper-time-super-booking-cover {
  width: 60%;
  overflow: hidden;
  float: left;
  flex: 1;
  padding: 2%;
  transition: .2s;
}
.wrapper-appointment-booking-details {
  width: 100%;
  border-collapse: collapse;
  overflow: auto;
}
.days.days-booking-show li.inactive {
  color: #aaa;
  cursor: pointer;
}
.selected-current-devider {
  border-bottom: 1px solid #e9ebf0;
  padding-top: 5px;
  margin-bottom: 20px;
}
.book_now_mas {
  color: #fd1313 !important;
}
.jcin_send_email_system_body, .jcin_send_admin_email_system_body {
  width: 100%;
  overflow: hidden;
  padding: 20px;
}
.jcin_send_email_show_modal.send_email_modal.active {
  min-height: 580px !important;
}
.send_now_mas, .send_all_now_mas {
  color: #fd1313;
}
.send_now_mas .send_now_mas_successfully, .send_all_now_mas .send_now_mas_successfully {
  color: #017467;
}
textarea#your_message {
  margin-bottom: 0px !important;
}
td.jcin-table-note-data {
  max-width: 200px;
  text-align: center;
} 
.jcin-table-action-data {
  min-width: 200px;
  text-align: center;
}
table.dataTable.appointment-booking-table>thead>tr>th {
  text-align: center;
}
.table-admin-text-btn span:after {
  content: "\|";
  margin: 0px 10px;
  color: black;
}
.table-admin-text-btn span:last-child::after {
  display: none;
}
.table-admin-text-btn span a, .table-admin-text-btn span {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
}
.table-admin-text-btn span:nth-child(1) a {
  color: red; 
}
.table-admin-text-btn span:nth-child(2) a {
  color: blue;
}
.table-admin-text-btn span:nth-child(3) {
  color: green;
}
.admin_booking_system_cover {
  width: 100%;
  overflow: hidden;
}
.admin_booking_btn_cover {
  width: 100%;
  overflow: hidden;
}
.admin_booking_result_cover {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.admin_booking_btn_cover span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 10px;
  border: 1px solid;
  cursor: pointer;
  background: #705dd2;
  border-color: #705dd2;
  color: #ffffff;
  font-size: 20px;
  margin: 0 auto;
}
.admin_booking_btn_cover span.active {
  background: #2a1987;
  border-color: #2a1987;
}
.admin_booking_btn_super_cover {
  display: inline-block;
  padding: 10px;
  background: #8773f0;
  float: right;
}
.admin_booking_btn_cover {
  display: flex;
  justify-content: center;
  align-items: center;
}
.table-admin-text-btn {
  text-align: center;
  width: 100%;
  overflow: hidden;
}
textarea#your_message, textarea#admin_message, textarea#admin_all_message {
  min-width: 350px;
}
.main_sub_user_name {
  margin-top: 5px;
  height: 55px;
  overflow: hidden;
  text-align: center;
  padding: 0px;
  display: grid;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 10px;
  clear: inherit;
  font-weight: 600;
  margin-bottom: 0px !important;
  color: #fd1313 !important;
  letter-spacing: 1.1px;
  font-size: 20px;
}
span.table-booking-action-btn {
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
}
span.table-booking-action-btn:nth-child(1) {
  color: green;
}
span.table-booking-action-btn:nth-child(2) {
  color: red;
}
.table-responsives {
  width: 100%;
  overflow: hidden;
}
.admin_booking_admin_all_mail_btn {
  padding: 5px 10px;
  border: 1px solid;
  line-height: initial;
  cursor: pointer;
  background: #705dd2;
  border-color: #705dd2;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 15px;
  display: inline-block;
  float: right;
  margin-bottom: 20px;
}
.main_sub_user_title {
  padding: 5px 10px;
  border: 1px solid;
  line-height: initial;
  cursor: pointer;
  background: #705dd2;
  border-color: #705dd2;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 15px;
  display: inline-block;
  margin-bottom: 20px;
}
.main_sub_user_title_cover {
  text-align: center;
}
.admin_booking_admin_all_sms_btn a {
  padding: 5px 10px;
  border: 1px solid;
  line-height: initial;
  cursor: pointer;
  background: #008000;
  border-color: #008000;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 15px;
  display: inline-block;
  float: left;
  margin-bottom: 20px;
}

.sub_registration_wrapper{
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  border-radius: 5px;
  padding: 20px 0px;
}
.sub_registration_wrapper .sub_radio_option{
  background: #fff;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-right: 10px;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px;
  border: 2px solid lightgrey;
  transition: all 0.3s ease;
  white-space: nowrap;
}
.sub_registration_wrapper .sub_radio_option .sub_radio_dot{
  height: 20px;
  width: 20px;
  background: #d9d9d9;
  border-radius: 50%;
  position: relative;
  margin-right: 5px;
}
.sub_registration_wrapper .sub_radio_option .sub_radio_dot::before{
  position: absolute;
  content: "";
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  background: #0069d9;
  border-radius: 50%;
  opacity: 0;
  transform: scale(1.5);
  transition: all 0.3s ease;
}
input.sub_radio_option[type="radio"]{
  display: none;
}
#sub_radio_option1:checked:checked ~ .sub_radio_option1,
#sub_radio_option2:checked:checked ~ .sub_radio_option2,
#sub_radio_option3:checked:checked ~ .sub_radio_option3{
  border-color: #0069d9;
  background: #0069d9;
}
#sub_radio_option1:checked:checked ~ .sub_radio_option1 .sub_radio_dot,
#sub_radio_option2:checked:checked ~ .sub_radio_option2 .sub_radio_dot,
#sub_radio_option3:checked:checked ~ .sub_radio_option3 .sub_radio_dot{
  background: #fff;
}
#sub_radio_option1:checked:checked ~ .sub_radio_option1 .sub_radio_dot::before,
#sub_radio_option2:checked:checked ~ .sub_radio_option2 .sub_radio_dot::before,
#sub_radio_option3:checked:checked ~ .sub_radio_option3 .sub_radio_dot::before{
  opacity: 1;
  transform: scale(1);
}
.sub_registration_wrapper .sub_radio_option span{
  font-size: 20px;
  color: #808080;
}
#sub_radio_option1:checked:checked ~ .sub_radio_option1 span,
#sub_radio_option2:checked:checked ~ .sub_radio_option2 span,
#sub_radio_option3:checked:checked ~ .sub_radio_option3 span{
  color: #fff;
}
.table-all-select-option {
  padding: 5px 10px;
  border: 1px solid;
  line-height: initial;
  cursor: pointer;
  background: #ff0000;
  border-color: #ff0000;
  color: #ffffff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 15px;
  display: inline-block;
  float: left;
  margin-bottom: 20px;
}
.jsp_top_icon_cover.flyer_single_icon_cover {
  right: 10px;
}
.jsp_input_company-single-login-cover.flyer_single-login-cover a {
  text-decoration: unset;
}


@media only screen and (max-width: 39.9375em) {
    .admin_booking_result_cover {
      display: unset;
      justify-content: unset;
      align-items: unset;
    }
    .wrapper-calendar {
        border-right: unset;
    }
    .calendar-time-zone {
        text-align: center;
        padding: 0px;
    }
    .wrapper-time {
        padding: 0px 10px;
    }
    .booking_system_cover {
        align-items: center;
        flex-direction: column;
    }
    .wrapper-calendar {
        width: 100%;
    }
    .wrapper-time-super-cover {
        width: 100%;
    }
    .selected-current-date {
       padding-top: 25px;
    }
    .main_registration_box {
        margin: unset;
    }
    .sub_registration_box {
        width: 100%;
    }
    .main_registration_box input {
        margin-bottom: 15px;
        font-size: 16px;
    }
    .book_now_button, .send_now_button, .send_mail_button {
        float: unset;
        display: inherit;
    }
    .book-mas-cover {
      padding: 10px;
    }
    .wrapper-time {
      max-height: unset;
      overflow-x: unset;
      overflow-y: unset;
  }.jcin_booking_system_show_modal.system_modal.active, .jcin_send_email_show_modal.send_email_modal.active, .jcin_send_email_show_modal.send_admin_email_modal.active, .jcin_send_email_show_modal.send_admin_all_email_modal.active, .jsp_company_share_modal.active, .jcin_print_modal.active {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }.system_modal_overlay.active, .send_email_modal_overlay.active, .send_admin_email_modal_overlay.active, .send_admin_all_email_modal_overlay.active, .jsp_company_share_modal_overlay.active, .jcin_print_modal_overlay.active {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9999;
      background-color: rgba(0, 0, 0, 0.6);
      opacity: 1;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
      transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  }
  .system_modal .close-system_modal, .send_email_modal .close-system_modal, .send_admin_email_modal .close-system_modal, .send_admin_all_email_modal .close-system_modal, .jsp_company_share_modal .close-system_modal, .jcin_print_modal .close-system_modal {
    top: -5px;
    left: 5px !important;
  }
  .wrapper-calendar.wrapper-calendar-booking {
    width: 100%;
  }
  .wrapper-time-super-booking-cover {
      width: 100%;
      background: #ffffff;
      border-right: 1px solid #e9ebf0;
  }
  .admin_booking_btn_super_cover {
    display: none;
  }



}