body .ui-datepicker .ui-datepicker-next-hover {

    background: #80e1ac;
    border-color: #80e1ac;

}

body .ui-datepicker .ui-slider-handle {
    border-color: #3FB7A6;
    background-color: #3FB7A6;
}

body .ui-draggable .ui-dialog-titlebar {
    background: #3FB7A6;
    color: #FFF;

}

body .ui-widget.ui-widget-content {
    border: 1px solid #3FB7A6;

}


body .ui-datepicker .ui-widget-header {

    background: #3FB7A6;

}

body .ui-datepicker th {
    background: #3FB7A6;
    color: #FFF;
}

html body .ui-datepicker td a.ui-state-active {
    color: #FFF !important;
    background: #3FB7A6 !important;
}

#book-appointment-wizard .wizard-frame .frame-container {
min-height: 0;
}

#book-appointment-wizard .frame-container .frame-title { color: #fff; }

#scheduleframe {
    overflow:hidden;
	width: 100%; 
	min-height: 400px; 
	height: 30vh;
	max-height: 600px;
}
#book-appointment-wizard #wizard-frame-1 label {
	color: #e7d272;
	text-align: center;
}

#rdv {
    border-bottom: 14px solid #e7d272;
    border-top: 14px solid #e7d272;
	padding: 1rem 0 1rem 0;
	/*background-color: #718760;*/
	background-color: #4A685C;
    background-image: url(https://barberanio.gr/images/bright-squares.png);
}	

#barbershop, #services, #gallery,#contact {
	padding: 1rem 0 1rem 0;
	/*background-color: #718760;*/
	background-color: #4A685C;
    background-image: url(https://barberanio.gr/images/bright-squares.png);
    border-bottom: 14px solid #e7d272;

}	

.copyright {
	margin-top: 10px;
}

.wrapper header {margin: 0 auto 0 auto;}

#contact {
text-align: center;
	
}


.icons {
margin-bottom: 5px;	
}

.google-map {
     padding-bottom: 50%;
     position: relative;
}

.google-map iframe {
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     position: absolute;
}

#program {
text-align: center;
	margin: auto auto 20px auto;
	width: 60%;
}

h2 span {
	    
}
 @media screen and (max-width: 736px) {
	 
	 h2 span {
	    border-bottom: 5px solid;
	}	
	
	h2 {
		border-bottom: none;
	}
   #program {
    width: 100%;

    }
	#scheduleframe {
		max-height: 980px;
	}
	
	#c-txt {
		margin-right: 0 !important;
		font-size: 0.7em !important;
		line-height: initial !important;
		text-align: center;
	}
	.cc_div .c-bn {
		padding: 0.3em 0.5em !important;
	}
	
	.cc_div #c-bns{
	display: inline-block !important;
	width: 100% !important;
	text-align:center !important;
    justify-content: space-between !important;
    margin-top: 0em !important;
	}

	#s-c-btn {
		width: 1.7em;
	}
	.exp {
		font-size: 0.8em !important;
	}
	
	#c-p-bn,#c-s-bn {
				width: auto !important;
        margin-right: 2px !important;
		font-size: 0.6em !important;
	}
	
	#barbershop, #services, #gallery,#contact {
		 border-bottom: 4px solid #e7d272;
	}
	
	#rdv {
    border-bottom: 4px solid #e7d272;
    border-top: 4px solid #e7d272;
	}
}
.hide {
    display: none;
}

#header {
	/*height: 50px;*/
	backdrop-filter: blur(10px);
    background: linear-gradient(rgb(255 255 255 / 50%), rgba(0, 0, 0, 0)), url(../../images/overlay.png), rgba(0, 0, 0, 0.2);
	-moz-transition: opacity 1.5s, visibility 1.5s;
	-webkit-transition: opacity 1.5s, visibility 1.5s;
	-ms-transition: opacity 1.5s, visibility 1.5s;
	transition: opacity 1.5s, visibility 1.5s;
         }