/* THEME COLORS */

.text-theme {
	color: #095095 !important;
}

.theme, .hover-theme:hover {
	background-color: #095095 !important;
	color: white !important;
}

/* LOADER */

#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -34px;
}

.loader {
	position: relative;
	left: -50%;
	top: -50%;
	z-index: 3;
	width: 60px;
	height: 60px;
	border: 4px solid whitesmoke;
	border-radius: 50%;
	border-top: 4px solid #5FC676;
	-webkit-animation: spin 1s linear infinite; /* Safari */
	animation: spin 1s linear infinite;
}

.loader-mobile {
	position: relative;
	left: -50%;
	top: -50%;
	z-index: 2;
	width: 60px;
	height: 60px;
	border: 4px solid whitesmoke;
	border-radius: 50%;
	border-top: 4px solid #5FC676;
	-webkit-animation: spin 1s linear infinite; /* Safari */
	animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* ANIMATIONS */

#content {
	transition-timing-function: linear;
	transition: padding-top 1s, opacity 1s;
}

.animate-zoom {animation:animatezoom 1s} @keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-zoom-75 {animation:animatezoom75 0.8s} @keyframes animatezoom75{from{transform:scale(0.75)} to{transform:scale(1)}}

/* SIDEBAR */

.sidebar {
	display: block;
	height: 100%;
	border-radius: 0 15px 15px 0;
	background-color: white;
	position: fixed!important;
	z-index: 3;
	overflow: auto;
	transition-timing-function: linear;
	transition: width 0.4s;
}

.overlay {
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.4);
	z-index: 2;
	transition-timing-function: linear;
	transition: opacity 0.8s;
}

/* SCROLLBAR */

/* Width */
::-webkit-scrollbar {
	height: 8px;
	width: 8px;
}

.scrollbar {
	scrollbar-width: thin; /* Firefox */
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 12px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: lightgray;
	border-radius: 12px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: gray;
}

/* STYLE */

span.close {position:absolute;right:16px;top:0;color:#000;font-size:32px;font-weight:bold;background-color:transparent}span.close:hover,span.close:focus {color:red;cursor:pointer}
span.info {color:red;font-size:12px}
span.link {color: white; font-size: 18px}
span.link-mobile {color: white; font-size: 18px}
.img-mobile {
	max-width: 100%;
	height: auto;
}

.hover-opacity-max:hover{opacity:0.25}.hover-opacity-min:hover{opacity:0.80}.hover-opacity-off:hover{opacity:1}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbaroff::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbaroff {
	-ms-overflow-style: none; /* IE and Edge */
	scrollbar-width: none; /* Firefox */
}

.badge {
	position: absolute;
	top: -6px;
	right: -2px;
	padding: 1px 4px;
	border-radius: 50%;
	background-color: #5FC676;
	color: white;
	font-size: 12px;
}

.line {
	margin: 8px 0px;
}

.line-top {
	margin: 8px 0 0 0;
}

div.line {
	margin-left: 5%;
	width: 90%;
	border-bottom: 1px solid lightgray;
}

div.center {
	margin-left: 7.5%;
	width: 85%;
}

div.footer {
	position: -webkit-sticky;
	position: sticky;
	max-width: 900px;
	bottom: 0;
	width: 100%;
	background-color: white;
	text-align: center;
}
 
/* DIV */

.center-transform {
	width: 100%;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.center-flex-full {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	min-height: 100vh; 
	min-width: 100vw;
}

.center-flex-full-vertical {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	width: 100%;
	height: 100dvh; 
}

.center-flex {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	min-height: 100%; 
	min-width: 100%;
}

.center-flex-vertical {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-content: center;
	min-height: 100%; 
	min-width: 100%;
}

.column-flex {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.column-flex-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.row-flex {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.row-flex > div {
	flex-grow: 1;
}

.container-desktop {
	margin: auto;
	width: 100%;
	background-color: white;
	padding: 5px;
	font-family: "Poppins", sans-serif;
	pointer-events: all;
}

div.row {
	line-height: 0;
	padding: 4px 0;
}

/* BUTTONS */

button {
	-webkit-tap-highlight-color: transparent;
}

.button-branch {
	border-radius: 50%;
	border: 1px solid lightgray;
	padding: 8px 16px;
	background-color: white;
	color: black;
	font-size: 24px;
}

.button-branch:active {
	opacity: 0.5;
}

.button-hour {
	min-width: 71px;
	border-radius: 32px;
	border: 1px solid lightgray;
	padding: 8px 18px;
	background-color: white;
	color: black;
	cursor: pointer;
}

.button-hour:active {
	opacity: 0.5;
}

.button-booking {
	min-width: 100px;
	border-radius: 16px;
	padding: 8px 18px;
	border: 1px solid #5FC676;
	background-color: #5FC676;
	color: white;
	cursor: pointer;
}

.button-booking:active {
	opacity: 0.5;
}

.button-confirm {
	width: 80%;
	border-radius: 16px;
	padding: 8px 18px;
	border: 1px solid white;
	background-color: white;
	color: black;
	cursor: pointer;
}

.button-confirm:active {
	opacity: 0.5;
}

.button-current-hour {
	border-color: #095095;
	background-color: #095095;
	color: white;
}

/* INPUTS */

.input-booking {
	width: 100%;
	margin: 8px 0;
	border-radius: 8px;
	padding: 8px 12px;
	border: 2px solid lightgray;
	box-sizing: border-box;
	outline: none;
}

.input-booking:focus {
	border: 2px solid #095095;
}

.input-radio{
	width: 18px;
	height: 18px;
	position: relative;
	top: 2px;
}

/* SELECTS */

.select-booking {
	width: 50%;
	margin: 8px 0;
	border-radius: 8px;
	padding: 4px 12px;
	border: 2px solid lightgray;
	box-sizing: border-box;
	outline: none;
	background-color: white;
}

.select-booking-mobile {
	width: 100%;
	margin: 8px 0;
	border-radius: 8px;
	padding: 4px 12px;
	border: 2px solid lightgray;
	box-sizing: border-box;
	outline: none;
	background-color: white;
}

.select-booking:focus, .select-booking-mobile:focus {
	border: 2px solid #095095;
}

/* FREE STYLE */

html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:600}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:600}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
html,body{font-family:"Poppins",sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
.a4m-serif{font-family:serif}.a4m-sans-serif{font-family:sans-serif}.a4m-cursive{font-family:cursive}.a4m-monospace{font-family:monospace}
h1,h2,h3,h4,h5,h6{font-family:"Poppins",Arial,sans-serif;font-weight:400;margin:10px 0}.a4m-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}

.hover-opacity-max:hover{opacity:0.25}.hover-opacity-min:hover{opacity:0.80}.hover-opacity-off:hover{opacity:1}

.a4m-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.a4m-button-single{border:none;border-radius:8px;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
/* .a4m-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} */
.a4m-disabled,.a4m-button:disabled,.a4m-button-single:disabled{cursor:not-allowed;opacity:0.3}.a4m-disabled *,:disabled *{pointer-events:none}

.a4m-input{padding:8px;display:block;border:none;border:2px solid transparent;border-bottom:2px solid #ccc;width:100%;outline:none;}
.a4m-input:focus {border-radius:8px;border:2px solid midnightblue;}

.a4m-check,.a4m-radio{width:24px;height:24px;position:relative;top:6px}

.a4m-dropdown-click,.a4m-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.a4m-dropdown-hover:hover .a4m-dropdown-content{display:block}
.a4m-dropdown-hover:first-child,.a4m-dropdown-click:hover{background-color:#ccc;color:#000}
.a4m-dropdown-hover:hover > .a4m-button:first-child,.a4m-dropdown-click:hover > .a4m-button:first-child{background-color:#ccc;color:#000}
.a4m-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:fixed;min-width:160px;margin:0;padding:0;z-index:2}
.a4m-bar-block .a4m-dropdown-hover,.a4m-bar-block .a4m-dropdown-click{width:100%}
.a4m-bar-block .a4m-dropdown-hover .a4m-dropdown-content,.a4m-bar-block .a4m-dropdown-click .a4m-dropdown-content{min-width:100%}
.a4m-bar-block .a4m-dropdown-hover .a4m-button,.a4m-bar-block .a4m-dropdown-click .a4m-button{width:100%;text-align:left;padding:8px 16px}

.a4m-content,.a4m-auto{margin-left:auto;margin-right:auto}.a4m-content{max-width:980px}.a4m-auto{max-width:1140px}
.a4m-container,.a4m-panel{padding:2px 16px}.a4m-panel{margin-top:16px;margin-bottom:16px}

.a4m-hide{display:none!important}.a4m-show{display:block!important}
.a4m-block{display:block;width:100%}

.a4m-col{float:left;width:100%}
.a4m-col.s1{width:8.33333%}.a4m-col.s2{width:16.66666%}.a4m-col.s3{width:24.99999%}.a4m-col.s4{width:33.33333%}
.a4m-col.s5{width:41.66666%}.a4m-col.s6{width:49.99999%}.a4m-col.s7{width:58.33333%}.a4m-col.s8{width:66.66666%}
.a4m-col.s9{width:74.99999%}.a4m-col.s10{width:83.33333%}.a4m-col.s11{width:91.66666%}.a4m-col.s12{width:99.99999%}

.a4m-bar{width:100%;overflow:hidden}.a4m-center .a4m-bar{display:inline-block;width:auto}
.a4m-bar .a4m-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.a4m-bar .a4m-bar-item-nospace{padding:8px 0;float:left;width:auto;border:none;display:block;outline:0}
.a4m-bar .a4m-dropdown-hover,.a4m-bar .a4m-dropdown-click{position:static;float:left}
.a4m-bar .a4m-button{white-space:normal}
.a4m-bar-block .a4m-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.a4m-bar-block.a4m-center .a4m-bar-item{text-align:center}.a4m-block{display:block;width:100%}

.a4m-row-padding{padding:0 8px}
.a4m-container:before,.a4m-container:after,.a4m-panel:before,.a4m-panel:after,.a4m-row:before,.a4m-row:after,.a4m-row-padding:before,.a4m-row-padding:after,.a4m-bar:before,.a4m-bar:after{content:"";display:table;clear:both}

.a4m-top,.a4m-bottom{position:fixed;width:100%;z-index:3}.a4m-top{top:0}.a4m-bottom{bottom:0}
.a4m-left{float:left!important}.a4m-right{float:right!important}
.a4m-left-align{text-align:left!important}.a4m-right-align{text-align:right!important}.a4m-justify{text-align:justify!important}.a4m-center{text-align:center!important}

.a4m-tiny{font-size:10px!important}.a4m-small{font-size:12px!important}.a4m-medium{font-size:15px!important}.a4m-large{font-size:18px!important}
.a4m-xlarge{font-size:24px!important}.a4m-xxlarge{font-size:36px!important}.a4m-xxxlarge{font-size:48px!important}.a4m-jumbo{font-size:64px!important}

.a4m-circle{border-radius:50%}

.a4m-margin{margin:16px!important}.a4m-margin-top{margin-top:16px!important}.a4m-margin-bottom{margin-bottom:16px!important}
.a4m-margin-left{margin-left:16px!important}.a4m-margin-right{margin-right:16px!important}

.a4m-card{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2);border-radius:8px;}
.a4m-popup{border-radius:8px;}

.a4m-transparent,.a4m-hover-none:hover{background-color:transparent!important}
.a4m-hover-none:hover{box-shadow:none!important}

.a4m-white,.a4m-hover-white:hover{color:black!important;background-color:white!important}
.a4m-very-light-gray,.a4m-hover-very-light-gray:hover{color:black!important;background:#f1f1f1!important}
.a4m-light-gray,.a4m-hover-light-gray:hover{color:black!important;background:lightgray!important}
.a4m-dark-gray,.a4m-hover-dark-gray:hover{color:white!important;background-color:darkgray!important}
.a4m-green,.a4m-hover-green:hover{color:white!important;background:green!important}

.a4m-text-red,.a4m-hover-text-red:hover{color:red!important}
.a4m-border-red,.a4m-hover-border-red:hover{border-color:red!important}

.a4m-modal{z-index:5;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:whitesmoke}
.a4m-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
@media (max-width:600px){.a4m-hide-small{display:none!important}.a4m-modal-content{margin:0 10px;width:auto!important}.a4m-modal{padding-top:30px}}
@media (max-width:768px){.a4m-modal-content{width:500px}.a4m-modal{padding-top:50px}}
@media (min-width:993px){.a4m-modal-content{width:900px}.a4m-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.a4m-hide-medium{display:none!important}}
@media (min-width:993px){.a4m-hide-large{display:none!important}}

.a4m-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.a4m-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.a4m-animate-zoom-75 {animation:animatezoom75 0.8s} @keyframes animatezoom75{from{transform:scale(0.75)} to{transform:scale(1)}}
.a4m-animate-down-to-up {transition: transform .5s linear, opacity .5s linear;}
.a4m-animate-left-to-right {transition: transform .5s linear;}
.a4m-animate-right-to-left {transition: transform .5s linear;}