@charset "UTF-8";

/* 

/* ------------------------------------------------------------------- */
/* Table of Contents
----------------------------------------------------------------------

	01. Import Section ...................... Imported variables.

	02. Layout Components ................... Generic layout elements.
		# Header
		# Footer
		# Sort by custom select
		# Input with dropdown
		# Comments
		# Pagination


	03. Shortcodes .......................... Template elements.
		# Buttons
		# Tables
		# List Styles
		# Info Box
		# info Banner
		# Image Edge
		# Tabs
		# Pricing
		# Custom Checkboxes
		# Listing Item Layout Style
		# Small Category Boxes
		# Titlebar

	04. Dashboard ........................... User panel styles
		# Dashboard
		# Dashboard Navigation profile
		# Dashboard Navigation
		# Sticky Navigation
		# Dashboard Titlebar 
		# Dashboard Stats Boxes
		# Dashboard Pagination
		# Dashboard List Box
		# Add Listing
		# Opening Hours

	05. Others .............................. CSS helper classes etc.
		# Common Styles

	06. Media Queries ....................... Mobile style sheets.

*/


/* ------------------------------------------------------------------- */
/* 01. Import Section
---------------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:600,700');



/* ------------------------------------------------------------------- */
/*  02. Layout Components
---------------------------------------------------------------------- */
/* ---------------------------------- */
/* Forms Reset & Styles
------------------------------------- */

select {
	padding: 14px 18px;
	cursor: pointer;
}

input {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
textarea:focus {
	color: #808080;
	transition: box-shadow 0.2s !important;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07);
	border: 1px solid #d8d8d8;
	opacity: 1;
}

input[type="submit"] {
  border: none;
  padding: 11px 18px;
  width: auto;
}

input[type="checkbox"] { display: inline; }

.checkbox-block input[type="checkbox"] {
	display: none;
}

input[type="radio"] {
	width: 15px;
	height: 15px;
	cursor: pointer;
	box-shadow: none;
}

/* Input Placeholder Color */
::-webkit-input-placeholder { /* WebKit browsers */
	color: #888;
	opacity: 1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #888;
	opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #888;
	opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #888;
	opacity: 1;
}

textarea {
	height: auto;
	line-height: 27px;
	padding: 20px;
	min-height: 130px;
	transition: none !important;
	min-width: 100%;
}

label,
legend {
	display: block;
	font-weight: bold;
	font-size: 15px; 
	font-weight: normal;
	margin-bottom: 8px;
	line-height: 1.5;
}
label {
	font-size: 15px;
	font-weight: 500;
	color: #333;
	margin: 10px 0;
}

label span,
legend span {
	font-weight: normal;
	font-size: 14px;
	color: #444;
}

fieldset {
    padding: 0;
    border: none;
}


a, button { outline: none !important; }
a:focus,
a:hover { text-decoration: none; color: #333;}
img { width: 100%; }


/* ---------------------------------- */
/* Header
------------------------------------- */


#header {
	position: relative;
	z-index: 999;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
	font-size: 16px;
	background: #333;
}

/* Header Widget */
.header-widget {
	position: relative;
	top: 4px;
	height: 54px;
}

.header-widget .button,
.header-widget .button.border {
	margin-right: 0;
	min-width: 130px;
	text-align: center;
	position: relative;
	line-height: 26px;
	font-weight: 500;
}

.header-widget .button.border i {
	font-size: 17px;
	padding: 0px 0 0 4px;
	top: 2px;
	display: inline-block;
	position: relative;
}

.header-widget .sign-in {
	position: relative;
	color: #333;
	margin-right: 25px;
	top: 10px;
	display: inline-block;
	vertical-align: top;
}

.header-widget .sign-in i { padding-right: 4px; font-size: 15px; }
.header-widget .sign-in:hover { color: #66676b; }

/*----------------------------------- */
/* Footer
------------------------------------- */

/* Footer Bottom */
.copyrights {
	color: #707070;
	border-top: 1px solid rgba(0,0,0,0.09);
	margin-top: 60px;
	text-align: center;
	padding: 40px 0;
	display: inline-block;
	width: 100%;
}

#footer.alt .copyrights { 
	margin-top:0;
	border: none;
	padding: 25px;
}

.copyrights a { color: #707070; }



/* ---------------------------------- */
/* Sort by custom select
------------------------------------- */
.sort-by {
	position: relative;
	top: 9px;

}
.sort-by label,
.sort-by .sort-by-select {
	display: inline-block;
	float: right;
}


.sort-by-select select {
	border-radius: 5px;
	color: #777;
	border: none;
	background-color: #f0f0f0;
	height: auto;
	padding: 7px 7px 7px 15px;
	line-height: 22px;
	box-shadow: none;
}

.sort-by label {
	line-height: 40px;
	margin-top: 1px;
	padding: 0;
}

.sort-by .chosen-container-single .chosen-single {
    height: 36px;
    line-height: 34px;
    border: 1px solid #fff;
    background-color: #fff;
    width: 100%;
    display: inline-block;
    padding: 0 14px 0 16px;
    box-shadow: none;
    color: #666;
    font-weight: 600;
    font-size: 15px;
    border-radius: 50px;
    transition: all 0.3s;
    display: inline-block;
}

.sort-by .chosen-container-active .chosen-choices,
.sort-by .chosen-container-active.chosen-with-drop .chosen-single,
.sort-by .chosen-single:hover {
    background: #f3f3f3;
}

.sort-by .chosen-container .chosen-drop {
	padding-top: 10px;
    border: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-radius: 3px;
    width: 200px;
    margin-left: 10px;
    background: #fff;
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08);
	z-index: 999;
}


.sort-by .chosen-container.chosen-with-drop .chosen-drop,
.sort-by .chosen-container .chosen-drop {left: auto; right: -1px; }

.sort-by .chosen-container-single .chosen-single div:after {
	color: #66676b;
	right: 0;
}

.sort-by .chosen-container-single .chosen-default { color: #66676b; }

.sort-by .chosen-container-single .chosen-single span {
	margin-right: 0px;
	color: #666;
	font-weight: 600;
	transition: all 0.2s;
}

.sort-by .chosen-container-single .chosen-single div {
    position: relative;
    line-height: 33px;
    top: 0;
	margin-left: 0;
    display: inline-block;
}

.sort-by .chosen-container-single .chosen-single span {
    display: inline-block;
    margin-right: 0;
    vertical-align: top;
}


/* ---------------------------------- */
/* Input with dropdown
------------------------------------- */
.select-input {
	position: relative;
}

.select-input input { position: relative; z-index: 101; }

.select-input .select {
	position: absolute;
	top: -8px;
}

.select-hidden {
	display: none;
	visibility: hidden;
}

.select {
	cursor: pointer;
	display: inline-block;
	position: relative;
	font-size: 15px;
	color: #fff;
	width: 100%;
	height: 51px;
}

.select-styled { opacity: 0; }

.select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 990;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #e0e0e0;
	background-color: #fcfcfc;
	padding: 0 4px;
	padding-top: 8px;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-sizing: border-box;
}

.select-list-container {
	padding: 0 4px;
	max-height: 300px;
	overflow: auto;
	display: inline-block;
	width: 100%
}

ul.select-options li {
	margin: 0;
	padding: 0;
	transition: all 0.15s ease-in;
	color: #888;
	margin: 0;
	padding: 10px 10px;
	list-style: none;
	line-height: 15px;
	border-radius: 4px;
}

.select-options li:hover {
	color: #fff;
	background-color: #66676b;
}

.select-options li[rel="hide"] {
  display: none;
}

.select-options ::-webkit-scrollbar { width: 10px; }
 
.select-options ::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.05);
    border-radius: 10px;
}
 
.select-options ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0,0,0,0.2);
}
 
 .select-options ::-webkit-scrollbar-thumb:hover {
    border-radius: 10px;
    background-color: rgba(0,0,0,0.3);
}


/* Comments
------------------------------------- */
.comments { margin: -10px 0 0 0; }

.comments h4 {
	margin-bottom: 25px;
	font-size: 20px;
	font-weight: 500;
	color: #333;
}

.comments h4 span { display: inline-block; font-size: inherit; }

.comment { font-size: 20px; }

.comments .button {
	margin: 0 0 10px  0;
	padding: 7px 15px;
}

.comments.reviews .button { margin: 0; }

.comments ul {padding-left: 0;}
.comments ul li { display: block; width: 100%; }

.comments ul li,
.comments ul li ul li,
.comments ul li ul li ul li,
.comments ul li ul li ul li {
	margin: 50px 0 0 0px;
}

.comments ul li ul { margin: 0 0 0 100px; }

.comment-content p {
	margin: 3px 0 0 0;
	line-height: 26px;
}

.comment-content {
	color: #666;
	padding: 0px;
}

.comments ul li ul {
	border-left: 1px solid #e0e0e0;
	padding-left: 35px;
}

.comments ul li ul li:before {
	content: "";
	width: 15px;
	height: 1px;
	background-color: #e0e0e0;
	display: inline-block;
	position: absolute;
	top: 30px;
	left: -35px;
}

.comments ul li { position: relative; }

.comment-content strong {
	padding-right: 5px;
	color: #666;
}

.comment-content span { color: #888; }
body .comment-content p { padding: 5px 0; font-size: 15px; }

.comments-amount { color: #888; font-weight: 500; }

.avatar {
	display: inline-block;
	float: left;
	padding: 0 20px 0 0;
	position: absolute;
	left: 0px;
}

.avatar img {
	max-width: 80px;
	border-radius: 50%;
}

.comment-by {
	width: 100%;
	padding-bottom: 8px;
	padding-top: 5px;
	font-weight: 500;
	color: #333;
	display: inline-block;
	width: 100%;
}

.comment-by h5 { margin: 0 0 7px 0; }

.comment-by a.reply,
.comment-by a.reply i {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.comment-by a.reply {
	display: inline;
	background-color: #f0f0f0;
	padding: 5px 16px;
	line-height: 22px;
	font-size: 13px;
	color: #333;
	font-weight: 500;
	position: absolute;
	right: 0;
	top: 15px;
	border-radius: 50px;
}

.comment-by a.reply i {
	font-size: 12px;
	margin-right: 1px;
}

.comment-by .numerical-rating {
	margin: 4px 0 0 0;
}

.comment-by .numerical-rating,
.comment-by .star-rating {
	position: inherit;
	right: 0;
	top: 0;
}

.comment-by a.reply:hover { background-color: #66676b; }
.comment-by a.reply:hover,
.comment-by a.reply:hover i {
	color: #fff;
}

.comment-by span.date {
	color: #888;
	font-weight: 300;
	margin: 0px 0 0 0;
	float: none;
	display: block;
	text-align: left;

}


/* Listing Reviews */
.listing-reviews ul li {
	padding-bottom: 45px;
	margin-top: 40px;
	border-bottom: 1px solid #e8e8e8;
}

/* Review Images */
.review-images {
	display: flex;
	margin-top: 20px;
	margin-bottom: 5px;
}

.review-images a {
	flex: 4;
	max-width: 25%;
	margin-right: 15px;
	border-radius: 3px;
}

.review-images a img {border-radius: 4px; }


/* Add Comment */
.add-review-box {
	border-radius: 4px;
	background-color: #f9f9f9;
	padding: 36px;
	padding-bottom: 40px;
	margin-bottom: 55px;
	margin-top: 70px;
	display: inline-block;
	width: 100%;
	position: relative;
}

.add-review-box h3 { margin-top: 5px }


.add-comment label span { color: #e24747; }

.add-comment input {
	margin: 0 0 25px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.add-comment textarea,
.add-comment input {
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.05)
}

.add-comment textarea {
	margin: 0 0 30px 0;
	width: 100%;
	min-width: 100%;
	min-height: 220px;
	resize: vertical;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.add-comment .button { min-width: 160px; }


/* Leave Rating */
.leave-rating {
	height: 24px;
	float: left;
}

.leave-rating:hover input[type="radio"]:checked ~ label { color: #dadada; }

.leave-rating input[type="radio"] { display: none; }

.leave-rating input[type="radio"]:checked ~ label { color: #ffc600; }

.leave-rating label {
	font-size: 24px;
	float: right;
	letter-spacing: 4px;
	color: #dadada;
	cursor: pointer; 
	transition: 0.3s;
}

.leave-rating label:hover,
.leave-rating label:hover ~ label {
	color: #ffc600 !important;
}

.leave-rating-title {
	display: block;
	margin: 35px 0 7px 0;
}


/* Upload Photos Button */
.add-review-photos {
	font-weight: 600;
	padding: 6px 7px;
	color: #666;
	background-color: #ededed;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	font-size: 14px;
	width: auto;
	transition: 0.3s;
	cursor: pointer;
	line-height: 20px;
	float: right;
	top: -25px;
}

.photoUpload {
    position: relative;
    overflow: hidden;
    padding: 3px 12px;
	cursor: pointer;
}

.photoUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.add-review-photos:hover {
	color: #fff;
	background-color: #66676b; 
}

.add-review-photos i {
	color: #66676b;
	margin-right: 3px;
	transition: 0.3s;
	font-size: 16px;
	position: relative;
	top: 2px;
}

.add-review-photos:hover i { color: #fff; }

/* Helpfup Review */
a.rate-review {
	border: 1px solid #e0e0e0;
	border-radius: 50px;
	font-size: 13px;
	color: #666;
	font-weight: 500;
	padding: 5px 20px;
	margin-top: 20px;
	display: inline-block;
	transition: 0.3s;
}

a.rate-review span {
	border-left: 1px solid #e0e0e0;
	line-height: 20px;
	padding-left: 10px;
	margin-left: 5px;
	transition: 0.3s;
	color: #666;
}

a.rate-review i { padding-right: 3px; }

a.rate-review:hover span { border-color: #d0d0d0 }

a.rate-review:hover {
	border-color: #d0d0d0;
	background-color: #fafafa;
}


/* ---------------------------------- */
/* Pagination
------------------------------------- */
.pagination-container{margin-top: 15px; text-align: center;}

.dash-list .pagination-container, .dash-list .pagination{margin: 0; text-align: center;}

.pagination {
	margin: 9px 0 0 0;
	text-align: center;
	overflow: hidden;
}

.pagination-next-prev {
	position: relative;
	top: -66px;
}

.pagination ul{background: transparent!important;}

.pagination ul li {
	display: inline-block;
	margin: 0;
	padding: 0!important;
	border: none!important;
}

.pagination ul li:hover{background: transparent!important;}


.pagination ul li a,
.pagination-next-prev ul li a {
	padding: 12px 0;
	border-bottom: none;
	display: inline-block;
	color: #333;
	background-color: #fff;
	font-weight: 700;
	margin:0;
	line-height: 22px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	font-size: 14px;
}

.pagination ul li a {
	border-radius: 50%;
	width: 52px;
	height: 52px;
	padding: 0;
	line-height: 52px;
}

.pagination ul li a i {
	line-height: 52px;
}

.pagination ul li.blank {
	color: #a0a0a0;
	padding: 0 6px;
}

.pagination ul li a.current-page,
.pagination .current,
.pagination ul li a:hover,
.pagination-next-prev ul li a:hover {
	background-color: #f2f2f2;
	color: #333;
}

.pagination-next-prev a.next { float: right; }
.pagination-next-prev a.prev { float: left; }

.pagination-next-prev ul li a {
	color: #333;
	padding: 12px 16px;
	text-transform: uppercase;
}

.pagination ul,
.pagination-next-prev ul {	padding: 0; list-style-type: none;}


/* Listings Pagination */
.fs-listings .pagination ul li a,
.fs-listings .pagination-next-prev ul li a {
	background-color: transparent;
}

.fs-listings .pagination ul li a.current-page,
.fs-listings .pagination .current,
.fs-listings .pagination ul li a:hover,
.fs-listings .pagination-next-prev ul li a:hover {
	background-color: #e8e8e8;
	color: #333;
}





/* ------------------------------------------------------------------- */
/*  03. Shortcodes
---------------------------------------------------------------------- */

/* ---------------------------------- */
/* Buttons
------------------------------------- */

button.button,
input[type="button"],
input[type="submit"],
a.button.border,
a.button {
	background-color: #66676b;
	top: 0;
	padding: 9px 20px;
	color: #fff;
	position: relative;
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	margin-right: 6px;
	overflow: hidden;
	border: none;
	border-radius: 5px;
}


input[type="button"],
input[type="submit"] {
	line-height: 32px;
}

button.button:before,
a.button:before {
	width: 100%;
	height: 100%;
	content: "";
	display: block;
	background-color: #fff;
position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 0.2s;
}


button.button:hover:before,
a.button:hover:before {
	opacity: 0.1;
}

a.button.white {
	background-color: #fff;
	color: #333;
}

button.button { line-height: 26px; }

/* Border Button Style */
a.button.border:before { display: none; }

a.button.border {
	background-color: transparent;
	color: #66676b;
	border: 1px solid #66676b;
	padding: 9px 21px;
}

a.button.border:hover {
	background-color: #66676b;
	color: #fff;
	opacity: 1;
}

a.button.border.white {
	border-color: #fff;
	color: #fff;
}

a.button.border.white:hover {
	background-color: #fff;
	color: #66676b;
}

/* Full Width Button */
button.button.fullwidth,
a.button.fullwidth {
	width: 100%;
	text-align: center;
}

a.button.white.border:hover { color: #333; }

.button i { padding-right: 4px; }

.centered-content { text-align: center; }
.centered-content .button { min-width: 130px;  }

a.button.border { font-weight:500; }

/* Icon Box #2
------------------------------------- */
.icon-box-2 {
	text-align: center;
	margin-top: 45px;
	position: relative;
}

.icon-box-2 i {
	width: 120px;
	height: 80px;
	background-color: #fff;
	border-radius: 50%;
	line-height: 80px;
	font-size: 60px;
	display: inline-block;
	margin-bottom: 10px;
	text-align: center;
	overflow: hidden;
	color: #66676b;
	position: relative;
	z-index: 11;
}

.icon-box-2 span {
	color: #666;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
}

.icon-box-2 h4 {
	margin: 4px 0;
	line-height: 26px;
}

.icon-box-2 h3 {
	margin: 4px 0;
	line-height: 26px;
	font-size: 19px;
	font-weight: 500;
}

.icon-box-2 p {
	margin-top: 20px;
	font-style: 16px;
}

.icon-box-2 i.im-icon-Mail-withAtSign {font-size: 58px; top: 2px;}

.icon-box-2.with-line:before {
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 40px;
	background: #e9e9e9;
	display: block;
	z-index: 9;
}


/* Icon Box #3
------------------------------------- */
.icon-box-3 {
	text-align: left;
	padding-left: 90px;
	position: relative;
	width: 100%;
	display: inline-block;
	margin: 20px 0;
}

/* Edge Icon Box */
.icon-box-3 h4 {
	font-size: 18px;
	font-weight: 600;
}

.icon-box-3 i {
	font-size: 54px;
	color: #333;
	height: 60px;
	margin: 10px 0;
	display: inline-block;
	height: 100%;
	position: absolute;
	left: 0;
}

.icon-box-3 p {
	color: rgba(51,51,51,0.7);
	margin-top: 3px;
	display: inline-block;
}


/* Rounded */
.icon-box-1.rounded i,
.icon-box-2.rounded i,
.icon-box-3.rounded i {
	width: 110px;
	height: 110px;
	background-color: #666;
	border-radius: 50%;
	color: #fff;
	line-height: 110px;
	font-size: 50px;
	display: inline-block;
	margin-bottom: 20px;
	text-align: center;
	overflow: hidden;
}

.rounded i:before {
	position: relative;
	z-index: 11;
}



/* Background Animation */
.icon-box-1.rounded i,
.icon-box-2.rounded i,
.icon-box-3.rounded i{
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
	transform: translate3d(0,0,0) rotate(0);
}

body .icon-box-1.rounded:hover i,
body .icon-box-2.rounded:hover i,
body .icon-box-3.rounded:hover i {
	color: #fff;
}


/* Icon Box Shadow Animation*/
.icon-box-1.rounded i:after,
.icon-box-2.rounded i:after,
.icon-box-3.rounded i:after {
	content: "";
	width: 120%;
	height: 0px;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	z-index: 8;
	transition: height 0.3s ease-in-out, opacity 0.3s ease-out;
	opacity: 0;
	transform: translate3d(50%,-50%,0) scale(1) rotate(45deg);
}

.icon-box-1.rounded:hover i:after,
.icon-box-2.rounded:hover i:after,
.icon-box-3.rounded:hover i:after { height: 145%; opacity: 0.1; }


/* Dark and Light Icon Box Styles */
.icon-box-1.rounded.dark i,
.icon-box-2.rounded.dark i,
.icon-box-3.rounded.dark i{
	background-color: #222;
}

.icon-box-1.rounded.light i,
.icon-box-2.rounded.light i,
.icon-box-3.rounded.light i{
	color: #333;
	background-color: #f2f2f2;
}

.icon-box-3.rounded {
	padding-left: 120px;
}

.icon-box-3.rounded i {
	width: 90px;
	height: 90px;
	font-size: 40px;
	line-height: 90px;
}

/* White colors */
body .white-text {color: #fff; }

.white-text .icon-box-1 p,
.white-text .icon-box-2 p,
.white-text .icon-box-3 p,
.white-text .icon-box-4 p { color: rgba(255,255,255,0.85); }

.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text .icon-box-1 h4,
.white-text .icon-box-2 h4,
.white-text .icon-box-3 h4,
.white-text .icon-box-4 h4,
.white-text .icon-box-1 i,
.white-text .icon-box-2 i,
.white-text .icon-box-3 i,
.white-text .icon-box-4 i { color: #fff; }


@media (max-width: 1659px) {
	.icon-box-3.rounded { padding-left: 110px; }

	.icon-box-3.rounded i {
		width: 80px;
		height: 80px;
		font-size: 38px;
		line-height: 80px;
	}
}

/* ---------------------------------- */
/* Tables
------------------------------------- */
table.basic-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border:none;
	margin-bottom: 15px;

}

table.basic-table .dropdown-menu{min-width: 180px; border-radius: 5px; border: none;}

table.basic-table .dropdown-item{
	display: inline-block;
	padding: 5px 10px;
	width: 100%;
}

table.basic-table th {
	background-color: #66676b;
	text-align: left;
	color: #fff;
	vertical-align: top;
	font-weight: 500;
}
table.basic-table th.textright{
	text-align: right;
}

/*table.basic-table th:first-child { border-radius: 4px 0 0 4px; }
table.basic-table th:last-child { border-radius: 0 4px 4px 0; }*/
table.basic-table tbody{
	background: #fff;
}
table.basic-table th,
table.basic-table td {
	padding: 10px 20px;
}
table.basic-table tr{
border-bottom: 1px solid #eaeaea;
}
table.basic-table tr:last-child{
	border-bottom: none;
}
table.basic-table tr:nth-child(even){
	background: #eaeaea;
}
table.basic-table { margin-bottom: 0; }

.basic-table a{
	color: var(--color-primary);
	text-decoration: underline;
}
.basic-table a:hover{
	color: var(--color-accent);
	text-decoration: underline;
}

/* ---------------------------------- */
/* List Styles
------------------------------------- */

.list-4,
.list-3,
.list-2,
.list-1 {
	padding: 3px 0 0 0;
	font-size: 16px;
}

.list-4 li,
.list-3 li,
.list-2 li,
.list-1 li {
	list-style: none;
	margin: 14px 0;
	line-height: 27px;
	margin-left: 22px;
	position: relative;
}

.list-1.alt li { margin: 12px 0; margin-left: 22px; }

.list-4 li:first-child,
.list-3 li:first-child,
.list-2 li:first-child,
.list-1 li:first-child {
	margin-top: 0;
}


.list-4 li:before,
.list-3 li:before,
.list-2 li:before,
.list-1 li:before {
	font-family: "FontAwesome";
	margin: 0;
	position: relative;
	color: #66676b;
	float: left;
	margin-left: -22px;
	display: block;
}

.list-1.gray li:before {
	color: #777;
}

.list-4 li:before { content: "\f192"; font-size: 14px; top: 1px; }
.list-3 li:before { content: "\f058"; font-size: 15px; top: 1px; }
.list-2 li:before { content: "\f00c"; font-size: 14px; }
.list-1 li:before { content: "\f0c8"; font-size: 8px; }

.list-4 li { margin-left: 27px; }
.list-4 li:before { margin-left: -27px; }


/* Numbered Style */
.numbered ol {
	counter-reset: li;
	list-style: none;
	padding: 0;
	margin-left: 18px;
	display: inline-block;
	font-size: 16px;
}

.numbered ol li {
	display: inline-block;
	padding: 6px 0;
	width: 100%;
}

.numbered ol > li::before {
	content: counter(li);
	counter-increment: li;
	font-size: 16px;
	line-height: 33px;
	width: 36px;
	height: 36px;
	display: inline-block;
	border: 1px solid #333;
	border-radius: 50%;
	text-align: center;
	margin: 0;
	margin-left: 0;
	font-weight: 500;
	color: #333;
	position: relative;
	float: left;
	left: -18px;
	font-size: 15px;
	transform: translateY(-10%);
}

.numbered.color ol > li::before {
	border: 1px solid #66676b;
	color: #66676b;
}

.numbered.color.filled ol > li::before {
	border: 1px solid #66676b;
	color: #fff;
	background-color: #66676b;
}

mark.color {
    background-color: #66676b;
    border-radius: 4px;
}

mark { border-radius: 4px; }

.demo h1, .demo h2, .demo h3, .demo h4, .demo h5, .demo h6 {
    line-height: 40px;
}



/* ---------------------------------- */
/* Info Box
------------------------------------- */
.info-box {
	background-color: #fff;
	display: inline-block;
	width: 100%;
	border-radius: 3px;
	padding: 23px 27px;
	border-top: 2px solid #66676b;
	background: linear-gradient(to bottom, rgba(255,255,255,0.98), rgba(255,255,255,0.95));
	background-color: #66676b;
	color: #66676b;
}

.info-box.no-border {
	border: none;
	background: linear-gradient(to bottom, rgba(255,255,255,0.96), rgba(255,255,255,0.93));
	background-color: #66676b;
}

.info-box h4 {
	margin: 0;
	font-size: 19px;
	color: #66676b;
	margin-bottom: 20px;
	margin-top: 0px;
}

.info-box p {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 26px;
}

.info-box.large {
	padding: 36px;

}


/* ---------------------------------- */
/* Info Banner
------------------------------------- */
.info-banner {
	display: block;
	width: 100%;
	padding: 90px 0;
	color: #fff;
	margin: 0;
}

.info-banner-content {
	position: relative;
	z-index: 199;
}

.info-banner.centered { text-align: center; }

.info-banner-content a.button {
	margin: 0 20px -15px 20px;
	position: relative;
}

.flip-banner h1,
.flip-banner h2,
.flip-banner h3,
.flip-banner h4,
.flip-banner h5,
.flip-banner h6,
.flip-banner a,
.info-banner-content h1,
.info-banner-content h2,
.info-banner-content h3,
.info-banner-content h4,
.info-banner-content h5,
.info-banner-content h6,
.info-banner-content a,
.info-banner-content {
	color: #fff;
	display: inline-block;
	margin: 0;
	position: relative;
}


/* Styles for info banner with parallax */
.text-content {
	background: transparent;
	padding: 110px 0px;
	font-weight: 500;
	z-index: 999;
	position: relative;
}

.text-content.white-font {
	color: #fff;
}

.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5 {
	color: #fff;
}

.text-content.white-font h1,
.text-content.white-font h2,
.text-content.white-font h3,
.text-content.white-font h4,
.text-content.white-font h5 {
	color: #fff;
}

.text-content a.button {
	padding: 10px 26px;
	font-size: 16px;
	font-weight: 600;
}

.text-content.white-font a.button:hover {
	background-color: #fff;
	color: #333;
}

.text-content a.button:before {
	display: none;
}

.text-content p {
	font-size: 18px;
	font-weight: 400;
	line-height: 34px; 
}

.text-content h2 { margin-bottom: 30px; line-height: 46px; font-size: 36px; font-weight: 500; }

.top-1 { position: relative; top: -1px; }
.top-0 { position: relative; }


/* ---------------------------------- */
/* Image Edge
------------------------------------- */
.image-edge {
	background-color: #f8f8f8;
	position: relative;
	overflow: hidden;
	margin: 35px 0 0 0;
	height: 50vw;
	max-height: 640px;
	overflow: hidden;
	padding: 0;
}

.image-edge #googlemaps,
.image-edge .google-map-container { height: 100%; }


.image-edge-content {
	padding: 0;
	top: 50%;
	position: relative;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	width: 50%;
	padding: 0 9%;
}

.image-edge.left .image-edge-content { padding-left: 6%; }

.image-edge-content h3.headline {
	width: 100%;
	display: block;
	margin-top: 0;
}

/* Photo */
.edge-bg {
	position: absolute;
	width: 50%;
	top: 0;
	right: 0px;
	height: 100%;
	background-size: 100%;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.edge-bg:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(34,34,34,0.1);
}


/* Left-photo version */
.image-edge.left .image-edge-content { left: 50%;}
.image-edge.left .edge-bg { left:0px; }

.image-edge.left .container {
	transform: translateX(54%);
	-webkit-transform: translateX(54%);
}


/* Styles for dark version  */
.image-edge.dark { background-color: #282828; color: #fff; }

.image-edge.dark h1,
.image-edge.dark h2,
.image-edge.dark h3,
.image-edge.dark h4,
.image-edge.dark h5 { color: #fff;}

.presentation-content h2,
.image-edge h2 {
	line-height: 56px;
	font-weight: 600;
	font-size: 40px;
	letter-spacing: -0.5px;
}

.presentation-content p,
.image-edge p { font-size: 20px; color: #828282; line-height: 34px;}
.image-edge.dark p { color: rgba(255,255,255,0.8);}


/* List */
.image-edge-content ul {
	list-style: none;
	padding: 0;
}

.image-edge-content ul li { margin-bottom: 30px; }
.image-edge-content ul li:last-child { margin-bottom: 0px; }

.image-edge-content h4 i {
	position: relative;
	top: -1px;
	margin-right: 2px;
}

@media (max-width: 767px) {
	.edge-bg {
		position: relative;
		height: 400px;
		width: 100%;
		display: block;
		left: 0;
		right: 0;
	}
}




/* ---------------------------------- */
/* Tabs
------------------------------------- */
.tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.tabs-nav li a i {
	padding-right: 5px;
	font-size: 16px;
	top: 1px;
	position: relative;
}

.tabs-nav li {
	float: left;
	line-height: 45px;
	padding: 0;
	margin-right: 4px;
	position: relative;
	z-index: 12;
}

.tabs-nav li a,
.tab-reviews {
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.tabs-nav li a {
	border-bottom: 1px solid transparent;
	color: #333;
	display: inline-block;
	outline: none;
	padding: 7px 15px;
	text-decoration: none;
	font-size: 15px;
	z-index: 11;
	position: relative;
	margin-bottom: -1px;
}

.tabs-nav li a:hover { border-color: #66676b; }

.tab-reviews { color: #aaa; }

.tabs-nav li.active .tab-reviews { color: #fff; }
.tabs-nav li a:hover,
.tabs-nav li.active a {
	border-color: #66676b;
	color: #66676b;
	z-index: 11;
}

.tab-content {
	padding: 10px 0px;
	position: relative;
	z-index: 10;
	display: inline-block;
	width: 100%;
}

.tabs-container {
	overflow: hidden;
	width: 100%;
}

.tab-content p:last-child { margin-bottom: 0; margin-right: 10px;}


.style-2 .tabs-container { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); border-radius: 3px; }

/* Tabs Style 1 */
.style-1 .tabs-container .tab-content {
	border: none;
	border-top: 1px solid #e0e0e0;
	padding: 0px 0 0 0;
}

/* Taba Style 3 */
.style-3 .tabs-nav {
	text-align: center;
}

.style-3 .tabs-nav li {
	float: none;
	line-height: 32px;
	padding: 0;
	margin-right: 4px;
	position: relative;
	z-index: 12;
	display: inline-block;
	text-align: center;
}

.style-3 .tabs-nav li a {
	border: none;
	color: #333;
	display: inline-block;
	outline: none;
	padding: 7px 24px;
	text-decoration: none;
	font-size: 14px;
	z-index: 11;
	position: relative;
	margin-bottom: -1px;
	background-color: #fff;
	border-radius: 3px;
	font-size: 13px;
}

.style-3 .tabs-nav li a:hover,
.style-3 .tabs-nav li.active a {
	border-color: #66676b;
	background-color: #66676b;
	color: #fff;
	z-index: 11;
}

.style-3 .tabs-container .tab-content {
	border: none;
	padding: 0px 0 0 0;
}


/* Tabs Style 4 */
.style-4 .tabs-nav {
	width: 35%;
	display: table-cell;
}

.style-4 .tabs-container {
	width: 65%;
	padding-left: 20px;
	display: table-cell;
	vertical-align: middle;
}


.style-4 .tabs-container .tab-content {
	border: none;
	padding: 10px 0 0 0;
}


.style-4.tabs { display: table; }

.style-4 .tabs-nav li a {
	float: none;
	width: 90%;
	border: none;
	padding: 0;
	background-color: #fff;
	margin: 0 0 1px 0;
	border: none;
	padding: 9px 24px;
	line-height: 30px;
	border-radius: 3px;
}

.style-4 .tabs-nav li.active a {
	background-color: #66676b;
	color: #fff;
}

.style-4 .tabs-nav li {
	width: 100%;

}

/* Tabs Style 5 */
.style-5 .tabs-nav li {
	width: 33.33%;
}

.stytle-5 .tabs-container .widget-text {
	position: relative;
	top: 50px;
	transform: transitionY(-50%);
	display: inline-block;
}


.style-5 .tabs-nav {
	bottom: 5px;
	position: relative;
}

.style-5 .tabs-nav li a {
	border: none;
	background-color: #f2f2f2;
	color: #333;
	border-radius: 4px;
	padding: 0;
}

.style-5 .tabs-nav li.active a {
	background-color: #66676b;
	color: #fff;
}


.style-5 .tabs-container .tab-content {
	box-shadow: none;
	border: none;
	padding: 20px 0 0 0;
}

input[type=file]{height: auto; padding: 10px;}

.checkbox-block{margin-bottom: 15px;}


/* ---------------------------------- */
/* Add Listing
------------------------------------- */
.add-listing-section {
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.06);
	padding: 0 30px 25px 30px;
	margin-bottom: 25px;
}

.add-listing-headline {
	width: calc(100% + 60px);
	left: -30px;
	position: relative;
	padding: 15px 30px;
	margin: 0 0 30px 0;
	border-radius: 4px 4px 0 0;
	background-color: var(--color-primary);
	border-bottom: 1px solid #eaeaea;
}

.add-listing-headline h3 {
	padding: 0;
	margin: 0;
	line-height: 32px;
	font-size: 22px;
	position: relative;
	top: 1px;
	color: #fff;
}

#add-listing h5 {
	font-size: 15px;
	font-weight: 600;
	color: #333;
	margin-bottom: 17px;
}

#add-listing h5 span {
	color: #888;
	font-weight: 400;
}

#add-listing h5 i {
	padding-right: 4px;
}

.add-listing-headline i {
	padding-right: 7px;
	display: inline-block;
	position: relative;
	top: 1px;
}

.button.preview {
	font-size: 18px;
	font-weight: 400;
	padding: 11px 26px;
	display: inline-block;
}

.button.preview i { padding: 0; margin: 0 0 0 4px;}

.add-listing-section .row.with-forms input,
.add-listing-section .row.with-forms input[type="text"],
.add-listing-section .row.with-forms input[type="password"],
.add-listing-section .row.with-forms input[type="email"],
.add-listing-section .row.with-forms input[type="number"],
.add-listing-section .row.with-forms textarea,
.add-listing-section .row.with-forms input,
.add-listing-section .row.with-forms select,
.add-listing-section .row.with-forms .chosen-container {
    margin-bottom: 22px;
}
.add-listing-section textarea { min-height: 200px; margin-bottom: 35px; }

 label.fb-input { color: #3b5998; }
 label.twitter-input { color: #1da1f2; }
 label.gplus-input { color: #dd4b39; }


/* Tips */
.tip {
	font-style: normal;
	position: relative;
	top: -1px;
	left: 2px;
	display: inline-block;
	cursor: help;
	color: #fff;
	font-size: 11px;
	line-height: 0;
	width: 18px;
	height: 18px;
	background: #66676b;
	display: inline-block;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	padding: 0 !important;
	font-weight: 500;
}

.tip-content {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, calc(-100% - 20px));
	-ms-transform: translate(-50%, -100%);
	background: #333;
	color: #fff;
	padding: 13px 15px;
	min-width: 200px;
	max-width: 200px;
	font-size: 13px;
	border-radius: 4px;
	line-height: 19px;
    pointer-events: none;
    z-index: 999;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
}

.tip:hover .tip-content {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, calc(-100% - 13px));
	-ms-transform: translate(-50%, -115%);
}

.tip:after {
	font-family: "FontAwesome";
	content: "\f128";
	line-height: 19px;
	display: inline-block;
	position: relative;
	text-align: center;
	-moz-transform: translateY(-1px);
}

.tip-content:after {
	font-family: "FontAwesome";
	content:"\f0dd";
	position: absolute;
	bottom: 3px;
	left: 50%;
	font-size: 22px;
	color: #333;
	transform: translate(-50%,50%);
}

/* ---------------------------------- */
/* Opening Hours
------------------------------------- */
.opening-day { margin-bottom: 22px; }
.opening-day h5 { margin-top: 17px; transition: 0.15s; }
.opening-day:hover h5 { color: #66676b !important; }
.opening-day .chosen-container .chosen-results { max-height: 200px; }


/* ---------------------------------- */
/* Pricing
------------------------------------- */
#pricing-list-container {
	width: 100%;
	margin-top: 10px;
}

.pricing-list-item td {
	display: flex;
	width: 100%;
	margin-bottom: 5px;
}

.pricing-list-item td .fm-input,
.pricing-list-item td .fm-move,
.pricing-list-item td .fm-close {
	flex: 1;
	position: relative;
}

.pricing-list-item td .fm-move,
.pricing-list-item td .fm-close {
	max-width: 40px;
}

.pricing-list-item td .fm-move {
	cursor: move;
	line-height: 51px;
	color: #666;
	font-size: 17px;
}

.pricing-list-item td .fm-close { text-align: right; }

.pricing-list-item td .fm-close a {
	padding: 10px;
	padding-right: 0;
	color: #ea2828;
	display: inline-block;
}

.pricing-list-item td .fm-input { margin-right: 20px; }

.pricing-list-item td .fm-input.pricing-name { max-width: 350px; }

.pricing-list-item td .fm-input.pricing-price {
	max-width: 150px;
	margin-right: 0;
}

.pricing-submenu { display: block; padding-top: 20px; }
.pricing-submenu input { background-color: #fafafa; }
.pricing-submenu.pricing-list-item td .fm-input { margin-right: 0; }

#pricing-list-container tbody tr:first-child.pricing-list-item.pricing-submenu {
	padding-top: 0;
}


/* Data unit for price input */
.data-unit {
	position: absolute;
	top: 12px;
	right: 19px;
	font-style: normal;
	color: #aaa;
	z-index: 110;
	background-color: transparent;
	outline: 0;
	border: 0;
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	pointer-events:none;
	background-color: #fff;
}


/* Add pricing Menu Button */
.add-pricing-submenu.button:before,
.add-pricing-list-item.button:before { display: none; }

.add-pricing-submenu.button,
.add-pricing-list-item.button {
	margin-top: 15px;
	margin-bottom: 5px;
	background-color: #f0f0f0;
	color: #666;
	padding: 8px 22px;
	font-weight: 500;
}

.add-pricing-submenu.button:hover,
.add-pricing-list-item.button:hover {
	color: #fff;
	background-color: #66676b;
}



.add-listing-section label.switch {
	position: absolute;
	right: 40px;
	top: 30px;
	z-index: 100;
}

.add-listing-section {
	position: relative;
}

.add-listing-section .switcher-content {
	opacity: 0.4;
	pointer-events: none;
	transition: 0.4s;
}

.add-listing-section.switcher-on .switcher-content {
	opacity: 1;
	pointer-events: all;
}

/*----------------------------------- */
/* Custom Checkboxes
------------------------------------- */
.checkboxes {
	list-style: none;
	padding: 0;
}

.checkboxes.in-row label { margin-top: 9px;}
.checkboxes.one-in-row label { margin-top: 9px; width: 100%; }

.checkboxes li { padding: 4px 0; }
.checkboxes li:last-child { margin-bottom: -8px; }

.checkboxes label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 28px;
	margin-right: 20px;
	margin-bottom: 0;
	line-height: 24px;
	font-size: 14px;
	font-weight: 300;
}

.checkboxes label span {
	color: #909090;
}

.checkboxes input[type=checkbox] { display: none; }

.checkboxes label:before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 3px;
	background-color: #fff;
	border: 2px solid #d0d0d0;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.25s;
	font-family: "FontAwesome";
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 15px;
}

.checkboxes input[type=checkbox]:checked + label:before {
	content: "\f00c";
	background-color: #66676b;
	border: 2px solid #66676b;
}
.dropzone {
  -moz-transition: .3s;
  -webkit-transition: .3s;
  transition: .3s;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  border: 1px solid #E7E7E7;
  min-height: 160px;
  padding: 20px;
  background: #F7F7F7;
}


/* ---------------------------------- */
/* Listing Item Layout Style
------------------------------------- */
.listing-item-container.list-layout {
	background: transparent;
	background-color: #f9f9f9;
	margin-bottom: 25px;
}

.listing-item-container.list-layout:hover {
	transform: translate3d(6px,0,0);
}

.listing-item-container.list-layout .listing-item {
	display: flex;
	background-color: transparent;
	height: 220px;
}

.listing-item-container.list-layout .listing-item:before {
	display: none;
}

.listing-item-container.list-layout .listing-item img {
	border-radius: 0;
}

.listing-item-container.list-layout .listing-item-content {
	flex: 5;
	position: relative;
	bottom: 0;
	left: 0;
	padding: 0;
	width: 100%;
	z-index: 50;
	box-sizing: border-box;
}

.listing-item-container.list-layout .listing-item-image {
	min-height: 200px;
	flex: 2;
	height: 100%;
	overflow: hidden;
	border-radius: 4px 0 0 4px;
	position: relative;
}

.listing-item-container.list-layout .listing-item-image:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	display: block;
	background-color: #272729;
	opacity: 0.2;
}

.listing-item-container.list-layout span.like-icon {
	bottom: 50%;
	transform: translateY(50%);
	background-color: #eee;
	color: #9d9d9d;
	right: 35px;
}

.listing-item-container.list-layout span.like-icon.liked,
.listing-item-container.list-layout span.like-icon:hover {
	background-color: #f3103c;
	color: #fff;
}

.listing-item-container.list-layout .listing-item-inner {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 35px;
	padding-right: 120px;
}

.listing-item-container.list-layout .listing-item-inner h3 { color: #333; }
.listing-item-container.list-layout .listing-item-inner span { color: #808080; }

.listing-item-container.list-layout .star-rating { padding: 8px 0 0 0; }
.listing-item-container.list-layout .numerical-rating { margin: 10px 0 5px 0; display: block; }


.listing-item-container.list-layout .listing-item-details {
    position: absolute;
    bottom: 25px;
   	right: 35px;
   	left: auto;
   	top: auto;
    padding: 0;
    width: auto;
    z-index: 50;
    color: #888;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
}


/* ---------------------------------- */
/* Listing Item
------------------------------------- */

.listing-item-container {
/*	background: linear-gradient(to top, #f4f4f4 0%, #f9f9f9 10%); */
	background-color: #f6f6f6;
	display: block;
	height: 100%;
	width: 100%;
	border-radius: 4px;
	transform: translate3d(0,0,0);
	transition: transform 0.3s;
	margin-bottom: 30px;
}

section.fullwidth .listing-item-container,
.fs-content .listing-item-container { 
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.08);
	background-color: #fff;
	background: #fff;
}

section.fullwidth .listing-item-container.list-layout,
.fs-content .listing-item-container.list-layout { 
	box-shadow: none;
}

.listing-item-container:hover { transform: translate3d(0,-6px,0); }

.listing-item {
	background: #ccc;
	border-radius: 4px 4px 0 0;
	height: 100%;
	display: block;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	height: 265px;
	z-index: 100;
	cursor: pointer;
}

.listing-item img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: 4px 4px 0 0;
}


.listing-item:before {
	content: "";
	top: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 9;
	background: linear-gradient(to top, rgba(35,35,37,0.9) 0%, rgba(35,35,37,0.45) 35%, rgba(22,22,23,0) 60%, rgba(0,0,0,0) 100%);
	background-color: rgba(35,35,37,0.2);
	border-radius: 4px 4px 0 0;
	opacity: 1;
}

.listing-item-content {
	position: absolute;
	bottom: 28px;
	left: 0;
	padding: 0 32px;
	padding-right: 90px;
	width: 100%;
	z-index: 50;
	box-sizing: border-box;
}

.listing-item-content h3 {
	color: #fff;
	font-size: 20px;
	bottom: -1px;
	position: relative;
	font-weight: 500;
	margin: 0;
	line-height: 31px;
}

.listing-item-content span {
	font-size: 16px;
	font-weight: 300;
	display: inline-block;
	color: rgba(255,255,255,0.7);
}

.listing-item-container.list-layout span.tag,
.listing-item-content span.tag {
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 2.5px;
	font-weight: 60;
	background: rgba(255,255,255,0.3);
	border-radius: 50px;
	padding: 4px 16px;
	line-height: 20px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 9px;
}

.listing-item-container.list-layout span.tag {
	position: absolute;
	bottom: 20px;
	left: 20px;
	background: #66676b;
	margin: 0;
	z-index: 10;
    line-height: 14px;
    padding: 7px 16px;
    margin-right: 20px;
    text-align: center;
}


/* Listing item details */
.listing-item-details {
	position: absolute;
	top: 24px;
	left: 0;
	padding: 0 32px;
	width: 100%;
	z-index: 50;
	color: #fff;
	box-sizing: border-box;
	font-weight: 500;
	font-size: 15px;
}

.listing-item-details ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

.listing-item-details ul li {
	display: inline-block;
	margin-right: 6px;
	line-height: 20px;
}

.listing-item-details ul li i {
	display: inline-block;
	margin: 0 3px 0 0;
	position: relative;
	top: 0px;
	font-size: 14px;
}


/* Listing Item Alternative Version*/
.listing-item-container.compact .listing-item { border-radius: 4px; }
.listing-item-container.compact .star-rating { padding: 5px 0 0 0; }

.listing-item-container.compact .rating-counter {
	color: rgba(255,255,255,0.7);
}

.listing-item-container.compact .star-rating .star.empty:before,
.listing-item-container.compact .star-rating .star.half:before { color: rgba(255,255,255,0.3); }

.listing-item-container.compact .listing-item-content span.tag { background-color: #66676b; }

/* Number rating*/
.numerical-rating {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 8px;
	text-align: center;
	line-height: 26px;
	height: 26px;
	width: 44px;
	display: inline-block;
	font-family: "Open Sans";
	position: relative;
	border-radius: 50px;
	letter-spacing: -0.5px;
	background-color: rgba(255,255,255,0.2);
	margin: 15px 32px;
}

.compact .numerical-rating { margin: 0 0 8px 0; }

.numerical-rating:before {	content: attr(data-rating); }

.numerical-rating.high { background-color: #64bc36; }
.numerical-rating.mid { background-color: #c0c52a; }
.numerical-rating.low { background-color: #ee3535; }

.infoBox .numerical-rating .rating-counter,
.numerical-rating .rating-counter {
	position: absolute;
	top: 0;
	left: 14px;
	width: auto;
	display: inline-block;
	font-weight: 400;
	font-size: 15px;
	width: 150px;
	color: #909090;
}

.infoBox .numerical-rating .rating-counter { left: 12px; }

.infoBox .numerical-rating {
	margin: 0;
	font-family: "Open Sans";
}


/* Star Rating */
.star-rating { display: block; font-size: 17px; }

.listing-item-container .star-rating {
	padding: 15px 32px;
}

.star-rating .star {
	display: inline-block;
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 4px;
	position: relative;
}

.rating-counter {
	color: #909090;
	padding-left: 5px;
	display: inline-block;
	font-size: 15px;
}

.star-rating .rating-counter {
	top: -1px;
	position: relative;
}

.infoBox .star-rating .rating-counter {
	font-size: 15px;
	top: -2px;
}

.star-rating .star.half:after,
.star-rating .star:before {
	font-family: "FontAwesome";
	content: "\f005";
	display: block;
	color: #ffc600;
}

.star-rating .star.empty:before { color: #ddd; }

.rating:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.star-rating .star.half:before { color: #ddd; }
.star-rating .star.half:after {
	color: #ffc600;
	position: absolute;
	top:0;
	width: 50%;
	display: block;
	height: 100%;
	overflow: hidden;
}


/* Like Icon */
span.like-icon {
	color: #fff;
	font-size: 19px;
	position: absolute;
	z-index: 101;
	right: 30px;
	bottom: 30px;
	cursor: normal;
	background-color: rgba(24,24,24,0.4);
	display: block;
	height: 44px;
	width: 44px;
	border-radius: 50%;
	transition: all 0.4s;
}

.like-icon:before,
.like-icon:after {
	transition: opacity 0.3s, transform 0.4s cubic-bezier(.0,-.41,.19,2.5);
	font-family: "FontAwesome";
	position: absolute;
	right: 0;
	left: 0;
	text-align: center;
	top: 9px;
}

.like-icon:before {
	content: "\f08a";
	transform: scale(0.95);
}

.like-icon:after {
	content: "\f004";
	opacity: 0;
	transform: scale(0.5);
}

.like-icon.liked:after {
	opacity: 1;
	transform: scale(0.95);
}

.like-icon:hover,
.like-icon.liked {
	background-color: #f3103c;
}

.like-icon.liked:before{
	opacity: 0;
}

/* Badges */
.listing-item { overflow: hidden; }

.listing-badge {
	background-color: #333;
	float: left;
	position: absolute;
	transform: rotate(45deg);
	right: -64px;
	top: 22px;
	text-align: center;
	width: 200px;
	font-size: 12.5px;
	margin: 0;
	z-index: 999;
	color: #fff;
	font-weight: 500;
	line-height: 28px;
}


.listing-badge.now-open {
	background-color: #54ba1d;
}

.listing-badge.now-closed {
	background-color: #e91721;
}


/* ---------------------------------- */
/* Small Category Boxes
------------------------------------- */
.categories-boxes-container {
	width: calc(100% + 20px);
	left: -20px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.category-small-box { 
	float: left;
	background-color: #f2f2f2;
	border-radius: 4px;
	margin: 20px 0 0 20px;
	padding: 22px 20px;
	text-align: center;
	color: #777;
	transition: 0.4s;
	transform: scale(1);
	vertical-align: top;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Hover Animation */
.category-small-box:hover {
	background-color: #66676b;
	color: #fff;
	-webkit-transform: scale(1.06);
	-moz-transform: scale(1.1);
}

.category-small-box:hover h4 {
	font-size: 17px;
}

.category-small-box h4 {
	font-size: 16px;
	color: #333;
	transition: 0.4s;
	line-height: 22px;
	margin-top: 8px;
}

.category-small-box i {
	font-size: 42px;
	height: 40px;
	display: inline-block;
	margin-top: 20px;
}

.category-small-box:hover h4 { color: #fff; }


/* Media Queries For Small Category Boxes */
@media (max-width: 768px) {
	.category-small-box { width: calc(100% * (1/2) - 20px); }
}
@media (min-width: 768px) {
	.category-small-box { width: calc(100% * (1/3) - 20px); }
}
@media (min-width: 992px) {
	.category-small-box { width: calc(100% * (1/3) - 20px); }
}
@media (min-width: 1240px) {
	.category-small-box { width: calc(100% * (1/6) - 20px); }
}



/* ---------------------------------- */
/* Titlebar
------------------------------------- */
#titlebar {
	background-color: #f8f8f8;
	position: relative;
	padding: 70px 0;
	margin-bottom: 65px;
}

#titlebar.gradient {
	background: linear-gradient(to bottom, #f7f7f7 0%, rgba(255,255,255,0.5));
	padding-bottom: 10px;
}

#titlebar span a,
#titlebar span {
	font-size: 20px;
	color: #888;
	margin-bottom: 3px;
	margin-top: 6px;
	display: inline-block;
}

#titlebar #breadcrumbs span {
	font-size: 13px
}

#titlebar h1,
#titlebar h2 {
	font-size: 32px;
	line-height: 40px;
	margin: 1px 0 3px 0;
}

/* Breadcrumbs */
#breadcrumbs {
	position: absolute;
	right: 15px;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	color: #888;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#breadcrumbs ul { margin: 0; }

#breadcrumbs ul li a {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	color: #888;
}

#breadcrumbs ul li a:hover { color: #666 }

#breadcrumbs ul li {
	display: inline-block;
	list-style: none;
	margin: 0 0 0 10px;
}

#breadcrumbs ul li:first-child:before { display: none; }

#breadcrumbs ul li:before {
	content: "\f105";
	font-family: "FontAwesome";
	color: #a0a0a0;
	font-size: 14px;
	margin-right: 15px;
}

#titlebar.photo-bg #breadcrumbs ul li,
#titlebar.photo-bg #breadcrumbs ul li a,
#titlebar.photo-bg #breadcrumbs ul li:before { color: #fff; }



/* ------------------------------------------------------------------- */
/*  04. Dashboard
---------------------------------------------------------------------- */
#dashboard {
	background-color: #f7f7f7;
	display: flex;
	flex-wrap: wrap;
	min-height: 100vh;
}

/* Dashboard Summary Cards */
.dashboard-summary {
	margin-bottom: 30px;
}

.summary-card {
	background: #fff;
	border-radius: 12px;
	padding: 25px;
	margin-bottom: 20px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
	position: relative;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border: 1px solid #eceaea;
}

.summary-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 24px rgba(60, 42, 30, 0.18);
}

.summary-card.hotel-inquiries {
	background: linear-gradient(135deg, #6B7C3F 0%, #5a6b35 100%);
	color: white;
}

.summary-card.tour-inquiries {
	background: linear-gradient(135deg, #B98A3D 0%, #a26f1a 100%);
	color: white;
}

.summary-card.reviews {
	background: linear-gradient(135deg, #3C2A1E 0%, #2a1e15 100%);
	color: white;
}

.summary-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 40px;
	opacity: 0.3;
}

.summary-content h3 {
	font-size: 48px;
	font-weight: 700;
	margin: 0 0 10px 0;
	line-height: 1;
	font-family: var(--font-heading);
	color: white;
}

.summary-content p {
	font-size: 16px;
	margin: 0 0 15px 0;
	font-weight: 500;
	font-family: var(--font-body);
	color: white;
}

.more-info {
	color: inherit;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	opacity: 0.8;
	transition: opacity 0.3s ease;
	font-family: var(--font-body);
}

.more-info:hover {
	opacity: 1;
	text-decoration: none;
	color: inherit;
}

/* Dashboard Sections */
.dashboard-section {
	border-radius: 12px;
	margin-bottom: 0px;
	overflow: hidden;
}

.section-header {
	background: linear-gradient(135deg, #B98A3D 0%, #a26f1a 100%);
	color: white;
	padding: 20px 25px;
	margin: 0;
	border-radius: 12px 12px 0 0;
}

.section-header h4 {
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	font-family: var(--font-heading);
}

.table-container {
	padding: 0;
}

.dashboard-table {
	width: 100%;
	border-collapse: collapse;
	margin: 0;
}

.dashboard-table thead {
	background: #3C2A1E;
	color: white;
}

.dashboard-table th {
	padding: 15px 20px;
	text-align: left;
	font-weight: 600;
	font-size: 14px;
	border: none;
	font-family: var(--font-heading);
}

.dashboard-table tbody tr {
	border-bottom: 1px solid #e0e0e0;
	transition: background-color 0.3s ease;
}

.dashboard-table tbody tr:hover {
	background-color: #f5f5f5;
}

.dashboard-table tbody tr:nth-child(even) {
	background-color: #fafafa;
}

.dashboard-table tbody tr:nth-child(even):hover {
	background-color: #f0f0f0;
}

.dashboard-table td {
	padding: 15px 20px;
	font-size: 14px;
	color: #333;
	border: none;
}

/* Wishlist Section */
.wishlist-container {
	padding: 25px 0px;
}

.wishlist-card {
	background: #fff;
	border-radius: 12px;
	padding: 25px;
	margin-bottom: 20px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
	position: relative;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	border: 1px solid #eceaea;
}

.wishlist-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 24px rgba(60, 42, 30, 0.18);
}

.wishlist-icon {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 40px;
	opacity: 0.3;
	color: #3C2A1E;
}

.wishlist-content h3 {
	font-size: 48px;
	font-weight: 700;
	margin: 0 0 10px 0;
	line-height: 1;
	color: #3C2A1E;
	font-family: var(--font-heading);
}

.wishlist-content p {
	font-size: 16px;
	margin: 0 0 15px 0;
	font-weight: 500;
	color: #333;
	font-family: var(--font-body);
}

.wishlist-link {
	color: #B98A3D;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	transition: color 0.3s ease;
}

.wishlist-link:hover {
	color: #3C2A1E;
	text-decoration: none;
}

/* Wishlist card hover effects */
.wishlist-card:hover .wishlist-icon {
	opacity: 0.5;
	transform: scale(1.1);
}

.wishlist-card:hover .wishlist-content h3 {
	color: #B98A3D;
}

/* Wishlist card animations */
.wishlist-card {
	transition: all 0.3s ease;
}

.wishlist-icon {
	transition: all 0.3s ease;
}

.wishlist-content h3 {
	transition: color 0.3s ease;
}

/* Empty table state */
.dashboard-table tbody:empty::after {
	content: "No data available";
	display: block;
	text-align: center;
	padding: 40px 20px;
	color: #999;
	font-style: italic;
}

/* Dashboard page title */
.dashboard-content h1 {
	color: #3C2A1E;
	font-size: 28px;
	font-weight: 600;
	margin: 30px 0 10px 0;
	font-family: var(--font-heading);
}

/* Breadcrumb styling */
.breadcrumb {
	background: transparent;
	padding: 0;
	margin: 0 0 20px 0;
	font-family: var(--font-body);
}

.breadcrumb a {
	color: #B98A3D;
	text-decoration: none;
}

.breadcrumb a:hover {
	color: #3C2A1E;
	text-decoration: underline;
}

/* Flexbox Adjustments */
.dashboard-nav { 
	flex: 0 0 220px;
	background-color: #3C2A1E;
	position: relative;
	z-index: 11;
	box-shadow: 2px 0 10px rgba(60, 42, 30, 0.15);
}

.dashboard-content { 
	flex: 1;
	padding: 0px 30px 0px 30px;
	position: relative;
	background-color: transparent !important;
	z-index: 10;
	background: var(--Detail-bg);
}

@media only screen and (max-width: 5066px) and (min-width: 1640px)  {
	.dashboard-content { 
		flex: 1;
		padding: 0px 60px 0px 60px;
		position: relative;
		background-color: transparent !important;
		z-index: 10;
	}
}

/* Navigation Scrolling */

.messages-container-inner .messages-inbox ul::-webkit-scrollbar { width: 17px; }

@media (max-width: 991px) {
	.dashboard-nav-inner {
	    max-height: 900px;
	    width: calc(100% + 18px);
	    min-height: 45vh !important;
	}
}
/* Navigation Scrolling - End */



/* Dashboard Footer */
#dashboard .copyrights {
	padding: 15px 0;
	margin:30px 0 0 ;
	display: block;
	text-align: center;
	border-top:none;
	background-color: #fff;
}

	.copyrights p{
		margin-bottom: 0;
	}	
.dashboard #logo a { display: none; }
.dashboard #logo a.dashboard-logo { display: inline-block;}
.dashboard #logo a.dashboard-logo h2{color: #fe8800; padding-top: 4px;}

.dashboard-nav-inner {
    background: #333;
    height: 100%;
    display: block;
    width: 100%;
    min-height: 135vh;
}

/* ---------------------------------- */
/* Dashboard Navigation profile
------------------------------------- */

.profile-sec{
	padding: 20px 15px;
	background: #3C2A1E;
	display: flex;
	align-items: center;
	width: 100%;
	border-bottom: 1px solid #B98A3D;
}

.profile-sec .dash-content{
	padding-bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 15px;
	flex: 1;
} 

.profile-sec h4{
	color: #fff;
	margin: 0 0 5px 0;
	font-size: 16px;
	font-weight: 600;
	font-family: var(--font-heading);
}

.profile-sec span{
	font-style: italic;
	color: #B98A3D;
	font-size: 13px;
	display: block;
	font-family: var(--font-body);
}

.profile-sec .dash-image {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    overflow: hidden;
    display: inline-block;
    border: 3px solid rgba(255, 255, 255, 0.32);
    flex-shrink: 0;
}

.profile-sec .dash-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ---------------------------------- */
/* Dashboard Navigation
------------------------------------- */
.dashboard-nav {
	background-color: #3C2A1E;
	display: block;
	z-index: 11;
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 0;
	box-shadow: 2px 0 10px rgba(60, 42, 30, 0.15);
}

a.dashboard-responsive-nav-trigger { 
	display: none; 
}

.dashboard-nav ul {
	list-style: none;
	padding: 0;
}

/* 1st Level */
.dashboard-nav ul li {
	color: #fff;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	transition: all 0.3s ease;
	line-height: 24px;
	font-size: 15px;
	margin-bottom: 0;
	position: relative;
}

.dashboard-nav ul li a {
	color: #fff;
	display: block;
	padding: 18px 27px;
	transition: all 0.3s ease;
	cursor: pointer;
	text-decoration: none;
	font-weight: 500;
	font-family: var(--font-body);
}

.dashboard-nav ul li a i {
	padding-right: 12px;
	width: 20px;
	font-size: 16px;
	opacity: 0.8;
}

/* Dropdown arrow styling */
.dashboard-nav ul li a .fa-chevron-down {
	float: right;
	padding-right: 0;
	padding-left: 12px;
	width: auto;
	font-size: 12px;
	transition: transform 0.3s ease;
	margin-top: 6px;
}

.dashboard-nav ul li.active a .fa-chevron-down {
	transform: rotate(180deg);
}

.dashboard-nav ul li a:hover { 
	color: #fff; 
	background-color: rgba(185, 138, 61, 0.2);
}

.dashboard-nav ul li a:hover i {
	opacity: 1;
} 


/* Nav Tag */
.dashboard-nav ul li span.nav-tag {
	background-color: rgba(255,255,255,0.2);
	font-family: "Open Sans";
	font-weight: 600;
	display: inline-block;
	font-size: 11px;
	line-height: 20px;
	color: #fff;
	padding: 0;
	padding: 0 7px;
	box-sizing: border-box;
	text-align: center;
	min-width: 20px;
	height: 20px;
	letter-spacing: -0.5px;
	text-align: center;
	border-radius: 50px;
	margin-left: 4px;
}

.dashboard-nav ul li span.nav-tag.messages {top: -2px; position: relative; }
.dashboard-nav ul li span.nav-tag.messages,
.dashboard-nav ul li span.nav-tag.green { background-color: #64bc36; }
.dashboard-nav ul li span.nav-tag.yellow { background-color: #b9be1c; }
.dashboard-nav ul li span.nav-tag.red { background-color: #ee3535; }


/* Dropdown Styles */
.dashboard-nav ul li ul {
	padding: 0;
	margin: 0;
	visibility: hidden;
	max-height: 0;
	opacity: 0;
	line-height: 0;
	transition: all 0.3s ease;
	background-color: rgba(0, 0, 0, 0.2);
	border-left: 3px solid #B98A3D;
}

.dashboard-nav ul li.active ul {
	visibility: visible;
	padding: 0px;
	line-height: 24px;
	opacity: 1;
	max-height: 300px;
}

.dashboard-nav ul li ul li {
	color: #eee;
	background-color: transparent;
	border: none;
	position: relative;
	margin: 0;
	transition: all 0.3s ease;
}

.dashboard-nav ul li ul li a { 
	padding: 12px 0; 
	font-size: 14px;
	font-weight: 400;
	transition: all 0.3s ease;
	padding-left: 30px;
}

.dashboard-nav ul li ul li a i {
	font-size: 14px;
	opacity: 0.7;
	transition: all 0.3s ease;
}

.dashboard-nav ul li ul li:hover {
	color: #fff;
	border: none;
	background-color: rgba(185, 138, 61, 0.2);
}

.dashboard-nav ul li ul li:hover a {
	padding-left: 30px;
}

.dashboard-nav ul li ul li:hover a i {
	opacity: 1;
}

.dashboard-nav ul li ul li.active {
	background-color: rgba(185, 138, 61, 0.3);
}

.dashboard-nav ul li ul li.active a {
	color: #fff;
	font-weight: 500;
}

.dashboard-nav ul li ul li.active a i {
	opacity: 1;
}

.dashboard-nav ul li.active a:after { transform: rotate(180deg); }
 
.dashboard-nav ul li ul:before,
.dashboard-nav ul li a:only-child:after { content: ''; display: none; } 

/* Hover State */
.dashboard-nav ul li ul li:hover a { padding-left: 4px; }

.dashboard-nav ul li.active {
	color: #fff;
	background-color: rgba(185, 138, 61, 0.3);
}

.dashboard-nav ul li.active a {
	color: #fff;
	font-weight: 600;
}

.dashboard-nav ul li.active a i {
	opacity: 1;
}
.dashboard-nav ul li.active:after{
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-right: 15px solid #f7f7f7;
	border-bottom: 15px solid transparent;
	top: 14px;
	right: 0;
}

/* ---------------------------------- */
/* Sticky Navigation
------------------------------------- */
.dashboard-sticky-nav{
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 9999;
  background: #fff;
  box-shadow: 0px 0px 5px #cccccc57;
}
.content-left{
  margin: 0;
  background: var(--color-primary);
  color: #fff;
  padding: 21px 0px;
  width: 300px;
  text-align: center;
}
.content-left img{
	width: 200px;
}
.search-bar{
	float: left;
	padding: 23px;
}
.search-bar a{
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 8px 15px;
	color: var(--color-accent);
}
.search-bar .form-group{
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
}
.search-bar input{
	padding-right: 40px;
	border-radius: 40px;
	font-size: 15px;
}
.dashboard-sticky-nav .dropdown{
	float: right;
}
.dropdown-item{
	padding: 26px;
	border-left: 1px solid #eee;
}
.dropdown a{
	cursor: pointer;
}
.dropdown-menu{
	margin: 0;
	left: unset;
	right: 0;
	border-radius: 0;
	padding: 0;
	min-width: 300px;
	max-width: 400px;
}
.dropdown-menu li{
	margin: 0;
}
.dropdown-menu li a{
	padding: 5px 20px;
}
.dropdown-menu li i{
	padding-right: 15px;
	position: relative;
}
.dropdown-item i{
	font-size: 30px;
}
.notification-menu h4,.notification-menu p.all-noti{
	text-align: center;
	padding: 10px 0;
	margin: 0;
	color: #fff;
	background: var(--color-primary);
}
.notification-menu p{
	font-size: 14px;
	margin-bottom: 0;
	white-space: normal;
}
p.all-noti a{
	color: #fff;font-size: 12px;
}
span.notification-time{
	position: absolute;
  font-size: 10px;
  left: 15%;
  bottom: -10px;
}
.notification-menu li a{
	padding-bottom: 20px;
	display: block;
}
.notification-image{
	width: 12%;
	float: left;
	border-radius: 50%;
	overflow: hidden;
	margin-top: 5px;
}
.notification-content{
	position: relative;
	padding: 3px 0 0 15%;
}
span.notify{
  position: absolute;
  top: 15px;
  right: 15px;
  background: var(--color-accent);
  height: 25px;
  width: 25px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
}
/* ---------------------------------- */
/* Dashboard Titlebar
------------------------------------- */
#dashboard #titlebar {
    padding: 5px 0px;
    margin: 0 0 20px 0;
    display: block;
    background: transparent;
    border-bottom: 1px solid #eaeaea;
}

#dashboard #titlebar h2 {
	font-size: 28px;
	line-height: 38px;
}


/* ---------------------------------- */
/* Dashboard Stats Boxes
------------------------------------- */
.dashboard-stat {
	display: inline-block;
	padding: 0;
	height: 160px;
	background-color: #444;
	color: #fff;
	border-radius: 4px;
	width: 100%;
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
	transition: 0.3s;
	cursor: default;
}

.dashboard-stat:hover { transform: translateY(-4px); }

.dashboard-stat-content {
	position: absolute;
	left: 25px;
	top: 35%;
	width: 45%;
	transform: translateY(-50%);
}

.dashboard-stat-content h4 {
	font-size: 42px;
	font-weight: 600;
	padding: 0;
	margin: 0;
	color: #fff;
	font-family: "Open Sans";
	letter-spacing: -1px;
}

.dashboard-stat-content span {
	font-size: 18px;
	margin-top: 4px;
	line-height: 24px;
	font-weight: 300;
	display: inline-block;
}

.dashboard-stat-icon {
	position: absolute;
	right: 20px;
	font-size: 80px;
	line-height: 1;
	padding: 0 25px;
	top: 35px;
	opacity: 0.6;
}
.dashboard-stat-item{
	position: absolute;
  text-align: center;
  bottom: 5px;
  border-top: 1px solid #eee;
  margin: 0;
  width: 100%
}
.dashboard-stat-item p{
	color: #fff;
	margin: 0;
	padding-top: 5px;
	font-size: 12px;
}

a.canvasjs-chart-credit{display: none;}

.traffic {
    margin-bottom: 30px;
}



/* Colors */
.dashboard-stat.color-1 {
	background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.2));
	background-color: #64bc36;
}

.dashboard-stat.color-2 {
	background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
	background-color: #363841;
}

.dashboard-stat.color-3 {
	background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.3));
	background-color: #ffae00; 
}

.dashboard-stat.color-4 {
	background: linear-gradient(to left, rgba(255,255,255,0) 25%, rgba(255,255,255,0.1));
	background-color: #f3103c;
}


/* ---------------------------------- */
/* Dashboard Pagination
------------------------------------- */
#dashboard .pagination ul li a, 
#dashboard .pagination-next-prev ul li a {
    background-color: transparent;
}

#dashboard .pagination ul li a.current-page,
#dashboard .pagination .current,
#dashboard .pagination ul li a:hover,
#dashboard .pagination-next-prev ul li a:hover {
    background-color: #fbfbfb;
}



/* ---------------------------------- */
/* Dashboard List Box
------------------------------------- */
 .dashboard-wrapper{
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.06);
	border-radius: 4px;
}

.dashboard-wrapper{margin: 0; background: #fff; padding: 15px;}

/* Button */
.dashboard-list-box .button {
	padding: 6px 15px;
	line-height: 20px;
	font-size: 13px;
	font-weight: 600;
	margin: 0;
}

.dashboard-list-box .button.gray:before { display: none; }
.dashboard-list-box .button.gray {
	background-color: var(--color-accent);
	color: #fff;
	transition: all 0.3s ease-in-out;
}

.dashboard-list-box .button.gray:hover {
	background-color: #66676b;
	color: #fff;
	border-color: #e9e9e9;
	transition: all 0.3s ease-in-out;
}

.dashboard-list-box h4 {
	font-size: 18px;
	font-weight: 600;
	margin: 0;
	padding: 25px;
	color: #333;
	background-color: #fff;
	display: block;
	border-radius: 4px 4px 0 0;
}

.dashboard-list-box h4.gray {
	background-color: var(--color-primary);
	color: #fff;
}
.table-box h4.gray {
	padding: 25px 20px;
}
.dashboard-list-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #fff;
	border-radius: 0 0 4px 4px;
}

.dashboard-list-box ul li {
	padding: 8px 20px;
	border-bottom: 1px solid #eaeaea;
	transition: 0.3s;
	position: relative;
	margin-bottom: 0;
}


.dashboard-list-box.with-icons ul li { padding-left: 87px; }

.dashboard-list-box ul li:last-child { border: none; }

.dashboard-list-box ul li:hover { background-color: #fbfbfb; }
.dashboard-list-box .numerical-rating { margin: 0 3px; }

.dashboard-list-box ul li i.list-box-icon {
	height: 38px;
	width: 38px;
	color: #777;
	text-align: center;
	line-height: 37px;
	border-radius: 50%;
	transition: 0.3s;
	display: inline-block;
	background-color: #eee;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 30px;
}

.dashboard-list-box ul li:hover i.list-box-icon { background-color: #eaeaea; }


/* Static Content */
.dashboard-list-box-static {
	padding: 30px 0 0;
}

.dashboard-list-box-static .button, .button.preview {
	padding: 11px 26px;
	font-size: 16px;
	margin-bottom: 3px;
	background: var(--color-accent);
}

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

/* Close List Item */
a.close-list-item {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 30px;
	opacity: 0;
	padding: 4px;
	color: #ea2828;
	transition: 0.3s;
}

.dashboard-list-box ul li:hover a.close-list-item { opacity: 1; }
 

/* Reset for child ul  */
.dashboard-list-box ul ul { background-color: transparent; }

.dashboard-list-box ul ul li:nth-last-child(2n+1) { background-color: transparent; }
.dashboard-list-box ul ul li {
	padding: 0;
	border: none;
	transition: 0.3s;
	background-color: transparent;
	display: inline-block;
}

.dashboard-list-box ul ul li:hover { background-color: transparent; }

/* Sorting */
.dashboard-list-box .sort-by {
	top: 20px;
	right: 26px;
}

.dashboard-list-box .sort-by .chosen-container-single .chosen-single { background-color: transparent; padding: 0 4px; }
.dashboard-list-box .chosen-container .chosen-results li { border: none; }


/* Invoices
------------------------------------- */
.dashboard-list-box.invoices li { padding: 20px 30px; }
.dashboard-list-box.invoices ul li strong { color: #333; }

.dashboard-list-box.invoices ul ul {
	line-height: 22px;
	padding-bottom: 2px;
	color: #909090;
}

.dashboard-list-box.invoices ul ul li { padding: 0; }

.dashboard-list-box.invoices ul ul li:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 11px;
	background-color: #e0e0e0;
	position: relative;
	margin: 0 10px;
}

.dashboard-list-box.invoices ul ul li:last-child:after { display: none; }

.paid { color: #64bc36; }
.unpaid { color: #ee3535; }

/* Button to right */
.buttons-to-right,
.dashboard-list-box .button.to-right {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translate3d(0,-49%,0);
	-moz-transform: translate3d(0,-50%,0);
	opacity: 0;
	transition: 0.4s;
	box-shadow: 0px 0px 10px 15px #fbfbfb; 
}


.dashboard-list-box li:hover .buttons-to-right,
.dashboard-list-box li:hover .button.to-right { opacity: 1; }

.buttons-to-right { box-shadow: none; }
.buttons-to-right .button { margin-left: 2px; }

.dashboard-list-box .button i { padding-right: 2px; position: relative; top: 1px; }
.dashboard-list-box .button i.fa-remove { padding-right: 1px; }



/* My Profile Page
------------------------------------- */
.edit-profile-photo img {
	border-radius: 4px;
	max-width: 180px;
	width: 100%;
}

.edit-profile-photo {
	position: relative;
	display: block;
	margin-bottom: 35px;
}

.change-photo-btn {
	font-weight: 600;
	padding: 5px 6px;
	color: #333;
	background-color: #fff;
	border-radius: 50px;
	display: inline-block;
	position: relative;
	font-size: 13px;
	width: auto;
	transition: 0.3s;
	cursor: pointer;
	line-height: 20px;
	position: absolute;
	bottom: 15px;
	left: 15px;
	width: auto;
}

.photoUpload {
    position: relative;
    overflow: hidden;
    padding: 3px 12px;
	cursor: pointer;
}

.photoUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.change-photo-btn:hover {
	color: #fff;
	background-color: #66676b; 
}

.change-photo-btn i { margin-right: 2px; }

.my-profile { display: block; margin-bottom: 15px;}

.my-profile label i { margin-right: 3px; }

.my-profile textarea {
	height: 200px; }


/* List Box Listings
------------------------------------- */

.dashboard-list-box.dash-list{
	box-shadow: none;
}

.dashboard-list-box.dash-list .col-sm-4{
	margin-bottom: 30px;
}

.dashboard-list-box.dash-list .list-box-listing {
	background: #fff;
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.06);
	transition: all ease-in-out 0.3s;
}

.dashboard-list-box.dash-list .list-box-listing:hover {
    border-color: #fe8800;
    transition: all ease-in-out 0.3s;
}

.dashboard-list-box.dash-list .list-box-listing-img{max-width: inherit;}

.dashboard-list-box.dash-list  .list-box-listing-img a:before {border-radius: 0px;}


/* Image */

.list-box-listing-img {
	flex: 1;
	max-width: 150px;
	position: relative;
}


.list-box-listing-img a {
	width: 100%;
	height: 100%;
	display: inline-block;
	overflow: hidden;
	position: relative;
	z-index: 10;
}


.list-box-listing-img a:before {
	content: "";
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background-color: rgba(22,22,22,0.2);
	border-radius: 4px;
	z-index: 11;
}

.list-box-listing-img a img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: 4px;
}

/* Content */
.list-box-listing-content {
	padding: 0px 15px 7px;
}

.list-box-listing-content a h3{transition: all ease-in-out 0.3s;}

.list-box-listing-content a:hover h3{color: #fe8800; transition: all ease-in-out 0.3s;}

.list-box-listing-content .inner h3 {
	font-size: 18px;
	font-weight: 500;
	margin: 0;
}

.list-box-listing-content .inner span {
	font-size: 15px;
	font-weight: 300;
	display: inline-block;
}


.list-box-listing-content .inner .numerical-rating,
.list-box-listing-content .inner .star-rating {
	margin: 5px 0 0 0;
	display: block;
}

.list-box-listing-content .inner p{font-size: 15px; line-height: 1.5; padding-top: 5px;}



.dashboard-list-box.dash-wish .list-box-listing {
    background: #fff;
    padding:15px 15px 0;
    border-radius: 5px;
}

.dashboard-list-box.dash-wish .list-box-listing-img, .dashboard-list-box.dash-wish  .list-box-listing-content{
	display: inline-block;
	max-width: 100%;
}

.dashboard-list-box.dash-wish .list-box-listing-img{
	line-height: 0px;
}

.dashboard-list-box.dash-wish  .list-box-listing-content{padding: 0px;}

.list-box-first {
    display: inline-block;
    width: 100%;
}

.dashboard-list-box.dash-wish .line4{margin-top: 0px;}

.dashboard-list-box.dash-wish .button.gray{margin-top: 28px;}


/* Dashbaord add tours
------------------------------------- */

.dash-add-btn{margin-top: 15px;}

.dashboard-wrapper.dash-add .edit-profile-photo{margin-bottom: 0px;}

.dashboard-wrapper.dash-add .edit-profile-photo img{max-width: 100%;}

.trip-detail{margin-top: 15px;}

/* Dashbaord Reviews
------------------------------------- */
.dashboard-list-box .comments.listing-reviews li {
	margin: 19px 0 10px 0;
}

.dashboard-list-box  a.rate-review {
    border: none;
    color: #666;
    background-color: #eee;
    padding: 4px 18px;
}

.dashboard-list-box  a.rate-review:hover {
    background-color: #66676b;
    color: #fff;
}

.dashboard-list-box .comment-by-listing {
	display: inline-block;
	color: #888;
}

.dashboard-list-box .comment-by-listing.own-comment,
.dashboard-list-box .comment-by-listing.own-comment a { color: #444; }

.dashboard-list-box .comment-by-listing a { color: #888; }
.dashboard-list-box .comment-by-listing a:hover { color: #66676b; }


/* ------------------------------------------------------------------- */
/*  05. History
---------------------------------------------------------------------- */
.history {
    background: #fff;
    padding: 22px 15px;
}

.line4 {
    background: #e8e8e8;
    height: 1px;
    margin: 23px 0;
    padding: 0;
    display: block;
}

.bold {
    font-weight: 700;
}


.textright {
    text-align: right;
}

.history .dropdown-menu{padding: 0; left: inherit; right: 0; border-radius: 4px;}

.history a.dropdown-item {
    display: block;
    color: #999;
    padding:5px 10px;
    border-bottom: 1px solid #f7f7f7;
}

.history a.dropdown-item:last-child{border: none;}

.history a.dropdown-item:hover{background: #ccc; color: #fff;} 

.history a.dropdown-item.del {color:#F44336;}

@media(max-width: 767px){
	.history .textright{text-align: left;}

	.dashboard-list-box .button.gray{margin-top: 6px }
}

/* ------------------------------------------------------------------- */
/*  05. Others
---------------------------------------------------------------------- */

	/* ---------------------------------- */
	/* Common Styles
	------------------------------------- */

	body {
		color: #707070;
		font-size: 15px;
		line-height: 27px;
		background-color: #fff;
	}

	body p { font-size: 15px; line-height: 1.6; }

	#wrapper { background-color: #fff; }

	/* Main Font */
	body, h1, h2, h3, h4, h5, h6,  input[type="text"], input[type="password"], input[type="email"],
	textarea, select, input[type="button"], input[type="submit"], button, #tiptip_content, .map-box p, .map-box div,
	.numerical-rating .rating-counter, body .menu-responsive i.menu-trigger:after
	{ text-transform: none; }


	/* Headlines */
	h1, h2, h3, h4, h5, h6 {
	  color: #222;
	}

	h1.white, h2.white, h3.white, h4.white, h5.white, h6.white {
	  color: #fff;
	}

	h3.headline {
		font-size: 30px;
		line-height: 37px;
		margin: 0 0 30px 0;
	}

	h2.headline {
		font-size: 34px;
		line-height: 40px;
		margin: 0 0 30px 0;
	}

	h2.headline span {
		font-size: 23px;
		line-height: 37px;
	}

	.headline span {
		font-size: 22px;
		line-height: 36px;
		margin-top: 10px;
		color: #888;
		font-weight: 300;
		display: block;
	}

	.headline span i {
		color: #66676b;
		font-style: normal;
	}

	h4.headline {
		font-size: 22px;
		line-height: 32px;
		margin: -5px 0 30px 0;
	}

	.headline.centered { text-align: center; }

	.border-top { border-top: 1px solid #e8e8e8; }
	.icons-container { overflow: hidden; }

	mark { font-weight: 500; }

	/* Icons Demo Styles */
	.glyph {
		font-size: 16px;
		width: 33%;
		display: inline-block;
		transition: 0.3s;
	}

	h4 span.headline-detail { font-size: 15px; margin-top: 5px;}

	.mls {
		font-size: 16px;
		top: -8px;
		display: inline-block;
		position: relative;
	}

	.fs1 { font-size: 32px; }

	.pbs .im { width: 50px; display: inline-block;}

	.unit,
	.unitRight,
	.fs0 { display: none; }

	.pbs { 
		padding: 10px 0 5px 15px;
		border-radius: 4px;
		width: 100%;
		display: inline-block;
		transition: 0.2s;
	}

	.pbs:hover { background-color: #f4f4f4; }
	.sl-icons-demo i { width: 25px;
		display: inline-block; 
		top: 1px;
		position: relative;
	}

	.icons .fa.fa-fw { margin-right: 3px; font-size: 14px; }
	.icons .text-muted { display: none; }


	
/* ------------------------------------------------------------------- */
/* 06. Media Queries
---------------------------------------------------------------------- */

/* Large devices and browsers */
@media (max-width: 1600px) {
	.category-box-btn {
		left: 32px;
		right: auto;
	}

	.category-box-content { bottom: 95px; }

	.category-box-container.half { height: 100%; }
	.fw-carousel-item .category-box-container.half:first-child { display: none; }
	.fullwidth-slick-carousel.category-carousel .slick-slide { height: 350px; }

	.dashboard-stat-icon { font-size: 66px; }
}


/* Laptops */
@media only screen and (max-width: 1366px) and (min-width: 1240px)  {
	.input-with-icon.location a i { padding: 15px 18px 15px 10px; }

	.data-radius-title {
	    margin-top: 7px;
	    line-height: 24px;
	}

	#map-container.fullwidth-home-map { height: 605px; }

	.fs-content .search .row.with-forms .col-fs-6 { width: 50%; }
}


/* Smaller than laptops */
@media (max-width: 1366px) {

	.fullwidth-slick-carousel.category-carousel .slick-slide { height: 320px; }
	.dashboard-stat-icon { font-size: 50px; }
	.main-search-container { height: 600px; }
}


/* Small devices and browsers */
@media only screen and (max-width: 1365px) {

	header.fullwidth.dashboard .container { 
		margin-right: auto;
		margin-left: auto;
		padding-left: 15px;
		padding-right: 15px;
		padding: 0 40px;
		width: 100%;
	 }


	.user-menu {  margin: 0 25px 0 25px; }

	.user-menu ul {
		left: -25px;
		right: auto;
	}

}


/* Smaller than standard 1180 (devices and browsers) */
@media (max-width: 1239px) {

	#navigation.style-1 {
		margin: 25px 0 5px -5px;
		width: 100%;
		padding-top: 15px;
		padding-bottom: 0;
		position: relative;
	}

	#navigation.style-1:before {
		position: absolute;
		width: 100%;
		height: 1px;
		display: block;
		top:0;
		left: 5px;
		content: "";
		background: #e8e8e8;
		width: 940px;
	}

	.fullwidth #navigation.style-1:before { background: linear-gradient(to right, #e8e8e8 50%, #fff); }

	.listing-item-container.list-layout .listing-item-image {flex: 3;}

	.listing-slider, .listing-slider .item {
	    height: 30vh;
	    min-height: 400px;
	    max-height: 400px;
	}
	#header.cloned { display: none; }
}


/* Reset for menu */
@media (max-width: 1024px) {
	#navigation.style-1 { margin: 0; padding-top: 0; }
	#navigation.style-1:before { display: none; }
	.header-widget { margin-bottom: 8px; }
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media (max-width: 991px) {

	.main-search-container { height: 620px; }
	.dashboard-sticky-nav{position: absolute;}
	.main-search-input select,
	.main-search-input select:focus {
		font-size: 16px;
		border: 1px solid #e0e0e0;
		box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
		background: #fff;
		height: 55px;
		padding: 12px 18px;
		border-radius: 4px;
	}

		#header{background: #333;}

	.dashboard #logo {
	    background: transparent;
	    margin: 0;
	    padding-top: 10px;
	    top: inherit;
	    width: 100%;
	    text-align: center;
	    display: inherit;
	    position: inherit;
	    left: inherit;
	    max-width: inherit;
	    min-width: inherit;
	}

	.dashboard #logo a img{transform: none; max-height:inherit; width: auto;}
	.breadcrumb-wrapper.dash-bread{margin-top: 0;}

	#dashboard { padding-top: 0 !important; }

	#dashboard .col-sm-9, #dashboard .col-sm-3, #dashboard .col-lg-12.col-sm-12{width: 100%; padding: 0;}

	 #dashboard .col-lg-12.col-sm-12{padding: 0 5px;}

	/* Dashboard Layout - Mobile */
	#dashboard {
		flex-direction: column;
	}

	/* Dashboard Nav */
	.dashboard-nav {
		flex: none;
		width: 90%;
		position: relative;
		min-height: auto;
		opacity: 0;
		visibility: hidden;
		max-height: 0;
		padding: 0;
		transition: all 0.3s ease;
		overflow: hidden;
		transform: translateY(-10px);
	}

	.dashboard-nav.active {
		opacity: 1;
		visibility: visible;
		max-height: 900px;
		transform: translateY(0);
	}
	
	.dashboard-nav ul {
	    visibility: hidden;
	    opacity: 0;
	    max-height: 0;
	    transition: all 0.3s;
	}
	
	.dashboard-nav.active ul {
	    visibility: visible;
	    opacity: 1;
	    max-height: 600px;
	}
	
	.dashboard-nav ul li ul,
	.dashboard-nav.active ul li ul {
	    visibility: hidden;
	    opacity: 0;
	    max-height: 0;
	    transition: all 0.3s ease;
	}
	
	.dashboard-nav.active ul li.active ul {
	    visibility: visible;
	    opacity: 1;
	    max-height: 300px;
	}
	
	/* Mobile dropdown arrow styling */
	.dashboard-nav ul li a .fa-chevron-down {
		float: right;
		padding-right: 0;
		padding-left: 12px;
		width: auto;
		font-size: 12px;
		transition: transform 0.3s ease;
	}
	
	.dashboard-nav ul li.active a .fa-chevron-down {
		transform: rotate(180deg);
	}

	#header-container.fixed {
	    position: relative;
	    top: 0;
	    width: 100%;
	}

	.dashboard-content {
	    flex: none;
	    padding: 20px 5%;
	    padding-bottom: 0;
	    height: auto;
	    width: 100%;
	}

	header.fullwidth.dashboard .container {  padding: 0 5%; }
	.main-search-inner { transform: translate(0, -51%); }
	
	/* Trigger */
	a.dashboard-responsive-nav-trigger {
		width: 92%;
		margin: 0 auto;
		margin-top: 20px;
		background-color: #3C2A1E;
		border-radius: 5px;
		color: #fff;
		padding: 16px 30px;
		font-weight: 600;
		transition: 0.2s;
		display: block !important;
		position: relative;
		z-index: 999;
		text-decoration: none;
		cursor: pointer;
		font-family: var(--font-body);
	}

	a.dashboard-responsive-nav-trigger i {
		margin-right: 5px;
	}

	a.dashboard-responsive-nav-trigger.active {
		border-radius: 4px 4px 0 0;
	}

	.messages-container-inner { display: block;}

	.messages-container-inner .messages-inbox {
	    max-width: 100%;
	    width: 100%;
	    border-right: none;
	    display: none;
	}

	/* Dashboard Nav - END */
	
	/* Show trigger button on mobile */
	a.dashboard-responsive-nav-trigger {
		display: block !important;
	}
	
	/* Mobile profile section adjustments */
	.profile-sec {
		flex-direction: row;
		align-items: center;
		padding: 15px;
	}
	
	.profile-sec .dash-image {
		height: 40px;
		width: 40px;
		flex-shrink: 0;
	}
	
	.profile-sec .dash-content {
		margin-left: 12px;
	}
	
	.profile-sec h4 {
		font-size: 14px;
		margin: 0 0 2px 0;
	}
	
	/* Mobile navigation items styling */
	.dashboard-nav ul li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	
	.dashboard-nav ul li a {
		padding: 15px 20px;
		font-size: 14px;
	}
	
	.dashboard-nav ul li a i {
		font-size: 14px;
		padding-right: 10px;
	}
	
	/* Mobile sub-menu styling */
	.dashboard-nav ul li ul li {
		padding-left: 40px;
	}
	
	.dashboard-nav ul li ul li a {
		padding: 10px 0;
		font-size: 13px;
	}
	
	.dashboard-nav ul li ul li:hover a {
		padding-left: 6px;
	}
	
	/* Mobile Dashboard Summary Cards */
	.dashboard-summary {
		margin-bottom: 20px;
	}
	
	.summary-card {
		padding: 20px;
		margin-bottom: 15px;
	}
	
	.summary-content h3 {
		font-size: 36px;
	}
	
	.summary-content p {
		font-size: 14px;
	}
	
	.summary-icon {
		font-size: 30px;
		top: 15px;
		right: 15px;
	}
	
	/* Mobile Dashboard Sections */
	.dashboard-section {
		margin-bottom: 20px;
	}
	
	.section-header {
		padding: 15px 20px;
	}
	
	.section-header h4 {
		font-size: 16px;
	}
	
	.dashboard-table th,
	.dashboard-table td {
		padding: 10px 15px;
		font-size: 13px;
	}
	
	/* Mobile table horizontal scroll */
	.table-container {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	.dashboard-table {
		min-width: 600px;
	}
	
	/* Extra small mobile screens */
	.summary-card {
		padding: 15px;
	}
	
	.summary-content h3 {
		font-size: 28px;
	}
	
	.summary-content p {
		font-size: 13px;
	}
	
	.summary-icon {
		font-size: 24px;
		top: 12px;
		right: 12px;
	}
	
	.section-header {
		padding: 12px 15px;
	}
	
	.section-header h4 {
		font-size: 14px;
	}
	
	.dashboard-table th,
	.dashboard-table td {
		padding: 8px 12px;
		font-size: 12px;
	}
	
	/* Mobile Wishlist Cards */
	.wishlist-container {
		padding: 15px;
	}
	
	.wishlist-card {
		padding: 20px;
		margin-bottom: 15px;
	}
	
	.wishlist-content h3 {
		font-size: 36px;
	}
	
	.wishlist-content p {
		font-size: 14px;
	}
	
	.wishlist-icon {
		font-size: 30px;
		top: 15px;
		right: 15px;
	}
	
	/* Extra small mobile screens - Wishlist */
	.wishlist-container {
		padding: 12px;
	}
	
	.wishlist-card {
		padding: 15px;
		margin-bottom: 12px;
	}
	
	.wishlist-content h3 {
		font-size: 28px;
	}
	
	.wishlist-content p {
		font-size: 13px;
	}
	
	.wishlist-icon {
		font-size: 24px;
		top: 12px;
		right: 12px;
	}
}

/* Additional mobile breakpoint for smaller devices */
@media (max-width: 768px) {
	.dashboard-responsive-nav-trigger {
		display: block !important;
	}
	
	.dashboard-nav {
		position: relative;
		width: 100%;
		opacity: 0;
		visibility: hidden;
		max-height: 0;
		overflow: hidden;
		transition: all 0.3s ease;
	}
	
	.dashboard-nav.active {
		opacity: 1;
		visibility: visible;
		max-height: 100vh;
	}
	
	.dashboard-nav ul {
		visibility: hidden;
		opacity: 0;
		max-height: 0;
		transition: all 0.3s ease;
	}
	
	.dashboard-nav.active ul {
		visibility: visible;
		opacity: 1;
		max-height: 600px;
	}


	.main-search-input {
	    border-radius: 0;
	    display: block;
	    padding: 0;
	    max-height: 100%;
	    background-color: transparent;
	    box-shadow: none;
	}

	.gray-style.main-search-input { background-color: transparent; }

	.gray-style .main-search-input-item,
	.main-search-input-item {
   		border-color: transparent;
	}

	.main-search-input button.button { margin-top: 10px; }
	.main-search-input-item { margin-bottom: 10px; }

	.main-search-input-item,
	.main-search-input .main-search-input-item:nth-last-child(2) {
	    padding: 0;
	}

	.main-search-input-item .chosen-container-single .chosen-single,
	.main-search-input-item .chosen-single.chosen-container-active,
	.gray-style .main-search-input-item .chosen-container-single .chosen-single,
	.gray-style .main-search-input-item .chosen-single.chosen-container-active,
	.gray-style.main-search-input input,
	.gray-style.main-search-input input:focus,
	.main-search-input input,
	.main-search-input input:focus {
		padding: 0 20px;
		height: 55px;
		line-height: 55px;
		border-radius: 4px;
		background: #fff;
		border: 1px solid #e0e0e0;
		box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.08);
	}

	.gray-style.main-search-input input,
	.gray-style.main-search-input input:focus,
	.main-search-input input,
	.main-search-input input:focus {
		padding: 0 20px;
	}

	.gray-style .main-search-input-item.location a { background: #fff; }

	.gray-style .main-search-input-item .chosen-single {
    	border-bottom: 1px solid #e0e0e0;
    	transition: border 0s;
	}

	.main-search-input-item .chosen-container-single .chosen-single,
	.main-search-input-item .chosen-container-active.chosen-with-drop .chosen-single {
		border: 1px solid #e0e0e0;
		box-shadow: none;
		transition:  0s;
 	}

	.main-search-input-item .chosen-container-active.chosen-with-drop .chosen-single {
		border-bottom: 0;
 	}

	.main-search-input-item .chosen-container .chosen-drop {
		border: 1px solid #e0e0e0;
		border-top: 0;
		border-radius: 0 0 4px 4px;
		box-shadow: none;
	}

	.gray-style .main-search-input-item .chosen-container-active.chosen-with-drop .chosen-single {
		border-bottom: none;
	}

	.main-search-input-item .chosen-single::after { display: none; }

	.simple-slick-carousel.slick-dotted.slick-slider { margin-bottom: 0; width: 100%; left: 0; }

	.icon-box-2.with-line::before { display: none; }

	.container .row div.padding-right-30 { padding-right: 15px !important; }


	.listing-item-container.list-layout:hover { transform: none; }
	.listing-item-container.list-layout .listing-item-inner {
		position: relative;
		top: auto;
		transform: none;
		padding: 30px;
		left: 0;
	}

	.listing-item-container.list-layout .listing-item {
	    display: block;
	    height: auto;
	    padding: 0;
	}

	.listing-item-container.list-layout .listing-item .listing-badge {
	    display: none;
	}

	.listing-item-container.list-layout .listing-item-image {min-height: auto; }

	.listing-item-container.list-layout span.like-icon {
	    top: -15px;
	    transform: translateY(-100%);
	    background-color: rgba(32,32,32,0.4);
	    color: #fff;
	    right: 35px;
	}

	.listing-item-container.list-layout .listing-item-details {
	    position: relative;
	    bottom: auto;
	    right: auto;
	    left: 0;
	    top: -15px;
	    margin: 0px 30px 15px 30px;
	    padding: 5px 20px;
	    background-color: #eee;
	    border-radius: 50px;
	    font-size: 14px;
	    width: auto;
	    display: inline-block;
	}

	#titlebar { padding: 60px 0; margin-bottom: 60px; }

	.panel-dropdown {
	    margin-right: 4px;
	    display: block;
	    width: 100%;
	}

	.fullwidth-filters .sort-by {
	    display: block;
	    width: 100%;
	}

	.fullwidth-filters .sort-by label,
	.fullwidth-filters .sort-by .sort-by-select,
	.panel-dropdown {
	    float: left;
	    margin-top: 10px;
	}

	.panel-dropdown a,
	.fullwidth-filters .sort-by .chosen-container-single .chosen-single {
	    background: #f3f3f3;
	}

	.panel-dropdown .panel-dropdown-content,
	.fullwidth-filters .panel-dropdown.float-right .panel-dropdown-content {
	    left: 0;
	    right: auto;
	    width: 400px;
	    max-width: 70vw;
	}


	.fullwidth-filters .sort-by .chosen-container.chosen-with-drop .chosen-drop,
	.fullwidth-filters .sort-by .chosen-container .chosen-drop {
	    left: 0;
	    right: auto;
	    margin-left: 0;
	}

	.listing-item-container:hover { transform: none; }

	/* Map */
	.fs-inner-container.map-fixed {
	    height: 500px;
	    position: relative;
	    top: 0;
	    padding-top: 0 !important;
	    width: 100%;
	}

	.fs-inner-container.content { width: 100%; padding-top: 0 !important }
	.close-list-item { display: none; }

	.buttons-to-right, .dashboard-list-box .button.to-right {
		position: relative;
		transform: none;
		top: 0;
		margin: 10px 0 0 0;
		opacity: 1;
		right: auto;
	}

	.list-box-listing-img {
	    max-width: 168px;
	}

	.add-review-photos {
	    float: left;
	    top: 0;
	}

	.add-review-box {
	    border-radius: 4px;
	    background-color: #f9f9f9;
	    padding: 36px;
	    padding-bottom: 40px;
	    margin-bottom: 55px;
	    margin-top: 70px;
	    display: inline-block;
	    width: 100%;
	    position: relative;
	}


	.listing-slider .slick-next:hover,
	.listing-slider .slick-next { right: 100px}

	.listing-slider .slick-prev:hover,
	.listing-slider .slick-prev { left: 100px}


	.listing-slider, .listing-slider .item {
	    height: 30vh;
	    min-height: 400px;
	    max-height: 400px;
	}

	.listing-nav-container.cloned .listing-nav {
	    display: none;
	}


	.opening-day .chosen-container {
   		vertical-align: initial;
	}

	.dashboard-content .dashboard-list-box-static {
		margin-bottom: 40px;
	}


	.office-address {  padding: 60px 0 !important; }
	#googlemaps { height: 30vh !important; padding-bottom: 0 !important; }

	.contact-map { display: block; }

	.contact-map #singleListingMap-container {
	    flex: 1;
	    position: relative;
	    padding-top: 0;
	    display: block;
	    height: 300px;
	}

	.contact-map .address-box-container { width: 100%; }

	.sidebar-textbox ul.contact-details {
	    margin-bottom: 40px;
	}
	.dashboard-form:after{
		display: none;
	}
	.padding-right-30{
		padding-right: 15px;
	}
	.padding-left-30{
		padding-left: 15px;
	}

	.content-left,
	.content-right{
		width: 100%;
	}
	a.dashboard-responsive-nav-trigger{
		top: 0px;
	}
	.dashboard-nav{
		top: 169px;
	}
	.dashboard-nav ul li.active:after{
		display: none;
	}
	.table-box{
	overflow-x: scroll;
	}
	.search-bar{
		padding: 23px 5%;
	}
	.mar-b-30{
		margin-bottom: 30px;
	}
}

.user-list ul li{
	padding: 7px 20px;
}
.user-list-image{
	border-radius: 50%;
  height: 50px;
  width: 50px;
  overflow: hidden;
  display: inline-block;
  border: 3px solid rgba(106, 106, 106, 0.32);
  margin-right: 10px;
}
.user-list-content{
	display: inline-block;
}
.user-list-content h4{
	padding: 0;
	border: none;
}
.user-list-content span{
	font-size: 13px;
}
.user-btns{
	display: inline-block;
	margin-top: 15px;
	float: right;
}
.t-id{
	font-weight: 600;
	color: var(--color-accent);
}
/* All Mobile Sizes (devices and browser) */
@media (max-width: 767px) {

	#dashboard .col-lg-12.col-sm-12, #dashboard .list-box-first .col-sm-3{padding: 0 15px;}

	.list-box-first{text-align: center;}

	.dashboard-list-box.dash-wish .button.gray{float: none!important; margin: 15px 0;}

	.listing-features {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
	
	.messages-headline h4 { display: block; }

	.message-action {
	    display: inline-block;
	    float: none;
	    margin-top: 15px;
	    background-color: #f2f2f2;
	    border-radius: 50px;
	    padding: 4px 20px;
	    text-align: center;
	}

	.message-bubble .message-text { margin-left: 55px; }
	.message-bubble.me .message-text { margin-right: 55px; }

	.message-bubble .message-avatar img{
		width: 35px;
		height: 35px;
		margin-top: 8px;
	}

	#backtotop { display: none; }

	.small-dialog-header {
	    width: calc(100% + 60px);
	    left: -30px;
	    padding: 30px;
	}

	#sign-in-dialog, #small-dialog {
		background: #fff;
		padding: 30px;
		padding-top: 0;
    }

	#sign-in-dialog .mfp-close, #small-dialog .mfp-close {
	    top: 24px;
	    right: 30px;
	    width: 40px;
	    height: 40px;
	}

	.list-box-listing { display: block;}

	.list-box-listing-content .inner {
	    position: relative;
	    top: 0;
	    transform: translateY(0);
	    display: inline-block;
	}

	.header-widget {
	    height: auto;
	}

	.list-box-listing-img {
	    max-width: 100%;
	}
	
	.list-box-listing-content { padding-left: 0; padding-top: 10px; }
	.dash-list .list-box-listing-content { padding:15px; }

	#titlebar { padding: 50px 0; margin-bottom: 50px; }

	#map-container.fullwidth-home-map .zoomControlWrapper { top: 15px !important; }


	#titlebar{text-align: center;}

	#breadcrumbs {
	    position: relative;
	    display: block;
	    margin-top: 2px;
	    top: inherit;
	    right: inherit;
	    transform: none;
	}

	#breadcrumbs ul li { margin: 0 10px 0 0; }

	#breadcrumbs ul li:last-child {
    	margin-right: 0px;
	}

	.comment-by .numerical-rating, .comment-by .star-rating {
	    position: relative;
	    right: 0;
	    top: 7px;
	    display: block;
	    width: 100%;
	    float: none;
	    height: 30px;
	}

	.avatar { display: none; }
	.comment-content { padding: 0 ;}

	.small-dialog-header h3 {
	    padding: 0;
	    margin: 0;
	    font-size: 22px;
	    padding-right: 80px;
	    line-height: 30Px;
	}

	#sign-in-dialog, #small-dialog {
	    max-width: 75vw;
	}

	.listing-nav li a {
	    border-bottom: 1px solid #e0e0e0;
	    padding: 15px;
	    width: 100%;
	    display: block;
	    padding-left: 0;
	    border-color:  #e8e8e8;
	}

	.listing-nav li {
	    margin-right: 0;
	    display: block;
	}

	.listing-nav-container .listing-nav li:first-child a {padding-top: 0;}

	.listing-nav-container.cloned .listing-nav li:first-child a.active,
	.listing-nav-container.cloned .listing-nav li:first-child a:hover,
	.listing-nav li:first-child a,
	.listing-nav li a.active,
	.listing-nav li a:hover {
	    border-color: #e8e8e8;
	}

	.dashboard-content .checkboxes label {
    	width: 100%;
	}

	.dashboard-wrapper.dash-add .edit-profile-photo {
    	margin:0 0 15px;
	}

	.trip-detail .col-xs-12.col-sm-6.col-md-6:first-child{margin-bottom: 15px;}

	.about-author img {
	    width: 70px;
	    height: 70px;
	}

	.about-description {
	    margin: 2px 0 0 100px;
	}
	/* Blog styling */
	#posts-nav li {
	    position: relative;
	    width: 100%;
	}

	#posts-nav li a { padding: 0 !important; }
	#posts-nav li a::before { display: none;}
	#posts-nav li.next-post {text-align: left; margin-bottom: 30px;}	.comments ul li ul { margin: 0;  }

	.avatar img {  max-width: 60px;  }
	.comment-content {   padding: 0 0 0 85px; }
	.comments ul li ul li::before { top: 25px; }
	.comment-content {
	    padding: 0;
	}

	.testimonial::after { display: none; }
	.testimonial-box { padding-left: 38px; }
	
	.content-left h2{
		width: 100%;
	}

	ul.dropdown-menu{
		left: 0;
		right: unset;
		min-width: 250px;
	}
	#dashboard .copyrights{
		padding-left: 0;
	}

	.search-bar{
		display: none;
	}
}


@media (max-width: 480px) { 
	.tabs-nav.blog li,
	.tabs-nav.blog li a,
	.tabs-nav li,
	.tabs-nav li a {
		width: 100%;
		padding: 0;
		border-radius: 3px;
		text-align: center;
		border-bottom: none;
	}

	.about-author img {
	    display: none;
	}

	.about-description {
	    margin: 0;
	}
	
	.user-menu {  margin: 10px 0 20px 25px; top: 0; display: block; }

	.header-widget .sign-in {
		position: relative;
		display: block;
		top: 0px;
		margin-bottom: 10px;
		margin-right: 25px;
	}

	.dropdown-item{padding: 26px 15px;}

	.dashboard-list-box .sort-by .sort-by-select {display: none;}

		a.dashboard-responsive-nav-trigger{
		top: 0px;
	}
	.col-xs-6{
		width: 100%;
	}
	.dropdown:last-child .dropdown-item{
		border: none;
	}
}


/*Dashboard Booking*/
.booking-table td{
	font-weight: 500;
}
.booking-table span.t-box{
	color: #fff;
	background: #ccc;
	padding: 8px 15px;
	border: 1px solid #ccc;
	border-radius: 30px;
}
.booking-table span.paid,
.booking-table span.approved{
	background: #468c21;
	border-color: #468c21;
}
.booking-table span.unpaid,
.booking-table span.cancel{
	background: var(--color-accent);
	border-color: var(--color-accent);
}
.booking-table span.pending{
	background: #a95921;
	border-color: #a95921;
}
.booking-table a.button.gray{
	padding: 0;
    height: 36px;
    width: 36px;
    text-align: center;
    font-size: 15px;
    line-height: 2.6;
    border-radius: 50%;
    background: var(--color-primary);
    margin: 0 2px;
}
.booking-table .button i{
	padding: 0;
}

/* Reviews Tabs (Dashboard) */
.reviews-tabs { margin: 0 0 15px; padding: 0; border-bottom: 1px solid #eee; display: flex; gap: 6px; flex-wrap: wrap; }
.reviews-tabs li { list-style: none; }
.reviews-tabs li a { display: block; padding: 10px 16px; background: #f7f7f7; border: 1px solid #eee; border-bottom: none; color: #333; border-radius: 6px 6px 0 0; }
.reviews-tabs li.active a, .reviews-tabs li a:hover { background: #fff; color: var(--color-primary); }
.reviews-tab-content { background: #fff; border: 1px solid #eee; border-radius: 0 6px 6px 6px; padding: 0; }
.reviews-tab-content .dashboard-list-box { box-shadow: none; margin-bottom: 0; }
.tab-pane { display: none; }
.tab-pane.active { display: block; }

@media (max-width: 768px) {
	.reviews-tabs { gap: 4px; }
	.reviews-tabs li a { padding: 8px 12px; border-radius: 6px; }
}

/* New → Warm colors for fresh/pending */
.status-new-inquiry           { color: #2980b9; font-weight: bold; } /* Bright Blue */
.status-inquiry-received      { color: #16a085; font-weight: bold; } /* Teal */

/* Availability → Green = positive, Red = negative */
.status-room-available        { color: #27ae60; font-weight: bold; } /* Success Green */
.status-room-not-available    { color: #c0392b; font-weight: bold; } /* Danger Red */

/* Waiting/Pending → Orange/Amber */
.status-waiting-for-confirmation { color: #e67e22; font-weight: bold; } /* Amber */
.status-waiting-for-advance-payment { color: #d35400; font-weight: bold; } /* Dark Orange */
.status-waiting-for-remaining-payment { color: #e67e22; font-weight: bold; } /* Amber */

/* Confirmed/Positive → Greens */
.status-booking-confirmed     { color: #2ecc71; font-weight: bold; } /* Bright Green */
.status-advance-payment-received { color: #16a085; font-weight: bold; } /* Teal */
.status-accommodation-booked  { color: #27ae60; font-weight: bold; } /* Deep Green */
.status-payment-complete      { color: #1abc9c; font-weight: bold; } /* Mint Green */

/* Feedback → Use purple shades */
.status-waiting-for-feedback  { color: #8e44ad; font-weight: bold; } /* Violet */
.status-feedback-received     { color: #9b59b6; font-weight: bold; } /* Soft Purple */

.text-center { text-align: center; }

/* Responsive Design */
.desktop-view { display: block; box-shadow: var(--shadow-soft);}
.mobile-view { display: none; }

@media (max-width: 768px) {
    .desktop-view { display: none; }
    .mobile-view { display: block; }
    
    .booking-card {
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        margin-bottom: 15px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        overflow: hidden;
    }
    
    .booking-card-header {
        background: #f8f9fa;
        padding: 12px 15px;
        border-bottom: 1px solid #e0e0e0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .booking-id {
        font-weight: bold;
        color: #333;
        font-size: 14px;
    }
    
    .booking-card-body {
        padding: 15px;
    }
    
    .booking-tour h4 {
        margin: 0 0 8px 0;
        font-size: 16px;
        line-height: 1.3;
    }
    
    .booking-tour h4 a {
        color: var(--color-accent);
        text-decoration: underline;
    }
    
    .booking-tour h4 a:hover {
        color: var(--color-primary);
    }
    
    .booking-operator, .booking-destination {
        color: #666;
        font-size: 14px;
        margin: 0 0 8px 0;
    }
    
    .booking-operator i, .booking-destination i {
        margin-right: 5px;
        color: #999;
    }
    
    .booking-operator a {
        color: var(--color-primary);
        text-decoration: underline;
    }
    
    .booking-operator a:hover {
        color: var(--color-accent);
    }
    
    .booking-details {
        margin-bottom: 15px;
    }
    
    .detail-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        border-bottom: 1px solid #f0f0f0;
    }
    
    .detail-row:last-child {
        border-bottom: none;
    }
    
    .detail-label {
        font-weight: 500;
        color: #666;
        font-size: 14px;
    }
    
    .detail-value {
        color: #333;
        font-size: 14px;
        text-align: right;
    }
    
    .detail-value.price {
        font-weight: bold;
        color: #27ae60;
        font-size: 16px;
    }
    
    .booking-card-footer {
        padding: 12px 15px;
        background: #f8f9fa;
        border-top: 1px solid #e0e0e0;
        text-align: center;
    }
    
    .booking-card-footer .button {
        display: inline-block;
        padding: 8px 16px;
        background: #6c757d;
        color: white;
        text-decoration: none;
        border-radius: 4px;
        font-size: 14px;
        transition: background 0.3s;
    }
    
    .booking-card-footer .button:hover {
        background: #5a6268;
        color: white;
    }
    
    .no-bookings {
        text-align: center;
        padding: 40px 20px;
        color: #666;
    }
    
    .no-bookings i {
        font-size: 48px;
        color: #ddd;
        margin-bottom: 15px;
    }
    
    .no-bookings h4 {
        margin: 0 0 10px 0;
        color: #333;
    }
    
    .no-bookings p {
        margin: 0;
        font-size: 14px;
    }
}

.review-item {
    padding: 20px;
    margin-bottom: 20px;
}

.review-entity strong{
	font-weight: 600;
	color: #888;
	font-size: 14px;
}
.review-entity a{
	font-weight: 700;
	text-decoration: underline;
	font-family: var(--font-heading);
	color: var(--color-primary);
	font-size: 16px;
}
.review-entity a:hover{
	color: var(--color-accent);
}
.review-title h5{
	color: var(--color-accent);
	margin-bottom: 0px;
}
.review-title p{
	font-size: 13px;
	margin-bottom: 0px;
}
.review-actions a{
	color: #fff;
	margin-top: 0px;
}
.delete-review{
	background-image: linear-gradient(to right, var(--color-primary) 0%, var(--color-accent) 100%);
	color: #fff;
}
.delete-review:hover{
 	background-image: linear-gradient(to right, var(--color-light) 0%, var(--color-dark) 100%);
}
.no-reviews {
    text-align: center;
    padding: 40px 20px;
    color: #666;
}

.no-reviews i {
    font-size: 48px;
    color: #ddd;
    margin-bottom: 15px;
}

.no-reviews h5 {
    margin: 0 0 10px 0;
    color: #333;
    font-size: 18px;
}

.no-reviews p {
    margin: 0;
    font-size: 14px;
    text-align: center;
}
/* Row 1: Entity name (left) and Date (right) */
.review-row-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 8px;
}
.review-row-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 8px;
}

/* Mobile Responsive */
@media (max-width: 768px) {

    .review-row-1,
    .review-row-2,
    .review-row-3 {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 10px;
    }
    /* Remove borders between rows on mobile */
    .review-row-1,
    .review-row-2 {
        border-bottom: none;
        padding-bottom: 0;
    }
    .review-row-1 {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }
    .review-row-2 {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    /* Row 3: Content in its own row */
    .review-row-3 {
        margin-bottom: 10px;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    .review-row-1,
    .review-row-2 {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
}


/* Password Input Groups */
.password-input-group {
    position: relative;
    display: flex;
    align-items: center;
}

.password-input-group input {
    width: 100%;
    padding: 10px 40px 10px 12px;
    border: 2px solid #ddd;
    border-radius: var(--radius-soft);
    font-size: 14px;
    transition: border-color 0.3s ease;
    background-color: white;
}

.password-input-group input:focus {
    border-color: var(--color-accent);
    border-width: 2px;
}

.password-toggle {
    position: absolute;
    right: 12px;
    cursor: pointer;
    color: #666;
    font-size: 14px;
    transition: color 0.3s ease;
}

.password-toggle:hover {
    color: var(--color-primary);
}

/* Password Strength Indicator */
.password-strength {
    margin: 8px 0;
}

.strength-bar {
    width: 100%;
    height: 3px;
    background: #e0e0e0;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 4px;
}

.strength-fill {
    height: 100%;
    width: 0%;
    transition: all 0.3s ease;
    border-radius: 2px;
}

.strength-fill.weak { background: #ff4444; width: 25%; }
.strength-fill.fair { background: #ffaa00; width: 50%; }
.strength-fill.good { background: #ffdd00; width: 75%; }
.strength-fill.strong { background: #00aa00; width: 100%; }

.strength-text {
    font-size: 11px;
    color: #666;
    text-align: center;
}

/* Password Match Indicator */
.password-match {
    margin-top: 4px;
    font-size: 11px;
    text-align: center;
}

.password-match.match {
    color: #00aa00;
}

.password-match.no-match {
    color: #ff4444;
}

/* Password Requirements */
.password-requirements {
    margin: 15px 0;
    padding: 12px;
    background: #f8f9fa;
    border-radius: 4px;
    border-left: 3px solid var(--color-primary);
}

.password-requirements h5 {
    margin: 0 0 8px 0;
    color: #333;
    font-size: 13px;
    font-weight: 600;
}

.password-requirements ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.password-requirements li {
    margin: 3px 0;
    font-size: 12px;
    color: #666;
    position: relative;
    padding-left: 18px;
}

.password-requirements li:before {
    content: '✗';
    position: absolute;
    left: 0;
    color: #ff4444;
    font-weight: bold;
    font-size: 11px;
}

.password-requirements li.valid:before {
    content: '✓';
    color: #00aa00;
}

/* Form Styling */
.dashboard-form label {
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
    display: block;
    font-size: 14px;
}

.dashboard-form .button {
    background: var(--color-primary);
    color: white;
    padding: 10px 25px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 100%;
}

.dashboard-form .button:hover {
    background: var(--color-accent);
}

.dashboard-form .button:disabled {
    background: #ccc;
    cursor: not-allowed;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .col-lg-8, .col-lg-4 {
        margin-bottom: 15px;
    }
    .password-requirements {
        margin: 12px 0;
        padding: 10px;
    }
}

.deactivation-warning {
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 25px;
}

.deactivation-warning i {
    color: #f39c12;
    font-size: 24px;
    margin-bottom: 10px;
    display: block;
}

.deactivation-warning h5 {
    color: #856404;
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 600;
}

.deactivation-warning p {
    color: #856404;
    margin: 0 0 10px 0;
    font-size: 14px;
}

.deactivation-warning ul {
    margin: 0;
    padding-left: 20px;
    color: #856404;
}

.deactivation-warning li {
    margin: 5px 0;
    font-size: 14px;
}

/* Form Styling */
.dashboard-form label {
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
    display: block;
    font-size: 14px;
}

.dashboard-form select {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #ddd;
    border-radius: var(--radius-soft);
    font-size: 14px;
    background: white;
    transition: border-color 0.3s ease;
}

.dashboard-form select:focus {
    border-color: var(--color-accent);
}

.dashboard-form textarea {
    width: 100%;
    padding: 12px 15px;
    border: 2px solid #ddd;
    border-radius: var(--radius-soft);
    font-size: 14px;
    resize: vertical;
    min-height: 100px;
    transition: border-color 0.3s ease;
    background: white;
}

.dashboard-form textarea:focus {
    outline: none;
    border-color: var(--color-accent);
}

/* Confirmation Checkbox */
.deactivation-confirmation {
    margin: 20px 0;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 4px;
    border-left: 4px solid var(--color-primary);
}

.checkbox-label {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
}

.checkbox-label input[type="checkbox"] {
    margin-right: 12px;
    margin-top: 2px;
    transform: scale(1.2);
}

/* Deactivate Button */
.deactivate-btn {
    background: #dc3545 !important;
    color: white !important;
    padding: 12px 30px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: 100%;
}

.deactivate-btn:hover {
    background: #c82333 !important;
}

.deactivate-btn:disabled {
    background: #ccc !important;
    cursor: not-allowed;
}

/* Help Section */
.help-section {
    padding: 10px 0;
}

.help-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.help-item:hover {
    background: var(--color-bg-light);
}

.help-item i {
    font-size: 20px;
    color: var(--color-primary);
    margin-right: 15px;
    margin-top: 2px;
    min-width: 20px;
}

.help-content h5 {
    margin: 0 0 5px 0;
    color: #333;
    font-size: 14px;
    font-weight: 600;
}

.help-content p {
    margin: 0 0 8px 0;
    color: #666;
    font-size: 13px;
    line-height: 1.4;
}

.help-link {
    color: var(--color-primary);
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
}

.help-link:hover {
    text-decoration: underline;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .col-lg-8, .col-lg-4 {
        margin-bottom: 20px;
    }
    
    .deactivation-warning {
        padding: 15px;
    }
    
    .help-item {
        padding: 12px;
    }
    
    .help-item i {
        font-size: 18px;
        margin-right: 12px;
    }
}