/*
 Theme Name:   SaaSpot Child
 Theme URI:    http://themeforest.net/user/VictorThemes
 Description:  SaaSpot Child Theme
 Author:       VictorThemes
 Author URI:   http://themeforest.net/user/VictorThemes/portfolio
 Template:     saaspot
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, post-formats, theme-options, translation-ready
 Text Domain:  saaspot-child
*/
/* Menu */
.mega-menu .dropdown-nav li.full-width.inline-text.active>a .menu-subtitle, .mega-menu .dropdown-nav li.full-width.inline-text.active>a, .mean-nav .dropdown-nav li.active>a .menu-subtitle, .mean-nav .dropdown-nav li.active>a, .dropdown-nav.normal-style .current-menu-parent>a, .dropdown-nav.normal-style li.active>a {
	color: #14a800;
}
/* Write Custom CSS */
.default-logo {
	width: 200px;
	height: 56px;
}
/** WOCOMMERCE CSS **/
.form-to-display{
	display:none !important;
}

.woocommerce .quantity .qty {
    height: 40px !important;
}
button.btn--small {
    border-radius: 3px;
    background: #14a800;
    color: #fff!important;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 20px;
    text-decoration: none!important;
}
button.btn--small.blue_btn {
    background: #2B3344;
    margin-left: 10px;
}
.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}
label.FileSelector.new {
    position: relative !important;
}
label.FileSelector.new span.wpcf7-form-control-wrap.file-127 {
    position: unset !important;
}
.saspot-file-selector input[type=file] {
    position: absolute;
    top: 0;
    right: 0!important;
    width: 100% !important;
    height: 40px!important;
    cursor: pointer;
    opacity: 0;
    z-index: 999999999999999!important;
}
.saspot-file-selector input[type=file] {
    width: 100% !important;
}
input.wpcf7-form-control.wpcf7-submit.submit_btn {
    width: 100%;
    color: #fff;
    height: 40px;
    font-size: 20px;
}

@media screen and (max-width: 1699px){
.saspot-navigation > ul > li {
    margin: 0 16px !important;
}

}

.elementor-8325 .elementor-element.elementor-element-fa5bba5.elementor-widget-woolentor-product-archive-addons ul.products li.product .button {
    background-color: #416b77 !important;
    padding: 13px 27px;
    border-radius: 4px;
}
.cart-icon {
	margin-left:5px;
}
img{width: auto}
@media(max-width:460px){
.cart-icon {
    border-radius: .25rem!important;
    position: absolute;
    right: 23%;
    top: 27px;
}
}


label .select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: -12px!important;
}
label .select2-container--default .select2-selection--single .select2-selection__arrow {
    margin-right: 0!important;
    top: 0!important;
    width: 20px!important;
}

/*--------------------------------------------------------------
## Calendar
--------------------------------------------------------------*/

.datepicker table tr td.day:before{
	top: 50% !important;
    left: 50% !important;
    margin: -15px 0 0 -15px;

}


.h6, h6 {
    font-size: 1rem;
}

/*--------------------------------------------------------------
## Doctor Profile
--------------------------------------------------------------*/
	.active-slot {
		background: #81D743;
		color: #ffffff !important;
	}

	html {
		scroll-behavior: smooth;
	}

	.carousel-inner img {
		width: 100%;
		height: 300px;
	}

	.carousel-indicators .active {
		background-color: #8dc768;
	}

	#demo {
		margin: 28px 25px;
	}

	.carousel-control-prev {
		left: 0;
		background: #8dc768;
		height: 28px;
		/* position: absolute; */
		top: 36%;
		opacity: 1;
		bottom: 0;
		width: 28px;
		margin: 20px;
		border-radius: 30px;
		padding: 5px;
	}

	.carousel-control-next {
		right: 0;
		background: #8dc768;
		height: 28px;
		/* position: absolute; */
		top: 36%;
		opacity: 1;
		bottom: 0;
		width: 28px;
		margin: 20px;
		border-radius: 30px;
		padding: 5px;
	}

	.booking_slot {
		cursor: pointer;
	}

	.view-content i {
		margin-right: 10px;
	}

	.datepicker-inline {
		width: 100%;
	}

	.datepicker table tr td.day {
		position: relative;
		z-index: 1;
	}
/** CALENDAR **/
	.datepicker table tr td.day:hover:before {
		/* 		  display:block !important; */
		opacity: 1 !important;
	}

	.datepicker table tr td.day:before {
		content: "";
		background: #eee;
		display: block;
		height: 30px;
		width: 30px;
		z-index: -1;
		opacity: 0;
		border-radius: 50%;
		position: absolute;
		top: 0px;
		left: 10px;
	}

	.datepicker table tr td.day.focused,
	.datepicker table tr td.day:hover {
		background: transparent !important;
	}

	.datepicker td.active.day:before {
		content: "";
		background: #1B6B4B !important;
		display: block;
		height: 30px;
		width: 30px;
		opacity: 0.4;
		border-radius: 50%;
		position: absolute;
		top: 3px;
		left: 13px;
		opacity: 1 !important;
		background-image: none !important;
	}

	td.active.active {
		background-color: #fff !important;
		background-image: none !important;
	}


	/* Calendar Wrapper */
	.ui-datepicker {
		display: none;
		width: 304px;
		cursor: default;
		text-transform: uppercase;
		font-family: sans-serif;
		font-size: 12px;
		border: none;
		border-radius: 8px;
		padding: 1rem;
		box-shadow: 0 2px 5px rgba(0,0,0,.2);
	}
	.ui-widget.ui-widget-content {
		border: 0;
		z-index: 2!important;
	}
	/* Calendar Header */
	.ui-datepicker-header {
		background: #ffffff;
	}

	.ui-datepicker-header .ui-datepicker-title {
		text-align: center;
		border: 0;
		display: flex;
		gap: 8px;
		justify-content: center;
	}
	.ui-widget-header {
		border: 0;
		position: relative;
	}
	.ui-widget-header a {
		position: absolute;
	}
	.ui-widget-header .ui-icon {
		width: 24px;
		height: 24px;
		display: block;
		background: none;
	}
	.ui-widget-header .ui-state-hover {
		border: 0;
		background: 0;
	}
	.ui-widget-header .ui-datepicker-prev {
		left: 0;
		top: 8px;
	}
	.ui-widget-header .ui-datepicker-prev:before {
		content: '\f053';
		font-family: "Font Awesome 6 Free"; 
		font-weight: 700;
		font-size: 1rem;

	}
	.ui-widget-header .ui-datepicker-next {
		right: 0;
		top: 8px;
	}
	.ui-widget-header .ui-datepicker-next:before {
		content: '\f054';
		font-family: "Font Awesome 6 Free";
		font-weight: 700;
		font-size: 1rem;
	}
	/* Month */
	.ui-datepicker-month {
		position: relative;
		color: #000000;
	}

	/* Year */
	.ui-datepicker-month,
	.ui-datepicker-year {
		padding-left: 8px;
		color: #000000;
		background: none;
	}

	/* Calendar "Days" */
	.ui-datepicker-calendar {
		border: 0;
	}
	.ui-datepicker-calendar th {
		padding-top: 15px;
		padding-bottom: 10px;
		font-size: 14px;
		text-align: center;
		font-weight: normal;
		color: #3A6D79;
		border: 0;
		text-transform: none;
		font-weight: bold;
	}

	.ui-datepicker-calendar td {
		padding: 0;
		text-align: center;
		line-height: 26px;
		border: 0;
	}

	.ui-datepicker-calendar td .ui-datepicker-unselectable {
		color: gray;
	}

	/* .ui-datepicker-calendar td > .ui-state-default{
    color: #1B6B4B;
} */
	.ui-datepicker-calendar td {
		color: gray;
	}

	a.ui-state-default {
		color: #1B6B4B;
	}

	.ui-datepicker-calendar .ui-state-default {
		display: block;
		outline: none;
		text-decoration: none;
		border: none;
		background: none;
	}

	/* Day Active State*/
	.ui-datepicker-calendar .ui-state-active {
		color: white;
		border-color: #1B6B4B;
		border-radius: 40px;
		background-color: #1B6B4B
	}

	.datepicker-days table tr td.new {
		display: none;
	}

	.datepicker-days table tr td.old {
		visibility: hidden;
	}

	.doctor-name {
		color: #2B3344 !important;
		font-size: 20px !important;
		margin-top: 10px;
		font-family: 'Muli', sans-serif !important;
		font-weight: 600 !important;
	}

	/*input {
		padding: 10px;
		margin: 5px;
		border-radius: 5px;
		border: none;
		background-color: #F1F3F7;
	}*/
/** DATEPICKER END **/
	#submit {
		padding: 10px 25px;
		border: none;
		color: white;
	}

	#submit:hover {
		color: white;
		background-color: #7FB55D;
		cursor: pointer;
	}

	.lynkPopup,
	.hidden {
		display: none;
	}

	#officeNumberMobile,
	#officeNumber {
		display: none;
	}

	.on-banner {
		margin-top: 10px;
		background-color: #3a6d79;
		color: white;
		padding: 10px;
		text-align: center;
		margin-bottom: 25px;
	}

	.care-img {
		width: 20%;
	}

	.tooltip-ds {
		position: absolute;
		color: white;
		background-color: #3A6D79;
		right: 40px;
		bottom: 5px;
		padding: 10px 30px 10px 10px;
		white-space: nowrap;
		animation: float 6s infinite;
		border-radius: 0 3px 3px 0;
	}

	.tooltip-ds::after {
		content: "";
		position: absolute;
		top: 12%;
		right: 100%;
		margin-top: -5px;
		border-width: 20px;
		border-style: solid;
		border-color: transparent #3A6D79 transparent transparent;
	}

	.tooltip-close {
		color: #fff;
		position: absolute;
		top: 1.75%;
		left: 92.5%;
	}

	.tooltip-close:hover {
		cursor: pointer;
	}

	.tooltip-close>i {
		padding-left: 10px;
	}

	#dp-tooltip-mobile,
	#dp-help-mobile,
	.hide-desktop,
	.hide-desktop-mobile {
		display: none;
	}

	.tooltip-help {
		margin-bottom: -7px;
		vertical-align: bottom;
		padding-left: 5px;
		display: none;
	}

	.tooltip-help:hover {
		cursor: pointer;
	}

	#dp-help-mobile {
		display: none;
	}

	a.anchor {
		display: block;
		position: relative;
		top: 300px;
		visibility: hidden;
	}

	#map {
		height: 300px;
		width: 100%;
		z-index: 2;
	}

	.hide-tablet-large {
		display: none;
	}

	.back {
		color: #3A6D79;
		background-color: #FBFCFF;
		border: none;
	}

	.back:hover {
		text-decoration: underline;
		cursor: pointer;
	}

	.back i {
		padding-right: 10px;
	}

	.provider-id {
		position: absolute;
		right: 0;
		padding: 15px 20px;
		color: #8ec969;
		font-weight: 500;
	}

	.view-content {
		position: absolute;
		right: 10px;
		top: 7px;
		text-align: right;
	}

	.app-modal {
		position: fixed;
		/* Stay in place */
		z-index: 99999;
		/* 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 */
		backdrop-filter: blur(4px);
		-webkit-backdrop-filter: blur(4px);
	}

	.app-popup {
		text-align: left;
		margin: auto;
		display: flex;
		width: 60%;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #fff;
		border-radius: 8px;
	}

	.close-app-popup {
		background-color: transparent;
		font-size: 30px;
		border: none;
		color: #8dc768;
		font-weight: bold;
		padding: 0 50px 25px 50px;
		transition: text-decoration .5s;
	}

	.close-app-popup:hover,
	.close-app-popup:focus {
		cursor: pointer;
		outline: none;
		text-decoration: underline;
	}

	.close-app-popup>i {
		margin-left: 5px;
	}

	.popup-heading {
		font-size: 26px;
		line-height: 1.1em;
		font-weight: bold;
		color: #3A6D79;
		padding: 25px 50px 0 50px;
	}

	.qr-instructions {
		margin-top: 15px;
		font-size: 22px;
		color: #2B3344;
		padding: 0 50px;
	}

	.qr-code {
		width: 225px;
		margin-top: 5px;
		margin-bottom: 15px;
		padding: 0 50px;
	}

	.hide {
		display: none;
	}

	.modal-divider {
		border-top: 3px solid rgba(0, 0, 0, .1);
	}

	.modal-logo {
		float: right;
		width: 100px;
		height: auto;
		margin-right: 50px;
		margin-top: 20px;
	}

	.modal-download-btn {
		padding: 15px 25px;
		color: #fff !important;
		background-color: #8dc768;
		font-size: 22px;
		border-radius: 8px;
	}

	.modal-download-btn>.fa-android,
	.modal-download-btn>.fa-apple {
		margin-right: 15px;
	}

	.modal-download-btn>.fa-chevron-right,
	.modal-download-btn>.fa-chevron-right {
		margin-left: 10px;
	}

	.app-popup-image {
		flex: 25%;
		display: block;
		background: #7a7a7a;
		background-image: url("http://hlyk.wpengine.com/wp-content/uploads/2021/11/app-pop-up.jpg");
		background-size: cover;
		background-position: center;
		border-radius: 8px 0 0 8px;
	}

	.app-popup-content {
		flex: 74%;
		display: inline-block;
	}

	.mobile-app-img {
		border-radius: 8px 8px 0 0;
	}

	.close-app-modal {
		background-color: transparent;
		border: none;
		outline: none;
		position: absolute;
		top: 0px;
		right: 0px;
		color: black;
		font-size: 26px;
	}

	.special-down {
		margin-right: 15px;
		-moz-transition: all .35s ease;
		-webkit-transition: all .35s ease;
		-o-transition: all .35s ease;
		transition: all .35s ease;
	}

	.specialty-list {
		display: block;
		color: #4a5160;
		font-weight: 600;
		line-height: 26px;
		padding: 15px;
	}

	.specialty-list:hover {
		color: #8ec969;
		cursor: pointer;
	}

	.specialty-description {
		padding: 15px;
	}

	.active-description {
		color: #8ec969;
	}

	.rotate-icon {
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
	}

	.mobile-app-btns {
		display: none;
	}

	.claim-divider::before {
		content: '';
		border-top: 1px solid #D8E1F5;
		width: 100%;
		display: block;
		margin: 20px 0;
	}

	.claim-divider>p {
		margin-right: 20px;
	}

	.a--medium--fill-dark {
		background: #416B77;
		border: none;
		width: 100%;
		display: block;
		text-align: center;
		padding: 15px;
		border-radius: 4px;
		color: #fff;
		outline: none !important;
		text-transform: uppercase;
		font-size: 16px;
		margin-top: -10px;
		font-weight: 600;
		cursor: pointer;
	}

	.call-banner {
		padding: 15px;
		background-color: #8ec969;
	}

	.banner-text {
		display: inline-block;
		width: 88%;
		font-size: 24px;
		color: #000;
		vertical-align: middle;
	}

	.banner-icon {
		display: inline-block;
		width: 10%;
		vertical-align: middle;
		text-align: center;
		font-size: 26px;
		color: #000;
	}

	.call-container {
		box-shadow: 0 0 20px rgb(0 0 0 / 20%);
		z-index: 5px;
	}

	.call-ad {
		padding: 15px;
		background-image: url("http://hlyk.wpengine.com/wp-content/uploads/2022/07/PatientConciergeImage-01.jpg");
		background-size: cover;
		color: #3a6d79;
		font-size: 18px;
	}

	.call-list {
		padding-left: 8px;
		margin-right: 60px;
	}

	.call-list>li {
		list-style-type: none;
		position: relative;
		padding-left: 15px;
	}

	.call-list>li:before {
		content: "\25BA \0020";
		font-size: 10px;
		position: absolute;
		top: 6px;
		left: -4px;
	}

	.call-ad-content {
		padding: 10px 15px;
		background-image: linear-gradient(#618a94, #3a6d79);
	}

	.call-ad-number {
		color: #fff !important;
		font-size: 22px;
		font-weight: 700;
		margin-bottom: 0;
	}

	p .call-ad-number {
		color: #fff !important;
	}

	.call-ad-text {
		color: #fff !important;
		font-size: 12px;
	}

	.call-ad-heading {
		font-size: 24px !important;
		line-height: 28px;
		font-weight: bold;
	}

	.ad-img {
		display: inline-block;
		vertical-align: top;
		margin-left: 12px;
	}

	.ad-img>img {
		width: 48px;
	}

	.pdd-15 {
		padding: 15px;
	}

	.nonmember-link {
		margin: 0 auto !important;
		width: 90% !important;
	}

	.column-section {
		border: 1px solid #E0E5F2;
	}

	.continue-button {
		width: 100%;
		height: 45px;
		background-color: #416B77;
		border-radius: 4px;
		opacity: 1;
		color: white;
		font-size: 16px;
		text-align: center;
		font-weight: normal;
		border: none;
		display: flex;
		font-weight: 300 !important;
		flex-wrap: wrap;
		justify-content: center;
		margin-left: 0;
	}

	.continue-button:hover {
		background-color: #416B77;
		opacity: 0.9;
		cursor: pointer;
	}

	@media (min-width: 1024px) {
		.column-section {
			border-left: 0;
		}
	}

	@media (max-width: 500px) {
		#dp-tooltip-mobile {
			display: block;
			right: 0;
			bottom: 22px;
		}

		#dp-tooltip,
		#dp-help,
		.hide-mobile {
			display: none;
		}

		.hide-desktop {
			display: block;
		}

		.tooltip-ds:after {
			top: 8%;
			border-width: 30px;
		}

		.tooltip-close {
			left: 86.5%;
			top: 3.75%;
		}

		.lynk-btn {
			margin: 20px 0;
			padding-bottom: 20px;
		}

		.banner-text {
			font-size: 16px;
		}
	}

	@media (max-width: 767px) {
		.app-popup {
			text-align: center;
			width: 90%;
		}

		.close-app-popup {
			font-size: 20px;
		}

		.popup-heading {
			font-size: 20px;
			line-height: 1.1em;
			margin-bottom: 30px;
		}

		.modal-download-btn {
			padding: 10px 15px;
			font-size: 18px;
		}

		.modal-divider {
			margin-top: 35px;
		}

		.dc-pro-header.row .col-md-5 {
			margin-top: 15px;
		}

		button.btn--small {
			width: 100%;
			margin-top: 15px;
		}

		.qr-instructions,
		.qr-code,
		.modal-logo {
			display: none;
		}

		.mobile-app-btns {
			display: block;
		}
	}

	@media (max-width: 992px) {

		.dc-pro-header.row .col-md-5 {
			margin-top: 15px;
		}
	}

	@media (max-width: 1024px) {

		.dc-pro-header.row .col-md-5 {
			margin-top: 15px;
		}
	}

	@media (max-width: 1450px) {
		.app-popup-image {
			display: none;
		}
	}

	@media (max-width: 799px) and (min-width: 500px) {
		.hide-desktop-mobile {
			display: block;
		}

		.hide-mobile {
			display: none !important;
		}
	}

	@media (max-width: 1025px) and (min-width: 800px) {
		.hide-tablet-large {
			display: block;
		}

		.hide-mobile {
			display: none !important;
		}
	}

	@keyframes fader {
		from {
			opacity: 1;
		}

		to {
			opacity: 0;
		}
	}

	@keyframes float {
		0% {
			transform: translatex(0px);
		}

		5% {
			transform: translatex(-5px);
		}

		10% {
			transform: translatex(0px);
		}

		15% {
			transform: translatex(-5px);
		}

		20% {
			transform: translatex(0px);
		}

		25% {
			transform: translatex(-5px);
		}

		30% {
			transform: translatex(0px);
		}

		35% {
			transform: translatex(-5px);
		}

		40% {
			transform: translatex(0px);
		}

		45% {
			transform: translatex(-5px);
		}

		50% {
			transform: translatex(0px);
		}

		100% {
			transform: translatex(0px);
		}
	}

	.call-button {
		background-color: white;
		color: #81d743;
		border: 1px solid #81d743;
		border-radius: 4px;
		font-size: 20px;
		margin-top: 10px;
		padding: 12px;
		text-decoration: none;
	}

	.call-button:hover {
		text-decoration: none;
		color: #81d743;
	}
	.buttonPickerTwo {
		display: none;
	}

	.buttonLabelTwo {
		padding: 10px 8px 10px 8px;
		background: #fff;
		border: 1px solid #3A6D79;
		cursor: pointer;
		width: 155px;
		/* height: 61px; */
		border-radius: 8px;
		font-size: 12.2px;
	}

	.date-output {
		position: relative;
	}

	.date-output img {
		position: absolute;
		display: block;
		top: 8px;
		height: 20px;
		padding-left: 10px;
	}

	/* Other Months Days*/
	.ui-datepicker-other-month .ui-state-default {
		color: #565656;
	}

	@media(max-width:1024px) {
		.p-100 {
			padding-left: 15px !important;
		}

		.teleheading {
			font-size: 18px;
		}
	}

	input:hover,
	input:focus {
		box-shadow: none;
		outline: none;
	}

	@media(max-width:768px) {

		.appoitnment-heading {
			margin-top: 30px !important;
		}

		/*.datepicker table tr td.day:before{
				   left:5px !important;
			   }*/
		#page-container {
			padding: 20px;
		}

		.about {
			display: block !important;
		}

		.about p {
			margin-left: 0 !important;
			margin-top: 10px;
			margin-bottom: -10px !important;
		}

		.droparrow {
			margin-right: 0 !important;
		}

		.states p {
			width: 100% !important;
		}

		label p {
			font-size: 12px !important;
		}
	}

	@media(max-width:360px) {
		/*.datepicker table tr td.day:before {
    		left: 0px !important;
		}
		.datepicker-inline {
			width: fit-content !important;
		}*/
	}

	th.dow:nth-child(1) {
		/*   padding-left:20px !important; */
		border-top-left-radius: 20px !important;
		border-bottom-left-radius: 20px !important;
	}

	th.dow:nth-child(7) {
		/*   padding-right:20px !important; */
		border-top-right-radius: 20px !important;
		border-bottom-right-radius: 20px !important;
	}

	input#chosen_date {
		padding-left: 30px;
	}

	th.dow {
		background: #EEF5F9;
		border-radius: 0 !important;
		font-size: 11px;
		font-weight: 600 !important;
		line-height: 11px;
		/* margin-right: 20px !important; */
		/*     width: 40px !important; */
	}

	.select2-container--default .select2-selection--single .select2-selection__rendered {
		line-height: 12px !important;
	}

	.select2-container--default .select2-selection--single .select2-selection__rendered {
		color: #444;
		line-height: 28px !important;
		margin-top: -10px;
		padding-left: 15px;
	}

	.column-section .datepicker-inline {
		font-size: 14px !important;
		font-weight: 500 !important;
		width: 100%;
	}

	.datepicker table tr td.active.active {
		background-image: none !important;
		background-color: transparent !important;
	}

	.datepicker td {
		text-align: center;
		width: 25px;
		height: 25px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		font-size: 11px;
		border-radius: 50% !important;
		border: none;
		padding: 5px;
		margin: 0.5rem !important;
	}

	.date-output {
		position: relative;
	}

	.select-box {
		width: 80%;
		margin-bottom: 20px;
	}

	.buttonPickerTwo:checked+.buttonLabelTwo {
		background: #ECFDFF;
		border: 1px solid #3A6D79 !important;
	}

	#other {
		display: none;
		margin-top: 20px;
		width: 100%;
	}

/*--------------------------------------------------------------
## Scheduler
--------------------------------------------------------------*/
.scheduler .calendar-step-title {
    font-family: 'Muli', sans-serif;
    color: #212529;
    font-size: 1rem;
    font-weight: 500;
}
.scheduler .buttonLabelTwo {
    color: #000;
}
/* In Person Appointment */
#inPersonAppointment.column-section .datepicker table tr td.disabled.today.day:before {
    background: #E0F1F5 !important;
    opacity: 1;
}
#inPersonAppointment.column-section .datepicker table tr td.active.day {
    background: #3a6d79 !important;
    color: #fff !important;
    opacity: 1 !important;
}
#inPersonAppointment.column-section .datepicker table tr td.disabled {
    color: #999 !important;
    opacity: 0.8
}
#inPersonAppointment.column-section .datepicker table tr td.today.active,
#inPersonAppointment.column-section .datepicker table tr td.today.disabled,
#inPersonAppointment.column-section .datepicker table tr td.today.disabled.active,
#inPersonAppointment.column-section .datepicker table tr td.today.disabled.disabled,
#inPersonAppointment.column-section .datepicker table tr td.today.disabled:active,
#inPersonAppointment.column-section .datepicker table tr td.today.disabled:hover,
#inPersonAppointment.column-section .datepicker table tr td.today.disabled:hover.active,
#inPersonAppointment.column-section .datepicker table tr td.today.disabled:hover.disabled,
#inPersonAppointment.column-section .datepicker table tr td.today.disabled:hover:active,
#inPersonAppointment.column-section .datepicker table tr td.today.disabled:hover:hover,
#inPersonAppointment.column-section .datepicker table tr td.today.disabled:hover[disabled],
#inPersonAppointment.column-section .datepicker table tr td.today.disabled[disabled],
#inPersonAppointment.column-section .datepicker table tr td.today:active,
#inPersonAppointment.column-section .datepicker table tr td.today:hover,
#inPersonAppointment.column-section .datepicker table tr td.today:hover.active,
#inPersonAppointment.column-section .datepicker table tr td.today:hover.disabled,
#inPersonAppointment.column-section .datepicker table tr td.today:hover:active,
#inPersonAppointment.column-section .datepicker table tr td.today:hover:hover,
#inPersonAppointment.column-section .datepicker table tr td.today:hover[disabled],
#inPersonAppointment.column-section .datepicker table tr td.today[disabled] {
    background: none;
}

#booking_date {
    display: block;
}

#other {
    display: none;
}
.saspot-footer .badge-container {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin: 0 auto;
}
.saspot-footer .badge-container img {
	width: 180px;
}

footer.saspot-footer .saspot-social {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;	
}

.lower-credits {
	list-style: none;
    margin: 1rem auto 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.lower-credits li a {
	color: #9297a3;
}
@media (min-width: 768px) {
	footer.saspot-footer .saspot-social {
		justify-content: flex-start;
		margin-bottom: 0;
		gap: 0.5rem;		
	}
	.lower-credits {
		margin-top: 0;
		align-items: flex-end;
		justify-content: end;
	}
}
@media (min-width: 992px) {
	.lower-credits {
		flex-direction: row;
	}
}