@charset "utf-8";
/* CSS Document */

/*---------- Google Fonts ----------*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
	font-family: "Open Sans", sans-serif;
	background: #FFFEF1;

	overflow-x: hidden;
}

.overflowSection {
	overflow: hidden;
}


:root {
	--Primary: #3E6070;
	--Secondary: #5841EE;
	--Yellow: #FBC011;
	--Black: #101010;
	--Blue: #3E6070;
	--Brown: #5D434B;
	--White: #FFFFFF;
}

a,
input,
button,
textarea {
	outline: none !important;
}

a {
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
	-ms-transition: all ease-in-out 300ms;
	-o-transition: all ease-in-out 300ms;
	-moz-transition: all ease-in-out 300ms;
}


.btn {
	cursor: pointer;
	border-radius: 10px;
	display: inline-block;
	padding: 20px 71px;
	text-decoration: none;
	font-family: Open Sans;
	font-size: 18px;
	font-weight: 700;
	line-height: 24.51px;
	text-align: center;
	color: var(--White);
	transition: 0.2s;
	position: relative;
	z-index: 99;
	background-color: var(--Brown);
	border: none;
	text-transform: capitalize;
}

.btn:hover {
	color: var(--White);
	background-color: #C39B52;
}

button.link {
	font-family: "Kumbh Sans";
	font-size: 20px;
	font-weight: 600;
	line-height: 24.8px;
	color: var(--Blue);
	border: none;
	background: transparent;
	text-transform: uppercase;
	padding: 20px;
	border-radius: 40px;
}

button.link:hover {
	background: var(--Yellow);
}


p {
	color: #4c4c6e;
	font-size: 16px;
	line-height: 28px;
}


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

.main-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 32.68px;
	color: #000000;
	padding: 0 0 44px;
}

.main-title * {
	font-weight: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	margin: 0;
}

.main-title span {
	font-size: 16px;
	font-weight: 400;
	line-height: 21.79px;
	display: block;
	color: #A9A9A9;
	margin: 8px 0 0;
}

.section-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 32.68px;
	color: #000000;
	padding: 0;
	text-transform: capitalize;
}

.section-title * {
	font-weight: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	margin: 0;
}

.sub-title {
	font-size: 18px;
	font-weight: 700;
	line-height: 24.51px;
	color: #000000;
	padding: 0 0 24px;
	text-transform: capitalize;
}

.sub-title * {
	font-weight: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	margin: 0;
}


.white-title {
	color: var(--White);
}


.navbar {
	padding: 0;
}


.navbar-nav .nav-item {
	position: relative;
	padding: 0;
}


.navbar-nav .nav-item:last-child {
	padding-right: 0;
}

.navbar-nav .nav-item:last-child:after {
	display: none;
}

.navbar-brand {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
}

.navbar-brand img {
	width: 213px;
}

.header {
	padding: 20px 50px;
	background: #FFFFFF;
	border-bottom: 1px solid #D2D2D2
}

.right-menu {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-left: auto;
}

.user-dropdown .dropdown-menu {
	padding: 0;
	overflow: hidden;
}

.user-dropdown .dropdown-toggle.show {
	border-radius: 10px 10px 0px 0px;
}


.user-dropdown .dropdown-toggle {
	border-radius: 10px;
	border: none;
	background: transparent;
	font-size: 20px;
	font-weight: 500;
	line-height: 27.24px;
	color: #000000;
	padding-right: 34px;

}


.dropdown .dropdown-toggle:after {
	background: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat;
	border: none;
	/* height: 6px; */
	width: 11px;
	margin-left: 10px;
	position: absolute;
	right: 6px;
	top: 0;
	background-size: 11px 6px;
	bottom: 0;
	background-position: center center;
}

.user-dropdown .dropdown-item:focus,
.user-dropdown .dropdown-item:hover {
	background: var(--Primary);
	color: var(--White);
}

.user-dropdown li {
	display: block;
}

.user-dropdown .dropdown-item {
	padding: 10px;
	background: transparent;
	border: none;
	border-radius: 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 16.94px;
	display: flex;
	align-items: center;
	color: #000;
	text-transform: capitalize;
}

.login-box {
	background: var(--White);
	box-shadow: 0px 40px 50px 0px #00000033;
	padding: 50px;
	border-radius: 30px;
	max-width: 540px;
	margin: 0 auto;
}

.login-box .btn {
	display: block;
	width: 100%;
}

.login-box p a.link {
	color: #3E6070;
	font-weight: 700;
}

.forgot-link {
	margin-top: -16px;
}

.login-box p {
	font-size: 16px;
	font-weight: 400;
	line-height: 21.79px;
	color: #101010;
	margin: 0;
}

.form-group {
	margin: 0 0 24px;
}

.form-group label {
	font-size: 16px;
	font-weight: 500;
	line-height: 21.79px;
	display: block;
	margin: 0 0 8px;
	text-transform: capitalize;
	color: #000000;
}

.form-control {
	border: 1px solid #D2D2D2;
	border-radius: 10px;
	padding: 20px;
	font-size: 16px;
	font-weight: 400;
	line-height: 21.79px;
	color: #101010;
	height: 62px;
}

.form-control::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: var(--Black);
}

.form-control::-moz-placeholder {
	/* Firefox 19+ */
	color: var(--Black);
}

.form-control:-ms-input-placeholder {
	/* IE 10+ */
	color: var(--Black);
}

.form-control:-moz-placeholder {
	/* Firefox 18- */
	color: var(--Black);
}

.login-main {
	/* height: 100%; */
	min-height: 100vh;
	display: flex;
	align-items: center;
	padding: 40px 0;
	justify-content: center;
}

.login-main .container {
	max-width: 1000px;
}

.login-box .link {
	font-size: 16px;
	font-weight: 600;
	line-height: 21.79px;
	text-decoration: none;
	color: var(--Blue);
	text-transform: capitalize;
}

.login-box .link:hover {
	color: #FBC011;
}



.logo {
	padding: 0 0 34px;
}

.login-box .main-title {
	position: relative;
	padding: 0;
	margin: 0 0 24px;
}

.login-box .main-title .star-icon {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.login-body {
	background: #C39B52;
}

.page-wrapper {
	padding: 24px 50px;
}

.nav-tabs {
	margin: 0 0 24px;
	border: none;
}

.nav-tabs .nav-item {
	flex: 0 0 16.666666%;
	max-width: 16.666666%;
}

.nav-tabs .nav-link {
	border: 1px solid #D2D2D2;
	margin-left: -1px;
	color: var(--Black);
	font-size: 18px;
	font-weight: 400;
	line-height: 24.51px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border-radius: 0;
	padding: 10px;
	text-transform: capitalize;
	border-left: none;
}

.nav-tabs .nav-link .icon {
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.nav-tabs .nav-item:first-child .nav-link {
	border-radius: 10px 0px 0px 10px;
	border-left: 1px solid #D2D2D2;
}

.nav-tabs .nav-item:last-child .nav-link {
	border-radius: 0px 10px 10px 0px;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	border-color: var(--Blue) !important;
	background: var(--Blue);
	color: var(--White);
}

.nav-tabs .nav-link:hover .icon svg path,
.nav-tabs .nav-item.show .nav-link .icon svg path,
.nav-tabs .nav-link.active .icon svg path {
	fill: #FFFFFF;
}

.nav-tabs .nav-link:hover .booking-icon svg path,
.nav-tabs .nav-item.show .nav-link .booking-icon svg path,
.nav-tabs .nav-link.active .booking-icon svg path {
	stroke: #FFFFFF;
	fill: none;
}


.search {
	position: relative;
	width: 100%;
	flex: 1;
	margin-right: 20px;
}

.search .form-control {
	height: 42px;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #D2D2D2;
	background: #FFFFFF;
	font-size: 16px;
	font-weight: 500;
	line-height: 21.79px;
	padding-right: 34px;
}

.search .s-btn {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: none;
	padding: 0;
	background: transparent;
	padding-right: 10px;
}

.wrap-head .filter ul {
	padding: 0;
	margin: 0 -10px;
	list-style: none;
	display: flex;
	align-items: center;
}

.wrap-head .filter ul li {
	padding: 0 10px;
	margin: 0;
	list-style: none;
	display: block;
	text-transform: capitalize;
}

.wrap-head .filter ul li a {
	text-decoration: none;
	display: block;
	font-size: 16px;
	font-weight: 600;
	line-height: 21.79px;
	color: #A34028;
	display: flex;
	align-items: center;
}

.wrap-head .filter ul li a .icon {
	margin-right: 8px;
}

.wrap-head .right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.wrap-head .left {
	display: flex;
	align-items: center;
}

.wrap-head .back {
	display: inline-block;
	margin-right: 8px;
	text-decoration: none;
}

.wrap-head {
	padding: 0 0 24px;
}

.wrap-head .section-title {
	position: relative;
	padding-left: 28px;
}

.wrap-head .section-title:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: block;
	background: url("../images/star.png") no-repeat;
	/* height: 20px; */
	width: 20px;
	background-size: 20px;
	bottom: 0;
	background-position: center center;
}

.client-grid-view .row {
	margin: 0 -16px;
}

.client-grid-view [class*=col-] {
	padding: 0 16px 33px;
}

.client-block {
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	padding: 20px;
	border-radius: 10px;
	height: 100%;
}

.client-block span {
	font-size: 16px;
	font-weight: 500;
	line-height: 21.79px;
	display: block;
	color: #9C9C9C;
	margin: 0 0 10px;
}

.client-block h3 {
	margin: 0 0 8px;
	font-size: 20px;
	font-weight: 500;
	line-height: 27.24px;
	color: var(--Black);
	text-transform: capitalize;
}

.client-block h6 {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 21.79px;
	color: var(--Black);
	text-transform: capitalize;
}

.client-block ul {
	display: flex;
	padding: 0;
	margin: 0;
	list-style-type: none;
	justify-content: space-around;
}

.client-block ul li {
	display: block;
	padding: 0;
	margin: 0;
	list-style-type: none;
	border-left: 1px solid #D2D2D2;
	width: 50%;
	text-align: center;
}

.client-block ul li:first-child {
	border: none;
}

.client-block ul li a {
	display: block;
	text-decoration: none;

}

.common-box {
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	border-radius: 10px;
	padding: 20px;
	padding-right: 33px;
	margin-bottom: 24px;
}


.select2-container--default .select2-selection--single {
	height: 62px;
	border: 1px solid #D2D2D2;
	border-radius: 10px;
	background-color: rgb(255, 255, 255);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--Black);
	padding: 0px 18px;
	font-size: 16px;
	font-weight: 400;
	line-height: 21.79px;
	text-transform: capitalize;
	padding-right: 50px;
	line-height: 62px;
}

.select2-container {
	width: 100% !important;
}


.select2-results__option {
	color: var(--Black);
	font-size: 15px;
	/* font-weight: 700; */
	text-transform: capitalize;

	padding: 10px 17px;
	display: flex;
	justify-content: space-between;
}


.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted,
.select2-container--default .select2-results__option[aria-selected=true] {
	background: #ADCFFF;
	color: #ffffff;
}


.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #ADCFFF transparent transparent transparent;
	border-width: 8px 8px 0 8px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	background-size: 11px;
	width: 15px;
	top: 0;
	bottom: 0;
	height: auto;
	background-position: center center;
	/* padding: 10px; */
	margin-right: 25px;
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z' fill='black'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}


.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple {
	border-color: #c9ac68;
}

.add-client-form {
	padding: 0 0 80px;
}


.booking-block {
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	padding: 20px;
	border-radius: 10px;
	height: 100%;
}

.booking-block span {
	font-size: 16px;
	font-weight: 500;
	line-height: 21.79px;
	display: block;
	color: #9C9C9C;
	margin: 0 0 10px;
}

.booking-block h3 {
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: 500;
	line-height: 27.24px;
	color: var(--Black);
	text-transform: capitalize;
}

.booking-block h6 {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 400;
	line-height: 21.79px;
	color: var(--Black);
	text-transform: capitalize;
}

.booking-block ul {
	display: flex;
	padding: 0;
	margin: 0;
	list-style-type: none;
	justify-content: space-around;
}

.booking-block ul li {
	display: block;
	padding: 0;
	margin: 0;
	list-style-type: none;
	border-left: 1px solid #D2D2D2;
	width: 50%;
	text-align: center;
}

.booking-block ul li:first-child {
	border: none;
}

.booking-block ul li a {
	display: block;
	text-decoration: none;
}

.status-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 10px;
}

.status-bar .status {
	position: relative;
	font-size: 16px;
	font-weight: 500;
	line-height: 21.79px;
	padding-left: 14px;
	text-transform: capitalize;
}

.status-bar .status:before {
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	left: 0;
	top: 50%;
	content: "";
	transform: translate(0, -50%);
}

.live-status {
	color: #A34028;
}

.live-status:before {
	background: #A34028;
}

.virtual-status:before {
	background: #3E6070;
}

.virtual-status {
	color: #3E6070;
}

.action {
	font-size: 14px;
	font-weight: 500;
	line-height: 19.07px;
	padding: 4px 8px;
	border-radius: 4px;
	color: #ffffff;
	text-transform: capitalize;
}

.cancel {
	background: #A34028;
}

.confirm {
	background: #3E6070;
}

.onhold {
	background: #C39B52;
}

.date-time {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.date-time .date-block {
	width: 50%;
	flex: 0 0 50%;
	padding: 0 0 10px;
}

.date-time .date-block h6 img {
	margin-right: 6px;
}

.date-time .date-block h6 {
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 21.79px;
	display: flex;
	align-items: center;
	color: #507382;
}

.date-time .date-block span {
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 21.79px;
	color: #9C9C9C;
	display: block;
}

.date-time .date-block:nth-child(2n) {
	text-align: right;
}

.date-time .date-block:nth-child(2n) h6 {
	justify-content: flex-end;
}

.booking-filter {
	padding: 0 0 20px;
}

.booking-filter span {
	margin-right: 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 21.79px;
	color: #A9A9A9;
}

.form-custom-check .form-check-label {
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 21.79px;
	color: #000000;
	display: block;
	text-transform: capitalize;
}

.form-custom-check .form-check-input[type=radio] {
	height: 16px;
	width: 16px;
	border: 1px solid #A34028;
	position: absolute;
	left: 0;
	margin: 0;
	top: 2px;
}

.form-custom-check .form-check-input[type=checkbox] {
	height: 14px;
	width: 14px;
	border: 1px solid #D2D2D2;
	position: absolute;
	left: 0;
	margin: 0;
	top: 2px;
	border-radius: 0;
}

.form-custom-check .form-check-input[type=checkbox]:checked {
	background-size: 12px !important;
	background-color: #A34028;
	border-color: #A34028;
}

.tab-content {
	outline: none !important;
}

.form-custom-check .form-check-input[type=radio]:checked {
	background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='%23A34028'/></svg>") #ffffff;
}

.form-check-inline {
	position: relative;
	margin: 0;
	margin-right: 20px;
}

.form-check-inline:last-child {
	margin: 0;
}

.datepiker-control {
	position: relative;
	z-index: 9;
}

.datepiker-control .icon {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translate(0, -50%);
	/* z-index: -1; */
}


/*********** datepicker commmon start *************/
.datepicker.datepicker-dropdown {
	background-color: #243C95;
	z-index: 99999 !important;
	border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	margin: 0;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-ms-border-radius: 7px;
	background-color: #ffffff !important;
	padding: 0;
	background: #FFFFFF;
	border-radius: 0;
	border: 1px solid #DAE1E7;
	min-width: 270px;
	max-width: 270px;
}

.datepicker.datepicker-dropdown.datepicker-orient-bottom:after {
	border-bottom-color: #ffffff !important;
}

.datepicker.datepicker-dropdown.datepicker-orient-top:after {
	border-top-color: #ffffff !important;
}

.datepicker.datepicker-dropdown .table-condensed thead tr th,
.datepicker.datepicker-dropdown .table-condensed thead tr td,
.datepicker.datepicker-dropdown .table-condensed tbody tr th,
.datepicker.datepicker-dropdown .table-condensed tbody tr td,
.datepicker.datepicker-dropdown .table-condensed tfoot tr th,
.datepicker.datepicker-dropdown .table-condensed tfoot tr td {
	color: #ffffff;
	color: #243C95;
	border-radius: 0;
}

.datepicker.datepicker-dropdown .table-condensed thead tr th,
.datepicker.datepicker-dropdown .table-condensed tbody tr th,
.datepicker.datepicker-dropdown .table-condensed tfoot tr th {
	font-size: 14px;
	line-height: 16px;

}

.datepicker.datepicker-dropdown .table-condensed thead tr th.dow {
	padding: 5px;
	letter-spacing: 0;
	text-transform: capitalize;
	color: #FFF;
	background: var(--Blue);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0;
	width: 14.28%;
}


.datepicker.datepicker-dropdown table tr td .year,
.datepicker.datepicker-dropdown table tr td .month,
.datepicker.datepicker-dropdown .table-condensed thead tr td,
.datepicker.datepicker-dropdown .table-condensed tbody tr td,
.datepicker.datepicker-dropdown .table-condensed tfoot tr td {
	color: #000;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	border-radius: 20px !important;
	padding: 8px;
	margin: 0;
	height: auto;
}

.datepicker.datepicker-dropdown .table-condensed thead tr td.day,
.datepicker.datepicker-dropdown .table-condensed tbody tr td.day,
.datepicker.datepicker-dropdown .table-condensed tfoot tr td.day {
	height: auto;
	width: auto;
}

.datepicker .next.disabled,
.datepicker .prev.disabled {
	visibility: visible;
}


.datepicker table {
	width: 100%;
	background: #fff;

}

.datepicker-main {
	width: 100%;
	background: #fff;
	border-radius: 24px;
	border: 1px solid #C6C6C6;
	overflow: hidden;
}

.datepicker.datepicker-dropdown .datepicker-switch,
.datepicker.datepicker-dropdown .prev,
.datepicker.datepicker-dropdown .next,
.datepicker.datepicker-dropdown tfoot tr th {
	text-align: center;
	vertical-align: middle;
	text-align: center;
	font-size: 16px !important;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	color: #000 !important;
	padding: 10px 0 !important;

}

.datepicker.datepicker-dropdown .prev,
.datepicker.datepicker-dropdown .next {
	content: "";
	height: 39px;
	width: 44px;
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 18L9 12L15 6' stroke='gray' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	text-indent: -9999px;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	border-left: none;
}

.datepicker.datepicker-dropdown .next {
	content: "";
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18L15 12L9 6' stroke='gray' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
	border-right: none;
}

.datepicker.datepicker-dropdown .datepicker-switch:hover,
.datepicker.datepicker-dropdown .prev:hover,
.datepicker.datepicker-dropdown .next:hover,
.datepicker.datepicker-dropdown tfoot tr th:hover {
	color: #243C95;
}

.datepicker.datepicker-dropdown table tr td span:hover,
.datepicker.datepicker-dropdown table tr td span.focused {
	background: var(--Blue);
	color: #fff !important;
}

.datepicker.datepicker-dropdown table tr td.day:hover,
.datepicker.datepicker-dropdown table tr td.day.focused {
	color: #fff !important;
	background: var(--Blue) !important;
}

.datepicker.datepicker-dropdown table tr td .month.active,
.datepicker.datepicker-dropdown table tr td .month.focused {
	background: #ffffff !important;
	color: #fff !important;

	background: var(--Blue) !important;
	border-radius: 10px;
}


.datepicker.datepicker-dropdown table tr td .year.active,
.datepicker.datepicker-dropdown table tr td .year.focused {
	background: #ffffff !important;
	color: #fff !important;

	background: var(--Blue) !important;
	border-radius: 10px;
}

.datepicker.datepicker-dropdown table tr td.active {
	background: var(--Blue) !important;
	color: #fff !important;
}

/* .datepicker.datepicker-dropdown table tr td.today {
	color: #fff !important;
} */

.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: var(--Blue) !important;
	color: #fff !important;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover {
	background-color: transparent !important;
}

.datepicker.datepicker-dropdown table tr td.today:hover {
	background: var(--Blue) !important;
	color: #ffffff !important;
	/* background: var(--Blue) !important; */
	border-radius: 10px;
}

.datepicker.datepicker-dropdown table tr td.today.disabled:hover {
	background: #ffffff;
	color: #243C95;
}



.datepicker.datepicker-dropdown .table-condensed thead tr td.day.old,
.datepicker.datepicker-dropdown .table-condensed tbody tr td.day.old,
.datepicker.datepicker-dropdown .table-condensed tfoot tr td.day.old,
.datepicker.datepicker-dropdown .table-condensed thead tr td.day.new,
.datepicker.datepicker-dropdown .table-condensed tbody tr td.day.new,
.datepicker.datepicker-dropdown .table-condensed tfoot tr td.day.new {
	cursor: not-allowed;
	color: #c7c7c7 !important;
	background: transparent !important;
}


.input-group>.form-control:focus,
.input-group>.form-floating:focus-within,
.input-group>.form-select:focus {
	z-index: 0;
}

.input-group>.form-control,
.input-group>.form-floating,
.input-group>.form-select {
	border-radius: 10px !important;
}

.bootstrap-datetimepicker-widget table th.prev::after {
	content: "previous";
}

.bootstrap-datetimepicker-widget table th.next::after {
	content: "";
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18L15 12L9 6' stroke='gray' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
	border-right: none;
}


.bootstrap-datetimepicker-widget {
	min-width: 230px !important;
	max-width: 230px !important;
}

.bootstrap-datetimepicker-widget .timepicker td a span {
	margin: 0;
	background: var(--Blue);
}

.bootstrap-datetimepicker-widget .timepicker td .btn-primary {
	margin: 0;
	background: var(--Blue);
	padding: 4px 12px;
	font-size: 16px;
	font-weight: normal;
}

.bootstrap-datetimepicker-widget .timepicker td a {
	padding: 0;
}

.common-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 0 24px;
}

.common-head .sub-title {
	padding: 0;
}

.add-btn a img {
	margin-right: 8px;
}

.add-btn a {
	font-size: 16px;
	font-weight: 600;
	line-height: 21.79px;
	color: #A34028;
	text-decoration: none;
	display: flex;
	align-items: center;
}



.set-list-main .date-time {
	margin: 0 -35px;
}

.set-list-main .date-time .date-block {
	padding: 0 35px 10px;
}

.set-list-main .date-time .date-block h6 {
	display: block;
}

.set-list-main .date-time .date-block:nth-child(2n) {
	text-align: left;
}

.routines-main .date-time {
	margin: 0 -35px;
}

.routines-main .date-time .date-block {
	padding: 0 35px 10px;
}

.routines-main .date-time .date-block h6 {
	display: block;
}

.routines-main .date-time .date-block:nth-child(2n) {
	text-align: left;
}

.minute span {
	color: #507382;
	margin: 0 0 4px;
}

.btn-close {
	position: absolute;
	right: 20px;
	top: 20px;
	padding: 0;
	background: transparent;
	z-index: 999;
	opacity: 1;
	height: auto;
	width: auto;
}

.common-modal .modal-dialog {
	max-width: 550px;
}

.common-modal .modal-body {
	padding: 0;
}

.common-modal .modal-footer>* {
	margin: 0;
}

.common-modal .modal-footer {
	padding: 0;
	border: none;
	justify-content: center;
}

.common-modal .modal-content {
	padding: 20px;
	border: 1px solid #D2D2D2;
}


.form-switch .form-check-input {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23A34028'/%3e%3c/svg%3e");
	width: 31px;
	background-position: left 3px center;
	border-radius: 2em;
	transition: background-position .15s ease-in-out;
	/* background-size: 6px; */
	height: 18px;
	float: right;
	cursor: pointer;
	background-size: 10px;
	border: 1px solid #A34028;
	float: none;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

.form-switch {
	padding-left: 0;
	cursor: pointer;
}

input:focus {
	border-color: #c9ac68 !important;
	box-shadow: 0 0 0 0.25rem rgba(201, 172, 104, .25) !important;
}

.form-switch label {
	display: inline-block;
	padding-left: 0;
	margin: 0;
	margin-right: 4px;
	vertical-align: middle;
	cursor: pointer;
}


.form-switch .form-check-input:checked {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
	background-position: right 3px center;
	background-color: #A34028;
}

.common-box.link-box {
	background: #FFFFFF;
	border: 1px solid #D2D2D2;
	border-radius: 10px;
	padding: 0;
}

.link-box a {
	background: #FFFFFF;
	border-radius: 10px;
	padding: 20px;
	padding-right: 33px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 18px;
	font-weight: 700;
	line-height: 24.51px;
	color: #000000;
	text-decoration: none;
	text-transform: capitalize;
}

.common-modal .btn-block {
	display: block;
	width: 100%;
}

.plan-block {
	border: 1px solid #D2D2D2;
	background: var(--White);
	border-radius: 10px;
}

.plan-block .p-head h6 {
	font-size: 16px;
	font-weight: 500;
	line-height: 21.79px;
	color: #000000;
	margin: 0;

}

.plan-block h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 27.24px;
	color: #000000;
	margin: 0 0 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.plan-block h3 span {
	font-size: 12px;
	font-weight: 500;
	line-height: 16.34px;
	display: block;
}

.plan-block .p-head {
	background: #D2D2D2;
	border-radius: 10px 10px 0px 0px;
	padding: 10px 20px;
}

.plan-block .plan-detail {
	padding: 20px;
}

.plan-block .btn {
	padding: 10px 27px;
}

.sub-title span {
	font-size: 16px;
	font-weight: 500;
	line-height: 21.79px;
	display: block;
	margin: 8px 0 0;
	color: #000000;
}

.privacy-content p {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin: 0 0 24px;
	color: #000000;
}

.privacy-content .sub-title {
	padding: 0 0 8px;
}

.mbsc-ios.mbsc-calendar-width-md .mbsc-calendar-day-labels .mbsc-calendar-day-inner {
	min-height: 120px;
}


.client-table table.dataTable thead th,
.client-table table.dataTable thead td {
	font-size: 20px;
	font-weight: 500;
	line-height: 27.24px;
	padding: 20px;
	background-color: transparent;
	text-transform: capitalize;
	border-bottom: 1px solid #d2d2d2;
	border-radius: 0;
	border: none;
	color: #101010;
}

.client-table table.dataTable tbody td .icon {
	display: inline-block;
}

.client-table table.dataTable tbody td a {
	color: #101010;
	text-decoration: none;
}
.client-table table.dataTable tbody td.time {
	color: #507382;
}
.client-table table.dataTable tbody td {
	font-size: 16px;
	font-weight: 500;
	line-height: 21.79px;
	padding: 20px;
	background: transparent;
	text-transform: capitalize;
	border: none !important;
	border-top: 1px solid #d2d2d2 !important;
	text-align: left;
	color: #101010;
}

.client-table table.dataTable tbody td:last-child {
	text-align: right;
}
.client-table table.dataTable tbody td ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	display: block;
}
.client-table table.dataTable tbody td ul li {
	padding: 0 20px;
	margin: 0;
	list-style-type: none;
	display: inline-block;
	border-left: 1px solid #D2D2D2;
}
.client-table table.dataTable tbody td ul li:first-child {
	border: none;
}

.client-table .dataTables_wrapper.no-footer .dataTables_scrollBody {
	border: none;
}

.client-table .dataTables_scroll {
	background: #FFFFFF;
	border-radius: 20px;
	border: 1px solid #d2d2d2;

}

.client-table table.dataTable.stripe tbody tr.odd,
.client-table table.dataTable.display tbody tr.odd {
    background-color: transparent;
}


.dataTables_wrapper .dataTables_paginate .paginate_button {
	min-width: 1.5em;
	padding: 0.5em 1em;
	margin-left: 0;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	color: #C3C3C3 !important;
	border: 1px solid #d2d2d2;
	border-radius: 0;

	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: 0em;
	text-align: left;

}

.dataTables_wrapper .dataTables_paginate .paginate_button svg path {
	fill: #000000;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.next svg {
	margin-left: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous svg {
	margin-right: 10px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	color: #C3C3C3 !important;
	border: 1px solid #d2d2d2 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled svg path,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover svg path,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active svg path {
	fill: #C3C3C3;
}

table.dataTable.no-footer {
	border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover svg path,
.dataTables_wrapper .dataTables_paginate .paginate_button.current svg path,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover svg path {
	fill: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: #A34028;
	color: #fff !important;
	border-color: #A34028 !important;
}

.dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
	padding: 30px 0 0;
}

.wrap-head .filter ul li a.grid-btn {
	display: none;
}
.wrap-head .filter ul li a.list-btn {
	display: none;
}

.wrap-head .filter ul li a.grid-btn.active {
	display: flex;
}

.wrap-head .filter ul li a.list-btn.active {
	display: flex;
}

.client-list-main.list-view .client-grid-view {
	display: none;
}

.client-list-main.grid-view .client-list-view {
	display: none;
}

.client-list-main.list-view .client-list-view {
	display: block;
}
.error{
	color: red !important;
}