﻿#divCemeteryMap,
.divCemeteries .card.card-xl-stretch,
.divCemeteries .rounded.border {
	height: 100% !important;
}

.top-layout-overlay {
	background: #0d6de196;
	position: absolute;
	top: 0;
	height: 350px;
	width: 100%;
}

/*.top-layout img {
    width: 100%;
}*/

.top-layout-text {
	color: #f8bd4a;
	font-weight: 900;
	font-size: 55px;
}

.top-search {
	height: 38px;
	border-radius: 8px;
	border: none;
	box-shadow: 0 2px 10px #00000035 !important;
	padding-right: 45px;
}

.top-search-with-ico {
	position: relative;
	width: 100%;
}

	.top-search-with-ico svg {
		position: absolute;
		right: 13px;
		top: 11px;
	}

.divCemeteries .slots-div {
	padding: 0;
}

.divCemeteries .card {
	padding-left: 0;
	padding-right: 0;
}

#row02 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#row01 {
	position: relative;
	z-index: 2;
}

.showRelative {
	position: inherit !important;
	overflow: hidden;
}

	.showRelative .map2.maphilighted {
		background-position: center center !important;
		background-size: 100% 100% !important;
	}

#home {
	z-index: 9;
}

.cmrGraveRowNumber {
	height: 105px;
	background-color: #f1f5ff;
	display: flex;
	align-items: center;
	z-index: 100001 !important;
	padding-left: 5px;
}

.cmtBtn {
	display: inline-block;
	color: #fff;
	background-color: #0D6DE1;
	border-color: #0D6DE1;
	border-width: 1px;
	border-style: solid;
	padding: 10px 20px;
	border-radius: 0.475rem;
	outline: 0 !important;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.5;
	transition: 0.3s;
}

.btn-transparent {
	display: inline-block;
	color: #0D6DE1;
	background-color: transparent;
	border-color: #0D6DE1;
	border-width: 1px;
	border-style: solid;
	padding: 10px 20px;
	border-radius: 0.475rem;
	outline: 0 !important;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.5;
	transition: 0.3s;
}

.cmtModalWrap .btn-transparent,
.cmtModalWrap .cmtBtn {
	padding: 8px 16px;
}

.cmtBtn:focus, .btn-transparent {
	outline: none;
	box-shadow: inherit;
}

.cmtBtn:hover {
	background-color: transparent;
	color: #0D6DE1;
}

.btn-transparent:hover {
	color: #fff;
	background-color: #0D6DE1;
}

.btn.btn-active-light-primary:hover:not(.btn-active) {
	color: #0D6DE1 !important;
}

.link-primary {
	color: #0D6DE1 !important;
}

.btn.btn-primary {
	background-color: #0D6DE1 !important;
	border-color: #0D6DE1 !important;
}

.btnText {
	font-size: 12px;
	font-weight: 600;
	color: #0d6de1;
	line-height: 30px;
	text-align: center;
	display: block;
	margin: auto;
	font-family: Poppins;
}

.cmtTabEventBtn {
	font-size: 12px;
	font-weight: 600;
	color: #0d6de1;
	min-height: 30px;
	line-height: 30px;
	border-radius: 6px;
	background: #E4EFFC;
	padding: 1px 15px;
	display: block;
	text-align: center;
	transition: 0.3s;
}

.cmtTabUploadBtn {
	width: 250px !important;
	font-size: 12px;
	font-weight: 600;
	color: #0D6DE1;
	min-height: 30px;
	line-height: 30px;
	border-radius: 6px;
	background: #E4EFFC;
	padding: 1px 15px;
	display: block;
	text-align: center;
	transition: 0.3s;
	border: dashed #e4e6ef;
	margin: 0 auto;
	cursor: pointer;
}

.cmtTabEventBtn.dropzone {
	border-width: 0 !important
}

.cmtTabUploadBtn.dropzone {
	border-width: 2px !important
}

.cmtTabUploadBtn:hover {
	color: #fff;
	background-color: #0D6DE1 !important;
	border-color: #0D6DE1 !important;
}

	.cmtTabUploadBtn:hover .btnText {
		color: #fff;
	}

		.cmtTabUploadBtn:hover .btnText svg {
			fill: azure;
		}

.cmtTabEventBtn:hover {
	color: #fff;
	background-color: #0D6DE1 !important;
	border-color: #0D6DE1 !important;
}

	.cmtTabEventBtn:hover .btnText {
		color: #fff;
	}

.cmtModalWrap .card-xl-stretch.me-md-6 {
	margin-right: 0 !important;
}

.cmtPt20 {
	padding-top: 20px;
}

.cmtModalWrap .modal-header {
	padding: 15px 25px !important;
}

.cmtFormSelect {
	font-size: 15px;
	font-weight: 400;
	color: #7a7a7a;
	border-radius: 6px;
	background-color: #fff;
	border: 1px solid #e4e6ef;
	width: 100%;
	text-align: left;
	padding: 8.6px 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cmtSelectDropdown {
	position: relative;
	cursor: pointer;
}

.cmtSubjectContent {
	display: block;
	position: absolute;
	background-color: #fff;
	width: 100%;
	display: none;
	border-style: solid;
	border-color: #e4e6ef;
	border-width: 0 1px 1px;
}

.form-select {
	font-weight: 400;
	font-size: 15px;
	color: #7a7a7a;
}

	.form-select::placeholder {
		color: #7a7a7a;
	}

.cmtForm {
	width: 100%;
}

.cmtServiceCrads {
	padding: 20px 25px;
}

.cmtServiceItemWrap {
	padding-left: 25px;
	padding-right: 25px;
}

.cmtModalWrap .card-body {
	padding: 1.2rem 2rem 2rem !important;
}

.cmtModalWrap .card-footer, .cmtModalfooter {
	box-shadow: 0px -6px 6px rgba(0, 0, 0, 0.05);
	display: flex;
	gap: 15px;
	align-items: center;
	justify-content: end;
	padding: 0.2rem 0.2rem !important;
}

	.cmtModalWrap .card-footer .btn:hover,
	.cmtModalWrap .btnEditDescription .btn:hover {
		background-color: transparent !important;
		color: #0D6DE1;
	}

.btnEditDescription {
	gap: 15px;
	justify-content: end;
}

.btn.btn-light-primary {
	background-color: #E4EFFC !important;
}

[data-kt-scrolltop=on] .scrolltop {
	opacity: 0.7;
}

.stepper .textAreaControl {
	cursor: auto;
	overflow-y: auto;
}

.menu-item {
	font-size: 14px !important;
}

.top-layout {
	background-image: url(../../images/srcBanner.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	object-position: center;
	object-fit: cover;
	animation-duration: 0.3s;
	width: 100%;
}

	.top-layout .top-layout-content {
		padding: 10px 0;
	}

/*.showSecondPage .showRelative {
    padding-top: 43px;
}*/

.cmtServiceItems {
	padding: 10px;
	border-radius: 8px;
	background-color: #fff;
	border: 1px solid #ededed;
	box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.05);
	width: 100%;
	cursor: pointer;
}

	.cmtServiceItems.active {
		border-color: rgb(0, 123, 255);
	}

.cmtServiceImg img {
	display: block;
	margin: 0 auto;
}

.main-search-btn a {
	color: #7a7a7a;
}

.main-search-btn.active a {
	color: #0D6DE1;
}

.main-search-btn .active-icon {
	display: none;
}

.main-search-btn.active .active-icon {
	display: block;
	position: absolute;
	right: 0;
}

.main-search-btn.sec.active .active-icon {
	display: block;
	position: absolute;
	right: 10px;
}

.cmtSpecialCemetery {
	position: relative;
	z-index: 99 !important;
}

.cmtSingleSlot {
	height: 85px;
	width: 85px;
	position: relative;
	padding: 0 2px;
}

.cmtSingleChildSlot {
	height: 65px;
	width: 65px;
	position: relative;
	padding: 0 2px;
}

.cmtBigSingleSlot {
	height: 100%;
	width: 100%;
	position: relative;
	padding: 0 5px;
}


.cmtSingleSlotInner {
	background-color: #D9FFE4;
	border-radius: 16px 16px 0px 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #1DC44A;
	height: 100%;
	/*width: 55px;*/
	text-align: center;
	transition: 0.3s;
}

.cmtSingleChildSlotInner {
	background-color: #D9FFE4;
	border-radius: 16px 16px 0px 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #1DC44A;
	height: 100%;
	/*width: 55px;*/
	text-align: center;
	transition: 0.3s;
}

.cmtBigSingleSlotInner {
	background-color: #D9FFE4;
	border-radius: 16px 16px 0px 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #1DC44A;
	height: 100%;
	width: 100%;
	text-align: center;
	transition: 0.3s;
}

	.cmtBigSingleSlotInner .bigSlotText {
		padding: 0 7px;
	}

.cmtSingleSlotBook {
	cursor: pointer;
}

.cmtSingleSlotInner:hover .cmtSingleSlotText,
.cmtSingleSlotInner:hover .cmtSingleSlotInfotext {
	color: #0D6DE1;
}

.cmtSingleChildSlotInner:hover .cmtSingleSlotText,
.cmtSingleChildSlotInner:hover .cmtSingleChildSlotInfotext {
	color: #0D6DE1;
}


.cmtBigSingleSlotInner:hover .cmtSingleSlotText,
.cmtBigSingleSlotInner:hover .cmtSingleSlotInfotext {
	color: #0D6DE1;
}

.cmtBigSingleSlotInner .bigSlotText span {
	display: inline-block;
}

.cmtSingleSlot .borderBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 7px;
	border-radius: 3px 3px 0px 0px;
	background-color: #1dc44a;
}

.cmtSingleChildSlot .borderBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
	border-radius: 3px 3px 0px 0px;
	background-color: #1dc44a;
}


.cmtBigSingleSlot .borderBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
	border-radius: 3px 3px 0px 0px;
	background-color: #1dc44a;
}

.cmtSingleSlot .cmtSingleSlotText {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 700;
	text-align: center;
	color: #3b3a39;
	border-radius: 16px 16px 0px 0px;
	display: block;
	padding: 8px 5px 0;
}

.cmtSingleChildSlot .cmtSingleSlotText {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 700;
	text-align: center;
	color: #3b3a39;
	border-radius: 16px 16px 0px 0px;
	display: block;
	padding: 8px 5px 0;
}

.cmtBigSingleSlot .cmtSingleSlotText {
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	color: #3b3a39;
	padding: 8px 5px 0;
	border-radius: 16px 16px 0px 0px;
	display: block;
}

.cmtSingleSlot.block .cmtSingleSlotText {
	border-color: #D5C387;
}

.cmtSingleChildSlot.block .cmtSingleSlotText {
	border-color: #D5C387;
}

.cmtBigSingleSlot.block .cmtSingleSlotText {
	border-color: #D5C387;
}

.cmtSingleSlot.block .borderBottom {
	background-color: #D5C387
}

.cmtSingleChildSlot.block .borderBottom {
	background-color: #D5C387
}


.cmtBigSingleSlot.block .borderBottom {
	background-color: #D5C387
}

.cmtSingleSlot.block .cmtSingleSlotInner {
	border-color: #D5C387;
	background-color: #fff;
}

.cmtSingleChildSlot.block .cmtSingleChildSlotInner {
	border-color: #D5C387;
	background-color: #fff;
}

.cmtBigSingleSlot.block .cmtBigSingleSlotInner {
	border-color: #D5C387;
	background-color: #fff;
}

.cmtSingleSlotInfotext {
	margin: auto;
	font-size: 14px;
	line-height: 1.1;
	font-weight: 700;
	color: #585447;
	display: block;
}

.cmtSingleChildSlotInfotext {
	margin: auto;
	font-size: smaller;
	line-height: 1.1;
	font-weight: 700;
	color: #585447;
	display: block;
}

.cmtSingleSlotInfotext.ellipsis {
	width: 77px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.cmtSingleChildSlotInfotext.ellipsis {
	width: 57px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.cmtGraveWrap {
	display: flex;
	align-items: center;
}

.daterangepicker {
	z-index: 9999 !important;
}

.cmtModalWrap .nav-line-tabs {
	border-width: 1px 0 1px;
	border-style: solid;
	border-color: #D1D1D1;
	border-top: 0px;
}

	.cmtModalWrap .nav-line-tabs .nav-item .nav-link {
		color: #646464;
		font-weight: 600;
	}

		.cmtModalWrap .nav-line-tabs .nav-item .nav-link.active {
			color: #0D6DE1;
		}

.cmtTextareaControl::placeholder {
	color: #7a7a7a;
}

.cmtModalWrap .btn.btn-light-primary {
	color: #0D6DE1 !important;
}

.cmtBookedDots {
	background-color: #D5C387;
}

.cmtFromSelect {
	color: #a1a5b7 !important;
}

.cmtNotFoundNotification {
	padding: 0.7rem !important;
}

.cmtCardHeader {
	min-height: 40px !important;
}

.popupTabTitle {
	text-align: center;
	margin-bottom: 15px;
}

.cmtCardHeader .card-title {
	padding-left: 10px;
}

.cmtReviewPriceService {
	min-width: 70px;
}

.cmtSingleSlotEmpty .cmtSingleSlotInner {
	display: flex;
	align-items: center;
	justify-content: center;
}

.cmtSingleSlotEmpty .cmtSingleChildSlotInner {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cmtSingleSlotEmpty .cmtSingleSlotText {
	padding: 0 5px 0;
}

.cmtShowNumber {
	display: block;
	z-index: 9;
	position: sticky;
	top: 0;
}

.cmtGraveWrap .badge-light-success {
	z-index: 9;
}

.dragging-over {
	background-color: #ccc;
}

bootstrap-maxlength.badge {
	display: none !important;
}

.modal-dialog {
	z-index: 1025 !important;
}

.card .cmtCardHeader.card-header .card-toolbar {
	gap: 10px;
}

.scrolltop {
	background-color: #0D6DE1 !important;
	border-width: 1px;
	border-style: solid;
	border-color: #0D6DE1;
}

[data-kt-scrolltop=on] .scrolltop {
	opacity: 1 !important;
}

.scrolltop .svg-icon svg {
	height: 18px !important;
}

.scrolltop:hover {
	background-color: transparent !important;
}

	.scrolltop:hover .svg-icon svg path {
		fill: #0D6DE1 !important;
	}

.drp-buttons .btn.btn-primary.applyBtn {
	border-width: 1px !important;
	border-style: solid !important;
}

	.drp-buttons .btn.btn-primary.applyBtn:hover {
		color: #0D6DE1;
		background-color: transparent !important;
		border-color: #0D6DE1 !important;
	}

.cmtFormSelect option:hover {
	background-color: #0D6DE1;
}

.cmtSubjectDropDownHidden {
	display: none;
}

.swal2-actions .swal2-styled.swal2-confirm {
	background: #0D6DE1 !important;
}

.cmtServiceImg {
	text-align: center;
}

.cmtServiceItemText {
	text-align: center;
	padding: 5px 0;
}

.btnGetAccountDetailModal1 {
	position: relative;
}

	.btnGetAccountDetailModal1 .bigSlotText span {
		display: inline-block;
	}

.cmtFormSelect {
	padding: 10px;
	border: 1px solid #ccc;
	cursor: pointer;
	background-image: url(../../images/arrow-up.svg);
	background-repeat: no-repeat;
	background-position: 98% center;
	background-size: 12px;
}

.cmtSelectDropdown.open .cmtFormSelect {
	background-image: url(../../images/arrow-down.svg);
}

.cmtSelectpOptions {
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	z-index: 999;
	width: 100%;
	border-style: solid;
	border-color: #e4e6ef;
	border-width: 0 1px 1px;
	background-color: #fff;
}

.cmtSelectDropdown.open .cmtSelectpOptions {
	display: block;
}

.cmtSelectpOptions .dropdown-option {
	display: block;
	width: 100%;
	padding: 0.25rem 1rem;
	clear: both;
	font-weight: 400;
	color: #181c32;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	cursor: pointer;
}

	.cmtSelectpOptions .dropdown-option:hover {
		background-color: #0D6DE1;
		color: #fff;
	}

.cmtContactSection {
	width: 100%;
}

.cmtCardBody .card-body {
	padding: 5px 20px 15px;
}

.cmtCardBody .form-control {
	padding: 0.5rem 1rem;
	font-size: 0.9rem;
}

.cmtCardHeader .btn.btn-icon.btn-sm {
	height: calc(1.2em + 1rem + 1px);
	width: calc(1.2em + 1rem + 1px);
}

.cmtCardHeader .card-toolbar {
	margin: 0.2rem 0;
}

.bigSlotText {
	color: black !important
}

.col-md-6 .maphilighted {
	width: 100% !important;
}

.mapImgScroll {
	overflow: auto;
}

	.mapImgScroll::-webkit-scrollbar {
		width: 0.7rem;
		height: 0.7rem !important;
	}

	.mapImgScroll::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 10px;
	}

	.mapImgScroll::-webkit-scrollbar-thumb {
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	}

.cmtSpecialCemeteryInner {
	position: absolute;
	width: 739px;
	height: 714px;
	top: -41px;
	z-index: 99 !important;
}

	.cmtSpecialCemeteryInner img {
		width: 100%;
		height: 100%;
	}

.top-layout-search-button {
	background: #fff;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	border-radius: 8px;
	padding: 8px 25px;
	display: flex;
	align-items: center;
	cursor: pointer;
	outline: none;
	border: none;
	width: auto;
	flex: none;
	height: 38px;
	box-shadow: 0 2px 10px #00000035 !important;
	display: flex;
	align-items: center;
}

.stickySearch .top-layout-search-button {
	height: 35px;
	line-height: 35px;
	padding: 7px 25px 7px 25px;
}

.stickySearch {
	position: fixed;
	width: 100%;
	z-index: 4;
	top: 70px;
}

	.stickySearch .top-search {
		height: 35px;
		padding: 7px 45px 7px 25px;
	}

	.stickySearch .top-search-with-ico svg {
		top: 9px;
	}

div.map3 {
	background-size: 100% 100% !important;
	margin: auto !important;
}

.modal-content-specific {
	width: 50% !important;
}

.myModal-show {
	z-index: 9999 !important;
	display: block !important;
}

.myModal-hide {
	z-index: -9999 !important;
	display: block !important;
}

.myModal-show {
	z-index: 9999 !important;
	display: block !important;
}

.myModal-hide {
	z-index: -9999 !important;
	display: block !important;
}

#myModalSpecific {
	z-index: 99999 !important;
}

.arrowIcon {
	height: 17px !important;
}

div.map3 {
	background-size: 100% 100% !important;
	margin: auto !important;
}

.modal-content-specific {
	width: 50% !important;
}

.myModal-show {
	z-index: 9999 !important;
	display: block !important;
}

.myModal-hide {
	z-index: -9999 !important;
	display: block !important;
}

.myModal-show {
	z-index: 9999 !important;
	display: block !important;
}

.myModal-hide {
	z-index: -9999 !important;
	display: block !important;
}

#myModalSpecific {
	z-index: 99999 !important;
}

.bordered-row {
	position: relative;
}

	.bordered-row:after {
		position: absolute;
		content: '';
		border-bottom: 2px solid gray;
		width: 100%;
		top: 0px;
		right: 30px;
	}

.advanceSearchFiled {
	width: 100%;
}

	.advanceSearchFiled .top-search {
		padding-right: 15px
	}

.candleShape {
	max-width: 66px;
	width: 100%;
	transition: 0.2s;
}

.cmtHeroCradWrap {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: center;
	gap: 20px;
	margin-bottom: 20px;
	transition: 0.3s;
}


.cmtTitleTop {
	max-width: 767px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 5px;
	transition: 0.3s;
}

.cmtTitleRight {
	text-align: right;
}

.cmtHeroBtn {
	color: #C3BAAC;
	font-size: 12px;
	padding: 3px 15px;
	border-radius: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #C3BAAC;
	display: inline-block;
	transition: 0.3s;
}

	.cmtHeroBtn:hover {
		color: #fff;
		background: #f8bd4a;
		border: 1px solid #f8bd4a;
	}


.cmtHeroCard {
	text-align: center;
	padding: 5px 10px;
	border-radius: 10px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent;
	cursor: pointer;
	transition: 0.3s;
	margin-bottom: 15px;
}

	.cmtHeroCard:hover {
		border-color: #FDBD59;
		background-color: rgba(0,0,2, 0.35);
	}

		.cmtHeroCard:hover .cmtHeroBtn {
			color: #fff;
			background: #f8bd4a;
			border: 1px solid #f8bd4a;
		}

	.cmtHeroCard.active {
		border-color: #FDBD59;
		background-color: rgba(0,0,2, 0.35);
	}

.cmtHeroTag {
	text-align: center;
	padding: 1px 1px;
	border-radius: 10px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent;
	cursor: pointer;
	transition: 0.3s;
	margin-bottom: 1px;
}

	.cmtHeroTag.selected {
		border-color: #FDBD59;
		background-color: rgba(0,0,2, 0.35);
	}

	.cmtHeroTag:hover {
		border-color: #FDBD59;
		background-color: rgba(0,0,2, 0.35);
	}

		.cmtHeroTag:hover .cmtHeroBtn {
			color: #fff;
			background: #f8bd4a;
			border: 1px solid #f8bd4a;
		}

.cmtVintageTitle {
	color: #fff;
	font-size: 20px;
	line-height: 1;
	font-weight: 700;
	margin-bottom: 5px;
}

.cmtVintageSubTitle {
	color: #fff;
	font-size: 10px;
	font-weight: 400;
	margin-bottom: 5px;
	line-height: 1;
}

.vintageImg {
	margin-bottom: 5px;
	text-align: center;
}

.vintageShape {
	margin: auto;
}

.cmtSingleChildSlotInner:has(.dublicateChildWrap) {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: repeat(2, minmax(0, 1fr));
	align-items: center;
}

.dublicateChildWrap ~ .cmtSingleChildSlotInfotext {
	display: none
}

.dublicateChildWrap .cmtSingleSlotText {
	font-size: 10px;
	color: #3B3A39;
	font-weight: 500;
	background-color: #E8E8E8;
	padding: 7px 5px;
	border-radius: 5px;
	display: inline-block;
	line-height: 1;
	min-width: 25px;
}

.dublicateChildWrap .cmtSingleSlotText.vacant {
    background-color: #D9FFE4;
    cursor: default;
}

.dublicateChildWrap {
	margin: auto;
}

.niceSelectOptions + .nice-select {
    width: 140px;
    height: 38px;
    border-radius: 8px;
    text-align: right !important;
    direction: rtl !important;
}

.niceSelectOptions + .nice-select::after {
    left: 10px !important;
    right: auto !important;
}

.niceSelectOptions + .nice-select.open .list {
    right: 0 !important;
    left: auto !important;
}

.niceSelectOptions + .nice-select .option {
    text-align: right !important;
    direction: rtl !important;
}

.niceSelectOptions + .nice-select .current {
    text-align: right !important;
    direction: rtl !important;
}

@media (min-width: 1200px) {
	.cmtVintageTitle {
		font-size: 20px;
	}

	.cmtHeroCard.active .cmtVintageTitle {
		font-size: 30px;
	}

	.cmtHeroCard.active .cmtVintageSubTitle {
		font-size: 12px;
	}

	.cmtHeroCard.active {
		padding: 12px 15px;
	}
}

@media (min-width: 1024px) {
	/*    .showSecondPage .showRelative {
        padding-top: 28px;
    }*/

	.top-layout .top-layout-content {
		padding: 50px 0 40px;
	}

	.stickySearch .top-layout-content, .showSecondPage .top-layout .top-layout-content {
		padding: 5px 0;
	}

	.mobileNavWrapper {
		display: block !important;
	}

	.cmtSingleSlot {
		height: 85px;
		width: 85px;
	}

	.cmtSingleSlotInner {
		width: 81px;
	}

	.cmtSingleChildSlot {
		height: 65px;
		width: 65px;
	}

	.cmtSingleChildSlotInner {
		width: 61px;
	}

	.cmtSingleChildSlot:has(.dublicateChildWrap) {
		height: 85px;
		width: 85px;
	}

    .multipleChildSlotWrap {
        background:none!important;
        position: relative;
        z-index: 100000;
    }

	.cmtSingleChildSlotInner:has(.dublicateChildWrap) {
		width: 81px;
	}

	.cmtSpecialCemeteryInner {
		width: 925px;
		height: 714px;
	}
}

@media (min-width: 767px) {
	.cmtHeroCradWrap {
		display: grid;
		margin-bottom: 15px;
	}

	.cmtHeroCard {
		margin-bottom: 0;
	}
}

@media (max-width: 1024px) {

	.graveLIistZoomIcon {
		display: none !important;
	}

	.bodyWrapper {
		padding-top: 70px;
	}

	/*    .divCemeteries, .divCemeteries .tab-content {
        height: auto !important;
    }*/

	.map2.maphilighted, .col-md-6.mapColumnWrap {
		width: 100% !important;
	}

	.col-md-6.divCemeteries {
		width: 100%;
	}

	.showRelative .map2.maphilighted {
		background-size: 100% 100% !important;
		background-position: center top !important;
	}

	.modalClose {
		top: 5px !important;
		right: 5px !important;
	}

		.modalClose span {
			width: 20px;
			height: 20px;
		}

	#divSlotImage .map.maphilighted {
		background-size: 100% 100% !important;
	}

	.top-search-with-ico input {
		height: 30px;
		padding-right: 36px
	}

	.top-search {
		height: 30px;
		border-radius: 9px;
	}

	.top-search-with-ico svg {
		position: absolute;
		right: 10px;
		top: 5px;
		width: 15px;
	}

	.stickySearch .top-search-with-ico svg {
		top: 5px;
	}

	.mapColumnWrap.mapImgScroll {
		width: 100%;
	}

	.divCemeteries.col-md-11 {
		width: 100%;
	}

	.stickySearch .top-search-with-ico input {
		height: 26px;
	}

	.top-layout-search-button, .stickySearch .top-layout-search-button {
		font-size: 12px;
		padding: 5px 15px;
		height: 30px;
		line-height: 26px;
		border-radius: 9px;
	}

	.map2.maphilighted {
		width: 100% !important;
	}

	.divCemeteries .tab-content {
		height: auto !important;
	}

	.divCemeteries .cmtCardHeader {
		min-height: 30px !important;
		padding: 0 10px !important;
	}

	.landing-header .logo-anchor {
		top: -11px;
	}

	/*    .top-layout {
        position: fixed;
        top: 70px;
        z-index: 3;
    }*/

	#divMainBasicSearch .top-layout-search-button, #btnMainBasicSearch {
		width: 100%;
		justify-content: center
	}

	#account_details_modal_body {
		padding: 0;
	}
}



@media (max-width: 991.98px) {

	#divMainBasicSearch,
	#divMainAdvanceSearch {
		padding: 0 10px;
	}

	.top-layout-content {
		width: 100%;
	}

	.drawer.drawer-on {
		z-index: 9999;
	}
}

@media (max-width: 767px) {
	.cmtModalWrap .modal-dialog {
		max-width: 100% !important;
	}
}

@media (max-width:480px) {
	smartphones, Android phones, landscape iPhone .slots-div {
		height: 40rem !important;
	}
}