:root {
	--dark: #333134;
	--white: #fff;
	--light: #F5F5F5;
	--green: #92C008;
	--gray: #A6A6A6;
	--dark-font: #333333;
}

*, *::before, *::after {
	box-sizing: border-box !important;
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Merriweather Sans', sans-serif;
	color: var(--dark-font);
}

.container-main {
	max-width: 1170px;
}

h1, h2, h3, h4, h5, h6 {
	line-height: initial;
}

dl, ol, ul, p {
	margin-bottom: 0;
}

main {
	background-color: var(--white);
	padding-top: 75px;
	padding-bottom: 75px;
	min-height: calc(100vh - 200px);
}

a {
	text-decoration: none !important;
}

#toast-cookie {
	background-color: #fff !important;
	box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.15) !important;
}

.modal {
	margin-top: 85px;
}

.form-select#event-select, .form-select#room-select, .form-control#ticket_num, .form-select#office-period-select, .form-select#office-add-time-select {
	border: none !important;
}

.form-select > option {
	font-family: 'Merriweather Sans', sans-serif !important;
	font-weight: 500 !important;
}

.form-control, .form-select {
	border: 1px solid #D9D9D9;
	border-radius: 10px;
	padding: .5rem .8rem;
}

.fa-clipboard {
	color: var(--green) !important;
	font-size: 22px !important;
}

.form-control#calendar-office-id, .form-control#calendar-id  {
	border: 1px solid #D9D9D9 !important; 
}

.form-control::placeholder {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #858585;
}

.btn, .swal2-styled.swal2-confirm, .swal2-styled.swal2-cancel {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.07em;
	border-radius: 0;
	box-shadow: none !important;
}

.btn:disabled {
	background-color: var(--gray) !important;
	border-color: var(--gray) !important;
}

.btn-primary, .btn-primary:active, .btn-primary:focus,
.swal2-styled.swal2-confirm, .swal2-styled.swal2-confirm:active, .swal2-styled.swal2-confirm:focus,
.swal2-styled.swal2-cancel, .swal2-styled.swal2-cancel:active, .swal2-styled.swal2-cancel:focus {
	color: var(--white) !important;
	background-color: var(--green) !important;
	border-color: var(--green) !important;
}

.swal2-styled.swal2-confirm, 
.swal2-styled.swal2-cancel {
	border-radius: 0 !important;
}

.swal2-icon.swal2-info {
	border-color: var(--green) !important;
	color: var(--green) !important;
}

.btn-primary:hover {
	background-color: var(--white) !important;
	border-color: var(--green) !important;
	color: var(--green) !important;
}

.font-14 {
	font-size: 14px;
}

.font-w-500 {
	font-weight: 500;
}

.font-dark {
	color: var(--dark-font) !important;
}

.font-green {
	color: var(--green) !important;
}

.pad-in-30 {
	padding-left: 30px;
	padding-right: 30px;
}

.form-container {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 30px;
	box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.15);
}

.company_data {
	display: none;
}

.door-opening-buttons-container {
	margin-bottom: 70px;
	margin-top: 40px;
}

.row-opening-door-data {
	box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.15);
	padding: 30px 0;
}

.blank-link {
	text-decoration: none !important;
	color: inherit !important;
}

.blank-link-custom {
	text-decoration: none !important;
	color: transparent !important;
}

.alert-success {
	background-color: #e1eac6 !important;
	border: 1px solid var(--green) !important;
}

.alert-danger {
	background-color: rgba(192, 5, 5, 0.2);
}

@media (max-width: 768px) {
	main {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.container-main {
		max-width: 100% !important;
		padding-left: 0;
		padding-right: 0;
		/* overflow-x: hidden; */
	}

	.row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.row > * {
		padding-left: 0;
		padding-right: 0;
	}

	.lower-booking-btn {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.row-opening-door-data {
		padding-left: 5%;
		padding-right: 5%;
	}

	.col-door-open-text {
		margin-top: 25px;
	}
}

.datepicker {
	margin-top: 85px !important;
}

/* Header ========================================================= */

header {
	background-color: var(--dark);
	height: 85px;
	display: flex;
	align-items: center;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9999;
}

main {
	margin-top: 85px;
}

header nav, .header-menu {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header-logo-img {
	width: 180px;
}

/* .header-menu {
	gap: 25px;
} */

.header-menu > * + * {
	margin-left: 25px;
}

.header-menu-link {
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 14px;
	letter-spacing: 0.03em;
	color: #fff;
	text-decoration: none !important;
	text-transform: uppercase;
}

.header-menu-link:active, .header-menu-link:hover, .header-menu-link.active {
	color: var(--green);
}

.cart-icon, .auth-icon {
	width: 38px;
	height: 38px;
}

.header-profile {
	display: flex;
	align-items: center;
	/* gap: 75px; */
}

.header-profile > * + * {
	margin-left: 75px;
}

.header-profile-cont {
	display: flex;
	align-items: center;
}

.profile-dropdown-link {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #fff !important;
	text-decoration: none !important;
}

.header-profile .dropdown .dropdown-toggle::after {
	color: var(--green);
}

.mobile-menu-btn-box {
	display: none;
}

.header-menu .header-logo-img {
	display: none;
}

.my-toggler-btn i {
	color: var(--green);
}

.header-cart {
	position: relative;
}

.cart-badge {
	position: absolute;
	height: 26px;
	width: 26px;
	display: flex;
	border-radius: 50%;
	background-color: var(--green);
	color: #fff;
	align-items: center;
	justify-content: center;
	right: -15px;
	top: -10px;
	font-size: 14px;
}

@media (max-width: 991px) {
	.mobile-menu-btn-box, .header-menu .header-logo-img {
		display: block;
	}
	
	.header-logo .header-logo-img, .header-menu-item {
		display: none;
	}
}

@media (max-width: 768px) {
	.header-logo-img {
		width: 130px;
	}

	/* .header-profile {
		gap: 35px;
	} */

	.header-profile > * + * {
		margin-left: 35px;
	}

	header {
		/* height: 90px; */
		height: 60px;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 9999;
	}

	footer {
		z-index: 10000;
		position: relative;
	}

	main {
		margin-top: 60px;
	}

	.cart-icon, .auth-icon {
		width: 30px;
		height: 30px;
	}

	#user-name, #login-text {
		display: none;
	}

	.header-profile-cont .dropdown {
		margin-left: -11px;
	}

	.profile-dropdown-link {
		font-size: 14px;
		line-height: 11px;
	}

	.cart-badge {
		height: 22px;
		width: 22px;
		right: -15px;
		top: -8px;
		font-size: 11px;
	}
}

/* Homepage =================================================== */

.main-header-text {
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 25px;
	line-height: 20px;
	letter-spacing: 0.07em;
	color: var(--green);
}

.main-para-text {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 22px;
	color: var(--dark-font);
}

.sub-header-text {
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 25px;
	line-height: 20px;
	letter-spacing: 0.07em;
	color: var(--dark-font);
}

.col-rooms-available-header-text {
	margin-top: 100px;
	margin-bottom: 50px;
}

.product-container {
	box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.15);
}

.product-container-header {
	position: relative;
	height: 220px;
}

.product-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-label {
	position: absolute;
	height: 49px;
	padding-left: 48px;
	padding-right: 48px;
	background-color: rgba(146, 192, 8, 0.75);
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	top: 30px;
}

.product-label-text {
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 20px;
	letter-spacing: 0.07em;
	color: var(--white);
}

.product-label-text.p-footer {
	color: var(--green);
}

.product-container-body {
	padding-top: 30px;
	padding-bottom: 30px;
}

.row-prod-body-text {
	padding-left: 90px;
	padding-right: 90px;
}

.product-container-body-main-para {
	font-style: normal;
	font-weight: 300;
	font-size: 13px;
	line-height: 24px;
	color: var(--dark-font);
}

.features-text {
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	color: var(--dark-font);
}

.product-container-footer {
	padding-top: 17px;
	padding-bottom: 17px;
	padding-left: 200px;
	padding-right: 200px;
	background-color: rgba(217, 217, 217, 0.2);
}

.product-footer-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pricetag-text {
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	color: var(--dark-font);
}

.pricetag-current {
	color: red !important;
}

.pricetag-custom-container {
	display: flex;
	align-items: center;
	flex-direction: column;
	/* gap: 5px; */
}

.pricetag-custom-container > * + * {
	margin-top: 5px;
}

.pricetag-old {
	text-decoration: line-through;
}

.details-link {
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color: var(--dark-font) !important;
}

.col-prod-cont {
	margin-bottom: 100px;
}

.section-booking {
	margin-top: 30px;
	padding-top: 70px;
	padding-bottom: 50px;
	background-color: #e9f2ce;
}

.section-events {
	margin-top: 80px;
}

.event-img-cont {
	height: 188px;
}

.event-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.event-date-text {
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.07em;
	color: var(--green);
}

.event-header {
	margin-top: 25px;
	margin-bottom: 25px;
}

.event-body {
	margin-bottom: 25px;
}

.section-bottom {
	margin-top: 100px;
}

.section-bottom p {
	padding-left: 200px;
	padding-right: 200px;
}

.features-container {
	display: flex;
	/* gap: 15px; */
}

.features-container > * + * {
	margin-left: 15px;
}

.row-prod-body-feat {
	padding-left: 90px;
}

.feature-desc-text {
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 24px;
	color: var(--dark-font);
}

.addFeature-desc-text {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	color: var(--dark-font);
}

.feature-icon {
	width: 20px;
	height: 20px;
}

.feature-block {
	display: inline-flex;
	align-items: center;
	/* gap: 8px; */
	width: max-content;
	padding-right: 30px;
	padding-bottom: 10px;
}

.feature-block > * + * {
	margin-left: 8px;
}

.add-feature-text-cont {
	flex-basis: 200px;
}

.feature-text-cont {
	flex-basis: 150px;
}

.booking-btn-cont {
	display: flex;
	align-items: center;
	margin-top: 30px;
	/* gap: 10px; */
	margin-left: auto;
	margin-right: auto;
	width: max-content;
}

.booking-btn-cont > * + * {
	margin-left: 10px;
}

/* .swal2-popup {
	background: var(--green) !important;
} */

@media (max-width: 991px) {
	.col-prod-body-2 {
		margin-top: 15px;
	}

	.product-container-footer {
		padding-left: 100px;
		padding-right: 100px;
	}
}

@media (max-width: 768px) {
	.main-header-text {
		font-size: 18px;
	}

	.main-para-text {
		font-size: 13px;
		line-height: 20px;
	}

	.sub-header-text {
		font-size: 18px;
	}

	.col-rooms-available-header-text {
		margin-top: 60px;
		margin-bottom: 30px;
	}

	.product-container-header {
		height: 115px;
	}

	.product-label {
		padding-left: 38px;
		padding-right: 38px;
		height: 40px;
		top: 20px;
	}

	.feature-text-cont, .add-feature-text-cont {
		flex-basis: unset;
	}

	.features-container {
		flex-direction: column;
	}

	.product-container-footer {
		padding: 0;
	}

	.product-footer-content {
		flex-direction: column;
		width: 100%;
	}

	.product-footer-content > div:nth-child(1) {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.product-footer-content > div:nth-child(2) {
		background-color: #fff;
		width: 100%;
		justify-content: center;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.col-home-head {
		padding-left: 10%;
		padding-right: 10%;
	}

	.row-prod-body-text, .row-prod-body-feat {
		padding-left: 8%;
		padding-right: 8%;
	}

	.section-booking {
		margin-top: 0;
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 8%;
		padding-right: 8%;
	}

	.section-events {
		margin-top: 50px;
	}

	.event-img-cont {
		height: 150px;
	}

	.event-header {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.row-events > div:not(:first-child) {
		box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.15);
		padding-left: 8%;
		padding-right: 8%;
		margin-bottom: 25px;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.event-footer > button {
		display: none;
	}

	.event-body {
		margin-bottom: 0;
	}

	.section-bottom {
		margin-top: 30px;
	}

	.section-bottom p {
		padding-left: 8%;
		padding-right: 8%;
	}

	.col-prod-cont {
		margin-bottom: 50px;
	}
}

/* Cart & Checkout ============================================= */

.shopping-cart-container {
	margin-top: 50px;
	box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.15);
}

.shopping-cart-container-custom {
	margin-top: 20px;
	margin-bottom: 20px;
	box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.15);
}

.shopping-cart-cont-header {
	border-bottom: 1px solid #C5C5C5;
	padding-top: 20px;
	padding-bottom: 20px;
}

.add-to-cart-text {
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0.07em;
}

.shopping-cart-header-text {
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 20px;
	color: var(--dark-font);
}

.shopping-cart-header, .shopping-cart-footer {
	display: flex;
	align-items: center;
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

.sc-1 {
	text-align: center;
	flex-basis: 5%;
}

.sc-2 {
	flex-basis: 40%;
}

.sc-3 {
	flex-basis: 15%;
}

.sc-4 {
	flex-basis: 12%;
}

.sc-5 {
	flex-basis: auto;
}

.sc-2-custom {
	flex-basis: 50%;
}

.sc-3-custom {
	flex-basis: 16%;
}

.sc-4-custom {
	flex-basis: 16%;
}

.cart-item {
	display: flex;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
	max-width: 1170px;
	margin-left: auto;
	margin-right: auto;
}

.cart-item-nr-text {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	color: var(--dark-font);
}

.cart-item-period-text {
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	color: var(--dark-font);
}

.shopping-cart-cont-footer {
	border-top: 1px solid #C5C5C5;
	padding-bottom: 30px;
	padding-top: 10px;
}

.recheck-btn {
	background-color: #fff;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.05em;
	color: var(--dark-font) !important;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2) !important;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

button.recheck-btn {
	border: none;
}

.shopping-cart-footer {
	justify-content: space-between;
	padding-left: 3%;
	padding-right: 23%;
	margin-bottom: 50px;
}

.shopping-cart-footer-custom {
	padding-right: 8%;
}

.shopping-cart-body-item {
	margin-top: 10px;
	margin-bottom: 10px;
}

.shopping-cart-body-item:hover {
	background-color: rgba(217, 217, 217, 0.2); 
}

.shopping-cart-body-item.expired {
	background-color: rgba(192, 5, 5, 0.2);
}

.shopping-cart-body-item.expired .sc-2 > span,
.shopping-cart-body-item.expired .sc-3 > span,
.shopping-cart-body-item.expired .sc-4 > span,
.shopping-cart-body-item.expired .sc-5 > span {
	color: #858585 !important;
}

.countdown-timer-cont {
	display: flex;
	align-items: center;
	/* gap: 15px; */
}

.countdown-timer-cont > * + * {
	margin-left: 15px;
}

.countdown-timer-cont > span {
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.07em;
	color: var(--dark-font);
}

.remaining-time-label {
	background: #FFFFFF;
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 35px;
	padding-right: 35px;
}

.amount-flex {
	display: flex;
	align-items: center;
	/* gap: 50px; */
}

.amount-flex > * + * {
	margin-left: 50px;
}

.amount-flex > span:first-child {
	width: 60px;
	text-align: right;
}

.disabled-tooltip {
	margin-left: 15px;
}

.disabled-tooltip > i {
	color: var(--green) !important;
	font-size: 20px !important;
}

.tooltip-inner {
    background-color: #e1eac6;
	padding: 15px 15px;
}
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: #e1eac6 !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: #e1eac6 !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: #e1eac6 !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #e1eac6 !important;
}

#toastRecheck {
	background: #e1eac6 !important;
	border: 1px solid var(--green) !important;
	padding: 15px;
	margin-right: 25px;
	margin-bottom: 25px;
}

.shopping-cart-header-mobile {
	display: none;
}

.mobile,
.shopping-cart-footer-flex-mobile {
	display: none;
}

.shopping-cart-footer-flex {
	display: flex;
	align-items: center;
	/* gap: 2.5rem; */
}

.shopping-cart-footer-flex > * + * {
	margin-left: 2.5rem;
}

.cont-checkout-summary {
	margin-top: 100px;
}

.login-link-checkout {
	text-decoration: none !important;
	color: var(--green) !important;
}

.calendar-item-for-booking-edit {
	padding-left: 50px !important;
	padding-right: 50px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

@media (max-width: 768px) {
	.shopping-cart-container {
		margin-top: 25px;
	}

	.shopping-cart-footer-custom {
		padding-right: 23%;
	}

	.shopping-cart-footer {
		margin-bottom: 30px;
	}

	.shopping-cart-cont-footer {
		padding-bottom: 20px;
	}

	.shopping-cart-header {
		display: none;
	}

	.shopping-cart-header-mobile {
		display: flex;
		align-items: center;
		max-width: 100%;
		padding-left: 50px;
	}

	.shopping-cart-header-mobile > .scm-1 {
		flex-basis: 70%;
	}

	.sc-1 {
		text-align: center;
		flex-basis: 50px;
	}

	.sc-2 {
		display: flex;
		flex-direction: column;
		/* gap: 3px; */
		flex-basis: 60%;
	}

	.sc-2 > * + * {
		margin-top: 3px;
	}

	.sc-3,
	.sc-4,
	.shopping-cart-footer-flex {
		display: none;
	}

	.countdown-timer-cont {
		flex-direction: column;
		/* gap: 0; */
	}

	.countdown-timer-cont > * + * {
		margin-top: 0;
	}

	.mobile {
		display: block;
	}

	.shopping-cart-cont-body .shopping-cart-header-text {
		font-size: 13px;
	}

	.cart-item-period-text.mobile {
		font-size: 14px;
	}

	.shopping-cart-footer .recheck-btn,
	.shopping-cart-footer .shopping-cart-header-text {
		font-size: 13px;
	}

	.shopping-cart-footer-flex-mobile {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		/* gap: 5px; */
	}

	.shopping-cart-footer-flex-mobile > * + * {
		margin-left: 5px;
	}

	/* .amount-flex {
		gap: 30px;
	} */

	.amount-flex > * + * {
		margin-left: 30px;
	}

	.cont-checkout-summary {
		margin-top: 30px;
	}

	.p-mobile {
		padding-left: 50px;
	}

	label {
		font-size: 14px;
	}

	.row-checkout-form {
		padding-left: 8%;
		padding-right: 8%;
	}
}

/* Footer ===================================================== */

.footer-main {
	background-color: var(--dark);
	padding-top: 50px;
	padding-bottom: 50px;
}

.footer-logo-img, .footer-text {
	width: 200px
}

.footer-text {
	margin-top: 20px;
}

.footer-text > span {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
}

.footer-link, .footer-header-text {
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.07em;
	color: #fff;
	text-decoration: none !important;
}

.footer-link:active, .footer-link:hover {
	color: var(--green);
}

.footer-doc-links, .footer-auth-links {
	display: flex;
	flex-direction: column;
	/* gap: 10px; */
}

.footer-doc-links > * + *, .footer-auth-links > * + * {
	margin-top: 10px;
}

.footer-header-text {
	display: block;
	text-decoration: unset !important;
	margin-bottom: 10px;
}

.other-projects-list > li {
	color: #fff;
	margin-bottom: 10px;
}

.other-projects-list > li > a {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.07em;
	color: #fff;
	text-decoration: none !important;
}

.other-projects-list > li > a:hover, .other-projects-list > li > a:active {
	color: var(--green);
} 

.footer-doc-links, .footer-projects, .footer-auth-links {
	padding-top: 25px;
	width: max-content;
	margin-left: auto;
	margin-right: auto;
}

.footer-bottom {
	padding-top: 15px;
	padding-bottom: 15px;
}

.footer-bottom-text {
	font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
}

.payment-icon-img {
	height: 35px;
}

.row-banners {
	margin-right: 64px;
}

@media (max-width: 991px) {
	.footer-doc-links, .footer-projects, .footer-auth-links {
		margin-left: unset;
		margin-right: unset;
	}
}

@media (max-width: 768px) {
	.footer-logo-img {
		width: 130px;
	}

	.footer-main {
		padding-top: 35px;
		padding-bottom: 35px;
		padding-left: 8%;
		padding-right: 8%;
	}

	#col-f-1 {
		order: 1;
	}

	#col-f-4 {
		order: 2;
		padding-top: 0;
	}

	#col-f-2 {
		order: 3;
	}

	#col-f-3 {
		order: 4;
	}

	#col-f-1 .footer-text {
		margin-top: 10px;
	}

	#col-f-3 > .footer-projects, #col-f-4 > .footer-auth-links {
		margin-left: auto;
	}

	.footer-bottom {
		padding-left: 8%;
		padding-right: 8%;
	}

	.payment-icon-img {
		height: 25px;
	}

	.row-banners {
		margin-top: 30px;
	}
}

@media (max-width: 576px) {
	.payment-icon-img {
		height: 20px;
	}

	.footer-bottom .footer-bottom-text {
		font-size: 13px;
	}
}


/* ImageCrop ================================================================================ */

.crop-img {
    display: inline;
    width: 100%;
    height: 100%;
}

.crop-img-cont {
    width: 100%;
    max-height: 600px;
}

.crop-preview {
    overflow: hidden;
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

#avatarModal .modal-dialog {
	max-width: 1000px !important;
}

.logo-img {
	width: 215px;
}

@media (max-width: 768px) {
    .crop-img-cont {
        max-height: 350px;
        margin-bottom: 20px;
    }

	.logo-img {
		width: 180px;
	}
}

/* Mobile menu ======================================= */

.mobile-menu-bg {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    visibility: hidden;
    display: none;
    opacity: 0;
    animation: fadeInAnim .4s;
    -webkit-animation: fadeInAnim .4s;
    z-index: 100;
}

.mobile-menu {
	background-color: var(--dark) !important; 
    width: 20%;
	min-width: 300px;
    height: 100vh;
    position: relative;
    z-index: 101 !important;
    overflow-y: auto;
    transition: 400ms ease-in-out;
	padding-bottom: 25px;
}

.mobile-menu-bg.active {
	visibility: visible;
    opacity: 1;
    display: block;
}

.mobile-menu-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	border-bottom: 1px solid var(--green);
}

.mobile-menu-body {
	padding-top: 15px;
}

#mobile-menu-close > span {
	font-size: 25px !important;
	color: var(--green) !important;
}

.mobile-menu-item {
	display: flex;
	align-items: center;
	border-bottom: 1px solid var(--green);
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.mobile-menu-item > a {
	font-family: 'Oswald', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none !important;
	color: #fff;
}

.mobile-menu-item > a:active, .mobile-menu-item > a:hover {
	color: var(--green);
}

.mobile-menu-footer {
	padding-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 50px;
	padding-right: 50px;
}

.mobile-menu-footer > div {
	position: relative;
}

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

@keyframes fadeInAnim {
    from { opacity: 0; }
      to { opacity: 1; }
}

/* Datatables ========= */

.datatables-box {
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #f1f1f1;
	border-radius: 10px;
	overflow-x: auto;
}

.datatables-box > * {
	min-width: 800px !important;
}

/* Rooms ================================================ */

.custom-cont {
	padding: 15px;
	background-color: #f1f1f1;
	border-radius: 10px;
}

.room-img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	border-radius: 10px;
}

/* Booking ================================================ */

#row-booking {
	margin-top: 60px;
}

#row-booking > div:first-child {
	padding-right: 60px;
}

#row-booking > div:nth-child(2) {
	padding-left: 60px;
}

.mini-calendar-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	align-items: center;
}

.tempus-dominus-widget {
	min-height: unset !important;
}

.calendar-grid-lounge-day a {
	pointer-events: none !important;
}	

.calendar-grid-available .app-block {
	color: black !important;
}

.lounge-day-available-h6 {
	color: var(--green) !important;
}

.lounge-day-unavailable-h6 {
	color: #c00505 !important;
}

.calendar-grid-unavailable .app-block {
	color: #C5C5C5 !important;
}

.calendar-grid-unavailable .app-block.selected, 
.calendar-grid-unavailable .app-block.added-to-cart {
	background-color: transparent !important;
}

.disabled-btn {
	pointer-events: none;
}

.disabled-btn > i {
	color: #bdc0b3;
}

.input-group.date input {
	background-color: #fff !important;
}

.input-group.date .form-control {
	border: none;
} 

.input-group.date .input-group-text {
	background-color: #fff !important;
	border: 1px solid transparent;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.choose-one-or-more .form-control {
	background-color: #fff !important;
	border: none;
}

.legend-card {
	background-color: #fff;
	border-radius: 10px;
	padding: 15px 30px;
}

.legend-item {
	display: flex;
	align-items: center;
	/* gap: 20px; */
}

.legend-item > * + * {
	margin-left: 20px;
}

.legend-item > span:first-child {
	flex-basis: 50px;
}

.legend-item-text, .app-block {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 22px;
}

.legend-item-desc {
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: var(--dark-font);
}

.app-block {
	background-color: transparent;
	border-radius: 4px;
	padding: 2px 5px;
	cursor: pointer;
	transition: 150ms ease-in-out all;
}

.legend-item-text.available, .app-block.available {
	color: black;
}

.legend-item-text.not-available, .app-block.not-available {
	color: #C5C5C5;
}

.app-block.not-available, .added-to-cart {
	pointer-events: none;
}

.legend-item-text.selected, .app-block.selected {
	color: #fff;
	background-color: var(--green);
	border-radius: 4px;
	padding: 2px 5px;
}

.app-block:hover {
	color: var(--green);
	background-color: #fff;
	border-radius: 4px;
	padding: 2px 5px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
}

.chosen-blocks {
	margin-top: 15px;
	padding-left: 100px;
	padding-right: 100px;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	/* row-gap: 10px; */
	align-items: center;
}

.chosen-blocks > span:first-child {
	margin-top: 10px;
}

.chosen-blocks > * + * {
	margin-top: 10px;
}

.chosen-block {
	width: max-content;
}

.legend-text {
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 20px;
	color: var(--dark-font);
}

.selected-apps-text {
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 20px;
	color: var(--dark-font);
}

#calendar-item {
	background-color: #fff;
	border-radius: 10px;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 75px;
	padding-right: 75px;
}

.calendar-item-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.green-bord {
	border-bottom: 1px solid var(--green);
	margin-top: 30px;
	margin-left: 25px;
	margin-right: 25px;
}

.calendar-item-body {
	margin-top: 30px;	
	padding-left: 35px;
	padding-right: 35px;
}

.calendar-date-text {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: var(--green);
}

.datepicker {
	width: max-content;
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	border-radius: 10px !important;
}

.datepicker table {
	width: 100%;
}

.available-block-item {
	font-size: 16px;
	display: inline-block;
	width: 100%;
}

.row-available-blocks {
	border-radius: 10px;
	background-color: #e0e0e0;
}

#addToCartBtnBox {
	display: none;
}

.btn-av-block {
	border: none;
}

.btn-av-block:disabled > span {
	background-color: #696969 !important;
}

#overlay-upload {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 15000;
	color: #fff;
}

.office-box, .office-box-custom {
	width: 100%;
	height: 176px;
	position: relative;
	display: block;
}

.office-checked {
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: rgba(146, 192, 8, 0.75);
	z-index: 100;
}

.office-box.disabled-office {
	pointer-events: none;
}

.office-box.disabled-office > .office-label {
	background-color: #A6A6A6;
}

.office-box.disabled-office .office-img {
	filter: grayscale(100%);
	opacity: 75%;
}

.office-checked > .fa-check {
	color: #fff !important;
	font-size: 30px;
}

.office-box.selected-office > .office-checked {
	display: flex;
}

.office-hover {
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 99;
	padding-left: 10px;
	padding-right: 10px;
}

.office-hover-text {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	color: var(--green);
	text-align: center;
}

.office-box:not(.selected-office):hover > .office-hover {
	display: flex;
}

.office-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.office-label {
	position: absolute;
	top: 20px;
	left: 0;
	width: max-content;
	padding: 4px 20px;
	background-color: rgba(146, 192, 8, 0.75);
	color: #fff !important;
}

.new-office {
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	color: var(--green);
	text-transform: uppercase;
	font-style: italic;
}

.full-col {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.col-office-box {
	margin-bottom: 40px;
}

.datepicker .datepicker-days tr td.active ~ td,
.datepicker .datepicker-days tr td.active{
	color: var(--green) !important;
	background: transparent !important;
} 

.datepicker .datepicker-days tr:hover td{
	color: #000;
	background: #e5e2e3;
	border-radius: 0;
} 

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
	background-color: rgba(146, 192, 8, 0.75) !important;
	background-image: none !important;
}

.row-officeBlock {
	margin-top: 30px;
	margin-bottom: 30px;
}

.amount-flex .edit-icon {
	color: var(--green) !important;
	text-decoration: none !important;
}

.amount-fled .edit-icon-disabled {
	color: #696969 !important;
	pointer-events: none !important;
	cursor: default !important;
}

.edit-icon-disabled {
	color: #696969 !important;
	pointer-events: none !important;
	cursor: default !important;
}

.btn-icon-danger:disabled {
	background-color: transparent !important;
	border-color: transparent !important;
}

.amount-flex .fa-pen-to-square, .amount-flex .fa-link {
	font-size: 20px;
	color: var(--green) !important;
}

.amount-flex .edit-icon-disabled .fa-pen-to-square {
	font-size: 20px;
	color: #696969 !important;
}

.payment-status-icon-container > i {
	font-size: 120px !important;
}

.payment-status-icon-container.success > i {
	color: var(--green) !important;
}

.payment-status-icon-container.pending > i {
	color: #fab005 !important;
}

.payment-status-icon-container.error > i {
	color: #c00505 !important;
}

.payment-status-text-container {
	margin-top: 50px;
}

.go-to-check-link {
	color: var(--green) !important;
}

.total-amount-cont-office {
	margin-bottom: 20px;
}

#officeNotAvailableModal .modal-dialog {
	border-radius: 20px !important;
	box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.25) !important;
	max-width: 1170px !important;
}

#officeNotAvailableModal .modal-content {
	background: rgba(40, 40, 40, 0.85) !important;
	border-radius: 20px !important;
}

#officeNotAvailableModal .modal-header {
	border-bottom: transparent;
	padding-right: 30px;
	padding-top: 25px;
}

#officeNotAvailableModal .modal-footer {
	border-top: transparent;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* gap: 15px; */
}

#officeNotAvailableModal .modal-footer > * + * {
	margin-top: 15px;
}

#officeNotAvailableModal .modal-body {
	padding-top: 30px !important;
}

.no-back-to-booking-link {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	letter-spacing: 0.05em;
	color: #fff !important;
	text-decoration: underline !important;
}

.office-not-available-header-text {
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	padding-bottom: 45px;
}

.office-not-available-date-text {
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 20px;
}

.office-not-available-date-text.green {
	color: var(--green);
}

.office-not-available-date-text.white {
	color: #fff;
}

.row-not-available-office {
	padding-left: 50px;
	padding-right: 50px;
}

.office-not-available-date-div {
	padding-bottom: 15px;
}

.btn-icon-danger {
	color: #c00505 !important;
	font-size: 20px;
}

@media (max-width: 991px) {
	.legend-card {
		margin-bottom: 40px;
	}

	#row-booking > div:first-child, #row-booking > div:nth-child(2) {
		padding-right: 20px;
		padding-left: 20px;
	}
}

@media (max-width: 768px) {
	#row-booking > div:first-child, #row-booking > div:nth-child(2) {
		padding-right: initial;
		padding-left: initial;
	}

	.col-office-box {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.office-box, .office-box-custom {
		height: 140px;
	}

	.row-officeBlock {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.container-checkout-check {
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 576px) {
	#calendar-item {
		padding-left: 25px;
		padding-right: 25px;
	}

	.mini-calendar-grid {
		grid-template-columns: repeat(4, 1fr);
	}	

	.chosen-blocks {
		padding-left: 30px;
		padding-right: 30px;
	}

	.office-box, .office-box-custom {
		height: 100px;
	}

	.office-label {
		top: 10px;
	}

	.office-checked, .office-hover {
		width: 65px;
		height: 65px;
	}
}

@media (max-width: 400px) {
	.chosen-blocks {
		grid-template-columns: repeat(4, 1fr);
	}
}