#booknetic_theme_8 *
{
    font-family: 'Poppins', sans-serif !important;
}
#booknetic_theme_8
{
    height: 700px;
}

#booknetic_theme_8 .booknetic_appointment_steps
{
    background: #3cbe71;
}

#booknetic_theme_8 .booknetic_badge
{
    background: #b5e5c8;
}
#booknetic_theme_8 .booknetic_appointment_steps_footer_txt2
{
    color: #b5e5c8;
}
#booknetic_theme_8 .booknetic_step_title, #booknetic_theme_8 .booknetic_appointment_steps_footer_txt1
{
    color: #bce5cd;
}

#booknetic_theme_8 .booknetic_selected_step > .booknetic_badge::after
{
background-color: #f4d166;
}
#booknetic_theme_8 .booknetic_selected_step .booknetic_step_title
{
color: #ffffff;
}

#booknetic_theme_8 .booknetic_active_step .booknetic_badge, #booknetic_theme_8 .booknetic_calendar_days > div > span > i[a], #booknetic_theme_8 .booknetic_btn_success
{
    background: #f4d166;
}
#booknetic_theme_8 .booknetic_active_step .booknetic_step_title
{
    color: #fffcf4;
}

#booknetic_theme_8 .booknetic_btn_primary,
#booknetic_theme_8 .booknetic_selected_time,
#booknetic_theme_8 .booknetic_calendar_selected_day > div
{
    background: #3cbe71 !important;
    color: #ffffff !important;
}
#booknetic_theme_8 .booknetic_service_category, #booknetic_theme_8 .booknetic_service_extra_title, #booknetic_theme_8 .booknetic_times_title, #booknetic_theme_8 .booknetic_text_primary
{
    color: #3cbe71 !important;
}

#booknetic_theme_8 .booknetic_category_accordion .booknetic_service_category span {
    background: #3cbe71 !important;
}

#booknetic_theme_8 .booknetic_appointment_container_header
{
    color: #191b21 !important;
}

#booknetic_theme_8 .booknetic_service_card_selected,
#booknetic_theme_8 .booknetic_card_selected,
#booknetic_theme_8 .booknetic_service_extra_card_selected,
#booknetic_theme_8 .booknetic_payment_method_selected,
#booknetic_theme_8 .booknetic-cart-item.active
{
    border-color: #3cbe71 !important;
}

#booknetic_theme_8 .booknetic_service_card_price,
#booknetic_theme_8 .booknetic_service_extra_card_price,
#booknetic_theme_8 .booknetic_confirm_details_price:not([data-price-id="discount"] .booknetic_confirm_details_price,.booknetic_gift_discount_price),
#booknetic_theme_8 .booknetic-cart-item-body-cell.amount,
#booknetic_theme_8 .booknetic_sum_price
{
    color: #3cbe71 !important;
}

.booknetic_appointment .form-control, .select2-container .select2-selection--single {
      height: 56px !important;
      background: #fff !important;
      border: 1px solid #D1D5D8 !important;
      border-radius: 12px !important;
      margin-top: 0px !important;
line-height:31px!important;
  }
@media only screen and (max-width: 780px) {
 .booknetic_appointment_container_footer{
  flex-wrap:wrap;
  padding: 6px 10px;
  height: 110px;
align-items: center;
 }
 .booknetic_confirm_step_body .booknetic_portlet_content{
  height:270px;
 }
}

  @media only screen and (max-width: 1330px) {
    .booknetic_appointment_container_body {
        padding: 10px!important;
    }
.booknetic_service_card_header{
display:grid!important;
width: 100%;
    justify-content: center;
    text-align: center;
    vertical-align: middle;
}
.booknetic_service_card_image{
justify-self: center;
}
.booknetic_service_card_title{
justify-self: center;
    padding-bottom: 0px;
    padding-top: 0px;
}
.booknetic_service_card_price{
    justify-self: center;
    width: 100%;
display: block;
text-align: center;
        padding-bottom: 10px;
}

  }
  .booknetic_appointment label {
    margin-bottom: 0.2rem!important;
}

.booknetic_service_category{
width:100%;
}

.booknetic_service_card_description{
padding:0;
}
.booknetic_service_card_image{
margin:10px;
}
.booknetic_service_card{
width: calc(50% - 8px);
    margin: 4px;
    border-radius: 8px;
}
.booknetic_service_duration_wrapper{
display:none;
}
.bkntc_service_list{
display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.booknetic_appointment{
min-width:inherit!important;
width:100%!important;
max-width:960px!important;
}

.booknetic_appointment .form-control::-webkit-input-placeholder, .select2-container .select2-selection--single::-webkit-input-placeholder, .booknetic_appointment .form-control[type="file"] ~ .form-control {
    line-height: 20px!important;
}

.booknetic_benefits_section {
    font-size: 12px!important;
}