@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: 2px;
    left: 0;
    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;}
/* .checkbox-custom input[type="checkbox"]:checked + label:after {
    left: 6px;
    top: 3px;
    width: 8px;  
    height: 12px;
    border: solid #4f5b6e;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	content:'';
	position:absolute
} */
.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: 5px;
    top: 5px;
    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;/* background: #f6f8fa; */border: 1px solid #d8e2e7;background: rgb(21, 153, 87,.05);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;
}
.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:10px;
	-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;
}
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;}
.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: 5px;
    position: relative;
    cursor: pointer;
    box-shadow: 0px 5px 18px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 18px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 18px 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;margin: 0px 10px;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:block; 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: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  font-size: 13px;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  right: 105%; 
  margin-right: 5px;
}
.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: 0;} 
.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;
}
.open .calendar-dropdown{background: #ececec !important;}
/*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: 13px;
}
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: 13px;
}
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}
.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 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;
}
.whatspp_radio.bordered-radio input[type="radio"]:checked + label .select,
.sms_radio.bordered-radio input[type="radio"]:checked + label .select {            
	border-radius: 15px;
	left: -6px;
	top: -6px;
	z-index: -1;
	right: -6px;
	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
}
.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;
}

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

.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}
.flex-in-div-no-space .rep-date-range-wrap{width:auto}
@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%;}
	.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 (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}