.prod_appointment_addons{
    display:none;
}
.booknow { 
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.summary_box {
    padding: 10px;
    overflow: auto;
    max-height: 45vh 
}
.sum_row_title {
    text-transform: uppercase;
    margin-top: 10px;
    border-bottom: 1px #f7be68 solid;
    background-color: #ccc;
}
.sum_row {
    display: flex;
    justify-content: space-between;
}
.sum_row *{	 
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
    /*width: 100% !important;*/
    /*margin-top: 12px !important;*/
    /*margin-left: 3px;*/
}

.sum_sce_price {
    color: red;
}
.loop-product-categories{
	display:none;
}
.btnPickDateValidate,
.btnFinalizeAvail
{
    float: right;
    margin-left: var(--spacing-scale-2x);
}
li.sce-service {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.img_model_price {
    font-size: 15px;
}
.img_model_price_label_min{	
    font-size: 11px;
}
.img_model_price_val{
	color:red;
	font-weight:700;
}
div#listing_services {
    min-height: 100%;
    background-color: #fff;
    width: 97%;
	display: flex;
    flex-direction: column; 
}
.sce_h2{
	margin-left:10px;
}
#listing_services ul {
  list-style-type: none;  
  padding: 15px !important;
  overflow: auto;
  width:100%;
}
 
.sce-categ{	
	font-weight:700;
	border-bottom: 1px solid #ccc;
}
.sce-service-chkgroup {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sce-service label{	
    font-weight: normal !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 170px !important;
    margin-top: 12px !important;
    margin-left: 3px;
}


.model_label{
	font-size:18px;
	font-weight:700;
}
.img_model {
    display: flex;
    flex-direction: column;
}
 
.listing_services_model {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px;
	position:relative;
}
 
#listing_services .wp-post-image,
.listing_services .wp-post-image{
	width:70px;
	margin-right: 5px; 
	
}
.br-wizard[collapsed] .wizard-form .wizard-panel .wizard-panel-content {
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    justify-content: center;
}
 
.book-btn:hover { 
	color:#ffffff;
}
.book-btn { 
    width: 150px;
	padding:5px;
    text-align: center;
    border-radius: 20px;
    color: #fff;
    background-color: #000000;
	margin-right:5px;
}
.yith-wcwl-add-button  {
    font-size: 17px;
}
.add-to-compare-link{
    font-size: 17px;
    margin-left: 10px !important;
}
.yith-wcwl-add-button i {
    color: red;
}
.single-product .entry-summary .action-buttons, .single-product .product-actions .action-buttons {
    display:flex;
	align-items: center   !important;
}
.single-product .entry-summary .action-buttons>a,
.single-product .entry-summary .action-buttons>div{
    padding-top: 0px;
    margin-right: 0px;
}
.book-btn-primary {  
    color: #000000;
    background-color: #dab26d;
}
.book-chk {   
	margin-right: 10px;
	height: 25px;
	width: 25px;
	background-color: #eee;  
}
#txtcomments {
    border: 1px solid #f7be68;
    margin: 10px;
    max-width: 100%;
    height: 30vh;
}

 .chk_sce[disabled] {
    cursor: not-allowed;
    opacity: 1 !important;
    width: 25px;
    height: 25px;
}
img.chk_img {
    position: absolute;
    right: 20px;
    bottom: 0px;
    width: 70px;
}
 
 
.listing_services {
    min-height: 100%;
    background-color: #fff;
    width: 97%;
	display: flex;
    flex-direction: column;
    overflow:auto;
    align-items: flex-start;
}
#listing_others{
	padding: 15px;
	align-items:center;
}
#listing_staffs { 
    padding: 15px;  
}
 
.listing_services ul {
  list-style-type: none;  
  padding: 15px !important;
  overflow: auto;
}
  
/*----------Modal---------------*/
.afrothentik_listing_ids{
	visibility:hidden;
}
.wcpa_section_body {
    padding: 20px;
    background-color: #fff;
    max-height: 400px;
    overflow: scroll;
}
.modal-header {
    padding: 0px;
	background-color: #000;
    color: white;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-footer {
    padding: 0px;
    background-color: #6dab3c;
    color: white;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  -webkit-animation-name: fadeIn; /* Fade in the background */
  -webkit-animation-duration: 0.4s;
  animation-name: fadeIn;
  animation-duration: 0.4s
}

/* Modal Content */
.modal-content {
  position: fixed;
  bottom: 0;
  background-color: #fefefe;
  width: 100%;
  -webkit-animation-name: slideIn;
  -webkit-animation-duration: 0.4s;
  animation-name: slideIn;
  animation-duration: 0.4s
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* .modal-header {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
} */

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

/* Add Animation */
@-webkit-keyframes slideIn {
  from {bottom: -300px; opacity: 0} 
  to {bottom: 0; opacity: 1}
}

@keyframes slideIn {
  from {bottom: -300px; opacity: 0}
  to {bottom: 0; opacity: 1}
}

@-webkit-keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

@keyframes fadeIn {
  from {opacity: 0} 
  to {opacity: 1}
}

/*----------END::Modal---------------*/