saysky-Hotel/src/main/resources/static/front/css/dashboard.css

/*------------------------------------------------------------------
* Project:        Hotux
* Author:         CN-InfoTech
* URL:            hthttps://themeforest.net/user/cn-infotech
* Created:        01/08/2020
-------------------------------------------------------------------*/


@charset "UTF-8";


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

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

	02. Layout Components ................... Generic layout elements.
		# Forms Reset & Styles
		# Header
		# Sticky Header
		# Navigation
		# User Menu
		# jPanel mobile menu
		# Sort by custom select
		# Custom Chosen Dropdown
		# Input with dropdown
		# Panel Dropdown
		# Single Listing Page
		# Listing Item Layout Style
		# Small Category Boxes
		# Titlebar

	03. Shortcodes .......................... Template elements.
		# Buttons
		# Tables
		# List Styles
		# Tabs
		# Login Register
		# Social Icons
		# Custom Checkboxes

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

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

	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
------------------------------------- */

input[type=text],
input[type=email],
input[type=number],
input[type=search],
input[type=password],
input[type=tel],
input[type=date],
textarea,
select,
.form-control {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  background-color: #fff;
  border: 1px solid #eceaea;
  border-radius:0px;
  padding: 10px 25px;
  width: 100%;
  color: #444444;
  height: auto;
  margin-bottom: 0px; 
  box-shadow: none;
}
select{
  padding: 10px 20px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=date]:focus,
textarea:focus,
select:focus {
  border-color: #66afe9;
  transition: all 0.5s ease; 
}
textarea {
  resize: vertical;
  height: 200px; 
}
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 { max-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: 0 0 0 100px;
}

.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 th {
	background-color: #333333;
	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: 15px 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; }



/* ---------------------------------- */
/* 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: 28px 33px;
	position: relative;
	z-index: 10;
	display: inline-block;
	width: 100%;
}

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

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


.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: 30px 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: 30px 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: #fe4e37;
}

.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: 30px;
	top: 13px;
	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: 16px;
}

.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;
}

/* Flexbox Adjustments */
.dashboard-content,
.dashboard-nav { flex: 1; }

.dashboard-content {
	padding: 125px 30px 0px;
	position: relative;
	z-index: 10;
	height: 100%;
	margin-left: 300px;
}


/* 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);
	}
}
/* Navigation Scrolling - End */



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

	.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: inline-block;
    width: 100%;
    max-height: 100%!important;
}

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

.profile-sec{
	padding:15px 15px 6px;
	background: #333;
	display: inline-block;
	width: 100%;
	text-align: center;
}

.profile-sec .dash-content{padding-bottom: 10px;
display: inline-block;} 

.profile-sec h4{
	color: #fff;
	margin: 0 0;
}


.profile-sec span{
	font-style: italic;
	color: #f1f1f1;
	font-size: 13px;
}

.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);
    margin-right: 10px;
}

/* ---------------------------------- */
/* Dashboard Navigation
------------------------------------- */
.dashboard-nav {
	background-color: #333;
	display: block;
	z-index: 11;
	position: fixed;
	width: 300px;
	top: 89px;
	height: 100%;
	padding-top: 35px;
}

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 #11111147;
	transition: 0.3s;
	line-height: 24px;
	font-size: 15px;
	margin-bottom: 0;
	position: relative;
}

.dashboard-nav ul li a {
	color: #fff;
	display: block;
	padding: 15px 27px;
	transition: 0.3s;
	cursor: pointer;
}

.dashboard-nav ul li a i {
	padding-right: 8px;
	width: 20px;
}

.dashboard-nav ul li a:hover { color: #fff; } 


/* 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: 0.2s;
}

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

.dashboard-nav ul li ul li {
	color: #eee;
	background-color: transparent;
	border: none;
	padding-left: 54px;
	position: relative;
	margin: 0;
}

.dashboard-nav ul li ul li a { padding: 7px 0; }

.dashboard-nav ul li ul li:hover {
	color: #fff;
	border: none;
	background-color: transparent;
}

/* Indicator Arrow */
.dashboard-nav ul li a:after {
	font-family: "FontAwesome";
	content: '\f107';
	right: 27px;
	font-size: 16px;
	position: absolute;
	transition: 0.2s;
	color: rgba(255,255,255,0.5);
}


.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,
.dashboard-nav ul li:hover {
	color: #fff;
	background-color: #0000004d;
}
.dashboard-nav ul li.active:after{
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-right: 30px 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: #333333;
  color: #fff;
  padding: 30px 0px 29px;
  width: 300px;
  text-align: center;
}
.content-left img{
	width: auto;
}
.search-bar{
	float: left;
	padding: 23px;
}
.search-bar a{
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 8px 15px;
	color: #D60D45;
}
.search-bar .form-group{
	margin-bottom: 0;
	position: relative;
	overflow: hidden;
}
.search-bar input{
	padding-right: 40px;
	border-radius: 0px;
	font-size: 15px;
}

.search-bar input:focus{background: transparent;}

.dashboard-sticky-nav .dropdown{
	float: right;
}
.dropdown-item{
	padding: 27px;
	border-left: 1px solid #eee;
}
.dropdown a{
	cursor: pointer;
}
.dropdown-menu{
	margin: 0;
	left: unset;
	right: 0;
	border-radius: 0;
	padding: 0;
	min-width: 250px;
}
.dropdown-menu li{
	margin: 0;
}
.dropdown-menu li a{
	padding: 5px 20px;
}

.textright .dropdown-item{padding:5px 10px; display: block;}

.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: #333;
}
.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: #fe4e37;
  height: 25px;
  width: 25px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
}

@media(max-width: 991px){
	.dashboard-sticky-nav{position: absolute;}
}
/* ---------------------------------- */
/* 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;
	color: #fff;
}

.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: 10px;
  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: #fe4e37;
	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: 20px 25px;
	color: #333;
	background-color: #fff;
	display: block;
	border-radius: 4px 4px 0 0;
}

.dashboard-list-box h4.gray {
	background-color: #fe4e37;
	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: 23px 30px;
	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;
	background: #fe4e37;
}
.dashboard-form{
	background: #fff;
	padding: 30px;
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.06);
	position: relative;
}
.dashboard-form:after{
	position: absolute;
  width: 1px;
  height: 84%;
  content: '';
  background: #dbdbdb;
  left: 50%;
  top: 8%;
}
.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: 16px; line-height: 29px; }

	#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; }

	.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 Nav */
	.dashboard-nav {
		margin: 0 5%;
		border-radius: 0 0 4px 4px;
		position: relative;
		min-height: auto;
		opacity: 1;
		visibility: hidden;
		max-height: 0;
		padding: 0;
		transition: all 0.3s;
	}

	.dashboard-nav.active ul,
	.dashboard-nav.active {
		opacity: 1;
		visibility: visible;
		max-height: 900px;
	}
	
	.dashboard-nav ul,
	.dashboard-nav.active ul li ul,
	.dashboard-nav ul li ul {
	    visibility: hidden;
	    opacity: 0;
	    max-height: 0;
	    transition: all 0.3s;
	}
	
	.dashboard-nav.active ul li.active ul {
	    visibility: visible;
	    opacity: 1;
	    max-height: 300px;
	}

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

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

	header.fullwidth.dashboard .container {  padding: 0 5%; }
	.main-search-inner { transform: translate(0, -51%); }
	
	/* Trigger */
	a.dashboard-responsive-nav-trigger {
		width: 90%;
		margin: 0 5%;
		margin-top: 40px;
		background-color: #333;
		border-radius: 5px;
		color: #fff;
		padding: 16px 30px;
		font-weight: 600;
		transition: 0.2s;
		display: block;
		position: relative;
		top: 64px;
		z-index: 99;
	}

	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 */


	.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: 170px;
	}
	.dashboard-content{
		padding-top: 200px;
	}
	.dashboard-nav{
		top: 170px;
	}
	.dashboard-nav ul li.active:after{
		display: none;
	}
	.table-box{
	overflow-x: scroll;
	}
	.search-bar{
		padding: 23px 5%;
	}
	.mar-b-30{
		margin-bottom: 30px;
	}
}

@media(max-width: 735px){
	.search-bar{display: none;}
}


.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: 5px;
}
.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: #D60D45;
}
/* 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%;
	}
	.dashboard-nav{
		top: 155px;
	}
	ul.dropdown-menu{
		left: 0;
		right: unset;
		min-width: 250px;
	}
	#dashboard .copyrights{
		padding-left: 0;
	}
}


@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;
	}

	.dashboard-list-box .sort-by .sort-by-select {display: none;}
	.search-bar{
		width: 100%;
		border-bottom: 1px solid #eee;
	}
		a.dashboard-responsive-nav-trigger{
		top: 255px;
	}
	.dashboard-content{
		padding-top: 280px;
	}
	.dashboard-nav{
		top: 255px;
	}
	.col-xs-6{
		width: 100%;
	}
	.dropdown:last-child .dropdown-item{
		border: none;
	}
}

@media(max-width: 400px){
	.content-right{display: none;}

	a.dashboard-responsive-nav-trigger {top: 70px; position: relative;}

	.dashboard-content {padding-top: 92px;}

	.dashboard-nav {top: 70px;}

	.dashboard-list-box h4{font-size: 15px;}
}


/*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: #D60D45;
	border-color: #D60D45;
}
.booking-table span.pending{
	background: #a95921;
	border-color: #a95921;
}
.booking-table a.button.gray{
    color: #fff;
    margin: 0 2px;
}
.booking-table .button i{
	padding: 0;