@import url('https://fonts.googleapis.com/css2?family=Arima:wght@100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{ margin:0px; padding:0px; outline:0px; box-sizing: border-box;}
*, *:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
a{text-decoration:none; color:#24A8FF; transition:all 0s linear 0s;}
a:hover{transition:all 0s linear 0s; color:#FFD940;}
a img, img{border:0px; outline:none;}
img{max-width:100%; height:auto;}
a, input[type="submit"], button{outline:none;  }
.clear{clear:both;}
::-moz-placeholder{ opacity:1; }
input[type=submit], button, select{ -moz-appearance: none;-webkit-appearance: none;}
input, select, button, textarea{ font-family: "Arima", system-ui; font-weight:400;}
input[type=submit], button{ cursor:pointer;transition:all 0.4s linear 0s;}
input[type="submit"], input[type="text"], input[type="search"], button, input[type="email"], input[type="tel"], textarea, select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; border:0;}
h1, h2, h3, h4, h5, h6, p, ul, li, label, input, textarea, img, submit, button, a{ margin: 0px; padding: 0px; outline: none; list-style: none; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align:baseline;}
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; scroll-behavior: smooth}
q {-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;quotes: none;}
a:focus {outline:0; }
a:hover,
a:active {outline: 0;}
a img {border: 0;}
body{color:#4A45AD; font-weight:400; font-size:16px; font-family: "Arima", system-ui; background: url("../images/header.svg") repeat-x center top; width: 100%; max-width: 768px; margin: 0 auto;}
.container{ width:100%; max-width: 100%; margin:0 auto;}
.wrapper { width: 100%; max-width:100%; margin: 0 auto}
h1, h2, h3, h4,h5, h6{font-family: "Arima", system-ui;}


/*******************************/
/* HEADER CSS START HERE
/*******************************/
.dataTables_wrapper .dataTables_info {
	float: left;
	font-size: 13px;
	padding: 10px;
  }

  /* Center the pagination */
.dataTables_paginate {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

/* Style pagination buttons */
.paginate_button {
    background-color: #007bff; /* Primary color */
    color: white;
    border: 1px solid #007bff;
    border-radius: 4px;
    padding: 5px 10px;
    margin: 0 5px;
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
}

/* Hover effect for buttons */
.paginate_button:hover {
    background-color: #0056b3; /* Darker shade */
    border-color: #0056b3;
}

/* Active button style */
.paginate_button.current {
	background-color: #dcbbb9;
	border-color: #dcbcba;
	font-weight: bold;
}

/* Disable next/previous buttons */
.paginate_button.disabled {
	background-color: #f2f2f2;
	color: #666;
	cursor: not-allowed;
	border: 1px solid #e9d4d3;
}

/* Style the "Previous" and "Next" buttons */
.dataTables_paginate .previous,
.dataTables_paginate .next {
    font-weight: bold;
}

/* Move pagination controls to the right */
.dataTables_wrapper .dataTables_paginate {
	float: right;
	font-size: 13px;
	padding: 0px;
	margin-bottom: 10px;
}
.button_container {
	display: flex;
  }
  .button_container .dataTables_filter {
	width: 100%;
	float: right;
	font-size: 0;
	padding: 16px 16px 16px 0;
  }
.header {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	min-height: 210px;
}
.logo {
	text-align: center;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items:center;
}
.logo img {
	display: block;
}

a#togglePassword {
	width: 24px;
	height: 24px;
	background: url("../images/lp-eye.svg") no-repeat center center;
	position: absolute;
	top: 57%;
	right: 8px;
}
a#togglePassword.active {
	background: url("../images/closeEye.svg") no-repeat center center;
}

.LoginArea {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 35px;
	flex-direction: column;
}
.LoginArea h1 {
	text-align: center;
	font-size: 30px;
	color: rgba(13, 24, 41, 1);
	line-height: 48.99px;
	font-weight: 700;
	padding: 0;
	margin: 0;
}
.LoginArea h2 {
	text-align: center;
	font-size: 13.5;
	color: rgba(0, 0, 0, 1);
	line-height: 20.25px;
	font-weight: 400;
	padding: 0;
	margin: 0;
	font-family: "Poppins", sans-serif;
	margin: 0 0 32px;
}

.FormGroup,
.LogFormArea{
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	position: relative;
}

.FormGroup {
	margin-bottom:20px ;
}

.FormGroup label {
	font-weight: 500;
	font-size: 18px;
	color: rgba(0, 0, 0, 1);
	padding-bottom: 5px;
}

.LoginArea input[type=text],
.LoginArea input[type=email],
.LoginArea input[type=password],
.LoginArea input[type=tel],
.LoginArea input[type=url]{
	width: 100%;
	height: 45px;
	border: 1px solid rgba(165, 91, 85, 1);
	border-radius: 6px;
	font-weight: 600;
	padding: 0 10px;
	font-size: 18px;
}

.LoginArea input[type=submit]{
	background: rgba(213, 174, 171, 1);
	height: 45px;
	border: 0;
	border-radius: 11.25px;
	color: rgba(255, 255, 255, 1);
	line-height: 22.5px;
	font-weight: 700;
	font-size: 15px;
	font-family: "Poppins", sans-serif;
}

.btn-secondary{
	background: rgba(213, 174, 171, 1);
	height: 45px;
	border: 0;
	border-radius: 11.25px;
	color: rgba(255, 255, 255, 1);
	line-height: 22.5px;
	font-weight: 700;
	font-size: 15px;
	font-family: "Poppins", sans-serif;
}
/**********************************/
/* CUSTOM CHECKBOX CSS START HERE
/*********************************/
.FormGroup.rememberMe {
	display: flex;
	margin: -11px 0 30px;
}
.FormGroup.rememberMe input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
  }
  
  .FormGroup.rememberMe label {
	position: relative;
	cursor: pointer;
	padding: 0;
	margin: 0;
	display: flex;
	color: rgba(148, 144, 144, 1);
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 15px;
	line-height: 22.5px;
	align-items: center;
	gap: 3.75px;
}
  
  .FormGroup.rememberMe label:before {
	content:'';
	-webkit-appearance: none;
	background-color: transparent;
	background: url(../images/uncheck.png) no-repeat center center;
	width: 15px;
	height: 14px;
	display: block;
  }
  
  .FormGroup.rememberMe input:checked + label:after {
	content: '';
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	background: url(../images/check.png) no-repeat center center;
	width: 15px;
	height: 14px;
  }
  .FormGroup.rememberMe input:checked + label:before{
	background: none;
  }
/**********************************/
/* CUSTOM CHECKBOX CSS END HERE
/*********************************/

.ForgotPassword {
	text-align: center;
	margin: 7px 0 0;
}
.ForgotPassword a{
	color: rgba(213, 174, 171, 1);
	font-weight: 500;
	font-size: 15px;
	font-family: "Poppins", sans-serif;
	line-height: 22.5px;
}  
.Or {
	text-align: center;
	margin: 70px 0 0;
}
.Slogin {
	text-align: center;
	display: flex;
	justify-content: center;
	gap: 32.81px;
	margin: 30px 0 0;
}
.Slogin a img {
	width: 35px;
	height: 35px;
}


.MenuToggle.topA {
	position: absolute;
	top: 36px;
	right: 35px;
    z-index: 9999;
}


/******************************/
/*SIDEBAR MENU CSS START HERE
/******************************/
.OverLay {
	background: url("../images/overlay.png") repeat;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	 display: none; 
    opacity: 0;
    transition: opacity 0.3s ease;
	z-index: 99;
}
.OverLay.active {
    display: block;
    opacity: 0.5;
}
.SidebarPane {
	position: fixed;
	top: 0;
	background:rgba(255, 255, 255, 1);
	right: 0;
	width: 80%;
	height: 100%;
    transition: all 0.3s;
	z-index: 9999;
	transform: translateX(100%);
	visibility: hidden;
	opacity: 0;
}
	



.SidebarPane.active {
   transform: translateX(0);
	visibility: visible;
	opacity: 1;
}
.ClosePanel {
	position: absolute;
	top: 10px;
	left: -26px;
	opacity: 0.6;
}

.PanelInner {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.PanelTop {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.CoverPic {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	position: relative;
}
.CoverPic img{
	width: 100%;
	display: block;
	height: 150px;
	object-fit: cover;
	object-position: center;
}
.CoverPic:before {
	background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 65.66%);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";

}

.UserArea {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 0 30px;
	position: relative;
	z-index: 9;
}
.UserNeme {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-top: -30px;
	align-items: center;
	font-size: 20px;
	font-weight: 700;
	color: rgba(0, 0, 0, 1);
	gap: 15px;
	line-height: 24.38px;
}
.UserNeme img{
	width: 80px;
	height: 80px;
	object-fit: cover;
	object-position: center;
	border: 3.43px solid rgba(213, 174, 171, 1);
	border-radius: 30px;
}
.UserNeme span {
	margin-top: 28px;
}

.PrfileMenu {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin: 10px 0 0;
	overflow: auto;
	min-height: 100px;
	max-height: 400px;
}

.PrfileMenu ul {
	padding: 0;
	margin: 0;
}

.PrfileMenu ul li {
	padding: 0;
	margin:51px 0 0 0;
}
.PrfileMenu ul li a {
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: rgba(0, 0, 0, 1);
	line-height: 26.67px;
	font-weight: 300;
	display: flex;
	align-items: center;
	gap: 17px;
}


.PanelBottom {
	width: 100%;
	padding: 0 30px;
	display: flex;
}
.logout{
	border-top: 1px solid rgba(165, 91, 85, 1);
		width: 100%;
	padding:20px  0 ;
	display: flex;
	font-size: 20px;
	line-height: 26.67px;
	color: rgba(0, 0, 0, 1);
	font-weight: 300;
}
.logout a {
	color: rgba(0, 0, 0, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 17px;
}
.menuCover {
	overflow: hidden;
}
/******************************/
/*SIDEBAR MENU CSS END HERE
/******************************/



.DateArea {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding: 0 25px;
	margin-top: 0;
	z-index: 1;
}
.DateArea h1{
	color: rgba(13, 24, 41, 1);
	font-size: 18px;
	font-weight: 500;
	line-height: 29.39px;
}

.DateList {
	width: 100%;
	display: flex;
	overflow: hidden;
	margin:22px 0 0;
}

.DateArea ul {
	display: flex;
	flex-direction: row;
	white-space: nowrap;
	overflow: auto;
	scrollbar-width: none;
	width: 100%;
	gap:10px;
	padding: 10px 0 0;
}
.DateArea ul li {
	flex: 0 0 57px;
	height: 69px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: rgba(240, 242, 246, 1);
	border-radius: 15px;
	font-weight: 500;
	color:rgba(13, 24, 41, 1);
	line-height: 35.93px;
	cursor: pointer;
	font-size: 22px;
}

.DateArea ul li span {
	font-size: 16px;
	font-weight: 40;
	line-height: 26.13px;
	margin: 9px 0 -7px;
}

.DateArea ul li.activeDate {
	background: rgba(142, 35, 28, 1);
	zoom: 1.2;
	margin: -6px 0 0;
}


.DateArea ul li.activeDate,
.DateArea ul li.activeDate span {
	color: #FFF;
}


.TableShorting {
	background: rgba(242, 242, 242, 1);
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin-top: 28px;
	position: relative;
	overflow: auto;
}

#TableShorting_length,
#TableShorting_info,
#TableShorting_paginate{
	display: block;
}

.ButonArea {
	width: auto;
	display: flex;
	justify-content: space-between;
	position: absolute;
	padding: 16px 0 0 16px;
	gap: 10px;
}

.ButonArea a{
	border: 1px solid rgba(242, 242, 242, 1);
	display: flex;
	background: rgba(255, 255, 255, 1);
	height: 32px;
	line-height: 32px;
	padding: 0 8px;
	gap:7px;
	font-weight: 400;
	font-size: 12px;
	color: rgba(128, 122, 122, 1);
	border-radius: 8px;
	z-index: 10; /* Make sure this container is on top */

}

.ButonArea a img{
	width: 16px;
}

.dataTables_filter {
	width: 54%;
	float: right;
	font-size: 0;
	padding: 16px 16px 16px 0;
}

.dataTables_filter input[type=search] {
	border: 1px solid rgba(242, 242, 242, 1);
	width: 100%;
	height: 32px;
	background:#FFF  url("../images/search-icon.svg") no-repeat 8px center;
	padding: 0 10px 0 28px;
	font-size: 12px;
	color: rgba(151, 151, 151, 1);
	font-weight: 400;
	border-radius: 32px;
}
.TableShorting table{
	background: rgba(255, 255, 255, 1);
	padding: 0 8px;
	border-bottom: 1px solid rgba(242, 242, 242, 1)
}

.TableShorting table th {
	padding: 12px 2px;
	color: rgba(64, 64, 64, 1);
	font-size: 12px;
	font-weight: 500;
	text-align: left;
	background: url("../images/noram-arrow.png") no-repeat 80% center;
}

.TableShorting table th:last-child,
.TableShorting table th.Pax,
.sorting_disabled{
	background: none!important;
	pointer-events: none;
}

.TableShorting table th:last-child img {
	width: 27px;
}

.TableShorting table th.sorting_asc {
	background: url("../images/up-arrow.png") no-repeat 80% center
}
.TableShorting table th.sorting_desc {
	background: url("../images/down-arrow.png") no-repeat 80% center
}


.TableShorting table td {
	padding: 12px 2px;
	color: rgba(64, 64, 64, 1);
	font-size: 12px;
	font-weight: 500;
}


.dataTable  {
	width: 100%!important;
	padding: 0!important;
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active{
	background: none!important;
	color: #000;
	border: none;
	box-shadow: none !important;
}
.dataTables_wrapper .dataTables_info {
	padding-left: 10px;
	color: #000;
}
#TableShorting_length {
	display: none!important
}

.NavigationBottom {
	position: fixed;
	bottom: 0;
	left: 0;
	background: #FFF;
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid rgba(234, 233, 240, 1);
	max-width: 768px;
	right: 0;
	margin: 0 auto;
	z-index: 9;
}
.MenuBody {
	width: 100%;
	display: flex;
	
	padding: 12px ;
}
.NavigationBottom ul {
		width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: center;
}
.NavigationBottom ul li a {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: rgba(68, 86, 104, 1);
}
.NavigationBottom ul li a span {
	display: block;
}


.InnerBody {
	display: flex;
	flex-direction: column;
	padding-bottom: 85px;

}


.TourCard {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding:30px 22px;
}

.CardBox{
	background: rgba(232, 211, 211, 0.41);
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	padding: 20px;
	margin-bottom: 20px;
}

.CardBox h2 {
	font-size: 20px;
	font-weight: 500;
	color: rgba(13, 24, 41, 1);
	line-height: 32.66px;
}

.CardBox h3{
	font-weight: 700;
	font-size: 13px;
	color: rgba(0, 0, 0, 1);
	line-height: 16px;
	letter-spacing: -0.5px;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(213, 174, 171, 1);
	padding:2px 0 15px;
}
.CardBox h3 span {
	font-weight: 400;
	font-size: 13px;
	line-height: 14px;
	color: rgba(64, 64, 64, 1);
}

.CardBox  ul {
	padding:6px 0 0;
	margin: 0;
}
.CardBox ul li{
	display: flex;
	align-items: flex-start;
	gap:14px;
	margin:10px 0 0
}
.TourIconS {
	background: rgba(213, 174, 171, 1);
	width: 26px;
	height: 26px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.TourIconS img {
	width: 14px;
}

.CardBox ul li h4 {
	font-size: 16px;
	line-height: 17px;
	color: rgba(64, 64, 64, 1);
	letter-spacing: -0.5px;
}
.CardBox ul li h5 {
	font-size: 13px;
	line-height: 17px;
	color: rgba(153, 153, 153, 1);
	letter-spacing: -0.5px;
}


.ViewAll {
	width: 100%;
	display: flex;
	border-top: 1px solid rgba(213, 174, 171, 0.3);
	margin:15px 0 0;
	padding-top: 15px;
	align-items: center;
	justify-content: center;
	
}
.ViewAll a{
	font-size: 15px;
	line-height: 15px;
	color: rgba(165, 91, 85, 1);
	letter-spacing: -0.5px;
	display: flex;
	gap:15px;
}

.header.InnerHead {
	min-height: inherit;
	display: flex;
	padding: 20px 16px;
	justify-content: space-between;
	align-items: center;
}

.PageTitle {
	font-size: 20px;
	font-weight: 600;
	color: rgba(0, 0, 0, 1);
	line-height: 26px;
}


.CardDetail {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: wrap;
	padding-top: 20px;
}

.CardDetail h1{
	color: rgba(13, 24, 41, 1);
	font-weight: 500;
	font-size: 24px;
	line-height: 39.19px;
}
.CardDetail h2{
	font-size: 13px;
	font-weight: 700;
	color: rgba(0, 0, 0, 1);
	line-height: 16px;
	letter-spacing: -0.5px;
}
.CardDetail h3 {
	margin-top: 15px;
}
.CardDetail h3 span {
	background: rgba(213, 174, 171, 1);
	border-radius: 100px;
	display: flex;
	padding: 9px 15px;
	color: rgba(255, 255, 255, 1);
	font-size: 15px;
	line-height: 15px;
	gap:8px;
}

.CardDetail h3 span img{
	filter: brightness(0) invert(1);
}

.CardBox.CardListing {
	padding: 0;
	background: none;
	border-radius: 0;
	margin-bottom: -30px;
}


.CardBox.CardListing .TourIconS {
	width: 32px;
	height: 32px;
}

.CardBox.CardListing .TourIconS img{
	width: 17px;
}
.CardBox.CardListing ul li {
	margin: 0 0 20px;
}
.CardBox.CardListing ul li h4 {
	font-size: 17px;
	line-height: 20px;
}
.CardBox ul li h4 a{
	color: rgba(64, 64, 64, 1);
}
.CardBox.CardListing ul li h5{
	line-height: 20px;
}

.CommentSection {
	padding: 0 22px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.CommentBox {
	padding:16px 0 0;
}
.CommentBox:first-child{
	border-top: 1px solid rgba(213, 174, 171, 0.3);
}

.CommentBox h4{
	font-size: 13px;
	color: rgba(153, 153, 153, 1);
	line-height: 16px;
	letter-spacing: -0.5px;
}

.CommentContent{
	background: rgba(246, 237, 237, 1);
	border-radius: 10px;
	padding: 10px 29px 10px 10px;
	font-size: 15px;
	line-height: 20px;
	color: rgba(0, 0, 0, 1);
	letter-spacing: -0.5px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}


.header.InnerHead.ProfileIn{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.ProfileClient {
	width: 100%;
	display: flex;
	position: relative;
}
.ProfileClient img{
	display: block;
	height: 207px;
	width: 100%;
	object-fit: cover
}


.ProfileClient:after{
	background: url("../images/img-shape.svg") no-repeat center bottom;
	background-size: 100%;
	height: 46px;
	width: 100%;
	position: absolute;
	bottom: -5px;
	left: 0;
	content: "";
}
.ProfileClient:before{
	background: url("../images/top-overlay.svg") no-repeat center top;
	background-size: 100%;
	height: 100%;
	width: 100%;
	position: absolute;
	top:0px;
	left: 0;
	content: "";
}

.header.InnerHead.ProfileIn{
	filter: brightness(0) invert(1);
}

.ClientName {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 0.5;
	align-items: center;
	padding: 0 20px;
}
.ClientName img{
	width: 80px;
  height: 80px;
  object-fit: cover;
  object-position: center;
  border: 3.43px solid rgba(213, 174, 171, 1);
  border-radius: 30px;
	margin:-70px auto 0;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);

	
}

.ClientName h1{
	font-size: 20px;
	line-height: 32.66px;
	color: rgba(13, 24, 41, 1);
	font-weight: 500;
	margin:10px 0 0
}


.InnerBody.space {
	padding-left: 20px;
	padding-right: 20px;
}


.SelectDate {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.SelectDate h1{
	color: rgba(13, 24, 41, 1);
	font-size: 20px;
	font-weight: 500;
	line-height: 32.66px;
}

.DateRange{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin:15px 0 0
}

.Dd {
	width: 48%;
	position: relative;
}
.Dd label{
	position: absolute;
	top: 0;
	background: rgba(254, 247, 255, 1);
	line-height: 16px;
	padding: 0 4px;
	font-size: 12px;
	color:  rgba(99, 59, 72, 1);
	margin: -7px 0 0 17px;
}

.Dd input[type=text]{
	width: 100%;
	height: 56px;
	border-radius: 4px;
	border:3px solid rgba(99, 59, 72, 1);
	background: none;
	color: rgba(29, 27, 32, 1);
	font-size: 16px;
	padding: 0 16px;
}

.datecarosel {
	width: 100%;
	position: relative;
	margin: 20px 0 0;
}
.datecarosel input.datepicker2{
	width: 100%;
	height: 50px;
	border-radius: 100px;
	background: rgba(232, 211, 211, 1);
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: rgba(29, 27, 32, 1);
}
.datecarosel input.datepicker4{
	width: 100%;
	height: 50px;
	border-radius: 100px;
	background: rgba(232, 211, 211, 1);
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: rgba(29, 27, 32, 1);
}
.datecarosel button {
	background: none;
	border: 0;
	position: absolute;
	top: 9px;
	left: 10px;
}
.datecarosel button#nextBtn{
	left: auto;
	right:10px;
}

.AvailableGuide {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin: 15px 0 0;
}
.AvailableGuide h2{
	font-weight: 500;
	font-size: 20px;
	line-height: 32.66px;
	color: rgba(13, 24, 41, 1);
}

.AvailableGuide ul {
	padding: 0;
	margin: 0;
}

.AvailableGuide ul li{
	display: flex;
	justify-content: space-between;
	border-radius: 10px;
	border: 1px solid rgba(232, 211, 211, 1);
	padding: 11px 22px 11px 11px;
	align-items: center;
	margin:10px 0 0;
}

.GuideInfo {
	display: flex;
	align-items: center;
	gap:15px;
	font-size: 15px;
	font-weight: 500;
	color: rgba(13, 24, 41, 1);
	line-height: 32.66px;
}

.GuideInfo img{
	width: 55px;
	height: 55px;
	object-fit: cover;
	border: 3.48px solid rgba(213, 174, 171, 1);
	display: block;
	border-radius: 15px;
}
a.ddp img {
	display: block;
}


.ui-datepicker .ui-datepicker-next {
	background: url("../images/righta.svg") no-repeat center center;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-next span {
	opacity: 0;
}

.ui-datepicker .ui-datepicker-prev{
	background: url("../images/lefta.svg") no-repeat center center;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev span {
	opacity: 0;
}



.GroupList {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:6px 0 0;
}


.GroupList span {
	color: rgba(29, 27, 32, 1);
	font-size: 16px;
}

.FilterGroup {
	display: flex;
	gap:10px;
	
}

.GroupList a{
	width: 32px;
	height: 32px;
	background: rgba(246, 237, 237, 1);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pb-0{
	padding-bottom: 0!important
}

.GroupBox{
	margin-top: 10px;
}
.ggo {
	background: rgba(255, 255, 255, 1);
border: 1px solid rgba(232, 211, 211, 1);
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 10px;
}

.ggo h2{
	border-bottom: 1px solid rgba(232, 211, 211, 1);
	display: flex;
	justify-content: space-between;
	padding-bottom: 8px;
	font-weight: 500;
	font-size: 16px;
	line-height: 26.16px;
	color: rgba(13, 24, 41, 1);
}

.ggo ul {
	display: flex;
	padding: 10px 0 0;
	gap:15px;
}
.ggo ul li{
	display: flex;
	align-items: center;
	gap:9px;
	font-size: 15px;
	color: rgba(153, 153, 153, 1);
	line-height: 24.5px;
	font-weight: 500;
}

.ClientName.AditPro {
	position: relative;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.ClientName.AditPro img{
	width: 135px;
	height: 135px;
	border-radius: 100%;
	box-shadow: none;
	border: 5.5px solid #dc8464;
}


.UploadImg {
	position: absolute;
	width: 31px;
	height: 31px;
	margin: 0 auto 0;
	background: rgba(165, 91, 85, 1);
	left: 80px;
	right: 0;
	bottom: 8px;
	border-radius: 100%;

}
.UploadImg img {
	width: 16px !important;
	height: 16px !important;
	border: 0 !important;
	margin: 7px 0 0 !important;
	border-radius: 0 !important;
}

.FormEdit {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.FormArea {
		display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin: 20px 0 0
}
.FormArea label {
	font-weight: 500;
	line-height: 21.9px;
	color: rgba(0, 0, 0, 1);
	font-size: 18px;
	display: block;
	margin-bottom: 10px;
}

.FormArea input[type=text],
.FormArea input[type=email],
.FormArea input[type=tel],
.FormArea input[type=url],
.FormArea input[type=password],
.FormArea select {
	background: #FFF;
	height: 48px;
	border: 0.75px solid rgba(165, 91, 85, 1);
	border-radius: 6px;
	padding: 0 10px;
}

.FormArea select {
	background: #FFF url("../images/aad.svg") no-repeat 95% center;
}


.FormArea input[type=textarea] {
	background: #FFF;
	height: 140px;
	border: 0.75px solid rgba(165, 91, 85, 1);
	border-radius: 6px;
	padding:10px;
	resize: none;
}

.FormArea input[type=submit],
.FormArea input[type=button],
.FormArea button,
a.Save{
	width: 100%;
	height: 48px;
	line-height: 48px;
	background: rgba(213, 174, 171, 1);
	border-radius: 12px;
	border: 0;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
	font-size: 16px;
	margin-top: 50px;
	text-align: center;
}


.dateAba .ui-widget.ui-widget-content {
	border-radius: 10px;
	width: 100%;
	background: none;
	border: 0;
}
.dateAba .ui-datepicker td span, .dateAba .ui-datepicker td a {
	display: block;
	padding: 11px .2em;
	text-align: center;
	text-decoration: none;
}


.dateAba {
	margin:20px 0 0;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.MonthValue {
	font-weight: 700;
	font-size: 22px;
	line-height: 28px;
	color: rgba(18, 20, 23, 1);
	margin-bottom: 20px;
}
.Visiblity {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.Visiblity ul{
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin-top: 15px;
}
.Visiblity ul li{
	width: 100%;
	padding: 15px;
	border: 1px solid rgba(219, 224, 229, 1);
	border-radius: 12px;
	cursor: pointer;
	margin-top: 15px;
	background: url("../images/un-active.svg") no-repeat 94% center;
	font-size: 14px;
	font-weight: 500;
	color: rgba(18, 20, 23, 1);
}
.Visiblity ul li.active {
	background: url("../images/active.svg") no-repeat 94% center;
}

@media (min-width:640px){
	.ProfileClient img {
	display: block;
	height: 257px;
}
	.ProfileClient::after {
	height: 86px;
}
}
@media (min-width:1024px){
	.ProfileClient img {
	display: block;
	height: 357px;
	width: 100%;
	object-fit: cover;
}
	.ProfileClient::after {

	height: 176px;

}
}


.alert {
    border-radius: 5px;
    padding: 15px;
    font-size: 14px;
    margin: 10px 0;
}

.alert-primary {
    background-color: #cfe2ff;
    border-color: #b6d4fe;
    color: #004085;
}

.alert-secondary {
    background-color: #e2e3e5;
    border-color: #d3d6d8;
    color: #383d41;
}

.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.alert-danger {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.alert-warning {
    background-color: #fff3cd;
    border-color: #ffeeba;
    color: #856404;
}

.alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

.alert-light {
    background-color: #fefefe;
    border-color: #fdfdfe;
    color: #818182;
}

.alert-dark {
    background-color: #d6d8d9;
    border-color: #c6c8ca;
    color: #1b1e21;
}

.highlight-booked a {
	font-weight: bold !important; /* Make the date text bold */
    color: inherit !important;    /* Keep the original text color */
    background-color: inherit !important; /* Keep the original background color */
    border-radius: 0 !important;  /* Remove any border-radius */
}

.ButtonArea {
    position: relative;
    z-index: 10; /* Make sure this container is on top */
}

.clickable-link {
    cursor: pointer; /* Ensure the pointer changes on hover */
}

.clickable-link img {
    pointer-events: none; /* Allows clicking through the image to the link */
}

.error_message {
    color: red;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

/* Style for greyed-out booked dates */
.fc-event-booked {
    background-color: grey !important;
    color: white !important;
    font-weight: normal !important;
  }

  /* Style for bold not-available dates */
  .fc-event-not-available {
    font-weight: bold !important;
    color: red !important;
  }

  /* Center container for layout */
  .calendar-container {
    display: flex;
  }

  /* Set calendar to half of the screen */
  #calendar {
    height: 550px;
    margin-right: 20px;
    width: 100%;
    text-align: center;
  }

  /* Adjust the radio button section */
  .radio-buttons {
    height: 350px;
    width: 60%;
    text-align: center;
    padding-top: 20px;
  }

.available-date {
font-weight: bold;
background-color: green;
}
.not-available-date {
	background-color: red;
}

.icon-pencil:before{content:"\e61c"}
.icon-pencil-alt:before{content:"\e61d"}


/************/
.AvailableGuide .ui-datepicker {
    width: 100%;
    padding: .2em .2em 0;
    display: none;
}
.AvailableGuide .ui-widget.ui-widget-content {
    border: 1px solid rgba(232, 211, 211, 1)!important;
}
.AvailableGuide .ui-widget-header {
    border: 0!important;
    background:none!important;

}
.AvailableGuide .ui-state-default, 
.AvailableGuide .ui-widget-content .ui-state-default, 
.AvailableGuide .ui-widget-header .ui-state-default, 
.AvailableGuide .ui-button, 
html .AvailableGuide .ui-button.ui-state-disabled:hover, 
html .AvailableGuide .ui-button.ui-state-disabled:active {
    border: 0!important;
    /*background:none!important;*/
}

.FormArea textarea,
.FormArea input[type=textarea]{
    background: #FFF;
    height: 120px;
    border: 0.75px solid rgba(165, 91, 85, 1);
    border-radius: 6px;
    padding: 0 10px;
    resize: none;
}
.fc-next-button.fc-button.fc-button-primary,
.fc-prev-button.fc-button.fc-button-primary{
	background: none;
  	border: 0;
  	color: #000;
}
.fc-toolbar-chunk .fc-toolbar-title{ color: #000; font-size: 16px; font-weight: 700; line-height: 20px;}
#calendar a{ color: #000; }

@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_filter {
    padding: 10px!important;
	  width: 100%;
  }
	.ButonArea {
	padding: 16px 0 0 0;
	width: 100%;
		justify-content: flex-start;
		position: inherit;
}
	/* .fc .fc-toolbar {

	flex-direction: column!important;
} */
}

.highlighted-date a{
	border: 1px solid red !important;
    background: red !important;
    color: #777620;
}
button#load_more_clients {
    background: rgba(213, 174, 171, 1);
    width: 100%;
    max-width: 300px;
    margin: 20px auto 20px;
    padding: 0 17px;
    color: #FFF;
    font-size: 20px;
    border-radius: 16px;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    
}
.search-container {
    display: flex;
    width: 100%;
    border: 1px solid rgba(232, 211, 211, 1);
    overflow: hidden;
    border-radius: 10px;
	margin-bottom: 15px;
}

.search-container input[type=text] {
    height: 55px;
    line-height: 55px;
    padding: 0 10px!important;
    background: none;
    margin: 0!important;
        font-size: 20px;
    font-weight: 500;
    color: rgba(13, 24, 41, 1);
}
.search-container button {
    padding: 0!important;
    width: 100%;
    max-width: 20%;
    background: rgb(213, 174, 171);
    border: 0!important;
    margin: 0;
    color: #FFF;
    font-weight: 500;
    font-size: 20px;
}

.action-links {
    display: inline-flex;
    gap: 10px; /* Space between icons */
}

.action-links a img {
    width: 20px; /* Adjust icon size as needed */
    height: 20px;
}

.FilterGroup input[type=text] {
    height: 55px;
	border: 1px solid rgba(232, 211, 211, 1);
    line-height: 55px;
    padding: 0 10px!important;
    background: none;
    margin: 0!important;
        font-size: 20px;
    font-weight: 500;
    color: rgba(13, 24, 41, 1);
}

button#load_more_tours {
    background: rgba(213, 174, 171, 1);
    width: 100%;
	/*max-width: 300px;*/
    margin: 20px auto 20px;
    padding: 0 17px;
    color: #FFF;
    font-size: 20px;
    border-radius: 16px;
    font-weight: bold;
    height: 45px;
    line-height: 45px;
    
}

.CalendarContainer #dateList li{
	flex: 0 0 57px;
    height: 69px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: rgba(240, 242, 246, 1);
    border-radius: 15px;
    font-weight: 500;
    color: rgba(13, 24, 41, 1);
    line-height: 35.93px;
    cursor: pointer;
    font-size: 22px;
}
.CalendarContainer #dateList li br{
	display: none;
}
.CalendarContainer #dateList li.activeDate{
	background: rgba(142, 35, 28, 1);
    zoom: 0;
    margin: 0px 0 0;
    color: #fff;
}
.CalendarContainer #dateList{
	justify-content: center;
}
.CalendarContainer .navButton {
    background-color: #8e231c !important;
    border: none;
    color: white;
    padding: 10px;
    cursor: pointer;
    font-size: 16px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    font-size: 24px;
    line-height: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0;
}
@media only screen and (max-width:520px){
.DateArea{
	padding: 0 5px;
}
.CalendarContainer .navButton{
	  width: 22px;
    height: 30px;
}
.CalendarContainer #dateList {
    justify-content: start !important;
}
.CalendarContainer #dateList{
	 gap: 4px;
}
.CalendarContainer{
	width: 100%;
}
}
@media only screen and (max-width: 1500px) and (max-height: 630px){
.PrfileMenu{
		max-height: 300px;
}
}