@font-face {
	font-family: 'Meditative';
	src: url(../fonts/Meditative.woff2) format('woff2'), url(../fonts/Meditative.woff) format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Medium.woff2') format('woff2'),
		url('../fonts/Inter-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Bold.woff2') format('woff2'),
		url('../fonts/Inter-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-SemiBold.woff2') format('woff2'),
		url('../fonts/Inter-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Regular.woff2') format('woff2'),
		url('../fonts/Inter-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

body,
button,
p,
input,
textarea,
.ui-widget,
label {
	font-family: 'Inter', sans-serif;
	font-weight: normal;
}

@font-face {
	font-family: "Ionicons";
	src: url("../fonts/ionicons.eot?v=2.0.1");
	src: url("../fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=2.0.1") format("truetype"), url("../fonts/ionicons.woff?v=2.0.1") format("woff"), url("../fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");
	font-weight: normal;
	font-style: normal
}

:root {
	--dark-color: #0F172A;
	--white: #FFFFFF;
	--light-color: #64748B;
	--gray-light: #D1D5DB;
	--gray-light-50: #F5F5F5;
	--theme-color: #161716;
	--light-border: rgba(22, 23, 22, 0.08);
	--gray-color: #8C908C;
	--gray-light-2: #DFDFDF;
	--bg-head: linear-gradient(180deg, #fbfbfc 0%, #f5f6f8 100%);
	--head-text: #9aa1b0;
	--bg-page: #f4f5f7;
	--border: #edeef1;
	--row-hover: #f4f5f7;
}

.text-20 {
	font-size: 20px
}

.gray-light-text {
	color: var(--gray-light)
}

.gray-color {
	color: var(--gray-color);
}

.gray-light-bg {
	background: var(--gray-light-2)
}

.gray-light-bg-50 {
	background: var(--gray-light-50)
}

.text-gray-light {
	color: rgba(22, 23, 22, 0.35)
}

.ion:before {
	display: inline-block;
	font-family: "Ionicons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

html,
body,
* {
	scrollbar-width: thin;
}

/*input[readonly] {
	pointer-events: none;
}*/
.ion-ios-cart-outline:before {
	content: "\f3f7"
}

.ion-ios-gear-outline:before {
	content: "\f43c"
}

.ion-ios-people-outline:before {
	content: "\f47b"
}

.ion-cash:before {
	content: "\f316";
}

.ion-social-usd-outline:before {
	content: "\f352";
}

.fa-check-square:before {
	content: "\f14a";
}

.fa-edit:before,
.fa-pencil-square-o:before {
	content: "\f044";
}

.ion-ios-calendar-outline::before {
	content: "";
}

.fa-pencil-alt::before {
	content: "\f040";

}

.fa-send:before,
.fa-paper-plane:before {
	content: "\f1d8";
}

.fa-chain:before,
.fa-link:before {
	content: "\f0c1";
}

.fa-twitter:before {
	content: "\f099";
}

@font-face {
	font-family: 'FontAwesome';
	src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"],
[class*=" icon-"],
[class^="fa-"],
[class*=" fa-"] {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline;
	line-height: normal;
	vertical-align: baseline;
	background-image: none;
	background-position: 0% 0%;
	background-repeat: repeat;
}

.icon-white,
.nav-pills>.active>a>[class^="icon-"],
.nav-pills>.active>a>[class*=" icon-"],
.nav-list>.active>a>[class^="icon-"],
.nav-list>.active>a>[class*=" icon-"],
.navbar-inverse .nav>.active>a>[class^="icon-"],
.navbar-inverse .nav>.active>a>[class*=" icon-"],
.dropdown-menu>li>a:hover>[class^="icon-"],
.dropdown-menu>li>a:hover>[class*=" icon-"],
.dropdown-menu>.active>a>[class^="icon-"],
.dropdown-menu>.active>a>[class*=" icon-"],
.dropdown-submenu:hover>a>[class^="icon-"],
.dropdown-submenu:hover>a>[class*=" icon-"] {
	background-image: none
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
	text-decoration: inherit;
	display: inline-block;
}

a [class^="icon-"],
a [class*=" icon-"],
a [class^="fa-"],
a [class*=" fa-"] {
	display: inline-block
}

.icon-large:before {
	vertical-align: -10%;
	font-size: 1.3333333333333333em
}

.btn [class^="icon-"],
.btn [class*=" icon-"],
.nav [class^="icon-"],
.nav [class*=" icon-"],
.btn [class^="fa-"],
.btn [class*=" fa-"],
.nav [class^="fa-"],
.nav [class*=" fa-"] {
	display: inline
}

.btn [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large,
.nav [class^="icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
	line-height: .9em
}

.btn [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin,
.nav [class^="icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
	display: inline-block
}

.nav-tabs [class^="icon-"],
.nav-tabs [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"],
.nav-tabs [class*=" icon-"].icon-large,
.nav-pills [class^="icon-"],
.nav-pills [class^="icon-"].icon-large,
.nav-pills [class*=" icon-"],
.nav-pills [class*=" icon-"].icon-large {
	line-height: .9em
}

li [class^="icon-"],
li [class*=" icon-"],
.nav li [class^="icon-"],
.nav li [class*=" icon-"] {
	display: inline-block;
	width: 1.25em;
	text-align: center
}

li [class^="icon-"].icon-large,
li [class*=" icon-"].icon-large,
.nav li [class^="icon-"].icon-large,
.nav li [class*=" icon-"].icon-large {
	width: 1.5625em
}

ul.icons {
	list-style-type: none;
	text-indent: -.75em
}

ul.icons li [class^="icon-"],
ul.icons li [class*=" icon-"] {
	width: .75em
}

.icon-muted {
	color: #eee
}

.icon-border {
	border: solid 1px var(--light-border);
	padding: 0.2em 0.25em 0.15em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

.icon-2x {
	font-size: 2em
}

.icon-2x.icon-border {
	border-width: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
}

.icon-3x {
	font-size: 3em
}

.icon-3x.icon-border {
	border-width: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.icon-4x {
	font-size: 4em
}

.icon-4x.icon-border {
	border-width: 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px
}

.pull-right {
	float: right
}

.pull-left {
	float: left
}

img {
	max-width: 100%;
}

[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
	margin-right: .3em
}

[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
	margin-left: .3em
}

.btn [class^="icon-"].pull-left.icon-2x,
.btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
	margin-top: .18em
}

.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
	line-height: .8em
}

.btn.btn-small [class^="icon-"].pull-left.icon-2x,
.btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
	margin-top: .25em
}

.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
	margin-top: 0
}

.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
	margin-top: .05em
}

.btn.btn-large [class^="icon-"].pull-left.icon-2x,
.btn.btn-large [class*=" icon-"].pull-left.icon-2x {
	margin-right: .2em
}

.btn.btn-large [class^="icon-"].pull-right.icon-2x,
.btn.btn-large [class*=" icon-"].pull-right.icon-2x {
	margin-left: .2em
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.icon-search:before {
	content: "\f002"
}

.icon-envelope-o:before {
	content: "\f003"
}

.icon-star:before {
	content: "\f005"
}

.icon-star-o:before {
	content: "\f006"
}

.icon-user:before {
	content: "\f007"
}

.icon-th:before,
.fa-th:before {
	content: "\f00a"
}

.icon-th-list:before {
	content: "\f00b"
}

.icon-check:before {
	content: "\f00c"
}

.icon-remove:before,
.icon-close:before,
.icon-times:before {
	content: "\f00d"
}

.icon-gear:before,
.icon-cog:before {
	content: "\f013"
}

.icon-trash-o:before {
	content: "\f014"
}

.icon-home:before {
	content: "\f015"
}

.icon-file-o:before {
	content: "\f016"
}

.icon-clock-o:before {
	content: "\f017"
}

.icon-briefcase:before {
	content: "\f0b1"
}

.icon-group:before,
.icon-users:before {
	content: "\f0c0"
}

.icon-road:before {
	content: "\f018"
}

.icon-download:before {
	content: "\f019"
}

.icon-arrow-circle-o-down:before {
	content: "\f01a"
}

.icon-arrow-circle-o-up:before {
	content: "\f01b"
}

/*.icon-inbox:before{content:"\f01c"}*/
.icon-lock:before {
	content: "\f023"
}

.icon-book:before {
	content: "\f02d"
}

.icon-bookmark:before {
	content: "\f02e"
}

.icon-print:before,
.fa-print:before {
	content: "\f02f"
}

.icon-list:before {
	content: "\f03a"
}

.icon-pencil:before {
	content: "\f040"
}

.icon-map-marker:before {
	content: "\f041"
}

.icon-edit:before,
.icon-pencil-square-o:before {
	content: "\f044"
}

.icon-arrows:before {
	content: "\f047"
}

.icon-chevron-left:before {
	content: "\f053"
}

.icon-chevron-right:before {
	content: "\f054"
}

.icon-times-circle:before {
	content: "\f057"
}

.icon-check-circle:before {
	content: "\f058"
}

.icon-arrow-left:before {
	content: "\f060"
}

.icon-arrow-right:before {
	content: "\f061"
}

.icon-arrow-up:before {
	content: "\f062"
}

.icon-arrow-down:before {
	content: "\f063"
}

.icon-mail-forward:before,
.icon-share:before {
	content: "\f064"
}

.icon-plus:before,
.fa-plus:before {
	content: "\f067"
}

.icon-minus:before {
	content: "\f068"
}

.icon-asterisk:before {
	content: "\f069"
}

.icon-exclamation-circle:before {
	content: "\f06a"
}

.icon-gift:before {
	content: "\f06b"
}

.icon-leaf:before {
	content: "\f06c"
}

.icon-calendar:before,
.fa-calendar:before {
	content: "\f073"
}

.icon-chevron-up:before {
	content: "\f077"
}

.icon-chevron-down:before {
	content: "\f078"
}

.icon-shopping-cart:before {
	content: "\f07a"
}

.icon-folder:before {
	content: "\f07b"
}

.icon-folder-open:before {
	content: "\f07c"
}

.icon-arrows-v:before {
	content: "\f07d"
}

.icon-arrows-h:before {
	content: "\f07e"
}

.icon-bar-chart-o:before,
.icon-bar-chart:before {
	content: "\f080"
}

.icon-twitter-square:before {
	content: "\f081"
}

.icon-facebook-square:before {
	content: "\f082"
}

.icon-camera-retro:before {
	content: "\f083"
}

.icon-key:before {
	content: "\f084"
}

.icon-gears:before,
.icon-cogs:before {
	content: "\f085"
}

.icon-comments:before {
	content: "\f086"
}

.icon-thumbs-o-up:before {
	content: "\f087"
}

.icon-thumbs-o-down:before {
	content: "\f088"
}

.icon-star-half:before {
	content: "\f089"
}

.icon-heart-o:before {
	content: "\f08a"
}

.icon-sign-out:before,
.fa-sign-out:before {
	content: "\f08b"
}

.icon-linkedin-square:before {
	content: "\f08c"
}

.icon-trophy:before {
	content: "\f091"
}

.icon-phone:before,
.fa-phone:before {
	content: "\f095"
}

.icon-phone-square:before {
	content: "\f098"
}

.icon-twitter:before {
	content: "\f099"
}

.icon-facebook-f:before,
.icon-facebook:before {
	content: "\f09a"
}

.icon-github:before {
	content: "\f09b"
}

.icon-unlock:before {
	content: "\f09c"
}

.icon-credit-card:before {
	content: "\f09d"
}

.icon-feed:before,
.icon-rss:before {
	content: "\f09e"
}

.icon-hdd-o:before {
	content: "\f0a0"
}

.icon-bullhorn:before {
	content: "\f0a1"
}

.icon-bell:before,
.fa-bell:before {
	content: "\f0f3"
}

.icon-navicon:before,
.icon-reorder:before,
.icon-bars:before,
.fa-bars:before {
	content: "\f0c9"
}

.icon-list-ul:before {
	content: "\f0ca"
}

.icon-list-ol:before {
	content: "\f0cb"
}

.icon-strikethrough:before {
	content: "\f0cc"
}

.icon-underline:before {
	content: "\f0cd"
}

.icon-truck:before {
	content: "\f0d1"
}

.icon-pinterest:before {
	content: "\f0d2"
}

.icon-pinterest-square:before {
	content: "\f0d3"
}

.icon-google-plus-square:before {
	content: "\f0d4"
}

.icon-google-plus:before {
	content: "\f0d5"
}

.icon-money:before,
.fa-money:before {
	content: "\f0d6"
}

.icon-caret-down:before {
	content: "\f0d7"
}

.icon-caret-up:before {
	content: "\f0d8"
}

.icon-caret-left:before {
	content: "\f0d9"
}

.icon-caret-right:before {
	content: "\f0da"
}

.icon-columns:before {
	content: "\f0db"
}

.icon-unsorted:before,
.icon-sort:before {
	content: "\f0dc"
}

.icon-sort-down:before,
.icon-sort-desc:before {
	content: "\f0dd"
}

.icon-sort-up:before,
.icon-sort-asc:before {
	content: "\f0de"
}

.icon-envelope:before,
.fa-envelope:before {
	content: "\f0e0"
}

.icon-linkedin:before {
	content: "\f0e1"
}

.icon-rotate-left:before,
.icon-undo:before {
	content: "\f0e2"
}

.icon-legal:before,
.icon-gavel:before {
	content: "\f0e3"
}

.icon-dashboard:before,
.icon-tachometer:before {
	content: "\f0e4"
}

.icon-comment-o:before {
	content: "\f0e5"
}

.icon-comments-o:before {
	content: "\f0e6"
}

.icon-cloud-download:before {
	content: "\f0ed"
}

.icon-cloud-upload:before {
	content: "\f0ee"
}

.icon-user-md:before {
	content: "\f0f0"
}

.icon-stethoscope:before {
	content: "\f0f1"
}

.icon-suitcase:before {
	content: "\f0f2"
}

.icon-bell-o:before {
	content: "\f0a2"
}

.icon-coffee:before {
	content: "\f0f4"
}

.icon-cutlery:before {
	content: "\f0f5"
}

.icon-file-text-o:before {
	content: "\f0f6"
}

.icon-building-o:before {
	content: "\f0f7"
}

.icon-hospital-o:before {
	content: "\f0f8"
}

.icon-ambulance:before {
	content: "\f0f9"
}

.icon-medkit:before {
	content: "\f0fa"
}

.icon-fighter-jet:before {
	content: "\f0fb"
}

.icon-beer:before {
	content: "\f0fc"
}

.icon-h-square:before {
	content: "\f0fd"
}

.icon-plus-square:before {
	content: "\f0fe"
}

.icon-angle-double-left:before {
	content: "\f100"
}

.icon-angle-double-right:before {
	content: "\f101"
}

.icon-angle-double-up:before {
	content: "\f102"
}

.icon-angle-double-down:before {
	content: "\f103"
}

.icon-angle-left:before {
	content: "\f104"
}

.icon-angle-right:before {
	content: "\f105"
}

.icon-angle-up:before {
	content: "\f106"
}

.icon-angle-down:before {
	content: "\f107"
}

.icon-desktop:before {
	content: "\f108"
}

.icon-laptop:before {
	content: "\f109"
}

.icon-tablet:before {
	content: "\f10a"
}

.icon-mobile-phone:before,
.icon-mobile:before {
	content: "\f10b"
}

.icon-circle-o:before {
	content: "\f10c"
}

.icon-quote-left:before {
	content: "\f10d"
}

.icon-quote-right:before {
	content: "\f10e"
}

.icon-spinner:before {
	content: "\f110"
}

.icon-circle:before {
	content: "\f111"
}

.icon-mail-reply:before,
.icon-reply:before {
	content: "\f112"
}

.icon-github-alt:before {
	content: "\f113"
}

.icon-folder-o:before {
	content: "\f114"
}

.icon-folder-open-o:before {
	content: "\f115"
}

.icon-smile-o:before {
	content: "\f118"
}

.icon-frown-o:before {
	content: "\f119"
}

.icon-meh-o:before {
	content: "\f11a"
}

.icon-gamepad:before {
	content: "\f11b"
}

.icon-keyboard-o:before {
	content: "\f11c"
}

.icon-flag-o:before {
	content: "\f11d"
}

.icon-flag-checkered:before {
	content: "\f11e"
}

.icon-terminal:before {
	content: "\f120"
}

.icon-code:before {
	content: "\f121"
}

.icon-mail-reply-all:before,
.icon-reply-all:before {
	content: "\f122"
}

.icon-star-half-empty:before,
.icon-star-half-full:before,
.icon-star-half-o:before {
	content: "\f123"
}

.icon-location-arrow:before {
	content: "\f124"
}

.icon-crop:before {
	content: "\f125"
}

.icon-code-fork:before {
	content: "\f126"
}

.icon-unlink:before,
.icon-chain-broken:before {
	content: "\f127"
}

.icon-question:before {
	content: "\f128"
}

.icon-info:before {
	content: "\f129"
}

.icon-exclamation:before {
	content: "\f12a"
}

.icon-superscript:before {
	content: "\f12b"
}

.icon-subscript:before {
	content: "\f12c"
}

.icon-eraser:before {
	content: "\f12d"
}

.icon-puzzle-piece:before {
	content: "\f12e"
}

.icon-microphone:before {
	content: "\f130"
}

.icon-microphone-slash:before {
	content: "\f131"
}

.icon-shield:before {
	content: "\f132"
}

.icon-calendar-o:before {
	content: "\f133"
}

.icon-fire-extinguisher:before {
	content: "\f134"
}

.icon-rocket:before {
	content: "\f135"
}

.icon-maxcdn:before {
	content: "\f136"
}

.icon-chevron-circle-left:before {
	content: "\f137"
}

.icon-chevron-circle-right:before {
	content: "\f138"
}

.icon-chevron-circle-up:before {
	content: "\f139"
}

.icon-chevron-circle-down:before {
	content: "\f13a"
}

.icon-html5:before {
	content: "\f13b"
}

.icon-css3:before {
	content: "\f13c"
}

.icon-anchor:before {
	content: "\f13d"
}

.icon-unlock-alt:before {
	content: "\f13e"
}

.icon-bullseye:before {
	content: "\f140"
}

.icon-ellipsis-h:before {
	content: "\f141"
}

.icon-ellipsis-v:before {
	content: "\f142"
}

.icon-rss-square:before {
	content: "\f143"
}

.icon-play-circle:before {
	content: "\f144"
}

.icon-ticket:before {
	content: "\f145"
}

.icon-minus-square:before {
	content: "\f146"
}

.icon-minus-square-o:before {
	content: "\f147"
}

.icon-level-up:before {
	content: "\f148"
}

.icon-level-down:before {
	content: "\f149"
}

.icon-check-square:before {
	content: "\f14a"
}

.icon-pencil-square:before {
	content: "\f14b"
}

.icon-external-link-square:before {
	content: "\f14c"
}

.icon-share-square:before {
	content: "\f14d"
}

.icon-compass:before {
	content: "\f14e"
}

.icon-toggle-down:before,
.icon-caret-square-o-down:before {
	content: "\f150"
}

.icon-toggle-up:before,
.icon-caret-square-o-up:before {
	content: "\f151"
}

.icon-toggle-right:before,
.icon-caret-square-o-right:before {
	content: "\f152"
}

.icon-euro:before,
.icon-eur:before {
	content: "\f153"
}

.icon-gbp:before {
	content: "\f154"
}

.icon-dollar:before,
.icon-usd:before {
	content: "\f155"
}

.icon-rupee:before,
.icon-inr:before {
	content: "\f156"
}

.icon-cny:before,
.icon-rmb:before,
.icon-yen:before,
.icon-jpy:before {
	content: "\f157"
}

.icon-ruble:before,
.icon-rouble:before,
.icon-rub:before {
	content: "\f158"
}

.icon-won:before,
.icon-krw:before {
	content: "\f159"
}

.icon-bitcoin:before,
.icon-btc:before {
	content: "\f15a"
}

.icon-file:before {
	content: "\f15b"
}

.icon-file-text:before {
	content: "\f15c"
}

.icon-sort-alpha-asc:before {
	content: "\f15d"
}

.icon-sort-alpha-desc:before {
	content: "\f15e"
}

.icon-sort-amount-asc:before {
	content: "\f160"
}

.icon-sort-amount-desc:before {
	content: "\f161"
}

.icon-sort-numeric-asc:before {
	content: "\f162"
}

.icon-sort-numeric-desc:before {
	content: "\f163"
}

.icon-thumbs-up:before {
	content: "\f164"
}

.icon-thumbs-down:before {
	content: "\f165"
}

.icon-youtube-square:before {
	content: "\f166"
}

.icon-youtube:before {
	content: "\f167"
}

.icon-xing:before {
	content: "\f168"
}

.icon-xing-square:before {
	content: "\f169"
}

.icon-youtube-play:before {
	content: "\f16a"
}

.icon-dropbox:before {
	content: "\f16b"
}

.icon-stack-overflow:before {
	content: "\f16c"
}

.icon-instagram:before {
	content: "\f16d"
}

.icon-flickr:before {
	content: "\f16e"
}

.icon-adn:before {
	content: "\f170"
}

.icon-bitbucket:before {
	content: "\f171"
}

.icon-bitbucket-square:before {
	content: "\f172"
}

.icon-tumblr:before {
	content: "\f173"
}

.icon-tumblr-square:before {
	content: "\f174"
}

.icon-long-arrow-down:before {
	content: "\f175"
}

.icon-long-arrow-up:before {
	content: "\f176"
}

.icon-long-arrow-left:before {
	content: "\f177"
}

.icon-long-arrow-right:before {
	content: "\f178"
}

.icon-apple:before {
	content: "\f179"
}

.icon-windows:before {
	content: "\f17a"
}

.icon-android:before {
	content: "\f17b"
}

.icon-linux:before {
	content: "\f17c"
}

.icon-dribbble:before {
	content: "\f17d"
}

.icon-skype:before {
	content: "\f17e"
}

.icon-foursquare:before {
	content: "\f180"
}

.icon-trello:before {
	content: "\f181"
}

.icon-Female:before {
	content: "\f182";
	font-size: 24px
}

.icon-Male:before {
	content: "\f183";
	font-size: 24px
}

.icon-gittip:before,
.icon-gratipay:before {
	content: "\f184"
}

.icon-sun-o:before {
	content: "\f185"
}

.icon-moon-o:before {
	content: "\f186"
}

.icon-archive:before {
	content: "\f187"
}

.icon-bug:before {
	content: "\f188"
}

.icon-vk:before {
	content: "\f189"
}

.icon-weibo:before {
	content: "\f18a"
}

.icon-renren:before {
	content: "\f18b"
}

.icon-pagelines:before {
	content: "\f18c"
}

.icon-stack-exchange:before {
	content: "\f18d"
}

.icon-arrow-circle-o-right:before {
	content: "\f18e"
}

.icon-arrow-circle-o-left:before {
	content: "\f190"
}

.icon-toggle-left:before,
.icon-caret-square-o-left:before {
	content: "\f191"
}

.icon-dot-circle-o:before {
	content: "\f192"
}

.icon-wheelchair:before {
	content: "\f193"
}

.icon-vimeo-square:before {
	content: "\f194"
}

.icon-turkish-lira:before,
.icon-try:before {
	content: "\f195"
}

.icon-plus-square-o:before {
	content: "\f196"
}

.icon-space-shuttle:before {
	content: "\f197"
}

.icon-slack:before {
	content: "\f198"
}

.icon-envelope-square:before {
	content: "\f199"
}

.icon-wordpress:before {
	content: "\f19a"
}

.icon-openid:before {
	content: "\f19b"
}

.icon-institution:before,
.icon-bank:before,
.icon-university:before {
	content: "\f19c"
}

.icon-mortar-board:before,
.icon-graduation-cap:before {
	content: "\f19d"
}

.icon-yahoo:before {
	content: "\f19e"
}

.icon-google:before {
	content: "\f1a0"
}

.icon-reddit:before {
	content: "\f1a1"
}

.icon-reddit-square:before {
	content: "\f1a2"
}

.icon-stumbleupon-circle:before {
	content: "\f1a3"
}

.icon-stumbleupon:before {
	content: "\f1a4"
}

.icon-delicious:before {
	content: "\f1a5"
}

.icon-digg:before {
	content: "\f1a6"
}

.icon-pied-piper-pp:before {
	content: "\f1a7"
}

.icon-pied-piper-alt:before {
	content: "\f1a8"
}

.icon-drupal:before {
	content: "\f1a9"
}

.icon-joomla:before {
	content: "\f1aa"
}

.icon-language:before {
	content: "\f1ab"
}

.icon-fax:before {
	content: "\f1ac"
}

.icon-building:before,
.fa-building:before {
	content: "\f1ad"
}

.icon-child:before {
	content: "\f1ae"
}

.icon-paw:before {
	content: "\f1b0"
}

.icon-spoon:before {
	content: "\f1b1"
}

.icon-cube:before {
	content: "\f1b2"
}

.icon-cubes:before {
	content: "\f1b3"
}

.icon-behance:before {
	content: "\f1b4"
}

.icon-behance-square:before {
	content: "\f1b5"
}

.icon-steam:before {
	content: "\f1b6"
}

.icon-steam-square:before {
	content: "\f1b7"
}

.icon-recycle:before {
	content: "\f1b8"
}

.icon-automobile:before,
.icon-car:before {
	content: "\f1b9"
}

.icon-cab:before,
.icon-taxi:before {
	content: "\f1ba"
}

.icon-tree:before {
	content: "\f1bb"
}

.icon-spotify:before {
	content: "\f1bc"
}

.icon-deviantart:before {
	content: "\f1bd"
}

.icon-soundcloud:before {
	content: "\f1be"
}

.icon-database:before {
	content: "\f1c0"
}

.icon-file-pdf-o:before {
	content: "\f1c1"
}

.icon-file-word-o:before {
	content: "\f1c2"
}

.icon-file-excel-o:before {
	content: "\f1c3"
}

.icon-file-powerpoint-o:before {
	content: "\f1c4"
}

.icon-file-photo-o:before,
.icon-file-picture-o:before,
.icon-file-image-o:before {
	content: "\f1c5"
}

.icon-file-zip-o:before,
.icon-file-archive-o:before {
	content: "\f1c6"
}

.icon-file-sound-o:before,
.icon-file-audio-o:before {
	content: "\f1c7"
}

.icon-file-movie-o:before,
.icon-file-video-o:before {
	content: "\f1c8"
}

.icon-file-code-o:before {
	content: "\f1c9"
}

.icon-vine:before {
	content: "\f1ca"
}

.icon-codepen:before {
	content: "\f1cb"
}

.icon-jsfiddle:before {
	content: "\f1cc"
}

.icon-life-bouy:before,
.icon-life-buoy:before,
.icon-life-saver:before,
.icon-support:before,
.icon-life-ring:before {
	content: "\f1cd"
}

.icon-circle-o-notch:before {
	content: "\f1ce"
}

.icon-ra:before,
.icon-resistance:before,
.icon-rebel:before {
	content: "\f1d0"
}

.icon-ge:before,
.icon-empire:before {
	content: "\f1d1"
}

.icon-git-square:before {
	content: "\f1d2"
}

.icon-git:before {
	content: "\f1d3"
}

.icon-y-combinator-square:before,
.icon-yc-square:before,
.icon-hacker-news:before {
	content: "\f1d4"
}

.icon-tencent-weibo:before {
	content: "\f1d5"
}

.icon-qq:before {
	content: "\f1d6"
}

.icon-wechat:before,
.icon-weixin:before {
	content: "\f1d7"
}

.icon-send:before,
.icon-paper-plane:before {
	content: "\f1d8"
}

.icon-send-o:before,
.icon-paper-plane-o:before {
	content: "\f1d9"
}

.icon-history:before {
	content: "\f1da"
}

.icon-circle-thin:before {
	content: "\f1db"
}

.icon-header:before {
	content: "\f1dc"
}

.icon-paragraph:before {
	content: "\f1dd"
}

.icon-sliders:before {
	content: "\f1de"
}

.icon-share-alt:before {
	content: "\f1e0"
}

.icon-share-alt-square:before {
	content: "\f1e1"
}

.icon-bomb:before {
	content: "\f1e2"
}

.icon-soccer-ball-o:before,
.icon-futbol-o:before {
	content: "\f1e3"
}

.icon-tty:before {
	content: "\f1e4"
}

.icon-binoculars:before {
	content: "\f1e5"
}

.icon-plug:before {
	content: "\f1e6"
}

.icon-slideshare:before {
	content: "\f1e7"
}

.icon-twitch:before {
	content: "\f1e8"
}

.icon-yelp:before {
	content: "\f1e9"
}

.icon-newspaper-o:before {
	content: "\f1ea"
}

.icon-wifi:before {
	content: "\f1eb"
}

.icon-calculator:before {
	content: "\f1ec"
}

.icon-paypal:before {
	content: "\f1ed"
}

.icon-google-wallet:before {
	content: "\f1ee"
}

.icon-cc-visa:before {
	content: "\f1f0"
}

.icon-cc-mastercard:before {
	content: "\f1f1"
}

.icon-cc-discover:before {
	content: "\f1f2"
}

.icon-cc-amex:before {
	content: "\f1f3"
}

.icon-cc-paypal:before {
	content: "\f1f4"
}

.icon-cc-stripe:before {
	content: "\f1f5"
}

.icon-bell-slash:before {
	content: "\f1f6"
}

.icon-bell-slash-o:before {
	content: "\f1f7"
}

.icon-trash:before,
.fa-trash:before {
	content: "\f014"
}

.icon-copyright:before {
	content: "\f1f9"
}

.icon-at:before {
	content: "\f1fa"
}

.icon-eyedropper:before {
	content: "\f1fb"
}

.icon-paint-brush:before {
	content: "\f1fc"
}

.icon-birthday-cake:before {
	content: "\f1fd"
}

.icon-area-chart:before {
	content: "\f1fe"
}

.icon-pie-chart:before {
	content: "\f200"
}

.icon-line-chart:before {
	content: "\f201"
}

.icon-lastfm:before {
	content: "\f202"
}

.icon-lastfm-square:before {
	content: "\f203"
}

.icon-toggle-off:before {
	content: "\f204"
}

.icon-toggle-on:before {
	content: "\f205"
}

.icon-bicycle:before {
	content: "\f206"
}

.icon-bus:before,
.fa-bus:before {
	content: "\f207"
}

.icon-ioxhost:before {
	content: "\f208"
}

.icon-angellist:before {
	content: "\f209"
}

.icon-cc:before {
	content: "\f20a"
}

.icon-shekel:before,
.icon-sheqel:before,
.icon-ils:before {
	content: "\f20b"
}

.icon-meanpath:before {
	content: "\f20c"
}

.icon-buysellads:before {
	content: "\f20d"
}

.icon-connectdevelop:before {
	content: "\f20e"
}

.icon-dashcube:before {
	content: "\f210"
}

.icon-forumbee:before {
	content: "\f211"
}

.icon-leanpub:before {
	content: "\f212"
}

.icon-sellsy:before {
	content: "\f213"
}

.icon-shirtsinbulk:before {
	content: "\f214"
}

.icon-simplybuilt:before {
	content: "\f215"
}

.icon-skyatlas:before {
	content: "\f216"
}

.icon-cart-plus:before {
	content: "\f217"
}

.icon-cart-arrow-down:before {
	content: "\f218"
}

.icon-diamond:before {
	content: "\f219"
}

.icon-ship:before {
	content: "\f21a"
}

.icon-user-secret:before {
	content: "\f21b"
}

.icon-motorcycle:before {
	content: "\f21c"
}

.icon-street-view:before {
	content: "\f21d"
}

.icon-heartbeat:before {
	content: "\f21e"
}

.icon-venus:before {
	content: "\f221"
}

.icon-mars:before {
	content: "\f222"
}

.icon-mercury:before {
	content: "\f223"
}

.icon-intersex:before,
.icon-transgender:before {
	content: "\f224"
}

.icon-transgender-alt:before {
	content: "\f225"
}

.icon-venus-double:before {
	content: "\f226"
}

.icon-mars-double:before {
	content: "\f227"
}

.icon-venus-mars:before {
	content: "\f228"
}

.icon-mars-stroke:before {
	content: "\f229"
}

.icon-mars-stroke-v:before {
	content: "\f22a"
}

.icon-mars-stroke-h:before {
	content: "\f22b"
}

.icon-neuter:before {
	content: "\f22c"
}

.icon-genderless:before {
	content: "\f22d"
}

.icon-facebook-official:before {
	content: "\f230"
}

.icon-pinterest-p:before {
	content: "\f231"
}

.icon-whatsapp:before {
	content: "\f232"
}

.icon-server:before {
	content: "\f233"
}

.icon-user-plus:before {
	content: "\f234"
}

.icon-user-times:before {
	content: "\f235"
}

.icon-hotel:before,
.icon-bed:before {
	content: "\f236"
}

.icon-viacoin:before {
	content: "\f237"
}

.icon-train:before {
	content: "\f238"
}

.icon-subway:before {
	content: "\f239"
}

.icon-medium:before {
	content: "\f23a"
}

.icon-yc:before,
.icon-y-combinator:before {
	content: "\f23b"
}

.icon-optin-monster:before {
	content: "\f23c"
}

.icon-opencart:before {
	content: "\f23d"
}

.icon-expeditedssl:before {
	content: "\f23e"
}

.icon-battery-4:before,
.icon-battery:before,
.icon-battery-full:before {
	content: "\f240"
}

.icon-battery-3:before,
.icon-battery-three-quarters:before {
	content: "\f241"
}

.icon-battery-2:before,
.icon-battery-half:before {
	content: "\f242"
}

.icon-battery-1:before,
.icon-battery-quarter:before {
	content: "\f243"
}

.icon-battery-0:before,
.icon-battery-empty:before {
	content: "\f244"
}

.icon-mouse-pointer:before {
	content: "\f245"
}

.icon-i-cursor:before {
	content: "\f246"
}

.icon-object-group:before {
	content: "\f247"
}

.icon-object-ungroup:before {
	content: "\f248"
}

.icon-sticky-note:before {
	content: "\f249"
}

.icon-sticky-note-o:before {
	content: "\f24a"
}

.icon-cc-jcb:before {
	content: "\f24b"
}

.icon-cc-diners-club:before {
	content: "\f24c"
}

.icon-clone:before {
	content: "\f24d"
}

.icon-balance-scale:before {
	content: "\f24e"
}

.icon-hourglass-o:before {
	content: "\f250"
}

.icon-hourglass-1:before,
.icon-hourglass-start:before {
	content: "\f251"
}

.icon-hourglass-2:before,
.icon-hourglass-half:before {
	content: "\f252"
}

.icon-hourglass-3:before,
.icon-hourglass-end:before {
	content: "\f253"
}

.icon-hourglass:before {
	content: "\f254"
}

.icon-hand-grab-o:before,
.icon-hand-rock-o:before {
	content: "\f255"
}

.icon-hand-stop-o:before,
.icon-hand-paper-o:before {
	content: "\f256"
}

.icon-hand-scissors-o:before {
	content: "\f257"
}

.icon-hand-lizard-o:before {
	content: "\f258"
}

.icon-hand-spock-o:before {
	content: "\f259"
}

.icon-hand-pointer-o:before {
	content: "\f25a"
}

.icon-hand-peace-o:before {
	content: "\f25b"
}

.icon-trademark:before {
	content: "\f25c"
}

.icon-registered:before {
	content: "\f25d"
}

.icon-creative-commons:before {
	content: "\f25e"
}

.icon-gg:before {
	content: "\f260"
}

.icon-gg-circle:before {
	content: "\f261"
}

.icon-tripadvisor:before {
	content: "\f262"
}

.icon-odnoklassniki:before {
	content: "\f263"
}

.icon-odnoklassniki-square:before {
	content: "\f264"
}

.icon-get-pocket:before {
	content: "\f265"
}

.icon-wikipedia-w:before {
	content: "\f266"
}

.icon-safari:before {
	content: "\f267"
}

.icon-chrome:before {
	content: "\f268"
}

.icon-firefox:before {
	content: "\f269"
}

.icon-opera:before {
	content: "\f26a"
}

.icon-internet-explorer:before {
	content: "\f26b"
}

.icon-tv:before,
.icon-television:before {
	content: "\f26c"
}

.icon-contao:before {
	content: "\f26d"
}

.icon-500px:before {
	content: "\f26e"
}

.icon-amazon:before {
	content: "\f270"
}

.icon-calendar-plus-o:before {
	content: "\f271"
}

.icon-calendar-minus-o:before {
	content: "\f272"
}

.icon-calendar-times-o:before {
	content: "\f273"
}

.icon-calendar-check-o:before {
	content: "\f274"
}

.icon-industry:before {
	content: "\f275"
}

.icon-map-pin:before {
	content: "\f276"
}

.icon-map-signs:before {
	content: "\f277"
}

.icon-map-o:before {
	content: "\f278"
}

.icon-map:before {
	content: "\f279"
}

.icon-commenting:before {
	content: "\f27a"
}

.icon-commenting-o:before {
	content: "\f27b"
}

.icon-houzz:before {
	content: "\f27c"
}

.icon-vimeo:before {
	content: "\f27d"
}

.icon-black-tie:before {
	content: "\f27e"
}

.icon-fonticons:before {
	content: "\f280"
}

.icon-reddit-alien:before {
	content: "\f281"
}

.icon-edge:before {
	content: "\f282"
}

.icon-credit-card-alt:before {
	content: "\f283"
}

.icon-codiepie:before {
	content: "\f284"
}

.icon-modx:before {
	content: "\f285"
}

.icon-fort-awesome:before {
	content: "\f286"
}

.icon-usb:before {
	content: "\f287"
}

.icon-product-hunt:before {
	content: "\f288"
}

.icon-mixcloud:before {
	content: "\f289"
}

.icon-scribd:before {
	content: "\f28a"
}

.icon-pause-circle:before {
	content: "\f28b"
}

.icon-pause-circle-o:before {
	content: "\f28c"
}

.icon-stop-circle:before {
	content: "\f28d"
}

.icon-stop-circle-o:before {
	content: "\f28e"
}

.icon-shopping-bag:before {
	content: "\f290"
}

.icon-shopping-basket:before {
	content: "\f291"
}

.icon-hashtag:before {
	content: "\f292"
}

.icon-vcard:before,
.icon-address-card:before {
	content: "\f2bb";
}

.fa-question-circle:before {
	content: "\f059";
}

.fa-shopping-basket:before {
	content: "\f291";
}

.fa-ticket:before {
	content: "\f145";
}

.fa-clock-o:before {
	content: "\f017";
}

.fa-eye:before {
	content: "\f06e";
}

.fa-download::before {
	content: "\f019";
}

.glyphicon-list:before {
	content: "\e056"
}

.glyphicon-th-list:before {
	content: "\e012"
}

.glyphicon-indent-right:before {
	content: "\e058"
}

.glyphicon-indent-left:before {
	content: "\e057"
}

.glyphicon-share:before {
	content: "\e066"
}

.glyphicon-picture:before {
	content: "\e060"
}

ul {
	padding: 0;
	list-style-type: none
}

.dropdown-menu {
	border: 1px solid #dadadb;
	background: #fff none repeat scroll 0 0;
	margin-top: 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	min-width: 180px;
	padding: 0;
}

.dropdown-menu:before {
	border: 0
}

.main-nav .action-btn .dropdown-menu {
	border: 0;
	right: 0;
}

.dropdown-menu>li>form button,
.dropdown-menu>li>a {
	padding: 6px 15px;
	font-size: 14px;
	filter: none;
	color: #777;
	line-height: 1.3;
}

/*.dropdown-menu>li:first-child a{
	padding-top: 12px;
}*/
.dropdown-menu>li>a {
	font-size: 15px;
	font-weight: 500;
	line-height: 21px;
	color: #101928;
	width: 100%;
	border: none;
	border-radius: 0;
	box-shadow: none;
	text-transform: none;
	padding: 8px 16px;
}

.dropdown-menu.appointments-dropdown>li>a:not(.btn) {
	color: inherit;
}

.dropdown-menu>li>form button:hover,
.dropdown-menu>li>a:hover {
	background-color: #e8e8e8;
	color: #000;
	filter: none;
}

.dropdown-menu li form {
	width: 100%
}

.dropdown-menu li form button {
	background: transparent;
	font-weight: 400;
	border: 0;
	display: block;
	width: 100%;
	text-align: left;
	border-radius: 0 !important;
}

.uneditable-input {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.btn-group .dropdown,
.btn-group .pagination {
	font-size: 13px
}

.btn-group .pagination {
	margin: 0
}

.btn-group .pagination ul {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.table-bordered,
.table-bordered.dataTable {
	border: 1px solid var(--light-border)
}

.table-bordered.table-force-topborder {
	border-top: 1px solid var(--light-border)
}

.table-bordered.dataTable {
	border-top: 1px solid var(--light-border)
}

.table-bordered.dataTable.dataTable-noheader {
	border-top: 0
}

.table-bordered,
.table-bordered thead:first-child tr:first-child>th:first-child,
.table-bordered tbody:first-child tr:first-child>td:first-child,
.table-bordered tbody:first-child tr:first-child>th:first-child,
.table-bordered thead:first-child tr:first-child>th:last-child,
.table-bordered tbody:first-child tr:first-child>td:last-child,
.table-bordered tbody:first-child tr:first-child>th:last-child,
.table-bordered thead:last-child tr:last-child>th:first-child,
.table-bordered tbody:last-child tr:last-child>td:first-child,
.table-bordered tbody:last-child tr:last-child>th:first-child,
.table-bordered tfoot:last-child tr:last-child>td:first-child,
.table-bordered tfoot:last-child tr:last-child>th:first-child,
.table-bordered thead:last-child tr:last-child>th:last-child,
.table-bordered tbody:last-child tr:last-child>td:last-child,
.table-bordered tbody:last-child tr:last-child>th:last-child,
.table-bordered tfoot:last-child tr:last-child>td:last-child,
.table-bordered tfoot:last-child tr:last-child>th:last-child {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child,
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child>.dropdown-toggle,
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child,
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child,
.btn-group>.btn:first-child,
.btn-group>.btn:last-child,
.btn-group>.dropdown-toggle {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important
}

.input-prepend .btn-group .btn:first-child,
.input-append .btn-group .btn:first-child {
	border: 1px solid #ccc;
	padding: 4px 8px;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important
}

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child>.dropdown-toggle,
.input-prepend .btn:first-child {
	border: 1px solid #ccc;
	padding: 4px 8px
}

.input-prepend .add-on:first-child {
	border: 1px solid #ccc;
	padding: 4px 6px
}

.label {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-shadow: none
}

input,
textarea {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important
}

.modal {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.modal .modal-footer {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.tooltip .tooltip-inner {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.btn-group.open .dropdown-toggle {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.btn-group.open .dropdown-toggle.btn-primary {
	background: #48a65b
}

.btn-group.open .dropdown-toggle.btn-danger {
	background: #e51400
}

.btn-group.open .dropdown-toggle.btn-inverse {
	background: #333
}

.btn-group.open .dropdown-toggle.btn-success {
	background: #393
}

.btn-group.open .dropdown-toggle.btn-warning {
	background: #f8a31f
}

.btn-group.open .dropdown-toggle.btn-info {
	background: #48a65b
}

.dropdown-menu.dropdown-primary {
	border-color: #48a65b
}

.dropdown-menu.dropdown-primary>li>a:hover {
	background: #48a65b;
	color: #fff
}

.dropdown-menu.dropdown-danger {
	border-color: #e51400
}

.dropdown-menu.dropdown-danger>li>a:hover {
	background: #e51400;
	color: #fff
}

.dropdown-menu.dropdown-warning {
	border-color: #fab750
}

.dropdown-menu.dropdown-warning>li>a:hover {
	background: #f8a31f;
	color: #fff
}

.dropdown-menu.dropdown-success {
	border-color: #393
}

.dropdown-menu.dropdown-success>li>a:hover {
	background: #393;
	color: #fff
}

.dropdown-menu.dropdown-inverse {
	border-color: #484848
}

.dropdown-menu.dropdown-inverse>li>a:hover {
	background: #484848;
	color: #fff
}

.btn {
	background: #eee;
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
	padding: 6px 14px 8px;
	filter: none;
	font-size: 13px;
	height: 35px;
	vertical-align: top;
	line-height: 1.6;
	margin: 0;
	padding: 9px 13px;
	font-size: 14px;
	font-weight: 500;
	line-height: 16px;
	color: 1px solid #2a2c32;
	background-color: #2a2c32;
	border: 1px solid #2a2c32;
	border-radius: 8px;
	outline: 0 none medium;
	opacity: 1;
	transition: opacity .2s ease-in-out 0;
	line-height: 1.2;
	height: 40px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	justify-content: center;
}

.btn:not(.btn-primary) {
	background: rgb(255, 255, 255);
	color: #2a2c32;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus {
	border-color: transparent;
	background: #2a2c32;
	color: rgb(255, 255, 255)
}

.btn.btn-danger {
	background: #2a2c32;
	/*color: #2a2c32 !important;*/
	border-color: #2a2c32;
}

.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger:focus,
.btn.btn-danger:active:focus {
	background: #2a2c32;
	color: #fff !important;
	border-color: #2a2c32
}

.btn.btn-text-left {
	text-align: left
}

.btn i {
	font-size: 14px;
	/*margin-right:4px;*/
}

.btn:hover {
	text-shadow: none
}

.btn+.btn {
	margin-left: 10px;
}

.btn:active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.btn:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: none
}

.btn.btn-warning {
	padding: 9px 13px;
}

/*.modal-footer .select-one .custom-check + label {background: #465e78 none repeat scroll 0 0;}
.modal-footer .select-one:nth-child(2) .custom-check + label {background: #539fdb;}
.modal-footer .select-one:nth-child(3) .custom-check + label {background: #69b2eb;}*/
.modal-footer .select-one .custom-check:checked+label {
	background: #2a2c32 !important;
}

.box.box-info {
	border-top-color: #506c81;
}

.btn.btn-danger {
	background: rgb(21, 153, 87, .05);
	text-shadow: none;
	/*color: #fff !important;*/
	filter: none
}

.btn.btn-success {
	text-shadow: none;
	filter: none
}

.btn.btn-success:hover {
	background: #393;
	color: #fff;
}

.btn.btn-inverse {
	background: #484848;
	text-shadow: none;
	color: #fff;
	filter: none
}

.btn.btn-inverse:hover {
	background: #111
}

textarea {
	resize: none
}

.nav.nav-pills>li.active>a,
.nav.nav-list>li.active>a {
	background: #48a65b
}

.popover {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0
}

.accordion .accordion-group {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.alert {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0;
	background: rgba(1, 171, 0, 0.4);
}

.progress {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.pagination-large ul>li:first-child>a,
.pagination-large ul>li:first-child>span,
.pagination-large ul>li:last-child>a,
.pagination-large ul>li:last-child>span,
.pagination ul>li:first-child>a,
.pagination ul>li:first-child>span,
.pagination-mini ul>li:first-child>a,
.pagination-small ul>li:first-child>a,
.pagination-mini ul>li:first-child>span,
.pagination-small ul>li:first-child>span,
.pagination ul>li:last-child>a,
.pagination ul>li:last-child>span,
.pagination-mini ul>li:last-child>a,
.pagination-small ul>li:last-child>a,
.pagination-mini ul>li:last-child>span,
.pagination-small ul>li:last-child>span {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.table.table-condensed tr th,
.table.table-condensed tr td {
	padding: 4px 5px
}

.table tr th,
.table tr td {
	padding: 10px;
	border-top: 1px dotted #ddd
}

.form-actions {
	background: 0;
	border: 0
}



/*html, body {
	height: 100%
}*/
body {
	background: #f8f8f8
		/*#e1eaf1 #f6f6f6*/
	;
	font-size: 14px !important
}

a {
	color: #48a65b
}

a:focus {
	outline: none;
	text-decoration: none
}

a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
	color: #2a2c32;
}

.ui-resizable-handle.ui-resizable-e {
	cursor: col-resize
}

#left {
	width: 200px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #eee;
	height: 100%
}

#left.sidebar-fixed {
	position: fixed;
	top: 40px
}

#left .subnav {
	margin-top: 15px
}

#left .subnav:hover .subnav-title .toggle-subnav i {
	display: block
}

#left .subnav .subnav-title {
	*zoom: 1;
	text-overflow: ellipsis;
	white-space: nowrap
}

#left .subnav .subnav-title:after {
	content: "";
	display: table;
	clear: both
}

#left .subnav .subnav-title span {
	margin-left: 20px;
	font-size: 18px;
	text-overflow: ellipsis;
	white-space: nowrap
}

#left .subnav .subnav-title .toggle-subnav {
	color: #444;
	padding: 1px 6px;
	text-decoration: none;
	display: block;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

#left .subnav .subnav-title .toggle-subnav i {
	position: absolute;
	font-size: 14px;
	left: 10px;
	top: 4px;
	display: none
}

#left .subnav .subnav-title .toggle-subnav:hover {
	color: #222
}

#left .subnav .subnav-menu {
	list-style-type: none;
	margin: 5px 0;
	padding: 0
}

#left .subnav .subnav-menu>li {
	text-overflow: ellipsis;
	white-space: nowrap
}

#left .subnav .subnav-menu>li>a {
	color: #555;
	display: block;
	padding: 5px 0 5px 27px;
	text-decoration: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

#left .subnav .subnav-menu>li>a:hover {
	background: #ddd;
	color: #222
}

#left .subnav .subnav-menu>li.active>a {
	background: #ccc;
	color: #222;
	font-weight: bold
}

.nopadding {
	padding: 0 !important
}

#navigation {
	position: relative;
	z-index: 100
}

#navigation #navi .dropdown-menu:before,
#navigation #navi .dropdown-menu:after {
	display: none;
}

.background-green {
	background: #48a65b none repeat scroll 0 0;
}

h4.modal-title {
	font-size: 22px;
}

.form-control {
	border-radius: 8px !important;
	height: 40px;
	background-color: var(--gray-light-50);
}

.modal .form-control {
	background-color: var(--gray-light-50);
	background-image: none;
	border: 1px solid var(--gray-light);
	border-radius: 0px;
	box-shadow: none;
	color: #a7a7a7;
	display: block;
	font-size: 14px;
	height: 38px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
	border-radius: 8px !important;
}

.modal select.form-control {
	background-color: var(--gray-light-50) !important;
}

.form-control.default-input {
	background-color: var(--white) !important;
}

.info-box {
	background: #fff none repeat scroll 0 0;
	border-radius: 4px;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.05);
	display: flex !important;
	display: -ms-flexbox !important;
	align-items: center;
	margin-bottom: 15px;
	min-height: 90px;
	width: 100%;
	border: 1px solid #d7dfe3;
	/*box-shadow: 6px 11px 41px -28px #796eb1;
	-webkit-box-shadow: 6px 11px 41px -28px #796eb1;*/
	border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 8px;
	transition-duration: 300ms;
	height: 86%;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.info-box:hover {
	box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.info-box-icon {
	background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
	border-radius: 2px 0 0 2px;
	display: block;
	float: left;
	font-size: 35px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 50px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	margin: 4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/*.blue_bg{
	background: linear-gradient(45deg, #3858f9, #8e79fd);
	box-shadow: 0 7px 30px rgba(128, 116, 252, 0.5);
}
.pink_bg {
	background: linear-gradient(45deg, #f53c5b, #fb768c);
	box-shadow: 0 7px 30px rgba(250, 106, 130, 0.5);
}
.green_bg {
	background: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
	box-shadow: 0 7px 30px rgba(11, 163, 96, 0.3);
}
.orange_bg {
	background-image: linear-gradient(45deg, #ff5858 0%, #f09819 100%);
	box-shadow: 0 7px 30px rgba(241, 159, 93, 0.5);
}*/
.blue_g {
	background: rgb(74, 147, 255);
	background: -moz-linear-gradient(55deg, rgba(74, 147, 255, 1) 0%, rgba(61, 212, 237, 1) 100%);
	background: -webkit-linear-gradient(55deg, rgba(74, 147, 255, 1) 0%, rgba(61, 212, 237, 1) 100%);
	background: linear-gradient(55deg, rgba(74, 147, 255, 1) 0%, rgba(61, 212, 237, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4a93ff", endColorstr="#3dd4ed", GradientType=1);
	box-shadow: 0 7px 30px rgba(61, 212, 237, 0.3);
}

.red_g {
	background: rgb(255, 6, 6);
	background: -moz-linear-gradient(55deg, rgba(255, 6, 6, 1) 0%, rgba(251, 94, 94, 1) 100%);
	background: -webkit-linear-gradient(55deg, rgba(255, 6, 6, 1) 0%, rgba(251, 94, 94, 1) 100%);
	background: linear-gradient(55deg, rgba(255, 6, 6, 1) 0%, rgba(251, 94, 94, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0606", endColorstr="#fb5e5e", GradientType=1);
	box-shadow: 0 7px 30px rgba(251, 94, 94, 0.3);
}

.info-box-content {
	margin-left: 0px;
	padding: 5px 4px 5px 10px;
}

.info-box-text {
	display: block;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #99abb4;

}

.info-box>.info-box-text {
	width: 100%;
	color: #282828;
	font-weight: 500;
}

.info-box-number {
	display: block;
	font-size: 20px;
	color: #0d0d0d;
	font-weight: 600;
}

.info-box small {
	font-size: 14px;
}

.info-box .info-box-icon .ion {
	font-weight: bold
}

.info-box .ion {
	color: #fff;
}

.info-box .fa {
	color: #fff;
}

.small-box {
	border-radius: 2px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	display: block;
	margin-bottom: 20px;
	position: relative;
}

.small-box>.inner {
	padding: 10px;
}

.small-box .icon {
	color: rgba(0, 0, 0, 0.15);
	font-size: 90px;
	position: absolute;
	right: 10px;
	top: -10px;
	transition: all 0.3s linear 0s;
	z-index: 0;
}

.small-box h3,
.small-box p {
	z-index: 5;
}

.small-box h3 {
	font-size: 38px;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0;
	white-space: nowrap;
}

.small-box p {
	font-size: 15px;
}

.small-box>.small-box-footer {
	background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
	color: rgba(255, 255, 255, 0.8);
	display: block;
	padding: 3px 0;
	position: relative;
	text-align: center;
	text-decoration: none;
	z-index: 10;
}

.middle {
	color: #fff;
}

.middle.contentPart {
	margin-top: 50px;
}

.box.box-danger {
	border-top-color: #dd4b39;
}

.box {
	background-color: var(--white);
	margin-bottom: 20px;
	position: relative;
	width: 100%;
	margin-top: 0px;
	border-radius: 8px;
	border: 0;
	box-shadow: none
}

.box-header.with-border {
	border-bottom: 0px solid #d7d7d7;
}

.box-header {
	color: #444;
	display: block;
	padding: 10px;
	position: relative;
}

#notificationCount {
	background: #cc0000 none repeat scroll 0 0;
	border-radius: 9px;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	margin-left: 61px;
	margin-top: 11px;
	padding: 0 6px 3px 5px;
	position: absolute;
}

.box-header>.fa,
.box-header>.glyphicon,
.box-header>.ion,
.box-header .box-title {
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	margin: 0;
}

.box-header>.box-tools {
	position: absolute;
	right: 10px;
	top: 5px;
}

.pull-right {
	float: right;
}

.bg-red,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
	background-color: #dd4b39 !important;
}

.box-body {
	border-radius: 0 0 3px 3px;
	padding: 10px 10px;
}

.list-unstyled,
.chart-legend,
.contacts-list,
.users-list,
.mailbox-attachments {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.users-list>li {
	float: left;
	padding: 10px;
	text-align: center;
	width: 25%;
}

.users-list>li img {
	border-radius: 50%;
	height: auto;
	max-width: 100%;
}

.users-list-name {
	color: #444;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.users-list-date {
	color: #999;
	font-size: 12px;
}

.box-footer {
	/* background-color: #eee; */
	border-radius: 0 0 3px 3px;
	border-top: 1px solid var(--light-border);
	padding: 10px;
}

.modal-header {
	background: #f0f0f0;
}

.modal-footer {
	border-top-color: #d2d2d2;
}

#navigation.navbar-fixed-top {
	position: fixed;
	z-index: 1030
}

#navigation .dropdown-menu {
	border-top: 0;
	border-color: #48a65b
}

#navigation .dropdown-menu>li>a:hover {
	background: #4c5566;
	color: #fff;
	filter: none
}

#navigation .toggle-nav {
	float: left;
	color: #fff;
	display: block;
	padding: 10px;
	font-size: 14px;
	text-decoration: none
}

#navigation .toggle-nav:hover {
	background-color: #1b67af
}

#navigation #brand {
	float: left;
	color: #fff;
	font-size: 20px;
	margin-top: 9px;
	padding-right: 7px;
	padding-left: 0px;
	padding-bottom: 2px;
	float: none;
	display: table-cell;
	padding: 6px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	#navigation #brand {
		background: url("../img/logo@2x.png") no-repeat;
		background-size: 22px 22px
	}
}

#navigation #brand:hover {
	text-decoration: none
}

#navigation .toggle-mobile {
	color: #fff;
	background: #1b67af;
	display: block;
	padding: 11px 10px 9px 10px;
	text-decoration: none;
	float: right
}

#navigation .toggle-mobile i {
	font-size: 18px
}

#navigation .mobile-nav {
	display: none
}

#navigation .mobile-nav>li>ul {
	display: none
}

#navigation .mobile-nav.open-menu {
	display: block;
	list-style: none;
	padding: 0 20px 20px 20px;
	margin: 0;
	background: #48a65b
}

#navigation .mobile-nav.open-menu>li {
	display: block;
	margin-top: 1px
}

#navigation .mobile-nav.open-menu>li:first-child {
	margin-top: 0
}

#navigation .mobile-nav.open-menu>li.active>a {
	background: #144d82;
	color: #fff
}

#navigation .mobile-nav.open-menu>li.active>ul {
	background: #144d82
}

#navigation .mobile-nav.open-menu>li>a {
	display: block;
	background: #1b67af;
	padding: 8px 12px;
	color: #fff;
	text-decoration: none
}

#navigation .mobile-nav.open-menu>li>a i {
	float: right;
	margin-top: 3px
}

#navigation .mobile-nav.open-menu>li>ul {
	background: #1b67af;
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 0
}

#navigation .mobile-nav.open-menu>li>ul.open {
	display: block
}

#navigation .mobile-nav.open-menu>li>ul>li>a {
	padding: 4px 35px;
	display: block;
	color: #fff;
	text-decoration: none
}

#navigation .user .icon-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left
}

#navigation .user .icon-nav>li {
	margin-right: 3px;
	float: left
}

#navigation .user .icon-nav>li>a {
	padding: 11px 10px 9px 10px;
	display: block;
	color: #fff
}

#navigation .user .icon-nav>li>a:hover {
	background: #1b67af;
	text-decoration: none
}

#navigation .user .icon-nav>li>a i {
	color: #fff;
	font-size: 16px
}

#navigation .user .icon-nav>li .theme-settings>li {
	padding: 0;
	margin-top: 10px
}

#navigation .user .icon-nav>li .theme-settings>li:first-child {
	margin-top: 5px
}

#navigation .user .icon-nav>li .theme-settings>li span {
	color: #666;
	display: block;
	padding-left: 15px
}

#navigation .user .icon-nav>li .theme-settings>li .version-toggle>a,
#navigation .user .icon-nav>li .theme-settings>li .topbar-toggle>a,
#navigation .user .icon-nav>li .theme-settings>li .sidebar-toggle>a {
	display: block;
	padding: 5px 25px;
	color: #444;
	text-decoration: none
}

#navigation .user .icon-nav>li .theme-settings>li .version-toggle>a.active,
#navigation .user .icon-nav>li .theme-settings>li .topbar-toggle>a.active,
#navigation .user .icon-nav>li .theme-settings>li .sidebar-toggle>a.active {
	position: relative
}

#navigation .user .icon-nav>li .theme-settings>li .version-toggle>a.active:before,
#navigation .user .icon-nav>li .theme-settings>li .topbar-toggle>a.active:before,
#navigation .user .icon-nav>li .theme-settings>li .sidebar-toggle>a.active:before {
	position: absolute;
	left: 10px;
	top: 4px;
	content: "\f111";
	font-family: FontAwesome;
	font-size: 8px
}

#navigation .user .icon-nav>li .theme-settings>li .version-toggle>a:hover,
#navigation .user .icon-nav>li .theme-settings>li .topbar-toggle>a:hover,
#navigation .user .icon-nav>li .theme-settings>li .sidebar-toggle>a:hover {
	background: #ddd
}

#navigation .user .icon-nav>li .theme-colors {
	margin: 0;
	padding: 0 0 5px 0;
	*zoom: 1
}

#navigation .user .icon-nav>li .theme-colors:after {
	content: "";
	display: table;
	clear: both
}

#navigation .user .icon-nav>li .theme-colors li {
	*zoom: 1
}

#navigation .user .icon-nav>li .theme-colors li:after {
	content: "";
	display: table;
	clear: both
}

#navigation .user .icon-nav>li .theme-colors li.subtitle {
	margin: 10px 0 5px 15px;
	display: block;
	float: none;
	color: #666;
	clear: both
}

#navigation .user .icon-nav>li .theme-colors li span {
	cursor: pointer;
	display: block;
	width: 30px;
	float: left;
	height: 30px;
	margin: 8px 0 0 8px
}

#navigation .user .icon-nav>li .theme-colors li span.blue {
	background: #48a65b
}

#navigation .user .icon-nav>li .theme-colors li span.orange {
	background: #f8a31f
}

#navigation .user .icon-nav>li .theme-colors li span.red {
	background: #e51400
}

#navigation .user .icon-nav>li .theme-colors li span.green {
	background: #393
}

#navigation .user .icon-nav>li .theme-colors li span.lime {
	background: #8cbf26
}

#navigation .user .icon-nav>li .theme-colors li span.teal {
	background: #00aba9
}

#navigation .user .icon-nav>li .theme-colors li span.purple {
	background: #ff0097
}

#navigation .user .icon-nav>li .theme-colors li span.brown {
	background: #a05000
}

#navigation .user .icon-nav>li .theme-colors li span.pink {
	background: #e671b8
}

#navigation .user .icon-nav>li .theme-colors li span.magenta {
	background: #a200ff
}

#navigation .user .icon-nav>li .theme-colors li span.grey {
	background: #333
}

#navigation .user .icon-nav>li .theme-colors li span.darkblue {
	background: #204e81
}

#navigation .user .icon-nav>li .theme-colors li span.lightred {
	background: #e63a3a
}

#navigation .user .icon-nav>li .theme-colors li span.lightgrey {
	background: #666
}

#navigation .user .icon-nav>li .theme-colors li span.satblue {
	background: #2c5e7b
}

#navigation .user .icon-nav>li .theme-colors li span.satgreen {
	background: #56af45
}

#navigation .user .dropdown {
	float: left
}

#navigation .user .dropdown.open {
	background: #1b67af
}

#navigation .user .dropdown>a {
	display: block;
	color: #fff;
	padding: 7px 12px 6px 12px;
	text-decoration: none
}

#navigation .user .dropdown>a:hover {
	background: #1b67af
}

#navigation .user .dropdown>a img {
	margin-left: 10px
}

#navigation .main-nav {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: none;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}

#navigation .main-nav>li {
	float: left;
	position: relative;
	margin: 0;
	float: none;
}

#navigation .main-nav>li>a {
	font-size: 15px
}

#navigation .main-nav>li.active>a {
	/*background: #fff;*/
	background: #232323;
	text-decoration: none;
	color: #fff
}

#navigation .main-nav>li.active>a .caret {
	border-top-color: #fff
}

#navigation .main-nav>li.active>a:hover {
	background: #333
}

#navigation .main-nav>li.open-menu>a {
	background: #232323;
	text-decoration: none;
	border-left-color: #2a2c32;
	color: #ffffff;
}

#navigation .main-nav>li.open-menu.active>a {
	background: #232323
}

#navigation .main-nav>li.open-menu.active .dropdown-menu {
	left: -2px
}

#navigation .main-nav>li.open-menu.active .dropdown-menu>.active>a {
	background: #ddd;
	color: #333;
	filter: none
}

#navigation .main-nav>li:first-child>a {
	padding: 25px 15px;
}

#navigation .main-nav>li>a {
	display: block;
	padding: 27px 15px;
	color: #fff
}

#navigation .main-nav>li>a:hover,
#navigation .main-nav>li:hover>a {
	text-decoration: none;
}

#navigation .main-nav>li>a .caret {
	border-top-color: #fff;
	margin: 0px 0 0 2px
}

#navigation .user {
	float: right;
	padding-top: 9px;
}

#navigation .user>a {
	color: #fff
}

#navigation .main-nav {
	white-space: nowrap;
}


#content {
	position: relative;
	min-height: 100%
}

#content.nav-fixed {
	padding-top: 40px
}

#content.nav-fixed #left {
	top: 40px
}

#content.container-fluid {
	padding: 0
}

#content.container-fluid.nav-fixed {
	padding-top: 40px
}

.stats {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left
}

.stats>li {
	*zoom: 1;
	float: left;
	padding: 10px;
	margin-right: 15px
}

.stats>li:after {
	content: "";
	display: table;
	clear: both
}

.stats>li:last-child {
	margin-right: 0
}

.stats>li i {
	font-size: 30px;
	color: #fff;
	float: left;
	margin: 5px 0
}

.stats>li .details {
	*zoom: 1;
	margin-left: 50px
}

.stats>li .details:after {
	content: "";
	display: table;
	clear: both
}

.stats>li .details span {
	color: #fff;
	display: block;
	font-size: 11px
}

.stats>li .details span.big {
	font-size: 16px
}

#main .page-header {
	border: 0;
	margin: 15px 0 15px 0;
	padding: 0 3px;
	*zoom: 1
}

#main .page-header:after {
	content: "";
	display: table;
	clear: both
}

#main .page-header .pull-left h1 {
	font-size: 30px;
	color: #2a2a2a;
	line-height: 24px;
	font-weight: 400;
	margin: 20px 0
}

#main .page-header .pull-left h6 {
	color: #777;
	font-weight: normal;
	margin: 0
}

#main .breadcrumbs {
	*zoom: 1;
	background: #f4f4f4
}

#main .breadcrumbs:after {
	content: "";
	display: table;
	clear: both
}

#main .breadcrumbs ul {
	list-style-type: none;
	margin: 0;
	padding: 2px 5px;
	*zoom: 1;
	float: left
}

#main .breadcrumbs ul:after {
	content: "";
	display: table;
	clear: both
}

#main .breadcrumbs ul>li {
	float: left;
	color: #666
}

#main .breadcrumbs ul>li>a {
	color: #666;
	display: block;
	padding: 2px 6px;
	font-size: 12px;
	float: left
}

#main .breadcrumbs ul>li i {
	float: left;
	font-size: 11px;
	margin: 7px 0 6px 0
}

#main .breadcrumbs .close-bread {
	float: right
}

#main .breadcrumbs .close-bread>a {
	color: #999;
	display: block;
	font-size: 14px;
	margin: 4px 8px
}

#main .breadcrumbs .close-bread>a:hover {
	text-decoration: none
}

#main .ui-state-highlight {
	background: red;
	height: 50px
}

#main .box.box-color.blue .box-title {
	background: #48a65b !important
}

#main .box.box-color.blue .box-title .actions>a:hover {
	color: #48a65b
}

#main .box.box-color.orange .box-title {
	background: #f8a31f !important
}

#main .box.box-color.orange .box-title .actions>a:hover {
	color: #f8a31f
}

#main .box.box-color.red .box-title {
	background: #e51400 !important
}

#main .box.box-color.red .box-title .actions>a:hover {
	color: #e51400
}

#main .box.box-color.green .box-title {
	background: #393 !important
}

#main .box.box-color.green .box-title .actions>a:hover {
	color: #393
}

#main .box.box-color.lime .box-title {
	background: #8cbf26 !important
}

#main .box.box-color.lime .box-title .actions>a:hover {
	color: #8cbf26
}

#main .box.box-color.teal .box-title {
	background: #00aba9 !important
}

#main .box.box-color.teal .box-title .actions>a:hover {
	color: #00aba9
}

#main .box.box-color.purple .box-title {
	background: #ff0097 !important
}

#main .box.box-color.purple .box-title .actions>a:hover {
	color: #ff0097
}

#main .box.box-color.brown .box-title {
	background: #a05000 !important
}

#main .box.box-color.brown .box-title .actions>a:hover {
	color: #a05000
}

#main .box.box-color.pink .box-title {
	background: #e671b8 !important
}

#main .box.box-color.pink .box-title .actions>a:hover {
	color: #e671b8
}

#main .box.box-color.magenta .box-title {
	background: #a200ff !important
}

#main .box.box-color.magenta .box-title .actions>a:hover {
	color: #a200ff
}

#main .box.box-color.grey .box-title {
	background: #333 !important
}

#main .box.box-color.grey .box-title .actions>a:hover {
	color: #333
}

#main .box.box-color.darkblue .box-title {
	background: #204e81 !important
}

#main .box.box-color.darkblue .box-title .actions>a:hover {
	color: #204e81
}

#main .box.box-color.lightred .box-title {
	background: #e63a3a !important
}

#main .box.box-color.lightred .box-title .actions>a:hover {
	color: #e63a3a
}

#main .box.box-color.lightgrey .box-title {
	background: #666 !important
}

#main .box.box-color.lightgrey .box-title .actions>a:hover {
	color: #666
}

#main .box.box-color .box-title h3 {
	color: #000
}

#main .box.box-bordered .table {
	margin-bottom: 0
}

#main .box.box-bordered .table.dataTable-fixedcolumn.DTFC_Cloned {
	border-right: 2px solid #ddd
}

#main .box.box-bordered .table.dataTable-fixedcolumn.DTFC_Cloned th {
	border-right: 2px solid #333
}

#main .box.box-bordered .table.dataTable-fixedcolumn.DTFC_Cloned td {
	text-align: center
}

#main .box.box-bordered .table.table-bordered {
	border-right: 0
}

#main .box.box-bordered .table.table-bordered th:first-child,
#main .box.box-bordered .table.table-bordered td:first-child {
	border-left: 0
}

#main .box.box-bordered .table.table-bordered th:last-child,
#main .box.box-bordered .table.table-bordered td:last-child {
	border-right: 1px solid rgba(221, 226, 230, 0.6)
}

#main .box.box-bordered .form-bordered {
	margin-bottom: 0
}

#main .box.box-bordered .slimScrollDiv {
	border-bottom: 2px solid #ddd
}

#main .box.box-bordered.box-color .slimScrollDiv {
	border-bottom: 2px solid #48a65b
}

#main .box.box-bordered.box-color.blue .box-title {
	border-color: #48a65b !important
}

#main .box.box-bordered.box-color.blue .box-content {
	border-color: #48a65b !important
}

#main .box.box-bordered.box-color.blue .slimScrollDiv {
	border-bottom: 2px solid #48a65b
}

#main .box.box-bordered.box-color.orange .box-title {
	border-color: #f8a31f !important
}

#main .box.box-bordered.box-color.orange .box-content {
	border-color: #f8a31f !important
}

#main .box.box-bordered.box-color.orange .slimScrollDiv {
	border-bottom: 2px solid #f8a31f
}

#main .box.box-bordered.box-color.red .box-title {
	border-color: #e51400 !important
}

#main .box.box-bordered.box-color.red .box-content {
	border-color: #e51400 !important
}

#main .box.box-bordered.box-color.red .slimScrollDiv {
	border-bottom: 2px solid #e51400
}

#main .box.box-bordered.box-color.green .box-title {
	border-color: #393 !important
}

#main .box.box-bordered.box-color.green .box-content {
	border-color: #393 !important
}

#main .box.box-bordered.box-color.green .slimScrollDiv {
	border-bottom: 2px solid #393
}

#main .box.box-bordered.box-color.lime .box-title {
	border-color: #8cbf26 !important
}

#main .box.box-bordered.box-color.lime .box-content {
	border-color: #8cbf26 !important
}

#main .box.box-bordered.box-color.lime .slimScrollDiv {
	border-bottom: 2px solid #8cbf26
}

#main .box.box-bordered.box-color.teal .box-title {
	border-color: #00aba9 !important
}

#main .box.box-bordered.box-color.teal .box-content {
	border-color: #00aba9 !important
}

#main .box.box-bordered.box-color.teal .slimScrollDiv {
	border-bottom: 2px solid #00aba9
}

#main .box.box-bordered.box-color.purple .box-title {
	border-color: #ff0097 !important
}

#main .box.box-bordered.box-color.purple .box-content {
	border-color: #ff0097 !important
}

#main .box.box-bordered.box-color.purple .slimScrollDiv {
	border-bottom: 2px solid #ff0097
}

#main .box.box-bordered.box-color.brown .box-title {
	border-color: #a05000 !important
}

#main .box.box-bordered.box-color.brown .box-content {
	border-color: #a05000 !important
}

#main .box.box-bordered.box-color.brown .slimScrollDiv {
	border-bottom: 2px solid #a05000
}

#main .box.box-bordered.box-color.pink .box-title {
	border-color: #e671b8 !important
}

#main .box.box-bordered.box-color.pink .box-content {
	border-color: #e671b8 !important
}

#main .box.box-bordered.box-color.pink .slimScrollDiv {
	border-bottom: 2px solid #e671b8
}

#main .box.box-bordered.box-color.magenta .box-title {
	border-color: #a200ff !important
}

#main .box.box-bordered.box-color.magenta .box-content {
	border-color: #a200ff !important
}

#main .box.box-bordered.box-color.magenta .slimScrollDiv {
	border-bottom: 2px solid #a200ff
}

#main .box.box-bordered.box-color.grey .box-title {
	border-color: #333 !important
}

#main .box.box-bordered.box-color.grey .box-content {
	border-color: #333 !important
}

#main .box.box-bordered.box-color.grey .slimScrollDiv {
	border-bottom: 2px solid #333
}

#main .box.box-bordered.box-color.darkblue .box-title {
	border-color: #204e81 !important
}

#main .box.box-bordered.box-color.darkblue .box-content {
	border-color: #204e81 !important
}

#main .box.box-bordered.box-color.darkblue .slimScrollDiv {
	border-bottom: 2px solid #204e81
}

#main .box.box-bordered.box-color.lightred .box-title {
	border-color: #e63a3a !important
}

#main .box.box-bordered.box-color.lightred .box-content {
	border-color: #e63a3a !important
}

#main .box.box-bordered.box-color.lightred .slimScrollDiv {
	border-bottom: 2px solid #e63a3a
}

#main .box.box-bordered.box-color.lightgrey .box-title {
	border-color: #666 !important
}

#main .box.box-bordered.box-color.lightgrey .box-content {
	border-color: #666 !important
}

#main .box.box-bordered.box-color.lightgrey .slimScrollDiv {
	border-bottom: 2px solid #666
}

#main .box.box-bordered.box-color.satblue .box-title {
	border-color: #2c5e7b !important
}

#main .box.box-bordered.box-color.satblue .box-content {
	border-color: #2c5e7b !important
}

#main .box.box-bordered.box-color.satblue .slimScrollDiv {
	border-bottom: 2px solid #2c5e7b
}

#main .box.box-bordered.box-color.satgreen .box-title {
	border-color: #56af45 !important
}

#main .box.box-bordered.box-color.satgreen .box-content {
	border-color: #56af45 !important
}

#main .box.box-bordered.box-color.satgreen .slimScrollDiv {
	border-bottom: 2px solid #56af45
}

#main .box.box-bordered.box-color .box-content {
	border-color: #dadfea
}

#main .box.box-bordered .box-title {
	border-left: 0;
	border-right: 0;
	/*margin-bottom: 15px;
    padding: 15px 0px;*/
}

#main .box.box-bordered .box-content {
	border: 0px solid #ddd;
	border-top: 0
}

#main .box .box-title {
	*zoom: 1;
	border-bottom: 0px solid #ddd;
	padding: 10px;
	box-shadow: none;
	font-weight: 600;
	color: #101928;
}

#main .box .box-title h3,
.box-title h3 {
	float: none;
	margin: 0;
	line-height: 24px;
	font-size: 20px;
	display: inline-block;
	vertical-align: bottom
}

#main .box .box-title h3 i {
	margin: 0 5px
}

#main .box .box-title .tabs {
	float: right;
	*zoom: 1;
	margin: 5px 10px 0 0;
	padding: 0;
	list-style-type: none
}

#main .box .box-title .tabs:after {
	content: "";
	display: table;
	clear: both
}

#main .box .box-title .tabs.tabs-left {
	float: left
}

#main .box .box-title .tabs>li {
	float: left;
	margin-right: 5px
}

#main .box .box-title .tabs>li:last-child {
	margin-right: 0
}

#main .box .box-title .tabs>li>a {
	padding: 4px 8px
}

#main .box .box-title .tabs>li>a:hover {
	text-decoration: none;
	background: #eee
}

#main .box .box-title .tabs>li.active>a {
	background: #48a65b;
	color: #fff
}

#main .box .box-title .actions {
	margin-top: 0;
	float: right;
	margin-right: 10px
}

#main .box .box-title .actions .btn {
	background: none;
	color: #333
}

#main .box .box-title .actions .btn:hover {
	background: #48a65b;
	color: #fff
}

#main .box .box-title .actions .content-move {
	cursor: move
}

#main .box .box-content {
	*zoom: 1;
	padding: 20px
}

#main .box .box-content:after {
	content: "";
	display: table;
	clear: both
}

#main #vmap {
	width: 100%;
	height: 300px
}

.table.dataTable {
	margin-bottom: 10px;
	clear: both;
	width: 100% !important
}

.table.dataTable .sorting,
.table.dataTable .sorting_desc,
.table.dataTable .sorting_asc {
	padding-left: 25px;
	white-space: nowrap
}

.table.dataTable.dataTable-scroll-x {
	border-collapse: separate;
	max-width: none
}

.table.dataTable.dataTable-scroll-x td {
	white-space: nowrap
}

.table.dataTable th:focus {
	outline: none
}

.table.dataTable.dataTable-reorder th:hover {
	cursor: move
}

.table.table-colored-header thead th,
.table.table-colored-header thead td {
	background: #48a65b;
	color: #fff
}

.table.table-nohead thead {
	display: none
}

.table.table-nohead thead th,
.table.table-nohead thead td {
	display: none
}

.table.table-nohead tr:first-child td {
	border: 0
}

.table tr:hover td {

	/*background: #f8f8f8*/
}

.table tr td .label {
	margin-right: 3px
}

.table tr th {
	/*background: #eee*/
}

.table.table-user tr.alpha td.alpha-val span {
	background: #48a65b;
	color: #fff;
	display: block;
	padding: 10px 0;
	text-align: center;
	font-size: 18px
}

.table.table-user tr.alpha:hover td {
	background: white;
	cursor: pointer
}

.table.table-user tr:first-child td {
	border: 0
}

.table.table-user tr td {
	border-top: 1px dotted #ccc
}

.table.table-user tr td.img {
	width: 40px
}

.table.table-user tr td.img img {
	width: 40px
}

.table.table-user tr td.user {
	text-align: left;
	vertical-align: middle
}

.table.table-user tr td.icon {
	width: 20px;
	vertical-align: middle
}

.table.table-user tr td.icon .online {
	font-size: 10px;
	color: #4fa828
}

.search-form {
	height: 35px;
	margin: 0
}

.search-form>.search-pane {
	margin: 5px;
	height: 28px;
	background: #fff;
	border: 1px solid #ccc
}

.search-form>.search-pane>input {
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0;
	float: left;
	font-size: 12px;
	margin-bottom: 0;
	margin-top: 1px;
	width: 145px
}

.search-form>.search-pane>input:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.search-form>.search-pane button[type="submit"] {
	float: right;
	background: #48a65b;
	color: #fff;
	border: 0;
	margin: 2px 2px 0px 0;
	line-height: 19px;
	min-height: 24px
}

.custom-checkbox {
	position: relative;
	padding-right: 30px
}

.custom-checkbox i {
	position: absolute;
	right: 10px;
	top: 9px
}

.flot {
	width: 100%;
	height: 300px
}

ul>li.blue {
	background: #368ee0
}

ul>li.orange {
	background: #f8a31f
}

ul>li.red {
	background: #e51400
}

ul>li.green {
	background: #393
}

ul>li.lime {
	background: #8cbf26
}

ul>li.teal {
	background: #00aba9
}

ul>li.purple {
	background: #ff0097
}

ul>li.brown {
	background: #a05000
}

ul>li.pink {
	background: #e671b8
}

ul>li.magenta {
	background: #a200ff
}

ul>li.grey {
	background: #333
}

ul>li.darkblue {
	background: #204e81
}

ul>li.lightred {
	background: #e63a3a
}

ul>li.lightgrey {
	background: #666
}

ul>li.satblue {
	background: #2c5e7b
}

ul>li.satgreen {
	background: #56af45
}

.charts {
	list-style-type: none;
	margin: 0;
	text-align: center
}

.charts li {
	display: inline-block;
	margin: 0 10px
}

.charts li span {
	margin-top: 10px;
	display: block;
	font-size: 12px;
	text-align: center;
	font-weight: 700;
	color: #444
}

.slimScrollBar.ui-draggable {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important
}

.user-list {
	position: absolute;
	right: 0;
	top: 0;
	width: 183px;
	margin-right: 17px
}

.user-list h4 {
	background: #48a65b;
	color: #fff;
	padding: 5px 8px;
	font-weight: 400
}

.user-list>ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

.user-list>ul>li {
	*zoom: 1;
	margin: 5px 0
}

.user-list>ul>li:after {
	content: "";
	display: table;
	clear: both
}

.user-list>ul>li:first-child {
	margin-top: 0
}

.user-list>ul>li.invite {
	margin-top: 15px
}

.user-list>ul>li .image {
	max-width: 35px;
	min-width: 10px;
	float: left
}

.user-list>ul>li .image img {
	max-width: 35px;
	min-width: 10px
}

.user-list>ul>li .username {
	float: left;
	margin-left: 10px;
	line-height: 35px
}

.messages {
	list-style-type: none;
	margin: 0;
	padding: 0
}

.messages.withlist {
	margin-right: 210px
}

.messages>li {
	margin-top: 20px
}

.messages>li.insert {

	position: relative;
	border: 1px solid #ddd;
	margin-right: 10px
}

.messages>li.insert #message-form {
	margin-bottom: 0
}

.messages>li.insert .text {
	margin-right: 50px
}

.messages>li.insert .text input[type="text"] {
	border: 0;
	margin-bottom: 0;
	display: block
}

.messages>li.insert .submit {
	position: absolute;
	right: 0;
	top: 0
}

.messages>li.insert .submit button {
	border: 0;
	background: #48a65b;
	color: #fff;
	margin: 2px;
	padding: 3px 4px
}

.messages>li.insert .submit button[disabled="disabled"] {
	background: #ccc
}

.messages>li .image {
	float: left;
	width: 50px
}

.messages>li .message {
	position: relative;
	background: #eee;
	margin-right: 20px;
	padding: 10px;
	margin-left: 60px
}

.messages>li .message .name {
	font-weight: 600
}

.messages>li .message p {
	color: #444
}

.messages>li .message .time {
	color: #555;
	font-size: 11px
}

.messages>li .message .caret {
	position: absolute;
	left: -7px;
	top: 10px;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-right: 7px solid #eee;
	border-left: 0
}

.messages>li.right .image {
	float: right
}

.messages>li.right .name {
	color: #0a2640
}

.messages>li.right .message {
	background: #d1e5f8;
	margin-left: 20px;
	margin-right: 0;
	margin-right: 60px
}

.messages>li.right .message p {
	color: #11406c
}

.messages>li.right .message .time {
	color: #11406c
}

.messages>li.right .message .caret {
	left: auto;
	right: -7px;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #d1e5f8;
	border-right: 0
}

.messages>li.typing {
	display: none
}

.messages>li.typing.active {
	display: block
}

.letterbox {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.8)
}

.letterbox .letter {
	list-style-type: none;
	margin: 0;
	padding: 0;
	*zoom: 1
}

.letterbox .letter:after {
	content: "";
	display: table;
	clear: both
}

.letterbox .letter>li {
	text-align: center;
	height: 40px;
	width: 40px;
	margin: 10px;
	background: #ddd;
	float: left;
	font-size: 18px;
	line-height: 40px;
	color: #aaa
}

.letterbox .letter>li.active {
	background: #48a65b;
	color: #fff;
	cursor: pointer
}

.calendar {
	margin-top: 10px
}

.calendar .fc-header .fc-header-title h2 {
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 0;
	line-height: 25px
}

.calendar .fc-header .fc-header-right .fc-button {
	position: relative;
	top: -45px
}

.calendar .fc-content .fc-event {
	font-size: 12px;
	border: 0 !important
}

.fc-event {
	color: #222
}

.fc-content-col .fc-time-grid-event.fc-short .fc-title {
	font-size: 11px;
}

.fc-content-col .fc-event:hover {
	color: #444;
}

.calendar .fc-content .fc-event .fc-event-inner {
	background: #48a65b;
	border: 0 !important;
	margin: 0
}

.calendar .fc-content .fc-event .fc-event-inner .fc-event-title {
	padding: 2px 5px
}

.calendar .fc-content .fc-event .fc-event-inner .fc-event-time {
	padding: 2px 2px 2px 5px
}

.calendar .fc-button {
	background: none;
	border: 0 !important;
	margin-right: 5px
}

.calendar .fc-button.fc-state-active {
	background: #48a65b;
	color: #fff
}

.calendar .fc-button.fc-state-active:hover {
	background: #48a65b;
	color: #fff
}

.calendar .fc-button:hover {
	background: #ddd
}

.calendar .fc-button.fc-button-next,
.calendar .fc-button.fc-button-prev {
	margin-left: 10px
}

.calendar .fc-button.fc-button-next .fc-button-content,
.calendar .fc-button.fc-button-prev .fc-button-content {
	padding: 0 9px
}

.calendar .fc-button.fc-button-next .fc-button-content i,
.calendar .fc-button.fc-button-prev .fc-button-content i {
	color: #666
}

.calendar .fc-button.fc-button-next:hover .fc-button-content i,
.calendar .fc-button.fc-button-prev:hover .fc-button-content i {
	color: #333
}

.calendar .fc-button.fc-button-prev {
	margin-right: 10px;
	margin-left: 0
}

.calendar .fc-button .fc-button-inner {
	background: none;
	border: 0 !important
}

.btn-file {
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	padding: 4px 8px
}

.btn-file>input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	font-size: 23px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(-300px, 0) scale(4);
	direction: ltr
}

.fileupload {
	margin-bottom: 0px
}

.fileupload .uneditable-input {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
	cursor: text
}

.fileupload .thumbnail {
	display: inline-block;
	margin-bottom: 5px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle
}

.fileupload .thumbnail>img {
	display: inline-block;
	max-height: 100%;
	vertical-align: middle
}

.fileupload .btn {
	vertical-align: middle
}

.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
	display: none
}

.fileupload-inline .fileupload-controls {
	display: inline
}

.fileupload-new .input-append .btn-file {
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0
}

.thumbnail-borderless .thumbnail {
	padding: 0;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.fileupload-new.thumbnail-borderless .thumbnail {
	border: 1px solid #ddd
}

.control-group.warning .fileupload .uneditable-input {
	color: #a47e3c;
	border-color: #a47e3c
}

.control-group.warning .fileupload .fileupload-preview {
	color: #a47e3c
}

.control-group.warning .fileupload .thumbnail {
	border-color: #a47e3c
}

.control-group.error .fileupload .uneditable-input {
	color: #b94a48;
	border-color: #b94a48
}

.control-group.error .fileupload .fileupload-preview {
	color: #b94a48
}

.control-group.error .fileupload .thumbnail {
	border-color: #b94a48
}

.control-group.success .fileupload .uneditable-input {
	color: #468847;
	border-color: #468847
}

.control-group.success .fileupload .fileupload-preview {
	color: #468847
}

.control-group.success .fileupload .thumbnail {
	border-color: #468847
}

.tagsinput#textfield_tagsinput {
	padding-bottom: 0
}

.tagsinput#textfield_tagsinput .tag {
	background: #48a65b;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #fff;
	border: 0
}

.tagsinput#textfield_tagsinput .tag a {
	color: #fff
}

.ui-spinner {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	border-color: #ccc
}

.ui-spinner .spinner {
	border: 0;
	margin-top: 0
}

.ui-spinner .ui-spinner-button {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	opacity: 0.6
}

.chzn-container .chzn-drop {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.chzn-container .chzn-drop .chzn-results>li.highlighted {
	background: #48a65b
}

.chzn-container.chzn-container-single .chzn-search input {
	background: none
}

.chzn-container.chzn-container-single .chzn-single {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.chzn-container.chzn-container-single .chzn-single div b {
	background-position-y: 2px
}

.chzn-container.chzn-container-multi .chzn-choices {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #fff
}

.chzn-container.chzn-container-multi .chzn-choices .search-choice {
	background: #eee;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.ms-container .ms-list {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important
}

.ms-container .multi-custom-header {
	background: #48a65b;
	color: #fff;
	padding: 2px 8px
}

.datepicker.datepicker-dropdown {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.datepicker.datepicker-dropdown:before,
.datepicker.datepicker-dropdown:after {
	border: 0
}

.bootstrap-timepicker-widget.dropdown-menu,
.colorpicker.dropdown-menu {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.bootstrap-timepicker-widget.dropdown-menu:before,
.bootstrap-timepicker-widget.dropdown-menu:after,
.colorpicker.dropdown-menu:before,
.colorpicker.dropdown-menu:after {
	border: 0 !important
}

.cke.cke_chrome {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0
}

.cke .cke_top {
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: 0;
	border-top: 0
}

.cke .cke_top .cke_button,
.cke .cke_top .cke_combo_button {
	background: #eee;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0;
	cursor: pointer
}

.cke .cke_top .cke_button:hover,
.cke .cke_top .cke_button.cke_button_on,
.cke .cke_top .cke_button:active,
.cke .cke_top .cke_button:focus,
.cke .cke_top .cke_combo_button:hover,
.cke .cke_top .cke_combo_button.cke_button_on,
.cke .cke_top .cke_combo_button:active,
.cke .cke_top .cke_combo_button:focus {
	background: #bbb;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0
}

.cke .cke_top .cke_combo.cke_combo_on .cke_combo_button {
	background: #bbb;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.cke .cke_top .cke_toolbar_separator {
	background: #aaa;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.cke .cke_top .cke_toolgroup {
	margin: 0;
	border: 0;
	background: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}

.cke .cke_contents {
	border: 1px solid #ddd
}

.cke .cke_bottom {
	background: #eee;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ddd;
	border-top: 0
}

.plupload .plupload_container {
	padding: 0
}

.plupload .plupload_container .plupload_filelist_header {
	display: none
}

.plupload .plupload_container .plupload_filelist {
	background: #fff
}

.plupload .plupload_container .plupload_filelist>li {
	background: #fff
}

.plupload .plupload_container .plupload_filelist_footer {
	height: 30px;
	background: #fff
}

.plupload .plupload_container .plupload_filelist_footer .pl_add {
	margin-right: 5px
}

.form-messages {
	margin-bottom: 0
}

.form-horizontal.form-column {
	margin: 0
}

.form-horizontal.form-column .span6 {
	padding-top: 20px
}

.form-horizontal.form-column .span12 {
	margin-left: 0
}

.form-horizontal .control-group .control-label small {
	display: block;
	color: #999
}

.form-horizontal.form-bordered .control-group {
	margin: 0;
	padding: 0;
	border-bottom: 0px solid #ddd;
	background: #ededed;
}

.form-horizontal.form-bordered .control-group:last-child {
	border-bottom: 0
}

.form-horizontal.form-bordered .control-group .controls {
	padding: 10px;
	/*background: #fff;*/

	border-left: 1px solid #ddd;
	*zoom: 1
}

.form-horizontal.form-bordered .control-group .controls:after {
	content: "";
	display: table;
	clear: both
}

.form-horizontal.form-bordered .control-group .control-label {
	margin: 0;
	padding: 10px 10px 2px 10px;
	color: #555
}

.form-horizontal.form-bordered .control-group .control-label small {
	display: block;
	font-size: 12px;
	color: #888;
	font-weight: normal
}

.form-wizard .wizard-steps {
	list-style-type: none;
	margin: 0 0 30px 0;
	padding: 0;
	*zoom: 1
}

.form-wizard .wizard-steps:after {
	content: "";
	display: table;
	clear: both
}

.form-wizard .wizard-steps li {
	float: left;
	text-align: center
}

.form-wizard .wizard-steps li:last-child .single-step {
	border-right: 0
}

.form-wizard .wizard-steps li .single-step {
	padding: 15px 0
}

.form-wizard .wizard-steps li .single-step .title {
	text-align: center;
	font-size: 16px;
	background: #ddd;
	padding: 4px 10px;
	color: #888
}

.form-wizard .wizard-steps li .single-step .description {
	margin-left: 5px;
	color: #aaa
}

.form-wizard .wizard-steps li.active .single-step .title {
	background: #48a65b;
	color: #fff
}

.form-wizard .wizard-steps li.active .single-step .description {
	color: #333
}

.form-wizard .wizard-steps.steps-2 li {
	width: 50%
}

.form-wizard .wizard-steps.steps-3 li {
	width: 33.333%
}

.form-wizard .wizard-steps.steps-4 li {
	width: 25%
}

.form-wizard .wizard-steps.steps-5 li {
	width: 20%
}

.slider {
	margin: 10px 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	height: 6px;
	position: relative
}

.slider .amount {
	position: absolute;
	left: 0;
	top: -20px
}

.slider .ui-slider-handle {
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #48a65b;
	width: 14px;
	height: 14px
}

.table-mail tbody tr>td {
	cursor: pointer
}

.table-mail tbody tr.warning>td {
	background-color: #deecfa
}

.table-mail .table-checkbox {
	width: 15px
}

.table-mail .table-icon {
	width: 20px
}

.table-mail .table-icon .sel-star {
	color: #aaa;
	text-decoration: none
}

.table-mail .table-icon .sel-star:hover {
	color: #f8a31f
}

.table-mail .table-icon .sel-star.active {
	color: #f8a31f
}

.table-mail .table-date {
	width: 100px
}

.table-mail .table-fixed-medium {
	width: 200px
}

.highlight-toolbar {
	*zoom: 1;
	padding: 0 10px
}

.highlight-toolbar:after {
	content: "";
	display: table;
	clear: both
}

.highlight-toolbar .dropdown .btn .caret {
	margin-left: 5px
}

.grids .row-fluid {
	margin-top: 10px;
	margin-bottom: 20px
}

.grids .row-fluid [class*="span"] {
	background: #ccc;
	text-align: center;
	line-height: 30px
}

.grids .row-fluid [class*="span"]:hover {
	background: #aaa
}

#gritter-notice-wrapper {
	right: auto;
	left: 50%;
	margin-left: -150.5px
}

.the-icons {
	list-style-type: none
}

.the-icons li {
	margin: 5px 0
}

.gallery {
	list-style-type: none;
	margin: 0 10px;
	padding: 0;
	*zoom: 1
}

.gallery:after {
	content: "";
	display: table;
	clear: both
}

.gallery>li {
	float: left;
	margin: 1px 0 0 1px;
	position: relative;
	cursor: pointer
}

.gallery>li>a {
	display: block
}

.gallery>li:hover .extras {
	display: block
}

.gallery>li .extras {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	background: rgba(0, 0, 0, 0.8);
	display: none;
	width: 100%;
	height: 100%
}

.gallery>li .extras:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.gallery>li .extras .extras-inner {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 90%;
	height: auto
}

.gallery>li .extras .extras-inner a {
	color: #bbb;
	text-decoration: none;
	padding: 5px;
	text-align: center
}

.gallery>li .extras .extras-inner a:hover {
	color: #fff;
	background: #48a65b
}

.tiles {
	list-style-type: none;
	margin: 25px 0;
	padding: 0
}

.tiles>li {
	float: left;
	margin: 5px 0 0 5px;
	position: relative
}

.tiles>li:hover:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 110px;
	height: 110px;
	background: none;
	pointer-events: none;
	border: 5px solid rgba(0, 0, 0, 0.5);
	z-index: 99
}

.tiles>li.long:hover:before {
	width: 235px
}

.tiles>li.long>a {
	width: 245px
}

.tiles>li.long>a span {
	font-size: 64px;
	padding-top: 25px
}

.tiles>li.long.payment>a span {
	font-size: 30px
}

.tiles>li.high:hover:before {
	height: 235px
}

.tiles>li.high>a {
	height: 245px
}

.tiles>li.high>a span {
	padding-top: 75px;
	font-size: 96px
}

.tiles>li.high>a span.count>i {
	margin-right: -25px
}

.tiles>li.image>a img {
	width: 120px;
	height: 120px
}

.tiles>li.image>a .name {
	background: #48a65b;
	color: #fff
}

.tiles>li>a {
	width: 120px;
	height: 120px;
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
	text-align: center
}

.tiles>li>a span {
	padding-top: 35px;
	font-size: 48px;
	display: block
}

.tiles>li>a span.nopadding {
	padding: 0
}

.tiles>li>a span.count>i {
	margin-right: -10px
}

.tiles>li>a span h5 {
	font-size: 18px !important;
	margin: 0;
	text-align: left;
	padding: 10px 10px 5px 10px
}

.tiles>li>a span p {
	font-size: 13px !important;
	padding: 0;
	text-align: left;
	padding: 0 20px
}

.tiles>li>a .name {
	font-size: 13px !important;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: left;
	padding: 3px 10px;
	float: left
}

.tiles>li>a .name .right {
	font-size: 13px;
	float: right;
	padding: 0
}

table.DTCR_clonedTable {
	background-color: white;
	z-index: 202;
	cursor: move
}

div.DTCR_pointer {
	width: 1px;
	background-color: #48a65b;
	z-index: 201
}

div.DTCR_pointer:before {
	content: "\f063";
	font-family: "FontAwesome";
	position: absolute;
	top: -25px;
	left: -5px;
	color: #48a65b
}

.ColVis {
	float: right;
	margin-bottom: 1em
}

.ColVis_Button {
	position: relative;
	float: left;
	margin-right: 3px;
	padding: 3px 5px;
	height: 30px;
	background-color: #fff;
	border: 1px solid #d0d0d0;
	cursor: pointer;
	*cursor: hand
}

button.ColVis_Button::-moz-focus-inner {
	border: none !important;
	padding: 0
}

.ColVis_text_hover {
	border: 1px solid #999;
	background-color: #f0f0f0
}

div.ColVis_collectionBackground {
	background-color: black;
	z-index: 1100
}

div.ColVis_collection {
	position: relative;
	width: 150px;
	background-color: #f3f3f3;
	padding: 3px;
	border: 1px solid #ccc;
	z-index: 1102
}

div.ColVis_collection button.ColVis_Button {
	background-color: white;
	width: 100%;
	float: none;
	margin-bottom: 2px
}

div.ColVis_catcher {
	position: absolute;
	z-index: 1101
}

.disabled {
	color: #999
}

button.ColVis_Button {
	text-align: left
}

div.ColVis_collection button.ColVis_Button:hover {
	border: 1px solid #999;
	background-color: #f0f0f0
}

span.ColVis_radio {
	display: inline-block;
	width: 20px
}

span.ColVis_radio input {
	margin-top: 0
}

.dataTables_wrapper .ColVis {
	margin: 10px 10px 10px 0
}

.dataTables_wrapper .ColVis .ColVis_Button {
	background: #eee;
	padding: 3px 8px;
	border: 0
}

.dataTables_wrapper .ColVis .ColVis_Button i {
	margin-left: 5px
}

.dataTables_wrapper .ColVis .ColVis_Button:hover {
	background: #ddd
}

.dataTables_wrapper .dataTables_length {
	float: left;
	min-width: 200px;
	margin: 10px 10px 15px 10px;
	display: inline-flex;
	gap: 10px;
	align-items: center;
}

/* .dataTables_wrapper .dataTables_length .input-mini {
	float: left
} */
.dataTables_wrapper .dataTables_length label>span {
	float: left;
	margin: 4px 5px
}

.dataTables_wrapper .DTTT_container {
	margin: 10px 5px 10px 0
}

.dataTables_wrapper .DTTT_container .DTTT_button {
	background: #eee;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0;
	margin-right: 5px;
	color: #333
}

.dataTables_wrapper .DTTT_container .DTTT_button:hover {
	background: #ddd
}

.dataTables_wrapper .dataTables_filter {
	float: right;
	margin: 10px 0px 15px 5px
}

.dataTables_wrapper .dataTables_info {
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px
}

.dataTables_wrapper .dataTables_info span {
	font-weight: 600
}

.dataTables_wrapper .dataTables_paginate {
	margin-top: 10px;
	margin-bottom: 10px
}

.dataTables_wrapper .dataTables_paginate>a {
	margin-right: 5px;
	background: rgb(21, 153, 87, .05);
	padding: 3px 8px;
	color: #333;
	text-decoration: none;
	cursor: pointer
}

.dataTables_wrapper .dataTables_paginate>a:hover {
	background: #48a65b;
	color: #fff;
}

.dataTables_wrapper .dataTables_paginate>span>a {
	padding: 3px 8px !important;
	margin-right: 5px;
	background: rgb(21, 153, 87, .05);
	color: #333;
	text-decoration: none;
	cursor: pointer
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 3px 8px !important;
}

.dataTables_wrapper .dataTables_paginate>span>a.paginate_active {
	background: #48a65b;
	color: #fff
}

.dataTables_scroll {
	clear: both
}

.dataTables_scrollBody {
	*margin-top: -1px;
	-webkit-overflow-scrolling: touch
}

.DTFC_Cloned {
	background: #eee;
	border-right: 1px solid #ddd
}

div.DTS tbody th,
div.DTS tbody td {
	white-space: nowrap
}

div.DTS tbody tr.even {
	background-color: white
}

.alert.alert-nomargin {
	margin: 0
}

div.DTS div.DTS_Loading {

	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 20px;
	margin-top: -20px;
	margin-left: -100px;
	z-index: 1;
	border: 1px solid #999;
	padding: 20px 0;
	text-align: center;
	background-color: white;
	background-color: rgba(255, 255, 255, 0.5)
}

div.DTS div.dataTables_scrollHead {
	background-color: white
}

div.DTS div.dataTables_scrollBody {
	z-index: 2
}

.DTFC_LeftHeadWrapper {
	border-right: 1px solid #ddd
}

#updateInterval {
	margin-bottom: 0
}

.elfinder {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: 0
}

.elfinder .elfinder-toolbar {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #fff;
	border-color: #ccc
}

.elfinder .elfinder-toolbar .elfinder-buttonset {
	border: 0
}

.elfinder .elfinder-toolbar .elfinder-buttonset .elfinder-toolbar-button-separator {
	border-color: #eee
}

.elfinder .elfinder-toolbar .elfinder-button {
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #fff
}

.elfinder .elfinder-toolbar .elfinder-button:hover {
	background: #ddd;
	cursor: pointer
}

.elfinder .elfinder-toolbar .elfinder-button:hover.elfinder-button-search {
	background: none
}

.elfinder .elfinder-toolbar .elfinder-button.ui-state-disabled {
	background: #fff;
	cursor: default
}

.elfinder .elfinder-toolbar .elfinder-button.ui-state-disabled .elfinder-button-icon {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
	opacity: 0.2
}

.elfinder .elfinder-button-search input {
	margin-bottom: 0;
	border-color: #ccc
}

.elfinder .elfinder-statusbar {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	background: #eee;
	padding: 10px 12px;
	border-color: #ccc
}

.elfinder .elfinder-navbar {
	background: #eee
}

.elfinder .elfinder-navbar .elfinder-navbar-dir {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 5px 12px 5px 40px
}

.elfinder .elfinder-cwd-filename,
.elfinder .elfinder-cwd-file,
.elfinder .elfinder-cwd-file-wrapper {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.elfinder .elfinder-cwd-file:hover {
	background: #eee
}

.filetree .dynatree-container {
	border: 0
}

.activeFolder,
.additionalInformation {
	font-weight: bold;
	margin-left: 5px
}

.editable-input .datepicker-inline {
	width: 260px
}

.editable-input .datepicker table tr td {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.editable-input .datepicker table tr td:hover {
	background: #bbb
}

.editable-input .datepicker table tr td.active {
	background: #48a65b
}

.editable-input .datepicker table tr td.active:hover {
	background: #1b67af
}

.editable-address {
	display: block;
	margin-bottom: 5px
}

.editable-address span {
	width: 70px;
	display: inline-block
}

#map1,
#map2,
#map3,
#map4 {
	height: 400px
}

#map1 img,
#map2 img,
#map3 img,
#map4 img {
	max-width: none
}

.cluster {
	text-align: center;
	font-weight: bold;
	color: #fff;
	cursor: pointer
}

.cluster.cluster-1 {
	width: 53px;
	height: 52px;
	line-height: 52px
}

.cluster.cluster-2 {
	width: 56px;
	height: 55px;
	line-height: 55px
}

.cluster.cluster-5 {
	width: 66px;
	height: 65px;
	line-height: 65px
}

.invoice-info .invoice-name {
	font-size: 24px;
	margin-bottom: 40px
}

.invoice-info .invoice-from,
.invoice-info .invoice-to {
	float: left;
	margin-bottom: 30px
}

.invoice-info .invoice-from span,
.invoice-info .invoice-to span {
	color: #888;
	display: block
}

.invoice-info .invoice-to {
	margin-left: 50px
}

.invoice-info .invoice-infos {
	float: right;
	margin-right: 20px
}

.table-invoice .price {
	width: 100px
}

.table-invoice .qty {
	width: 50px
}

.table-invoice .total {
	text-align: right;
	width: 150px
}

.table-invoice .taxes p {
	text-align: right
}

.table-invoice .taxes p .light {
	margin-right: 20px;
	color: #888
}

.table-invoice .taxes p .totalprice {
	font-weight: bold
}

.invoice-payment span {
	color: #888;
	display: block
}

.invoice-payment ul {
	list-style-type: none;
	margin: 10px;
	padding: 0
}

.invoice-payment ul li {
	float: left;
	margin-right: 10px
}

.search-results ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	*zoom: 1
}

.search-results ul:after {
	content: "";
	display: table;
	clear: both
}

.search-results ul li {
	*zoom: 1;
	padding: 15px;
	border-top: 1px dotted #bbb
}

.search-results ul li:after {
	content: "";
	display: table;
	clear: both
}

.search-results ul li:first-child {
	border-top: 0
}

.search-results ul li:last-child {
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0
}

.search-results ul li .thumbnail {
	float: left;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}

.search-results ul li .search-info {
	margin-left: 110px
}

.search-results ul li .search-info a {
	font-size: 16px
}

.search-results ul li .search-info .url {
	color: #29b754
}

.search-results ul li:nth-child(even) {
	background: #fff
}

.pagination.pagination-custom {
	height: 28px;
	margin-top: -1px
}

.pagination.pagination-custom li.active a {
	background: #48a65b;
	color: #fff
}

.pagination.pagination-custom li.active a:hover {
	background: #48a65b
}

.pagination.pagination-custom li a {
	background: #eee;
	text-decoration: none;
	color: #333;
	border: 0;
	padding: 5px 12px
}

.pagination.pagination-custom li a:hover {
	background: #ddd
}

.row-fluid.margin-top {
	margin-top: 30px
}

.locked {
	background: #48a65b
}

.locked .wrapper {
	width: 500px;
	height: 500px;
	margin: 200px -250px;
	position: absolute;
	left: 50%
}

.locked .pull-left {
	width: 200px
}

.locked .pull-left a {
	color: #fff;
	display: block;
	background: #1b67af;
	text-align: center;
	padding: 4px 8px;
	text-decoration: none
}

.locked .pull-left a:hover {
	background: #144d82
}

.locked .right {
	float: left;
	margin-left: 15px
}

.locked .right .upper h2 {
	color: #fff;
	font-weight: 300;
	margin: 0
}

.locked .right .upper span {
	display: block;
	color: #fff
}

.locked .right form {
	margin-top: 30px
}

.locked .right form input {
	border: 0;
	margin-bottom: 0
}

.locked .right form input[type=password] {
	width: 260px
}

.locked .right form div {
	margin-top: 5px
}

.login {
	background: #48a65b
}

.login .wrapper {
	width: 400px;
	height: 500px;
	position: relative;
	left: 50%;
	margin-top: auto;
	margin-right: -200px;
	margin-bottom: 200px;
	margin-left: -200px;
}

.login .wrapper h1>a {
	color: #fff;
	display: block;
	font-weight: 300;
	font-size: 48px;
	text-align: center;
	padding: 2px 0;
	text-decoration: none
}

.login .wrapper h1>a img {
	margin-right: 20px;
	margin-top: -8px
}

.login .wrapper .login-body {
	margin-top: 20px;
	background: #fff
}

.login .wrapper .login-body form {
	padding: 0 30px
}

.login .wrapper .login-body h2 {
	font-weight: 300;
	color: #333;
	font-size: 24px;
	padding: 20px 30px 5px 30px
}

.login .wrapper .login-body .email input,
.login .wrapper .login-body .pw input {
	padding: 8px 12px;
	height: 35px
}

.login .wrapper .login-body .submit {
	margin-top: 15px;
	*zoom: 1
}

.login .wrapper .login-body .submit:after {
	content: "";
	display: table;
	clear: both
}

.login .wrapper .login-body .submit input {
	float: right
}

.login .wrapper .login-body .forget {
	margin-top: 50px
}

.login .wrapper .login-body .forget a {
	background: #eee;
	padding: 10px 0;
	text-align: center;
	display: block;
	text-decoration: none;
	color: #555
}

.login .wrapper .login-body .forget a:hover {
	background: #ddd
}

.login .wrapper .login-body .forget a span {
	line-height: 30px;
	margin-bottom: 10px;
	position: relative
}

.minitiles {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none
}

.minitiles li {
	float: left;
	margin-right: 15px
}

.minitiles li a {
	display: block;
	height: 61px;
	width: 61px;
	color: #fff;
	text-decoration: none;
	position: relative;
	text-align: center
}

.minitiles li a i {
	font-size: 36px;
	line-height: 61px
}

.minitiles li a:hover:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 55px;
	height: 55px;
	background: none;
	pointer-events: none;
	border: 3px solid rgba(0, 0, 0, 0.5);
	z-index: 99
}

body.error {
	background: #48a65b
}

body.error .wrapper {
	width: 300px;
	height: 230px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -165px -150px
}

body.error .wrapper .code {
	color: #fff;
	font-size: 90px;
	text-align: center
}

body.error .wrapper .code span {
	margin-right: 15px
}

body.error .wrapper .desc {
	color: #fff;
	font-size: 14px;
	margin: 20px 0
}

body.error .wrapper .input-append {
	width: 300px;
	background: #fff;
	padding: 2px
}

body.error .wrapper .input-append input {
	border: 0;
	width: 260px;
	background: #fff
}

body.error .wrapper .input-append .btn {
	border: 0;
	background: #48a65b;
	color: #fff
}

body.error .wrapper .input-append .btn:hover {
	background: #1b67af
}

label.error {
	color: red;
	font-weight: 600;
	padding-botom: 5px;
	text-align: left;
}

input+label.error,
textarea+label.error {
	margin-top: -10px;
	display: block;
}

td .error {
	padding: 0
}

/*---- custom Css Add -- Select Moth And Year Css ------------- */
spam.select_year {
	float: right;
}

.image-wrap {
	height: 175px;
	width: 175px;
	position: relative;
	margin: 12px;
	float: left;
}

.image-item {
	border-radius: 50%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
	cursor: default;
	height: 100%;
	position: relative;
	width: 100%;
	display: block
}

.image-info {
	border-radius: 50%;
	box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.05) inset;
	height: 100%;
	overflow: hidden;
	position: absolute;
	width: 100%;
	display: block
}

.image-info span {
	position: absolute;
	bottom: 30px;
	text-align: center;
	width: 100%;
	left: 0;
	color: #fff;
	padding: 5px 0;
	background: rgba(0, 0, 0, 0.8);
}

.image-info img {
	max-width: 100% !important;
	height: 100%
}

a:hover {
	text-decoration: none !important;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	height: auto;
	padding: 7px 8px;
	margin-right: 0px;
}

.select_year form {
	margin-bottom: 0
}

.select_year form input {
	margin-bottom: 0;
}

.select_year form select {
	margin-bottom: 0
}

.select_year input[type="submit"] {
	/*background: rgb(21, 153, 87,.05);*/
	border: 0 none;
	/*color: #2a2c32;*/
	margin-right: 0px;
	padding: 4px 17px;
	vertical-align: top;
	border-radius: 3px !important;
	font-weight: 400;
	font-size: 16px;
	border: 1px solid;
}

/*===10/11/2014 login page css==*/
.login table table {
	padding: 20px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	background-color: var(--gray-light-50);
	/*width: 200px;*/
	border: 1px solid var(--light-border);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 8px !important;
	color: #202020;
	display: inline-block;
	font-size: 14px;
	height: 38px;
	line-height: 20px;
	margin-bottom: 15px;
	padding: 4px 6px;
}

.login {
	font-size: 15px;
	left: 50%;
	margin-left: -240px;
	margin-top: -8.5%;
	position: absolute;
	top: 45%;
	width: 400px;
}

.loginform {
	border: medium none;
	box-shadow: none;
	display: inline-block;
	margin-left: 0;
	margin-top: 0;
	padding: 40px;
	width: 100%;
}

.loginform {
	background: none repeat scroll 0 0 #48a65b;
}

.loginform label {
	display: none
}

.loginform input[type="text"],
.loginform input[type="password"] {
	border: 1px solid #ccc;
	padding: 10px 0px;
	background: #fff;
	width: 100%;
	height: auto;
	border-radius: 0
}

.loginform input[type="text"]:focus,
.loginform input[type="password"]:focus {
	border-color: #48a65b;
	background: #f6f6f6;
}

.loginform input[type="submit"] {
	background-color: #48a65b;
	color: #fff;
	font-size: 13px;
	border: 0;
	padding: 12px 20px;
	float: right;
	cursor: pointer
}

.loginform span {
	display: inline-block;
	padding-top: 6px;
	padding-right: 8px;
}

/*===10/11/2014 login page css end====*/
.container-fluid a img {
	max-width: none;
}

#loading {
	left: 100px;
	margin-top: 200px;
	position: absolute;
	top: 100px;
	width: 100%;
}

#container .pagination ul li {
	background-color: #f2f2f2;
	border: 1px solid rgb(72, 166, 91);
	color: rgb(72, 166, 91);
	float: left;
	font-size: 14px;
	font-weight: bold;
	list-style: none outside none;
	margin: 0 3px;
	padding: 2px 6px;
}

#container .pagination ul li:hover {
	background-color: rgb(72, 166, 91);
	color: #fff;
	cursor: pointer;
}

.total {
	color: #999;
	float: right;
}

.go_button {
	background-color: #f2f2f2;
	border: 1px solid rgb(72, 166, 91);
	color: #cc0000;
	cursor: pointer;
	margin-top: -1px;
	padding: 2px 6px;
	position: absolute;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
}

.select_year input[type="button"] {
	background: none repeat scroll 0 0 #2a2c32;
	border: 0 none;
	color: #fff;
	margin-right: 12px;
	padding: 10px 17px;
	vertical-align: top;
	line-height: 1.2;
}

/*======18/11/2014==*/
.black_overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 1001;
	-moz-opacity: .8;
	opacity: .8;
	filter: alpha(opacity=80)
}

.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 35%;
	width: 23%;
	padding: 16px;
	z-index: 1002;
	overflow: auto
}

/*=======10-02-2015 print css for icard========*/
#print_content>#close_btn {
	float: right;
	position: absolute;
	right: 8px;
}

#print_content a.print-card {
	border: 1px solid #ccc;
	height: 320px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	width: 280px;
	margin: auto;
	display: block
}

#print_content a.print-card h2 {
	font-size: 22px;
	line-height: normal;
	margin: 0;
	margin-top: 10px
}

#print_content a.print-card h3 {
	margin: 0;
	line-height: normal
}

#print_content a.print-card center {
	border-radius: 0px 20px 0px 20px;
	-webkit-border-radius: 0px 20px 0px 20px;
	-ms-border-radius: 0px 20px 0px 20px;
	-o-border-radius: 0px 20px 0px 20px;
	border: 3px solid #f43;
	width: 150px;
	height: 150px;
	margin: auto;
	overflow: hidden
}

#print_content .print-logo {
	text-align: center;
	padding: 10px 0
}

/*========28-07-2015 css =======*/
@media (min-width: 767px) {
	.form-horizontal .span6 {
		width: 50%
	}
}

.info-box-text {
	font-size: 17px;
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 8px
}

.tiles>li.long>a,
.tiles>li>a {
	width: 157px;
	height: 157px
}

.tiles>li:hover:before,
.tiles>li.long:hover:before {
	width: 148px;
	height: 148px;
}

.form-horizontal.form-bordered .control-group .controls {
	border-left: 0
}

.member {
	background: #ededed none repeat scroll 0 0;
}

.form-wrap {
	max-width: 680px;
	margin: auto
}

.form-horizontal .control-group input[type="text"],
.form-horizontal .control-group input[type="email"],
.form-horizontal .control-group input[type="password"],
.form-horizontal .control-group textarea,
.form-horizontal .control-group select {
	background: #fff none repeat scroll 0 0;
	/*border: 1px solid #dadada;*/
	border-radius: 4px;
	box-sizing: border-box;
	color: #adadad;
	font-size: 16px;
	padding: 7px 15px;
	width: 100%;
	border: 1px solid #DBDBDB
}

.form-horizontal .control-group select {
	padding: 0 15px
}

.form-horizontal .control-group input[type="text"]:active,
.form-horizontal .control-group textarea:active,
.form-horizontal .control-group input[type="email"]:active,
.form-horizontal .control-group input[type="password"]:active,
.form-horizontal .control-group select:active,
.form-horizontal .control-group input[type="text"]:focus,
.form-horizontal .control-group textarea:focus,
.form-horizontal .control-group input[type="email"]:focus,
.form-horizontal .control-group input[type="password"]:focus,
.form-horizontal .control-group select:focus {
	border-color: #009ddc;
	color: #666;
}

.form-horizontal.member .control-label {
	float: none;
	width: 100%;
	text-align: left;
	font-size: 15px;
	font-weight: 600
}

.form-horizontal .control-label {
	float: none;
	width: 100%;
	text-align: left;
	font-size: 14px;
	margin-bottom: 5px;
}

.form-horizontal .control-label.text17 {
	font-size: 17px;
	font-weight: 600
}

.text13 {
	font-size: 13px;
}

label {
	color: #000000
}

.form-horizontal.form-bordered .control-group .controls.spaceright {
	padding-right: 28px;
}

.change-password1 h3 {
	background: #2a2c3224;
	padding: 10px;
	margin-bottom: 20px !important;
	font-size: 21px;
	text-transform: capitalize;
}

#spryselect2,
#spryselect1,
.customselect {
	position: relative;
	display: block;
	background: #fff;
	clear: both;
	height: 51px;
	border: 1px solid #dadada;
	margin-bottom: 12px;
}

#spryselect2 select,
#spryselect1 select,
.customselect select {
	height: 51px;
	position: relative;
	background: transparent;
	border: 0;
	font-size: 14px;
	color: #5c5c5c;
	letter-spacing: 0.1em;
	cursor: pointer;
	width: 100%
}

#spryselect2:after,
#spryselect1:after,
.customselect:after {
	content: "▼";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 1px;
	font-size: 90%;
	line-height: 49px;
	padding: 0 7px;
	background: #aaa;
	color: #fff;
	pointer-events: none;
	border-radius: 0 0 0 0;
	width: 30px;
	height: 51px;
	text-align: center
}

.form-horizontal {
	max-width: 680px;
	/*margin:auto*/
	padding-bottom: 15px
}

.box-content {
	background: #fff
}

.form-horizontal .control-label {
	width: auto
}

.form-horizontal .form-actions {
	padding-left: 10px;
	width: auto;
	text-align: right;
	font-size: 15px;
	font-weight: 600
}

.btn-column button {
	vertical-align: top;
	color: #fff
}

.go_button {
	margin-top: 5px
}

.pagination {
	padding: 10px 20px;
	margin: 0;
}

table.dataTable-tools {
	background: #fff
}

.pdtb {
	padding-top: 20px !important;
	padding-bottom: 20px !important
}


.navbar-toggle {
	display: none
}

.textfieldRequiredMsg {
	position: absolute;
}

.actions,
.nowrap,
.cost_price {
	white-space: nowrap
}

.actions a,
.actions form {
	display: inline-block;
	vertical-align: top
}

.actions a,
.actions .btn,
.print {
	padding-left: 10px;
	padding-right: 10px;
	/*line-height:1;*/
	min-width: 40px;
	font-size: 13px;
}

.actions a i,
.actions .btn i,
.print i {
	font-size: 15px;
	margin-right: 2px
}

.box-title .btn.btn-warning {
	margin-bottom: 0
}

.todo-list>li .AddQuantitiy.tools {
	float: right !important
}

.custom-select-arrow select {
	padding-right: 20px !important;
}

.modal .dufault-popup .AddQuantitiy input.qty_input {
	padding: 10px 5px !important;
	text-align: center;
	height: 34px;
}

/*=====================================
		
========================================*/

.form-control.textbox {
	height: 41px;
	color: #444;
	max-width: 360px;
	width: 100%;
	height: 51px;
}

.right-box {
	width: 50%;
	float: right;
	border: 2px solid;
	height: 445px;
	text-align: center;
}

.callout.callout-danger h4 {
	font-size: 28px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 2px 69px;
}

.page-header {
	font-size: 29px;
	text-transform: capitalize;
	font-weight: bold;
}

.btn.btn-block.btn-primary {
	display: inline-block;
	margin: 4px 0 0;
	padding: 7px 12px;
}

td a.dropdown-toggle {
	white-space: nowrap;
}

.collout-contant {
	padding: 50px;
	border: 2px solid;
	width: 44%;
	margin: 10em auto;
	background: #005543;
	border-radius: 7px
}

.system-ul {
	border: 0 solid;
	text-align: center;
	height: 150px
}

.system {
	border: 0 solid#fff;
	text-align: center;
	height: 150px
}

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

.fa.fa-circle {
	font-size: 14px;
	padding: 0 11px 0 4px
}

.system.ul li {
	padding: 7px 0;
	font-size: 16px;
	list-style: none;
	text-transform: capitalize;
}

.alert.alert-info a {
	color: #fff;
	font-size: 15px;
}

.lock-image {
	width: 5%;
	float: left;
	margin: -5px 0;
}

.lock-images {
	width: 42%;
}

.login-page,
.register-page {
	background-size: cover !important;
	background: #76c25e none repeat scroll 0 0 !important
}

.expried {
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 700;
	color: #fff;
	line-height: 36px;
	margin: 0 0 23px
}

.buy-now {
	border: 2px solid #fff;
	padding: 10px 24px;
	margin: 0;
	font-size: 24px;
	text-transform: uppercase;
	/*color:#000!important;*/
	border-radius: 6px;
	/*background:#fff*/
}

.buy-now:hover {
	text-decoration: none;
	background: #f47143;
	/*border:1px solid #f47143;*/
	color: #fff !important;
	/*line-height:36px*/
}

.editions .col-sm-6 {
	border: 20px solid #fff;
	display: table-cell;
	float: none;
	background-color: #d9d9d6;
	padding: 0;
	text-align: center
}

.column--professional {
	text-align: center
}

.tag {
	background-color: #7ccbea;
	color: #fff;
	font-size: 1.7em;
	padding: .5em 0;
	text-transform: uppercase;
	font-weight: 700
}

.column--enterprise {
	text-align: center
}

.editions .column--professional.tag {
	background-color: #7ccbea;
	text-align: center;
}

.tag {
	color: #ffffff;
	font-size: 1.70em;
	padding: 0.5em 0;
	text-transform: uppercase;
	font-weight: bold;
}

.editions .column--professional.price {
	color: #ffffff;
	min-height: 161px;
	padding: 0em 0 17px;
	margin: 0px 0px 30px 0;
}

.editions .column--enterprise .tag {
	background-color: #7cb82f;
}

.editions .price {
	background-color: #707372;
	color: #ffffff;
	min-height: 161px;
	padding: 0em 0 17px;
	margin: 0px 0px 30px 0;
}

.editions .column--enterprise .price {
	background-color: #3d5265;
}

.cost a,
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button:visited,
button:visited,
input[type="submit"]:visited,
input[type="reset"]:visited,
input[type="button"]:visited {
	background-color: #2a2c32;
	border: 1px solid #2a2c32;
	border-radius: 8px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	/*font-size: 1em;*/
	line-height: 1.75em;
	padding: 8px 20px;
	text-align: center;
	text-decoration: none;
	text-shadow: none;

	transition: all 0.25s ease 0s;
	white-space: nowrap;
	font-weight: bold;
}

.editions .features ul {
	margin: 0;
	padding: 1em 2em;
}

.editions .features ul li {
	border-bottom: 1px solid #3d5265;
	list-style-type: none;
	padding: 0.5em;
	text-align: center;
	background: none;
}

.editions .features ul li:last-child {
	border-bottom-style: none;
}

.row-fluid:after,
.row-fluid:before {
	display: table;
	content: '';
	clear: both
}

.row-fluid {
	clear: both
}

.form-horizontal,
.form-horizontal.form-bordered .control-group {
	background: transparent;
}

.trashform {
	display: inline-block;
	vertical-align: top
}

.tree_anchor {
	background: #f39c12 none repeat scroll 0 0;
	color: #fff;
}

.tree_anchor>span {
	font-size: 16px;
	font-weight: bold;
}

.treeview-menu span {
	font-size: 16px;
	text-transform: capitalize;
}

.todo-list>li .label {
	font-size: 12px;
}

.tree_anchor:hover,
.tree_anchor:focus {
	color: #fff
}

.sidebar-menu li.active>.treeview-menu {
	display: block;
	margin-left: 0;
	padding-left: 0;
	background-color: #ffffff
}

.treeview.active .fa-angle-left::before {
	content: "\f107";
}

.sidebar-menu li {
	position: relative
}

.sidebar-menu li .pull-right-container {
	float: right;
	position: absolute;
	right: 14px;
	top: 10px;
}

.sidebar-menu .treeview-menu>li:nth-child(even) {
	background-color: #ffffff;
}

.sidebar-menu .treeview-menu>li:nth-child(odd) {
	background-color: #efefef;
}

.sidebar-menu .treeview-menu>li .label {
	padding: 8px 10px;
}

.treeview-menu>li {
	padding: 15px;
}

.table-responsive>ul.subtotal {
	list-style: outside none none;
	margin-left: 8px;
	padding: 0;
}

.table-responsive>ul.subtotal>li {
	font-size: 15px;
	font-weight: bold;
}

.table-responsive>ul.subtotal .price {
	float: right;
	margin-right: 34px;
}

.odd>td,
.even>td {
	text-transform: none;
}

.tab-content>.tab-pane {
	padding: 10px 0;
	width: 100%;
	clear: both;
}

.tab-content>.tab-pane .section-title {
	margin-top: 0
}

.tab-content>.tab-pane .form-horizontal .btn.btn-danger {
	margin-left: 107px
}

#exTab1 .nav-pills>li>a {
	font-weight: 600;
}

/***************04-Mar-2017**************/
.table_box th {
	background: #f6f8fa none repeat scroll 0 0 !important;
	border: 1px solid #d8e2e7 !important;
	font-size: 17px;
	padding: 11px 10px 10px !important;
	text-align: center;
	text-transform: capitalize;
}

.table_box td {
	border-color: #e0e0e0 !important;
}

/*new css add on 22-03-2017*/
table.dataTable thead th,
table.dataTable thead td {
	border-bottom: 1px solid #ccc !important;
}

table.dataTable.no-footer {
	border-bottom: 1px solid #ccc !important;
}

.table.dataTable th:first-child {
	text-align: left;
	/*padding-left:25px;*/
}

.table.dataTable .sorting {
	background: transparent url(../images/sorting.svg) right center no-repeat !important;
	background-size: 14px !important;
	text-align: left;
	font-weight: normal
}

.table.dataTable .sorting_asc {
	background: transparent url(../images/sorting.svg) right center no-repeat !important;
	background-size: 14px !important;
	text-align: left;
	font-weight: normal
}

table.dataTable .sorting_desc {
	background: transparent url(../images/sorting_desc.svg) right center no-repeat !important;
	background-size: 14px !important;
	text-align: left;
}

.dataTables_wrapper .table.dataTable th,
table.dataTable thead th,
table thead th {
	background-color: #F2F2F2 !important;
}

.ui-widget {
	font-size: 1.1em;
}

.ui-widget.ui-widget-content {
	border: 1px solid rgb(221, 226, 230)
}

.ui-widget-header {
	background: #ffffff !important;
	border-radius: 2px 2px 0 0 !important;
	-webkit-border-radius: 2px 2px 0 0 !important;
	padding: 0;
	border: 0 !important;
	border-bottom: 0px solid rgb(221, 226, 230) !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: transparent !important;
}

.dashboardtable.table.dataTable .sorting {
	text-align: left;
	font-size: 16px;
}

.dashboardtable.table.dataTable th:first-child {
	text-align: left
}

.table.dataTable td {
	font-size: 14px;
	/*height:50px;*/
	vertical-align: middle;
	position: relative;
	/*width:1%;*/
	font-weight: 400;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
	border-left: 0
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
	border: 1px solid #d7dce8;
}

table.dataTable.myTable thead th,
table.dataTable.myTable thead td {
	padding-left: 10px
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
	vertical-align: top !important;
}

.dataTables_wrapper table.dataTable,
.dataTables_wrapper table.dataTable th,
.dataTables_wrapper table.dataTable td {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/*table.dataTable tbody tr:hover {
    background: transparent;
}*/

.nav-tabs-custom>.nav-tabs>li>a:hover,
.nav-tabs-custom>.nav-tabs>li.ui-state-active a,
.nav-tabs-custom>.nav-tabs>li.ui-state-active a:hover,
.nav-tabs-custom>.nav-tabs>li.active>a {
	background: #fff none repeat scroll 0 0;
	border-color: #dddddd;
	border-bottom: 0px solid #2a2c32;
	color: #6a788d;
}

.nav-tabs-custom>.nav-tabs>li.active {
	border-top: 0
}

#tabs.ui-widget-content {
	border: 1px solid var(--light-border);
}

.tab-content .ui-widget-content {
	border: 0
}

select {
	background-image:
		/*#F5F5F5*/
		url(../images/down-arrow.png) !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 1px solid var(--light-border);
	padding: 0px 25px 0px 5px;
	color: #444;
	margin: 0;
	outline: 0;
	padding-right: 22px !important;
	border-radius: 7px !important;
}

select.form-control {
	padding-left: 8px
}

.bordered-select {
	border: 1px solid #c7d1d6;
	padding: 5px 25px 5px 5px;
}

.staff-list .controls select {
	border: 1px solid #c7d1d6;
	padding: 7px 6px;
}

#navigation {
	background: #080f11 none repeat scroll 0 0;
	bottom: 0;
	top: -60px;
	width: 190px;
	z-index: 7;
	float: left
}

#navigation img {
	display: block;
	margin: 0 auto 5px;
}

#navigation .main-nav {
	white-space: nowrap;
	display: block;
	margin-top: 0px;
}

#navigation .container-fluid {
	padding-left: 0;
	padding-right: 0
}

#navigation .main-nav>li {
	display: block;
	float: none;
	margin: 0;
	position: relative;
	margin-bottom: 5px
}

#navigation .main-nav>li:first-child>a {
	padding: 9px 15px;
}

#navigation .main-nav>li>a {
	padding: 11px 5px 11px 5px;
	color: rgba(255, 255, 255, 1);
	font-size: 12px;
	font-weight: 400;
	text-transform: capitalize;
	border-left: 3px solid transparent;
	border-top: 0 solid #2b2b2b;
	position: relative;
	border-bottom: 0px solid 1px solid #3d4556;
}

#navigation .main-nav>li>a:hover,
#navigation .main-nav>li:hover>a {
	border-left-color: #1B151E;
	color: #ffffff;
	background: #5c62ff
		/*#363d4c*/
	;
}

#navigation .main-nav>li>a.active {
	background: #5c62ff;
}

#navigation .main-nav>li>a .caret {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -2px;
}

#navigation .dropdown-menu {
	position: static;
	float: none;
	background: #363d4c;
	border: 0;
	margin: 0
}

#navigation .dropdown-menu::before,
#navigation .dropdown-menu::after {
	display: none
}

#navigation .dropdown-menu>li>a {
	color: #f9fafa;
	font-weight: 500;
	text-transform: uppercase;
	white-space: normal;
	padding: 3px 20px
}

@media (max-width: 1100px) {
	.table-responsive {
		overflow-x: auto
	}
}

/*calendar css*/
.ui-datepicker {
	/*font-size: 90%;*/
}

.ui-datepicker.ui-widget {
	border: none;
	border-radius: 16px;
	z-index: 9999999 !important;
	padding: 10px;
	border: 1px solid var(--light-border);
	padding-top: 5px;
}

.ui-datepicker select {
	color: #161716;
	background: var(--gray-light-50) url(../images/down-arrow.png) 94% center no-repeat !important;
	background-size: 14px !important;
	margin: 0 5px;
}

.ui-datepicker select option {
	background: #fff;
	color: #000;
}

.ll-skin-melon .ui-datepicker {
	padding: 0;
}

.ui-datepicker .ui-datepicker-header {
	border: none;
	/*background: transparent !important;*/
	font-weight: normal;
	font-size: 15px;
	padding: 2px 4px;
	background: transparent !important;
}

.ui-datepicker-calendar th {
	text-align: center
}

.ui-datepicker.ui-datepicker-header .ui-state-hover {
	background: transparent;
	border-color: transparent;
	cursor: pointer;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.ui-datepicker .ui-datepicker-title {
	margin-top: .4em;
	margin-bottom: .3em;
	color: #161716;
	text-align: center;
	line-height: 1.8em;
	font-size: 15px;
	font-weight: 700;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	height: 1.95em;
	position: absolute;
	top: 2px;
	width: 1.8em;
}

.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
	opacity: 0.9;
}

.ui-datepicker .ui-icon {
	display: block;
	text-indent: -25000em;
	overflow: hidden;
}

.ui-datepicker .ui-datepicker-next {
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
	top: .6em;
	border: none;
	background: var(--gray-light-50);
	border: 1px solid var(--light-border);
	border-radius: 7px
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	left: 50%;
	margin-left: -8px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
	background-image: url(../images/ui-icons_777777_256x240.png);
	background-position: -32px 0;
	margin-top: 0;
	top: 5px;
	font-weight: normal;
}

.ui-datepicker .ui-datepicker-prev span {
	background-position: -96px 0;
}

.ui-datepicker table {
	margin: 0;
}

.ui-datepicker th {
	color: rgba(22, 23, 22, 0.44);
	font-size: 13px;
	font-weight: normal;
	border: none;
	border-top: 0px solid #3a414d;
	height: auto;
	background: transparent !important;
	border: 0 !important;
}

.ui-datepicker .ui-widget-header .ui-state-disabled {
	background-image: none;
	opacity: 0 !important
}

.ui-datepicker .ui-state-disabled {
	opacity: 1 !important;
}

.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-hover {
	background: #2e3641 !important;
}

input#datepicker {
	padding: 7px 6px;
}

.input-group a.plus_model {
	position: absolute;
	right: 30px;
	top: 0;
	z-index: 9999;
	padding: 9px 10px;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	color: #000
}

.input-group a.minus_model {
	position: absolute;
	right: 0;
	color: #000;
	z-index: 999;
	padding: 7px 10px;
	top: 0
}

/*jQuery UI Autocomplete 1.8.7 */
.ui-autocomplete {
	position: absolute;
	cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
	width: 1px;
}

/* without this, the menu expands to 100% in IE6 */
/*jQuery UI Menu 1.8.7*/
.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	float: left;
	z-index: 111;
}

.ui-menu .ui-menu {
	margin-top: -3px;
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: .2em .4em;
	line-height: 1.5;
	zoom: 1;
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui.right.attached.button.inc {
	background-color: #fff;
	border-color: var(--gray-light);
	border-radius: 0 9px 9px 0;
	font-size: 16px;
	min-width: 31px;
	padding: 0;
	height: 34px;
	vertical-align: top;
	color: #334155;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
}

.ui.left.attached.button.dec {
	background-color: #fff;
	border-radius: 9px 0 0 9px;
	border-color: var(--gray-light);
	font-size: 16px;
	min-width: 31px;
	padding: 0;
	height: 34px;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	vertical-align: top;
	color: #334155
}

.qty_input {
	margin: 0 !important;
	width: 35px !important;
}

.service_group .fa.fa-trash {
	color: #2a2c32;
}

.chosen-container-single .chosen-single {
	background: rgba(0, 0, 0, 0) linear-gradient(#fff 20%, #fff 50%, #fff 52%, #fff 100%) repeat scroll 0 0 padding-box;
	border: 1px solid #aaa;
	color: #444;
	display: block;
	height: 32px;
	line-height: 24px;
	overflow: hidden;
	padding: 3px 0 0 8px;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
}

.uib-dropdown-menu {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #0a95a1;
	color: #0a95a1;
	list-style: outside none none;
	padding: 0 55px;
}

.uib-dropdown-menu a {
	border: medium none;
	color: #343434;
	display: block;
	font-size: 15px;
	font-weight: 400;
	line-height: normal;
	padding: 3px;
	position: static;
}

.input-group .form-control[readonly]:not(td .form-control) {
	background-color: var(--gray-light-50);
	/* pointer-events: none; */
}

.input-group td .form-control {
	background-color: var(--gray-light-50) !important;
}

.scrolly {
	height: 600px;
	overflow-y: auto
}

.actions.nowrap {
	white-space: normal;
}

.actions.nowrap .btn {
	margin-bottom: 5px
}

.sub_section {
	width: 100%;
}

.sub_section td {
	border-right: 4px solid #fff;
	height: 85px;
	text-align: center;
	width: 100px;
}

.sub_section td>a {
	color: #fff;
	display: block;
	font-size: 18px;
	padding: 28px;
}

ul.wysihtml5-toolbar {
	display: block;
	margin: 0;
	padding: 0;
}

ul.wysihtml5-toolbar::after {
	clear: both;
	content: "";
	display: table;
}

ul.wysihtml5-toolbar>li {
	display: list-item;
	float: left;
	list-style: outside none none;
	margin: 0 5px 10px 0;
}

ul.wysihtml5-toolbar a[data-wysihtml5-command="bold"] {
	font-weight: 700;
}

ul.wysihtml5-toolbar a[data-wysihtml5-command="italic"] {
	font-style: italic;
}

ul.wysihtml5-toolbar a[data-wysihtml5-command="underline"] {
	text-decoration: underline;
}

ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
	background-color: #d9d9d9;
	background-image: none;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	outline: 0 none;
}

ul.wysihtml5-commands-disabled .dropdown-menu {
	display: none !important;
}

ul.wysihtml5-toolbar div.wysihtml5-colors {
	display: block;
	height: 20px;
	margin-left: 5px;
	margin-top: 2px;
	pointer-events: none;
	position: absolute;
	width: 50px;
}

ul.wysihtml5-toolbar a.wysihtml5-colors-title {
	padding-left: 70px;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="black"] {
	background: #000 none repeat scroll 0 0 !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] {
	background: silver none repeat scroll 0 0 !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] {
	background: gray none repeat scroll 0 0 !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] {
	background: maroon none repeat scroll 0 0 !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="red"] {
	background: red none repeat scroll 0 0 !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] {
	background: purple none repeat scroll 0 0 !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="green"] {
	background: green none repeat scroll 0 0 !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] {
	background: olive none repeat scroll 0 0 !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] {
	background: navy none repeat scroll 0 0 !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] {
	background: #00f none repeat scroll 0 0 !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] {
	background: orange none repeat scroll 0 0 !important;
}

.glyphicon-quote::before {
	content: "“";
	font-size: 50px;
	left: -3px;
	max-height: 100%;
	position: absolute;
	top: -4px;
}

.glyphicon-quote::after {
	content: " ";
}

@font-face {
	font-family: "Glyphicons Halflings";
	src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

.glyphicon {
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	position: relative;
	top: 1px;
}

.glyphicon-cog::before {
	content: "";
}

.box-white {
	background: white none repeat scroll 0 0;
	border: 1px solid #ccc;
	border-radius: 6px;
	margin-bottom: 15px;
	padding: 10px;
}

.pricing-section tr th {
	background-color: #eee;
	padding: 15px;
	text-align: center;
}

.pricing-section tr td {
	border: 1px solid #eee;
	padding: 15px;
	text-align: center;
}

.notifu .noty_title {
	font-weight: bold;
	font-size: 16px;
}

.btn.btn-app {
	width: 8% !important;
}

.notifu-green {
	height: auto
}

.box.box-default {
	padding-bottom: 10px;
}

/*calender page css*/
.right-content {
	text-align: right;
}

.right-content select#staff {
	width: 100%;
}

/*Quick Sale*/
.chosen-container.chosen-container-single {
	width: 100% !important
}

.chosen-container.chosen-container-single .chosen-single {
	background: #fff url(../images/down-arrow.png) right center no-repeat !important;
	height: 38px;
	line-height: 32px;
	box-shadow: none;
	width: 100%;
}

/*New css*/
.user-detail .dropdown-menu>li>a {
	display: block
}

#main_logo {
	max-width: 220px
}

.user-detail span.caret {
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-top: 6px dashed;
}

.change_ {
	margin-top: 0px
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	border: 1px solid #2a2c32 !important
}

.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: #2a2c32 !important;
	border-color: #2a2c32 !important;
	color: #ffffff !important;
	line-height: 1.42857143;
}

.equal {
	min-height: 366px;
	border-radius: 16px;
	margin: 0 auto 20px;
}

.checkbox-custom,
.custom_radio {
	display: inline-block;
	padding: 5px 7px;
}

.checkbox-custom input,
.custom_radio input[type="radio"] {
	opacity: 0;
	position: absolute
}

.checkbox-custom input[type="checkbox"]+label,
.custom_radio input[type="radio"]+label {
	position: relative;
	padding-left: 30px
}

.checkbox-custom input[type="checkbox"]+label:before,
.custom_radio input[type="radio"]+label:before {
	position: absolute;
	top: 1px;
	left: 7px;
	height: 18px;
	width: 18px;
	background-color: #fff;
	content: '';
	border: 1px solid #aaa;
	border-radius: 4px;
}

.checkbox-custom input[type="checkbox"]:checked+label:before,
.custom_radio input[type="radio"]:checked+label:before {
	/*background-color: #000 #2196F3;*/
	border-color: #000;
	background: url(../images/check_mark.svg) no-repeat center center;
	background-size: 18px;
}


.custom_radio input[type="radio"]+label:before {
	height: 20px;
	width: 20px;
	background-color: transparent;
	border: 1px solid #2a2c32;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.custom_radio input[type="radio"]:checked+label:before {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: transparent
}

.custom_radio input[type="radio"]:checked+label:after {
	left: 12px;
	top: 6px;
	width: 10px;
	height: 10px;
	content: '';
	position: absolute;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color: #2a2c32;
}

textarea.form-control {
	resize: none;
}

.nav-pills>li.info-appointment {
	float: right
}

.box_white {
	background: white none repeat scroll 0 0;
	margin-bottom: 15px;
	margin-top: 0;
	padding-bottom: 12px
}

.callout.callout-danger {
	z-index: 6;
}

#DataTables_Table_3_filter input {
	margin-right: 0;
}

.select_year .btn.btn-danger {
	line-height: 1.6
}

.main-nav3 .dropdown-menu {
	border: 1px solid #ddd !important
}

.bestStaff {
	font-size: 24px
}

.callout {
	padding: 8px;
	position: relative;
	z-index: 2;
}

.form-elements input.form-control,
.form-elements select.form-control,
.form-elements .input-xlarge,
.form-horizontal.form-elements input.form-control,
.form-horizontal.form-elements select.form-control,
.form-horizontal.form-elements .input-xlarge {
	height: 44px;
	margin-top: 8px;
	padding-left: 15px;
	padding-right: 15px;
	border: 1px solid #DBDBDB;
	border-radius: 0;
	/* background: #fff; */
	width: 100%;
	padding: 0 12px;
	margin-bottom: 9px;
}

.btnleft {
	margin-right: 10px
}

textarea {
	resize: none
}

.space20 {
	padding: 20px
}

form div.form-actions {
	padding-top: 15px;
}

input[type="file"] {
	height: auto;
	width: auto
}

td .btn.btn-warning {
	margin: 0;
	margin-bottom: 5px;
	color: #ffffff;
	border-radius: 50pc;
	height: 38px;
	line-height: 24px;
	padding: 8px;
}

.sub_section+div .span12 .box {
	margin-top: 0
}

.sub_section {
	width: auto;
	background: #ffffff
}

.sub_section tr>td {
	border-right: 0px solid #fff;
	height: auto;
	text-align: center;
	background: transparent !important;
	padding: 0px 18px;
	width: auto
}

.sub_section tr>td:hover {
	background: transparent !important
}

.sub_section td>a {
	color: rgb(66, 77, 87);
	display: block;
	font-size: 14px;
	padding: 14px 0px;
	border-bottom: 1px solid transparent;
}

.sub_section td>a:hover {
	border-color: #2a2c32;
}

.bg-primary {
	color: #fff;
	background-color: #594f8d
}

a.bg-primary:focus,
a.bg-primary:hover,
.bg-primary:hover {
	background-color: #484073
}

.box .nav-stacked {
	background: #ffffff
}

.box .nav-stacked>li {
	padding: 8px 6px;
	border-bottom: 1px solid #cacaca;
}

.box .nav-stacked>li h4 {
	margin-top: 10px
}

.with-delete {
	padding-right: 24px;
}

.with-delete .remove {
	position: absolute;
	right: 0;
	bottom: 15px
}

/*Calendar page css for calendar only*/
.calendartable thead tr th,
.calendartable tbody tr td {
	width: 1%
}

.calendartable thead tr th:first-child,
.calendartable tbody tr td:first-child {
	width: 0.01%;
	white-space: nowrap
}

.calendartable tbody tr td:first-child {
	border: 0;
	font-size: 11px;
}

.calendartable .callout {
	margin-bottom: 0;
	border: 0;
	padding: 2px 6px;
	display: inline-block
}

.calendartable .callout p {
	margin-bottom: 0;
	font-size: 12px;
}

.calendartable .callout.callout-warning {
	background: rgb(121, 134, 203) !important
}

.getbookingdetail+.getbookingdetail {
	display: inline-block;
	margin-top: 5px
}

.calendartable .callout.callout-danger {
	background: #dd4b39 !important
}

.calendartable.table_box th {
	background: #fafafa none repeat scroll 0 0 !important;
	font-weight: normal
}

.getdetail .modal-dialog {
	max-width: 448px;
	-moz-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
	box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}

.billContent span {
	margin-left: 10px;
	color: #767676;
}

.billContent .fa {
	width: 30px
}

.fc-header-toolbar button,
.fc-toolbar .fc-center button,
.fc-toolbar .fc-center h2 {
	color: #666B6F;
	border: 1px solid var(--light-border)
}

.fc-header-toolbar {
	background: #ffff;
}

.fc-header-toolbar button {
	text-transform: capitalize
}

.fc-header-toolbar button.fc-agendaDay-button:before,
.fc-header-toolbar button.fc-timelineDay-button:before {
	/*content: "\f073";*/
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 10px;
	font-size: 17px;
	vertical-align: middle
}

.fc-header-toolbar button.fc-agendaWeek-button:before {
	/*content: "\f274";*/
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 10px;
	font-size: 17px;
	vertical-align: middle
}

.fc-header-toolbar button.fc-month-button:before {
	/*content: "\f271";*/
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 10px;
	font-size: 17px;
	vertical-align: middle
}

.fc-header-toolbar button.fc-listWeek-button:before {
	/*content: "\f0c9";*/
	font-family: FontAwesome;
	display: inline-block;
	margin-right: 10px;
	font-size: 17px;
	vertical-align: middle
}

.fc-header-toolbar button {
	line-height: 1.55em;
	font-weight: normal;
}

.fc-button-group {
	background:
		/*#fff*/
		transparent;
}

.fc-button-group .fc-button {
	padding: 0.4em 0.8em;
	height: auto
}

.fc-header-toolbar button:hover,
.fc-toolbar .fc-center button:hover,
.fc-header-toolbar button.fc-state-active {
	color: #252c32;
	border: solid 1px #adadad
		/*#aaa*/
	;
	background-color: #e6e6e6;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.fc-today-button.fc-button {
	background: #fff;
	box-shadow: 0px 1px 2px #CCC;
	-webkit-box-shadow: 0px 1px 2px #CCC;
	-moz-box-shadow: 0px 1px 2px #CCC;
	/*font-size: 16px;*/
	color: #000;
}

.fc-toolbar.fc-header-toolbar {
	background: #f6fafd;
}

#calendar-full .h2,
#calendar-full .fc-header-toolbar h2 {
	font-size: 14px;
	padding: 7px 20px 4px;
	line-height: 1.7;
}

#calendar-full .fc-header-toolbar h2 {
	border-color: #aaa;
	border-left: 0;
	border-right: 0
}

#calendar-full .fc-day-header.fc-widget-header.fc-wed.fc-today span {
	border-bottom: 2px solid #27C3BB;
	display: block
}

#calendar-full .fc-day-header.fc-widget-header.fc-wed.fc-today {
	color: #27C3BB;
}

#calendar-full .fc-day-number {
	font-size: 13px
}

.fc-day-grid-event .fc-content {
	font-size: 13px;
}

.fc-myCustomButton-button.fc-button.fc-state-default {
	position: absolute;
	left: 41px;
	right: 41px;
	display: block;
	width: calc(100% - 82px);
	text-indent: -2500em
}

.fc-myCustomButton-button.fc-button.fc-state-default:hover,
.fc-myCustomButton-button.fc-button.fc-state-default:focus {
	background: transparent;
	border: 1px solid transparent;
	box-shadow: none;
	outline: none
}

.fc-toolbar .fc-center {
	position: relative;
	background: #ffffff;
	border-radius: 25px
}

#calendar-full .fc-toolbar .fc-center button {
	margin-left: 0;
	border-color: #aaa;
	border-radius: 0;
	-webkit-border-radius: 0;
}

#calendar-full .fc-toolbar .fc-center button:first-child {
	border-radius: 25px 0 0 25px
}

#calendar-full .fc-toolbar .fc-center button:last-child {
	border-radius: 0 25px 25px 0px;
	border-left: 0
}

.fc-toolbar .fc-center:hover .fc-next-button,
.fc-toolbar .fc-center:hover .fc-prev-button,
.fc-toolbar .fc-center:hover h2 {
	color: #252c32;
}

.calendar-top-section .sorting-mobile .drop-btn,
.calendar-top-section .btn,
.calendar-top-section .form-control,
.calendar-top-section .drop-btn {
	border-radius: 50px !important
}

.fc-datepicker {
	/*margin-left:-110px;*/
	margin-top: 40px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.ui-datepicker td {
	background: #fff !important;
	border: none;
	padding: 0;
}

.ui-datepicker td .ui-state-default {
	color: #111;
	font-size: 13px;
	display: block;
	line-height: 30px;
	padding: 0;
	width: 30px;
	height: 30px;
	font-weight: 600;
	border: none;
	text-align: center;
	margin: 0;
}

.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-hover {
	background: #161716 !important;
	color: #fff;
	font-weight: bold;
	border-radius: 9px;
}

.ui-datepicker td span.ui-state-default {
	background: #f3f7f8 !important
}

.service-width,
.staff-width,
.qty-width,
.price-width,
.time-width,
.disc-width,
.total-width,
.action-width,
.default-width {
	float: left;
}

.colored-section ul {
	display: none;
}

.service-width {
	width: 180px
}

.staff-width {
	width: 150px
}

.qty-width {
	width: 80px
}

.price-width,
.total-width {
	width: 120px
}

.disc-width {
	width: 130px
}

.time-width {
	width: 130px
}

.total-width {
	/*padding-right:26px;*/
	/*width:120px*/
	width: 85px
}

.default-width {
	width: 100px;
}

.staff-width {
	max-width: 180px
}

/* .staff-width .form-group {
	display: flex;
	flex-wrap: nowrap;
} */
.staff-with-favourite .favourite-btn {
	padding: 5px 0;
}

.staff-with-favourite .select2-container .select2-selection--multiple .select2-selection__rendered {
	white-space: normal;
}

.package_service_item .staff-width .form-group {
	display: block;
}

.staff-width .select2-container {
	min-width: calc(100% - 22px);
}

.favourite-btn {
	flex: 0 0 20px;
	width: 20px;
	/*	align-items: center;*/
	display: flex;
	padding: 5px;
}

.favourite-btn label {
	display: block !important;
}

.favourite-btn .favourite {
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	background: url(../images/heart-outline.svg) center center no-repeat;
	background-size: 20px;
	font-size: 0;
	display: block;
}

.favourite-btn input[type="checkbox"] {
	position: absolute;
	visibility: hidden;
}

.favourite-btn input[type="checkbox"]:checked+.favourite {
	background: url(../images/heart-fill.svg) center center no-repeat;
	background-size: 20px;
}

.modal select.form-control,
select.form-control {
	padding: 6px 22px 6px 10px;
	text-transform: capitalize
}

.total-width .new_delete_services {
	position: absolute;
	right: -10px;
	bottom: 15px
}

.modal-footer .table {
	margin-bottom: 0
}

/*----- start salon-campaigns working pawan------*/
.camping-new .input-group {
	width: 100%;
}

.camping-new #customer_name_wrap {
	display: table;
	width: 100%;
}

.camping-new .billtypebg button {
	float: left !important;
	margin-right: 10px;
}

.camping-new .input-group {
	width: 100%;
	display: inline-block;
	margin-bottom: 15px;
}

.camping-new .campaigns-inner input[type="checkbox"] {
	margin: 0;
	vertical-align: top;
}

.camping-new .form-group .ng-binding {
	float: right;
}

.camping-new #customer_name_wrap #message {
	margin: 0;
}

.camping-new #navtabs a {
	color: #2a2c32;
	border: 1px solid #d8e2e7;
	font-weight: normal;
	text-transform: capitalize;
}

.camping-new #navtabs a:hover,
.camping-new #navtabs .active a {
	background: #2a2c32;
	border-color: transparent;
	color: #fff;
}

.camping-new .alert-right {
	width: 95%;
	margin: 0;
	float: right !important;
}

.camping-new .input-group-addon {
	display: block;
	position: absolute;
	right: 22px;
	padding: 0;
	top: 0;
	z-index: 4;
	left: 0;
	border: 1px solid #ddd;
	height: 40px;
	width: 40px;
	line-height: 40px;
}

@media (max-width:1200px) {
	.camping-new .pull-right {
		float: none !important;
	}
}

#searchResult {
	z-index: 1;
	background: #ffffff
}

/*----- end salon-campaigns------*/
.newclass .form-group {
	padding: 0px 10px;
}

.add_field_button {
	border-radius: 0;
	margin-bottom: 10px;
	background: #00c0ef;
	border-color: #00c0ef;
	padding: 5px 15px;
}

.staff-break-time-holder ul li div.btn-group.open ul.dropdown-menu,
.staff-hour-list li .btn-group.open ul.dropdown-menu {
	height: 155px;
	overflow-y: auto;
	min-width: 100px;
}

#staff-break .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	padding: 5px 0;
	margin: 0;
	list-style: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box
}

#staff-break .btn-group.open .dropdown-menu {
	display: block
}

.staff-breaks-list li label:first-child span,
.staff-hour-list li label:first-child span {
	color: #455862;
	font-weight: 400;
	cursor: default;
	display: block;
	border-bottom: 1px solid #ddd;
	padding: 6px 0;
}

#staff-break .btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	height: auto
}

#staff-break .btn.btn-success {
	color: #393;
}

#staff-break .btn.btn-success:hover {
	background: #393;
	color: #fff
}

#staff-break .btn-small {
	margin-bottom: 8px;
}

#staff-break .btn-small {
	padding: 2px 10px;
	font-size: 11.9px;
}

#staff-break .btn-border-radius {
	border-radius: 15px;
	-webkit-border-radius: 15px;
}

#staff-break .staff-breaks-list li.row span.staff-break-time-holder ul li div.btn-group a.btn.dropdown-toggle {
	margin-right: 10px;
	margin-bottom: 7px;
	min-width: 75px;
	background: white;
}

#staff-break .btn.staff-breaks-delete-btn {
	background: white;
	margin-top: -7px;
}

#staff-break .btn.staff-break-delete-holder {
	margin-top: -9px;
}

.stacked-list {
	margin-bottom: 10px;
}

.staff-break-to {
	margin-right: 6px
}

.stacked-list.staff-breaks-list>li {
	margin-bottom: 5px;
	padding-top: 5px;
	border: 1px solid #ddd;
	border-radius: 8px;
}

.billContent li {
	margin-bottom: 8px;
	font-size: 15px;
}

#reschedule-modal .modal-dialog {
	width: 100%;
	max-width: 500px;
	border: 1px solid #000;
	box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
}

#reschedule-modal .modal-body h2 {
	font-size: 21px;
	margin-bottom: 20px
}

/*#reschedule-modal .modal-footer{text-align:center}*/
.title-small {
	display: block;
	width: 52px;
	text-align: left;
	font-weight: bold;
}

optgroup[label] {
	color: #222222;
}

#calendar-full .fc-day-header,
#calendar-full .fc-resource-cell,
#calendar-full th.fc-axis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.fc-unselectable td.fc-widget-content {
	border-bottom-color: #868585 !important;
	border-bottom-width: 1px !important;
	border-bottom-style: solid !important;
	border-top: 1px solid !important;
}

.fc-minor:nth-child(4n) td {
	border-bottom: 1px solid #868585 !important;
}

.fc-day.fc-widget-content.fc-past {
	background: #d5d5d5;
	/*background-image: linear-gradient(45deg,#303b42 10%,#70787c 0,#70787c 50%,#303b42 0,#303b42 60%,#70787c 0,#70787c);*/
	background-image: linear-gradient(45deg, #8a8a8a 10%, #737272 0, #a2a2a2 50%, #303b42 0, #303b42 60%, #70787c 0, #70787c);
	background-size: 7.07px 7.07px;
	background-position-y: -2px;
	/*opacity: .15;*/
	opacity: .10;
}

.table .btn:not(.btn-primary) {
	height: auto;
	line-height: 1;
	font-size: 13px;
	padding: 5px 8px;
	border-radius: 50px
}

.full-width {
	display: block;
	width: 100%
}

.full {
	display: block;
	width: 100% !important
}

/*new css 22-05-2018*/

@media only screen and (min-width: 769px) {
	.right-aligned {
		float: right !important
	}

	table.dataTable thead th {
		white-space: nowrap;
	}
}

/*03-12-2018*/
#searchsubmit {
	background: #fff url(../images/search.png) no-repeat center center !important;
	background-size: 16px !important;
	border: 1px solid #ddd;
	padding: 5px 16px 5px;
	text-indent: -25000em;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: -10px;
	height: 38px
}

@font-face {
	font-family: FontIcons;
	src: url(../fonts/icons.eot?ver=1.2);
	src: url(../fonts/fonticons.eot?#iefix&ver=1.2) format("embedded-opentype"), url(../fonts/fonticons.woff?ver=1.2) format("woff2"), url(../fonts/fonticons.woff?ver=1.2) format("woff"), url(../fonts/fonticons.ttf?ver=1.2) format("truetype"), url(../fonts/fonticons.svg?ver=1.2) format("svg");
	font-weight: 400;
	font-style: normal
}

[class^="fonticon-"],
[class*=" fonticon-"] {
	font-family: FontIcons;
	font-weight: 400;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	display: inline;
	line-height: normal;
	vertical-align: baseline;
	background-image: none;
	background-position: 0 0;
	background-repeat: repeat;
}

.fonticon-setting:before {
	content: "\f1bd"
}

.fonticon-user::before {
	content: "\f13a"
}

.fonticon-account:before {
	content: "\f1db"
}

.fonticon-notification2:before {
	content: "\f17a"
}

.fonticon-class:before {
	content: "\f141"
}

.fonticon-package:before {
	content: "\f18c"
}

.fonticon-message:before {
	content: "\f152"
}

.fonticon-email-template:before {
	content: "\f1c1"
}

.fonticon-message-template:before {
	content: "\f118"
}

.fonticon-notification:before {
	content: "\f174"
}

.fonticon-admin:before {
	content: "\f1c7"
}

.fonticon-dashboard:before {
	content: "\f142"
}

.fonticon-calendar:before {
	content: "\f12d"
}

.fonticon-report:before {
	content: "\f1af"
}

.fonticon-member:before {
	content: "\f181"
}

.fonticon-notifications:before {
	content: "\f2b6"
}

.fa-commenting-o:before {
	content: "\f27b"
}

.ion-md-timer:before {
	content: "\f402"
}

.fa-money:before {
	content: "\f0d6"
}

.fa-credit-card:before {
	content: "\f09d"
}

.fa-file-text-o:before {
	content: "\f0f6"
}

.fa-puzzle-piece:before {
	content: "\f12e"
}

.fa-code:before {
	content: "\f121"
}

.fa-comment-o::before {
	content: "\f0e5";
}

.fa-whatsapp::before {
	content: "\f232";
}

.item-icon {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 60px;
	height: 60px;
	display: inline-block;
	vertical-align: middle;
	padding-top: 12px;
	-webkit-transition: all 75ms linear;
	-o-transition: all 75ms linear;
	transition: all 75ms linear;
	background-color: transparent;
	border: 1px solid;
	color: #aeccc2;
	text-align: center;
	font-size: 27px;
	margin-bottom: 10px
}

.tab-menu {
	border-bottom: 1px solid rgb(221, 226, 230);
	border-top: 1px solid rgb(221, 226, 230)
}

.nav-tabs-custom>.nav-tabs {
	position: relative;
	display: flex;
	flex-direction: row;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.7);
	margin: 0;
	background: white;
	gap: 10px
}

.nav-tabs-custom>.nav-tabs li {
	position: relative;
	display: flex;
	flex-direction: row;
	-moz-box-align: center;
	align-items: center;
	padding: 0px;
	border: medium none;
	background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%;
	color: #566c86;
	cursor: pointer;
	transition: color 0.25s ease 0s;
	font-weight: normal;
	border: 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-right: 0px;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important
}

/* Dashboard appointments / quick sales tabs — match legacy `website.css` + CakePHP 2 panel */
.nav-tabs-custom>.nav-tabs li a {
	color: rgb(66, 77, 87);
	background: #f2f2f2;
	border: 0 !important;
	font-weight: normal;
	text-transform: capitalize;
	padding: 8px 15px;
	font-size: 15px;
	font-weight: 600;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height: 1.75em;
}

.nav-tabs li a {
	width: 100%
}

.nav-tabs-custom>.nav-tabs li a:hover {
	background: #373737;
	color: #fff;
}

.nav-tabs-custom>.nav-tabs>li.active>a,
.nav-tabs-custom>.nav-tabs>li.active>a:hover,
.nav-tabs-custom>.nav-tabs>li.ui-state-active>a,
.nav-tabs-custom>.nav-tabs>li.ui-state-active>a:hover {
	background: #373737 !important;
	color: #fff !important;
}

.nav-tabs-custom>.nav-tabs li.active a:before,
.nav-tabs-custom>.nav-tabs li.ui-state-active a:before {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: block;
	content: "";
	background-color: #4f4f4f;
	height: 0px;
}

.table thead tr th {
	height: 54px;
	vertical-align: middle;
	font-weight: 600;
	border: 0 !important;
	font-size: 11px;
	color: var(--light-color);
	text-transform: uppercase;
}

.table thead tr {
	box-shadow: rgb(228, 228, 228) 0px 1px 5px 0px;
	-webkit-box-shadow: rgb(228, 228, 228) 0px 1px 5px 0px;
	border-top: 1px solid rgb(221, 226, 230);
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
	border: 0;
	border-bottom: 1px solid rgb(221, 226, 230);
}

.user-detail .dropdown-menu>li>a {
	color: #29303b !important;
	font-size: 16px;
	font-weight: 400;
}

.user-detail .dropdown-menu>li>a:hover {
	background: #f2f3f5 !important;
}

.profile-user-img {
	border: 0px solid #d2d6de;
	margin: 0;
	padding: 0px;
	width: 200px;
	min-height: 60px;
}

.img-circle {
	border-radius: 0%;
}

.profile-username {
	font-size: 21px;
	margin-top: 5px;
}

.text-muted {
	color: #777;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	min-width: 60px;
	height: 30px;
	margin-top: 3px;
	vertical-align: middle;
}

.switch input {
	display: none
}

.slider1 {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s
}

.slider1:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 3px;
	bottom: 4px;
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s
}

input:checked+.slider1 {
	background-color: #2a2c32
}

input:focus+.slider1 {
	box-shadow: 0 0 1px #2196F3
}

input:checked+.slider1:before {
	-webkit-transform: translateX(23px);
	-ms-transform: translateX(23px);
	transform: translateX(23px)
}

.slider1.round {
	border-radius: 34px
}

.slider1.round:before {
	border-radius: 50%
}

.switch-title {
	margin: 0px 0 0 10px;
	font-size: 18px;
	vertical-align: middle;
}

input[type=checkbox],
input[type=radio] {
	zoom: 1.2;
	margin: 0 3px 0;
	vertical-align: middle;
}

.large-text-field,
.formfull .form-control {
	width: 100% !important;
	height: 40px !important
}

/*head css*/
#navigation .dropdown-menu>li>a {
	font-size: 12px;
	text-transform: capitalize;
}

.ui-datepicker-calendar {
	width: 100%;
}

.ui-state-default {
	display: block;
}

.main-nav3 .dropdown-menu {
	left: auto;
	right: 0;
}

.main-nav {
	list-style: outside none none;
	padding-bottom: 12px;
	padding-left: 10px;
	position: relative;
}

.dropdown.notifications-menu {
	display: inline-block;
	padding-right: 20px;
}

.label-warning {
	border-radius: 46px 50px;
	position: absolute;
	right: 0;
	top: 8px;
}

#main .box.box-bordered .box-title {
	position: relative;
	z-index: 2;
}
.action-btn{
	position:relative
}
li.action-btn.open .dropdown-menu {
	left: auto;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.open>a {
	outline: 0 none;
	/*background: transparent !important;*/
}

.menu .not-li a {
	text-decoration: none;
}

.box .box-body .nav>li>a:hover,
.box .box-body .nav>li>a:active {
	background: transparent;
	color: #444;
	border: 1px solid transparent;
	border-bottom-color: #48a65b !important;
}

.notifications-menu .fa-bell-o :hover {
	color: #000;
}

.user-detail {
	padding: 7px 10px;
	border-radius: 5px;
}

.user-detail.open .dropdown-menu {
	display: block
}

.user-detail.open .dropdown-menu {
	border: 0 none;
	right: 0;
	left: auto;
	border-radius: 0 0 5px 5px;
	top: 55px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

.user-detail.open .dropdown-menu::before {
	content: "";
	border-bottom: 12px solid #fff;
	display: inline-block;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	position: absolute;
	top: -12px;
	right: 15px;
}

.user-detail .dropdown-menu>li>a {
	color: #fff;
	text-decoration: none;
}

.user-detail .dropdown-menu>li>a:hover {
	background: #000;
	color: #fff;
	filter: none;
}

.dropdown-menu2 {
	position: absolute;
	right: 0;
	z-index: 999;
	background: #364760;
	width: 226px;
	text-align: left;
	top: 48px;
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.dropdown-menu2 a {
	text-decoration: none !important;
}

.navbar-custom-menu>.navbar-nav>li.dropdown2 .dropdown-menu2 li {
	padding: 0px;
	background: #000;
	display: block;
}

.navbar-custom-menu>.navbar-nav>li.dropdown2 .dropdown-menu2 li:hover {
	background: #222
}

.dropdown-menu2 li {
	padding: 7px 7px;
}

.dropdown-menu2 li:hover {
	text-decoration: none !important;
	background: #000;
}

.dropdown-menu2 a .noty_title {
	margin-bottom: 10px;
	font-size: 15px;
}

.dropdown-menu2 .noty_title {
	margin: 5px 0 0;
}

.navbar-custom-menu>.navbar-nav>li.dropdown2 .dropdown-menu2 {
	right: -30px;
	width: 380px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.navbar-custom-menu>.navbar-nav>li.dropdown2 .dropdown-menu2 li:last-child {
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.navbar-custom-menu>.navbar-nav>li.dropdown2 .dropdown-menu2 li {
	background: #fff;
	border-bottom: 1px solid #dddddd
}

.navbar-custom-menu>.navbar-nav>li.dropdown2 .dropdown-menu2 li a {
	color: #000
}

.navbar-custom-menu>.navbar-nav>li.dropdown2 .dropdown-menu2 li .noty_title {
	font-size: 16px;
	margin-top: 0;
	font-weight: 600;
	margin-bottom: 2px;
	color: #424242;
	line-height: normal;
	white-space: normal;
}

.navbar-custom-menu>.navbar-nav>li.dropdown2 .dropdown-menu2 li .noty_title+p {
	color: #9b9b9b
}

.navbar-custom-menu>.navbar-nav>li.dropdown2 .dropdown-menu2 li p {
	margin-bottom: 0
}

.navbar-custom-menu>.navbar-nav>li.dropdown2 .dropdown-menu2 li:hover {
	background: #fafafa
}

.navbar-custom-menu>.navbar-nav>li.dropdown2 .dropdown-menu2 li.title {
	display: block;
	background: #00c0ef
		/*#eef1f7*/
	;
	text-align: center;
	font-size: 15px;
	text-transform: uppercase;
	padding: 12px 15px;
	color: #fff;
	font-weight: 600;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0
}

.navbar-custom-menu>.navbar-nav>li.dropdown2 .dropdown-menu2 li a {
	padding: 10px 15px
}

.right-menu .dropdown-menu2 {
	white-space: normal
}

.default-header {
	background: #f6f8fa
}

.default-header h4 {
	color: #000
}

.branch-list li {
	margin-bottom: 12px;
	position: relative;
	border-bottom: 1px solid var(--gray-light-50);
	padding-bottom: 0;
	padding-left: 0
}

.branch-list li:last-child {
	border-bottom: 0
}

.branch-list li a {
	color: #444;
	font-size: 14px;
	padding: 8px 10px;
	padding-left: 21px;
	display: block;
	border: 1px solid #ddd;
	background: #efefef;
	position: relative;
}

.branch-list li a:hover {
	color: #999;
}

.branch-list li a::before {
	font-family: FontAwesome;
	content: '\f105';
	width: 15px;
	height: 15px;
	position: absolute;
	left: 8px;
	display: block;
	top: 7px;
}

.branch-list li a:hover:before {
	border-color: #00c0ef
}

.fa-check:before {
	content: "\f00c";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
	content: "\f00d";
}

.hide-view {
	display: none !important
}

.outer>.row {
	margin-top: 0 !important
}

.delete_product_row {
	color: #2a2c32
}

.support-section,
.d-flex {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	align-items: top;
}

.support-section li {
	width: 25%;
	padding-right: 15px
}

.image_product {
	width: 100%;
	height: 230px;
	position: relative;
	overflow: hidden
}

.image_product img {
	width: 100%
}

.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: top;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem;
	margin-bottom: 30px;
	border-color: #d7dfe3;
	border-radius: 16px;
	/*-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.05);box-shadow:0 5px 20px rgba(0,0,0,0.05)*/
}

.card-body {
	padding: 1.25rem;
}

.card h4 {
	font-size: 21px;
	padding: 0 12px;
}

.price-info {
	display: flex;
	justify-content: center;
	align-items: center;
}

.price-info strong {
	padding-top: 6px;
	display: inline-block;
	text-align: right
}

/* 05-May-2019 */
.table.myTable.dataTable td:first-child {
	text-transform: capitalize;
	font-weight: 600
}

.messages-table.table.myTable.dataTable tbody tr td:first-child {
	word-break: break-word;
	width: 50%;
}

.table.imageTable td:first-child {
	padding-left: 60px !important;
}

.header_form {
	float: right;
	width: 50%;
	text-align: right;
}

.dataTables_length>label {
	font-size: 15px;
	font-weight: 400;
	text-transform: capitalize;
	border: 0px solid #ddd;
	padding: 0;
	border-radius: 50px;
	color: #888;
	margin-bottom: 0
}

.dataTables_length select {
	background-color: var(--bg-page) !important;
	padding: 6px 15px;
	padding-right: 30px !important;
	font-weight: 600;
}

.dataTables_wrapper .dataTables_filter label {
	position: absolute;
	font-size: 0;
	font-weight: 500;
	right: 20px;
}

/* .dataTables_wrapper .dataTables_filter label:before {
    content: "\f002";
    font-family: fontawesome;
    position: absolute;
    right: 20px;
    top: 7px;
    font-size: 16px;
    color: #adadad;
    font-weight: 300;
} */
.dataTables_wrapper .dataTables_filter input {
	margin-right: 0.5em;
	border-radius: 12px !important;
	padding-left: 35px;
	padding-right: 12px;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 14px;
	background-color: var(--bg-page);
	margin-bottom: 0
}

/* popup style */
.dufault-popup .modal-header {
	border: 0;
	padding: 15px;
	border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	display: flex;
	align-items: center;
}

.dufault-popup .modal-header:before,
.dufault-popup .modal-header:after {
	display: none;
}

.dufault-popup.modal-dialog {
	border-radius: 16px;
	max-width: 600px;
	margin: 30px auto;
	/*overflow: hidden;*/
	width: 100%;
	box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
}

.dufault-popup .modal-header .close {
	opacity: 1;
	border-radius: 50px;
	text-shadow: none;
	color: #333;
	width: 30px;
	height: 30px;
	font-size: 36px;
	line-height: 0;
	font-weight: 400;
	min-width: inherit;
}

.dufault-popup .modal-header .close:focus {
	outline: none;
}

.dufault-popup .modal-header h4 {
	color: #333333 !important;
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	padding-top: 7px;
}

.dufault-popup .modal-title i.fa.fa-plus {
	margin-right: 10px;
	/*color: #064E2A;*/
}

.dufault-popup .modal-body {
	position: relative;
	padding: 15px;
	display: inline-block;
	width: 100%;
}

.dufault-popup input[type="file"] {
	width: 100%;
}

.modal .dufault-popup input[type="text"],
.modal .dufault-popup input[type="mail"],
.modal .dufault-popup input[type="tel"],
.modal .dufault-popup input[type="url"],
.modal .dufault-popup input[type="text"],
.modal .dufault-popup input[type="password"],
.modal .dufault-popup input[type="search"],
.modal .dufault-popup input[type="reset"],
.dufault-popup select {
	border: 1px solid var(--gray-light);
	margin-bottom: 10px;
	padding: 10px !important;
	border-radius: 8px !important;
	height: auto;
	color: var(--dark-color);
	width: 100%;
	height: 38px;
	font-weight: normal;
	background-color: var(--gray-light-50);
}

.dufault-popup label {
	color: var(--dark-color);
	font-weight: 500;
	display: block;
}

.dropdown_list li .checkbox.parent label {
	color: #000;
	border-radius: 8px;
	background: var(--gray-light-50);
	padding: 8px 20px;
	font-size: 14px;
}

.tips-row label.last-label {
	height: 30px;
}

.remove_field {
	float: right;
	margin: 0 !important;
	line-height: 38px;
	width: 20px;
	text-align: center;
	display: block;
}

.modal .dufault-popup .form-control {
	height: 38px;
}

.dufault-popup h5 {
	font-size: 22px;
	line-height: 29px;
	letter-spacing: 0.02em;
	color: #000;
	margin-top: 20px;
}

/*.fa-cloud:before {content: "\f0c2";}*/
.btn.btn-danger.deletePlan,
button.btn.btn-warning.editEx {
	width: 34px;
	border-radius: 50px;
	height: 34px;
	line-height: 35px;
	padding: 0px 11px;
	border: 0;
	margin: 3px;
	box-shadow: 0 3px 10px rgba(0, 123, 255, 0.3);
}

.btn.btn-danger.deletePlan {
	box-shadow: none;
	background: transparent;
	color: #777 !important;
	width: 100%;
	padding: 0 15px;
	margin: 0;
}

.btn.btn-danger.deletePlan:hover {
	background: #ddd;
}

/*.form-control.datepicker {max-width: 195px;}*/
/*table.dataTable tbody tr:hover td {
    background: transparent;
}*/
/* Setting page style */
.account-setup .col-link {
	display: inline-block;
	text-align: center;
	max-width: 140px;
	width: 100%;
	background: rgba(54, 141, 251, 0.07);
	padding: 20px 10px;
	margin-right: 9px;
	border-radius: 5px;
	box-shadow: 0 2px 2px rgba(36, 37, 38, .08);
	transition: box-shadow .25s ease, transform .25s ease;
}

.account-setup .col-link:hover {
	box-shadow: 5px 12px 20px rgba(36, 37, 38, .13);
}

.account-setup .col-link a {
	color: #898989;
}

.account-setup h3,
.account-setup .col-link a i {
	font-weight: normal;
}

.account-setup .col-link h5 {
	margin-bottom: 0;
	font-size: 14px !important;
	font-weight: normal;
	min-height: 38px;
	margin: 0;
	color: #333 !important;
}

.table.myTable td:first-child,
.table.dataTable td:first-child {
	text-transform: capitalize;
	position: relative;
	/*font-size: 13px*/
}

.users-list.table.dataTable td:first-child {
	/*padding-left:60px;*/
	/*height:50px;*/
	width: 32%
}

.table.dataTable td:last-child {
	text-align: left;
}

.campaign-view .table.dataTable td:first-child {
	padding-left: 15px;
	width: 3%;
}

.client-list .table.dataTable td:first-child {
	padding-left: 15px;
}

.client-list .table.dataTable td:first-child:not(.dataTables_empty) img {
	height: 50px;
	width: 50px;
	border-radius: 50px;
}

.table.dataTable .sorting:last-child {
	text-align: left
}

.table.dataTable td.dataTables_empty {
	text-align: center !important;
}

.coupon-table-element .table.dataTable td:first-child {
	padding-left: 15px;
	/*width: 10%;*/
}

.member-initials {
	border-radius: 50px;
	height: 34px;
	width: 34px;
	text-align: center;
	line-height: 34px;
	background: rgba(72, 166, 91, 0.7);
	color: #fff;
	flex: 0 0 34px;
	overflow: hidden;
}

.table.dataTable .member-initials {
	border-radius: 50%
}

table.dataTable tbody tr:nth-child(3n+3) td .member-initials {
	background-color: #9575cd;
}

table.dataTable tbody tr:nth-child(3n+2) td .member-initials {
	background-color: #0065f5bd;
}

.table .main-nav .dropdown-toggle {
	/*font-size: 30px;*/
	line-height: 1;
}

.table .main-nav .dropdown-toggle>span {
	font-size: 30px;
	line-height: 0
}

.bg-gradient-black {
	background: #536976;
	background: -webkit-linear-gradient(to right, #2a3855, #536976);
	background: linear-gradient(to right, #2a3855, #536976);
}

.shadow {
	border-bottom: 1px solid #ddd
}

.box.box-primary.profile-detail.one {
	float: left;
	width: 100%;
}

.profile_page .nav-tabs-custom {
	clear: both;
}

.form-group.enb_area {
	margin-bottom: 20px;
}

.profile-detail .box-header {
	border: 0;
	border-radius: 3px 3px 0 0;
	overflow: hidden;
}

.Multiple .form-group .checkbox-custom {
	display: inline-block;
	padding-right: 12px;
	padding-bottom: 8px;
	background: rgba(0, 123, 255, 0.1);
	padding: 10px;
	margin-bottom: 10px;
	width: 100%;
}

form#frmDetails {
	border: 1px solid #ddd;
	padding: 10px 15px;
}

.campaigns-inner .form-group label.form-label {
	display: inline-block;
}

.campaigns-inner .billtypebg {
	padding-top: 13px;
	border-top: 0px solid #8d6658 !important;
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
	padding-left: 30px;
}

.campaigns-inner .form-box .checkbox-custom {
	display: inline-block;
	padding-right: 12px;
	padding-bottom: 8px;
	background: #d8e7ff;
	padding: 5px;
	width: 32%;
}

.camping-new .form-group #title_count,
.camping-new .form-group #message_count {
	float: right;
	margin-top: 5px;
}

.camping-new .form-box .input-group .form-control {
	height: 38px;
}

.camping-new .form-box {
	max-width: 700px;
	margin: 0 0 20px;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 5px;
}

.camping-new .form-box input#offer_end {
	margin-left: 37px;
}

input#offer_end {
	margin-left: 37px;
}

.camping-new .gridview .left-list {
	float: left;
	width: 100%;
}

.gridview .left-list h2.title {
	font-size: 16px;
	font-weight: 700;
	margin: 0;
	color: #fff;
	background: #20639b;
	padding: 35px 15px;
}

.main-list:nth-child(3n+2) .gridview .left-list h2.title {
	background: #3caea3;
}

.main-list:nth-child(3n+3) .gridview .left-list h2.title {
	background: #955cff;
}

.gridview .left-list i {
	color: #FF8B33;
	font-size: 16px;
	font-weight: 600;
	margin-right: 5px;
}

.gridview .left-list .date,
.gridview .left-list .time {
	padding: 15px 15px;
	margin: 0;
	display: inline-block;
}

.gridview .left-list .time {
	float: right;
}

.gridview .bottom-list {
	border-left: 0 solid #ddd !important;
	border: 0 solid #ddd;
	clear: both;
	background: var(--gray-light-50);
}

.gridview .bottom-list .item:nth-child(2),
.gridview .bottom-list .item:first-child {
	border-right: 1px solid #d8e2e7;
}

.gridview .bottom-list .right-list {
	padding: 20px;
	background: #fff;
}

.gridview .bottom-list .right-list a {
	border: 1px solid transparent;
	padding: 14px 16px;
	display: block;
	color: #fff;
	background: #FF8B33;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0 auto;
	border-radius: 4px;
}

.gridview .bottom-list .right-list a:hover {
	background: transparent;
	color: #FF8B33;
	border: 1px solid;
}

.gridview .bottom-list .item strong {
	color: #465161;
	font-size: 24px
}

.gridview .bottom-list .item p {
	max-width: 55px;
	margin: 0 auto;
}

.nav-tabs-custom>.nav-tabs li.action-btn {
	background: rgb(21, 153, 87, .05);
	height: 30px;
	border-radius: 3px;
	margin-right: 20px;
	border: 1px solid #2a2c32;
}

.nav-tabs-custom>.nav-tabs li.action-btn>a {
	color: #2a2c32;
}

.nav-tabs-custom>.nav-tabs li.action-btn:hover {
	background: #2a2c32;
}

.nav-tabs-custom>.nav-tabs li.action-btn:hover>a {
	color: #fff;
}

.nav-tabs-custom>.nav-tabs li.action-btn.open .dropdown-menu a {
	font-weight: 500;
	padding: 10px 15px;
	font-size: 14px;
	display: block;
	width: 100%;
	color: #777
}

.nav-tabs-custom>.nav-tabs li.action-btn.open .dropdown-menu li {
	height: 30px;
}

.nav-tabs-custom>.nav-tabs li.action-btn.open .dropdown-menu a:hover {
	background: #e7e7e7
}

.profile-details .widget-user-image .user__img>img {
	width: 60px;
	height: auto;
	float: none;
	margin: 0 auto 20px;
	display: block;
	display: block;
	margin: 0 auto 12px;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #353d9f;
	box-shadow: 0px 5px 5px 0px rgba(44, 44, 44, 0.2);
	padding: 3px;
	background: #e8e9f5;
}

.user__img {
	position: relative;
	display: block;
	margin: auto;
	max-width: 65px;
}

.profile-details .widget-user-username,
.profile-details .widget-user-desc {
	text-align: center;
	text-transform: capitalize;
	font-weight: normal;
	margin: 0;
	line-height: 1.3;
}

.profile-details.box .nav-stacked>li h4 {
	margin-top: 10px;
	display: inline-block;
	width: 40%;
	font-size: 14px;
	font-weight: normal;
}

.profile-details.box .nav-stacked>li span {
	font-weight: normal;
	font-size: 15px;
	float: right
}

#main .staff-list .box.box-bordered .box-title {
	padding: 10px;
	margin-bottom: 0;
}

.commission-profile form#type2 input,
.commission-profile form#type2 select {
	width: 100%;
	height: 34px;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0 7px
}

.edit_employee {
	padding: 0 15px;
}

.title_small {
	background-color: transparent;
	border-bottom: 1px solid rgba(0, 0, 0, .125);
	padding: .75rem 1.25rem 1.25rem 0;
	position: relative;
}

.staff-list .edit_employee .controls select {
	width: 100%;
}

.dufault-popup .table.dataTable td:first-child {
	width: 1%;
	padding-left: 10px;
}

input.parent.qty_input {
	height: 34px;
	border-radius: 0 !important;
}

.input-group {
	width: 100%;
}

input.form-control.update_serviceprice {
	/*margin-left: 38px;*/
	border-radius: 0 3px 3px 0 !important;
}

.input-group .input-group-addon {
	border-radius: 8px 0 0 8px !important;
	border-color: var(--gray-light);
	background-color: var(--gray-light-50);
	position: absolute;
	left: 0;
	z-index: 4;
	height: 38px;
	width: 38px;
	line-height: 23px;
	padding: 6px 5px;
}

.input-group .input-group-addon+input.form-control {
	padding-left: 45px !important;
}

.update_service_group tr td {
	max-width: 140px;
}

.input-group .form-control:focus {
	border-color: #ddd;
}

.input-group .form-control {
	z-index: 1;
}

.row-fluid.lead-page {
	background: #fff;
	padding-top: 10px;
}

.lead-header {
	background: #fff;
	padding: 15px;
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

.lead-page .lists-container .list-title {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	min-height: 55px;
	font-size: 17px;
	font-weight: normal;
	border: 0;
	position: sticky;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	top: 0;
	background: #15023A;
	color: #fff;
	z-index: 2;
	line-height: 30px;
	font-weight: 600;
	padding-left: 15px;
	display: flex;
	align-items: center;
}

.lead-page .lists-container .list-title .arrow {
	position: absolute;
	right: 0;
	width: 9px;
	height: 55px;
	top: 0;
}

.lead-page .lists-container {
	display: flex;
	align-items: start;
	padding: 0 0rem 0.8rem;
	overflow-x: auto;
	min-height: calc(100vh - 8.6rem);
	grid-column-gap: 0;
}

.lead-page .lists-container .list-items {
	padding: 0px;
	overflow: visible;
}

.lead-page .lists-container .list-items p {
	margin-bottom: 10px
}

.lead-page .lists-container .list-items .date-small {
	font-size: 12px;
	color: #8e8e8e;
}

.lead-page .lists-container div.list {
	background: #fff;
	padding: 0px;
	min-height: 300px;
	max-height: inherit;
	flex: 0 0 200px;
}

.lead-page .lists-container .lead_outer div.list:last-child:not(:first-child) .list-title svg {
	display: none;
}

.gray-small-text {
	font-size: 12px;
	color: #8e8e8e;
}

.lead-page .lists-container .list-items li {
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.3;
	background-color: #fff;
	padding: 0.65rem 0.6rem;
	color: #4d4d4d;
	border-radius: 8px;
	margin-bottom: 0.6rem;
	word-wrap: break-word;
	cursor: pointer;
	border: 1px solid #D5DEE4;
	padding: 18px 15px !important;
	border-top: 6px solid #15023A;
}

.lead-page .lists-container .list-items li .member {
	position: relative;
	margin: 0 10px 4px 0px;
	float: none;
}

.lead-page .lists-container .list-items li .d-flex {
	height: auto;
	flex-wrap: nowrap;
	gap: 5px;
}

.lead-page .lists-container .list-items li .lead_price {
	background: #15023A;
	color: #fff;
	border-radius: 40px;
	font-size: 13px;
	padding: 3px 6px;
	min-width: 30px;
	text-align: center;
}

.lead-page .list-card-members {
	position: static;
}

.lead-page .list-card-members .member .member-initials {
	background: #15023a !important;
}

.lead-page .list .card-titles {
	text-transform: capitalize;
	padding-bottom: 10px;
	color: #000;
	font-size: 16px;
}

.lead-page .lead_content {
	color: #000000;
	font-weight: 600;
	font-size: 12px;
}

.lead-page .lists-container .list-items li .d-flex {
	align-items: center;
}

.fa-search-plus:before {
	content: "\f00e"
}

.fa-search-minus:before {
	content: "\f010"
}

.fa-arrow-left:before {
	content: "\f060"
}

.fa-arrow-right:before {
	content: "\f061"
}

.fa-arrow-up:before {
	content: "\f062"
}

.fa-arrow-down:before {
	content: "\f063"
}

.fa-rotate-left:before,
.fa-undo:before {
	content: "\f0e2"
}

.fa-rotate-right:before,
.fa-repeat:before {
	content: "\f01e"
}

.fa-arrows-h:before {
	content: "\f07e"
}

.fa-arrows-v:before {
	content: "\f07d"
}

.fa-refresh:before {
	content: "\f021"
}

.fa-minus:before {
	content: "\f068";
}

#change-logo .modal-footer {
	margin-top: 30px
}

#change-logo .btn-group.cropper-btn .btn-primary {
	padding: 5px 8px;
}

.appointment_tab .pagination ul li,
.invoice_tab .pagination ul li {
	background-color: #dcf0e6;
	border: 1px solid;
	color: rgb(72, 166, 91);
	font-size: 14px;
	font-weight: 400;
	list-style: none outside none;
	margin: 0 3px;
	cursor: pointer;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	padding: 5px 15px;
}

.n-active {
	background: rgb(72, 166, 91);
	color: #fff;
	border: 1px solid rgb(72, 166, 91);
}

/*.main .btn.cancelled, */
.main .btn.confirmed:not(.arrived_btns):not(.start_btns):not(.completed_btns) {
	padding: 4px 14px;
	height: auto;
	color: #fff !important;
	background: #2a2c32;
	border-color: #2a2c32;
	border-radius: 50px;
	line-height: 1;
	font-size: 12px;
	margin: 0;
}

a.btn.btn-success,
a.btn.btn-success.paid,
button.btn.btn-success,
button.btn.btn-success.paid {
	background: #2a2c32;
	border-color: #2a2c32;
}

.main .btn.completed {
	background: #1baf8f !important;
	border-color: #1baf8f !important;
	color: #fff !important;
	padding: 4px 14px;
}

.main td .btn.completed,
.main td .btn.booking_cancel {
	border-radius: 3px
}

.bdrmobile+.bdrmobile {
	margin-bottom: 15px;
}

.main .btn.cancelled {
	background: #dd4b39;
}

.equal .box-header input {
	margin: 0;
	font-weight: 500;
}

#order-pending td:first-child {
	padding: 15px;
}

#order-pending span.label.label-success {
	background: transparent !important;
	color: #333 !important;
}

#order-pending span.label.label-info {
	background: #cc0000;
	background: #F7492E !important;
	border-color: #F7492E !important;
	font-size: 12px;
}

#order-pending span.label.label-info.Completed_btn {
	background: #059501 !important;
	border-color: #059501 !important;
}

.green-text,
.accepted {
	color: #059501 !important;
	font-weight: bold;
}

.red-text,
.rejected {
	color: #d50202 !important;
	font-weight: bold;
}

.right-dropdown {
	left: auto;
	right: 0
}

.option-element .option-div input {
	width: 90%;
	margin-bottom: 10px;
}

.term-section {
	margin-bottom: 15px;
	border: 1px solid var(--light-border);
}

.term-tittle {
	max-width: 130px;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	min-height: 100px;
	line-height: 100px;
	display: inline-block;
	width: 100%;
	background: #2a2c32;
	color: var(--white);
	vertical-align: middle;
	margin: 0;
	border-radius: 13px 0 0 13px;
}

.term-content {
	flex: 1;
	padding: 10px;
	height: 90px;
	vertical-align: middle;
	min-height: 100px;
	background: var(--gray-light-50);
	color: var(--dark-color);
	border: 0;
	border-radius: 0 !important;
	margin: 0
}

.addons-page .col-sm-2.span-checkbox span {
	position: absolute;
	width: 90%;
	left: 7px;
	background: rgb(21, 153, 87, .05);
	height: 41px;
	top: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	color: #2a2c32;
	text-transform: uppercase;
	line-height: 40px;
	border-radius: 5px;
	font-size: 18px;
	border: 1px solid;
}

.pixel_code h3 {
	margin-top: 0;
}

.pixel_code {
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	padding: 20px;
	border-radius: 5px;
}

#container .pagination {
	margin: 20px 0 0;
}

#container .pagination ul.left_element li {
	padding: 0.5em 1em;
	background: transparent;
	border-radius: 3px;
}

.message-template h3 {
	margin-top: 0;
	font-size: 19px;
	color: #111;
}

#container .pagination ul.left_element li:hover {
	background: rgb(72, 166, 91);
}

.integrations {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
}

.integrations {
	padding: 30px 6px;
}

.integrat-box .photo {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	border: 5px solid #fafafa;
	box-shadow: 0 0 0.5rem #babbbc;
	animation: rotate-photo 0.5s forwards ease-in-out;
	position: relative;
	margin: 10px auto;
}

.integrat-box {
	width: 220px;
	background: #fff;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 2%;
	padding: 8px;
	border-radius: 12px;
	position: relative;
	cursor: pointer;
	border: 1px solid oklch(92.2% 0 0);
}

.integrat-box:hover {
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 4px 6px -1pxrgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.integrations .integrat-box img {
	position: absolute;
	width: 60px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.integrat-box .description {
	padding: 10px;
	overflow: hidden;
}

.description {
	text-align: center;
}

.integrations .integrat-box h3 {
	padding-top: 8px;
	font-size: 16px;
	font-weight: 600;
}

.description h3 {
	margin: 0;
}

.integrations .integrat-box p {
	line-height: 1.2;
	margin-top: 12px;
}

@media only screen and (max-width: 1024px) {
	.integrat-box {
		margin-left: 2%;
		width: 22%;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 880px) {
	.integrat-box {
		margin-left: 2%;
		width: 30%;
		margin-bottom: 20px;
	}

	.support-section li {
		width: 50%;
		padding: 10px
	}
}

.integrations_popup .popup-content {
	background: #ececec;
	padding: 20px;
}

.integrations_popup .column.popup-form {
	padding: 20px;
}

.integrations_popup .photo {
	margin-bottom: 15px;
}

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

.form-group .font-montserrat {
	margin: 10px 0;
}

.form-group {
	margin-bottom: 0;
}

.popup-content h3 {
	margin-top: 0;
	line-height: 30px;
}

.popup-form {
	padding: 30px;
}

.integrations_popup .form-group01 {
	position: relative;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.copy-tooltip {
	position: relative;
	display: inline-block;
}

ul.colors_list li {
	display: inline-block;
}

.colors_list input[type="radio"] {
	width: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
}

.colors_list input[type="radio"]+label {
	position: relative;
}

ul.colors_list li label {
	position: relative;
	display: inline-block;
	margin: 0 7px 0 0;
	width: 36px;
	height: 36px;
	border-radius: 50%/50%;
	cursor: pointer;
	background: no-repeat center center;
}

.appointments-form {
	margin-bottom: 20px;
	background: #f6f6f6;
}

.attachment-row {
	margin: 15px 0 0
}

/* .notifications-menu */
.notifications-menu .dropdown-menu2 {
	top: 50px;
}

.fa-user:before {
	content: "\f007";
}

.fa-file-o:before {
	content: "\f016";
}

.notifications-menu li .activity_icon span.username {
	color: #333;
	padding-left: 47px;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	font-family: "Arial", sans-serif;
	padding-bottom: 5px;
	font-size: 14px;
}

.notifications-menu li .nav-icon-fsize-activity i {
	height: 34px;
	width: 34px;
	background: #eeece2;
	color: #2a2c32;
	border-radius: 50px;
	position: absolute;
	top: 10px;
	text-align: center;
	line-height: 34px;
	left: 15px;
	font-size: 15px;
}

#activity_notification_list li:hover {
	background: var(--gray-light-50);
}

.nav-icon-fsize-activity {
	font-size: 16px !important;
}

.activity_icon {
	float: left;
	border-radius: 2px;
}

.span_time {
	margin-left: 0px;
	color: #898989;
	font-family: inherit;
	font-size: 11px;
}

#activity_count {
	right: 119px;
	color: #FFF;
	background-color: #F50000;
	border-radius: 2px;
	font-size: 8px;
	top: 18px;
	padding: 0px 4px;
	position: fixed;
	line-height: 13px;
	font-weight: 500;
	text-decoration: none;
	margin-left: -20px;
	display: none;
}

#activity_notification {
	position: absolute;
	width: 330px;
	top: 22px;
	max-height: 510px;
	right: 0px;
	z-index: 1002;
	background: #fff;
	border-radius: 15px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

#activity_notification_list_holder {
	padding: 10px 0px;
	border-bottom: 1px solid #E3E3E3;
}

.premiumfeatures_list_holder {
	padding: 6px 6px;
	border-bottom: 1px solid #E3E3E3;
}

#activity_content {
	float: left;
	max-width: 300px;
	word-wrap: break-word;
}

#activity_content .span_text {
	text-align: justify;
	line-height: 17px;
	margin-left: 10px;
	margin-top: 3px;
	font-size: 13px;
	width: 100%;
	color: #333333;
	float: left
}

#no_activity {
	padding: 20px 20px;
	margin: 180px 10px;
	font-size: 14px;
	text-align: center;
	color: #D2D0D0;
}

.premium_feature_content .span_text {
	margin-left: 10px;
	color: #333333;
}

#activity_content .span_text b {
	font-size: 13px !important;
	color: black !important;
}

#activity_notification_header,
#premiumfeatures_header,
#premiumfeatures_footer {
	text-align: left;
	border-bottom: 2px solid #E4EBF1;
	/*background: #2a2c32;*/
	color: #000;
	font-size: 20px;
	line-height: 55px;
	height: 55px;
	padding-left: 15px;
	font-weight: 600
}

#activity_notification_list_container,
#premiumfeatures_list_container {
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#activity_notification_list {
	list-style: none;
	margin: 0px !important;
	padding: 0px !important;
	max-height: 458px;
	overflow-y: auto;
}

#activity_notification_list li {
	cursor: pointer;
	padding: 15px 20px;
	position: relative;
	border-top: 1px solid #ddd;
	min-height: 60px;
}

.activity_notification_list_holder {
	color: #898989;
}

#premiumfeatures_list li {
	padding: 0px 20px;
}

.activity_modified_type {
	display: block;
	width: 58px;
	cursor: pointer;
	background: #27C3BB;
	color: #FFF !important;
	text-align: center;
	border-radius: 4px;

	font-size: 11px;
	line-height: 24px;
	margin-top: 8px;
	padding: 0px 3px;
	float: right;
}

.activity_content span {
	display: inline;
	width: 100%;
	line-height: 1
}

.activity_icon {
	float: left;
	border-radius: 2px;
	display: none;
}

/*.activity_content {padding-left: 55px;}*/
.activity_content .yellow-color {
	color: #333 !important;
	display: block;
	font-weight: 600;
	line-height: 1.1;
}

/* Account page */
.alert-header {
	color: #15023A;
	text-align: center;
	/*background: #2a2c32!important;
    background: -webkit-linear-gradient(to right,#155799,#2a2c32)!important;
    background: linear-gradient(to right,#155799,#2a2c32)!important;*/
	background: linear-gradient(to right, rgb(162, 227, 224), rgba(255, 249, 23, 0.61)) !important;
}

.alert-header h3 {
	margin: 0;
	padding: 15px;
}

.registered-password {
	position: absolute;
	max-width: 400px;
	right: 10px;
	top: 57px;
	background: #fff;
	color: #000;
	padding: 30px;
	z-index: 9;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
	opacity: 0;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ase-in-out;
	visibility: hidden;
	height: 0;
}

.alert-header .visible .registered-password {
	opacity: 1;
	visibility: visible;
	height: auto;
}

.registered-password:before {
	content: "";
	border-bottom: 15px solid #fff;
	position: absolute;
	right: 10px;
	top: -15px;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
}

.account-notification {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 20px;
	z-index: 999;
	top: 10px;
	border: 1px solid;
	border-radius: 50px;
}

.account-notification i {
	width: 100%;
	max-width: 18px;
	display: block;
	margin: 5px auto;
}

.welcome-section h1 {
	margin-top: 0;
	font-size: 30px;
}

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

.welcome-section h5 {
	margin: 0;
}

.spacer {
	padding: 60px 0
}

.main-column .services-colum {
	display: inline-block;
	max-width: 36%;
}

.account-setup .services-colum {
	max-width: 950px;
	margin: 30px auto;
	padding: 30px;
	box-shadow: 0 3px 16px rgba(0, 0, 0, 0.1);
	position: relative;
	text-align: center;
}

.account-setup .services-colum>h2 {
	margin-top: 0;
	font-size: 24px;
}

.setting-btn {
	position: absolute;
	top: 20px;
	right: 20px;
	background: #155799;
	padding: 5px 10px;
	text-transform: capitalize;
	font-size: 14px;
	color: #fff;
	border-radius: 3px;
}

.account-setup .services-colum .service-box {
	display: inline-block;
	max-width: 400px;
	width: 100%;
	position: relative;
	border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	vertical-align: top;
}

.account-setup .services-colum .service-box+.service-box {
	margin-left: 25px;
}

.account-setup .services-colum .service-box h4 {
	text-align: left;
	margin-left: 100px;
	padding-top: 25px;
}

.line:after {
	content: "";
	width: 60px;
	height: 3px;
	background: linear-gradient(to left, #155799, #2a2c32) !important;
	display: block;
	margin: 10px auto 0;
	border-radius: 50px;
}

.service-box .img-icon {
	max-width: 80px;
	background: #fff;
	margin: 7px;
	float: left;
	padding: 10px;
}

.service-box .img-icon img {
	width: 100%;
}

.account-setup .main-column {
	text-align: center;
}

.account-setup .main-column .services-colum {
	display: inline-block;
	max-width: 41%;
}

.account-setup .main-column .services-colum {
	margin: 0;
}

.account-setup .main-column .service-box {
	max-width: 250px;
	padding: 30px 0;
}

.account-setup .main-column .img-icon {
	float: none;
	max-width: 130px;
	margin: 0 auto;
}

.account-setup .main-column .service-box h4 {
	text-align: center;
	margin: 10px 0 0;
}

.nav-tabs-custom.ui-tabs ul.nav.nav-tabs li>a:hover {
	color: #2a2c32;
	background: #f2f2f2;
	border-color: transparent;
	border-bottom-color: #2a2c32;
	border: 0
}

/*.nav-tabs-custom.ui-tabs ul.nav.nav-tabs li > a{font-weight:600;line-height: 1;}*/
.input-group input.form-control+.input-group-addon {
	width: 38px;
}

.rep_section .input-group .input-group-addon {
	width: 40px;
	position: static;
}

.rep_section .form-control.datepicker {
	max-width: inherit !important;
}

.profile_page .profile-detail .box-body {
	background: var(--gray-light-50);
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	position: relative;
	padding: 15px 10px;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
}

.profile_page .client_details {
	display: flex;
	flex-flow: column;
	justify-content: center;
}

.profile_page .tab-content>.tab-pane {
	padding: 25px 0;
}

.upload-img-01 {
	border-radius: 3px;
	height: 40px;
	background: #2a2c32;
	position: relative;
}

.upload-img-01 input[type="file"] {
	height: 40px;
	width: 100%;
	opacity: 0;
	display: block;
	position: relative;
	z-index: 99;
}

.upload-img-01 span {
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	padding: 9px 15px;
}

/* note description */
.note_description {
	padding: 50px 0;
	border-bottom: 1px solid #e0e0e0;
}

.dropdown.export-toggle {
	float: right;
	display: block !important;
}

.dropdown.export-toggle.open>.dropdown-menu {
	display: block;
	right: 0;
	left: auto;
	/*border: 0;*/
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	padding: 0;
	margin-top: 15px;
}

/*.dropdown.export-toggle.open > .dropdown-menu::before {content: "";display: inline-block;border-bottom: 13px solid #fff;border-left: 10px solid transparent;border-right: 10px solid transparent;position: absolute;top: -13px;right: 15px;}
*/
.export-toggle .dropdown-menu .btn {
	border: 0;
	display: block;
	margin: 0 !important;
	width: 100%;
	text-align: left;
	background: transparent;
	border-bottom: 1px solid #dddd;
	border-radius: 0 !important;
	color: #333;
}

.export-toggle .dropdown-menu .btn:hover {
	background: var(--gray-light-50);
	color: #333;
}

.google-auth-submit {
	display: inline-block;
	vertical-align: middle;
}

.update_id_in {
	position: relative;
}

.update_id_in .input-group .notifu-green {
	background: #2a2c32;
	color: #fff;
	margin: 0;
	top: 0;
	bottom: 0;
	height: auto;
	line-height: 4;
	width: auto;
	font-weight: 700;
}

.update_id_in:hover {
	color: #033c77;
}

.update_id_in .notifu.form-control {
	padding-left: 110px;
}

.sms-recharge h3 {
	margin: 0 0 10px;
}

.sms-recharge .tab-content>#2a {
	overflow: hidden;
	width: 50%;
	padding: 15px;
}

.sms-recharge .sms_tab>.col-sm-12:first-child {
	background: var(--gray-light-50);
	padding: 15px;
}

.sms-recharge select {
	border: 1px solid #ddd;
	width: 100%;
	padding: 5px;
	border-radius: 3px;
}

/* checkbox design for switch*/
.checkbox-switch {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	width: 80px;
	height: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	line-height: 1.2;
	font-size: 14px;
	vertical-align: middle
}

.checkbox-switch input.input-checkbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 30px;
	padding: 0;
	margin: 0;
	opacity: 0;
	z-index: 2;
	cursor: pointer
}

.checkbox-switch .checkbox-animate {
	position: relative;
	width: 80px;
	height: 30px;
	background-color: #95a5a6;
	-webkit-transition: background 0.25s ease-out 0s;
	transition: background 0.25s ease-out 0s;
}

.checkbox-switch .checkbox-animate:before {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #7f8c8d;
	top: 5px;
	left: 5px;
	-webkit-transition: left .3s ease-out 0;
	transition: left .3s ease-out 0;
	z-index: 10
}

.checkbox-switch input.input-checkbox:checked+.checkbox-animate {
	background-color: #2ecc71;
}

.checkbox-switch input.input-checkbox:checked+.checkbox-animate:before {
	left: 55px;
	background-color: #27ae60;
}

.checkbox-switch .checkbox-off,
.checkbox-switch .checkbox-on {
	float: left;
	color: #fff;
	font-weight: 700;
	padding-top: 6px;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.checkbox-switch .checkbox-off {
	margin-left: 30px;
	opacity: 1;
}

.checkbox-switch .checkbox-on {
	display: none;
	float: right;
	margin-right: 35px;
	opacity: 0;
}

.checkbox-switch input.input-checkbox:checked+.checkbox-animate .checkbox-off {
	display: none;
	opacity: 0;
}

.checkbox-switch input.input-checkbox:checked+.checkbox-animate .checkbox-on {
	display: block;
	opacity: 1;
}

.decision-box .info {
	vertical-align: top;
}

.iconed i.icon-google.circle-option-icon {
	width: 80px;
	margin-left: 20px;
	display: inline-block;
	background: #f2f2f2;
	border-radius: 0;
	line-height: 79px;
	height: 80px;
	border-radius: 5px
}

.decision-box .circle-option-icon {
	background-color: #FFF;
	margin: 0px 8px 5px 0px;
}

.decision-box .actions {
	margin: 24px 0px;
	padding-right: 8px;
	padding-top: 5px;
}

.decision-box .info,
.decision-box .actions {
	box-sizing: border-box;
	display: inline-block;
	width: 49%;
}

.decision-box .info.iconed .details {
	margin-left: 62px;
	width: 100%;
	margin-top: 27px;
}

.decision-box .icon-google:before {
	content: "\f1a0";
	font-size: 60px;
	color: red;
	margin-left: 15px;
}

.fc-time-grid .fc-bgevent {
	/*background-color: #8da6c1 !important;*/
	background-color:
		/*#97aec8*/
		#c9dbee !important;
	background-size: 8px 8px;
	background-image: linear-gradient(45deg, transparent 46%, rgba(36, 51, 74, 0.2) 49%, rgba(36, 51, 74, 0.2) 51%, transparent 55%);
}

/*.fc-time-grid .fc-bgevent + .fc-bgevent{
	background-color: rgb(239, 239, 239)!important;
}*/
/**/
.fa.fa-lock:before {
	content: "\f023";
}

h2.checkout-header {
	margin: 0;
	padding: 15px;
	font-size: 22px;
	color: #fff;
	background: #2a3855;
	font-weight: 500
}

.col-sm-7 .checkout-bar {
	border: 1px solid #cecece;
	display: inline-block;
	width: 100%;
	border-radius: 16px;
}

.payment-option {
	background: #fff;
	display: inline-flex;
	border: 1px solid #0fc382;
	border-radius: 8px;
	padding: 5px 8px;
	position: relative;
	white-space: nowrap;
	align-items: center;
}

.payment-option h3 {
	margin: 0;
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
}

.payment-option img {
	display: inline-block;
	max-width: 36px;
	vertical-align: middle;
	margin-right: 5px;
}

.card-details.box-body {
	padding: 0px 0 15px;
	background: #fff;
	margin: 0px 0;
	border-radius: 18px;
}

.card-details .form-group input.error {
	border: 1px solid red;
}

.card-details .form-group input {
	border: 1px solid transparent;
	margin: 0;
	background: transparent;
	width: 100%;
	font-weight: 400;
}

.card-details .form-group label.error {
	display: none !important;
}

.card-details .form-group {
	margin: 0;
}

.cvc-number {
	padding-left: 0;
	padding-right: 0;
	/*width: 60px;*/
}

/*.card-details  .exp-date {width: 120px;}*/
.exp-date .form-group {
	width: 47%;
	display: inline-block
}

.securely p {
	/*color: #fff;*/
	margin-bottom: 10px;
	margin-top: 10px
}

.securely i {
	/*color:#fff;*/
	font-size: 16px;
}

.payment-header1 {
	margin-top: 0px;
}

.card_icon01 li {
	display: inline-block;
	max-width: 47px;
}

.card_icon01 li img {
	width: 100%;
	max-width: 25px;
}

.card_icon01 {
	padding-top: 4px;
	padding-right: 0px;
	display: flex;
	gap: 5px;
}

.subscriptions {
	/*background: #fff;*/
	padding: 15px;
}

.subscriptions label {
	font-size: 12px;
	font-weight: 400;
	margin: 0;
}

.subscriptions span {
	font-size: 18px;
	font-weight: 700;
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid #d7d7d7;
}

.subscriptions input {
	border: 0;
	width: 100%;
	border-bottom: 1px solid #d7d7d7;
	/*padding: 5px 0;*/
	color: #333;
	font-weight: 600;
}

.rdm_points>input {
	border: 0;
	width: 100%;
	border: 1px solid #d7d7d7;
	padding: 5px 10px;
	color: #333;
	font-weight: 600;
	height: 30px
}

.redm_check {
	border: 1px solid #e7e7e7;
	padding: 9px;
	border-radius: 5px;
}

.redm_check span {
	position: relative;
	width: auto;
	border: 0;
	display: inline-block;
	vertical-align: middle;
}

.redm_check span:before {
	content: "";
	height: 25px;
	width: 25px;
	display: block;
	background: #ddd;
	border-radius: 50px;
	margin: 0 10px
}

.subscriptions input#chk_redm {
	width: auto;
	display: inline-block;
	vertical-align: middle;
}

.card_detail1 input.btn.btn-primary {
	background: #0fc382;
	font-size: 16px;
	text-transform: uppercase;
	padding: 10px 20px;
	margin-bottom: 50px;
}

.package-pricing tr td {
	padding: 5px 10px;
	border: 1px solid var(--light-border);
	text-align: center;
	display: table-cell;
	width: 1%;
	text-align: left;
}

.package-pricing tr td:last-child {
	text-align: center;
}

.fc-time-area .fc-bgevent,
.fc-time-area .fc-bgevent-container .fc-bgevent {
	background-color: #8da6c1 !important;
	background-size: 8px 8px;
	background-image: linear-gradient(45deg, transparent 46%, rgba(36, 51, 74, 0.2) 49%, rgba(36, 51, 74, 0.2) 51%, transparent 55%);
}

.fc-time-area .fc-nonbusiness.fc-bgevent {
	background-color: #687b90 !important;
}

/* new style 06-Sep-2019  @gaurav */
/* top header */
.fa-envelope-o:before {
	content: "\f003";
}

.fa-bell-o:before {
	content: "\f0a2";
}

.new-header {
	background: #fff;
	border: 0;
	border-radius: 0;
	padding: 8px 20px;
}

/*.new-header *{color: #747D8C; }*/
.new-header #main_logo {
	/*min-height: 52px;*/
	max-height: 40px;
}

.middle-header {
	color: #6a788d;
	font-size: 16px;
}

.middle-header .beta-version {
	background: #2a2c32;
	margin-left: 15px;
	padding: 6px 16px;
	border-radius: 50px;
	font-size: 14px;
	display: inline-block;
	line-height: 1.4;
}

.callout.new-header .right-menu li {
	margin: 0;
	padding: 0 5px;
}

.notifications-menu .dropdown-toggle,
.notifications-menu .dropdown-toggles {
	padding: 0;
	position: relative;
	display: block;
}

.notifications-menu .dropdown-toggles {
	padding: 0;
	width: 32px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1
}

.callout.new-header .right-menu li.user-detail .dropdown-toggle>span {
	display: flex;
	align-items: center;
	justify-content: center;
}

.callout.new-header .right-menu li.user-detail .dropdown-toggle>span .member-initials {
	transform: translateY(0%);
	-webkit-transform: translateY(0%);
}

.notifications-menu .produktly {
	position: relative;
	display: block;
}

.notifications-menu .dropdown-toggle i.fa {
	font-size: 30px;
	font-family: FontAwesome;
	display: flex;
}

#produktly-whats-new {
	position: absolute;
	z-index: 2;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	cursor: pointer;
}

.new-header .icon-user {
	height: 42px;
	width: 42px;
	display: inline-block;
	background: #ddd;
	border-radius: 50px;
	line-height: 42px;
	font-size: 24px;
	margin-right: 10px;
}

.selectpicker {
	font-size: 16px;
	padding-left: 10px;
	padding-right: 0;
	background-color: transparent !important;
}

span.label.label-warning.update_count {
	display: block;
	height: 20px;
	width: 20px;
	background: #2a2c32 !important;
	top: -8px;
	right: -5px;
	line-height: 20px;
	text-align: center;
	font-size: 11px;
	padding: 0;
	font-weight: 600;
}

.notifications-menu span.label.label-warning.update_count.theme-background-color {
	background: #ca0000 !important
}

#activity_notification_header i.fa.fa-bell-o {
	/*color: #fff;*/
	margin-right: 10px;
}

.new-header .dropdown-menu {
	border: 0px solid #666;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	left: auto;
	right: 0;
}

.new-header .member-initials {
	border-radius: 50px;
	height: 35px;
	width: 35px;
	text-align: center;
	line-height: 35px;
	background: #2a2c32;
	color: #fff !important;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	position: static;
	transform: translateY(-10%);
	-webkit-transform: translateY(-10%);
	display: flex;
	justify-content: center;
	align-items: center;
}

/*#activity_notification_header span {color: #ffff;}*/
.callout.new-header .right-menu li ul li {
	padding: 0;
}

li.notifications-menu {
	white-space: normal;
}

.flex-wrap {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.total-info-container .form-group {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important
}

.total-info-container .col-sm-6 {
	border: 0px solid #dfdfdf;
	margin-left: -1px;
	margin-bottom: -1px;
}

/* side menu */
#navigation li:hover .dropdown-menu {
	display: block;
	opacity: 1;
	visibility: visible;
}

/* popup style */
span.currency-icon {
	position: absolute;
	right: 10px;
	top: 15px;
	z-index: 9;
	color: #A19F97;
}

.print-btn-div button.btn.btn-info {
	margin: 0 0 15px;
}

.features-ul+a.green_large_btn {
	margin-bottom: 0;
}

.client-list .table.dataTable td.dataTables_empty img {
	width: auto;
	height: auto;
}

/*.client-list .table.dataTable td.dataTables_empty h4{display: none;}*/


.chart.services_sale_table .table {
	width: 99.5%;
}

.chart.services_sale_table .table td:last-child,
.chart.staff_sales_report .table td:last-child {
	text-align: left
}

span.language-selector {
	display: inline-block;
	vertical-align: middle;
	height: 20px;
}

#shrivra-update .modal-content {
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

#shrivra-update .default-header,
#shrivra-update .modal-footer {
	background: transparent
}

#shrivra-update .modal-header {
	padding-bottom: 0
}

.update-list {
	padding-left: 25px;
	padding-right: 25px
}

.update-list li {
	padding-left: 30px;
	position: relative;
	margin-bottom: 17px;
}

.update-list li p {
	line-height: 1.6
}

.update-list li:before {
	content: "\f058";
	font-family: 'FontAwesome';
	font-size: 24px;
	color: #2a2c32;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 1
}

/*Quicksale page css*/
/* .box-header { border-bottom: 1px solid #eee;} */
.input-group {
	width: 100%;
}

.row.customer-info {
	border: 1px solid var(--light-border);
	padding: 9px;
	background-color: #fff;
	margin: 10px 0
}

/*.row.customer-info *{font-size:15px !important}*/
.cust-revenue-info {
	text-align: center;
}

.cust-revenue-info span {
	font-size: 14px;
	/*font-weight: bold;*/
}

.customer-info {
	display: none;
}

input.input-xlarge.full-width,
input.form-control.full-width {
	width: 100%;
}

.bottom_line {
	border-bottom: 1px solid #ddd !important;
	margin: 15px -8px;
	padding-bottom: 15px;
}

.select-one label,
.text-center {
	text-align: center
}

/*td,th{border:1px solid #eee}*/
.scroll-table {
	max-height: 500px;
	overflow-y: scroll
}

.billContent {
	list-style: none;
	padding: 0
}

.billContent>li {
	padding: 7px;
	font-size: 16px
}

.billContent span {
	margin-left: 10px
}

.select-one {
	padding-top: 5px;
	position: relative;
	float: left
}

.select-one label {
	width: auto;
	float: none;
	position: relative;
	background: rgba(21, 153, 87, .05);
	padding: 11px 13px;
	font-size: 12px;
	border: 1px solid;
}

.select-one .custom-check {
	display: none
}

.select-one .custom-check+label {
	position: relative;
	color: #2a2c32
}

.select-one .custom-check:checked+label {
	color: #fff;
	background: #2a2c32;
	border: 1px solid transparent;
}

.select-one .custom-check+label:active,
.select-one .custom-check:checked+label:active {
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .1) inset
}

.common_div {
	display: none;
}

.form-group .control-label {
	min-height: 30px;
	padding-top: 10px;
}

.pb-3 {
	padding-bottom: 10px
}

.input-group .form-control.datepicker {
	padding-left: 50px;
}

.service-row>.row+.row,
.product-row>.row+.row,
.membership-row>.row+.row {
	margin-bottom: 10px
}

.flexi {
	display: flex;
	display: -ms-flex-box;
	display: -webkit-flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.flexi span:last-child {
	font-weight: bold
}

.total-info-container {
	text-align: right
}

.total-info-container .form-control[readonly],
.total-info-container .form-control {
	background-color: transparent;
	border: 0;
	cursor: default;
	color: #000;
	font-weight: bold;
	text-align: right;
	margin-bottom: 0;
}

/*front page css*/
#navigation .dropdown-menu>li>a {
	font-size: 14px;
	text-transform: capitalize
}

.ui-datepicker-calendar {
	width: 100%
}

.ui-state-default {
	display: block
}

.main-nav3 .dropdown-menu {
	left: auto;
	right: 0
}

.main-nav {
	list-style: outside none none;
	padding-bottom: 12px;
	padding-left: 10px;
	position: relative
}

.dropdown.notifications-menu {
	display: inline-block;
	padding-right: 20px
}

.label-warning {
	border-radius: 46px 50px;
	position: absolute;
	right: 0;
	top: 8px
}

menu not-li a {
	text-decoration: none
}

.notifications-menu .fa-bell-o :hover {
	color: #000
}

.user-detail .dropdown-menu>li>a {
	color: #fff;
	text-decoration: none
}

.user-detail .dropdown-menu>li>a:hover {
	background: #000;
	color: #fff;
	filter: none
}

.dropdown-menu2 li {
	padding: 7px 7px
}

.dropdown-menu2 li:hover {
	text-decoration: none !important;
	background: #000
}

.dropdown-menu2 a .noty_title {
	margin-bottom: 10px;
	font-size: 15px
}

.dropdown-menu2 .noty_title {
	margin: 5px 0 0
}

.navbar-custom-menu>.navbar-nav>li.dropdown2 .dropdown-menu2 li.title {
	background: #2a2c32;
	text-align: left;
	font-size: 16px;
	text-transform: uppercase;
	padding: 15px 15px;
	color: #fff;
	font-weight: 600
}

.right-menu .dropdown-menu2 {
	white-space: normal
}

.default-header {
	background: #f6f8fa
}

.default-header h4 {
	color: #000
}

.branch-list li {
	margin-bottom: 12px;
	position: relative;
}

.branch-list li:last-child {
	border-bottom: 0
}

.branch-list li a {
	color: #444;
	font-size: 14px
}

.branch-list li a:hover {
	color: #999
}

.branch-list li a:hover:before {
	border-color: #00c0ef
}

.glyphicon-bell:before {
	content: "\e123"
}

#update_id p {
	font-size: 12px
}

.user-detail .dropdown-menu>li {
	display: block;
	float: none
}

.user-detail .dropdown-menu>li>a {
	padding: 6px 15px;
	line-height: 1.3;
	display: block
}

/*Store Index css*/
.modal-body.transfer-order-content {
	padding: 0;
}

.transfer-order-content .table thead tr th {
	width: 1%;
}

.input-group-addon+input#full_price,
.input-group-addon+input#special_price,
.input-group-addon+input#cost_price {
	margin-left: 38px;
	width: calc(100% - 38px);
}

.product_view_detail #DataTables_Table_3_wrapper select,
.product_view_detail #DataTables_Table_3_wrapper input {
	margin: 0 6px 0 !important;
}

.product_view_detail #DataTables_Table_3_wrapper select {
	width: 65%;
	padding: 0 15px !important;
	height: 30px;
}

.product_view_detail .dataTables_length>label {
	width: 100%;
}

.input-group-addon+input#full_price,
.input-group-addon+input#special_price,
.input-group-addon+input#cost_price {
	margin-left: 38px;
	border-radius: 0 5px 5px 0 !important;
	padding-left: 10px !important
}

.product_view_detail #DataTables_Table_3_wrapper select {
	width: auto;
	padding: 0 20px 0 0 !important;
	height: 30px;
	border: 0;
}

/*Calendar index page*/
.color-confirmed {
	background-color: #8feaa5;
	display: inline-block;
	width: 12px;
	height: 12px;
}

.color-arrived {
	background-color: #9fd6fd;
	display: inline-block;
	width: 12px;
	height: 12px;
}

.color-start {
	background-color: orange;
	display: inline-block;
	width: 12px;
	height: 12px;
}

.color-completed {
	background-color: #1baf8f;
	display: inline-block;
	width: 12px;
	height: 12px;
}

.color-cancelled {
	background-color: #fc8e8f;
	display: inline-block;
	width: 12px;
	height: 12px;
}

.color-notcame {
	background-color: #F7492E;
	display: inline-block;
	width: 12px;
	height: 12px;
}

ul.colorul li {
	display: inline-block
}

.search-bar {
	position: relative;
	padding-right: 40px
}

.search-bar #search {
	width: 100%
}

.search-bar #searchsubmit {
	position: absolute;
	right: 0;
	top: 0
}

.feedback-row .star-box-main {
	padding-left: 8px;
	padding-right: 8px;
	max-width: 20%;
	width: 20%;
}

.feedback-row .star-box-main img#main_logo {
	max-width: 100%;
	max-height: 60px;
	margin-bottom: 10px;
}

.mt-1 {
	margin-top: 0.5rem !important
}

.mt-2 {
	margin-top: 1rem !important
}

.mb-2 {
	margin-bottom: 1rem !important
}

.mb-1 {
	margin-bottom: 0.5rem !important
}

.pb-3 {
	padding-bottom: 1.5rem !important
}

.pt-3 {
	padding-top: 1.5rem !important
}

.Special-timing.fc-bgevent {
	opacity: .71;
}

/*Dashboard css*/
.chart-responsive-nodata img {
	display: block;
	margin: 0 auto
}

.chart-responsive-nodata span {
	font-size: 13px;
	font-weight: 600;
	display: block;
	max-width: 280px;
	margin: 10px auto 0;
	padding-top: 10px;
	color: #444444;
}

.chart-responsive-nodata,
.dataTables_empty p {
	font-size: 16px;
	display: inline-block;
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
	padding: 15px;
	padding-top: 5px;
	color: #101928;
}

.bestStaff {
	list-style: outside none none;
	margin: 0 auto;
	padding: 100px 0;
	text-align: center
}

.nav>li>a {
	padding: 15px
}

input#go_btn1 {
	height: 34px;
	margin-top: -1px
}

.pagination input.goto {
	height: 38px;
	line-height: normal;
	vertical-align: top
}

.searcharea-top {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex-box;
	justify-content: space-between;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 0
}

.searcharea-top #searchsubmit {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 0
}

.searcharea-top .info-appointment:first-child {
	width: 80%;
	padding-right: 52px;
	position: relative
}

.btn+.btn {
	margin-left: 0
}

.modal select.form-control,
select.form-control {
	margin-bottom: 10px
}

button,
input,
label,
select,
textarea {
	font-size: 14px
}

/*.nav-tabs-custom.ui-tabs ul.nav.nav-tabs li>a{font-size:16px}*/
.d-flex {
	display: flex;
	flex-wrap: wrap;
	height: 100%
}

/*.d-flex .col-md-6{padding-bottom:1.2rem}*/
.box.box-danger.equal {
	height: 100%;
	border: 1px solid var(--light-border)
}

.chart.services_sale_table,
.equal-table {
	height: 294px;
	overflow: auto
}

.users-list.table.dataTable td {
	white-space: nowrap
}

.pt-0 {
	padding-top: 0 !important
}

.box.box-danger.equal .box-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.chart-responsive-nodata p {
	padding-right: 10px;
	padding-left: 10px;
	color: #101928;
}

/*campaign page css*/
.main-list {
	margin-bottom: 16px;
	z-index: 1
}

.middle-list {
	background: #fff;
	border-top: 1px solid #d8e2e7;
	padding: 10px;
	width: 100%;
	min-height: 150px;
	height: calc(100% - 324px);
}

.bottom-list .item {
	display: table-cell;
	width: 1%;
	text-align: center;
	padding: 14px 0;
	border-left: 0 solid #d8e2e7;
}

a {
	cursor: pointer
}

.alert-info1 {
	background: #8d6658;
	color: #fff
}

.camping-new .tab-content>.tab-pane {
	border: 0 solid #ddd;
	border-top: 0;
	padding: 0;
}

.view-category {
	float: right;
	padding-right: 18px;
	position: absolute;
	right: 0;
	top: 15px
}

.view-category span {
	margin-left: 15px;
	font-size: 22px;
	cursor: pointer
}

.hide-view {
	display: none
}

.campaigns {
	background: #fff none repeat scroll 0 0
}

.campaigns-inner textarea {
	height: 121px !important
}

.campaigns-inner input[type=checkbox] {
	width: 22px;
	height: 18px;
	margin-right: 11px
}

.campaigns-inner .help-block {
	color: red
}

.campaigns-inner html input[disabled],
.campaigns-inner input[disabled] {
	box-shadow: none;
	cursor: not-allowed !important;
	opacity: .65 !important
}

.gridview {
	margin: 5px;
	box-shadow: 0 10px 20px rgba(214, 224, 225);
	-webkit-box-shadow: 0 10px 20px rgba(214, 224, 225);
	border: 1px solid rgba(0, 0, 0, .09);
	border-radius: 6px;
	overflow: hidden;
	height: 100%;
}

.grid-view-outer {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap
}

.magicsearch {
	border: 1px solid #c2c2c2;
	height: 50px;
	width: 100%;
	border-radius: 8px;
	color: #ccc;
	background-color: transparent;
	transition: all .5s cubic-bezier(.19, 1, .5, 1);
	padding: 5px 10px;
	font-size: 1.2rem;
	margin-bottom: 40px;
}

.camping-new .gridview .left-list {
	float: none
}

.alert_msg {
	color: #fff;
	font-size: 16px;
	margin-bottom: 15px;
	border-bottom: 0;
	background: #00c0ef;
	padding: 15px;
}

.alert_msg>p {
	margin-bottom: 0;
}

.form-fox {
	max-width: 700px;
	margin: 0 0 20px;
	padding: 20px;
	background: #f7f7f7;
	border-radius: 5px;
}

/*Leads Header css*/
.cui4-button-group {
	display: flex;
	box-sizing: border-box;
	align-items: flex-start
}

.cui4-button-group .cui4-button:not(.cui4-button--ghost):first-child {
	border-radius: 2px 0 0 2px
}

.cui4-button-group .cui4-button:not(.cui4-button--ghost) {
	margin-right: -1px;
	border-radius: 0
}

.cui4-button>.cui4-icon {
	flex-shrink: 0
}

.pBnQx svg {
	height: 24px
}

.cui4-icon--s {
	height: 16px;
	width: 16px
}

.cui4-icon {
	display: inline-flex;
	flex: 0 0 auto;
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	fill: #404346;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

svg.cui4-icon use {
	pointer-events: none
}

.cui4-button-group .cui4-button:not(.cui4-button--ghost) {
	margin-right: -1px;
	border-radius: 0
}

.cui4-button {
	background: #fff;
	border: 0;
	border-radius: 2px;
	cursor: pointer;
	margin: 0;
	height: 32px;
	min-width: 32px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	color: #2a2c32 !important;
	padding: 4px 8px;
	vertical-align: top;
	font-size: 13px;
	font-weight: 500;
	border: 1px solid;
}

.cui4-button--active:hover:not([disabled]),
.cui4-button--active:not([disabled]),
.cui4-button:active:hover:not([disabled]),
.cui4-button:active:not([disabled]) {
	background: rgb(21, 153, 87, .05);
}

.dXxOYy {
	margin-left: 5px;
	display: inline-flex
}

.pBnQx {
	display: inline-flex
}

input.input-xlarge.full-width {
	width: 100%;
}

/*.error { font-size: 12px;}*/
.bootstrap-timepicker-widget table td input {
	width: 36px;
}

/*follow up page css*/

.select-full-width {
	border: 1px solid #aaa;
	height: 38px;
	border-radius: 3px;
}

.list-heading th {
	background: #000 !important;
	color: #fff !important;
}

.list-heading td {
	background: #eee !important;
}

.entries .dataTables_length>label {
	width: 116px;
	white-space: nowrap;
	overflow: hidden;
}

/*Coupons page css*/
.coupons .table.dataTable .sorting_asc {
	text-align: left;
}

.swal2-content ui li {
	list-style: inside;
	text-align: justify;
	font-size: 17px;
}

/*Profile page css*/
.profile-setup .switch {
	position: relative;
	display: inline-block;
	/*width:60px;height:34px*/
}

.profile-setup .switch input {
	display: none
}

.profile-setup .slider1 {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s
}

.profile-setup .slider1:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: #fff;
	-webkit-transition: .4s;
	transition: .4s
}

.profile-setup input:checked+.slider1 {
	background-color: #2196F3
}

.profile-setup input:focus+.slider1 {
	box-shadow: 0 0 1px #2196F3
}

.profile-setup input:checked+.slider1:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px)
}

.profile-setup .slider1.round {
	border-radius: 34px
}

.profile-setup .slider1.round:before {
	border-radius: 50%
}

.profile-setup h1,
.profile-setup h2,
.profile-setup h3,
.profile-setup h4,
.profile-setup h5,
.profile-setup h6 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.profile-setup .cropper-btn {
	margin: 6px 0 0;
}

.profile-setup .tab-content>.tab-pane {
	padding: 15px;
	width: auto
}

.profile-setup form#frmDetails {
	border: 0;
	max-width: 100%;
}

.profile-setup .message textarea.form-control {
	resize: block;
}

.profile-setup form+.row-fluid {
	padding: 0 15px;
}

.profile-setup .table.myTable td:first-child,
.profile-setup .table.dataTable td:first-child {
	padding-left: 15px;
}

.otherSetting .enb_area {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-moz-box-align: center;
	align-items: center;
}

.otherSetting .enb_area .switch {
	min-width: 60px;
	margin-right: 15px;
}

.responsive-messages .table.table-bordered td:first-child {
	width: 70%;
}

.responsive-messages .table.table-bordered th {
	white-space: nowrap;
}

/*Message Template*/
.messageTemplate .message {
	text-align: left;
	cursor: pointer;
	display: block;
	/* margin: 10px; */
	margin-bottom: 10px;
	padding: 5px;
}

.messageTemplate .success {
	background: #eaf7d9;
	border: 1px solid #bbdf8d;
	color: #336801;
}

.messageTemplate .form-group.enb_area {
	margin-bottom: 0;
}

.messageTemplate .cke .cke_top {
	border-top: 1px solid #ddd;
	background: #EEE;
	border: 0;
	border-radius: 12px 12px 0 0;
}

/*Product Template*/
.productTemplate .btn.btn-info,
.productTemplate .btn.btn-warning {
	margin-bottom: 0;
	margin-top: 8px;
}

.productTemplate .nav-tabs-custom {
	margin-bottom: 13px;
}

.productTemplate .dataTable-tools {
	clear: both;
	width: 100%;
	float: left
}

.productTemplate .table.dataTable {
	width: 100%
}

.productTemplate .btn.btn-info {
	margin-right: 0;
}

.productTemplate .input-group-addon {
	top: 0
}

/*Member Listing page*/
.nav-tabs-listing>.nav-tabs li.action-btn {
	margin-top: 10px;
}

.nav-tabs-listing li.action-btn.open .dropdown-menu {
	right: 0;
	border: 0;
	top: 40px;
}

.nav-tabs-listing>.nav-tabs li.action-btn .dropdown-menu.toggle-menu li {
	height: auto;
}

.nav-tabs-listing>.nav-tabs li.action-btn .dropdown-menu.toggle-menu a {
	padding: 7px 15px;
	border-bottom: 1px solid #ddd !important;
	white-space: nowrap;
}

.nav-tabs-listing .nav-tabs,
.nav-tabs-listing,
.nav-tabs-listing .nav-tabs>li {
	margin-bottom: 0
}

.nav-tabs-listing .nav-tabs {
	border-bottom: 0 solid #00c0ef
}

.nav-tabs-listing .nav-tabs>li {
	font-weight: 700;
	text-transform: uppercase
}

@media (min-width:960px) {}

.nav-tabs-listing .nav-tabs li {
	margin: 0
}

.nav-tabs-listing .nav-tabs li a {
	color: #343434;
	padding: 14px;
	display: block;
	border: 0
}

.nav-tabs-listing .nav-tabs>li.active {
	background: #fff !important;
	border-top-color: #00c0ef;
	border-bottom-color: #fff
}

.nav-tabs-listing .nav-tabs>li.active a,
.nav-tabs-listing .nav-tabs>li.active a:focus,
.nav-tabs-listing .nav-tabs>li.active a:hover {
	/*color:#000!important;*/
	border: 0
}

.outer {
	background: #fff;
	padding: 0 12px
}

.coupons .table.dataTable .sorting_asc {
	/*background-color:#eef1f7!important;*/
	/*color:#6a788d;*/
	/*font-size:16px;t*/
	text-align: left
}

.swal2-content ui li {
	list-style: inside;
	text-align: justify;
	font-size: 17px
}

.coupons .view_detail {
	padding: 4px 10px 6px;
	line-height: .5;
	height: auto;
	color: #fff
}

.full-width {
	width: 100% !important
}

.dataTables_wrapper {
	overflow: auto;
}

ul#columns li {
	display: inline-block;
	width: 47%;
}

ul#columns li,
ul#sortable li {
	padding: 10px;
}

ul#sortable li span {
	padding-right: 10px;
}

.disabled {
	opacity: 0.6;
}

.nav-tabs-listing .nav-tabs {
	width: 100%
}

/*Client list page*/
.pagination ul li {
	background-color: #f2f2f2;
	border: 1px solid;
	color: #787878;
	font-size: 14px;
	font-weight: bold;
	list-style: none outside none;
	margin: 0 3px;
	cursor: pointer;
	border-radius: 50px;
	display: inline-block;
	min-height: 26px;
	text-align: center;
	line-height: 24px;
	vertical-align: top;
	padding: 4px 12px;
}

.n-active {
	background: rgb(72, 166, 91) !important;
	color: #fff !important;
	border: 1px solid rgb(72, 166, 91) !important;
}

input#go_btn1 {
	height: 34px;
	margin-top: -1px;
}

.pagination input.goto {
	height: 38px;
	line-height: normal;
	vertical-align: top;
}

/*.total {margin-top: 8px;}*/
.nav-tabs-custom {
	margin-bottom: 0;
	background: transparent
}

.input-group .input-group-addon+input.form-control {
	padding-left: 45px !important;
}

/*Invite Friends Page*/
.InvitesUmdWrapper__Container {
	box-sizing: border-box;
}

.cui4-text {
	font: 400 14px/20px Inter, sans-serif;
	color: #26292c;
}

.Invites {
	max-height: 100%;
	overflow-y: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #edf7ff url(../images/referrals_bg.png) no-repeat center center;
	background-size: cover;
	-webkit-box-shadow: 0 2px 4px 0 rgba(38, 41, 44, 0.16);
	box-shadow: 0 2px 4px 0 rgba(38, 41, 44, 0.16);
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	position: relative;
	top: 15px;
}

.InvitesIntroduction__LeftBlock {
	padding: 48px 30px 40px 30px;
}

.InvitesIntroduction__Header {
	margin-bottom: 29px;
}

.cui4-text h1,
h1.cui4-text {
	font: 400 24px/32px Inter, sans-serif;
	margin-bottom: 20px;
}

.cui4-text p,
p.cui4-text {
	line-height: 20px;
	margin-bottom: 16px;
}

.cui4-text h2,
h2.cui4-text {
	font: 400 20px/28px Inter, sans-serif;
	margin-bottom: 16px;
}

.InvitesIntroduction__ShareWrapper .cui4-button--green {
	margin-right: 2px;
}

.cui4-icon--s {
	height: 16px;
	width: 16px;
}

.cui4-icon--white {
	fill: #fff;
}

.InvitesIntroduction__Button:not(:last-of-type) {
	margin-right: 8px;
}

.InvitesIntroduction__Button img {
	height: 16px;
}

.InvitesIntroduction__RightBlock {
	text-align: center;
}

ul.tabs-nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-left: 30px;
}

ul.tabs-nav li {
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
}

ul.tabs-nav li.current {
	color: #222;
	border-bottom: 2px solid #2a2c32;
	font-weight: 600;
}

.tab-panel-content {
	display: none;
	background: #fff;
	padding: 40px;
}

.tab-panel-content.current {
	display: inherit;
}

.RewardItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: inline-block;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 32px 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 4px 0 rgba(38, 41, 44, 0.16);
	box-shadow: 0 1px 4px 0 rgba(38, 41, 44, 0.16);
	border-radius: 2px;
	-ms-flex-preferred-size: 32%;
	flex-basis: 32%;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	margin-right: 24px;
	background: #e3e3e3;
}

.RewardItem img {
	width: 100%;
}

.RewardItem__Label {
	width: 100%;
	margin: 5px 0 8px;
	display: flex;
	justify-content: space-between;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
	color: #747678;
}

.RewardPicker .RewardItem:last-child {
	margin-right: 0;
}

.cui4-progressbar--s,
.cui4-progressbar--s .cui4-progressbar__progress {
	height: 4px;
}

.cui4-progressbar {
	height: 8px;
	width: 100%;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	overflow: hidden;
	background-color: #e5e5e5;
}

.cui4-button[disabled] {
	background: #f7f7f7;
	cursor: not-allowed;
	-webkit-box-shadow: inset 0 0 0 1px #cbcccd;
	box-shadow: inset 0 0 0 1px #cbcccd;
}

.RewardItem button {
	width: 100%;
	margin-top: 15px;
}

.HowItWorks {
	margin: 40px 0 16px;
}

.HowItWorks__columns {
	margin: 29px 0 34px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.HowItWorks__column:not(:last-of-type) {
	margin-right: 24px;
}

.HowItWorks__column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.HowItWorks__number {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 24px;
	flex: 0 0 24px;
	margin-right: 17px;
	border-radius: 50%;
	height: 24px;
	text-align: center;
	background-color: #317ae2;
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	color: #ffffff;
}

.HowItWorks__columnTitle {
	color: #404346;
	font-weight: 700;
}

.HowItWorks__columnDescription {
	color: #747678;
}

.cui4-text p,
p.cui4-text {
	line-height: 20px;
	margin-bottom: 18px;
	font-weight: 600;
}

.Invites .divider {
	width: 100%;
	height: 1px;
}

.bottomBlocksWrapper {
	padding-top: 57px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.bottomBlocksWrapper .ReferralsOverview {
	-webkit-box-flex: 50%;
	-ms-flex: 50%;
	flex: 50%;
	max-width: 432px;
}

.bottomBlocksWrapper .ReferralsOverview h2 {
	margin-bottom: 35px;
}

.ReferralsOverview__Item {
	margin-bottom: 20px;
	padding-right: 76px;
}

.ReferralsOverview__Label {
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 700;
	line-height: 14px;
	color: #747678;
	padding: 0 0 8px;
}

.cui4-progressbar--no-background {
	background-color: transparent;
}

.cui4-progressbar--s,
.cui4-progressbar--s .cui4-progressbar__progress {
	height: 4px;
}

.cui4-progressbar--green .cui4-progressbar__progress {
	background-color: #08a742;
}

.cui4-progressbar__progress {
	background-color: #b9babb;
	position: absolute;
	border-radius: 2px;
	height: 100%;
	min-width: 4px;
	-webkit-transition: width .15s ease-in-out;
	transition: width .15s ease-in-out;
}

.cui4-button.ReferralsOverview__Button>span {
	color: #26292c;
	padding: 0 8px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.Stats {
	margin-top: 35px;
}

.Stats table {
	width: 100%;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	background: #fff
}

.Stats table thead {
	font-weight: 700;
}

.Stats table thead tr {
	border-bottom: none;
}

.Stats table thead td {
	font-size: 10px;
	color: rgba(38, 41, 44, 0.64);
	text-transform: uppercase;
}

.Stats table tbody tr:last-child {
	border-bottom: none;
}

.Stats .Invitee--example {
	color: #404346;
}

.Stats table tbody tr {
	border-bottom: 1px solid #e5e5e5;
	border-collapse: collapse;
}

.Stats table tbody td:first-child {
	text-align: left;
}

.Stats table tbody td {
	padding: 11px 0;
	text-align: center;
	position: relative;
}

.cui4-spacing--right-m {
	padding-right: 16px;
}

.cui4-spacing--left-m {
	padding-left: 16px;
}

.cui4-spacing--bottom-m {
	padding-bottom: 16px;
}

.cui4-spacing--top-m {
	padding-top: 16px;
}

.cui4-spacing {
	display: block;
}

.SendEmailModal .cui4-textarea,
.SendEmailModal .cui4-input {
	margin-bottom: 13px;
}

.cui4-input {
	position: relative;
	font-size: 12px;
	font-family: Inter, sans-serif;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.SendEmailModal .cui4-textarea__label,
.SendEmailModal .cui4-input__label {
	margin-bottom: 8px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 14px;
	color: rgba(38, 41, 44, 0.64);
}

.cui4-input__box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.cui4-input input[type=text] {
	width: 100%;
	border-radius: 2px !important;
	border: 1px solid #cbcccd;
	-webkit-box-shadow: inset 0 1px 2px #eee;
	box-shadow: inset 0 1px 2px #eee;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	padding: 4px 8px;
	height: 32px;
	font: 400 14px/20px Inter, sans-serif;
	color: #26292c;
	-webkit-transition: padding 75ms ease-in-out;
	transition: padding 75ms ease-in-out
}

.SendEmailModal .cui4-textarea,
.SendEmailModal .cui4-input {
	margin-bottom: 13px;
}

.SendEmailModal .cui4-textarea__label,
.SendEmailModal .cui4-input__label {
	margin-bottom: 8px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 14px;
	color: rgba(38, 41, 44, 0.64);
}

.tab-content {

	background: #fff;
	/*padding: 20px 20px 80px 20px !important;*/
}

.cui4-textarea textarea[disabled],
.cui4-textarea textarea[readonly] {
	background: #f7f7f7;
}

.cui4-textarea textarea[disabled] {
	color: #747678;
}

.SendEmailModal .cui4-textarea textarea {
	min-height: 154px;
	resize: vertical;
	height: 233px;
}

.cui4-textarea textarea {
	width: 100%;
	max-width: 100%;
	display: block;
	border-radius: 2px;
	border: 1px solid #cbcccd;
	font-size: 14px;
	padding: 8px;
	min-height: 56px;
	border-radius: 2px !important;
}

.works {
	text-align: center;
	padding-bottom: 12px;
}

.copy-tooltip .tooltiptext {
	visibility: hidden;
	width: 140px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	left: 50%;
	margin-left: -75px;
	opacity: 0;
	transition: opacity 0.3s;
}

.copy-tooltip {
	position: relative;
	display: inline-block;
}

.copy-tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.copy-tooltip .tooltiptext {
	width: 140px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 150%;
	left: 50%;
	margin-left: -75px;
	opacity: 0;
	transition: opacity 0.3s;
}


.btn-sm {
	padding: 4px 7px;
}

.btn-sm i {
	margin-right: 0
}

.per-text {
	font-size: 22px;
}

.small-switches .permission-items .card {
	margin: 19px 0
}

.small-switches .card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid var(--light-border);
	border-radius: .25rem
}

.small-switches .card-header {
	font-weight: 600;
	padding: .75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, .03);
	border-bottom: 1px solid var(--light-border);
}

.small-switches .card-header+.list-group .list-group-item:first-child {
	border-top: 0
}

.small-switches .list-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0
}

.small-switches .list-group-flush .list-group-item {
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	margin-bottom: -1px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .125);

}

.flexbox {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important
}

.d-inline-block {
	display: inline-block
}

.align-items-center {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important
}

form#frmDetails {
	border: 0;
}

form#frmDetails input {
	width: 100%;
	padding-left: 15px;
}

.mb-15 {
	margin-bottom: 15px
}

.d-flex-full {
	display: -ms-flexbox;
	display: flex;
}

#add-client-modal .modal-body .flexbox {
	-webkit-box-align: start !important;
	-ms-flex-align: start !important;
	align-items: start !important
}

/*cusotm_fields css*/
.note_description {
	padding: 20px 0;
	border: 0;
}

.web-form-create form {
	margin: 10px;
	padding: 10px;
	border: 1px solid var(--light-border);
	background: #eee;
}

.web-form-create form input[type="text"] {
	width: 100%;
}

.web-form-create form .field-special {
	padding: 10px;
	background: #fff;
	border: 1px solid #ccc;
}

.web-form-create form a#add-more-field {
	color: #000;
	border: 1px solid;
	border-radius: 3px;
	padding: 5px;
}

.web-form-create form .margin-top {
	margin-top: 25px;
}

table th.field-width {
	width: 10% !important
}

.table-element.clearfix {
	clear: both;
}

.table.table-hover.table-responsive {
	margin-top: 5%;
}

.table.table-hover.table-responsive td {
	font-size: 22px;
	font-weight: bold;
}

/*.table thead tr th {background: #eee !important;}*/
#swal2-title {
	color: #000;
	margin: 0;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	padding: 15px;
	background: #dcffdd;
}

ul.field-type {
	padding: 20px;
}

.field-item {
	list-style: none;
	padding: 9px !important;
	margin-bottom: 10px;
	text-align: left;
	cursor: pointer;
	border: 1px solid #ddd;
	font-size: 16px;
}

.field-item:hover {
	background-color: rgb(21, 153, 87, .05);
}

.field-data,
.leftcontent p {
	text-align: left;
}

.leftcontent {
	/* float: left; */
	display: inline-block;
	vertical-align: middle;
}

.q-switch {
	display: inline-block;
	vertical-align: middle;
}

.modal-header {
	padding: 15px 0;
	background: transparent;
}

.inputfield {
	width: 80%;
	margin-bottom: 15px;
	float: left;
}

.add-options {
	cursor: pointer;
}

.option-div {
	clear: both;
	display: inline-block;
	width: 100%;
}

.rule {
	clear: both;
	background: #f2f2f2;
	padding: 5px;
	margin-bottom: 10px;
}

.option-element {
	max-height: 200px;
	overflow-y: auto;
}

.modal-actions {
	display: block;
	clear: both;
	margin-top: 25px;
}

.back,
.back:hover {
	background-color: #ccc;
	float: left;
	color: #000;
}

.save,
.save:hover {
	background-color: #000;
	float: right;
	color: #fff;
}

/* #memberStaffAlertModal {
	z-index: 11070 !important;
}
#memberStaffAlertModal + .modal-backdrop,
body.modal-open .modal-backdrop:last-of-type {
	z-index: 11060 !important;
} */

/*Google Authentication*/
.authentication .enb_area label.col-sm-10 {
	margin-top: 5px;
	font-size: 16px;
}

.authentication label.col-sm-8 {
	margin: 18px 0 0 0;
}

.authentication input[type=checkbox],
.authentication input[type=radio] {
	zoom: 2;
}

.authentication .tab-content>.tab-pane {
	padding-left: 15px;
	padding-right: 15px
}

.authentication form#frmDetails {
	border: 0px solid #ddd;
	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
}

.authentication .form-group.enb_area {
	margin: 0;
	padding: 30px 10px;
}

.authentication .box.box-primary {
	border-top-color: #3c8dbc;
}

.authentication .profile-user-img {
	border: 3px solid #d2d6de;
	margin: 0 auto;
	padding: 3px;
	width: 100px;
}

.authentication .img-circle {
	border-radius: 50%;
}

.authentication .profile-username {
	font-size: 21px;
	margin-top: 5px;
}

.authentication .text-muted {
	color: #777;
}

.authentication b,
.authentication strong {
	font-weight: 700;
}

.authentication .nav-tabs-custom>.nav-tabs {
	border-bottom-color: #f4f4f4;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin: 0;
}

.authentication .nav-tabs-custom>.nav-tabs>li {
	border-top: 3px solid transparent;
	margin-bottom: -2px;
	margin-right: 5px;
}

.authentication .nav-tabs-custom>.tab-content {
	background: #fff none repeat scroll 0 0;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	padding: 10px;
}

.authentication .nav-tabs-custom>.nav-tabs>li>a,
.authentication .nav-tabs-custom>.nav-tabs>li>a:hover {
	background: transparent none repeat scroll 0 0;
	margin: 0;
}

.authentication .nav-tabs-custom>.nav-tabs>li>a {
	border-radius: 0;
	color: #444;
}

.authentication .form-control {
	border-color: #d2d6de;
	border-radius: 0;
	box-shadow: none;
}

.authentication .form-horizontal .control-label {
	margin-bottom: 0;
	padding-top: 7px;
	text-align: right;
}

.authentication .authentication .form-horizontal {
	max-width: 100%;
}

.authentication .authentication .form-horizontal .control-label {
	float: left;
}

.authentication .col-sm-offset-2 {
	margin-left: 7.667%;
}

.authentication .form-control {
	border-color: #d2d6de;
	border-radius: 0;
	box-shadow: none;
}

.authentication .box-title.special {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
	border: medium none !important;
}

#container.message-page .pagination input.goto {
	height: 42px;
}

#container.message-page .pagination .btngoto {
	height: 41px !important;
}

.select-btn {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 44px;
	border: 1px solid var(--light-border);
	font-weight: normal;
	font-size: 14px;
	padding: 5px 25px 5px 10px;
}

.drop-btn,
.open>a.drop-btn,
.outline-btn {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 44px;
	border: 1px solid var(--light-border);
	font-weight: normal;
	font-size: 14px;
	padding: 5px 10px 5px 10px;
	background: #fff
		/*url(../images/down-arrow.png) right center no-repeat */
		!important;
	-moz-appearance: none;
	-webkit-appearance: none;
	color: #444;
	margin: 0;
	outline: 0;
	line-height: 32px;
	display: inline-block
}

.drop-btn:hover,
.drop-btn:focus,
.drop-btn:active,
.outline-btn:hover,
.outline-btn:focus,
.outline-btn:active {
	background: #15023a2b !important;
	border-color: #15023a2b !important;
}

.outline-btn.active {
	background: #e8e5fb !important;
	border-color: #15023a61 !important;
}

.calendar-top-section .outline-btn {
	height: 40px;
	border-radius: 50px;
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.textgreen {
	color: #2a2c32;
}

.text-large {
	font-size: 30px;
	vertical-align: middle
}

.expiry-alert .callout.callout-info {
	border-color: #2a2c32;
	color: #fff;
	background-color: #2a2c32 !important;
}

.table thead tr {
	box-shadow: none;
	-webkit-box-shadow: none
}

/* .table thead tr th{
font-size: 14px;
} */
.table tbody tr td {
	padding-top: 15px;
	padding-bottom: 15px;
	/*border: 0;*/
}

.table td.text-right,
.table th.text-right {
	text-align: right !important;
}

.table tbody tr td input {
	margin-bottom: 0px !important;
}

.table tbody tr td:first-child,
.table tbody tr td:first-child * {
	font-weight: 600;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
	background: #ffffff
}

.nav-tabs>li>a {
	font-weight: 500;
	color: #566c86;
	padding: 0.6em 1em;
	background: #f2f2f2;
	border-radius: 10px;
	border-radius: 10px;
	border: 0 !important
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
	color: #2a2c32;
	cursor: default;
	border-bottom: 0px solid #2a2c32;
	font-weight: 500
}

.nav-tabs>li.active>a::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 0px;
	background: #2a2c32;
	left: 0;
	bottom: -1px;
}

.nav-tabs li {
	font-weight: 500;
	line-height: 1.42857143;
	border: 0 !important
}

.vertical-nav-tabs {
	margin-top: 15px
}

.vertical-nav-tabs.nav>li>a {
	padding: 15px 8px;
}

.customdropdownmenu {
	border: 1px solid #b7bec6;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.95), 0 0 12px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.95), 0 0 12px rgba(0, 0, 0, 0.1);
	padding: 0;
	margin: 5px 0 0 0;
	width: 270px;
}

/*.customdropdownmenu::before {
	content: '';
	border-bottom: 13px solid #ffffff;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	position: absolute;
	right: 10px;
	bottom: 100%;
	margin-bottom:-1px;
}
.customdropdownmenu::after {
	content: '';
	border-bottom: 13px solid #d0d4d9;
	border-left: 13px solid transparent;
	border-right: 14px solid transparent;
	position: absolute;
	right: 8px;
	bottom: 100%;
	z-index:-1
}*/
.customdropdownmenu ul {
	padding: 1px
}

.customdropdownmenu ul#sortable li {
	padding: 8px 10px;
	font-weight: normal;
	display: flex;
	align-items: center;
	width: 100%
}

.customdropdownmenu li {
	border-bottom: 1px solid #d2d6d9;
	/*background:#ecf3fb;*/
	cursor: pointer
}

.customdropdownmenu li:hover {
	background: #f4f4f4
}

.customdropdownmenu li:first-child {
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0
}

.customdropdownmenu li:last-child {
	border-bottom: 0;
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px
}

.dragfile {
	padding: 10px
}

.dragfile form {
	border: 2px dashed #ccc;
	padding: 12px;
	margin-bottom: 20px;
}

.dragfile form input[type="button"] {
	margin-top: 12px
}

.tickets table .completed {
	background: rgb(68, 157, 68, 0.1);
	color: #449d44;
}

.tickets table .pending {
	background: rgba(231, 0, 0, 0.3);
	color: #E70000;
}

.tickets table .processing {
	background-color: rgba(30, 202, 184, .15);
	color: #1ecab8;
}

.tickets table .hold {
	background-color: rgba(243, 199, 77, .15);
	color: #f3c74d;
}

.tickets table .open {
	background-color: rgba(241, 100, 108, .15);
	color: #f1646c;
}

.tickets table .no-wrap {
	white-space: normal;
	min-width: 320px;
}

.tickets table .pending,
.tickets table .open,
.tickets table .hold,
.tickets table .completed,
.tickets table .processing {
	padding: 3px 1px !important;
	font-size: 12px !important;
	border-radius: 3px;
	width: 80px;
	border: 1px solid;
	display: inline-block;
	text-align: center;
	-webkit-box-shadow: 0 0 13px 0 rgba(241, 100, 108, .05);
	box-shadow: 0 0 13px 0 rgba(241, 100, 108, .05);
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.tickets table.dataTable tbody tr:hover .completed {
	background: #449d44;
	color: #fff;
	border-color: transparent;
}

.tickets table.dataTable tbody tr:hover .processing {
	background: #1ecab8;
	color: #fff;
	border-color: transparent;
}

.tickets table.dataTable tbody tr:hover .hold {
	background: #f3c74d;
	color: #fff;
	border-color: transparent;
}

.tickets table.dataTable tbody tr:hover .open {
	background: #f1646c;
	color: #fff;
	border-color: transparent;
}

.tickets table.dataTable tbody tr:hover .pending {
	background: #f1646c;
	color: #fff;
	border-color: transparent;
}

.tickets table .dropdown.action.open {
	background: transparent;
	border: 0;
	padding: 0 !important;
	width: auto;
}

.tickets .dataTable tbody td:first-child b {
	border: 1px solid #ddd;
	padding: 3px 7px;
	border-radius: 4px;
	background: #fff;
}

.tickets .dataTables_wrapper .dataTables_paginate .paginate_button {
	color: #001E40 !important;
	font-size: 13px;
	cursor: pointer !important;
	border-radius: 0px;
	padding: 0.1em 0.5em;
}

.tickets .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #fff !important;
	border-color: transparent;
	background: #001E40;
	border-radius: 3px !important;
	line-height: 1.42857143;
}

.tickets table .main-nav .open,
.tickets table.dataTable tbody tr:hover .main-nav .open {
	background: transparent;
	border: 0;
	padding: 0;
}

form#frmMessage {
	background: #f2f2f2;
	padding-top: 20px;
}

.ticket-reply .panel-title {
	font-weight: 600;
}

.message-submit {
	max-width: 640px;
	margin: 0 auto;
	border-top: 0;
	text-align: left;
	padding: 0 0 15px 75px;
}

.message-submit .error {
	font-size: 12px;
	display: block;
	text-align: left;
}

.enquiry-setting .btn.btn-box-tool {
	background: none;
	padding-left: 0px;
	border: none;
}

.enquiry-setting table th {
	background: #fff;
}

.enquiry-setting table th:first-child {
	width: 80%;
}

.enquiry-setting table th:last-child,
.enquiry-setting table td:last-child {
	text-align: right;
	padding-right: 0;
}

.enquiry-setting .btn.btn-box-tool:hover {
	color: #2a2c32;
}

.input-group.date .input-group-addon {
	position: static
}

.input-group.date .input-group-addon+input.form-control {
	padding-left: 10px !important;
	border-radius: 0 8px 8px 0 !important;
	border-left: 0;
}

.add-payments-outer .table.dataTable td:first-child,
.add-payments-outer .table.myTable td:first-child,
.add-payments-outer .table.dataTable td {
	padding-left: 6px;
	padding-right: 6px;
	width: auto
}

.add-payments-outer.noborder-table .table.dataTable td {
	border-bottom: 0
}

.detailbox .info-box-text {
	white-space: normal
}

.detailbox .info-box-icon {
	min-width: 60px
}

form>#sortable {
	max-height: 300px;
	overflow-y: auto;
}

.btn-info:hover a>span {
	color: #ffffff !important
}

.mobile-elements .form-control.datepicker {
	max-width: 100%
}

.mb-3 {
	margin-bottom: 1.2rem !important
}

.promocode-item {
	margin-bottom: 15px
}

.promocode-item .card-body {
	padding: 1.25rem;
	border: 2px dashed #2a2c32;
	height: 100%;
	text-align: center;
	background: #d6fbe9;
}

.promocode-item .card-body h4 {
	font-size: 21px;
	color: #2a2c32;
	font-weight: 700
}

select.form-control[multiple=""] {
	height: 230px;
	background: #fff !important
}

/*.equal-input .form-group .form-control{height: 45px;}*/
.equal-input .input-group .form-control.btn {
	background: #2a2c32;
	color: #fff !important;
	border-radius: 3px;
	border-color: #2a2c32;
	max-width: 120px
}

.equal-input .input-group {
	margin-bottom: 25px;
}

.equal-input .form-control.datepicker {
	max-width: 100%;
}

.service-row select.form-control,
.product-row select.form-control,
.membership-row select.form-control,
.package-row select.form-control {
	margin-bottom: 0px
}

#keyword {
	font-size: 15px;
	padding-left: 12px;
	height: 50px;
	border: 2px solid #2a2c32;
	border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
}

#new_customer_name_wrap .search_customer {
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15) !important;
	-webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15) !important;
	border: 1px solid #2a2c32;
	height: 44px;
	font-size: 16px;
	font-weight: 500;
}

.allClient-btn,
.btn.h50 {
	height: 50px;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
}

.h50 {
	height: 50px !important;
}

.flex-wrap-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important
}

.align-items-center {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important
}

.btn.add_btn:not(.btn-primary) {
	color: #fff;
	/*	box-shadow: 0 3px 5px rgba(0,0,0,0.4);*/
	margin-right: 6px;
	font-weight: 500;
	margin-bottom: 8px;
}

.add_btn svg,
.add_btn img {
	fill: #ffffff;
	opacity: 0.8;
	vertical-align: middle;
	margin-left: 6px;
}

.btn.add_btn i {
	vertical-align: middle;
}

#booking .table.table-condensed td,
#booking .table.table-condensed th {
	border: 1px solid #ddd;
}

#booking .table tbody tr {
	box-shadow: none;
	-webkit-box-shadow: none;
}

#booking .table tbody tr td:hover {
	background: transparent
}

.card-selector .select-one .custom-check+label {
	position: relative;
	color: #2a2c32;
	width: 85px;
	height: 50px;
	padding: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	margin-right: 7px;
	border: 2px solid #e4e4e4;
	color: #afafaf;
	background: transparent;
	border-radius: 6px;
	position: relative;
	font-size: 11px;
	line-height: 1.2;
	padding-top: 4px;
}

.card-selector .select-one .custom-check+label:after {
	background-color: #fff;
	width: 15px;
	height: 15px;
	position: absolute;
	right: -8px;
	top: -8px;
	border: 2px solid #e4e4e4;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	content: '';
}

.card-selector .select-one .custom-check:checked+label {
	color: #2a2c32;
	border-color: #2a2c32;
	background-color: transparent !important;
}

.card-selector .select-one .custom-check:checked+label:after {
	width: 15px;
	height: 15px;
	position: absolute;
	right: -8px;
	top: -8px;
	border: 0px solid transparent;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: url(../images/check_icon.png) no-repeat !important;
	background-size: cover !important;
	content: '';
}

.fancybox-slide--image .fancybox-content {
	background: #fff;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 12px;
}

.fancy-dropdown {
	border: 0 none;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
	white-space: nowrap;
	margin-top: 15px;
}

.fancy-dropdown>li>a {
	padding: 6px 15px;
	line-height: 1.3;
	display: block;
	color: #29303b !important;
	font-size: 16px;
	font-weight: 400;
}

.fancy-dropdown>li>a i {
	margin-right: 10px;
}

.fancy-dropdown>li>a:hover {
	background: #f2f3f5 !important;
}

.flex,
.d_flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.justify-content-between {
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important
}

.align-items-center {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important
}

.flex-align-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important
}

.dropdown_list {
	width: 100%;
	max-height: 200px;
	overflow-y: auto;
}

.dropdown_list li {
	padding: 9px 13px 0;
}

.dropdown_list li .checkbox {
	margin-bottom: 0;
	margin-top: 0
}

.dropdown-toggle {
	position: relative
}

.bdrbtom {
	border-bottom: 1px solid #ddd;
	padding-bottom: 8px
}

.bdr-r {
	border-right: 1px solid #ddd;
}

.payment-boxes .info-box-content {
	padding: 0;
}

.checklabel {
	position: relative;
}

.checklabel input[type="radio"] {
	visibility: hidden;
	position: absolute;
	opacity: 0
}

.checklabel input[type="radio"]+span {
	position: relative;
	padding-left: 28px;
	display: inline-block;
	vertical-align: middle
}

.checklabel input[type="radio"]+span:after {
	width: 20px;
	height: 20px;
	position: absolute;
	left: 3px;
	top: 3px;
	border: 2px solid #b7b4b4;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	content: '';
}

.checklabel input[type="radio"]:checked+span {
	color: #2a2c32;
	border-color: #2a2c32;
	background-color: transparent !important;
}

.checklabel input[type="radio"]:checked+span:after {
	border: 0px solid transparent;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: url(../images/check_icon.png) no-repeat !important;
	background-size: cover !important;
	content: '';
}

.mb-4 {
	margin-bottom: 4rem !important;
}

.new.badge {
	border-radius: 6px 6px 6px 0;
	-webkit-border-radius: 6px 6px 6px 0;
	color: #fff;
	margin-left: 6px;
	vertical-align: top;
	background-color: red;
	font-size: 11px
}

/*Custom Checkbox*/
.checkbox-item [type="checkbox"]:not(:checked),
.checkbox-item [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

.checkbox-item [type="checkbox"]:not(:checked)+label,
.checkbox-item [type="checkbox"]:checked+label {
	position: relative;
	padding-left: 75px;
	cursor: pointer;
}

.checkbox-item [type="checkbox"]:not(:checked)+label:before,
.checkbox-item [type="checkbox"]:checked+label:before,
.checkbox-item [type="checkbox"]:not(:checked)+label:after,
.checkbox-item [type="checkbox"]:checked+label:after {
	content: '';
	position: absolute;
}

.checkbox-item [type="checkbox"]:not(:checked)+label:before,
.checkbox-item [type="checkbox"]:checked+label:before {
	left: 0;
	top: -3px;
	width: 65px;
	height: 30px;
	background: #DDDDDD;
	border-radius: 15px;
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-ms-transition: background-color .2s;
	transition: background-color .2s;
}

.checkbox-item [type="checkbox"]:not(:checked)+label:after,
.checkbox-item [type="checkbox"]:checked+label:after {
	width: 20px;
	height: 20px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
	border-radius: 50%;
	background: #7F8C9A;
	top: 2px;
	left: 5px;
}

/* on checked */
.checkbox-item [type="checkbox"]:checked+label:before {
	background: #34495E;
}

.checkbox-item [type="checkbox"]:checked+label:after {
	background: #39D2B4;
	top: 2px;
	left: 40px;
}

.checkbox-item [type="checkbox"]:checked+label .ui,
.checkbox-item [type="checkbox"]:not(:checked)+label .ui:before,
.checkbox-item [type="checkbox"]:checked+label .ui:after {
	position: absolute;
	left: 6px;
	width: 65px;
	border-radius: 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}

.checkbox-item [type="checkbox"]:not(:checked)+label .ui:before {
	content: "no";
	left: 32px
}

.checkbox-item [type="checkbox"]:checked+label .ui:after {
	content: "yes";
	color: #39D2B4;
}

.checkbox-item [type="checkbox"]:focus+label:before {
	border: 1px dashed #777;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: -1px;
}

.text17 {
	font-size: 17px
}

.p-4 {
	padding: 25px
}

.mb-5 {
	margin-bottom: 2.2rem;
}

.light_blue {
	background: #F1F5F8;
}

.text-3xl {
	font-size: 2.475rem;
	margin-top: 15px;
}

.text-2xl {
	font-size: 1.9rem;
}

.font-bold {
	font-weight: 700;
}

.leading-8 {
	line-height: 2rem;
}

.simplebox {
	box-shadow: 0px 3px 20px #00000040;
	--bg-opacity: 1;
	background-color: #fff;
	border-radius: 15px;
	position: relative;
	padding: 2.85rem;
	z-index: 0;
}

.h-100 {
	height: 100%
}

.table td.tdname,
.image-table.table td:first-child:not(.dataTables_empty) {
	/*padding-left: 10px60px !important;*/
	height: 50px;
	position: relative;
}

.small-container {
	max-width: 860px;
	margin: auto
}


.row-reverse {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: reverse !important;
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important
}

.add-items-modal .input-group .input-group-addon {
	top: 0
}

.enquiry-setting .box-header.with-border .dropdown.export-toggle {
	margin: 0px 0 0 5px;
}

.table-scroll {
	max-height: 300px;
	overflow-y: auto;
}

.Mode i.icon {
	margin-right: 8px;
}

.Mode .icon-user {
	color: #2a2c32;
}

.single-service-preview {
	/*background:#fff url(../images/tab-bg.png);*/
	padding: 15px;
	margin-bottom: 30px;
}

.modal {
	padding-left: 17px
}

/*New css 10-03-2021*/
.popover {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.16);
}

.popover-content {
	text-transform: capitalize;
	font-size: 12px
}

.popover-content p {
	margin-bottom: 3px;
	font-size: 12px;
	display: flex;
	justify-content: space-between
}

#changestatus .modal-title {
	text-transform: capitalize
}

#profileSetupForm .control-label {
	font-size: 15px
}

#profileSetupForm .form-control {
	font-size: 14px;
	height: 44px;
}

#profileSetupForm select.form-control {
	color: #333333
}

#profile-setup .dufault-popup.modal-dialog {
	max-width: 500px;
}

/* status */
.status .btn.changestatus,
.status .btn.cancelled,
.status .btn.paid,
.status .btn.unpaid {
	padding: 4px 10px !important;
	border-radius: 18px;
	color: #fff !important;
	font-size: 14px;
	text-transform: capitalize;
	width: 100%;
	display: block;
	text-align: center;
}

td.status .btn.changestatus,
td.status .btn.cancelled,
td.status .btn.paid,
td.status .btn.unpaid {
	width: auto;
	display: inline-block;
}

/*.status .paid:hover, */
.status .paid {
	background: #2a2c32;
	padding: 5px 8px;
	color: #fff;
	border-radius: 3px;
	display: block;
	text-align: center;
}

.status .unpaid:hover,
.status .unpaid {
	background: #e85e50;
	color: #fff !important;
	border-color: #e85e50 !important;
	padding: 5px 8px;
	border-radius: 50px;
	display: block;
	text-align: center;
}

.long-text #swal2-title {
	padding-left: 25px;
	padding-right: 25px;
	font-weight: 600;
}

.white-text {
	color: #ffffff
}

.userInfo,
.info-outer {
	padding: 17px 25px;
	background: #ffffff
}

.user-detail span.name-user {
	font-size: 18px;
	color: #252525;
	text-transform: capitalize;
	font-weight: 600;
}

.right-info .link-row a {
	font-weight: 600;
	font-size: 13px
}

.right-info .link-row a:not(.red-text) {
	color: #8C908C !important
}

.link-row {
	padding-top: 6px;
	padding-bottom: 6px
}

.link-row a {
	color: #787878
}

.link-row a.red-text {
	color: #EB5757 !important
}

.title-dropdown {
	font-size: 13px;
	color: #252525;
	font-weight: 600;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	padding-bottom: 10px;
	/* display: block; */
}

.custom-dropdown-user .rewards {
	background: #ECF8F2;
	padding: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	white-space: normal;
	align-items: center;
	padding-right: 8px;
}

.single-nav-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 10px;
	font-size: 16px;
}

.single-nav-item svg {
	width: 18px;
	height: 18px;
}

.single-nav-item a {
	color: #252525;
	font-size: 16px;
}

.single-nav-item a:hover {
	color: #2a2c32
}

.reward-info {
	width: 86%;
	padding-right: 15px;
}

.reward-info .btn {
	background: #fff
}

.new-header .user-detail .custom-dropdown-user {
	width: 0px;
	white-space: normal;
	position: fixed;
	right: 0;
	top: 0px;
	left: inherit;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin-right: -400px;
	display: block;
	bottom: 0;
	overflow-y: auto;
	z-index: 99;
	opacity: 1;
	visibility: visible;
	float: none;
}

.new-header .user-detail.open .custom-dropdown-user,
body.member-dropdown-active .new-header .user-detail .custom-dropdown-user {
	width: 480px;
	left: inherit;
	margin-right: -17px;
	opacity: 1;
	visibility: visible;
	z-index: 99999;
	float: none;
	clear: both;
	padding-bottom: 82px;
}

.info_top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important
}

.info_top .member-initials span {
	font-size: 18px;
	font-weight: 600
}

.info_top .member-initials {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	width: 60px;
	height: 60px;
	flex: 0 0 60px;
}

.info_top .member-initials span {
	color: #ffffff
}

.close-menu {
	position: absolute;
	right: 20px;
	top: 10px;
	cursor: pointer;
	background: var(--gray-light-50);
	height: 32px;
	width: 32px;
	display: block;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
	color: #252525;
	border-radius: 50px;
	-webkit-border-radius: 50px;
}

.new-header .user-detail .custom-dropdown-user::before {
	content: '';
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 0;
	bottom: 0;
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
	border: 0;
	right: 0;
	opacity: 0;
	visibility: hidden
}

.new-header .user-detail.open .custom-dropdown-user::before,
body.member-dropdown-active .new-header .user-detail .custom-dropdown-user::before {
	opacity: 1;
	visibility: visible
}

.custom-dropdown-user .rewards.gap-large {
	padding-bottom: 126px
}

.new-header .user-detail .custom-dropdown-user::after {
	background: white;
	position: absolute;
	height: 100%;
	width: 100%;
	content: '';
	z-index: -1;
	top: 0;
}

.reward-info .btn:hover {
	background: #2a2c32;
	color: #fff;
}

.reward-info .btn:hover i {
	color: #fff;
}

.new-header .user-detail.open .custom-dropdown-user li {
	clear: both;
	width: 100%;
	border: 1px solid var(--light-border);
	background: var(--white)
}

.new-header .user-detail.open .custom-dropdown-user li .version {
	float: none !important;
	width: 100% !important;
	text-align: left !important;
	margin-bottom: 0
}

.align-items-center {
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important
}

.subscriptions-outer {
	/*background:var(--gray-light-50);*/
	padding: 17px 25px;
	text-align: left;
}

.subscriptions-outer .text {
	color: #787878;
	font-size: 16px
}

.pricing-plans-box {
	background: #F9F7F0;
	background: linear-gradient(134deg, rgba(249, 247, 240, 1) 0%, rgba(243, 239, 216, 1) 53%);
	border-radius: 14px;
	border: 1px solid rgba(180, 163, 90, 0.2);
	padding: 17px
}

.pricing-plans-box strong {
	display: block;
	margin-bottom: 5px;
	line-height: 1.5;
}

.text a {
	color: #2a2c32
}

.user-detail span {
	font-size: 14px;
}

.mr-2 {
	margin-right: 10px;
}

.ml-2 {
	margin-left: 10px;
}

.mr-1 {
	margin-right: 5px;
}

.ml-1 {
	margin-left: 5px;
}

.app-store {
	position: fixed;
	bottom: 0;
	width: 480px;
}

.no-wrap {
	-ms-flex-wrap: nowrap !important;
	flex-wrap: nowrap !important
}

.cust-name-info,
.cust-contact-info {
	padding-top: 15px;
	padding-bottom: 15px
}

#rescheduleModal .billing_h2 {
	font-size: 22px !important;
	font-weight: normal !important;
	text-align: left !important;
}

.price-table-info tbody tr,
#changestatus tbody tr {
	box-shadow: none;
	-webkit-box-shadow: none;
}

.price-table-info tbody tr td {
	border-top: 1px solid #f4f4f4;
	padding: 5px;
	width: 50%
}

#changestatus table tbody tr th {
	border-left: 0
}

#changestatus table {
	border: 0
}

.cust-account-info .flexi,
.cust-per-info .flexi,
.cust-visit-info .flexi {
	border: 1px solid #d2d8ea;
	padding: 5px 10px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
}

.inline-items>li {
	display: inline-block;
}

.inline-items>li .popover-btn {
	margin-left: 15px
}

.popover-btn {
	color: #2a2c32;
}

.p-3 {
	padding: 10px 10px 20px 10px
}

.p-2 {
	padding: 15px
}

.p-25 {
	padding: 25px
}

.modal-header.inside {
	padding-left: 15px
}

.user_infos i {
	width: 20px;
}

.name_info {
	text-transform: capitalize;
	font-weight: bold;
}

.date-small {
	/*background: #f2f2f2;*/
	border: 0px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline-block;
	font-size: 15px;
	color: #282828;
	font-weight: 500;
	margin-bottom: 5px
}

.text-18 {
	font-size: 14px;
	color: #141414;
}

.text-14 {
	font-size: 14px;
}

.text-12 {
	font-size: 12px;
}

.user-checkin {
	background: #e7f8f2;
	border: 0;
}

/*.user-checkin i{color: #2a2c32;}*/
.user-checkin:hover {
	color: #fff;
	background: #2a2c32;
}

.user-checkin:hover i {
	color: #ffffff;
}

a.user-checkout {
	color: #ff3e3e;
	background: #f8e7e7;
	border: 0;
}

a.user-checkout i {
	color: #ff3e3e;
}

a.user-checkout:hover {
	color: #fff;
	background: #ff3e3e;
}

a.user-checkout:hover i {
	color: #ffffff;
}

.subscriptions-outer .text.check_in_time {
	color: #000;
	margin-left: 10px;
}

.profile_commission label {
	border: 0;
	padding: 0;
	border-radius: 0;
}

/* .profile_commission .dataTables_length{
	margin: 10px 10px 5px 0px;
} */
/* .profile_commission .dataTables_filter{
	margin-top: 32px;
} */
.profile_commission .dataTables_filter input[type="search"] {
	/* margin-left: 0;
	margin-right: 0; */
	background-color: #fff
}

.profile_commission .dataTables_filter label {
	margin-bottom: 0;
}

.buttons_group .btn {
	margin-right: 10px;
}

/*.buttons_group .btn:last-child{margin-right: 0;}*/
.pl-8 {
	padding-left: 8px;
}

.pr-8 {
	padding-right: 8px;
}

.bdrtop {
	margin-top: 10px;
}

.sides .nav-sidebar ul li {
	padding: 12px 16px;
	margin-bottom: 8px;
	border-radius: 6px;
	font-weight: 600;
	color: #bac6cb;
}

.sides .nav-sidebar ul li i {
	display: none;
}

.sides .nav-sidebar ul li:after {
	content: '';
	background: url(../images/drag_2.png) center center no-repeat;
	background-size: 20px;
	width: 40px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;

	opacity: 0.3;
	padding: 15px;
}

.sides .nav-sidebar ul li:before {
	border-left: 1px solid #bac6cb;
	width: 42px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	content: '';
}

.sides .nav-sidebar ul li:hover {
	box-shadow: 0 0 4px rgba(98, 119, 116, 0.37);
	background: rgb(230, 235, 238);
	background: linear-gradient(0deg, rgba(230, 235, 238, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.sides .nav-sidebar ul li:hover:after {
	opacity: 0.8
}

.sides .nav-sidebar ul li a {
	color: #4a5e66;
}

.sides .nav-sidebar ul li:hover a {
	color: #000;
}

.sides .nav>li>a {
	padding: 0;
	font-size: 15px;
}

.sides .nav>li>a:hover {
	border: 0 !important;
}

.form_builder .nav-sidebar {
	position: sticky;
	top: 10px;
}

.all_div+hr {
	display: none;
}

.remove_bal_field {
	cursor: pointer;
	position: absolute;
	right: 0;
	z-index: 9;
	top: -27px;
	right: -1px;
	padding: 0 2px;
}

.remove_bal_field i {
	color: #fff !important
}

.bal_builder .form-control {
	margin-bottom: 8px;
}

.form_builder_field {
	width: 96% !important;
	height: auto !important;
	margin-bottom: 15px;
}

.createform .form-group input:not([type="checkbox"]),
.createform .form-group input:not([type="radio"]) {
	width: 100%;
}

.sides {
	z-index: 2
}

.sides .nav-sidebar ul li .ui-draggable-dragging {
	z-index: 6
}

.tooltip-custom {
	position: relative;
	display: inline-block;
	font-size: 26px;
	vertical-align: middle;
}

.tooltip-custom .icon-ellipsis-h {
	line-height: 0
}

.tooltip-custom .tooltip-text {
	visibility: hidden;
	width: 120px;
	background-color: var(--bg-page);
	color: black;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	font-size: 13px;
	position: absolute;
	z-index: 1;
	top: -25px;
	right: 0;
	margin-right: 5px;
	line-height: 1;
	border: 1px solid var(--light-border);
}

.tooltip-custom:hover .tooltip-text {
	visibility: visible;
}

.tooltip-custom .tooltip-tex::after {
	content: " ";
	position: absolute;
	top: 100%;
	/* At the bottom of the tooltip */
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: black transparent transparent transparent;
}

.profile-details.box .nav-stacked.profle__listing>li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important
}

.profile-details.box .nav-stacked.profle__listing>li h4 {
	width: auto;
}

.box-header .title-flex-row,
.title-flex-row,
.flex-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.equal-horizontal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.dashboar_table__no_image td.tdname {
	padding-left: 25px !important;
}

#change_language {
	cursor: pointer;
	margin-left: -30px;
	padding-left: 35px;
	border: 1px solid #ddd;
	width: 190px;
	text-overflow: ellipsis;
	padding-bottom: 5px;
	padding-top: 5px;
	border-radius: 5px;
	padding-right: 25px;
}

.paid-package-element>div {
	background-color: rgb(250, 219, 216);
	padding-top: 5px;
}

.align-items-start {
	-webkit-box-align: start !important;
	-ms-flex-align: start !important;
	align-items: flex-start !important
}

.smallest {
	font-size: 13px !important
}

label.error {
	color: red !important;
}

.flex-display {
	display: -ms-flexbox !important;
	display: flex !important;
}

.calendar-icon-with-input-field .form-control {
	z-index: 1;
	background: transparent;
}

.calendar-icon-with-input-field.input-group .calendar__icon {
	z-index:3;
}

.form-box .calendar-icon-with-input-field.input-group input#offer_end {
	margin-left: 0;
}

.dufault-popup select {
	padding: 3px 25px 3px 10px !important;
}

.normal-label-data-table .dataTables_wrapper .dataTables_length {
	min-width: inherit;
}

.normal-label-data-table .dataTables_wrapper .dataTables_length label {
	font-size: 15px;
	color: #4B4A41;
	font-weight: normal;
}

.normal-label-data-table .dataTables_wrapper .dataTables_length label select {
	height: auto;
}

.normal-label-data-table .dataTables_wrapper .dataTables_filter {
	margin-right: 10px;
}

.dataTables_wrapper {
	background: var(--white);
	border-radius: 16px;
	border: 1px solid rgba(22, 23, 22, 0.08);
}

@media (min-width: 480px) and (max-width: 768px) {
	.d-flex-mini {
		display: -webkit-flex;
		display: flex;
	}
}

.table-small-spacing tbody tr td {
	padding: 10px;
}

#transfer-order .table-small-spacing thead tr th {
	width: auto;
	white-space: nowrap;
}

/* .modal .dufault-popup .dataTables_filter input[type="search"]{
	border-radius: 25px !important;
} */
.input-with-date-icon {
	background-image: url(../images/calendar-small.png);
	background-position: 98% center;
	background-repeat: no-repeat;
	background-size: 18px;
}

input.input-with-date-icon#offer_end {
	margin-left: 0;
	padding-left: 10px;
}

ul.builder-tabs-menu>li>a {
	padding: 0.6em 1em;
}

.sidebar-nav {
	visibility: hidden;
	opacity: 0;
}

.active-parent+.sidebar-nav {
	visibility: visible;
	opacity: 1;
	min-width: 230px;
}

.label.error {
	color: red;
}

a:hover {
	opacity: 0.85;
}

.chosen-container-single .chosen-single span {
	white-space: normal !important;
}

.equal,
.equal {
	height: 100%
}

/*new css on 15-06-2022*/
.table.dataTable td.dataTables_empty h2,
h2.nodatafound {
	font-size: 22px !important;
	font-weight: 600;
	line-height: 32px !important;
	text-transform: unset;
	margin-bottom: 0;
	color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	color: #121212;
}

h2 {
	font-size: 22px;
	line-height: 32px;
}

.h3,
h3 {
	font-size: 18px;
}

body {

	font-weight: 400;
	line-height: 23px;
}

.dash {
	border-radius: 6px;
	-webkit-border-radius: 18px;
	padding: 14px !important;
}

.dash .info-box-content {
	margin-left: 0px;
	padding: 0;
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.dash .info-box-text {
	font-size: 13px;
	margin-bottom: 0;
	line-height: 1.2;
	color: #6F6F6C;
	font-weight: 400;
}

.dash .info-box-text.sub {
	font-size: 15px;
	color: #999;
	margin-bottom: 10px
}

.dash .info-box-icon {
	margin: 0;
	background: transparent;
	margin-bottom: 10px;
	width: 45px;
	height: 45px;
	line-height: 1
}

.dash .info-box-icon svg {
	width: 45px;
	height: 45px
}

.dash .info-box-icon .ion {
	color: #000;
}

.white-box-seprate {
	margin-bottom: 20px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.23);
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
	padding: 15px;
	padding-bottom: 30px;
	border: 1px solid #ddd;
	border-radius: 6px;
}

label {
	font-weight: 500;
}

.booking-banner-section {
	padding: 12px 40px;
	border: 1px solid #d2d2d2;
	margin: 30px 15px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	position: relative;
	min-height: 174px;
	z-index: 1;
	overflow: hidden;
}

.booking-banner-section h2 {
	margin-top: 0
}

.title-bold {
	font-size: 20px;
	/* line-height: 32px; */
	font-weight: 600
}

.m-0 {
	margin: 0 !important
}

.space-left-right {
	padding: 15px 15px;
}

.justify-content-end {
	-webkit-box-pack: end !important;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important
}

.booking-banner-image {}

.booking-banner-image::before {
	background: #f0f0f0;
	width: 540px;
	height: 500px;
	content: '';
	position: absolute;
	top: -30%;
	right: -15%;
	display: block;
	z-index: -1;
	border-radius: 100% 0 0 100%;
}

.booking-banner-image img {
	max-width: 180px;
}

.lg-btn {
	font-size: 17px;
	line-height: 24px;
	padding: 10px 15px 12px 15px;
	min-height: 48px;
	min-width: 120px;
}

.space-bottom-15 {
	margin-bottom: 15px
}

.colored-bg-section {
	padding: 20px 20px;
	/*background: #f2f2f2;*/
	border: 1px solid var(--light-border);
	border-radius: 10px;
	margin-bottom: 1.2rem !important;
}

.title-space {
	margin-top: 0;
	margin-bottom: 20px;
}

.member-details-tabs .nav-tabs>li {
	margin-right: 4px;
	margin-bottom: 5px
}

.member-details-tabs .nav-tabs>li>a {
	font-size: 12px;
}

.btn svg {
	vertical-align: text-bottom;
}

.bordered-section {
	padding: 15px;
	border: 1px solid #d2d2d2 !important;
	margin: 30px 15px;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	min-height: 220px;
	z-index: 1;
}

.bordered-wrap {
	padding: 15px;
	border: 1px solid #d2d2d2 !important;
	margin-bottom: 30px;
	border-radius: 13px;
	-webkit-border-radius: 13px;
	position: relative;
}

.p-10 {
	padding: 10px;
}

.mt-0 {
	margin-top: 0
}

.mb-0 {
	margin-bottom: 0 !important
}

.p-0 {
	padding: 0
}

.staff-breaks-list {
	max-width: 360px;
	margin: auto;
}

.staff-break-time-holder .stacked-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid #d5d7da;
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
	padding: 8px;
	border-radius: 8px;
	margin-top: 5px;
}

.break-scheduled li label:first-child span {
	border: 0
}

.staff-break-time-holder>div>ul:last-child {
	border-bottom: 1px solid #d5d7da;
	padding-bottom: 10px;
	margin-bottom: 10px
}

.daily-working-hours .staff-break-time-holder>div>ul:last-child {
	border-bottom: 0px;
	padding-bottom: 0;
	margin-bottom: 0;
}

.flex-row-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.justify-content-center {
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important
}

.justify-content-start {
	-webkit-box-pack: start !important;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important
}

.staff-break-to {
	margin-right: 6px;
}

.flex:before,
.flex:after {
	display: none;
}

.mr-0 {
	margin-right: 0 !important
}

#sub_section td a {
	border: 0
}

#sub_section td.active a {
	position: relative;
}

#sub_section td.active a::after {
	content: '';
	display: block;
	border-bottom: 2px solid #2a2c32;
	margin-top: 0;
	position: absolute;
	left: 0;
	right: 0;
}

.space-bottom-30 {
	margin: 0 0 30px 0;
}

.billing_details .cust-per-info,
.billing_details .cust-account-info,
.billing_details .cust-visit-info,
.billing_details .cust-revenue-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%
}

.billing_details {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d2d8ea;
}

.billing_details>span {
	display: inline-flex;
	align-items: start;
}

.billing_details .cust-per-info .flexi,
.billing_details .cust-account-info .flexi,
.billing_details .cust-visit-info .flexi,
.billing_details .cust-revenue-info .flexi {
	border: 0;
	border-bottom: 0px solid #d2d8ea;
	border-radius: 0;
	-webkit-border-radius: 0;
	margin-bottom: 0;
	padding: 1px 5px 5px;
	color: #5b6a7b;
}

.billing_details .flexi span:first-child {
	padding-right: 10px;
	font-weight: 600;
	display: block;
}

.billing_details .flexi span:last-child {
	font-weight: normal;
	color: #162c43;
	text-align: right;
}

.notes_section span.notes_array ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.notes_section span.notes_array ul li {
	margin-right: 30px
}

.notes_section span.notes_array ul li:last-child {
	margin-right: 0
}

.ui-menu.ui-autocomplete {
	border: 1px solid #bbb;
}

.ui-menu.ui-autocomplete li {
	padding: 7px 10px;
	font-size: 16px;
	cursor: pointer;
	color: #111;
	background: #fff
}

.ui-menu.ui-autocomplete li:hover {
	background-color: #eee;
}

.mb-10 {
	margin-bottom: 10px;
}

.billing_details {
	display: -webkit-inline-box !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.bold {
	font-weight: 700;
}

.dufault-popup .modal-body.medium-spacing {
	padding-top: 10px
}

.daterangepicker.show-calendar .drp-buttons {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-webkit-box-pack: end !important;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}

.dataTables_wrapper .dataTables_processing {
	z-index: 99
}

/*Calendar new css*/
#calendar-full .dropdown1 .member-initials {
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 24px !important;
	font-weight: 600 !important;
	color: #fff !important;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#calendar-full .dropdown1 .member-initials img {
	width: 100% !important;
	border: 0;
	height: 100% !important;
	object-fit: cover;
	font-size: 0;
}

#calendar-full .fc-resource-cell {
	font-weight: 600;
	color: #111;
}

.customer___info .cust-name-info,
.customer___info .cust-contact-info {
	padding-top: 0;
	padding-bottom: 0
}

.customer___info .flexi {
	margin-bottom: 0;
	padding-top: 5px;
}

.modal .form-control {
	color: #111
}

.notifications-section .list-group-flush .list-group-item {
	border: 0;
	margin-bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#main .box.box-bordered .sidebar-form-wrap .form-bordered {
	margin-bottom: 0;
	padding: 15px 15px;
}

.sidebar-form-wrap .form-horizontal.form-bordered .control-group .controls {
	padding: 0;
	margin-bottom: 10px;
	margin-top: 5px;
}

.sidebar-form-wrap .form-horizontal.form-bordered .control-label {
	display: block;
	padding: 0;
	color: #111;
	font-size: 16px;
	font-weight: normal;
	font-weight: 600
}

.sidebar-form-wrap .form-horizontal .control-group input[type="text"] {
	height: 45px;
	border: 1px solid #BBB;
}

.btn.btn-larger {
	font-size: 18px;
	min-width: 160px;
	/*	padding: 14px 30px;*/
	padding: 0px 30px;
}

.rounded-section {
	border: 1px solid #ddd;
	padding: 35px 35px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}

.log-info li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 15px;
	padding-bottom: 20px;
	position: relative;
	font-weight: 600
}

.log-info li::before {
	height: 100%;
	border-left: 1px solid #c6c5c5;
	content: '';
	position: absolute;
	left: 11px;
	bottom: 100%;
	z-index: 0;
}

.log-info li:first-child:before {
	display: none;
}

.log-info li i {
	margin-right: 0;
	width: 24px;
	height: 24px;
	min-width: 24px;
	min-height: 24px;
	border-radius: 50px;
	background: #ceead3;
	text-align: center;
	line-height: 24px;
	color: #2a2c32;
	display: inline-block;
	position: relative;
	z-index: 1;
	font-size: 13px;
}

.btn-setting {
	padding: 7px 8px;
	border: 1px solid #cacaca;
	line-height: 1;
	line-height: ;
	display: inline-flex;
	align-items: center;
	border-radius: 3px;
}

.btn-setting:hover,
.btn-setting:focus,
.btn-setting:active {
	color: #252c32;
	border: solid 1px #adadad;
	background-color: #e6e6e6;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.select-one.adjust-pay {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.select-one.adjust-pay p {
	white-space: nowrap;
	padding-right: 12px;
}

.allClient-btn {
	height: 44px;
	line-height: 1.3;
}

.h44 {
	height: 44px !important
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btnSubmit:hover,
.btnSubmit:active,
.btnSubmit:active:focus {
	opacity: 0.9;
}

.customer___info>div {
	padding-bottom: 5px
}

.delete_photo {
	padding: 0 6px;
}

.space-with-border {
	margin-top: 12px;
	padding-top: 12px;
	/* border-top: 1px solid #ddd */
}

/*.sub_text{
	color: #787878;
	margin-top: 10px
}*/
.sub_text {
	color: #000000;
	margin-top: 10px;
}

.icons-box {
	padding: 15px;
	align-items: center;
	display: flex;
	background: #ececec;
	margin-right: 15px;
}

.address-wrap {
	padding: 15px;
}

.address-wrap .card-header {
	padding-left: 0;
	font-size: 18px;
	padding-bottom: 0;
	border: 0;
}

.addresscontent .list-group .list-group-item {
	border: 0;
	padding-left: 0
}

#main .box .box-title.large-title-2,
#main .box.box-color .box-title h3.large-title-2 {
	font-size: 26px;
	line-height: 36px;
	padding-left: 0;
}

.addresscontent {
	flex: 1;
}

.space-sm {
	margin-bottom: 10px
}

#main .box.box-bordered .sm-container .box-title {
	padding-left: 0
}

.flex-content {
	display: flex;
	justify-content: space-between;
}

.title17 {
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	margin-bottom: 5px;
}

.title17+p {
	color: #878c93;
}

.small-switches .card-header.large-title-3 {
	font-size: 22px;
	font-weight: 400;
	line-height: 32px;
}

.lead_outer {
	display: flex;
	height: auto;
	min-height: 100%;
	width: 100%;
	gap: 10px;
}

.sidenav-custom {
	padding: 5px 0px;
}

.sidenav-custom li {
	margin-bottom: 3px;
}

.sidenav-custom li a {
	padding: 3px 13px 5px;
	display: block;
	color: #0e1213;
	border-radius: 8px;
	font-weight: 500;
}

.sidenav-custom li a:hover {
	background-color: #ECECEC;
	color: #000;
}

.hide-small-screen>div {
	padding: 12px;
}

.custom-flex .col-md-12>.box,
.custom-flex .hide-small-screen+[class*="col-"]>.box {
	height: 100%;
}

.custom-flex .col-lg-3+.col-md-12>.box,
.custom-flex .hide-small-screen+[class*="col-"]>.box {
	padding: 20px;
	border-radius: 7px;
}

/* Settings: sidebar + content — flex row; avoid flex-basis 0 so main column keeps readable width */
/* .row.custom-flex {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
} */
.row.custom-flex>[class*="col-"] {
	float: none;
}

/* .row.custom-flex > .hide-small-screen {
	flex: 0 0 auto;
	max-width: 100%;
} */
.row.custom-flex>.hide-small-screen+[class*="col-"] {
	flex: 1 1 auto;
	min-width: 260px;
	width: auto;
	max-width: none;
}

.flex-row:before,
.flex-row:after,
.custom-flex:after,
.custom-flex:before {
	display: none !important;
}

.text_copied_wrap {
	background-color: #f0ecec;
	border: 1px solid #999;
	border-radius: 6px;
	padding: 5px;
	white-space: nowrap;
	width: 100%;
	margin-bottom: 10px;
	overflow-x: auto;
	-webkit-user-select: none;
	/* Safari */
	-ms-user-select: none;
	/* IE 10 and IE 11 */
	user-select: none;
	/* Standard syntax */
}

.copy-button {
	background-color: #ddd;
	color: #555;
	border-radius: 6px;
	padding: 5px 8px;
	cursor: pointer;
}

.copy-button:hover {
	background-color: #ccc;
}

.light__bg__yellow {
	background: #faffd5 !important;
}

.radius__8 {
	border-radius: 8px !important;
}

.position-relative {
	position: relative;
}

.cancelled_bill.noprint {
	background-image: url(../images/cancelled.png);
	background-size: 70%;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	width: 69%;
	height: 30%;
	z-index: 2;
	transform: rotate(-40deg) translate(-50%, -50%);
	left: 50%;
	top: 20%;
}

.cancelled_bill .btn {
	visibility: hidden;
	opacity: 0
}

.dataTables_wrapper .table.dataTable tbody tr td a {
	white-space: nowrap;
}

.dataTables_wrapper .table.dataTable tbody tr td a>.icon-user {
	margin-right: 5px
}

/*.dataTables_wrapper .table.dataTable tbody tr td a .icon{
	margin-right: 5px
}*/
.fc-cursor .fc-time-grid-event .fc-resizer,
.fc-cursor .fc-timegrid-event .fc-event-resizer,
.fc-cursor .fc-time-grid-event .fc-event-resizer {
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	overflow: hidden;
	line-height: 8px;
	font-size: 11px;
	font-family: monospace;
	text-align: center;
	cursor: ns-resize;
}

.fc-cursor .fc-time-grid-event .fc-resizer::after,
.fc-cursor .fc-timegrid-event .fc-event-resizer::after,
.fc-cursor .fc-time-grid-event .fc-event-resizer::after {
	content: "=";
}

.popover-title span.title-desc {
	font-size: 13px;
}

.spacelarge {
	padding: 0 30px;
}

.Pending {
	background: #F7492E1C !important;
	border-color: #F7492E !important;
	color: #F7492E !important;
	padding: 7px 7px;
	border-radius: 40px !important;
	justify-content: center;
}

.Complete {
	background: #1baf8f1c !important;
	border-color: #1baf8f1c !important;
	color: #1baf8f !important;
	padding: 7px 7px;
	border-radius: 40px !important;
	justify-content: center;
}

/* .btn.pull-right+.btn.pull-right {
	margin-right: 5px
} */

input.full-form-control {
	width: 100%;
	padding: 8px 15px
}


.btn.btn-lg {
	font-size: 1em;
	padding: 0.8em 1.3em;
	font-weight: 600;
	border-radius: 10px;
	border: 0 !important;
}

.custom-btn-back {
	padding: 8px 10px;
	display: inline-block;
	color: #5b5b5b;
	font-weight: 600;
	font-size: 16px;
	border-radius: 8px;
	background: #eaeaea;
	margin-right: 8px;
}

.custom-btn-back img {
	margin-right: 5px;
}

.custom-btn-back:hover {
	background: #d2d1d1;
	color: #333 !important
}

.ml-0 {
	margin-left: 0 !important
}

.label {
	font-size: inherit;
}

.btn-small {
	padding: 4px 7px !important;
}

td .btn.btn-small,
.small-height-btn {
	height: auto;
}

.box-header.d-flex:after,
.box-header.d-flex:before {
	display: none;
}

#keyword.custom_search {
	height: 38px;
	background-color: #ffffff;
	font-size: 14px;
	border: 1px solid #d2d6de !important;
}

.addon-right {
	position: relative;
}

.addon-right .add-on {
	right: 0;
	top: 0
}

.material-tabs {
	position: relative;
	display: block;
	padding: 0;
	border-bottom: 1px solid #e0e0e0;
}

.material-tabs>a {
	position: relative;
	display: inline-block;
	text-decoration: none;
	padding: 8px 0;
	font-size: 14px;
	font-weight: 600;
	color: #424f5a;
	text-align: center;
	margin-right: 15px;
	border-bottom: 3px solid transparent
}

.custom-info-box {
	background-color: #fff;
	transition: all .5s ease-in-out;
	position: relative;
	border: 0 solid transparent;
	border-radius: 1.75rem;
	box-shadow: 0 5px 5px 3px rgba(82, 63, 105, 0.17);
	color: #919191 !important;
	border-top: 3px solid;
	padding: 20px 15px;
	align-items: start;
}

.custom-info-box * {
	color: #333 !important
}

.custom-info-box .info-box-text {
	overflow: visible;
	white-space: normal;
}

.custom-info-box .info-box-number {
	margin-bottom: 10px
}

.chart-responsive-nodata h2 {
	font-size: 22px;
	color: #000;
}

td .main-nav {
	margin: 0;
	display: inline-block;
	padding: 0
}

.table tr td {
	font-size: 13px
}

.iti__flag-container {
	height: 46px
}

.iti {
	display: block !important;
	height: 40px;
	margin-bottom: 12px;
}

.Outstanding {
	background-color: rgb(255, 243, 224);
	font-weight: 600;
	border-radius: 16px;
	display: inline-block;
	padding: 5px 11px;
	color: #B45309;
}

.Redeemed {
	background-color: #0d910524;
	font-weight: bold;
	display: inline-block;
	border-radius: 16px;
	padding: 5px 11px;
	color: #0d9105;
}

.Void {
	background-color: rgba(232, 234, 246, 1);
	font-weight: bold;
	display: inline-block;
	border-radius: 16px;
	padding: 5px 11px;
	color: #3730A3;
}

td .badge.Completed {
	border-color: #BBF7D0;
	background: #DCFCE7;
	color: #15803D;
	padding: 7px 12px;
	border-radius: 40px;
	display: inline-flex;
}

td .badge.Cancelled {
	border-color: #FECACA;
	background: #FEE2E2;
	padding: 7px 12px;
	color: #B91C1C;
	border-radius: 40px;
	display: inline-flex;
}

.Expired {
	background-color: #ff000017;
	font-weight: bold;
	display: inline-block;
	border-radius: 16px;
	padding: 5px 11px;
	color: #ff0000;
}

.table .Outstanding,
.table .Redeemed,
.table .Void,
.table .Expired {
	font-size: 13px;
	font-weight: 600;

}

.inline-text {
	font-size: 15px;
	vertical-align: top;
	display: inline-block;
	line-height: 1.5;
	padding-top: 4px;
	font-weight: 600;
}

.align-items-end {
	align-items: end;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	border-radius: 4px;
	line-height: 1.4;
}

.offer-modal {
	border: 2px solid #169957;
	position: fixed;
	bottom: 15px;
	z-index: 9;
	left: 15px;
	padding: 8px 20px;
	background: #ecfbed;
	text-align: center;
	width: 270px;
	transition: all 0.5s;
	display: none;
}

.offer-modal p {
	display: block;
	text-align: center;
	font-weight: 600;
	margin-bottom: 0;
	font-size: 15px
}

.offer-modal h2 {
	font-size: 60px;
	font-weight: 900;
	text-transform: uppercase;
	color: #ff0000;
	line-height: normal;
	margin: 0;
}

.plan-price {
	border: 1px solid #169957;
	border-radius: 5px;
	color: #169957;
	display: inline-block;
	margin: 10px auto;
	font-weight: 600;
	padding: 5px 18px;
}

.contactus {
	background: #169957;
	padding: 5px 25px;
	border-radius: 15px;
	color: #fff;
	display: inline-block;
	line-height: 1.3;
}

.contactus:hover,
.contactus:focus {
	color: #fff;
	background: #2faa34;
}

.green {
	color: #00a65a !important;
}

.popUp-close {
	position: absolute;
	right: 8px;
	top: 8px;
	cursor: pointer;
	z-index: 6
}

.offer-modal.hiddenpopUp {
	left: -290px;
}

.whatsapp_outer {
	position: relative;
	display: inline-block;
}

.whatsappCounter {
	position: absolute;
	right: -23px;
	top: -19px;
}

.count_number {
	background: #fc0100;
	border-radius: 50px;
	font-size: 10px;
	line-height: 1;
	padding: 2px 8px;
	position: absolute;
	top: -5px;
	right: -10px;
	color: #fff;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.51);
}

.offer-modal.with-image {
	border: 0;
	padding: 0
}

.table-responsive {
	width: 100%
}

.form-control.max-100 {
	max-width: 100%
}

.bordered-radio {
	border: 1px solid #c6c6c6;
	border-radius: 50px;
	position: relative;
	z-index: 1;
	padding-right: 15px;
}

.bordered-radio label {
	margin-bottom: 0
}

.whatspp_radio.bordered-radio input[type="radio"] label .select {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
}

.whatspp_radio.bordered-radio input[type="radio"]:checked+label .select,
.sms_radio.bordered-radio input[type="radio"]:checked+label .select {
	background: #2a2c32;
	display: block;
	position: absolute;
	left: -7px;
	top: -5px;
	z-index: -1;
	right: -15px;
	bottom: -5px;
	border-radius: 50px;
}

.whatspp_radio.bordered-radio input[type="radio"]:checked+label,
.sms_radio.bordered-radio input[type="radio"]:checked+label {
	color: #fff
}

.whatspp_radio.bordered-radio input[type="radio"]:checked+label:before,
.sms_radio.bordered-radio input[type="radio"]:checked+label:before {
	background: #fff
}

#sms_text {
	padding: 5px 0;
}

.switch {
	float: right;
}

input.default:checked+.slider {
	background-color: #444
}

input.primary:checked+.slider {
	background-color: var(--theme-color)
}

input.success:checked+.slider {
	background-color: var(--theme-color)
}

input.info:checked+.slider {
	background-color: var(--theme-color)
}

input.warning:checked+.slider {
	background-color: var(--theme-color)
}

input.danger:checked+.slider {
	background-color: var(--theme-color)
}

input:focus+.slider {
	box-shadow: 0 0 1px #2196f3
}

input:checked+.slider:before {
	-webkit-transform: translateX(22px);
	-ms-transform: translateX(22px);
	transform: translateX(22px)
}


.small-content {
	max-width: 680px
}

.add-more-element {
	clear: both;
	padding-left: 8px;
	padding-right: 8px;
}

.add-more-element .row {

	padding-top: 10px;
}

.modal-body .modal-footer {
	padding: 10px 0px 0;
}

.select2.select2-container {
	margin-bottom: 10px;
}

.select2-container--default .select2-results__option .select2-results__option {
	font-size: 13px
}

.Active {
	background: #0ca202
}

.Inactive {
	background: #ff0101
}

.form-section {
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: 1px solid #d5d5d5;
}

.business-logo {
	max-width: 280px;
	margin-bottom: 10px;
}

.accept {
	background: #ececec;
	padding: 5px 15px;
	border-radius: 5px;
	display: inline-block;
}

.mt-3 {
	margin-top: 15px
}

.authentication form#frmDetails.border-without-shadaow {
	border: 1px solid #ddd;
	box-shadow: none;
	padding: 20px;
}

.authentication form#frmDetails.border-without-shadaow .form-group.enb_area {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0
}

/*calendar*/
.fc-day-grid-event .fc-content {
	overflow: visible !important;
	white-space: normal !important;
	padding: 5px;
}

.fc-row.fc-rigid .fc-content-skeleton {
	position: relative !important;
}

.fc-title {
	display: block;
}

.fc-basic-view .fc-body .fc-row {
	height: auto !important;
}

.fc-title .icon {
	display: none;
}

.fc-title .icon-circle {
	display: inline-block;
	margin-right: 5px;
}

span.fc-title {
	font-size: 12px;
	font-weight: normal;
	line-height: 19px;
}

.fc-event:hover {
	color: #000 !important;
}

.clock-availibility {
	position: absolute;
	right: 10px;
	font-size: 17px;
	z-index: 1;
	cursor: pointer;
}

li.open .calendar-dropdown:before {
	background: #ececec !important;
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
}

/*Modal content design*/
.action-buttons {
	display: flex;
	flex-wrap: wrap;
}

.action-buttons .btn {
	margin-bottom: 8px;
	margin-right: 8px;
	line-height: 1.5;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.bordered-column {
	border: 1px solid #E0E0E0;
	padding: 25px;
	height: 96%;
	border-radius: 5px;
}

.bordered-column .table tbody tr th,
.bordered-column .table tbody tr td {
	padding: 10px;
	border: 0;
	font-size: 14px;
}

.bordered-column .table tbody tr th {
	color: #888;
	font-weight: normal;
}

.note-column span {
	color: #888;
	font-size: 14px;
}

.appointmentTable-outer tbody tr td,
.appointmentTable-outer tbody tr th {
	border: 0 !important;
	font-size: 14px
}

.dataTables_wrapper .table.dataTable.custom-table-for-modal,
.table.dataTable.custom-table-for-modal {
	background: rgba(21, 153, 87, 0.06);
	border: 0 !important
}

.dataTables_wrapper .table.dataTable.custom-table-for-modal thead tr,
.dataTables_wrapper .table.dataTable.custom-table-for-modal tbody tr,
.table.dataTable.custom-table-for-modal-red thead tr,
.table.dataTable.custom-table-for-modal-red tbody tr,
.table.dataTable.custom-table-for-modal thead tr,
.table.dataTable.custom-table-for-modal tbody tr {
	background: transparent !important;
	border: 0 !important
}

.dataTables_wrapper .table.dataTable.custom-table-for-modal thead tr th,
.table.dataTable.custom-table-for-modal thead tr th {
	color: #2a2c32;
	background: transparent !important;
	border: 0 !important;
	padding: 10px;
}

.dataTables_wrapper .table.dataTable.custom-table-for-modal tbody tr td,
.table.dataTable.custom-table-for-modal-red tbody tr td,
.table.dataTable.custom-table-for-modal tbody tr td {
	padding: 10px;
	background: transparent !important;
	border: 0 !important
}

.table.dataTable.custom-table-for-modal-red thead tr th {
	padding: 10px;
	color: #E5563C;
	border: 0;
	background: transparent !important;
}

.table.dataTable.custom-table-for-modal-red {
	background: rgba(229, 86, 60, 0.06);
	border: 0 !important
}

.custom-modal-table tr td {
	font-weight: normal !important;
	font-size: 14px;
}

.pricing-table.table.dataTable th:first-child {
	padding-left: 10px;
}

/*Modal form booking*/
.select2 {
	width: 100% !important;
	/* height: 40px!important; */
}

.select2-container .select2-selection--single {
	height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 22px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	display: flex;
	align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	background: transparent url(../images/down-arrow.png) right center no-repeat !important;
	border: 0 !important;
	width: 19px !important;
	height: 15px !important;
	display: block;
	background-size: contain !important;
	position: static !important;
	margin: 0 !important;
}

#booking .modal-service-row.service-row .disc-width {
	width: 130px;
}

#booking .modal-service-row.service-row .disc-width .input-group {
	display: flex;
	flex-wrap: nowrap;
	gap: 2px;
}

#booking .modal-service-row.service-row .disc-width .input-group input,
#booking .modal-service-row.service-row .disc-width .input-group select {
	width: 50%;
}

#booking .total-info-container.common-total-info input.form-control {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
}

.service_error {
	color: red;
}

.customer-info-wrapper .bordered-column,
.customer-info-wrapper .billing_details {
	height: 100%
}

.delete_package {
	position: absolute;
	bottom: 15px;
}

.fc-time-grid-event .fc-time span {}

/*.fc-time-grid-event .fc-time:before{content:attr(data-full)}*/
.schedule-content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.schedule-content p {
	padding: 15px;
	background: #e5f2e8;
	border-radius: 5px;
	margin: 10px 5px;
	flex: 1;
}

.schedule-content .title-small {
	display: block;
	width: auto;
	text-align: left;
	font-weight: bold;
	font-size: 18px;
}

.locations-info {
	max-height: 400px;
	overflow-y: auto;
	margin-bottom: 20px
}

.fullscreen-btn-small {
	display: none;
}

.fullscreen-btn-small svg {
	margin: 0
}

@media only screen and (max-device-width: 1360px) and (orientation:landscape) {
	.fullscreen-btn-small {
		display: inline-block;
	}

	.actiteFullScreen .new-header,
	.actiteFullScreen #navigation {
		display: none !important;
	}

	body.actiteFullScreen #content.container-fluid {
		margin-left: 0;
	}
}

.modal .dufault-popup .select2-search--inline input[type="search"] {
	padding: 0 !important;
	height: inherit;
	border: 0;
	margin: 0;
}

/*new css 20-07-2023*/
.dataTables_wrapper .table.dataTable {
	border-left: 0 !important;
	border-right: 0 !important
}

.table.dataTable .sorting .table.dataTable .sorting_asc {
	background-image: none !important;
	padding-left: 0 !important
}

.dataTables_wrapper .table.dataTable th,
table.dataTable thead th,
.dataTables_wrapper .table.dataTable th,
table.dataTable thead th span {
	font-weight: 600;
	/* color: #000 */
}

.dataTables_wrapper .table.dataTable tbody tr td {
	color:
		/*#4d4d4d*/
		#222222
}

.dataTables_wrapper .table.dataTable tbody tr td.date {
	white-space: nowrap;
}

.rounded-outer {
	background: #fff
}

.rep_section>.col-sm-9 {
	background: transparent !important;
}

.rep_section>.col-sm-9>.outer {
	padding: 22px;
	border-radius: 16px;
	background: #fff
}

.add-element {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 9
}

.circle-btn {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	border: 0;
	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .3);
}

.circle-btn svg path {
	fill: #fff
}

.custom-dropdown-menu {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.27);
	list-style: none;
	transition: all 0.5s;
	opacity: 0;
	visibility: hidden;
	padding-top: 14px;
	padding-bottom: 18px;
}

.custom-dropdown-menu li {
	display: block;
}

.custom-dropdown-menu a {
	padding: 8px 30px;
	white-space: nowrap;
	color: #333333;
	display: block;
	font-family: 'Inter', sans-serif;
	font-weight: 600
}

.custom-dropdown-menu.active {
	opacity: 1;
	visibility: visible;
	bottom: 100%;
}

.circle-btn svg {
	transition: all 0.5s;
}

.circle-btn.active {
	background: #fff !important;
}

.circle-btn.active .plus-icon {
	transform: rotate(45deg);
}

.circle-btn.active svg path {
	fill: #888
}

.activeMenu {
	overflow: hidden;
}

.overlay-menu {
	position: fixed;
	background: rgba(0, 0, 0, 0.45);
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 0;
	opacity: 0;
	visibility: hidden;
}

.activeMenu .overlay-menu {
	content: '';
	position: fixed;
	background: rgba(0, 0, 0, 0.45);
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 8;
	opacity: 1;
	visibility: visible;
}

.dot-vertical {
	padding: 0;
	background: transparent;
	border: 0;
}

.custom-new-dropdown-menu,
.main-nav ul.dropdown-menu {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.20) !important;
	list-style: none;
	transition: all 0.5s;
	padding-top: 14px !important;
	padding-bottom: 18px !important;
	border: 0;
}

.custom-new-dropdown-menu li a,
.main-nav ul.dropdown-menu li a {
	padding: 8px 30px;
	color: #333333;
	white-space: nowrap;
}

.custom-new-dropdown-menu li a:hover,
.main-nav ul.dropdown-menu li a:hover {
	/*background: transparent !important;*/
	background: #f2f2f2 !important;
}

.radius-16 {
	border-radius: 7px
}

.radius-18 {
	border-radius: 18px
}

.radius-50 {
	border-radius: 50px !important
}

.radius-12 {
	border-radius: 12px
}

.p-small {
	padding: 4px 8px;
	line-height: 1;
}

.p-12 {
	padding: 11px 14px
}

.btn.custom-btn .caret {
	border: 0;
	width: 13px;
	display: inline-block;
	vertical-align: middle;
	height: auto;
	position: relative;
	height: 13px;
	margin-left: 5px
}

.btn.custom-btn .caret:before {
	border-right: 2px solid;
	width: 6px;
	content: '';
	display: block;
	height: 9px;
	transform: rotate(-40deg);
	position: absolute;
	left: 0;
	bottom: 0;
}

.btn.custom-btn .caret:after {
	border-right: 2px solid;
	width: 6px;
	content: '';
	display: block;
	height: 9px;
	transform: rotate(40deg);
	position: absolute;
	right: 1px;
	bottom: 3px;
}

.btn.custom-btn {
	border-radius: 8px;
	padding: 12px 24px
}

.dataTables_wrapper .dataTables_info {
	display: flex;
	justify-content: center;
	padding-top: 15px;
	float: none;
	color: #888888 !important;
	width: 100% !important;
	margin: 0;
}

div.dataTables_wrapper .dataTables_paginate {
	float: none;
	text-align: center;
	display: flex;
	justify-content: center;
	width: 100% !important;
	gap: 10px;
}

div.dataTables_wrapper .dataTables_paginate>span {
	display: inline-flex;
	align-items: center;
}

/*.table-pagination-style */
div.dataTables_wrapper div.dataTables_paginate .paginate_button:not(.next) {
	background: #fff !important;
	border-radius: 8px;
	width: 32px;
	height: 30px;
	text-align: center;
	color: #888888 !important;
	border: 0 !important;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(22, 23, 22, 0.14) !important;
}

div.dataTables_wrapper div.dataTables_paginate .paginate_button.first,
div.dataTables_wrapper div.dataTables_paginate .paginate_button.last {
	display: none !important;
}

div.dataTables_wrapper div.dataTables_paginate span .paginate_button {
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

div.dataTables_wrapper .dataTables_paginate.paging_simple_numbers .paginate_button.current,
div.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	opacity: 1
}

div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .paginate_button.current,
div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers span .paginate_button:hover {
	background: #161716 !important;
	color: #fff !important;
	border-radius: 8px !important;
	border: 0 !important
}

div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .previous {
	color: #333333 !important;
	width: auto;
	border: 1px solid #333 !important;
	background: #fff !important;
	padding-left: 12px !important;
	padding-right: 12px !important;
	/* font-size: 0px; */
}

div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .previous:hover {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .next {
	width: auto;
	padding-left: 12px !important;
	padding-right: 12px !important;
	height: 30px;
	text-align: center;
	/* border: 0 !important; */
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	/* font-size: 0px; */
}

div.dataTables_wrapper div.dataTables_paginate.paging_simple_numbers .previous.disabled:hover {
	color: #333333 !important;
	border: 1px solid #333 !important;
}

ul.dropdown-menu li a {
	font-size: 15px;
	font-weight: 600
}

.flex-title {
	display: flex;
	justify-content: space-between;
	flex-wrap:
}

.scroll_table_outer {
	max-height: 473px;
	overflow: auto;
}

.down-arrow-right {
	margin-left: 8px;
	vertical-align: middle;
}

.flex-align-center.flex-start {
	-webkit-box-pack: start !important;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}

.mr-3,
.flex-align-center.flex-start>.switch {
	margin-right: 10px !important
}

/*modal new*/
.custom-modal-v2 .modal-body {
	padding: 10px 32px 10px;
}

.modal .dufault-popup.custom-modal-v2 .form-control {
	height: 40px;
}

.dufault-popup.custom-modal-v2 .modal-footer {
	padding: 10px 32px 30px;
	border: 0;
	display: flex;
	border: 0;
	justify-content: end;
}

.dufault-popup .modal-footer {
	text-align: right;
}

/*.modal .dufault-popup.custom-modal-v2 .modal-footer .btn{
	height: 54px;
	line-height: 34px;
	max-width: 200px;
	width: 100%; 
	margin:inherit;
}*/
.modal .dufault-popup.custom-modal-v2 .modal-footer .close-modal-btn {
	background: transparent;
	border-color: #EF233C !important;
	color: #EF233C;
}

.dufault-popup.custom-modal-v2 .list-group-item {
	border: 0;
	padding-left: 0;
	padding-right: 0
}

.modal-content {
	background: transparent;
	min-height: 180px;
	box-shadow: none;
}

.modal .modal-dialog {
	right: 0;
	position: fixed;
	height: 100%;
	margin: 0;
	top: 0;
	overflow-y: auto;
	border-radius: 0;
	background: #fff;
	margin-top: 0 !important;
}

.dufault-popup .modal-header .close {
	/*color: #fff;	*/
	font-size: 39px;
	font-weight: 300;
	display: flex;
	justify-content: center;
	align-items: center;
	position: static;
	right: -15px;
	top: -15px;
	width: 32px;
	height: 32px;
	margin-top: 3px;
	margin-right: 10px;
	flex: none;
	margin-bottom: 0;
	background: transparent;
}

.dufault-popup .modal-header .close span {
	line-height: 1;
	padding-bottom: 2px;
}

.full-btn-lg {
	height: 44px;
	line-height: 34px;
	width: 100%;
}

.mt-30 {
	margin-top: 30px
}

.white-bg {
	background: #fff
}

.heading-3 {
	font-size: 18px;
	padding-bottom: 15px
}

.heading-2 {
	font-size: 25px;
	padding-top: 22px;
	padding-bottom: 22px
}

.profile-details.box .nav-stacked.members_details>li {
	flex: 0 0 100%;
	border-bottom: 1px solid #E0E0E0;
	padding: 14px 0px !important;
	margin: 0 !important
}

.profile-details.box .nav-stacked.members_details>li h4 {
	/* color: #888888; */
	font-size: 14px
}

.profile-details.box .nav-stacked.members_details>li span {
	color: #333333;
	font-size: 14px
}

.profile-details .widget-user-username {
	font-size: 20px;
	font-weight: 600;
}

.image-profile {
	width: 112px;
	height: 112px;
	max-width: 112px;
	border-radius: 100%;
	background: #2a2c32;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 15px
}

.profile-details .widget-user-image .image-profile>img {
	border: 0;
	max-width: 100%;
	box-shadow: none;
	margin: 0;
	background: transparent;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.referral-column {
	text-align: center;
	padding-top: 15px
}

.referral-column p {
	color: #888888
}

.referral-column span {
	color: #2a2c32;
	font-size: 18px;
	display: block;
	font-weight: 600
}

.report-box {
	margin-bottom: 15px;
	position: relative;
	background: #fff;
	display: block;
	padding: 0 15px;
	min-height: 240px;
	border-radius: 11px;
	transition: all .4s ease-in-out;
}

.report-box:hover {
	box-shadow: 0 10px 15px rgba(0, 0, 0, .08);
	-moz-box-shadow: 0 10px 15px rgba(0, 0, 0, .08);
	-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, .08);
}

.report-box p {
	margin-bottom: 0
}

.report-box .report-title {
	padding-top: 0;
	border-radius: 8px 8px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	font-size: 14px;
	font-weight: 600;
	display: block;
	padding: 5px 10px;
	color: #000
}

/*.report-box a:hover{background:#cecece}*/
.input-group.search_wrap {
	padding: 10px 0px
}

.report-box.active,
.report-box:hover {
	border: 0 solid #2a2c32;
	color: #000;
	font-weight: 600
}

.report-box.active .report-title {
	font-weight: 600;
	color: #000
}

.table.dataTable {
	width: 100% !important
}

#search_report {
	background-color: var(--white);
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 38px;
	background-size: 14px;
}

.appointment-list {
	height: auto !important
}

.mdrop {
	border-bottom: 2px solid #ececec;
	font-size: 17px;
	font-weight: 600;
	display: block;
	padding: 10px;
	color: #121212;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important
}

.rep_section .col-md-12.shadow {
	margin-bottom: 12px
}

/*.pricing-section .d-flex .col-md-3:first-child {
	order: 2;
}
.pricing-section .d-flex .col-md-3:nth-child(2) {
	order: 3;
}
.pricing-section .d-flex .col-md-3:nth-child(3) { 
	order: 4;
}
.pricing-section .d-flex .col-md-3:nth-child(4) {
	order: 5;
}
.pricing-section .d-flex .col-md-3:nth-child(5) {
	order: 1;
}*/
.pricing-section .d-flex .col-md-3:nth-child(5) ul.show {
	display: flex !important;
	flex-wrap: wrap;
	flex-direction: column;
}

.pricing-section .d-flex .col-md-3:nth-child(5) ul li {
	font-weight: 600;
}

.pricing-section .d-flex .col-md-3:nth-child(5) ul li:last-child {
	/*order: 1 !important;*/
	font-weight: bold;
}

.pricing-section .d-flex .col-md-3:nth-child(5) ul li {
	/*order: 1 !important;*/
	font-weight: bold;
}

/*.btn span,.btn i{vertical-align: top;}*/
.btn i {
	display: inline-block;
}

.btn {}

.btns-groups a {
	font-size: 16px;
}

.btns-groups a+a {
	margin-left: 8px
}

.danger {
	color: red
}

.d-flex {
	clear: both;
}

/*calendar new changes booking style — FC4 agenda only; FC6 row heights are set on <tr> by FullCalendar */
.fc-view.fc-agendaDay-view.fc-agenda-view .fc-time-grid .fc-slats td {
	height: 3em;
}

table input[type="text"],
table input[type="number"] {
	margin-bottom: 5px
}

/*store index page css*/
/* .before_content::before {
		content: '';
		position: absolute;
		width: 200px;
		height: 200px;
		background: rgba(255, 255, 255, 0.2);
		border-radius: 100%;
		right: -5%;
		top: -5%;
	} */
/* .warehouse-content {
		background: #5565ff;
	}
	.warehouse-content:before {
		content: '';
		position: absolute;
		background: url(images/mailchimp-overly.png) center center no-repeat;
		right: -5%;
		top: -5%;
		left: -5%;
		bottom: -5%;
		opacity: .05;
		background-size: cover;
		z-index: 1
	} */
.button-inside {
	background-color: #fff;
	border-radius: 7px;
	padding: 10px 5px;
	position: relative;
	margin-top: 15px;
	z-index: 1
}

.button-inside #keyword {
	padding: 0 20px;
	height: 45px;
	border: 0 !important;
	background: var(--white);
	margin: 0
}

.button-inside .add_btn {
	/* padding: 16px 30px; */
	margin: 0 !important;
}

.form-fields {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.tab-content>.tab-pane.warehouse-content {
	padding: 20px 10px 50px;
}

#formdata h5 {
	margin-bottom: 10px;
	font-size: 35px;
	position: relative;
	line-height: 1.2;
}

.tab-content>.tab-pane.warehouse-content p {
	font-size: 16px
}

/* .warehouse-content::after {
		content: '';
		background: #5565ff;
		position: absolute;
		left: 0;
		top: 61px;
		right: 0;
		bottom: 0;
		z-index: 0;
	} */
#formdata {
	position: relative;
	z-index: 1
}

.store-section .box-body .nav>li>a:hover {
	background: #fff
}

.store-section .nav-tabs {
	border-bottom: 1px solid #c4c4c4;
	z-index: 2
}

.btn__icon__nospace .btn i {
	margin-right: 0 !important
}

#calendar-full .fc-resource-cell {
	white-space: normal;
	line-height: 1
}

/*full screen css*/
.toggle-fullscreen-btn {
	padding: 0.6rem;
}

.toggle-fullscreen-btn svg {
	margin-left: 0
}

.toggle-fullscreen-svg {
	display: block;
	height: auto;
}

.toggle-fullscreen-svg path {
	transform-box: view-box;
	transform-origin: 12px 12px;
	fill: none;
	stroke: #fff;
	stroke-width: 4;
	transition: .15s;
}

.toggle-fullscreen-btn:hover path:nth-child(1),
.toggle-fullscreen-btn:focus path:nth-child(1) {
	transform: translate(-2px, -2px);
}

.toggle-fullscreen-btn:hover path:nth-child(2),
.toggle-fullscreen-btn:focus path:nth-child(2) {
	transform: translate(2px, -2px);
}

.toggle-fullscreen-btn:hover path:nth-child(3),
.toggle-fullscreen-btn:focus path:nth-child(3) {
	transform: translate(2px, 2px);
}

.toggle-fullscreen-btn:hover path:nth-child(4),
.toggle-fullscreen-btn:focus path:nth-child(4) {
	transform: translate(-2px, 2px);
}


.toggle-fullscreen-btn:not(.on) .icon-fullscreen-leave {
	display: none;
}

.toggle-fullscreen-btn.on .icon-fullscreen-enter {
	display: none;
}

body.fullscreen:not(.dashboard-page) #navigation,
body.fullscreen .new-header {
	display: none !important;
}

body.fullscreen:not(.dashboard-page) #content.container-fluid {
	margin-left: 0
}

body.fullscreen {
	border: 1px solid #111
}

body.fullscreen #main {
	padding-bottom: 0
}

.sidenav-custom li.active a {
	color: #000;
	font-weight: bold;
	background-color: #ECECEC;
}

#tab-booking .card-body {
	padding: 0
}

#tab-booking .card-body .targetOuter {
	width: auto;
}

/*dashboared*/
.drp-buttons .applyBtn.btn.btn-primary {
	color: #fff !important
}

.started-section {
	background: #fff;
	border-radius: 12px;
	padding: 10px;
	margin-bottom: 15px;
	color: #111;
	position: relative;
	transition: all 0.5s;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
	overflow: hidden;
	height: 140px;
}

.started-section img {
	max-width: 60%;
	float: right;
}

.started-section h1 {
	margin-top: 0;
	font-size: 2.8vw;
	margin-bottom: 15px;
	font-weight: 700;
}

.started-section p {
	font-size: 21px;
	margin-bottom: 5px;
	line-height: 1.4;
	font-weight: 600;
}

.started-section-btn {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.large-btn {
	font-size: 16px;
	border-radius: 60px;
}

.slideout-toggle {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 5;
	padding: 0;
	background: transparent;
	border: 0;
	line-height: 1;
}


.circles {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.circles li {
	position: absolute;
	display: block;
	list-style: none;
	width: 20px;
	height: 20px;
	background: rgba(34, 151, 208, 0.2);
	animation: animate 25s linear infinite;
	bottom: -150px;

}

.circles li:nth-child(1) {
	left: 25%;
	width: 80px;
	height: 80px;
	animation-delay: 0s;
}


.circles li:nth-child(2) {
	left: 10%;
	width: 20px;
	height: 20px;
	animation-delay: 2s;
	animation-duration: 12s;
}

.circles li:nth-child(3) {
	left: 70%;
	width: 20px;
	height: 20px;
	animation-delay: 4s;
}

.circles li:nth-child(4) {
	left: 40%;
	width: 60px;
	height: 60px;
	animation-delay: 0s;
	animation-duration: 18s;
}

.circles li:nth-child(5) {
	left: 65%;
	width: 20px;
	height: 20px;
	animation-delay: 0s;
}

.circles li:nth-child(6) {
	left: 75%;
	width: 110px;
	height: 110px;
	animation-delay: 3s;
}

.circles li:nth-child(7) {
	left: 35%;
	width: 150px;
	height: 150px;
	animation-delay: 7s;
}

.circles li:nth-child(8) {
	left: 50%;
	width: 25px;
	height: 25px;
	animation-delay: 15s;
	animation-duration: 45s;
}

.circles li:nth-child(9) {
	left: 20%;
	width: 15px;
	height: 15px;
	animation-delay: 2s;
	animation-duration: 35s;
}

.circles li:nth-child(10) {
	left: 85%;
	width: 150px;
	height: 150px;
	animation-delay: 0s;
	animation-duration: 11s;
}

@keyframes animate {
	0% {
		transform: translateY(0) rotate(0deg);
		opacity: 1;
		border-radius: 0;
	}

	100% {
		transform: translateY(-1000px) rotate(720deg);
		opacity: 0;
		border-radius: 50%;
	}
}

.animation-bg {
	background: url(../images/iconsets2.png) repeat 0 0;
	width: 40%;
	margin: 0;
	text-align: center;
	height: 300%;
	box-sizing: border-box;
	-webkit-animation: slidebg 100s linear infinite;
	position: absolute;
	right: -86px;
	top: -65px;
	transform: rotate(-45deg);
	background-size: contain;
}

@-webkit-keyframes slidebg {
	from {
		background-position: 0 0;
	}

	to {
		background-position: 520px 0px;
	}
}

.table-scroll {
	max-height: 400px;
}

.hide-section {
	display: none;
}

.remove-extend-field {
	position: absolute;
	top: -8px;
	right: 0;
}

.remove-extend-field button {
	padding: 0;
	line-height: 0;
	width: 25px;
	height: 25px;
	padding-bottom: 3px;
	font-size: 18px;
	font-weight: 500;
	border-radius: 40px;
}

/*.btn-xs {
	padding: 4px 7px;
}*/
.callout a.white-text {
	color: #fff !important
}

.fa-question-circle::before {
	content: 'i';
	border: 2px solid;
	padding: 2px 3px;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	display: inline-flex;
	text-align: center;
	line-height: 1;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-size: 12px;
}

.service-row .select2-container .select2-selection--multiple {
	min-height: 38px;
}

.service-row .select2-container .select2-selection--multiple input[type="search"] {
	line-height: 27px;
	margin-bottom: 0 !important;
	padding-top: 3px !important;
	margin-top: 0
}

.new_info {
	position: absolute;
	color: #fff;
	font-size: 11px;
	background: red;
	line-height: 1;
	padding: 2px 3px 4px;
	top: -9px;
	right: -15px;
	border-radius: 4px;
	z-index: -1;
	font-weight: bold;
}

.new_info span {
	color: white;
	animation: blink 2s linear infinite;
}

@keyframes blink {
	0% {
		opacity: .3;
	}

	50% {
		opacity: .7;
	}

	100% {
		opacity: 1;
	}
}

.pricing-head {
	background: #00bb402e;
	padding: 25px 12px;
	padding-bottom: 10px;
	border-radius: 6px;
}

.pricing-block-sec .pricing-block:nth-child(2) .pricing-head {
	background: #bba7003d;
}

.pricing-block-sec .pricing-block:nth-child(3) .pricing-head {
	background: #00bba93d;
}

.pricing-block-sec .pricing-block:nth-child(4) .pricing-head {
	background: #4cbb003d;
}

.pricing-block-sec .pricing-block:nth-child(5) .pricing-head {
	background: #0063bb2b;
}

.pricing-block-sec .pricing_box h3 {
	padding-top: 0
}

.calendar-top-section {
	padding-top: 10px
}

.pb-25 {
	padding-bottom: 25px
}

.reports_section h2 {
	font-size: 18px;
	margin-bottom: 15px;
}

.reports_section .reportslist {
	padding: 0;
	margin: 0;
	padding-left: 0px;
}

.reports_section .reportslist li {
	margin-bottom: 10px
}

.reports_section .reportslist li a {
	display: flex;
	color: #5e5e5e;
	align-items: center;
}

.reports_section .reportslist li a:hover {
	color: #000
}

.reports_section .reportslist li.current a {
	color: #000;
	font-weight: 600
}

.reports_section .reportslist li.current a svg path {
	stroke: #000;
}

.reports_section .reportslist li a .sm_icon {
	margin-right: 10px;
	flex: 0 0 18px;
}

.sm_icon {
	width: 18px;
	height: 18px;
	display: block;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.pin {
	background-image: url(../images/pin.svg);
}

.pin.active {
	background-image: url(../images/filled-pin.svg);
}

.report {
	background-image: url(../images/report.svg);
}

.tags {
	background-image: url(../images/tag.svg);
}

.reports_section .report-box .report-title {
	padding: 10px 0;
	min-height: 0;
	position: relative;
	padding-bottom: 5px
}

.reports_section .report-title h3 {
	text-align: left;
	font-size: 13px;
	min-height: 0;
	line-height: normal;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 90%
}

.reports_section .report-title h3::after {
	display: none;
}

.reports_section .ac_content {
	display: flex;
	flex-wrap: wrap;
}

.reports_section .report-box {
	min-height: calc(100% - 15px);
	border: 1px solid var(--light-border);
	height: auto;
	padding-bottom: 10px;
}

.reports_section .report-box p {
	padding: 0 0;
	font-size: 13px;
	line-height: normal;
	height: auto;
	/*overflow: hidden;
	text-overflow: initial;*/
	text-align: left;
	color: #8C8C8C;
}

.reports_section .mdrop {
	border: 0;
	-webkit-box-pack: start !important;
	-ms-flex-pack: start !important;
	justify-content: start !important;
	background: var(--gray-light-50);
	border-radius: 8px;
}

.reports-main {
	border-left: 1px solid #ccc;
}

.reports-main .mdrop {
	margin-bottom: 10px;
}

.icon-angle-down {
	transition: all 0.3s;
}

.reports-main .mdrop.active-mdrop .icon-angle-down {
	transform: rotate(-90deg);
}

.reports-content {
	display: none;
}

@media (min-width: 992px) {
	.reports-main .col-md-3 {
		width: 33%;
	}
}

.pin_item {
	position: absolute;
	z-index: 3;
	right: 12px;
	top: 8px;
	width: 15px;
	height: 15px;
}

/*.report-box a.pin_item:hover{
	background-color: transparent;
}*/

.reports_section .mdrop .tags {
	margin-right: 10px;
}

.ml-3 {
	margin-left: 10px;
}

.active-mdrop {}

#changestatus.modal .modal-title {
	justify-content: space-between;
	width: 100%;
}


.tooltip:hover::after {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	background: #000;
	border-radius: 5px;
	color: #fff;
	content: attr(title);
	/* margin: -82px auto 0; */
	font-size: 12px;
	padding: 8px 7px;
	white-space: nowrap;
	position: absolute;
	line-height: 1;
	bottom: 115%;
}

.tooltip:hover:before {
	border: solid;
	border-color: #000 transparent;
	border-width: 12px 6px 0 6px;
	content: "";
	left: 50%;
	bottom: 98%;
	position: absolute;
	transform: translateX(-50%);
}

.language-img {
	width: 35px;
	height: 35px;
	display: block;
	margin: auto;
}

.language-img img {
	max-width: 100% !important;
	width: auto;
}

.language-listing {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 15px;
}

.language-listing .language_label {
	padding: 2.3rem 1rem;
	padding-left: 5rem;
	border-bottom: 1px solid #ebebeb;
	position: relative;
	margin-bottom: 0;
	cursor: pointer;
}

.language-listing .language_label input[type="radio"] {
	position: absolute;
	opacity: 0
}

.language-listing .language_label input[type="radio"]+.language_text {
	display: flex;
}

.language-listing .language_label input[type="radio"]+.language_text::before {
	width: 24px;
	height: 24px;
	content: '';
	border: 2px solid;
	position: absolute;
	left: 14px;
	border-radius: 50px;
	opacity: 0;
	top: 50%;
	transform: translateY(-50%);
}

.language-listing .language_label input[type="radio"]+.language_text::after {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	background: red;
	position: absolute;
	left: 20px;
	border-radius: 50px;
	opacity: 0;
	top: 50%;
	transform: translateY(-50%);
}

.language-listing .language_label input[type="radio"]:checked+.language_text::before,
.language-listing .language_label input[type="radio"]:checked+.language_text::after {
	opacity: 1
}

.lang_icon {
	width: 24px;
	margin-right: 16px;
}

.large-group .input-group-addon {
	height: 40px;
	line-height: 30px;
	border-right: 1px solid #ccc;
	display: flex;
	justify-content: center;
	align-items: center;
}

.large-group .input-group-addon+input.form-control {
	padding-left: 50px !important;
	margin: 0;
}

td .main-nav>li {
	position: relative;
}

.activity_contents {
	text-align: center;
}

.empty_appoint {
	background: url(../images/empty-appointments.svg) center top no-repeat;
	display: block !important;
	background-size: contain;
	width: 100%;
	margin-bottom: 15px;
	margin-top: 20px;
	padding-bottom: 91px;
}

.dataTables_empty img,
.nodatafoundImg {
	max-width: 230px !important;
	margin: 25px auto !important
}

.time_break {
	margin-bottom: 10px;
	display: flex;
}

.time_break i {
	font-size: 21px;
	color: #979595;
	margin-left: 6px
}

.time_break svg {
	margin-right: 6px
}

.breakbtn {
	margin-bottom: 10px;
}

.remove_shift {
	cursor: pointer;
}

@media (min-width: 767px) {
	.flex-time-row>div {
		width: auto;
		flex: 1;
		white-space: nowrap;
	}
}

/*staff schedulings page css*/
.staff_schedulings.table.dataTable thead tr th {
	background: #2a2c32 !important;
	color: #fff;
}

.icon-pencil.pen_edit {
	position: absolute;
	top: 0;
	right: 5px;
	font-size: 12px;
}

.btn:hover svg path {
	color: #FFFFFF !important;
	fill: #fff;
}

.working_staff {
	padding: 0;
	position: absolute;
	right: 4px;
	top: -5px;
}

.working_staff .dropdown-menu {
	left: 0;
	right: auto;
}

.addTimeOff {
	position: fixed;
	bottom: 15px;
	right: 100px
}

.type-checkbox {
	position: relative;
}

.title_shadow_box {
	display: flex;
	background-color: #fff;
	height: 100%;
	border-radius: 16px;
	padding: 20px;
	position: relative;
	flex-direction: column;
	border: 1px solid var(--light-border)
}

.title_shadow_box h2 {
	margin: 0;
	font-size: 16px
}

.salestool-hub-section .salestool-nav-section-title,
.salestool-left-menu .salestool-nav-section-title {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.04em;
	color: #6b7280;
	padding: 12px 13px 6px;
	margin: 0;
	border: 0;
	cursor: default;
	display: block;
}

.salestool-hub-section .salestool-nav-section-title {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 8px;
	border-bottom: 1px solid #ececec;
	padding-bottom: 8px;
}

.salestool-left-menu .account-setup > .salestool-nav-section-title:first-child {
	padding-top: 4px;
}

.salestool-left-menu .sidenav-custom {
	margin-bottom: 10px;
}

.salestool-left-menu .sidenav-custom li.active > a {
	background-color: #EDE9FB;
	color: #000;
	font-weight: 600;
}

.salestool-page .hide-small-screen > div {
	padding: 12px;
}

.title_shadow_box p {
	font-size: 14px;
	margin-bottom: 0
}

.fa-angle-right:after {
	content: "\f105";
}

/* .angle-right:after {
	content: "\f105";
	display: flex;
	font-family: FontAwesome;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 26px;
	color: #a2a2a2;
} */
.btn.btn-door-step {
	margin-top: 5px;
	border-radius: 0;
	width: 100%;
	background: #00bdb0 !important;
	color: #fff !important;
	border-color: #00bdb0 !important;
	/* line-height: 1.2 !important; */
	padding: 4px 10px !important;
}

.tip-row .select2-search input {
	height: 36px;
}

.dataTables_wrapper .table.dataTable tbody tr td.details-control {
	font-size: 0;
	cursor: pointer;
}

.dataTables_wrapper .table.dataTable tbody tr td.details-control:before {
	display: inline-block;
	color: rgba(0, 0, 0, 0.5);
	content: "▶";
	font-size: 16px;
	transition: all 0.5s;
}

.dataTables_wrapper .table.dataTable tbody tr.shown td.details-control:before {
	transform: rotate(90deg);
}

.member-dropdown-active #produktly-portal-root>span {
	z-index: 3 !important
}

.little-list.subscription-list {
	display: flex;
}

.little-list.subscription-list li {
	width: 180px;
	margin-right: 15px;
	margin-top: 15px
}

.subscription-list .checklabel input[type="radio"]+span {
	border: 1px solid #c8c6c6;
	padding: 0px;
	border-radius: 8px;
	height: 180px;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
	padding-left: 20px;
	text-align: left;
}

.subscription-list .checklabel input[type="radio"]:checked+span {
	background: #2a2c32 !important;
	color: #fff;
	border-color: #2a2c32;
	background: linear-gradient(190deg, rgb(144, 160, 255) 0%, rgb(94, 126, 255) 100%) !important;
	border-color: transparent;
}

.subscription-list .checklabel input[type="radio"]+span div {
	display: inline-flex;
	flex-direction: column;
	text-align: left;
	justify-content: center;
}

.subscription-list .checklabel input[type="radio"]+span:before,
.subscription-list .checklabel input[type="radio"]+span:after {
	display: none;
}

.subscription-list .checklabel input[type="radio"]+span span {
	border: 0;
	font-size: 14px;
	font-weight: normal;
}

.subscription-list label {
	width: 100%
}

.pck_price {
	font-size: 30px;
}

.subscription-list sup {
	top: -.8em;
	background: #ffa81b;
	display: inline-block;
	line-height: 1;
	width: 120px;
	margin: auto;
	position: absolute;
	color: #fff;
	border-radius: 30px;
	font-size: 14px;
	padding: 8px 20px;
	left: 50%;
	transform: translateX(-50%);
	line-height: .8;
	text-align: center;
}

.select2-container--default .select2-selection--multiple,
input.form-control,
select.form-control {
	border: 1px solid var(--light-border);
	background: var(--gray-light-50);
}

/*.fc-time-grid .fc-bgevent.blocked{opacity: 0.8}*/
.fc-time-grid .fc-bgevent.blocked {
	opacity: 0.8;
	background-image: none;
	background: #a4adba !important;
	font-weight: 400;
	line-height: 1.4;
	overflow: hidden;
}



#booking.newboking .dufault-popup {
	max-width: 1230px !important;
	margin: 0;
	left: auto;
	right: 0;
	position: absolute;
	border-radius: 0;
}

.table td .member-initials img {
	height: auto;
	font-size: 0;
	border: 0 !important;
}

.add_staff_commission {
	font-size: 11px;
}

.commission_row .staff-commission-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px 10px;
	margin: 0;
	padding-top: 2px;
}

.commission_row .staff-commission-item {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	max-width: none;
	width: auto;
	flex: 0 0 auto;
}

.commission_row .staff-commission-label {
	font-weight: 500;
	font-size: 12px;
	line-height: 1.2;
	color: #333;
	flex-shrink: 0;
	white-space: nowrap;
	display: inline-block;
}

.commission_row .staff-commission-item .form-control,
.commission_row .staff_commision_input {
	width: 80px;
	min-width: 70px;
	max-width: 90px;
	display: inline-block;
	padding: 4px 6px;
	height: 30px;
	flex: 0 0 auto;
}

.commission_row .staff-commission-header {
	margin-bottom: 2px;
}

.commission_row .staff-commission-list .staff-commission-item {
	width: auto !important;
	flex: 0 0 auto !important;
}

.commission_row h2+div>div>div {
	width: 100%;
	flex: none;
}

.commission_row h2+div {
	display: flex;
	flex-wrap: wrap;
}

.commission_row .commission_row_inside,
.commission_row .commission_row {
	width: auto;
	margin: 0;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: 180px;
}

.commission_row .fieldset {
	font-weight: 500;
}

.commission_row .commission_row {}

@media (max-width: 991px) {
	.commission_row h2+div {
		display: flex;
		flex-wrap: wrap;
	}

	.commission_row .commission_row_inside {
		margin-bottom: 10px;
	}

	.service-row .row>div.commission_row {
		width: 100%
	}
}

@media (max-width: 680px) {
	.commission_row .commission_row_inside {
		width: 100%;
	}
}

/*new css 06-03-2024*/
.bold {
	font-weight: 700 !important;
}

.semi-bold {
	font-weight: 600;
}

.shifts-modal fieldset {
	border: 1px solid #e0e0e0;
	border-radius: 8px !important;
}

.modal .dufault-popup .shifts-modal fieldset input[type="text"] {
	border: 0 !important;
	padding: 0 10px !important;
	margin-bottom: 0 !important
}

/* .modal .dufault-popup .shifts-modal #schedule_type{
	height: 50px;
} */
.shifts-modal legend {
	width: auto;
	display: inline-block;
	padding: 0 5px;
	color: #9b9898;
	font-size: 15px;
	margin: 0 10px;
	border: 0;
	line-height: 1;
}

.shifts-modal #selectedMultipleDates .ui-datepicker-header {
	background: transparent !important;
}

.shifts-modal #selectedMultipleDates .ui-datepicker-title {
	color: #333;
	text-align: left;
	font-size: 15px;
	font-weight: 700;
	margin-left: 0;
}

.shifts-modal #selectedMultipleDates th {
	color: #868686;
}

.shifts-modal #selectedMultipleDates th,
.shifts-modal #selectedMultipleDates tr,
.shifts-modal #selectedMultipleDates td {
	border: 0 !important
}

.shifts-modal #selectedMultipleDates td .ui-state-default {
	height: 40px;
	line-height: 36px;
	font-size: 12px;
	border-radius: 53px;
	width: 40px;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.shifts-modal #selectedMultipleDates .ui-datepicker {
	border: 0;
	box-shadow: none;
	width: 100%;
	padding: 0
}

.shifts-modal #selectedMultipleDates .ui-datepicker-next {
	right: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.shifts-modal #selectedMultipleDates .ui-datepicker-prev {
	right: 56px;
	left: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.shifts-modal #selectedMultipleDates .ui-datepicker-next span {
	background: transparent;
	width: 9px;
	height: 9px;
	border-top: 2px solid;
	border-right: 2px solid;
	transform: rotate(45deg);
	display: block;
	margin: 0;
	position: static;
	margin-right: 2px;
}

.shifts-modal #selectedMultipleDates .ui-datepicker-prev span {
	background: transparent;
	width: 9px;
	height: 9px;
	border-top: 2px solid;
	border-left: 2px solid;
	transform: rotate(-45deg);
	display: block;
	position: static;
	margin: 0;
	margin-left: 2px;
}

.shifts-modal .weekDiv {
	display: flex;
	padding: 8px 0;
	border-top: 1px solid #ddd;
	margin-top: 8px;
	padding-bottom: 0;
}

.shifts-modal .weekDiv label {
	font-weight: normal;
	margin: 0;
}

.shifts-modal #displayWeekData input[type="checkbox"] {
	margin-right: 5px
}

#displayWeekData {
	max-height: 300px;
	overflow-y: auto;
}

.shifts-modal #selectedMultipleDates td .ui-state-default.ui-state-active,
.shifts-modal #selectedMultipleDates td.ui-datepicker-today .ui-state-highlight {
	background: #353535 !important;
	color: #fff
}

.shifts-modal #selectedMultipleDates td.ui-state-highlight .ui-state-default {
	background: #797979 !important;
	color: #fff;
}

.ui-datepicker th.ui-datepicker-week-col {
	background: #000 !important;
	color: #fff !important;
	padding: 0 1em;
}

.ui-datepicker td.ui-datepicker-week-col {
	text-align: center;
	color: #020202;
	font-weight: bold;
	cursor: pointer;
	background: #ececec !important;
	border-right: 1px solid #ddd !important;
	border-bottom: 1px solid #ddd !important;
}

@media (min-width: 992px) {
	.col_right {
		padding-left: 20px
	}

	.col_left {
		padding-right: 20px;
		border-right: 1px solid #ddd
	}

	.desktop-view {
		padding-right: 60px
	}
}

/*pricing new page*/

.pricingSummary_details {
	background:
		/*#eaeaea*/
		#fff;
	border-radius: 16px;
	width: 100%;
	border: 1px solid var(--light-border)
}

.pricingSummary_title {
	padding: 15px;
	border-bottom: 0px solid #cbcbcc;
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 0px;
	margin-top: 0;
	padding-bottom: 0;
	/*  font-family: 'Meditative';*/
	color: #15023A;
	font-weight: 600;
}

.pricingSummary_list {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 0;
	padding-bottom: 32px;
}

.pricingSummary_list li {
	display: flex;
	justify-content: space-between;
}

.pricingSummary_list li:not(:first-child) {
	margin-top: 24px;
}

.pricingSummary_list li .summary-text {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: normal;
	color: #8a8a8a;
}

.pricingSummary_list li .summary-price {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: normal;
	color: #15023a;
	text-align: right;
	padding-left: 12px;
	display: flex;
	align-items: center;
}

.pricingSummary_list li .summary-price i {
	margin-top: 0
}

.pricingSummary_value {
	display: flex;
	justify-content: space-between;
	padding: 20px;
	flex-direction: column;
	border-radius: 16px;
	margin-top: 10px;
	background: #fff;
	width: 100%;
	border: 1px solid var(--light-border);
}

.pricingSummary_value .fa.fa-inr {
	margin-top: 0
}

.text-14 {
	font-size: 14px;
}

.text-16 {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: normal;
}

.t-title-40 {
	font-size: 40px;
	line-height: 1;
	font-weight: 700;
	letter-spacing: -.8px;
}

.t-text-10 {
	font-size: 10px;
	letter-spacing: normal;
	font-weight: 700;
}

.price-block .inner-box .title {
	position: relative;
	color: #15023A;
	font-size: 23px;
	font-weight: 700;
	/* text-transform: uppercase; */
	margin-bottom: 10px;
}

.pricingSummary_btn {
	padding: 0 40px 40px;
}

.pricingSummary_btn button {
	margin-top: 0
}

.full {
	width: 100%
}

.desktop-features-wrap .desktop-features:first-child {
	display: block;
}

.plan-section {
	position: relative;
}

.plan-section .pricing-head {
	display: flex;
	justify-content: space-between;
	padding: 32px 40px 36px;
}

.plan-section .price-block .inner-box .title {
	width: auto;
	text-align: left;
	margin-bottom: 20px;
	/*	font-family:'Meditative';*/
	font-size: 20px;
	font-weight: 600;
}

.plan-section .price-block .inner-box {
	height: auto;
	/* padding: 15px 0; */
}

.price_col {
	display: flex;
	padding-bottom: 15px
}

.plan-section .price-block .inner-box .price-list,
.desktop-features .price-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 15px 20px 14px;
	margin: 0;
	clear: both;
}

.plan-section .price-block .inner-box .price-list li,
.desktop-features .price-list li {
	font-weight: 500;
	padding: 0 12px;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	color: #4A4B4A;
	font-family: Arial;
}

.plan-section .price-block .inner-box .price-list li i,
.desktop-features .price-list li i {
	position: static;
	color: #fff;
	margin-right: 10px;
	width: 34px;
	height: 34px;
	border: 0;
	border-radius: 50%;
	background: #000000;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: normal !important;
	flex: 0 0 34px;
}

.price-list .fa-plus {
	margin-left: 5px;
	background: rgba(22, 23, 22, 0.1);
	font-size: 10px;
	font-weight: normal;
	padding: 3px 6px;
	border-radius: 4px;
}

.plan-section .price-block,
.desktop-features {
	border: 1px solid var(--light-border);
	border-radius: 16px;
	margin-bottom: 15px;
	/*  	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.21);*/
	background: transparent;
}

.plan-section .price-block .pricing-head {
	background: transparent;
	border-bottom: 1px solid #ddd;
}

.plan-section .price-block .pricing-head p {
	margin-bottom: 0
}

.price_slab {
	color: #15023a;
}

.price_slab .fa.fa-inr {
	margin-top: 0
}

.additional-priceBox {
	position: relative;
	padding: 40px;
	border: 1px solid #eaeaeb;
	border-radius: 20px;
	margin-top: 30px
}

.additional-priceBox_mainInfo {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.additional-priceBox_title {
	display: flex;
	align-items: center;
}

.additional-counter {
	display: flex;
	align-items: center;
	margin-right: 20px
}

.additional-counter input {
	border: 0;
	margin: 0;
	font-size: 20px
}

.counter_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	cursor: pointer;
	user-select: none;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 16px;
	border-radius: 8px;
	transition: background-color .1s ease-in;
	font-size: 33px;
	font-weight: normal;
	line-height: normal;
	padding: 0;
	font-family: Open Sans, sans-serif;
}

.counter_count {
	font-size: 24px;
	line-height: 1.6666666667;
	font-weight: 600;
	letter-spacing: -.2px;
	min-width: 32px;
	max-width: 50px;
	margin: 0 8px;
	text-align: center;
	border: 0;
	font-size: 17.6px;
	font-weight: bold;
	text-align: center;
	-moz-appearance: textfield;
}

.additional-counter .add:before {
	vertical-align: text-top;
	content: "+";
}

.additional-counter .substract:before {
	vertical-align: text-top;
	content: "-";
}

.priceBox_price {
	flex-shrink: 0;
	margin-left: 12px;
}

.priceBox_price p {
	margin: 0
}

.priceBox_price .t-text {
	font-weight: 700;
	text-align: right;
}

.size10 {
	font-size: 10px;
	letter-spacing: normal;
}

.size16 {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 600;
	letter-spacing: normal;
}

.size14 {
	font-size: 14px;
	letter-spacing: -.4px;
}

.desktop-features {
	display: none;
}

.plan-section .price-block .inner-box {
	height: 100%
}

.price-row-top {
	background: white;
	border-radius: 18px;
}

.newpricingplan .price-block .inner-box .price-row-top.Advance {
	padding-top: 32px;
}

@media (min-width: 992px) {
	.price-col-4 .price_column {
		width: 25%
	}

	.price-col-4 .btns-pricing .btn,
	.price-col-4 .pull-me-features {
		width: auto;
		align-items: center;
	}

	.price-col-4 .btns-pricing .btn {
		position: absolute;
		right: 25px;
		top: 35px;
	}

	.price-col-4 .btns-pricing {
		padding: 0px 20px 15px;
	}

	.price-col-4 .price-row-top {
		padding: 22px;
	}

	.price-col-4 .price-row-top.Advance {
		padding-top: 32px;
	}

	.btns-pricing .btn {
		position: absolute;
		top: 43px;
		right: 30px;
		justify-content: center;
	}

	.newpricingplan .price-block .inner-box .price-row-top {
		border-radius: 18px 18px 0 0;
	}

	.newpricingplan .price-block .inner-box .btns-pricing {
		border-radius: 0 0 18px 18px;
		margin-top: 0;
	}

	.newpricingplan .price-block .inner-box {
		border-radius: 16px;
		overflow: hidden;
		background: white;
		padding: 0;
	}
}

@media (max-width: 680px) {

	.plan-section .price-block .inner-box .price-list,
	.additional-priceBox {
		padding: 36px 20px 14px;
	}

	.plan-section .price-block .inner-box .price-list {
		padding: 36px 0px 14px;
		margin-top: 20px;
	}

	.plan-section .price-block .inner-box .price-list li {
		width: 100%;
		padding: 0 10px;
	}

	.additional-priceBox_title {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

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

	.priceBox_price {
		margin-left: 0;
		width: 100%
	}

	.counter_count {
		max-width: 80%
	}

	.additional-counter {
		max-width: 280px;
		margin-right: auto;
		margin-right: auto;
		margin-bottom: 30px
	}

	.faq-section .banner-title {
		font-size: 30px;
	}

	/*.summary-column{
		border-radius: 0;
		margin-left: -15px;
  		margin-right: -15px;
	}*/
	.pricingSummary_details {
		border: 0;
		border-bottom: 0px solid #393939;
		border-radius: 0;
	}

	.pricingSummary_list {
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom: 0;
		border-bottom: 0px solid #393939;
		padding-bottom: 10px;
	}

	.pricingSummary_list li .summary-text,
	.pricingSummary_list li .summary-price {
		color: #fff
	}

	.pricingSummary_title {
		/*		color: #fff;*/
		border-bottom: 1px solid #eaeaeb;
	}

	.pricingSummary_value {
		padding: 32px 20px;
	}

	.pricingSummary_btn {
		padding: 0 20px 40px;
	}

	.additional-priceBox_mainInfo {
		flex-wrap: wrap;
	}

	.t-title {
		text-align: center;
		font-size: 27px;
		margin-bottom: 30px;
	}

	.btns-half .btn {
		text-align: center;
	}

	.btns-half .btn i {
		display: none;
	}

	.mobile-align-top {
		align-items: start
	}
}

.whitebtn2 {
	background: #fff;
	border: 2px solid;
	color: #000;
	margin-top: 0;
	text-transform: uppercase;
	margin-right: 10px;
	font-weight: 700;
	font-size: 15px;
	padding: 15px 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
	font-family: "Inter", serif;
	font-weight: 500;
	text-align: center;
}

table td.tdname>span,
table td.name>span {
	display: flex;
	align-items: center;
	white-space: nowrap;
	gap: 5px
}

table td.tdname>span.label {
	justify-content: center;
}

.table.myTable.dataTable td.tdname>a {
	gap: 5px
}

/*.tdname {
	white-space: nowrap;
}*/
@media (min-width: 768px) {

	.intercom-lightweight-app-launcher,
	.intercom-namespace .intercom-dfosxs {
		right: 5px !important;
		bottom: 5px !important
	}

	.box-footer.text-right .btn:last-child {
		margin-right: 30px
	}

	.fc .fc-row.fc-widget-header {
		border-style: none !important;
		margin-right: 0 !important
	}
}

input#servicesKeywords {
	background: url(../images/booknow-search.png) no-repeat 2% center;
	box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.05);
	height: 50px;
	color: #747D8C;
	line-height: 20px;
	padding-left: 50px;
	border: 1px solid #d0d0d0;
}

.checkbox-custom1 input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 20px;
	height: 20px;
	z-index: 1;
	left: 0;
	margin: 0;
}

.checkbox-custom1 input[type="checkbox"]+span {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.checkbox-custom1 input[type="checkbox"]+span::before {
	content: '';
	position: relative;
	width: 20px;
	height: 20px;
	border: 1px solid #373737;
	border-radius: 4px;
	margin-right: 10px;
}

.checkbox-custom1 input[type="checkbox"]:checked+span::before {
	background: #000;
	border-color: #000;
}

.checkbox-custom1 input[type="checkbox"]:checked+span::after {
	content: '';
	position: absolute;
	width: 10px;
	height: 6px;
	display: block;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	left: 5px;
	top: 6px;
	transform: rotate(-49deg);
}

.checkbox-custom1 {
	position: relative;
}

.checkbox-custom1 input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 20px;
	height: 20px;
	z-index: 1;
	left: 0;
	margin: 0;
}

.checkbox-custom1 input[type="radio"]+span {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.checkbox-custom1 input[type="radio"]+span::before {
	content: '';
	position: relative;
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
	border: 1px solid #666;
	border-radius: 50%;
	margin-right: 10px;
}

.checkbox-custom1 input[type="radio"]:checked+span::after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	display: block;
	border: 6px solid #373737;
	left: 0px;
	top: 2px;
	border-radius: 50%;
}

.shifts-modal #selectedMultipleDates td.ui-datepicker-current-day:not(.ui-state-highlight):not(.ui-datepicker-today) .ui-state-default.ui-state-active {
	background: transparent !important;
	color: #111;
}

.small-width {
	max-width: 650px
}

#transferForm div {
	z-index: 1;
}

#showHideMessage {
	position: fixed;
	left: 50%;
	width: auto;
	background: #080f11;
	padding: 15px 20px;
	border-radius: 16px;
	bottom: 10px;
	z-index: 6;
	transform: translateX(-50%);
	color: #fff !important;
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
	padding: 5px 0px;
}

.select2-search--dropdown .select2-search__field {
	margin-bottom: 0
}

.loader {
	/*height:80px;width:80px;*/
	border: 0px solid#2a2c32;
	/*border-radius: 50%;-webkit-border-radius: 50%;*/
	margin: auto;
	/*background:url('../images/salonist_loader.gif') no-repeat; background-size:cover;*/
	/* position: relative; */
	z-index: 2
}

.loader img {
	z-index: 9;
	padding: 2px;
	height: 80px;
	width: 80px;
	border-radius: 50%;
	display: none;
}

.table.dataTable td.address_field {
	min-width: 230px;
}

.tip-row.billtypebg .select2.select2-container span {
	margin-bottom: 0
}

.tip-row.billtypebg>.row {
	display: flex;
	align-items: end;
	flex-wrap: wrap;
}

.select2-container .select2-search--inline .select2-search__field {
	height: 30px;
	margin: 0;
	line-height: 1;
	margin-top: 5px;
}

.select2-container--default .select2-selection--multiple span.select2-selection__choice__remove:hover {
	color: #fff;
}

.tip-row .select2-container .select2-search--inline .select2-search__field {
	height: 25px;
}

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

.calendar-top-section .sorting-mobile .dropdown-toggle {
	display: inline-flex;
	align-items: center;
	line-height: 1;
}

.calendar-top-section .sorting-mobile .dropdown-toggle .icon-bars {
	margin-left: 3px;
	margin-top: 3px;
}

.switch-button-outline {
	border: 1px solid;
	background-color: transparent;
	height: 16px;
	padding: 1px 0;
	max-width: 36px;
	width: 100%;
	box-shadow: none;
	margin: 2px 10px;
	border-radius: 80px
}

.switch-button-outline .switch {
	width: 100%;
	height: 16px;
	margin: 0;
}

.switch-button-outline .switch input[type="checkbox"]+label {
	width: 100%;
	display: block;
	margin: 0;
	height: 16px;
	padding-left: 0;
}

.switch-button-outline .switch input[type="checkbox"]+label::after {
	border-radius: 45px;
	-webkit-border-radius: 45px;
	width: 12px;
	height: 12px;
	background: #15023a;
	left: 8px;
	top: 0;
	position: absolute;
	content: '';
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}

.switch-button-outline .switch input[type="checkbox"]+label::before {
	height: 16px;
	width: 100%;
	display: block;
	margin: 0;
	height: 45px;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	top: 0;
	background: #fff0;
	position: absolute;
	content: '';
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;
}

.switch-button-outline .switch [type="checkbox"]:checked+label::after {
	top: 0;
	left: 64%;
	background: #15023a;
}

.inactive {
	display: none;
}

.price-row-top {
	padding: 20px 35px 15px;
}

.price-row-top .content-box {
	display: flex;
	justify-content: space-between;
}

.price-row-top .price_col span,
.titlebold {
	font-size: 30px;
	font-weight: 600;
	font-family: Arial;
	color: #15023A;
}

.price-row-top .price_col strong {
	font-weight: 500;
	color: #8C908C;
}

.titlethin {
	font-size: 26px;
	font-weight: 400;
	font-family: Arial;
	color: #15023A;
}

.price-row-top .price_col .symbol {
	font-size: 20px;
	font-family: Arial;
	font-weight: 400;
	color: #15023A;
	margin-right: 5px;
}

.price-row-top .additional-counter {
	margin-right: 0;
	justify-content: space-between;
	width: 100%;
}

.features-content {
	display: none;
	clear: both;
}

.pull-me,
.pull-me-features {
	cursor: pointer;
	padding: 8px 10px;
	display: inline-flex;
	margin-right: 6px;
	border-radius: 8px;
	border: 1px solid;
	line-height: 1.6;
	font-weight: 500;
}

.pull-me:hover,
.pull-me.coll-back,
.pull-me-features:hover,
.pull-me-features.active {
	background: #15023A;
	color: #fff;
	border-color: #15023A;
}

.pull-me .icon-angle-down,
.pull-me-features .icon-angle-down {
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	margin-left: 8px;
}

.pull-me-features {
	width: 160px;
	justify-content: center;
}

.btns-pricing {
	text-align: left;
	padding: 10px 35px 15px;
	justify-content: start;
	background: #fff;
	border-radius: 18px;
	margin-top: 15px;
	height: 90%;
	align-items: start;
}

.btns-pricing .btn {
	width: 132px;
	justify-content: center;
}

.-hide {
	display: none;
}

@media (max-width: 680px) {
	.payment-option {
		padding: 10px
	}

	.pricingSummary_details {
		border-color: transparent;
		border-radius: 18px 18px 20px 20px;
	}

	/*	.pricingSummary_list{color: #fff}*/
	.price-row-top {
		padding: 22px 20px 0;
	}

	.price-row-top .content-box {
		/*		flex-direction: column;*/
	}

	.price-row-top .price_col span,
	.titlebold {
		font-size: 30px;
	}

	.price-row-top .additional-col {
		/*display: flex;
		justify-content: space-between;
		align-items: start;
		gap:15px;*/

		position: absolute;
		right: 10px;
		top: 20px;
	}

	.price-row-top .additional-counter {
		margin-bottom: 5px
	}

	.price-row-top .additional-counter input {
		width: 60px
	}

	.card_detail1 .total_price .total_payable_price {
		display: block;
		width: 100%
	}

	.card_icon01 {
		padding-right: 0;
		margin-right: 10px;
	}

	.pricingSummary_title {
		padding: 15px 20px;
	}

	.pull-me {
		margin-left: 0px;
		margin-right: 10px;
	}
}

.radius-20 {
	border-radius: 20px;
}

.border-light {
	border: 1px solid var(--light-border)
}

.space-2 {
	padding: 16px !important;
}

.flex-1 {
	flex: 1
}

.report-box .report-title.lg-text {
	font-size: 17px;
	font-weight: 600;
}

.reports-content2:not(.visible-sub) {
	display: none;
	transition: all 0.4s;
}

.performance .box-header {
	padding: 0
}

.contact-with-code .iti__flag-container {
	height: 39px
}

input#client_contact {
	padding-left: 90px !important;
	margin-bottom: 0 !important;
}

.tip-row.billtypebg .row.tips {
	align-items: start
}

.item-name {
	min-width: 350px;
	padding-bottom: 0px;
	margin-bottom: 0;
}

.item-name li {
	margin-bottom: 10px;
}

.staff_pricing_div,
.common {
	display: none;
}

.dufault-popup label.error {
	color: red;
	padding: 0px 0 5px;
	display: block;
	margin-top: 3px;
	font-size: 12px;
	white-space: normal;
}

.picker.colorpicker+.input-group-addon {
	height: 40px;
}

#calendar-full .fc-toolbar .fc-left {
	display: none;
}

.calendar-top-section .position-static-mobile {
	padding-left: 0
}

.bg-gray-light {
	background-color: #e8e8e8;
}

.pricing__listing {
	padding: 0;
	margin-bottom: 20px;
}

.pricing__listing li {
	display: flex;
	gap: 5px;
	justify-content: space-between;
	margin-bottom: 8px;
}

.title-subscription {
	background: #edf2f5;
	padding: 20px;
	margin: -20px;
	margin-bottom: 30px;
	border-radius: 15px 15px 0 0;
	align-items: center;
}

.toggle-password {
	top: 8px;
	right: 5px;
	width: 30px;
	height: 25px;
	line-height: 25px;
	cursor: pointer;
	z-index: 3;
	position: absolute;
	text-align: center;
}

.glyphicon-eye-open::before {
	content: "\e105";
}

.glyphicon-eye-close::before {
	content: "\e106";
}

.branches-menu .report-box {
	min-height: 10px;
	padding: 0px 0;
	border-radius: 0;
	margin-bottom: 0;
}

.branches-menu .report-box:hover {
	box-shadow: none;
}

.branches-menu .report-box .report-title {
	font-weight: 600;
}

.branches-menu .report-box p {
	padding-left: 10px;
}

.input-group-addon:first-child {
	border-right-width: 1px;
	border-right-style: solid;
}

td.contact,
td.price,
td.paid,
td.prepaid,
td.balance,
td.appointment_date,
td.discount_amount,
td.actualprice {
	white-space: nowrap;
}

@font-face {
	font-family: 'Quan Slim Rounded';
	src: url('../fonts/QuanSlimR-Regular.eot');
	src: local('Quan Slim Rounded'), local('QuanSlimR-Regular'),
		url('../fonts/QuanSlimR-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/QuanSlimR-Regular.woff2') format('woff2'),
		url('../fonts/QuanSlimR-Regular.woff') format('woff'),
		url('../fonts/QuanSlimR-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

.datalist li a {
	background: #fff;
	border-radius: 10px;
	padding: 15px 20px;
	margin-top: 15px;
	border: 1px solid #ccc;
	display: flex;
	gap: 15px;
	align-items: center;
}

.datalist li a img {
	width: 40px;
}

.datalist li a h2 {
	margin: 0;
	font-size: 18px
}

.rounded-box {
	background: #fff;
	border-radius: 10px;
	padding: 15px 20px;
	border: 1px solid #ccc;
	min-height: calc(100% - 15px);
}

.textarea-box {
	height: 130px
}

.triangle {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 50px solid green;
	border-right: 50px solid transparent;
	left: 0;
	top: 0;
}

/* position 'new' label */
.triangle>span {
	position: absolute;
	top: -42px;
	left: 0px;
	transform: rotate(-45deg);
	line-height: 1;
	color: #fff;
	font-size: 11px;
}

.report-box .triangle {
	position: absolute;
	width: auto;
	height: auto;
	background: green;
	border: 0;
	left: 0;
	top: 0;
	border-radius: 15px 0 15px 0;
	padding: 2px 10px;
	line-height: 1;
}

.report-box .triangle>span {
	position: static;
	top: -42px;
	left: 0px;
	transform: none;
	line-height: 1;
	color: #fff;
	font-size: 11px;
	display: block;
}

/* .title_shadow_box.new{
	overflow: hidden;
  	padding-left: 30px;
} */

.ribbon {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
}

.ribbon-top-left {
	top: -10px;
	left: -10px;
}

.ribbon::before,
.ribbon::after {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
	border: 5px solid #2980b9;
}

.ribbon-top-left::before,
.ribbon-top-left::after {
	border-top-color: transparent;
	border-left-color: transparent;
}

.ribbon-top-left::before {
	top: 0;
	right: 0;
}

.ribbon-top-left::after {
	bottom: 0;
	left: 0;
}

.ribbon span {
	position: absolute;
	display: block;
	width: 225px;
	padding: 15px 0;
	background-color: #3498db;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
	color: #fff;
	font: 700 18px/1 'Lato', sans-serif;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
	text-transform: uppercase;
	text-align: center;
}

.ribbon-top-left span {
	right: -25px;
	top: 30px;
	transform: rotate(-45deg);
}

.parent-service.accordion.active .fa-plus-circle {
	display: none;
}

.parent-service.accordion.active .open-icon .fa-minus {
	display: block !important;
}

.coupons-box {
	background: #F2F2F2;
	border-radius: 8px;
	padding: 8px;
	display: flex;
	justify-content: space-between;
}

.coupons-box input {
	margin: 0;
	border: 0;
	background: transparent;
	height: 40px
}

.coupons-box button {
	margin: 0 !important;
	width: 120px;
	justify-content: center;
}

.t-title-35 {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 600;
	/*	font-family: 'Meditative';*/
	color: #15023A;
	margin-bottom: 15px;
}

.card-details .form-group input {
	border: 1px solid transparent;
	margin: 0 0 5px;
	background: #F2F2F2;
	width: 100%;
	font-weight: 400;
	height: 45px;
	border-radius: 8px !important;
}

/*.price-block.active{
	background: #15023a;
}*/
/* .price-block.active .price-row-top,.price-block.active .btns-pricing{
	background: #15023a;
}
.price-block.active .content-box *{
	color: #fff !important;
}
.price-block.active .btn{
	background: #fff !important;
	color: #15023a !important;
	border-color: #fff !important;
}
.price-block.active .pull-me-features,.price-block.active .pull-me,.pull-me.coll-back{
	border-color: #fff;
	background: #15023A;
  	color: #fff;
} */
@media (max-width: 640px) {
	.pricingSummary_value {
		background: #fff;
	}

	.t-title-35 {
		font-size: 26px;
	}

	.desktop-features-wrap {
		display: none;
	}

	.btns-pricing {
		padding: 10px 15px 15px;
		flex-wrap: wrap;
	}

	.price-block {
		position: relative;
	}

	/*.price-block.active{background: #fff;}
	  .price-block.active:after{
	  background: #15023a;
	  content: '';
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 0;
	  border-radius: 10px;
	  height: 186px;
	  z-index: 0;
	}*/
	.plan-section .price-block .inner-box {
		position: relative;
		z-index: 1;
	}
}

.form-control.gray-form-control {
	background-color: var(--gray-light-50) !important;
}

.form-control.search-input {
	background-image: url(../images/search-icon.png);
	background-position: 14px center;
	background-repeat: no-repeat;
	padding-left: 38px !important;
}

/*.btn.red-btn{
  background: #A63D3D !important;
  border-color: #A63D3D !important;
  padding-left: 8px;
  padding-right: 8px;
}
.btn.edit_cli_btn{
	background: #446E8F !important;
	border-color:#446E8F !important;
	padding-left: 8px;
  	padding-right: 8px;
}*/

.dataTables_wrapper .table.dataTable td:not(.dataTables_empty) img {
	border-radius: 50%;
	width: 34px;
	height: 34px;
}

.color-settings .input-group-addon {
	border-color: transparent;
	border-radius: 7px !important;
}

.customtable.table.dataTable td input.form-control {
	margin-bottom: 0;
}

.tooltip-btn {
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.tooltip-btn span {
	position: absolute;
	color: white;
	background-color: black;
	font-size: 12px;
	padding: 5px 10px;
	padding-bottom: 8px;
	transition: 0.3s;
	opacity: 0;
	border-radius: 6px;
	transform: translateX(-50%);
	left: 50%;
}

.tooltip-btn:hover {
	overflow: visible;
}

.tooltip-btn:hover span {
	opacity: 1;
}

.tooltip-btn span::after {
	content: "";
	position: absolute;
	border: 8px solid transparent;
}

.tooltip-btn[data-position="top"] span {
	top: -45px;
}

.tooltip-btn[data-position="top"] span::after {
	border-top-color: black;
	left: 50%;
	bottom: -16px;
	transform: translateX(-50%);
}

.svg-disabled .info-box-icon {
	display: none;
}

@media(min-width:767px) {

	.campaign-view-table tr td:first-child,
	.campaign-view-table tr th:first-child {
		width: 15% !important
	}

	.campaign-view-table tr td:nth-child(2),
	.campaign-view-table tr th:nth-child(2) {
		width: 65% !important
	}

	.campaign-view-table tr td:last-child,
	.campaign-view-table tr th:last-child {
		width: 20% !important
	}
}

/*automation css*/
.h-auto {
	height: auto;
}

.smaller-container {
	width: 80%;
	max-width: 1200px;
	margin: auto;
}

.p-5 {
	padding: 25px !important;
}

.grid-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin-bottom: 25px;
}

.grid-item-box {
	background-color: white;
	padding: 24px 24px 24px 24px;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	text-align: center;
	min-height: 200px;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
}

.start-content {
	justify-content: flex-start;
	text-align: left;
}

.grid-container {
	width: 100%;
	max-width: 1200px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin: auto;
	font-size: 15px
}

.grid-box {

	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
}

.grid-box .d-block {
	display: block;
	margin-bottom: 10px
}

.link-text {
	text-decoration: none;
	color: #6950f3;
	font-weight: 600;
	padding: 0;
	background: transparent;
	border: 0
}

.gap-10 {
	gap: 10px;
}

.gap-5 {
	gap: 5px;
}

.gap-y-10 {
	gap: 10px 0;
}

.title-1 {
	font-size: 24px;
	margin-bottom: 0px;
	font-weight: 600
}

.title-2 {
	font-size: 18px;
	margin-bottom: 25px;
	font-weight: 600
}

.title-3 {
	font-size: 15px;
	margin-bottom: 15px;
	font-weight: 600;
	margin-top: 10px;
}

.enabled {
	color: rgb(51, 149, 6);
	background: rgba(70, 204, 9, 0.18);
	border-radius: 12px;
	padding: 3px 8px;
	line-height: 1.3;
	border: 1px solid rgba(51, 149, 6, 0.31);
}

.disabled-text {
	color: rgb(204, 0, 0);
	background: rgba(255, 0, 0, 0.18);
	border-radius: 12px;
	padding: 3px 8px;
	line-height: 1.3;
	border: 1px solid rgba(204, 0, 0, 0.31);
}

.selector {
	display: flex;
	align-items: start
}

.filter-block {
	background-color: var(--gray-light-50);
	border: 1px solid var(--gray-light-50);
	color: #222;
	border-radius: 6px;
}

.sm-space {
	padding: 5px 12px;
}

.select-btn {
	color: #222;
	background-color: var(--gray-light-50);
	padding: 8px;
	/*border: 0;*/
	cursor: pointer;
	height: auto;
	line-height: 1.2;
}

.select-btn:hover svg path {
	fill: #6c6c6c
}

.dropdown-up {
	padding: 8px;
}

.acc_body {
	display: none;
}

.plusminus {
	display: inline-block;
}

.acc_head {
	cursor: pointer;
	display: inline-flex;
}

.add_automation {
	background: rgba(255, 255, 255, 0.48);
}

.grid-item-box .dropdown-menu {
	left: auto;
	right: 0
}

.acc_head .down-arrow {
	width: 10px;
	height: 10px;
	border-right: 2px solid;
	border-bottom: 2px solid;
	transform: rotate(-45deg);
	display: inline-block;
}

.close-arrow {
	width: 10px;
	height: 10px;
	border-right: 2px solid;
	border-bottom: 2px solid;
	transform: rotate(45deg);
	display: inline-block;
	margin-left: 8px
}

.selector-outer.main-nav {
	padding-left: 0
}

.red {
	color: #ff0000 !important
}

.bordered-radio {
	height: 130px;
	width: 130px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	vertical-align: top;
	border-radius: 15px;
	padding: 5px
}

.bordered-radio label {
	display: flex;
	flex-direction: column;
	padding: 0 !important;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.radio-btn{width: auto;height:auto; margin-right: 10px;}
.radio-btn > label {
	padding-left: 25px !important;
	margin: 0;
}

.whatspp_radio.bordered-radio input[type="radio"]:checked+label .select,
.sms_radio.bordered-radio input[type="radio"]:checked+label .select {
	border-radius: 15px;
	left: -1px;
	top: -6px;
	z-index: -1;
	right: -9px;
	bottom: -6px;
}

.bordered-radio input[type="radio"]:checked+label .select {
	background: #dfdfdf;
	display: block;
	position: absolute;
	left: -6px;
	top: -6px;
	z-index: -1;
	right: -6px;
	bottom: -6px;
	border-radius: 15px;
}

.automation-content {
	flex: 1;
}

@media (max-width: 768px) {
	.grid-row {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.grid-row {
		grid-template-columns: 1fr;
	}
}

.AddQuantitiy.tools {
	display: flex;
}

.AddQuantitiy.tools input.qty_input {
	border-radius: 0 !important;
}

.d-block {
	display: block;
}

.checkbox-custom input[type="checkbox"]+label.gray-rounded,
.custom_radio input[type="radio"]+label.gray-rounded {
	position: relative;
	background: #fff;
	display: block;
	padding: 10px;
	display: flex;
	flex-direction: column;
	padding-left: 45px;
	border: 1px solid #ddd;
	border-radius: 10px;
	cursor: pointer;
}

.checkbox-custom input[type="checkbox"]:checked+label.gray-rounded,
.custom_radio input[type="radio"]:checked+label.gray-rounded {
	background: #f7f7f7;
}

.checkbox-custom input[type="checkbox"]+label.gray-rounded::before,
.custom_radio input[type="radio"]+label.gray-rounded::before {
	top: 12px;
	left: 12px;
}

.checkbox-custom input[type="checkbox"]:checked+label.gray-rounded:after {
	left: 18px;
	top: 14px;
	border-color: #fff;
}

.checkbox-custom input[type="checkbox"]:checked+label.gray-rounded::before,
.custom_radio input[type="radio"]:checked+label.gray-rounded::before {
	/* background-color: #2a2c32; */
	border-color: #2a2c32;
}

.h-auto {
	height: auto;
}

/*new pricing plan*/
.newpricingplan {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
}

.newpricingplan .price-block .inner-box .price-list,
.newpricingplan .desktop-features .price-list {
	padding: 15px 0px 14px;
}

.newpricingplan .features-content {
	display: block;
}

.newpricingplan .price-block .inner-box .price-list li,
.newpricingplan .price-list li {
	align-items: center;
	width: 100%;
	margin-bottom: 6px;
	padding: 0;
}

.newpricingplan .price-block .inner-box .price-list li.font-weight-bold {
	font-weight: 700
}

.newpricingplan .price-block .inner-box .price-list li i,
.newpricingplan .price-list li i {
	color: #15023a;
	background: rgba(22, 23, 22, 0.08);
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	font-size: 10px;
}

/* .price-block.active ul li {
	color: #fff !important;
} */
.price-block.active {
	border: 2px solid;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.summary-column {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
}

@media (min-width: 992px) {
	.newpricingplan .price_column {
		width: auto;
		flex: 1;
	}

	.pricingSummary_value {
		margin-top: 0
	}

	.newpricingplan .price-block {
		height: calc(100% - 15px);
	}
}

@media (max-width: 640px) {
	.price-block.active::after {
		height: 100%;
	}
}

#addedDogs {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	padding: 12px;
}

.selectPetForService.servi_select {
	background: white;
	display: flex;
	border: 1px solid #b0b0b0;
	border-radius: 12px;
	padding: 12px;
	position: relative;
	padding-right: 30px;
}

.service-item {
	display: flex;
	gap: 10px;
}

.peticon {
	width: 35px;
	height: 35px;
	display: inline-flex;
	align-items: center;
	flex: 0 0 35px;
	background: #ddd;
	border-radius: 50%;
	justify-content: center;
	padding: 2px;
}

/*.editPet {
	background: #161716;
	border-radius: 0 12px 0 12px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 8px 5px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff !important;
}*/
.serv-title {
	font-size: 15px;
	font-weight: 600;
	color: #000;
	padding-top: 5px;
	display: block;
}

#add-data-modal {
	z-index: 1052
}

.card-boost {
	background: white;
	padding: 20px;
	border-radius: 16px;
	max-width: 100%;
	border: 1px solid var(--light-border);
	height: 100%;
}

.card-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
}

.card-description {
	color: #666;
	font-size: 14px;
	margin-bottom: 15px;
}

.card-footer {
	font-size: 12px;
	color: gray;
	border-top: 1px solid #ddd;
	padding-top: 10px;
	margin-top: 15px;
}

.card-list {
	list-style: none;
	padding: 0;
}

.card-list li {
	display: flex;
	align-items: center;
	margin-bottom: 0px;
	color: #444;
}

.checkmark {
	/* color: purple; */
	font-weight: bold;
	margin-right: 8px;
}

.flex-nowrap {
	flex-wrap: nowrap !important;
}

.gray-border-rounded-outer {
	border: 1px solid #ddd;
	padding: 12px;
	margin-bottom: 12px;
	border-radius: 11px;
}

.gray-rounded-outer {
	border: 1px solid #D9D9D9;
	padding: 15px;
	border-radius: 11px;
	margin-bottom: 15px;
	background: #f4f4f491;
}

.grid-elements {
	display: flex;
	gap: 10px;
	padding: 10px 0 0;
	margin-bottom: 0
}

.grid-elements li input[type="radio"] {
	position: absolute;
	visibility: hidden;
}

.grid-elements li input[type="radio"]:checked+.item-label {
	border-color: #25B38B;
	background: #25B38B24;
	color: #111;
}

.grid-elements li .item-label {
	background: #ffffff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	display: flex;
	text-align: center;
	padding: 10px;
	color: #646464;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	border: 1px solid #D9D9D9;
	line-height: 1.4;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: relative;
}

.grid-elements li input[type="radio"]:disabled+.item-label {
	opacity: 0.8;
	cursor: default;
}

.grid-elements.styling li {
	text-align: center;
	width: 25%
}

.grid-elements.styling li .item-label {
	width: 150px;
	height: 100px;
	margin: 8px auto;
}

.grid-elements.styling li input[type="radio"]:checked+.item-label::before {
	content: '';
	background: #3535358a url(../images/check_white.png) no-repeat center center;
	width: 100%;
	height: 100%;
	position: absolute;
	transform: translate(-50%, -50%);
	left: 50%;
	top: 50%;
	z-index: 3;
}

.steps-outer {
	background: #F2F2F2;
	padding: 10px 15px;
	border-top: 2px solid #757575;
	border-bottom: 2px solid #757575;
	margin-top: 15px;
}

.steps-bar {
	width: 160px;
	flex: 0 0 160px;
}

.progress {
	position: relative;
	width: 100%;
	height: 14px;
	background: #ddd;
	border-radius: 2px;
	overflow: hidden;
	margin: 0;
}

.progress-width {
	position: absolute;
	left: 0;
	top: 0;
	background: #FF7A46;
	width: 30%;
	height: 100%;
}

.packages-data .row:first-child {
	margin-bottom: 8px;
}

.row.package_service_item.service-item-inside:nth-child(2n) {
	background: #00714617;
	padding-bottom: 8px;
}

.row.package_service_item.service-item-inside:nth-child(2n+1) {
	background: #80dafd52;
	padding-bottom: 8px;
}

.packageAppointments>.row:nth-child(2n+1),
.packageAppointments>.row:nth-child(3n) {
	background: rgba(70, 67, 166, 0.15);
}

.packageAppointments>.row:nth-child(3n+1) {
	background: rgb(238, 234, 251);
}

.package_service_item .panel>.form-group {
	display: inline-block;
}

.absolute-btn {
	position: absolute;
	right: 17px;
	top: -55px;
}

.title-20 {
	font-size: 20px
}

.check_mark input[type="checkbox"] {
	position: absolute;
	visibility: hidden;
}

.check_mark input[type="checkbox"]+.check_icon {
	width: 20px;
	height: 20px;
	border: 1px solid #b7b7b7;
	border-radius: 5px;
	display: inline-block;
	transition: all 0.5s;
	vertical-align: middle;
	margin-right: 8px;
	padding: 0 !important;
	overflow: hidden;
	position: relative;
	z-index: 1;
	cursor: pointer;
}

.check_mark input[type="checkbox"]:checked+.check_icon {
	background: url(../images/check_mark.svg) no-repeat center center;
	background-size: 20px;
	border: 0;
}

.modal-title span .btn {
	margin-bottom: 5px
}

.hidemsg {
	animation: cssAnimation 5s forwards;
}

@keyframes cssAnimation {
	0% {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@-webkit-keyframes cssAnimation {
	0% {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.table.dataTable td.Notes,
.table.dataTable td.notes,
.table.dataTable td.cancelled_reason,
.table.dataTable td.other_info,
.table.dataTable td.address {
	min-width: 290px;
	max-width: 290px;
	word-break: break-word;
	white-space: normal;
}

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select {
	width: auto !important;
	margin: 0;
	min-width: 80px;
}

.input-group .input-group-addon.addon-end {
	right: 0;
	left: auto;
	border-radius: 0 8px 8px 0 !important;
}

.dashboard-page .box.box-danger.equal .box-body {
	padding-top: 0;
}

.dashboard-page .box.box-danger.equal .box-body table {
	border-top: 0;
}

.dashboard-page .box.box-danger.equal .box-body table.dataTable thead th,
.dashboard-page .box.box-danger.equal .box-body table thead th {
	background: transparent !important;
}

.listing {
	padding-top: 15px;
	margin-bottom: 15px;
}

.listing li {
	font-size: 16px;
	margin-bottom: 15px;
	display: flex;
}

.listing li::before {
	content: "";
	/* color: green; */
	margin-right: 15px;
	width: 8px;
	height: 14px;
	display: block;
	border-bottom: 2px solid;
	border-right: 2px solid;
	transform: rotate(40deg);
	margin-top: 3px;
}

.border-top {
	border-top: 1px solid #ddd;
}


.tooltip-title {
	position: relative;
}

.tooltip-title::after {
	content: attr(data-title);
	visibility: hidden;
	width: auto;
	background-color: black;
	color: white;
	text-align: center;
	padding: 8px;
	border-radius: 5px;
	position: absolute;
	top: 116%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s;
	white-space: nowrap;
	font-size: 13px;
	line-height: 1;
}

/* Tooltip Arrow */
.tooltip-title::before {
	content: "";
	position: absolute;
	bottom: -6px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent black;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s;
}

/* Show tooltip on hover */
.tooltip-title:hover::after,
.tooltip-title:hover::before {
	visibility: visible;
	opacity: 1;
}

.otpverify-msg {
	background: #f2f2f2;
	padding: 8px;
	border-radius: 8px;
	font-size: 12px;
}

.dataTables_wrapper .table.dataTable.financial_summary_table thead tr th {
	float: none;
}

.dataTables_wrapper .table.dataTable.financial_summary_table thead tr th:not(:first-child) {
	text-align: right;
	font-size: 14px;
}

.dataTables_wrapper .table.dataTable.financial_summary_table thead tr th:first-child {
	font-size: 18px;
}

.dataTables_wrapper .table.dataTable.financial_summary_table tbody tr td {
	height: auto !important;
	line-height: 1;
	width: auto;
	float: none;
	height: auto;
}

.dataTables_wrapper .table.dataTable.financial_summary_table tbody tr.column-bold td {
	font-weight: bold;
}

.dataTables_wrapper .table.dataTable.financial_summary_table tbody tr.column-bold td:first-child {
	color: #7131ff;
}

.dataTables_wrapper .table.dataTable.financial_summary_table tbody tr:not(.column-bold) td:first-child {
	padding-left: 25px;
}

/*.dataTables_wrapper .table.dataTable.financial_summary_table tbody tr.even td {
	font-weight: bold;
}*/
.dataTables_wrapper .table.dataTable.financial_summary_table tbody tr td:not(:first-child) {
	text-align: right;
}

#brand {
	text-align: center;
}

.business-title {
	font-size: 12px;
	line-height: 1;
	padding-top: 2px;
	font-weight: bold;
	white-space: nowrap;
}

.panel-btn.add-more-inventory {
	background: #2a2c32;
	padding: 6px 9px;
	border-radius: 40px;
	display: inline-flex !important;
	color: #fff;
	align-items: center;
	margin-left: 0;
	margin-bottom: 10px;
}

.panel-btn:hover,
.panel-btn:focus,
.panel-btn::active {
	color: #fff;
}

.row.package_service_item.service-item-inside:nth-child(2n) .panel .add-more-element .row {
	background: #f6f9ea;
	padding: 10px 0;
}

/* Side slide-in panels only (booking, integrations) — not centered dufault-popup modals */
.modal.modal-wrap .modal-dialog,
.modal.integration-modal .modal-dialog {
	right: 0;
	position: fixed;
	height: 100%;
	margin: 0;
	top: 0;
	overflow-y: auto;
	border-radius: 0;
	background: #fff;
	margin-top: 0 !important;
}

.modal.modal-wrap.fade .modal-dialog,
.modal.integration-modal.fade .modal-dialog {
	-webkit-transform: translate(25%, 0);
	-ms-transform: translate(25%, 0);
	-o-transform: translate(25%, 0);
	transform: translate(25%, 0);
}

.modal.modal-wrap.fade.in .modal-dialog,
.modal.integration-modal.fade.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

.modal.fade .modal-dialog {
	-webkit-transform: translate(25%, 0);
	-ms-transform: translate(25%, 0);
	-o-transform: translate(25%, 0);
	transform: translate(25%, 0);
}

.modal.fade.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

/* Centered popups (gift card, upgrade, add client, etc.) */
/* .modal:not(.modal-wrap):not(.integration-modal) .dufault-popup.modal-dialog {
	position: relative;
	right: auto;
	left: auto;
	top: auto;
	height: auto;
	overflow-y: visible;
	margin: 30px auto !important;
}
.modal:not(.modal-wrap):not(.integration-modal).fade .dufault-popup.modal-dialog {
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
}
.modal:not(.modal-wrap):not(.integration-modal).fade.in .dufault-popup.modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}
.modal:not(.modal-wrap):not(.integration-modal),
.modal:not(.modal-wrap):not(.integration-modal).gift-card-modal {
	z-index: 1050;
} */
/* Dim page behind centered popups (gift card, add client, upgrade, etc.) */
.modal:not(.modal-wrap):not(.integration-modal).in {
	background-color: rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}

.modal-backdrop.fade {
	opacity: 0;
}

.modal-backdrop.in {
	opacity: 0.5;
}

body>.modal-backdrop {
	z-index: 1040;
}

.gift-card-modal .modal-content,
#modal-gift-card .modal-content,
#modal-gift-card-usage .modal-content {
	background: #fff;
}

.vertical-text {
	font-size: 30px;
	line-height: 0;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	margin-left: 18px;
	margin-top: 4px;
	letter-spacing: -1px;
}

.dropdown-menu.dropdown-right {
	left: auto;
	right: 0;
	white-space: nowrap;
	padding-top: 14px !important;
	padding-bottom: 18px !important;
}

.dropdown-menu.dropdown-right li a {
	padding: 8px 30px;
}

.reports_section .report-box .triangle+a+a:last-child {
	display: block;
	/* padding-left: 20px;  */
}

.blocked {
	position: relative;
	display: block;
	padding-left: 26px;
}

.blocked::before {
	content: '';
	width: 22px;
	height: 22px;
	display: inline-block;
	background: url(../images/block-user.png) no-repeat center center;
	background-size: 22px;
	position: absolute;
	left: 0;
	top: 0;
}

/* Modal z-index layering: webroot/js/salonist-modal-stack.js (.salonist-modal-stacked) */
#viewNewBillModal1 .modal-content {
	padding: 0 10px;
	height: 100%;
}

#viewNewBillModal1 .col-md-8.flex-mobile {
	width: 100%;
}

#viewNewBillModal1 .invoices .position-relative {
	max-width: 100% !important;
}



.detail-card {
	border-radius: 12px;
	padding: 16px;
	margin: 12px 0;
	border: 1px solid #EBEBEB;
}

.service-card {
	background: #f9f5ff;
}

.product-card {
	background: #e9f5ff;
}

.payment-card {
	background: #FFFAFA;
}

.package-card {
	background: #F5FFF7;
}

.detail-title {
	font-weight: 600;
	color: #15023A;
	margin-bottom: 12px;
	margin-top: 0;
}

.desc-text {
	color: #888;
	margin-bottom: 12px;
}

.detail-card .price-details:not(:last-child) {
	border-bottom: 1px solid #b3b3b3;
	padding-bottom: 10px;
	margin-bottom: 15px;
}


.price-details .badge {
	display: inline-block;
	padding: 4px 10px;
	margin-right: 6px;
	font-size: 14px;
	border-radius: 6px;
}

.bg-orange-with-text {
	background-color: #FFEBE5;
	color: #D23100;
	font-weight: 600;
}

.bg-purple-with-text {
	background-color: #F0F4FF;
	color: #032184;
}

.bg-indigo-with-text {
	background-color: #FAEEFF;
	color: #600384;
}

.bg-blue-with-text {
	background-color: #CEE6FF;
	color: #032F84;
}

.bg-cyan-with-text {
	background-color: #CEFCFF;
	color: #037C84;
}

.bg-pink-with-text {
	background: #fce4ec;
	color: #d81b60;
}

.bg-deep-orange-with-text {
	background: #fbe9e7;
	color: #d84315;
}


.detail-profile-card {
	background: #f9f9fb;
	padding: 16px;
	border-radius: 12px;
}

.detail-profile-card .profile-info {
	display: flex;
}

.detail-profile-card .avatar {
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	border-radius: 50%;
	background-color: #efeaff;
	color: #3c0f73;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 12px;
	font-size: 18px;
}

.detail-profile-card .details .name {
	font-weight: 700;
	font-size: 16px;
	color: #1a004c;
}

.detail-profile-card .details .phone {
	color: #888;
	font-size: 14px;
	margin-bottom: 6px;
}

.detail-profile-card .badges {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.detail-profile-card .ewallet {
	background-color: #ffe9e5;
	color: #d32f2f;
}

.detail-profile-card .pending {
	background-color: #F0F4FF;
	color: #032184;
}

.details-card .badge,
.text-bedge {
	padding: 6px 10px;
	font-weight: 600;
	border-radius: 4px;
	font-weight: 400;
	margin-bottom: 5px;
	display: inline-block;
}

.text-bedge {
	margin-right: 5px;
	font-size: 12px;
}

.price-card {
	background: #fff;
	border: 1px solid #EBEBEB;
	border-radius: 10px;
	padding: 16px 20px;
	max-width: 100%;
	margin-bottom: 12px;
}

.price-card-row {
	display: flex;
	justify-content: space-between;
	margin-bottom: 12px;
}

.price-card-row .label-text {
	color: rgba(34, 34, 34, 0.5);
	font-size: 15px;
}

.price-card-row .value-text {
	font-weight: 500;
	color: #222222;
	font-size: 15px;
}

.notes-card {
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 16px 20px;
	max-width: 700px;
	background-color: #fff;
	margin-bottom: 12px;
}

.notes-card strong {
	font-size: 16px;
	color: #222;
}

.note-text {
	margin-top: 8px;
	font-size: 14px;
	color: #444;
	word-wrap: break-word;
}

.profile-card {
	text-align: center;
	padding: 0 20px;
}

.profile-img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	object-fit: cover;
}

.profile-name {
	margin: 10px 0 0px;
	font-size: 18px;
	font-weight: bold;
	line-height: normal;
}

.profile-user-name {
	color: #807c7c;
	font-size: 14px;
	margin-bottom: 20px;
}

.profile-img-wrap {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: flex;
	margin: 12px auto;
	background-color: #e5e6ff;
	justify-content: center;
	align-items: center;
	position: relative;
	border: 1px solid #c5c6ee;
}

input[type="file"].upload-input {
	display: none;
}

.dufault-popup label.upload-label {
	margin-top: 10px;
	color: #5e63df;
	cursor: pointer;
	font-size: 13px;
	text-decoration: underline;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100px;
	height: 100px;
	display: flex;
	justify-content: end;
	align-items: end;
	padding-bottom: 10px;
	padding-right: 15px;
}

.dufault-popup label.upload-label i {
	background: white;
	width: 20px;
	height: 20px;
	font-size: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 15px;
}

.appointments-dropdown {
	max-height: 200px;
	overflow-y: auto;
}

.scroll-item {
	height: calc(100vh - 150px);
	overflow-y: auto;
	clear: both;
}

.details-card .detail-card:first-child {
	margin-top: 0;
}

.activity-list li {
	position: relative;
	border: 1px solid #e6e6e6;
	padding: 20px;
	border-radius: 8px;
	margin-left: 30px;
	margin-bottom: 15px;
}

.activity-list li:before {
	display: none;
}

.activity-list li .line-v {
	position: absolute;
	top: 0;
	display: block;
	width: 2px;
	background: #ccc;
	left: -16px;
	bottom: -15px;
}

.activity-list li::after {
	content: '';
	position: absolute;
	left: -28px;
	height: 26px;
	width: 26px;
	background: #ccc;
	border-radius: 50px;
	display: block;
	border: 9px solid #fff;
	top: 0;
}

/*.activity-list li:last-child:not(:first-child) .line-v{
	display: none;
}*/
.activity-list li:last-child .line-v {
	display: none;
}

.text_16 {
	font-size: 16px;
	font-weight: 600;
}

.circle-icon {
	background: #D7E1FF;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
}

.gray-bg {
	background: #F8F8F8;
}

.gray-bg-section {
	background: #F8F8F8;
	border-radius: 8px;
}

.edit_client {
	background: #fff;
	display: inline-flex;
	/*border: 1px solid #15023A;*/
	width: 19px;
	height: 19px;
	font-size: 11px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
}

.common-total-info {
	/*background: #fff;*/
	background: #f7f7f7;
	border-radius: 5px;
	padding: 10px;
}

.common-total-info .control-label {
	border: 0;
	text-align: left;
}

.buttons_row .btn {
	font-size: 12px;
}

.badge_small {
	display: inline-flex;
	align-items: center;
	padding: .25rem .75rem;
	font-size: .75em !important;
	font-weight: 600;
	border-radius: 60px;
}

.bg_success {
	background-color: rgb(34, 192, 60);
	/*background-color: rgba(34, 192, 60, 0.10);
  	color: rgb(34,192,60);
  	border: 1px solid rgb(34,192,60);*/
}

.text-white {
	color: rgb(255, 255, 255);
}

.bg_danger {
	background-color: #ff2727;
}

.equal-item {
	min-width: 58px;
	justify-content: center;
}

.border {
	border: 1px solid #ddd;
	border-radius: 12px;
}

.droppable-area1 .dropdown-menu,
.droppable-area2 .dropdown-menu {
	left: auto !important;
	right: 0;
}

.select2-hidden-accessible {
	visibility: hidden;
	margin: 0;
	position: absolute;
}

.form-group.reverse-column {
	display: flex;
	flex-direction: column-reverse;
}

.add-elements-form .label {
	padding: 0;
	position: relative;
	top: -5px
}

.rewards-fields #point_value,
.rewards-fields #point {
	padding-left: 75px !important;
}

/*new modal content*/
.modal .gray-bg-modal {
	background: #F8F8FA;
}

.mh-100 {
	min-height: 100vh;
}

.gray-bg-modal.modal-dialog {
	box-shadow: none;
	-webkit-box-shadow: none;
}

.grid-content-row {
	display: flex;
	gap: 10px;
}

.user-grid-col {
	padding: 20px;
	width: 255px;
	background-color: #fff;
	flex-shrink: 0;
}

.column-2 {
	padding: 10px;
	width: 180px;
	background-color: #fff;
	flex-shrink: 0;
}

.column-3 {
	flex: 1;
	min-width: 0;
}

/* Member detail modal — tabs left, profile center, content right */
#client_history .modal-content.mh-100 {
	background: #F8F8FA;
	padding: 0;
	overflow: visible;
}

#client_history .member-detail-shell {
	position: relative;
	min-height: 100vh;
	max-height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	padding: 16px 20px 20px;
}

#client_history .member-detail-close {
	position: fixed;
	left: 20px;
	top: 20px;
	z-index: 1080;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #D9D9D9;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	opacity: 1;
	font-size: 24px;
	line-height: 1;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #282828;
}

#client_history .member-detail-close:hover,
#client_history .member-detail-close:focus {
	opacity: 1;
	color: #000;
}

#client_history .member-detail-close span {
	margin-bottom: 3px;
}

@media (min-width:1250px) {
	#client_history .member-detail-close {
		left: -50px;
		top: 10px;
	}

	#client_history.modal,
	#client_history.modal .modal-dialog {
		overflow: visible;
	}
}

#client_history .member-detail-layout {
	align-items: stretch;
	min-height: calc(100vh - 36px);
}

#client_history .member-detail-nav {
	display: flex;
	flex-direction: column;
	gap: 4px;
	border-radius: 12px;
}

#client_history .member-detail-nav .tab-link {
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #282828;
	padding: 4px 10px;
	margin-bottom: 4px;
}

#client_history .member-detail-main {
	background: #fff;
	border-radius: 12px;
	overflow: visible;
	max-height: none;
}

#client_history .member-detail-profile.user-grid-col {
	padding: 16px 14px 16px 12px;
	border-radius: 12px;
	/* overflow: auto;
	max-height: calc(100vh - 36px); */
	text-align: left;
}

#client_history .member-detail-profile .widget-user-header,
#client_history .member-detail-profile .widget-user-image,
#client_history .member-detail-profile .widget-user-image .user__img,
#client_history .member-detail-profile .widget-user-image .image-profile {
	text-align: center;
	margin: 0 auto
}

#client_history .member-detail-profile .profile-details .widget-user-username,
#client_history .member-detail-profile .profile-details .widget-user-desc {
	text-align: center;
}

#client_history .member-detail-profile .profile-details .widget-user-desc {
	color: var(--light-color);
}

#client_history .member-detail-profile .profile-details .widget-user-username {
	margin-top: 1rem
}

#client_history .member-detail-profile .card .text-center,
#client_history .member-detail-profile .card .text-center img {
	text-align: left;
	margin-left: 0;
	margin-right: auto;
}

#client_history .member-detail-profile .card .heading-3.text-center {
	text-align: left;
}

#client_history .member-detail-profile .card .card-text.text-center {
	text-align: left;
}

#client_history .member-detail-profile .card .btn.full-btn-lg {
	display: block;
	width: 100%;
}

#client_history .member-detail-main .client-list,
#client_history .member-detail-main .tab-content.outer,
#client_history .member-detail-main .tab-pane,
#client_history .member-detail-main .dataTables_wrapper,
#client_history .member-detail-main .dataTables_scrollBody {
	/* overflow: visible; */
}

#client_history .member-detail-main table.dataTable tbody td {
	overflow: visible;
}

#client_history .member-detail-main .main-nav3 li.open {
	position: static;
}

.dropdown-menu.salonist-dropdown-menu-fixed {
	min-width: 160px;
}

#client_history .member-detail-content-panel {
	box-shadow: none;
	margin: 0;
}

#client_history .member-detail-pane-title {
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 16px;
	color: #15023A;
}

.member-overview-wallet {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 16px;
	background: #F8F8FA;
	margin-bottom: 20px;
}

.member-overview-wallet__amount {
	font-size: 22px;
	font-weight: 700;
	color: #15023A;
}

.member-overview-summary-title {
	font-size: 16px;
	font-weight: 700;
	margin: 0 0 12px;
}

.member-overview-summary-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.member-overview-stat {
	padding: 14px 16px;
	background: #F8F8FA;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.member-overview-stat strong {
	font-size: 18px;
	color: #15023A;
}

.member-detail-overview .member-overview-profile-block {
	margin-top: 8px;
}

.member-detail-overview .member-overview-referral {
	text-align: left;
	margin-bottom: 8px;
}

.member-detail-overview .member-overview-staff-alert {
	position: relative;
}

.member-detail-overview .member-overview-staff-alert .icon-edit {
	position: absolute;
	top: 12px;
	right: 12px;
}

.member-detail-overview .member-overview-stats-row {
	margin: 0 -8px 20px;
	display: flex;
	flex-wrap: wrap;
}

.member-detail-overview .member-overview-stats-row .detailbox {
	padding: 0 8px 16px;
}

.member-detail-overview .member-overview-stats-row .info-box.dash {
	margin-bottom: 0;
	height: auto
}

@media (max-width: 991px) {
	#client_history .member-detail-layout {
		flex-wrap: wrap;
	}

	#client_history .member-detail-nav {
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
	}

	#client_history .member-detail-profile,
	#client_history .column-2.member-detail-nav {
		width: 100%;
		max-width: 100%;
	}
}

.m-auto {
	margin-left: auto;
	margin-right: auto;
}

.u-pic {
	width: 119px;
	height: 119px;
	border: 1px solid #D9D9D9;
	border-radius: 100px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	background-color: #fff;
	padding: 3px;
}

.u-pic-in {
	background-color: #F8F8FA;
	position: absolute;
	left: 3px;
	top: 3px;
	right: 3px;
	bottom: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tab-link {
	padding: 8px 10px;
	display: block;
	text-decoration: none;
	margin-bottom: 8px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 12px;
}

.tab-link.active {
	background: #F2F2F2;
}

.count-small {
	background-color: #F2F2F2;
	padding: 2px 4px;
	border-radius: 3px;
	display: inline-block;
	margin-left: 6px;
}

.custom-tab-content {
	padding: 15px;
	display: none;
}

.custom-tab-content.tab-active {
	display: block;
}

.custom-tab-content-inside {
	padding: 15px 0;
	display: none;
}

.custom-tab-content-inside.tab-active-in {
	display: block;
}

.tabs--flex {
	display: flex;

}

.tabs--flex a {
	flex: 1;
	padding: 10px 8px;
	border-bottom: 1px solid #D9D9D9;
	text-align: center;
	color: #282828;
	font-size: 12px;
	font-weight: 600;
}

.tabs--flex a.selected {
	border-color: #282828;
}

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

.py-8 {
	padding-top: 8px;
	padding-bottom: 8px;
}

.pt-15 {
	padding-top: 15px;
}

.light-gray-text {
	color: #92959E;
}

.rounded-badge {
	padding: 6px 10px;
	border-radius: 3px;
	display: inline-block;
}

.label-green {
	color: #43A433;
	background-color: #DEFFD9;
}

.border-top {
	border-top: 1px solid #D9D9D9;
}

.package_service_item .staff-width .form-group.nowrap-element {
	flex-wrap: nowrap;
	display: flex;
}

.btn.user-checkin:focus {
	color: #222 !important;
}

.flex-btn-text {
	display: flex;
	align-items: center;
	gap: 6px;
}

.select2-selection__rendered li:not(:first-child).select2-search {
	line-height: 0;
	font-size: 0;
}

span:not(.select2-container--open) li.select2-search input {
	height: 20px !important;
	line-height: 1 !important;
}

.message {
	cursor: default !important;
}

.flex-column {
	flex-direction: column;
}

.btn:not(:hover).status-Present {
	background: #393 !important;
	border-color: #393 !important;
}

.btn:not(:hover).status-Absent {
	background: #e51400 !important;
	border-color: #e51400 !important;
}

.dataTables_wrapper .table.dataTable.bordered-table,
.bordered-table.table thead tr th,
.bordered-table.table tbody tr td {
	border: 1px solid #ddd !important;
}

.dark {
	color: #15023A;
}

/* .btn.subscribe__btn{
  border: 1px solid #009f80 !important;
  background: #009f80 !important;
}
.btn.subscribe__btn:hover,.btn.subscribe__btn:active,.btn.subscribe__btn:focus,.btn.subscribe__btn:active:focus{
  background: #00886e !important;
  border-color: #00886e !important;
} */

.section-border.covered-section {
	border-radius: 20px 20px 0 0;
	padding: 0;
}

.covered-section .targetOuter {
	border: 0;
}

.covered-section .logo-cover-section .targetOuter {
	border-radius: 50%;
	border: 2px solid #ddd;
	background: #fff;
	padding: 2px;
	height: 170px;
	width: 170px !important;
	flex: 0 0 170px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.covered-section .logo-cover-section .targetLayer {
	width: 100%;
	height: 94%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.covered-section .logo-cover-section .targetLayer:not(.imageAdded)::after {
	content: "Add logo";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	color: #b0b0b0;
	font-size: 16px;
}

.covered-section .logo-cover-section .upload-preview {
	width: auto;
	height: auto;
}

.covered-section .logo-cover-section img.icon-choose-image,
.covered-section .logo-cover-section .icon-choose-image {
	opacity: 0;
	width: 100%;
	height: 100%;
}

.covered-section .logo-cover-section {
	margin-right: auto;
	display: flex;
	margin-left: 45px;
	margin-top: -140px;
	position: relative;
	z-index: 4;
	margin-bottom: 20px;
	max-width: 170px;
}

.covered-section .logo-cover-section form {
	position: relative;
}

.covered-section .logo-cover-section .btnSubmit {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 4;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	padding: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
}

.covered-section .logo-cover-section .upload-preview {
	object-fit: contain;
}

/* .covered-section .logo-cover-section .targetOuter  span.delete-icon{
	width: 30px;
	height: 30px;
	border-radius: 50px;
	top: 10px;
	right: 6px;
} */
.covered-section .banner-cover-section {
	padding-bottom: 25% !important;
	position: relative;
	overflow: hidden;
	/* border-radius:20px 20px 0 0; */
	max-width: 97%;
}

.covered-section .banner-cover-section .cover-uploader {
	background-color: #ebecec;
	position: absolute;
	left: 0;
	right: 0;
	padding: 0;
	text-align: center;
	width: 100% !important;
	max-width: 100% !important;
}

.covered-section .banner-cover-section .btnSubmit {
	position: absolute;
	top: 10px;
	right: 40px;
	z-index: 4;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	padding: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
}

.covered-section .banner-cover-section span.delete-icon {
	width: 30px;
	height: 30px;
	border-radius: 50px;
	top: 10px;
	right: 6px;
	z-index: 4;
}

.covered-section .banner-cover-section .icon-choose-image {
	width: 100%;
	height: 100%;
}

.covered-section .banner-cover-section .cover-uploader img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.covered-section .banner-cover-section img.icon-choose-image {
	opacity: 0;
}

.covered-section .card-body {
	width: auto;
}

.targetOuter.banner-image-for-app {
	max-width: 100%;
	max-height: inherit !important;
}

@media (min-width: 992px) {
	.outer-sect .col-md-2.small-phoots-column {
		flex: 0 0 60px;
		display: flex;
	}
}

@media (max-width: 992px) {
	.covered-section .logo-cover-section {
		margin-top: -40px;
		margin-left: 25px;
	}

	.covered-section .logo-cover-section .targetOuter {
		height: 120px;
		width: 120px !important;
	}

	.covered-section .banner-cover-section {
		padding-bottom: 35% !important;
	}
}

.dark-text .fa {
	color: #15023A;
}

.rounded-16 {
	border-radius: 16px;
}

.main-nav ul.dropdown-menu.dropdown-menu-right-bottom {
	top: auto;
	bottom: 100%;
	right: 0;
	left: auto;
}

.rounded-lt-lb-16 {
	border-radius: 16px 0 0 16px;
}

.fa-star::before {
	content: "\f005";
}

.column-between {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	justify-content: space-between;
	flex-direction: column;
	align-items: start;
}

.text-15 {
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: normal;
}

ul.wysihtml5-toolbar>li>a {
	border-radius: 0px;
}

.marketplace-listing-img {
	width: 100%;
	height: 100%;
	border-radius: 16px 0 0 16px;
	display: flex;
	background-color: rgba(87, 89, 88, 0.14);
	justify-content: center;
	align-items: center;
}

.list-clean {
	list-style: disc;
	padding-left: 20px;
	margin: 8px 0;
}

.list-clean li {
	margin-bottom: 6px;
}


.modal-dialog .list-group {
	gap: 10px;
}

.modal-dialog .list-group-item,
.dufault-popup.custom-modal-v2 .rows-group-full .list-group-item,
.checkbox-list-group-item {
	border: 1px solid var(--theme-color);
	display: flex;
	justify-content: space-between;
	border-radius: 10px;
	background: var(--gray-light-50);
	padding: 13px 10px;
}

.list-group-item {
	padding: 10px
}

/* #update_timing .list-group-item{
	border:0;
	background:transparent
} */
.daily-working-hours {}

.text-vsm {
	font-size: 12px;
	font-weight: 400;
	color: var(--light-color);
}

.text-vsm-2 {
	font-size: 10px;
	font-weight: 400;
	color: var(--light-color);
	line-height: 1.5;
}

.small-icon {
	width: 35px;
	height: 35px;
	flex: 0 0 35px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background-color: var(--white);
}

.dufault-popup label.form-label-text-upper,
.form-label-text-upper {
	color: var(--light-color);
	font-size: 11px;
	text-transform: uppercase;
}

.form-label-text-list-group {
	margin-bottom: 0px;
	line-height: 1;
}

.custom-select2-field .select2-container--default .select2-selection--single,
.select2-container .select2-selection--single {
	background-color: var(--gray-light-50);
	border-color: var(--gray-light);
	border-radius: 8px;
}

.custom-select2-field .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 35px;
}

.dufault-popup.custom-modal-v2 .rows-group-full {
	flex-wrap: wrap;
}

.dufault-popup.custom-modal-v2 .rows-group-full .list-group-item {
	width: 100%;
}

.add-staff-element {
	width: 100%;
}

ul.customize-service-list-group li.list-group-item {
	background: transparent
}

.bg-gray-section-row {
	background: var(--gray-light-50);
	border-radius: 11px;
	border: 1px solid #E4E7F0;
	padding: 13px;
	margin-bottom: 15px;
}

.p-5 {
	padding: 5px;
}

.bg-gray-section-row .form-label {
	color: #9CA3AF
}

.bg-gray-section-row .form-group .form-control {
	background-color: var(--white) !important;
}

.bg-gray-section-row .form-group .remove_field {
	float: none;
	line-height: 30px;
	width: 30px;
	background: #fff;
	border: 1px solid #E4E7F0;
	border-radius: 8px;
}

#dropdownMenu1.btn-bordered {
	background-color: var(--gray-light-50) !important;
	border: 1px solid var(--gray-light) !important;
}

.upload-box {
	position: relative;
	width: 100%;
	max-width: 420px;
}

.upload-box input[type="file"] {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 2;
}

.upload-label {
	border: 1px solid #d9d9d9;
	border-radius: 8px;
	padding: 11px 20px;
	display: flex;
	align-items: center;
	gap: 14px;
	background-color: var(--gray-light-50);
	transition: 0.3s ease;
}

.upload-label:hover {
	border-color: #bdbdbd;
	background: #f3f3f3;
}

.upload-icon {
	width: 22px;
	height: 22px;
	flex-shrink: 0;
}

.upload-text {
	font-size: 15px;
	color: #777;
}

.upload-text strong {
	color: #111;
	font-weight: 600;
}

.color-settings .input-group.colorpick-row {
	display: flex;
	gap: 15px;
}

.color-settings .customtable .form-control {
	background-color: var(--gray-light-50) !important;
}

.color-settings .picker.colorpicker+.input-group-addon {
	flex: 0 0 38px;
	position: static;
}

.gray-icon-box {
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	border-radius: 8px;
	background-color: rgba(22, 23, 22, 0.11);
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(22, 23, 22, 0.06);
}

.larger-icon {
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
}

.room-icon {
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	border-radius: 10px;
	background-color: var(--dark-color);
	color: var(--white);
	display: flex;
	justify-content: center;
	align-items: center;
}

.first-name-box {
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	border-radius: 10px;
	background-color: var(--dark-color);
	color: var(--white);
	display: flex;
	justify-content: center;
	align-items: center;
}

.default-icon-box {
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.radius-13 {
	border-radius: 13px !important;
}

.locations-info-settings .card-header,
.gray-card-header {
	padding: 1.55rem 1.25rem;
	font-weight: 600;
	width: 100%;
	background: #F9F9F9;
	border-radius: 13px 13px 0 0;
}

.locations-info-settings .list-group-item {
	display: flex;
	padding: 1.55rem 1.25rem;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	margin: 0
}

.locations-info-settings .list-group-item:first-child {
	border-radius: 0 0 0 0;
}

.border {
	border: 1px solid #E8E8E8;
}

.border-top {
	border-top: 1px solid #E8E8E8;
}

.p-15 {
	padding: 15px;
}

.bg-white {
	background-color: var(--white) !important;
}

.label-text-block {
	display: block;
	margin: 0;
	line-height: 1;
}

.locations-info-settings {}

.toggle-wrapper {
	width: 100%;
	max-width: 100%;
	background: #f3f3f3;
	border: 1px solid #d9d9d9;
	border-radius: 18px;
	padding: 5px;
	display: flex;
	gap: 10px;
	margin-bottom: 15px;
}

.toggle-wrapper .toggle-option {
	flex: 1;
	position: relative;
	margin: 0
}

.toggle-option input {
	display: none;
}

.toggle-option label {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	height: 46px;
	border-radius: 14px;
	cursor: pointer;
	font-size: 15px;
	font-weight: 600;
	color: #6b7280;
	transition: 0.3s ease;
}

.toggle-option label::before {
	content: "";
	width: 20px;
	height: 20px;
	border: 2px solid #7b8494;
	border-radius: 50%;
	transition: 0.3s ease;
	background: #fff;
}

.toggle-option input:checked+label {
	background: #fff;
	color: #111;
	box-shadow:
		0 2px 8px rgba(0, 0, 0, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.toggle-option input:checked+label::before {
	border-color: #111;
	box-shadow: inset 0 0 0 5px #111;
}

.sms-template-grid .white-box-seprate {
	margin: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	border-radius: 15px;
	border: 1px solid var(--gray-light);
	padding: 0;
}

.template-heading {
	background: var(--gray-light-50);
	padding: 15px;
	border-bottom: 1px solid var(--gray-light);
}

.template-content {
	padding: 15px;
}

.sms-template-grid textarea {
	background-color: var(--gray-light-50);
	border: 1px solid var(--gray-light);
}

.gap-15 {
	gap: 15px;
}

.email-templates-section .white-box-seprate {
	box-shadow: none;
	-webkit-box-shadow: none;
	padding: 0;
	border: 0px solid var(--gray-light)
}

.email-templates-section .template-heading {
	margin-bottom: 12px
}

.email-templates-section .template-heading p {
	margin-bottom: 0
}

.email-templates-section h3 {
	font-size: 16px;
}

.template-spacer .white-box-seprate {
	margin-bottom: 10px
}

.text-box {
	background-color: var(--gray-light-50);
	border: 1px solid var(--light-border);
	border-radius: 7px;
	color: var(--dark-color);
	font-weight: 600;
	padding: 6px 19px;
	display: inline-flex;
}

.text-box-small {
	background-color: var(--gray-light-50);
	border: 1px solid var(--light-border);
	border-radius: 7px;
	color: var(--dark-color);
	padding: 6px 10px;
	display: inline-flex;
}

.text-box-rounded {
	background-color: var(--gray-light-50);
	border: 1px solid var(--light-border);
	border-radius: 7px;
	color: var(--dark-color);
	padding: 6px 19px;
	display: inline-flex;
}

.date-text {
	font-weight: 600;
	color: var(--dark-color);
}

.common-group-list-setting .card {
	border-radius: 13px
}

.common-group-list-setting .card-header {
	background-color: var(--white);
	padding: 15px;
	border-radius: 13px 13px 0 0;
}

.common-group-list-setting .list-group .list-group-item {
	border: 0;
	border-bottom: 1px solid var(--light-border);
	padding: 1.25rem 1.25rem;
	display: flex;
	justify-content: space-between;
	margin: 0;
	background: transparent;
}

.common-group-list-setting .list-group .list-group-item:last-child {
	border: 0
}

.no-space-input .form-control {
	margin-bottom: 0
}

.form-horizontal .form-group {
	margin-right: -8px;
	margin-left: -8px;
}

.border-bottom {
	border-bottom: 1px solid var(--light-border)
}

.taxes-section .form-group {
	border-bottom: 1px solid var(--light-border);
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0;
}

.taxes-section label {
	margin-bottom: 0
}

.debit_credit_settings .form-group:last-child,
.p-15 .form-group:last-child {
	border: 0
}

.price-row-top {
	position: relative;
}

.Advance .popular {
	position: absolute;
	background: #161716;
	left: 50%;
	top: 5px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.83px;
	display: block;
	border-radius: 58px;
	line-height: normal;
	padding: 5px 12px;
	transform: translateX(-50%);
}

.d-none {
	display: none;
}

.shop-listing {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px
}

.shop-listing li {
	border: 1px solid var(--light-border);
	border-radius: 16px;
}

.shop-listing .image_product {
	background-color: var(--gray-light-50);
	border-radius: 16px 16px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-top: 15px
}

.shop-listing .image_product.card-reader {
	background: #1A1A1A
}

.shop-listing .image_product.card-reader p {
	color: rgba(255, 255, 255, 0.4)
}

.card-price {
	background: #D9F99D;
	border-radius: 8px;
	color: #365314;
	font-weight: 700;
	padding: 6px 12px;
	display: inline-block;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 5px;
	left: 10px;
}

.shop-listing li form {
	display: flex;
	height: 100%;
}

.shop-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

.shop-body {
	padding: 17px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1;
}

.shop-body p {
	color: #8C908C
}

.mt-auto {
	margin-top: auto;
}

.sms-recharge {
	min-width: 180px;
}

.w-full {
	width: 100%;
}

.recharge-Pro {
	border-color: #D97706
}

.recharge-Pro .btn {
	background: #D97706 !important;
	border-color: #D97706 !important;
}

.tag-poular {
	display: none;
}

.recharge-Pro .tag-poular {
	background: #FEF3C7;
	border-radius: 5px;
	font-size: 10px;
	color: #D97706;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.85px;
	display: inline-block;
	padding: 5px 12px;
	position: absolute;
	right: 8px;
	top: 8px;
	line-height: 1.2;
}

.dark-bg {
	background: var(--theme-color)
}

.simple-box {
	position: relative;
}

.feature-banner {
	position: relative;
	overflow: hidden;
	padding: 65px 30px;
	border-radius: 24px;
	background: linear-gradient(90deg, #111 0%, #0b0b0b 100%);
	text-align: center;
}

.feature-banner::before,
.feature-banner::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	background: rgba(255, 255, 255, .03);
}

.feature-banner::before {
	width: 220px;
	height: 220px;
	left: -70px;
	top: 20px;
}

.feature-banner::after {
	width: 180px;
	height: 180px;
	right: 120px;
	top: -40px;
}

.feature-content {
	position: relative;
	z-index: 2;
	max-width: 934px;
	margin: 0 auto;
}

.feature-content h2 {
	margin: 0 0 15px;
	color: #fff;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.2;
}

.feature-content p {
	margin: 0;
	color: rgba(255, 255, 255, .7);
	font-size: 16px;
	line-height: 1.8;
}

@media (max-width:768px) {
	.feature-banner {
		padding: 35px 20px;
	}

	.feature-content h2 {
		font-size: 28px;
	}

	.feature-content p {
		font-size: 14px;
	}
}

.text-30 {
	font-size: 30px;
}

.tag-item {
	display: inline-block;
	background: var(--white);
	color: var(--dark-color);
	font-weight: 700;
	padding: 3px 8px;
	border-radius: 50px;
}

.csv-upload-box {
	width: 100%;
}

.upload-area {
	min-height: 120px;
	padding: 20px;
	border: 2px dashed #d8d8d8;
	border-radius: 12px;
	background: #fafafa;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-align: center;
	cursor: pointer;
	transition: .3s ease;
	margin-top: 15px
}

.upload-area:hover {
	border-color: #bcbcbc;
	background: #f5f5f5;
}

.upload-icon {
	width: 30px;
	height: 30px;
	border-radius: 8px;
	background: #fff;
	border: 1px solid #ececec;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #555;
}

.upload-area h4 {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: #222;
}

.upload-area h4 span {
	color: #999;
	font-weight: 400;
}

.upload-area p {
	margin: 0;
	font-size: 11px;
	color: #666;
}

.file-tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 36px;
	height: 18px;
	padding: 0 8px;
	border-radius: 20px;
	background: #fff;
	border: 1px solid #e5e5e5;
	font-size: 10px;
	font-weight: 600;
	color: #777;
}

.upload-area.drag-over {
	border-color: #161716;
	background: rgba(22, 23, 22, 0.06);
}

.salonist-csv-import-file-input {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.csv-upload-progress {
	margin-top: 16px;
}

.csv-upload-progress.hidden,
.csv-selected-file-name.hidden {
	display: none;
}

.csv-upload-progress-track {
	height: 8px;
	background: #e8e8e8;
	border-radius: 999px;
	overflow: hidden;
}

.csv-upload-progress-bar {
	height: 100%;
	width: 0;
	background: #161716;
	border-radius: 999px;
	transition: width 0.2s ease;
}

.csv-upload-progress.is-processing .csv-upload-progress-bar {
	width: 100% !important;
	background: linear-gradient(90deg, #161716 0%, #4a4a4a 50%, #161716 100%);
	background-size: 200% 100%;
	animation: csvUploadPulse 1.2s linear infinite;
}

@keyframes csvUploadPulse {
	0% {
		background-position: 200% 0;
	}

	100% {
		background-position: -200% 0;
	}
}

.csv-upload-progress-text {
	margin: 8px 0 0;
	font-size: 13px;
	color: rgba(22, 23, 22, 0.65);
}

.upload-area.has-file {
	border-color: #161716;
	background: rgba(22, 23, 22, 0.03);
}

.upload-area.has-file .csv-upload-placeholder,
.upload-area.has-file .csv-upload-hint {
	display: none;
}

.upload-area.has-file .csv-selected-file-name {
	display: block !important;
	margin: 10px 0 0;
	font-size: 14px;
	font-weight: 600;
	color: #161716;
	word-break: break-all;
}

.csv-selected-file-name {
	margin: 10px 0 0;
	font-size: 14px;
	color: #161716;
	word-break: break-all;
}

.table.dataTable td.location {
	min-width: 260px;
}

.ml-auto {
	margin-left: auto;
}

.equal-row-flex-gap-10-p-10-wrap:before,
.equal-row-flex-gap-10-p-10-wrap:after {
	display: none
}

.equal-row-flex-gap-10-p-10-wrap {
	margin-left: 0;
	margin-right: 0;
	display: flex;
	gap: 10px;
	padding: 10px;
	flex-wrap: wrap;
}

.equal-row-flex-gap-10-p-10-wrap p,
.equal-row-flex-gap-10-p-10-wrap input,
.equal-row-flex-gap-10-p-10-wrap select {
	margin-bottom: 0
}

.equal-row-flex-gap-10-p-10-wrap .delete-div {
	flex: 0
}

.flex-in-div-no-space>div {
	padding-left: 0;
	padding-right: 0
}

@media (min-width: 992px) {
	.flex-in-div-no-space .rep-date-range-wrap {
		width: auto
	}

	.flex-in-div-no-space-one-row {
		display: flex;
		gap: 10px;
		align-items: end;
	}

	.flex-in-div-no-space-one-row>div {
		padding-left: 0;
		padding-right: 0;
	}

	.flex-in-div-no-space-one-row>div ul,
	.flex-in-div-no-space-one-row>div input,
	.flex-in-div-no-space-one-row>div select {
		margin: 0
	}
}

@media (min-width: 768px) {
	.gap-10 .dropdown.export-toggle {
		margin: 0
	}

	.equal-row-flex-gap-10-p-10-wrap>div {
		padding: 0;
		flex: 1
	}

	.equal-row-flex-gap-10-p-10-wrap>div.last-div {
		flex: 0 0 100%
	}

	.filters-col {
		width: 16%;
	}
}

@media (max-width: 767px) {
	.equal-btns-mobile .gap-10 {
		gap-0
	}

	.flex-in-div-no-space {
		flex-wrap: wrap;
	}
}

.flex-items.gap-10 .select2.select2-container {
	margin-bottom: 0px;
}

/* table.default-table thead tr th{
	background:var(--white) !important;
} */
table.default-table thead tr th,
table.default-table tbody tr td {
	border: 0 !important
}

table.default-table thead tr th:last-child,
table.default-table tbody tr td:last-child {
	text-align: right !important;
}

.subscription-bg {
	background: #A2E3B8;
	background: -webkit-linear-gradient(90deg, rgba(162, 227, 184, 1) 0%, rgba(255, 249, 23, 1) 100%);
	background: -moz-linear-gradient(90deg, rgba(162, 227, 184, 1) 0%, rgba(255, 249, 23, 1) 100%);
	background: linear-gradient(90deg, rgba(162, 227, 184, 1) 0%, rgba(255, 249, 23, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#A2E3B8", endColorstr="#FFF917", GradientType=1);
}

.btn-mini {
	height: auto;
	padding: 6px 8px;
	font-size: 13px;
}

#update_timing .daily-working-hours {
	max-width: 480px !important;
}

.services-checkbox-list .flex-1 {
	flex: 0 0 100%;
}

.services-checkbox-list .checkbox input[type="checkbox"] {
	position: static;
	margin-left: 0;
	margin-top: 2px
}

.services-checkbox-list.dropdown_list li .checkbox.parent label {
	padding: 8px 10px;
}

.services-checkbox-list.dropdown_list li .checkbox label {
	padding-left: 10px;
	display: flex;
	gap: 8px;
	align-items: start;
}

.services-checkbox-list .flex-half label {
	color: rgba(22, 23, 22, 0.7);
	font-weight: 400
}

@media (min-width:767px) {
	.services-checkbox-list .flex-half {
		flex: 0 0 50%;
	}
}

.grid-columns {
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 6px;
	display: grid
}

.date-range-flex .rep-date-range-wrap {
	width: auto;
	padding: 0
}

.single-line-desktop.flex .btn {
	margin: 0
}

.gap-y-10 .select2.select2-container,
.gap-y-10 select.form-control,
.gap-y-10 input.form-control {
	margin-bottom: 0;
}

td h1 {
	font-size: 16px;
}

.fr-sticky-on {
	position: static !important;
	z-index: 0 !important;
}

.fr-sticky-on+.fr-sticky-dummy {
	height: 0 !important
}

div.fr-sticky-on.fr-sticky-ios {
	width: 100% !important;
}

.boost-card {
	max-width: 460px;
	margin: 30px auto;
	background: #fff;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 15px 40px rgba(0, 0, 0, .08);
	border: none;
}

.boost-header {
	padding: 28px 26px 32px;
	background:linear-gradient(135deg, #6d3fd6 0%, #4b1fb0 55%, #2c0f80 100%);
	color: #fff;
}

.badge-plan {
	display: inline-block;
	background: rgba(255, 255, 255, .15);
	padding: 8px 15px;
	border-radius: 30px;
	margin-bottom: 18px;
	font-size: 13px;
}

.boost-header h2 {
	font-size: 30px;
	margin-bottom: 15px;
	font-weight: 700;
}

.boost-header p {
	opacity: .9;
	margin:0
}

.boost-body {
	padding:  28px 26px 32px;
}

.boost-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.boost-list li {
	display: flex;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid #eee;
	font-size: 15px;
}

.boost-list li:last-child {
	border: none;
}

.boost-list i {
	width: 35px;
	height: 35px;
	margin-right: 15px;
	border-radius: 50%;
	background: #eef2ff;
	color: #4f46e5;
	display: flex;
	align-items: center;
	justify-content: center;
}

.price-box {
	margin-top: 25px;
	padding: 20px;
	text-align: center;
	background: #f8fafc;
	border-radius: 15px;
}

.price {
	font-size: 40px;
	font-weight: 700;
	color: #111;
}

.price span {
	font-size: 18px;
	color: #777;
}

.btn-subscribe {
	margin-top: 25px;
	width: 100%;
	background: linear-gradient(135deg, #4f46e5, #7c3aed);
	color: #fff;
	border: none;
	padding: 16px;
	font-size: 17px;
	font-weight: 600;
	border-radius: 12px;
	transition: .3s;
}

.btn-subscribe:hover {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 10px 25px rgba(79, 70, 229, .35);
}

.radius-12 {
	border-radius: 12px;
}

.client-tags__option {
	color: inherit
}

.client-tags__row {
	justify-content: center;
}
.grid{
	display: grid;
}
.grid-auto{
	/*grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));*/
	grid-auto-flow: column;
    grid-auto-columns: max-content;
}
@media (max-width:680px){
	.grid-auto{
		grid-auto-flow: row;
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
	}
}