@charset "utf-8";

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  background-color: #e74c3c;
  transition: .4s;
  border-radius: 34px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 5px;
}

.slider .icon {
  color: white;
  font-size: 16px;
  margin-right: 5px;
  transition: all 0.3s;
}

.switch input:checked + .slider {
  background-color: #2ecc71;
  justify-content: flex-start;
}

.switch input:checked + .slider .icon {
  margin-left: 5px;
  margin-right: 0;
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/*Global Reset
===================*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

/*Clear div*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/**
* Remove default margin.
*/

ul {
	list-style: none;
}

a {
	text-decoration: none;
}

/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/

audio,
canvas,
progress,
video {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */
}

/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/

audio:not([controls]) {
	display: none;
	height: 0;
}

/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/

[hidden],
template {
	display: none;
}

/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/

a {
	background-color: transparent;
}

/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/

a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/

abbr[title] {
	border-bottom: 1px dotted;
}

/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/

b,
strong {
	font-weight: bold;
}

/**
* Address styling not present in Safari and Chrome.
*/

dfn {
	font-style: italic;
}

/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
* Address styling not present in IE 8/9.
*/

mark {
	background: #ff0;
	color: #000;
}

/**
* Address inconsistent and variable font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/

img {
	border: 0;
}

/**
* Correct overflow not hidden in IE 9/10/11.
*/

svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/

figure {
	margin: 1em 40px;
}

/**
* Address differences between Firefox and other browsers.
*/

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

/**
* Contain overflow in all browsers.
*/

pre {
	overflow: auto;
}

/**
* Address odd `em`-unit font size rendering in all browsers.
*/

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
*    Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */
}

/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/

button {
	overflow: visible;
}

/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/

button,
select {
	text-transform: none;
}

/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
*    `input` and others.
*/

button,
html input[type="button"],
/* 1 */

input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */
}

/**
* Re-set default cursor for disabled elements.
*/

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
* Remove inner padding and border in Firefox 4+.
*/

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/

input {
	line-height: normal;
}

/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/

input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	/* 2 */
}

/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
* Define consistent border, margin, and padding.
*/

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/

legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/

textarea {
	overflow: auto;
}

/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/

optgroup {
	font-weight: bold;
}

/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/* Slick Slider Css
-------------------------------- */

.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/*Dropdown menu icon*/
/*.nav-drp-arw {  
background: url(images/sub-icon-active.png); 
width: 15px;
height: 15px; 
right: 10px;
top: 10px;
cursor: pointer;
position: absolute;
z-index: 9999;
}
.nav-drp-arw.current { 
background: url(images/sub-icon.png);
}*/
/**************global css end*******/

::-moz-selection {
	background-color: #007d9d;
	color: #fff;
	text-shadow: none;
}

::selection {
	background-color: #007d9d;
	color: #fff;
	text-shadow: none;
}

input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
	color: #C6C6C6;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
	color: #C6C6C6;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
	color: #C6C6C6;
}

body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	overflow-x: hidden;
	font-family: 'product_sansregular' !important;
}

.container:after,
.container:before {
	content: " ";
	display: table;
}

.container:after {
	clear: both;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
figure {
	margin: 0;
	padding: 0;
}

img {
	margin: 0;
	padding: 0;
	border: none;
	max-width: 100%;
	height: auto !important;
	display: block;
}

a,
button,
input {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a {
	text-decoration: none !important;
}

.container {
	width: 100%;
	max-width: 1170px;
	display: block;
	padding: 0 15px;
	margin: 0 auto;
}

a.scrolltop {
	background: #1b5784;
	box-shadow: rgba(0, 0, 0, 0.4) 0 2px 3px 1px;
	width: 40px;
	height: 40px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	transition: none;
	display: none;
}

a.scrolltop i {
	font-size: 30px;
	color: #fff;
	line-height: 35px;
	text-align: center;
	display: block;
	position: relative;
}

a.scrolltop:hover {
	background: #3696dc;
}

/*================Custom Select Box Styling========================*/

.s-hidden {
	visibility: hidden;
	padding-right: 10px;
}

.select {
	background: transparent;
	width: 100%;
	height: 30px;
	display: block;
	font-size: 15px;
	line-height: 20px;
	color: #000;
	font-weight: normal;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	position: relative;
}

.notification-icon img {
	max-width: 28px;
	margin: 0px 10px;
}

.styledSelect {
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 1px solid #ccc;
	border-radius: 12px;
	padding: 14px 16px;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	outline: none;
	height: 46px;
}

.styledSelect:after {
	content: "";
	width: 10px;
	height: 10px;
	border-top: 2px solid #BCBCBC;
	border-left: 0px solid transparent;
	border-right: 2px solid #BCBCBC;
	border-bottom: 0px solid transparent;
	position: absolute;
	top: 28%;
	right: 18px;
	-webkit-transform: rotate(134deg) translateY(-50%);
	-moz-transform: rotate(134deg) translateY(-50%);
	-ms-transform: rotate(134deg) translateY(-50%);
	transform: rotate(134deg) translateY(-50%);
}

/* .styledSelect:active, .styledSelect.active {
position: relative;
} */
<<<<<<< HEAD .styledSelect.active::after {
	-webkit-transform: rotate(-43deg) translateY(-50%);
	-moz-transform: rotate(-43deg) translateY(-50%);
	-ms-transform: rotate(-43deg) translateY(-50%);
	transform: rotate(-43deg) translateY(-50%);
	margin-top: 12px;
}

.options {
	display: none;
	position: absolute;
	top: 49px;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 4px 0 0;
	padding: 0 0;
	list-style: none;
	border: 1px solid #DFDFDF;
	border-radius: 6px;
	background-color: white;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.options li {
	padding: 0 6px;
	margin: 0 !important;
	padding: 6px 10px 4px;
}

.options li:hover {
	background-color: #25AAE1;
	color: white;
}

/*===============================================*/
/*@FontFace*/

@font-face {
	font-family: 'product_sansbold_italic';
	src: url('fonts/product_sans_bold_italic-webfont.eot');
	src: url('fonts/product_sans_bold_italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/product_sans_bold_italic-webfont.woff2') format('woff2'), url('fonts/product_sans_bold_italic-webfont.woff') format('woff'), url('fonts/product_sans_bold_italic-webfont.ttf') format('truetype'), url('fonts/product_sans_bold_italic-webfont.svg#product_sansbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'product_sansbold';
	src: url('fonts/product_sans_bold-webfont.eot');
	src: url('fonts/product_sans_bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/product_sans_bold-webfont.woff2') format('woff2'), url('fonts/product_sans_bold-webfont.woff') format('woff'), url('fonts/product_sans_bold-webfont.ttf') format('truetype'), url('fonts/product_sans_bold-webfont.svg#product_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'product_sansitalic';
	src: url('fonts/product_sans_italic-webfont.eot');
	src: url('fonts/product_sans_italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/product_sans_italic-webfont.woff2') format('woff2'), url('fonts/product_sans_italic-webfont.woff') format('woff'), url('fonts/product_sans_italic-webfont.ttf') format('truetype'), url('fonts/product_sans_italic-webfont.svg#product_sansitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'product_sansregular';
	src: url('fonts/product_sans_regular-webfont.eot');
	src: url('fonts/product_sans_regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/product_sans_regular-webfont.woff2') format('woff2'), url('fonts/product_sans_regular-webfont.woff') format('woff'), url('fonts/product_sans_regular-webfont.ttf') format('truetype'), url('fonts/product_sans_regular-webfont.svg#product_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*/////////////////////////////////////////////////////////////*/
/***** header css start ******/

.loadScreen {
	background: #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	display: none;
}

.loadScreen img {
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
}

.login-wrapper {
	background: #011482;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
}

.login-form {
	background: #fff;
	border-radius: 20px;
	text-align: center;
	font-size: 0;
	width: 410px;
	height: 479px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 35px 30px 39px;
}

.login-form-logo {
	width: 119px;
	margin: 0 auto 30px;
}

.login-form h2 {
	font-family: 'product_sansbold';
	font-size: 20px;
	line-height: 24px;
	color: #000;
	font-weight: normal;
	margin: 0 0 30px;
}

.login-form label {
	display: block;
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
	text-align: left;
}

.login-form input {
	background: #fff;
	border: 1px solid #B6C4BC;
	border-radius: 8px;
	padding: 14px 22px 13px;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
	float: left;
	width: 100%;
	margin-bottom: 19px;
	outline: none;
	text-align: left;
}

a.fotgot-btn {
	font-family: 'product_sansbold';
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
	display: inline-block;
	margin: 11px 0 30px;
}

a.fotgot-btn:hover {
	color: #011482;
}

.login-form input.submit_log_form {
	background: #011482;
	border-radius: 14px;
	width: 240px;
	height: 39px;
	padding: 10px;
	font-family: 'product_sansbold';
	font-size: 16px;
	line-height: 19px;
	color: #fff;
	border: none;
	text-align: center;
	float: none;
	margin: 0 auto;
}

.login-form input.submit_log_form:hover {
	background: #000;
}

.space1 {
	width: 100%;
	height: 148px;
	float: left;
}

.success-icon {
	width: 80px;
	margin: 24px auto 50px;
	display: inline-block;
}

.success-icon::before,
.success-icon::after {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	content: '';
}

.login-form small {
	display: block;
	font-weight: normal;
	text-align: center;
	font-size: 14px;
	line-height: 17px;
	color: #B6C4BC;
	position: relative;
	margin-top: -12px;
}

.space2 {
	width: 100%;
	height: 83px;
	float: left;
}

.dashboard-panel {
	float: left;
	width: 100%;
	padding-left: 240px;
}

.dashboard-sidebar {
	background: rgb(226, 229, 240);
	width: 240px;
	position: fixed;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 15;
}

.dashboard-menu {
	width: 100%;
	float: left;
}

.site-logo {
	width: 100%;
	float: left;
	text-align: center;
	padding: 26px 0 30px;
}

.site-logo a {
	display: block;
	width: 119px;
	margin: 0 auto;
}

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

.dashboard-menu li {
	float: left;
	width: 100%;
	margin-bottom: 8px;
}

.dashboard-menu li a {
	display: block;
	position: relative;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	padding: 12px 15px 9px 65px;
}

.dashboard-menu li:hover a,
.dashboard-menu li.active a {
	background: #112387;
	color: #fff;
}

.dashboard-menu li a img {
	position: absolute;
	left: 29px;
	top: 50%;
	width: 19px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-ms-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

.dashboard-menu li a img:last-child {
	opacity: 0;
}

.dashboard-menu li:hover a img:first-child,
.dashboard-menu li.active a img:first-child {
	opacity: 0;
}

.dashboard-menu li:hover a img:last-child,
.dashboard-menu li.active a img:last-child {
	opacity: 1;
}

.dashboard-main {
	float: left;
	width: 100%;
	padding-left: 40px;
}

.dashboard-header {
	background: #FCFFFD;
	width: 100%;
	padding: 24px 52px 24px 265px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
}

.dashboard-search {
	background: #FCFFFD;
	border: 1px solid #B6C4BC;
	border-radius: 10px;
	padding-left: 50px;
	position: relative;
	float: left;
	width: 328px;
}

.dashboard-search img {
	position: absolute;
	width: 23px;
	left: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.dashboard-search input {
	background: transparent;
	width: 100%;
	float: left;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	color: #000;
	padding: 14px 14px 14px 0;
	outline: none;
	border: none;
}

.header-right {
	float: right;
	padding: 3px 0;
}

.notify-box {
	float: left;
	position: relative;
	margin-right: 30px;
}

.notify-box a.notify-btn {
	width: 40px;
	display: block;
}

.user-box {
	float: left;
	position: relative;
	display: flex;
}

.btn-light {
	color: #212529;
	background-color: #e2e5f0;
	border-color: #e2e5f0;
}

.btn-dark {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

a.user-btn {
	display: block;
	font-family: 'product_sansbold';
	font-size: 16px;
	line-height: 19px;
	color: #000;
	font-weight: normal;
	position: relative;
	padding-right: 30px;
}

a.user-btn::after {
	background: url(images/arrow-green.png) 0 0 no-repeat;
	background-size: cover;
	position: absolute;
	right: 0;
	top: 17px;
	width: 17px;
	height: 11px;
	content: '';
}

a.user-btn img {
	width: 45px;
	vertical-align: middle;
	display: inline-block;
	margin: -2px 10px 0 0;
	border-radius: 36px;
}

.user-pop {
	background: #fff;
	width: 146px;
	border: 1px solid #E5E5E5;
	box-shadow: 5px 5px 12px #e5e5e5;
	position: absolute;
	right: 0;
	top: 47px;
	z-index: 10;
	display: none;
}

.user-pop:after,
.user-pop:before {
	bottom: 100%;
	left: 90%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.user-pop a {
	padding: 12px 15px;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	display: block;
}

.user-pop a:hover {
	background: #c6cbe2;
}

.user-pop a img {
	width: 19px;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 12px 0 0;
}

.dashboard-content-area {
	float: left;
	width: 100%;
	padding: 0 51px 100px 0;
	margin-top: 93px;
}

.breadcrumbs {
	float: left;
	width: 100%;
	font-size: 0;
	padding-bottom: 40px;
}

.breadcrumbs h2 {
	font-family: 'product_sansbold';
	font-size: 30px;
	line-height: 37px;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}

.breadcrumbs ul {
	list-style: none;
	padding: 6px 0 0;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

.breadcrumbs li {
	position: relative;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
	float: left;
	padding-left: 42px;
}

.breadcrumbs li a {
	display: block;
	color: #000;
}

.breadcrumbs li a:hover {
	color: #0E713A;
}

.breadcrumbs li::before {
	position: absolute;
	left: 15px;
	top: 2px;
	width: 9px;
	height: 9px;
	content: '';
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.dash-cont-panel1 {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}

.dash-cont-panel1>ul {
	list-style: none;
	margin: 0 -1.9%;
	padding: 0;
}

.dash-cont-panel1>ul>li {
	background: #112387;
	float: left;
	width: 29.5%;
	border-radius: 20px;
	padding: 20px 1.8% 12px;
	margin: 0 1.9%;
}

.dash-cont-panel1>ul>li img {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	margin: 0 10px 0 0;
}

.dash-cont-panel1>ul>li span {
	display: inline-block;
	font-size: 16px;
	line-height: 19px;
	color: #fff;
	font-weight: normal;
	vertical-align: middle;
	padding-right: 18px;
	padding-bottom: 0;
}

.dashboard-content {
	float: left;
	width: 100%;
}

.dashboard-content span {
	display: block;
	font-size: 16px;
	line-height: 19px;
	color: #000;
	font-weight: normal;
	padding-bottom: 12px;
}

.dashboard-content strong {
	font-family: 'product_sansbold';
	display: block;
	font-size: 30px;
	line-height: 37px;
	color: #fff;
	font-weight: normal;
	padding-bottom: 12px;
}

.dash-cont-panel3 {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}

.dash-cont-panel3>ul {
	list-style: none;
	margin: 0 -1.6%;
	padding: 0;
}

.dash-cont-panel3>ul>li {
	float: left;
	border-radius: 20px;
	margin: 0 1.6%;
	width: 46.8%;
	position: relative;
	border: 1px solid #B6C4BC;
	padding: 16px 18px 0;
}

.dash-cont-panel3>ul>li img {
	width: 38px;
	position: absolute;
	right: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.dash-cont-panel3>ul>li:last-child img {
	width: 54px;
}

.table-holder {
	float: left;
	width: 100%;
	/* border: 1px solid #B6C4BC; */
	border-radius: 8px;
}

.table-holder h3 {
	padding: 20px 21px;
	font-family: 'product_sansbold';
	font-size: 24px;
	line-height: 29px;
	color: #000;
	font-weight: normal;
	color: #000;
	margin: 0;
}

.custom-table {
	width: 100%;
	float: left;
	/* padding-top: 16px; */
	/* overflow: hidden;
overflow-x: scroll; */
}

.custom-table-scroll {
	/* width: 1016px; */
	/* white-space: nowrap; */
	width: 100%;
	float: left;
}

/*Table Start*/

.DBTable {
	float: left;
	width: 100%;
	padding-top: 14px;
}

div.dataTables_wrapper {
	float: left;
	width: 100%;
}

.dataTables_scroll {
	border: 1px solid #B6C4BC;
	border-radius: 8px;
}

.table-bordered {
	border-color: #BFBFBF !important;
}

table.table-bordered.dataTable {
	cursor: grab;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	border: none;
}

::-webkit-scrollbar,
::-moz-scrollbar {
	width: 0px;
	height: 10px;
}

/* button */

::-webkit-scrollbar-button,
::-moz-scrollbar-button {
	background: #222;
	display: none;
}

/* Handle */

::-webkit-scrollbar-thumb,
::-moz-scrollbar-thumb {
	background: #56af7d;
	border-radius: 8px;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover,
::-moz-scrollbar-thumb:hover {
	background: #0E713A;
}

/* Track */

::-webkit-scrollbar-track,
::-moz-scrollbar-track {
	background: #C8F8DD;
	border-radius: 8px;
}

/* The track NOT covered by the handle.
::-webkit-scrollbar-track-piece {
background: #000;
=======

.styledSelect.active::after {
    -webkit-transform: rotate(-43deg) translateY(-50%);
    -moz-transform: rotate(-43deg) translateY(-50%);
    -ms-transform: rotate(-43deg) translateY(-50%);
    transform: rotate(-43deg) translateY(-50%);
    margin-top: 12px;
}

.options {
    display:none;
    position:absolute;
    top:49px;
    right:0;
    left:0;
    z-index:999;
    margin:4px 0 0;
    padding:0 0;
    list-style:none;
    border:1px solid #DFDFDF;
    border-radius: 6px;
    background-color:white;
    overflow: hidden;
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
}

.options li {
    padding:0 6px;
    margin:0 !important;
    padding:6px 10px 4px;
}

.options li:hover {
    background-color:#25AAE1;
    color:white;
}
/*===============================================*/

/*@FontFace*/
@font-face {
	font-family: 'product_sansbold_italic';
	src: url('fonts/product_sans_bold_italic-webfont.eot');
	src: url('fonts/product_sans_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/product_sans_bold_italic-webfont.woff2') format('woff2'),
		url('fonts/product_sans_bold_italic-webfont.woff') format('woff'),
		url('fonts/product_sans_bold_italic-webfont.ttf') format('truetype'),
		url('fonts/product_sans_bold_italic-webfont.svg#product_sansbold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'product_sansbold';
	src: url('fonts/product_sans_bold-webfont.eot');
	src: url('fonts/product_sans_bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/product_sans_bold-webfont.woff2') format('woff2'),
		url('fonts/product_sans_bold-webfont.woff') format('woff'),
		url('fonts/product_sans_bold-webfont.ttf') format('truetype'),
		url('fonts/product_sans_bold-webfont.svg#product_sansbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'product_sansitalic';
	src: url('fonts/product_sans_italic-webfont.eot');
	src: url('fonts/product_sans_italic-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/product_sans_italic-webfont.woff2') format('woff2'),
		url('fonts/product_sans_italic-webfont.woff') format('woff'),
		url('fonts/product_sans_italic-webfont.ttf') format('truetype'),
		url('fonts/product_sans_italic-webfont.svg#product_sansitalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'product_sansregular';
	src: url('fonts/product_sans_regular-webfont.eot');
	src: url('fonts/product_sans_regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/product_sans_regular-webfont.woff2') format('woff2'),
		url('fonts/product_sans_regular-webfont.woff') format('woff'),
		url('fonts/product_sans_regular-webfont.ttf') format('truetype'),
		url('fonts/product_sans_regular-webfont.svg#product_sansregular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*/////////////////////////////////////////////////////////////*/

/***** header css start ******/

.loadScreen {
	background: #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	display: none;
}

.loadScreen img {
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
}


.login-wrapper {
	background: #011482;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
}

.login-form {
	background: #fff;
	border-radius: 20px;
	text-align: center;
	font-size: 0;
	width: 410px;
	height: 479px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 35px 30px 39px;
}

.login-form-logo {
	width: 119px;
	margin: 0 auto 30px;
}

.login-form h2 {
	font-family: 'product_sansbold';
	font-size: 20px;
	line-height: 24px;
	color: #000;
	font-weight: normal;
	margin: 0 0 30px;
}

.login-form label {
	display: block;
	margin: 0 0 12px;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
	text-align: left;
}

.login-form input {
	background: #fff;
	border: 1px solid #B6C4BC;
	border-radius: 8px;
	padding: 14px 22px 13px;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
	float: left;
	width: 100%;
	margin-bottom: 19px;
	outline: none;
	text-align: left;
}

a.fotgot-btn {
	font-family: 'product_sansbold';
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
	display: inline-block;
	margin: 11px 0 30px;
}

a.fotgot-btn:hover {
	color: #011482;
}

.login-form input.submit_log_form {
	background: #011482;
	border-radius: 14px;
	width: 240px;
	height: 39px;
	padding: 10px;
	font-family: 'product_sansbold';
	font-size: 16px;
	line-height: 19px;
	color: #fff;
	border: none;
	text-align: center;
	float: none;
	margin: 0 auto;
}

.login-form input.submit_log_form:hover {
	background: #000;
}

.space1 {
	width: 100%;
	height: 148px;
	float: left;
}

.success-icon {
	width: 80px;
	margin: 24px auto 50px;
	display: inline-block;
}

.success-icon::before,
.success-icon::after {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	content: '';
}

.login-form small {
	display: block;
	font-weight: normal;
	text-align: center;
	font-size: 14px;
	line-height: 17px;
	color: #B6C4BC;
	position: relative;
	margin-top: -12px;
}

.space2 {
	width: 100%;
	height: 83px;
	float: left;
}

.dashboard-panel {
	float: left;
	width: 100%;
	padding-left: 240px;
}

.dashboard-sidebar {
	background: rgb(226, 229, 240);
	width: 240px;
	position: fixed;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 15;
}

.dashboard-menu {
	width: 100%;
	float: left;
}

.site-logo {
	width: 100%;
	float: left;
	text-align: center;
	padding: 26px 0 30px;
}

.site-logo a {
	display: block;
	width: 119px;
	margin: 0 auto;
}

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

.dashboard-menu li {
	float: left;
	width: 100%;
	margin-bottom: 8px;
}

.dashboard-menu li a {
	display: block;
	position: relative;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	padding: 12px 15px 9px 65px;
}

.dashboard-menu li:hover a,
.dashboard-menu li.active a {
	background: #112387;
	color: #fff;
}

.dashboard-menu li a img {
	position: absolute;
	left: 29px;
	top: 50%;
	width: 19px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-ms-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

.dashboard-menu li a img:last-child {
	opacity: 0;
}

.dashboard-menu li:hover a img:first-child,
.dashboard-menu li.active a img:first-child {
	opacity: 0;
}

.dashboard-menu li:hover a img:last-child,
.dashboard-menu li.active a img:last-child {
	opacity: 1;
}

.dashboard-main {
	float: left;
	width: 100%;
	padding-left: 40px;
}

.dashboard-header {
	background: #FCFFFD;
	width: 100%;
	padding: 24px 52px 24px 265px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
}

.dashboard-search {
	background: #FCFFFD;
	border: 1px solid #B6C4BC;
	border-radius: 10px;
	padding-left: 50px;
	position: relative;
	float: left;
	width: 328px;
}

.dashboard-search img {
	position: absolute;
	width: 23px;
	left: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.dashboard-search input {
	background: transparent;
	width: 100%;
	float: left;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
	color: #000;
	padding: 14px 14px 14px 0;
	outline: none;
	border: none;
}

.header-right {
	float: right;
	padding: 3px 0;
}

.notify-box {
	float: left;
	position: relative;
	margin-right: 30px;
}

.notify-box a.notify-btn {
	width: 40px;
	display: block;
}

.user-box {
	float: left;
	position: relative;
	display: flex;
}

.btn-light {
	color: #212529;
	background-color: #e2e5f0;
	border-color: #e2e5f0;
}

.btn-dark {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40;
}

.btn-dark:hover , .btn-dark:active, .btn-dark:focus{
	color: #343a40 ;
	background-color:#fff;
}

a.user-btn {
	display: block;
	font-family: 'product_sansbold';
	font-size: 16px;
	line-height: 19px;
	color: #000;
	font-weight: normal;
	position: relative;
	padding-right: 30px;
}

a.user-btn::after {
	background: url(images/arrow-green.png) 0 0 no-repeat;
	background-size: cover;
	position: absolute;
	right: 0;
	top: 17px;
	width: 17px;
	height: 11px;
	content: '';
}


a.user-btn img {
	width: 45px;
	vertical-align: middle;
	display: inline-block;
	margin: -2px 10px 0 0;
	border-radius: 36px;
}


.user-pop {
	background: #fff;
	width: 146px;
	border: 1px solid #E5E5E5;
	box-shadow: 5px 5px 12px #e5e5e5;
	position: absolute;
	right: 0;
	top: 47px;
	z-index: 10;
	display: none;
}

.user-pop:after,
.user-pop:before {
	bottom: 100%;
	left: 90%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.user-pop a {
	padding: 12px 15px;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	display: block;
}

.user-pop a:hover {
	background: #c6cbe2;
}

.user-pop a img {
	width: 19px;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 12px 0 0;
}

.dashboard-content-area {
	float: left;
	width: 100%;
	padding: 0 51px 100px 0;
	margin-top: 93px;
}

.breadcrumbs {
	float: left;
	width: 100%;
	font-size: 0;
	padding-bottom: 40px;
}

.breadcrumbs h2 {
	font-family: 'product_sansbold';
	font-size: 30px;
	line-height: 37px;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}

.breadcrumbs ul {
	list-style: none;
	padding: 6px 0 0;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

.breadcrumbs li {
	position: relative;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
	float: left;
	padding-left: 42px;
}

.breadcrumbs li a {
	display: block;
	color: #000;
}

.breadcrumbs li a:hover {
	color: #0E713A;
}

.breadcrumbs li::before {
	position: absolute;
	left: 15px;
	top: 2px;
	width: 9px;
	height: 9px;
	content: '';
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.dash-cont-panel1 {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}

.dash-cont-panel1>ul {
	list-style: none;
	margin: 0 -1.9%;
	padding: 0;
}

.dash-cont-panel1>ul>li {
	background: #112387;
	float: left;
	width: 29.5%;
	border-radius: 20px;
	padding: 20px 1.8% 12px;
	margin: 0 1.9%;
}

.dash-cont-panel1>ul>li img {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	margin: 0 10px 0 0;
}

.dash-cont-panel1>ul>li span {
	display: inline-block;
	font-size: 16px;
	line-height: 19px;
	color: #fff;
	font-weight: normal;
	vertical-align: middle;
	padding-right: 18px;
	padding-bottom: 0;
}

.dashboard-content {
	float: left;
	width: 100%;
}

.dashboard-content span {
	display: block;
	font-size: 16px;
	line-height: 19px;
	color: #000;
	font-weight: normal;
	padding-bottom: 12px;
}

.dashboard-content strong {
	font-family: 'product_sansbold';
	display: block;
	font-size: 30px;
	line-height: 37px;
	color: #000;
	font-weight: normal;
	padding-bottom: 12px;
}

.dash-cont-panel3 {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}

.dash-cont-panel3>ul {
	list-style: none;
	margin: 0 -1.6%;
	padding: 0;
}

.dash-cont-panel3>ul>li {
	float: left;
	border-radius: 20px;
	margin: 0 1.6%;
	width: 46.8%;
	position: relative;
	border: 1px solid #B6C4BC;
	padding: 16px 18px 0;
}

.dash-cont-panel3>ul>li img {
	width: 38px;
	position: absolute;
	right: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.dash-cont-panel3>ul>li:last-child img {
	width: 54px;
}

.table-holder {
	float: left;
	width: 100%;
	/* border: 1px solid #B6C4BC; */
	border-radius: 8px;
}

.table-holder h3 {
	padding: 20px 21px;
	font-family: 'product_sansbold';
	font-size: 24px;
	line-height: 29px;
	color: #000;
	font-weight: normal;
	<<<<<<< HEAD=======position: relative;
	padding-right: 30px;
}

a.user-btn::after {
	background: url(images/arrow-green.png) 0 0 no-repeat;
	background-size: cover;
	position: absolute;
	right: 0;
	top: 17px;
	width: 17px;
	height: 11px;
	content: '';
}


a.user-btn img {
	width: 45px;
	vertical-align: middle;
	display: inline-block;
	margin: -2px 10px 0 0;
	border-radius: 36px;
}


.user-pop {
	background: #fff;
	width: 146px;
	border: 1px solid #E5E5E5;
	box-shadow: 5px 5px 12px #e5e5e5;
	position: absolute;
	right: 0;
	top: 47px;
	z-index: 10;
	display: none;
}

.user-pop:after,
.user-pop:before {
	bottom: 100%;
	left: 90%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.user-pop a {
	padding: 12px 15px;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	display: block;
}

.user-pop a:hover {
	background: #c6cbe2;
}

.user-pop a img {
	width: 19px;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 12px 0 0;
}

.dashboard-content-area {
	float: left;
	width: 100%;
	padding: 0 51px 100px 0;
	margin-top: 93px;
}

.breadcrumbs {
	float: left;
	width: 100%;
	font-size: 0;
	padding-bottom: 40px;
}

.breadcrumbs h2 {
	font-family: 'product_sansbold';
	font-size: 30px;
	line-height: 37px;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}

.breadcrumbs ul {
	list-style: none;
	padding: 6px 0 0;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}

.breadcrumbs li {
	position: relative;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
	float: left;
	padding-left: 42px;
}

.breadcrumbs li a {
	display: block;
	color: #000;
}

.breadcrumbs li a:hover {
	color: #0E713A;
}

.breadcrumbs li::before {
	position: absolute;
	left: 15px;
	top: 2px;
	width: 9px;
	height: 9px;
	content: '';
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.dash-cont-panel1 {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}

.dash-cont-panel1>ul {
	list-style: none;
	margin: 0 -1.9%;
	padding: 0;
}

.dash-cont-panel1>ul>li {
	background: #112387;
	float: left;
	width: 29.5%;
	border-radius: 20px;
	padding: 20px 1.8% 12px;
	margin: 0 1.9%;
}

.dash-cont-panel1>ul>li img {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	margin: 0 10px 0 0;
}

.dash-cont-panel1>ul>li span {
	display: inline-block;
	font-size: 16px;
	line-height: 19px;
	color: #fff;
	font-weight: normal;
	vertical-align: middle;
	padding-right: 18px;
	padding-bottom: 0;
}

.dashboard-content {
	float: left;
	width: 100%;
}

.dashboard-content span {
	display: block;
	font-size: 16px;
	line-height: 19px;
	color: #000;
	font-weight: normal;
	padding-bottom: 12px;
}

.dash-cont-panel1 ul li strong {
	color: #fff;
}

.dashboard-content strong {
	font-family: 'product_sansbold';
	display: block;
	font-size: 30px;
	line-height: 37px;
	color: #000;
	font-weight: normal;
	padding-bottom: 12px;
}

.dash-cont-panel3 {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}

.dash-cont-panel3>ul {
	list-style: none;
	margin: 0 -1.6%;
	padding: 0;
}

.dash-cont-panel3>ul>li {
	float: left;
	border-radius: 20px;
	margin: 0 1.6%;
	width: 46.8%;
	position: relative;
	border: 1px solid #B6C4BC;
	padding: 16px 18px 0;
}

.dash-cont-panel3>ul>li img {
	width: 38px;
	position: absolute;
	right: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.dash-cont-panel3>ul>li:last-child img {
	width: 54px;
}

.table-holder {
	float: left;
	width: 100%;
	/* border: 1px solid #B6C4BC; */
	border-radius: 8px;
}

.table-holder h3 {
	padding: 20px 21px;
	font-family: 'product_sansbold';
	font-size: 24px;
	line-height: 29px;
	color: #000;
	font-weight: normal;
	>>>>>>>30a195e12fc3926d9724165d9fb495a96970d98a color: #000;
	margin: 0;
}

.custom-table {
	width: 100%;
	float: left;
	/* padding-top: 16px; */
	/* overflow: hidden;
    overflow-x: scroll; */
}

<<<<<<< HEAD=======.custom-table-scroll {
	/* width: 1016px; */
	/* white-space: nowrap; */
	width: 100%;
	float: left;
}

/*Table Start*/
.DBTable {
	float: left;
	width: 100%;
	padding-top: 14px;
}

div.dataTables_wrapper {
	float: left;
	width: 100%;
}

.dataTables_scroll {
	border: 1px solid #B6C4BC;
	border-radius: 8px;
}

.table-bordered {
	border-color: #BFBFBF !important;
}

table.table-bordered.dataTable {
	cursor: grab;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	border: none;
}

::-webkit-scrollbar,
::-moz-scrollbar {
	width: 0px;
	height: 10px;
}

/* button */
::-webkit-scrollbar-button,
::-moz-scrollbar-button {
	background: #222;
	display: none;
}

/* Handle */
::-webkit-scrollbar-thumb,
::-moz-scrollbar-thumb {
	background: #56af7d;
	border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover,
::-moz-scrollbar-thumb:hover {
	background: #0E713A;
}

/* Track */
::-webkit-scrollbar-track,
::-moz-scrollbar-track {
	background: #C8F8DD;
	border-radius: 8px;
}

/* The track NOT covered by the handle.
::-webkit-scrollbar-track-piece {
    background: #000;
}

/* Corner */
::-webkit-scrollbar-corner,
::-moz-scrollbar-corner {
	background: #999;
}

/* Resizer */
::-webkit-resizer,
::-moz-resizer {
	background: #111;
}

.dataTables_scrollHead table {
	border-radius: 0;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
	border-bottom: 1px solid #B6C4BC;
	border-radius: 0;
}

table.table-bordered.dataTable tbody tr:last-child td {
	border-bottom: none;
}

.dataTables_scrollHead table th:first-child {
	border-radius: 0;
}

.dataTables_scrollHead table th:last-child {
	border-radius: 0;
}

.dataTables_scrollBody {
	cursor: pointer;
	overflow: visible !important;
}

.dataTables_scrollBody.active {
	cursor: grabbing;
	cursor: -webkit-grabbing;
}

.dataTables_scrollBody table {
	border-radius: 0;
}

.dataTables_scrollBody table td:first-child {
	border-radius: 0;
}

.dataTables_scrollBody table td:last-child {
	border-radius: 0 0 6px 0;
	position: relative;
}

.table>thead>tr>th {
	border-width: 1px;
}

div.dataTables_wrapper thead th {
	white-space: nowrap;
	background: #e2e5f0;
	padding: 16px 28px;
	vertical-align: middle;
	font-family: 'product_sansbold';
	font-size: 15px;
	color: #000;
	text-align: left;
	border-left: none;
	border-right: none;
}

div.dataTables_wrapper tbody td {
	background: transparent;
	font-size: 14px;
	color: #000;
	white-space: nowrap;
	padding: 15px 28px;
	vertical-align: middle;
}

div.dataTables_wrapper div.dataTables_length {
	float: left;
	margin: 16px 0 27px;
	position: relative;
}

div.dataTables_wrapper div.dataTables_length::after {
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #000;
	position: absolute;
	right: 12px;
	top: 11px;
	content: '';
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

div.dataTables_wrapper div.dataTables_length label {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 19px;
	font-size: 16px;
	margin: 0;
	color: #000;
}

div.dataTables_wrapper div.dataTables_length select {
	width: 85px;
	outline: none;
	height: 36px;
	border: 1px solid #B6C4BC;
	color: #000;
	font-size: 14px;
	padding: 0 13px;
	border-radius: 6px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	margin-left: 20px;
}

div.dataTables_wrapper div.dataTables_filter {
	float: right;
	margin: 16px 0 27px;
	position: relative;
}

div.dataTables_wrapper div.dataTables_filter label {
	margin: 0;
	font-size: 0;
	line-height: 20px;
	position: relative;
}

div.dataTables_wrapper div.dataTables_filter::before {
	background: url(images/search-icon.png) 0 0 no-repeat;
	background-size: 17px;
	position: absolute;
	left: 12px;
	top: 10px;
	content: '';
	width: 17px;
	height: 17px;
}

div.dataTables_wrapper div.dataTables_filter input {
	background: transparent;
	margin-left: 0 !important;
	display: inline-block;
	width: 275px;
	border: 1px solid #BFBFBF;
	border-radius: 6px;
	outline: none;
	height: 36px;
	padding: 0 5px 0 47px;
	font-size: 14px;
	color: #000;
	position: relative;
}

table.dataTable {
	margin-top: 0 !important;
}

table.dataTable thead .sorting_asc:after {
	background: url(images/toggle-icon-active.png) 0 0 no-repeat;
	background-size: contain;
	width: 14px;
	height: 13px;
	opacity: 1;
	content: "";
	bottom: 17px;
	/* display: none; */
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_desc:after {
	background: url(images/toggle-icon.png) 0 0 no-repeat;
	background-size: contain;
	width: 14px;
	height: 13px;
	opacity: 1;
	content: "";
	bottom: 17px;
	/* display: none; */
}

/* .dataTables_scrollHeadInner,
div.dataTables_scrollHead table.table-bordered {
    width: 100% !important;
} */

.d_table_area .dataTables_scroll {
	position: relative;
	overflow: auto;
	width: 100%;
	border: 1px solid #B6C4BC;
}

/* .d_table_area .dataTables_scrollHeadInner, div.dataTables_scrollHead {
    overflow: visible !important;
    float: left;
} */

.d_table_area div.dataTables_wrapper .dataTables_scrollBody {
	overflow: initial !important;
}

div.dataTables_wrapper div.dataTables_info {
	padding-top: 35px;
	float: left;
	font-size: 15px;
	color: #000;
	font-weight: normal;
}

div.dataTables_wrapper div.dataTables_paginate {
	margin: 50px 0 0;
	float: right;
}

div.dataTables_wrapper div.dataTables_paginate a.previous {
	background: #B6C4BC;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: relative;
	font-size: 0;
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
}

// div.dataTables_wrapper div.dataTables_paginate a.previous::after {
//     border-width: 2px 2px 0 0;
//     border-style: solid;
//     border-color: #90A699;
//     position: absolute;
//     right: 7px;
//     top: 11px;
//     content: '';
//     width: 10px;
//     height: 10px;
//     -webkit-transform: rotate(227deg);
//     -moz-transform: rotate(227deg);
//     -ms-transform: rotate(227deg);
//     transform: rotate(227deg);
//     --webkittransition: all ease-in-out 0.2s;
//     -moz-transition: all ease-in-out 0.2s;
//     -ms-transition: all ease-in-out 0.2s;
//     transition: all ease-in-out 0.2s;
// }
div.dataTables_wrapper div.dataTables_paginate a.previous::before {
	content: "\f060";
	font-family: FontAwesome;
	font-size: 18px;
	display: inline-block;
	font-size: 17px;
	transform: scaleY(0.8);
}

div.dataTables_wrapper div.dataTables_paginate a.next {
	background: #B6C4BC;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: relative;
	font-size: 0;
	margin-left: 5px;
	display: inline-block;
	vertical-align: top;
}

// div.dataTables_wrapper div.dataTables_paginate a.next::after {
//     border-width: 2px 2px 0 0;
//     border-style: solid;
//     border-color: #000;
//     position: absolute;
//     right: 11px;
//     top: 11px;
//     content: '';
//     width: 10px;
//     height: 10px;
//     -webkit-transform: rotate(45deg);
//     -moz-transform: rotate(45deg);
//     -ms-transform: rotate(45deg);
//     transform: rotate(45deg);
//     --webkittransition: all ease-in-out 0.2s;
//     -moz-transition: all ease-in-out 0.2s;
//     -ms-transition: all ease-in-out 0.2s;
//     transition: all ease-in-out 0.2s;
// }

div.dataTables_wrapper div.dataTables_paginate a.next::before {
	content: "\f061";
	font-family: FontAwesome;
	font-size: 18px;
	display: inline-block;
	font-size: 17px;
	transform: scaleY(0.8);
}

div.dataTables_wrapper div.dataTables_paginate a {
	background: #B6C4BC;
	line-height: 30px !important;
	height: 30px;
	width: 30px;
	padding: 0;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	display: inline-block;
	outline: none;
	border-radius: 50%;
	margin: 0 5px;
	cursor: pointer;
}

div.dataTables_wrapper div.dataTables_paginate span a.current,
div.dataTables_wrapper div.dataTables_paginate a:hover {
	background: #112387;
	color: #fff;
}

div.dataTables_wrapper div.dataTables_paginate a:hover::after {
	border-color: #B6C4BC;
}

.dataTables_length {
	padding-left: 21px;
}

.dataTables_filter {
	padding-right: 21px;
}

/*table End*/

.active-tag,
.deactive-tag,
.blocked-tag,
.unblocked-tag {
	width: 100px;
	padding: 5px;
	font-size: 14px;
	line-height: 20px;
	color: #fff !important;
	text-align: center;
	font-weight: normal;
	border-radius: 8px;
	display: block;
	box-sizing: border-box;
}

.active-tag {
	background: #0E713A;
}

.deactive-tag {
	background: #FC5D5D;
}

.blocked-tag {
	background: #000;
}

.unblocked-tag {
	background: #B6C4BC;
}

table.dataTable.nowrap td a.settings-btn {
	width: 19px;
	display: inline-block;
	margin-top: 5px;
}

.action-box {
	background: #fff;
	border-radius: 8px;
	box-shadow: 5px 5px 12px rgb(172 172 172);
	right: 150px;
	top: 55px;
	position: absolute;
	width: 119px;
	z-index: 9999;
	display: none;
}

.aboulute {
	right: 50px;
	top: 8px;
	position: relative;
	bottom: inherit !important;
}

.action-box:after,
.action-box:before {
	bottom: 100%;
	left: 76%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.action-box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.action-box:before {
	border-color: rgba(182, 196, 188, 0);
	border-bottom-color: #B6C4BC;
	border-width: 11px;
	margin-left: -11px;
}

.action-box>a {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	font-weight: normal;
	display: block;
	padding: 7px 17px;
}

.action-box>a:hover {
	background: #c6cbe2;
}

.action-box>a img {
	width: 21px;
	margin: 0 14px 0 0;
	display: inline-block;
	vertical-align: middle;
}

.action-box>a:nth-child(2) img {
	width: 17px;
	margin: 0 16px 0 2px;
}

.action-box>a:nth-child(3) img {
	width: 10px;
	margin: 0 19px 0 5px;
}

.dashboard-content .dataTables_paginate {
	display: none;
}

.chkBoxArea {
	position: relative;
}

.chkBoxArea label {
	display: block;
	margin: 0;
	font-weight: normal;
}

.chkBoxArea figure {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	border-radius: 3px;
	overflow-y: hidden;
	margin: -3px 7px 0 0;
}

.chkBoxArea figure>input {
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	z-index: 2;
	opacity: 0;
}

.chkBoxArea figure i {
	background: url(images/check.png) 0 0 no-repeat;
	background-size: contain !important;
	width: 16px;
	height: 16px;
	border-radius: 3px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}

.chkBoxArea figure>input:checked+i {
	background: url(images/check-active.png);
}

div.dataTables_wrapper tbody tr:last-child .action-box,
div.dataTables_wrapper tbody tr:nth-last-child(2) .action-box {
	bottom: 50px;
	top: inherit;
}

div.dataTables_wrapper tbody tr:last-child .action-box::before,
div.dataTables_wrapper tbody tr:last-child .action-box::after,
div.dataTables_wrapper tbody tr:nth-last-child(2) .action-box::before,
div.dataTables_wrapper tbody tr:nth-last-child(2) .action-box::after {
	display: none !important;
}

.user-page-content {
	float: left;
	width: 100%;
}

.dataTable_download_btn {
	float: left;
	font-size: 0;
	position: relative;
	margin-top: -37px;
}

.dataTable_download_btn input[type="button"] {
	// background: #B6C4BC;
	width: 160px;
	border-radius: 8px;
	text-align: center;
	padding: 7px 16px 6px;
	// color: #000;
	margin-right: 20px;
	font-size: 14px;
	border: none;
	outline: none;
}

.projcet-acc-trigger a.showPdf {
	background-color: #000 !important;
}

.dataTable_download_btn input[type="button"]:hover {
	background: #000;
	color: #fff;
}

.right-box {
	float: right;
	position: relative;
	margin-top: -70px;
}

.right-box .active-tag,
.right-box .deactive-tag,
.right-box .blocked-tag,
.right-box .unblocked-tag {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.user-view-content {
	float: left;
	width: 100%;
	border: 1px solid #B6C4BC;
	border-radius: 8px;
	padding: 20px 0 0;
	margin-bottom: 235px;
}

.user-view-content ul {
	list-style: none;
	margin: 0;
	padding: 0 29px;
}

.user-view-content li {
	float: left;
	width: 20%;
}

.user-view-content li strong {
	display: block;
	font-family: 'product_sansbold';
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	padding-bottom: 27px;
}

.user-view-content li span {
	display: block;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
}

.user-activity-check {
	float: left;
	width: 100%;
	padding: 34px 29px;
}

.user-activity-check strong {
	display: inline-block;
	vertical-align: middle;
	font-family: 'product_sansbold';
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	padding-right: 55px;
}

.user-activity-check .toggle {
	width: 52px;
	height: 26px;
	border-radius: 13px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.user-activity-check .toggle input {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	margin: 0;
	opacity: 0;
}

.user-activity-check .toggle input:checked+i {
	background-image: url(images/toggle-active.png);
}

.user-activity-check .toggle i {
	background: url(images/toggle.png) 0 0 no-repeat;
	background-size: contain;
	width: 52px;
	height: 26px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.custom_tabs1 {
	float: left;
	width: 100%;
}

.custom_tabs1>.tabs_nav {
	float: left;
	width: 100%;
	border-bottom: 1px solid #B6C4BC;
	font-size: 0;
}

.custom_tabs1>.tabs_nav a {
	width: 200px;
	display: inline-block;
	vertical-align: middle;
	border-bottom: 4px solid transparent;
	padding: 10px 0;
	text-align: center;
	font-family: 'product_sansbold';
	font-size: 15px;
	line-height: 18px;
	color: #000;
	position: relative;
	margin-bottom: -1px;
}

.custom_tabs1>.tabs_nav a.current,
.custom_tabs1>.tabs_nav a:hover {
	color: #112387;
	border-color: #112387;
}

.custom_tabs1>.tabs_container {
	float: left;
	width: 100%;
}

.downloadPdf {
	background-color: #000;
}

.custom_tabs1>.tabs_container>div {
	display: none;
	width: 100%;
	float: left;
}

.activity-cont-holder {
	float: left;
	width: 100%;
	border-bottom: 1px solid #B6C4BC;
}

.activity-cont {
	width: 50%;
	float: left;
	padding: 30px 16px 30px 21px;
	border-right: 1px solid #B6C4BC !important;
}

.activity-cont:last-child {
	border-right: none !important;
}

.activity-cont h3 {
	font-family: 'product_sansbold';
	font-size: 24px;
	line-height: 29px;
	color: #000;
	font-weight: normal;
	margin: 0 0 55px;
	float: left;
}

.activity-cont .month-view {
	float: right;
	width: 153px;
	position: relative;
}

.activity-cont .month-view::after {
	border-width: 2px 2px 0 0;
	border-color: #000;
	border-style: solid;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 12px;
	top: 11px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	content: '';
}

.activity-cont .month-view input {
	background: transparent;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
	border: 1px solid #B6C4BC;
	border-radius: 8px;
	padding: 10px 15px 9px;
	outline: none;
	position: relative;
	z-index: 2;
	width: 100% !important;
}

.chart-area {
	float: left;
	width: 100%;
}

.chart-box {
	float: left;
	width: 47%;
	padding-top: 30px;
}

.pie-chart {
	border-radius: 50%;
	height: var(--chartsize, 173px);
	width: var(--chartsize, 173px);
	background: transparent;
	/* box-shadow: inset 0px 0px 1px calc(var(--chartsize, 200px) / 30) rgba(250, 250, 220, 0.3), 0px 2px 8px -1px rgba(0, 0, 0, 0.3); */
}

.pie-chart.position {
	-webkit-transform: rotate(18deg);
	-moz-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	transform: rotate(18deg);
}

.chart-info {
	float: left;
	width: 44%;
}

.chart-info h4 {
	font-family: 'product_sansbold';
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color: #000;
	margin: 0 0 30px;
}

.chart-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.chart-info li {
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
}

.chart-info li span {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: block;
	float: left;
	margin-right: 20px;
}

.chart-info li strong {
	display: block;
	float: right;
	font-family: 'product_sansbold';
	font-size: 16px;
	line-height: 19px;
	padding-bottom: 27px !important;
	font-weight: normal;
	color: #000;
}

.block-user {
	float: left;
	width: 100%;
	padding: 21px 24px 45px;
}

.block-user h5 {
	font-family: 'product_sansbold';
	font-size: 24px;
	line-height: 29px;
	color: #000;
	font-weight: normal;
	margin: 0 0 22px;
}

.block-user a {
	background: #000;
	padding: 7px 30px 6px;
	border-radius: 8px;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	font-weight: normal;
	display: inline-block;
}

.block-user a:hover {
	background: #0E713A;
}

.projcet-cont {
	padding: 30px 20px;
	float: left;
	width: 100%;
}

.projcet-cont.odd {
	padding: 0;
}

div.dataTables_wrapper tbody td a.download {
	display: inline-block;
	vertical-align: middle;
	color: #000;
}

div.dataTables_wrapper tbody td a:hover {
	color: #000;
}

div.dataTables_wrapper tbody td figure {
	width: 36px;
}

.projcet-accordion {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}

.projcet-acc {
	width: 100%;
	float: left;
	border: 1px solid #B6C4BC;
	border-radius: 8px;
	margin-bottom: 20px;
}

.projcet-acc-trigger {
	float: left;
	width: 100%;
	padding-right: 75px;
	position: relative;
}

.projcet-acc-trigger.current::after {
	-webkit-transform: translateY(-50%) rotate(-44deg);
	-moz-transform: translateY(-50%) rotate(-44deg);
	-ms-transform: translateY(-50%) rotate(-44deg);
	transform: translateY(-50%) rotate(-44deg);
	margin-top: 10px;
}

.projcet-acc-trigger::after {
	border-width: 4px 4px 0 0;
	border-style: solid;
	border-color: #000;
	position: absolute;
	right: 25px;
	top: 43%;
	width: 20px;
	height: 20px;
	content: '';
	-webkit-transform: translateY(-50%) rotate(134deg);
	-moz-transform: translateY(-50%) rotate(134deg);
	-ms-transform: translateY(-50%) rotate(134deg);
	transform: translateY(-50%) rotate(134deg);
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-ms-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

.projcet-acc-trigger h2 {
	font-family: 'product_sansbold';
	font-size: 18px;
	line-height: 22px;
	color: #000;
	font-weight: normal;
	padding: 19px 35px;
}

.right_div {
	float: right;
	font-size: 0;
	display: none;
	position: absolute;
	right: 75px;
	top: 0;
	z-index: 8;
}

.right_div a.view_btn {
	display: inline-block !important;
	float: none !important;
	vertical-align: middle;
	margin-left: 20px !important;
}

.projcet-acc-trigger.current a.view_btn,
.projcet-acc-trigger.current .right_div {
	display: block;
}

.projcet-acc-trigger a.view_btn {
	background: #011485;
	border-radius: 8px;
	display: none;
	float: right;
	padding: 8px 21px 6px;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	margin: 14px 0;
}

.projcet-acc-trigger a.view_btn:hover {
	background: #000;
}

.projcet-acc-cont {
	float: left;
	width: 100%;
	padding: 30px 35px 0;
	border-top: 1px solid #B6C4BC;
}

.projcet-acc-cont ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.projcet-acc-cont li {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.projcet-acc-cont li strong {
	display: block;
	float: left;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	padding: 15px 0;
	width: 39.4%;
}

.projcet-acc-cont li input {
	width: 60.6%;
	float: left;
	border-radius: 12px;
	border: 1px solid #CCCCCC;
	outline: none;
	padding: 15px 16px 14px;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
}

.button1 {
	background: #112387;
	padding: 9px 20px 8px;
	font-size: 14px;
	line-height: 20px;
	color: #fff !important;
	text-align: center;
	font-weight: normal;
	border-radius: 8px;
	display: block;
	box-sizing: border-box;
	display: inline-block;
}

.button1:hover {
	background: #000;
}

.pushNotify-cont {
	float: left;
	width: 100%;
}

.pushNotify-cont .tabs_nav {
	margin-bottom: 30px;
}

.s-notify {
	float: left;
	width: 100%;
}

.send-notify-form {
	float: left;
	width: 100%;
	padding: 30px 36px 30px 36px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.send-notify-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.send-notify-form li {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.send-notify-form li strong {
	display: block;
	float: left;
	color: #000;
	width: 27.3%;
	padding: 16px 0;
	font-weight: normal;
}

.send-notify-form li .form_field {
	width: 72.7%;
	float: left;
	position: relative;
}

.send-notify-form li .form_field input,
.send-notify-form li .form_field select {
	background: transparent;
	width: 100%;
	height: auto;
	float: left;
	border: 1px solid #CCCCCC;
	border-radius: 12px;
	padding: 14px 16px;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	outline: none;
	position: relative;
	z-index: 2;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	max-width: 100px;
}

.send-notify-form li .form_field textarea {
	width: 100%;
	height: 137px;
	resize: none;
	float: left;
	border: 1px solid #CCCCCC;
	border-radius: 12px;
	padding: 14px 16px;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	outline: none;
}

.send-notify-form li .form_field .c-icon {
	width: 30px;
	position: absolute;
	right: 8px;
	top: 11px;
	z-index: 1;
}

.send-notify-form li .form_field .cl-icon {
	width: 25px;
	position: absolute;
	right: 15px;
	top: 13px;
	z-index: 1;
}

.send-notify-form li .form_field .cl-icon img {
	width: 100%;
}

.form_button {
	float: left;
	width: 100%;
	padding: 40px 0 64px;
	font-size: 0;
}

.form_button input,
.form_button a,
.form_button button {
	background: #000;
	width: 200px;
	margin-right: 50px;
	border-radius: 12px;
	padding: 12px 11px 10px;
	font-size: 15px;
	line-height: 18px;
	border: none;
	color: #fff;
}

.form_button .udpate_general_settings {
	background: #112387;
	width: 200px;
	margin-right: 50px;
	border-radius: 12px;
	padding: 12px 11px 10px;
	font-size: 15px;
	line-height: 18px;
	border: none;
	color: #fff;
}

.form_button input:hover,
.form_button a:hover,
.form_button button:hover {
	// background: #0E713A;
}

.form_button input:last-child,
.form_button a:last-child,
.form_button button:last-child {
	margin-right: 0;
}

.send-notify-form .user-activity-check {
	padding: 0;
}

.send-notify-form .user-activity-check .toggle {
	margin: 12px 0;
}

.input-group-addon {
	border: none;
	background: none;
}

.input-group {
	float: left;
	width: 100%;
	border: 1px solid #CCCCCC;
	border-radius: 12px;
}

.input-group input {
	border: none !important;
}

.input-group input:focus {
	box-shadow: none !important;
}

.input-group .glyphicon-calendar {
	background: url(images/calendar-icon.png) 0 0 no-repeat;
	background-size: contain;
	width: 24px;
	height: 25px;
	content: "";
}

.input-group .glyphicon-calendar:before {
	display: none;
}

.multiple_emails-container {
	border: 1px #00ff00 solid;
	border-radius: 1px;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	padding: 0;
	margin: 0;
	cursor: text;
	width: 100%;
}

/* .all-mail {
    position: absolute;
    width: 100%;
    left: 8px;
    top: 11px;
} */

.send-notify-form li .form_field.odd {
	width: 72.7%;
	float: left;
	border: 1px solid #CCCCCC;
	border-radius: 12px;
	padding: 10px 6px;
	height: 50px !important;
	overflow: hidden;
	overflow-x: auto;
}

.form_field.odd::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.form_field.odd {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

.send-notify-form li .form_field.odd .inner-width {
	display: flex;
	width: 2000px
}

.send-notify-form li .form_field.odd input {
	border: none;
	width: auto;
	padding: 0;
	line-height: 30px;
}

#viewPDF .modal-dialog {
	width: 96%;
	max-width: 736px;
}

#viewPDF .modal-content {
	background: #FCFFFD;
	border: none;
	padding: 0;
	border-radius: 12px;
}

#viewPDF .modal-content::after,
#viewPDF .modal-content::before {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	content: '';
}

#viewPDF .modal-header {
	border: none;
	padding: 0;
	width: 100%;
	float: left;
}

#viewPDF .modal-inner .logo {
	float: left;
	width: 110px;
	padding: 17px 15px 8px;
}

#viewPDF .modal-inner .map img {
	width: 100%;
	border-radius: 15px;
}

#viewPDF .modal-header .close {
	opacity: 1;
	width: 16px;
	position: absolute;
	right: 15px;
	top: 13px;
	z-index: 10;
}

#viewPDF .modal-body {
	padding: 0;
	float: left;
	width: 100%;
}

#viewPDF .modal-inner {
	width: 98%;
	margin: 0 auto;
}

#viewPDF .modal-inner table {
	width: 100%;
	border-top: 1px solid #D5D5D5;
}

#viewPDF .modal-inner table strong {
	display: inline-block;
	vertical-align: top;
	font-family: 'product_sansbold';
	font-size: 8px;
	line-height: 10px;
	color: #000;
	font-weight: normal;
}

#viewPDF .modal-inner table span {
	display: inline-block;
	vertical-align: top;
	font-size: 7px;
	line-height: 9px;
	color: #000;
	font-weight: normal;
}

#viewPDF .modal-inner table span em {
	display: block;
	font-size: 8px;
	line-height: 10px;
	padding-top: 4px;
}

#viewPDF .modal-inner table td {
	padding: 6px 8px;
	border: 1px solid #D5D5D5;
	border-bottom: none;
	text-align: left;
	vertical-align: middle;
}

.modal-inner .table1 td {
	width: 33.3%;
}

.modal-inner .table1 td:nth-child(1) strong {
	padding-right: 10px;
}

.modal-inner .table1 td:nth-child(2) strong {
	padding-right: 15px;
}

.modal-inner .table1 td:last-child strong {
	padding-right: 20px;
}

.modal-inner .table2 td {
	width: 25%;
}

.modal-inner .table2 td:first-child strong {
	padding-right: 11px;
}

.modal-inner .table2 td:nth-child(2) strong {
	padding-right: 16px;
}

.modal-inner .table2 td:nth-child(3) strong {
	padding-right: 10px;
}

.modal-inner .table2 td:last-child strong {
	padding-right: 10px;
}

#viewPDF .modal-inner table tbody {
	width: 100%;
}

.modal-inner .table2 strong,
.modal-inner .table2 span,
.modal-inner .table3 strong,
.modal-inner .table3 span {
	vertical-align: middle !important;
}

.modal-inner .table3 strong {
	padding-right: 10px;
}

.modal-inner .table3 td {
	width: 50%;
}

.modal-inner .table3 td:nth-child(2) strong {
	padding-right: 15px;
}

.modal-inner .table4 td {
	width: 33.3%;
}

.modal-inner .table4 td strong {
	padding-right: 22px;
}

.modal-inner .table4 td:nth-child(1) strong {
	padding-right: 42px;
}

.modal-inner .table5 td {
	width: 33.3%;
}

.modal-inner .table5 td:nth-child(1) strong {
	padding-right: 30px;
}

.modal-inner .table5 td:nth-child(2) strong {
	padding-right: 13px;
}

.modal-inner .table5 td:nth-child(3) strong {
	padding-right: 26px;
}

.modal-inner .table6 td {
	width: 33.3%;
}

.modal-inner .table6 td:nth-child(1) strong {
	padding-right: 12px;
}

.modal-inner .table6 td:nth-child(2) strong {
	padding-right: 20px;
}

.modal-inner .table6 td:nth-child(3) strong {
	padding-right: 14px;
}

.modal-inner .table7 td {
	width: 33.3%;
}

.modal-inner .table7 td:nth-child(1) strong {
	padding-right: 25px;
}

.modal-inner .table7 td:nth-child(2) strong {
	padding-right: 17px;
}

.modal-inner .table7 td:nth-child(3) strong {
	padding-right: 21px;
}

.modal-inner .table8 td {
	width: 50%;
	border-bottom: 1px solid #D5D5D5 !important;
}

.modal-inner .table8 td:nth-child(1) strong {
	padding-right: 22px;
}

.modal-inner .table8 td:nth-child(2) strong {
	padding-right: 15px;
}

#viewPDF table td:first-child {
	border-left: none !important;
}

#viewPDF table td:last-child {
	border-right: none !important;
}

#viewPDF .modal-inner .map {
	width: 100%;
	float: left;
	margin-bottom: 21px;
}

#viewPDF .modal-inner .map h3 {
	text-align: center;
	font-family: 'product_sansbold';
	border-bottom: 1px solid #D5D5D5;
	font-size: 7px;
	line-height: 9px;
	color: #000;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 7px 0;
}

.activity-cont h3.user {
	margin: 0px;
}

#viewPDF .modal-inner .map figure {
	width: 100%;
}

.settings-panel {
	float: left;
	width: 100%;
	border-radius: 8px;
	border: 1px solid #B6C4BC;
}

.settings-panel h3 {
	font-family: 'product_sansbold';
	font-size: 24px;
	line-height: 29px;
	color: #000;
	font-weight: normal;
	margin: 20px 30px;
}

.settings-panel .tabs_container {
	padding: 0;
	float: left;
	width: 100%;
}

.settings-form {
	float: left;
	width: 100%;
	padding: 0px;
	/* border-bottom: 1px solid #B6C4BC; */
}

.settings-form h3 {
	margin: 0 0 20px;
}

.settings-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.settings-form li {
	float: left;
	width: 100%;
	padding: 30px;
}

.settings-form strong {
	width: 25.7%;
	float: left;
	display: block;
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	padding: 15px 0 14px;
}

.settings-form .form-field {
	width: 60%;
	float: left;
	margin-bottom: 20px;
}

.settings-form .form-field .input-field {
	width: 380px;
	float: left;
}

.settings-form .form-field .input-field input {
	border: 1px solid #CCCCCC;
	border-radius: 12px;
	width: 100%;
	float: left;
	padding: 14px 16px;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	outline: none;
}

.upload-box {
	width: 380px;
	float: left;
	position: relative;
}

.yes {
	border: 1px solid #B2B2B2;
	border-radius: 6px;
	width: 100%;
	float: left;
	padding: 4px 0;
	position: relative;
	margin-bottom: 20px;
}

.yes::before {
	background: #E5E5E5;
	border-right: 1px solid #B2B2B2;
	border-radius: 6px 0 0 6px;
	height: 100%;
	padding: 9px 21px;
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 15px;
	position: absolute;
	left: 0;
	top: 0;
	content: 'Browser';
	z-index: 3;
}

.btn_upload {
	cursor: pointer;
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	padding: 5px 10px;
}

.btn_upload input {
	cursor: pointer;
	height: 100%;
	position: absolute;
	border: none !important;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 1;
	padding: 2px 0 !important;
	font-size: 15px;
	line-height: 18px;
	outline: none;
}

/* upload image */
.btn_upload {
	cursor: pointer;
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	/* color: #fff;
    background-color: #2a72d4;
    border: 1px solid #166b8a; */
	padding: 5px 10px;
}

/* .btn_upload:hover,
  .btn_upload:focus {
    background-color: #7ca9e6;
  } */

.yes {
	/* display: flex;
    align-items: flex-start;
    margin-top: 10px !important; */
	border: 1px solid #ccc;
	border-radius: 12px;
	width: 100%;
	float: left;
	padding: 9px 0;
	position: relative;
	margin-bottom: 20px;
}

.yes::before {
	background: #E5E5E5;
	border-right: 1px solid #ccc;
	border-radius: 12px 0 0 12px;
	height: 100%;
	padding: 15px 21px;
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 15px;
	position: absolute;
	left: 0;
	top: 0;
	content: 'Browser';
	z-index: 3;
}

.btn_upload input {
	cursor: pointer;
	height: 100%;
	position: absolute;
	/* filter: alpha(opacity=1);
    -moz-opacity: 0;
    opacity: 0; */
	border: none !important;
	left: 0;
	outline: none !important;
	top: 0;
	height: 100%;
	z-index: 1;
	padding: 2px 0 !important;
	font-size: 15px;
}


.it {
	height: 100px;
	margin-left: 10px;
}

.btn-rmv1,
.btn-rmv2,
.btn-rmv3,
.btn-rmv4,
.btn-rmv5 {
	display: none;
}

.rmv {
	cursor: pointer;
	color: #fff;
	border-radius: 30px;
	border: 1px solid #fff;
	display: inline-block;
	background: #429968;
	margin: -5px -10px;
}

.rmv:hover {
	background: red;
}

#ImgPreview,
#ImgPreview2,
#ImgPreview3 {
	width: 65px !important;
	border-radius: 6px;
	margin: 0 !important;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
}

#removeImage1,
#removeImage2,
#removeImage3 {
	position: absolute;
	width: 20px !important;
	height: 20px;
	border-radius: 50%;
	right: 18px;
	top: 5px;
	color: #fff;
	border: none !important;
	padding: 0 !important;
}

.previewBox {
	background: url(images/upload-img-icon.png) 0 0 no-repeat;
	background-size: cover;
	position: relative;
	clear: both;
	width: 98px;
	height: 98px;
	/* border: 1px solid #B6C4BC; */
	border-radius: 50%;
}

.previewBox img {
	margin: 15px;
}

.color_box {
	width: 150px;
	float: left;
	margin-right: 20px;
}

.color_box em {
	display: block;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	padding-bottom: 20px;
}

.color_box input {
	width: 150px !important;
	height: 46px !important;
	border: 1px solid #CCCCCC !important;
	border-radius: 12px !important;
	outline: none !important;
	padding: 0 0 0 48px !important;
}

.minicolors-theme-default .minicolors-swatch {
	top: 6px;
	left: 10px;
	width: 32px;
	height: 33px;
}

.check-notify {
	float: left;
	width: 100%;
	padding-bottom: 50px;
	padding: 30px;
}

.check-notify .check2 {
	width: 35px;
	height: 35px;
	border-radius: 5px;
	overflow: hidden;
	float: left;
	position: relative;
	margin-right: 20px;
}

.check-notify .check2 input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	z-index: 2;
	opacity: 0;
}

.check-notify .check2 input:checked+i {
	background-image: url(images/check-active.png);
}

.check-notify .check2 i {
	background: url(images/check.png) 0 0 no-repeat;
	width: 35px;
	height: 35px;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.check-notify label {
	float: left;
}

.check-notify label strong {
	display: block;
	font-size: 20px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	width: auto;
	float: none;
	padding: 0 0 6px;
}

.check-notify label small {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #969696;
	font-weight: normal;
}

.settings-form .form-field .input-field .link1 {
	font-size: 16px;
	line-height: 38px;
	font-weight: normal;
	color: #4285F4;
}

.settings-form .form-field .input-field .link1:hover {
	text-decoration: underline !important;
}

.month-picker {
	display: inline-block;
	position: absolute;
	z-index: 9999;
	width: 240px;
	border-radius: 8px;
	border: 1px solid #B6C4BC;
	padding-bottom: 15px;
}

/* .month-picker:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(14, 113, 58, 0);
	border-bottom-color: #0E713A;
    border-width: 9px;
    margin-left: -9px;
} */

.month-picker table {
	border-collapse: initial;
	border-spacing: 0;
	white-space: nowrap;
	width: 100%;
}

.month-picker-month-table td {
	height: auto;
	text-align: center;
	width: 33.3% !important;
	white-space: nowrap;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: none;
	background: transparent;
	font-weight: normal;
	color: #000;
	font-size: 15px;
	padding: 4px 0;
}

.month-picker .ui-button {
	font-size: 12px;
}

.month-picker-header {
	margin: 0;
	background: #112387;
	border-radius: 8px 8px 0 0;
	border: none;
}


.track-user-activity .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 30px;
}

.track-user-activity .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.track-user-activity .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.track-user-activity .slider:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.track-user-activity input:checked+.slider {
	background-color: #112387;
}

.track-user-activity input:focus+.slider {
	box-shadow: 0 0 1px #112387;
}

.track-user-activity input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.track-user-activity .slider.round {
	border-radius: 34px;
}

.track-user-activity .slider.round:before {
	border-radius: 50%;
}

.track-user-activity-label {
	margin: 0px 55px 0 0px;
	font-weight: bold;
	position: relative;
	top: 8px;
}


.month-picker-year-table .month-picker-title .ui-button {
	border: none !important;
	background: transparent !important;
	font-size: 14px;
	padding: 9px 18px 9px 13px;
	width: 100%;
	font-weight: normal;
	height: auto;
	color: #fff !important;
}

.month-picker table tr {
	text-align: center;
	/* font-size: 0; */
}

.month-picker table tr td {
	display: inline-block;
}

.month-picker-year-table .ui-button {
	font-size: 0;
	width: auto;
	height: auto;
	cursor: default;
	margin: 0 0;
	background: transparent !important;
	border: none;
}

.ui-widget-header .ui-icon {
	background: transparent;
}

.month-picker-previous .ui-icon {
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	width: 10px;
	height: 10px;
	top: -1px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.month-picker-next .ui-icon {
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	width: 10px;
	height: 10px;
	top: -1px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.month-picker-month-table .ui-button {
	width: auto;
	margin: 10px 0;
}

.mapBox {
	width: 100%;
	float: left;
	text-align: center;
	padding: 20px 0;
}

.mapBox img {
	display: inline-block;
}

.mob-cont {
	display: none;
}

.dash-cont-panel2 {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}

.dash-cont-panel2 .panel2-holder {
	list-style: none;
	margin: 0 -1.5%;
	padding: 0;
}

.dash-cont-panel2 .panel2-inner {
	width: 47%;
	float: left;
	margin: 0 1.5%;
	border: 1px solid #B6C4BC;
	border-radius: 20px;
}

.dash-cont-panel2 .panel2-inner .activity-cont {
	width: 100%;
	border: none !important;
}

.pie-chart.position3 {
	-webkit-transform: rotate(29deg);
	-moz-transform: rotate(29deg);
	-ms-transform: rotate(29deg);
	transform: rotate(29deg);
}

.line-chart {
	float: left;
	width: 100%;
}

.line-chart figure {
	display: block;
	margin: 0;
}

.line-chart figure img {
	width: 100%;
}

.dashboard-content strong {
	font-size: 25px;
	padding-bottom: 4px;
}

.notification {
	background: #fff;
	width: 375px;
	border-radius: 12px;
	box-shadow: 5px 5px 12px 5px 5px 12px rgb(37 35 35 / 13%);
	border: 1px solid #E5E5E5;
	min-height: 400px;
	position: absolute;
	right: -41px;
	top: 49px;
	z-index: 99;
	display: none;
}

.notification:after,
.notification:before {
	bottom: 100%;
	left: 85%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.notification:after {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #ffff;
	border-width: 10px;
	margin-left: -10px;
}

.notification:before {
	border-color: rgba(229, 229, 229, 0);
	border-bottom-color: #E5E5E5;
	border-width: 11px;
	margin-left: -11px;
}

.notification h3 {
	font-family: 'product_sansbold';
	font-size: 16px;
	line-height: 37px;
	color: #000;
	font-weight: normal;
	// border-bottom: 1px solid #E5E5E5;
	padding: 5px 12px;
	margin: 0;
}

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

.notification li {
	width: 100%;
	float: left;
	// border-bottom: 1px solid #E5E5E5;
}

.notification li:last-child {
	border: none;
}

.notification li a {
	display: block;
	padding: 11px;
	background-color: #e2e5f069;
	margin: 5px 15px;
	border-radius: 10px;
}

.notification li a:hover {
	// background: #C8F8DD;
}

.notification li figure {
	width: 45px;
	height: 50px;
	border-radius: 50%;
	float: left;
	margin: 0px 14px 0 0;
}

.notification li figure img {
	width: 100%;
}

.notification li strong {
	display: block;
	font-family: 'product_sansbold';
	font-size: 15px;
	line-height: 20px;
	color: #000;
	font-weight: normal;
	padding-bottom: 7px;
}

.notification li p {
	font-size: 13px;
	line-height: 20px;
	color: #a7a8ad;
	font-weight: normal;
	overflow: hidden;
	margin: 0;
}

/* Datepicker */
.ui-datepicker {
	display: none;
	background-color: #fff;
	box-shadow: 0 3px 6px #bbb;
	margin-top: 0.25rem;
	padding: 0;
	border-radius: 12px;
	overflow: hidden;
	width: 300px;
}

.ui-datepicker-calendar {
	margin-top: 10px;
	width: 100%;
	float: left;
}

.ui-datepicker-calendar table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.ui-datepicker-calendar thead th {
	font-family: 'product_sansbold';
	padding: 0.25rem 0;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	color: #353535;
}

.ui-datepicker-calendar tbody td {
	width: auto;
	text-align: center;
	padding: 0;
}

.ui-datepicker-calendar tbody td a {
	display: block;
	border-radius: 50%;
	line-height: 2rem;
	transition: 0.3s all;
	color: #353535;
	font-size: 0.875rem;
	text-decoration: none;
	width: 2rem;
	height: 2rem;
	line-height: 25px;
	margin: 0 auto !important;
}

.ui-datepicker-calendar tbody td a:hover {
	background: #C8F8DD;
	color: #000;
}

.ui-datepicker-calendar tbody td a.ui-state-active {
	background: #0E713A;
	color: #ffffff;
}

.ui-datepicker-calendar tbody td a.ui-state-highlight {
	color: #0E713A;
	border: 1px solid #0E713A;
}

.ui-datepicker-header {
	background: #112387;
	float: left;
	width: 100%;
}

.form_button .update_user_setting {
	background: #112387;
}

.ui-datepicker-header a span {
	display: none;
}

.ui-datepicker-header a.ui-corner-all {
	cursor: pointer;
	position: absolute;
	top: 0;
	width: 25px;
	height: 25px;
	margin: 0.5rem;
	border-radius: 0.5rem;
}

.ui-datepicker-header a.ui-datepicker-prev {
	left: 0;
}

.ui-datepicker-header a.ui-datepicker-prev::after {
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	left: 10px;
	top: 7px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.ui-datepicker-header a.ui-datepicker-next {
	right: 0;
}

.ui-datepicker-header a.ui-datepicker-next::after {
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	left: 4px;
	top: 7px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ui-datepicker-title {
	text-align: center;
	line-height: normal;
	font-size: 15px;
	font-weight: normal;
	padding: 13px 0;
	color: #fff;
}

.ui-datepicker-week-col {
	color: #353535;
	font-weight: 400;
	font-size: 0.75rem;
}

/* Timepicker */
.timepicker_wrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #00000082;
	width: 100%;
	height: 100vh;
}

.timepicker_hour,
.timepicker_minute,
.timepicker_ampm {
	scroll-behavior: smooth;
	-ms-overflow-style: none;
	scrollbar-width: none;
	border: 1px solid #80808080;
	color: #0000009e;
	font-weight: bold;
}

.timepicker_hour::-webkit-scrollbar,
.timepicker_minute::-webkit-scrollbar,
.timepicker_ampm::-webkit-scrollbar {
	display: none;
}

.timepicker_hour option,
.timepicker_minute option,
.timepicker_ampm option {
	font-weight: bold;
	padding: 5px 25px;
}

.timepicker_control {
	text-align: end;
	margin-top: 5px;
	margin-bottom: 10px;
}

.timepicker_control button {
	padding: 7px 15px;
	border: none;
	font-weight: bold;
	background-color: green;
	color: white;
	margin-left: 8px;
}

.timepicker_wrapper_main {
	width: fit-content;
	border: 1px solid gray;
	padding: 0px 12px;
}

.timepicker_control button:first-child {
	background-color: #ff0000db;
	color: white;
	margin-right: 15px;
}

.timepicker_header {
	text-align: center;
	color: #0000008a;
	margin: 5px 0px;
}


/*
font-family: 'product_sansbold';
font-family: 'product_sansregular';
*/
.chart-area #map {
	height: 100%;
	max-height: 340px;
}

.dashboard-content .chart-area #map span {
	font-size: 16px;
	line-height: 50px;
	color: #fff;
	font-weight: normal;
	padding-bottom: 0;
}

.user-filter select {
	min-width: 300px;
	padding: 10px;
	margin: 10px 0;
	border-radius: 10px;
	border: 1px solid #ccc;
}

.alert-dark {
	color: #ffffff;
	background-color: #00000085;
	border-color: #000;
}

>>>>>>>30a195e12fc3926d9724165d9fb495a96970d98a .custom-table-scroll {
	/* width: 1016px; */
	/* white-space: nowrap; */
	width: 100%;
	float: left;
}

/*Table Start*/
.DBTable {
	float: left;
	width: 100%;
	padding-top: 14px;
}

div.dataTables_wrapper {
	float: left;
	width: 100%;
}

.dataTables_scroll {
	border: 1px solid #B6C4BC;
	border-radius: 8px;
}

.table-bordered {
	border-color: #BFBFBF !important;
}

table.table-bordered.dataTable {
	cursor: grab;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	border: none;
}

::-webkit-scrollbar,
::-moz-scrollbar {
	width: 0px;
	height: 10px;
}

/* button */
::-webkit-scrollbar-button,
::-moz-scrollbar-button {
	background: #222;
	display: none;
}

/* Handle */
::-webkit-scrollbar-thumb,
::-moz-scrollbar-thumb {
	background: #56af7d;
	border-radius: 8px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover,
::-moz-scrollbar-thumb:hover {
	background: #0E713A;
}

/* Track */
::-webkit-scrollbar-track,
::-moz-scrollbar-track {
	background: #C8F8DD;
	border-radius: 8px;
}

.schedule-notification-check {
	width: 25px !important;
	height: 25px !important;
	margin: -5px 10px !important;
}

.schedule-notification-check:checked {
	background-color: red !important;
	transform: scale(1.25);
}

.send-notify-form .timezone li {
	width: 50%;
}

.send-notify-form .timezone li strong:first-child {
	width: 55%;
}

.send-notify-form .timezone li .form_field {
	width: 45%;
}

#dvContainer {
	display: none;
}

/* The track NOT covered by the handle.
::-webkit-scrollbar-track-piece {
    background: #000;
>>>>>>> 30a195e12fc3926d9724165d9fb495a96970d98a
}

/* Corner */

::-webkit-scrollbar-corner,
::-moz-scrollbar-corner {
	background: #999;
}

/* Resizer */

::-webkit-resizer,
::-moz-resizer {
	background: #111;
}

.dataTables_scrollHead table {
	border-radius: 0;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
	border-bottom: 1px solid #B6C4BC;
	border-radius: 0;
}

table.table-bordered.dataTable tbody tr:last-child td {
	border-bottom: none;
}

.dataTables_scrollHead table th:first-child {
	border-radius: 0;
}

.dataTables_scrollHead table th:last-child {
	border-radius: 0;
}

.dataTables_scrollBody {
	cursor: pointer;
}

.dataTables_scrollBody.active {
	cursor: grabbing;
	cursor: -webkit-grabbing;
}

.dataTables_scrollBody table {
	border-radius: 0;
}

.dataTables_scrollBody table td:first-child {
	border-radius: 0;
}

.dataTables_scrollBody table td:last-child {
	border-radius: 0 0 6px 0;
	position: relative;
}

.table>thead>tr>th {
	border-width: 1px;
}

div.dataTables_wrapper thead th {
	white-space: nowrap;
	background: #e2e5f0;
	padding: 16px 28px;
	vertical-align: middle;
	font-family: 'product_sansbold';
	font-size: 15px;
	color: #000;
	text-align: left;
	border-left: none;
	border-right: none;
}

div.dataTables_wrapper tbody td {
	background: transparent;
	font-size: 14px;
	color: #000;
	white-space: nowrap;
	padding: 15px 28px;
	vertical-align: middle;
}

div.dataTables_wrapper div.dataTables_length {
	float: left;
	margin: 16px 0 27px;
	position: relative;
}

div.dataTables_wrapper div.dataTables_length::after {
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #000;
	position: absolute;
	right: 12px;
	top: 11px;
	content: '';
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

div.dataTables_wrapper div.dataTables_length label {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 19px;
	font-size: 16px;
	margin: 0;
	color: #000;
}

div.dataTables_wrapper div.dataTables_length select {
	width: 85px;
	outline: none;
	height: 36px;
	border: 1px solid #B6C4BC;
	color: #000;
	font-size: 14px;
	padding: 0 13px;
	border-radius: 6px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	margin-left: 20px;
}

div.dataTables_wrapper div.dataTables_filter {
	float: right;
	margin: 16px 0 27px;
	position: relative;
}

div.dataTables_wrapper div.dataTables_filter label {
	margin: 0;
	font-size: 0;
	line-height: 20px;
	position: relative;
}

div.dataTables_wrapper div.dataTables_filter::before {
	background: url(images/search-icon.png) 0 0 no-repeat;
	background-size: 17px;
	position: absolute;
	left: 12px;
	top: 10px;
	content: '';
	width: 17px;
	height: 17px;
}

div.dataTables_wrapper div.dataTables_filter input {
	background: transparent;
	margin-left: 0 !important;
	display: inline-block;
	width: 275px;
	border: 1px solid #BFBFBF;
	border-radius: 6px;
	outline: none;
	height: 36px;
	padding: 0 5px 0 47px;
	font-size: 14px;
	color: #000;
	position: relative;
}

table.dataTable {
	margin-top: 0 !important;
}

table.dataTable thead .sorting_asc:after {
	background: url(images/toggle-icon-active.png) 0 0 no-repeat;
	background-size: contain;
	width: 14px;
	height: 13px;
	opacity: 1;
	content: "";
	bottom: 17px;
	/* display: none; */
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_desc:after {
	background: url(images/toggle-icon.png) 0 0 no-repeat;
	background-size: contain;
	width: 14px;
	height: 13px;
	opacity: 1;
	content: "";
	bottom: 17px;
	/* display: none; */
}

/* .dataTables_scrollHeadInner,
div.dataTables_scrollHead table.table-bordered {
width: 100% !important;
} */

.d_table_area .dataTables_scroll {
	position: relative;
	overflow: auto;
	width: 100%;
	border: 1px solid #B6C4BC;
}

/* .d_table_area .dataTables_scrollHeadInner, div.dataTables_scrollHead {
overflow: visible !important;
float: left;
} */
<<<<<<< HEAD .d_table_area div.dataTables_wrapper .dataTables_scrollBody {
	overflow: initial !important;
}

div.dataTables_wrapper div.dataTables_info {
	padding-top: 35px;
	float: left;
	font-size: 15px;
	color: #000;
	font-weight: normal;
}

div.dataTables_wrapper div.dataTables_paginate {
	margin: 50px 0 0;
	float: right;
}

div.dataTables_wrapper div.dataTables_paginate a.previous {
	background: #B6C4BC;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: relative;
	font-size: 0;
	margin-right: 5px;
	display: inline-block;
	vertical-align: top;
}

// div.dataTables_wrapper div.dataTables_paginate a.previous::after {
//     border-width: 2px 2px 0 0;
//     border-style: solid;
//     border-color: #90A699;
//     position: absolute;
//     right: 7px;
//     top: 11px;
//     content: '';
//     width: 10px;
//     height: 10px;
//     -webkit-transform: rotate(227deg);
//     -moz-transform: rotate(227deg);
//     -ms-transform: rotate(227deg);
//     transform: rotate(227deg);
//     --webkittransition: all ease-in-out 0.2s;
//     -moz-transition: all ease-in-out 0.2s;
//     -ms-transition: all ease-in-out 0.2s;
//     transition: all ease-in-out 0.2s;
// }
div.dataTables_wrapper div.dataTables_paginate a.previous::before {
	content: "\f060";
	font-family: FontAwesome;
	font-size: 18px;
	display: inline-block;
	font-size: 17px;
	transform: scaleY(0.8);
}

div.dataTables_wrapper div.dataTables_paginate a.next {
	background: #B6C4BC;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: relative;
	font-size: 0;
	margin-left: 5px;
	display: inline-block;
	vertical-align: top;
}

// div.dataTables_wrapper div.dataTables_paginate a.next::after {
//     border-width: 2px 2px 0 0;
//     border-style: solid;
//     border-color: #000;
//     position: absolute;
//     right: 11px;
//     top: 11px;
//     content: '';
//     width: 10px;
//     height: 10px;
//     -webkit-transform: rotate(45deg);
//     -moz-transform: rotate(45deg);
//     -ms-transform: rotate(45deg);
//     transform: rotate(45deg);
//     --webkittransition: all ease-in-out 0.2s;
//     -moz-transition: all ease-in-out 0.2s;
//     -ms-transition: all ease-in-out 0.2s;
//     transition: all ease-in-out 0.2s;
// }
div.dataTables_wrapper div.dataTables_paginate a.next::before {
	content: "\f061";
	font-family: FontAwesome;
	font-size: 18px;
	display: inline-block;
	font-size: 17px;
	transform: scaleY(0.8);
}

div.dataTables_wrapper div.dataTables_paginate a {
	background: #B6C4BC;
	line-height: 30px !important;
	height: 30px;
	width: 30px;
	padding: 0;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	color: #000;
	display: inline-block;
	outline: none;
	border-radius: 50%;
	margin: 0 5px;
	cursor: pointer;
}

div.dataTables_wrapper div.dataTables_paginate span a.current,
div.dataTables_wrapper div.dataTables_paginate a:hover {
	background: #112387;
	color: #fff;
}

div.dataTables_wrapper div.dataTables_paginate a:hover::after {
	border-color: #B6C4BC;
}

.dataTables_length {
	padding-left: 21px;
}

.dataTables_filter {
	padding-right: 21px;
}

/*table End*/

.active-tag,
.deactive-tag,
.blocked-tag,
.unblocked-tag {
	width: 100px;
	padding: 5px;
	font-size: 14px;
	line-height: 20px;
	color: #fff !important;
	text-align: center;
	font-weight: normal;
	border-radius: 8px;
	display: block;
	box-sizing: border-box;
}

.active-tag {
	background: #0E713A;
}

.deactive-tag {
	background: #FC5D5D;
}

.blocked-tag {
	background: #000;
}

.unblocked-tag {
	background: #B6C4BC;
}

table.dataTable.nowrap td a.settings-btn {
	width: 19px;
	display: inline-block;
	margin-top: 5px;
}

.action-box {
	background: #fff;
	border-radius: 8px;
	box-shadow: 5px 5px 12px rgb(172 172 172);
	right: 150px;
	top: 55px;
	position: absolute;
	width: 119px;
	z-index: 9999;
	display: none;
}

.aboulute {
	right: 50px;
	top: 8px;
	position: relative;
	bottom: inherit !important;
}

.action-box:after,
.action-box:before {
	bottom: 100%;
	left: 76%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.action-box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.action-box:before {
	border-color: rgba(182, 196, 188, 0);
	border-bottom-color: #B6C4BC;
	border-width: 11px;
	margin-left: -11px;
}

.action-box>a {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	font-weight: normal;
	display: block;
	padding: 7px 17px;
}

.action-box>a:hover {
	background: #C8F8DD;
}

.action-box>a img {
	width: 21px;
	margin: 0 14px 0 0;
	display: inline-block;
	vertical-align: middle;
}

.action-box>a:nth-child(2) img {
	width: 17px;
	margin: 0 16px 0 2px;
}

.action-box>a:nth-child(3) img {
	width: 10px;
	margin: 0 19px 0 5px;
}

.dashboard-content .dataTables_paginate {
	display: none;
}

.chkBoxArea {
	position: relative;
}

.chkBoxArea label {
	display: block;
	margin: 0;
	font-weight: normal;
}

.chkBoxArea figure {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	border-radius: 3px;
	overflow-y: hidden;
	margin: -3px 7px 0 0;
}

.chkBoxArea figure>input {
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	z-index: 2;
	opacity: 0;
}

.chkBoxArea figure i {
	background: url(images/check.png) 0 0 no-repeat;
	background-size: contain !important;
	width: 16px;
	height: 16px;
	border-radius: 3px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}

.chkBoxArea figure>input:checked+i {
	background: url(images/check-active.png);
}

div.dataTables_wrapper tbody tr:last-child .action-box,
div.dataTables_wrapper tbody tr:nth-last-child(2) .action-box {
	bottom: 50px;
	top: inherit;
}

div.dataTables_wrapper tbody tr:last-child .action-box::before,
div.dataTables_wrapper tbody tr:last-child .action-box::after,
div.dataTables_wrapper tbody tr:nth-last-child(2) .action-box::before,
div.dataTables_wrapper tbody tr:nth-last-child(2) .action-box::after {
	display: none !important;
}

.user-page-content {
	float: left;
	width: 100%;
}

.dataTable_download_btn {
	float: left;
	font-size: 0;
	position: relative;
	margin-top: -37px;
}

.dataTable_download_btn input[type="button"] {
	// background: #B6C4BC;
	width: 160px;
	border-radius: 8px;
	text-align: center;
	padding: 7px 16px 6px;
	// color: #000;
	margin-right: 20px;
	font-size: 14px;
	border: none;
	outline: none;
}

.dataTable_download_btn input[type="button"]:hover {
	background: #000;
	color: #fff;
}

.right-box {
	float: right;
	position: relative;
	margin-top: -70px;
}

.right-box .active-tag,
.right-box .deactive-tag,
.right-box .blocked-tag,
.right-box .unblocked-tag {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.user-view-content {
	float: left;
	width: 100%;
	border: 1px solid #B6C4BC;
	border-radius: 8px;
	padding: 20px 0 0;
	margin-bottom: 235px;
}

.user-view-content ul {
	list-style: none;
	margin: 0;
	padding: 0 29px;
}

.user-view-content li {
	float: left;
	width: 20%;
}

.user-view-content li strong {
	display: block;
	font-family: 'product_sansbold';
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	padding-bottom: 27px;
}

.user-view-content li span {
	display: block;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
}

.user-activity-check {
	float: left;
	width: 100%;
	padding: 34px 29px;
}

.user-activity-check strong {
	display: inline-block;
	vertical-align: middle;
	font-family: 'product_sansbold';
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	padding-right: 55px;
}

.user-activity-check .toggle {
	width: 52px;
	height: 26px;
	border-radius: 13px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.user-activity-check .toggle input {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	margin: 0;
	opacity: 0;
}

.user-activity-check .toggle input:checked+i {
	background-image: url(images/toggle-active.png);
}

.user-activity-check .toggle i {
	background: url(images/toggle.png) 0 0 no-repeat;
	background-size: contain;
	width: 52px;
	height: 26px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.custom_tabs1 {
	float: left;
	width: 100%;
}

.custom_tabs1>.tabs_nav {
	float: left;
	width: 100%;
	border-bottom: 1px solid #B6C4BC;
	font-size: 0;
}

.custom_tabs1>.tabs_nav a {
	width: 200px;
	display: inline-block;
	vertical-align: middle;
	border-bottom: 4px solid transparent;
	padding: 10px 0;
	text-align: center;
	font-family: 'product_sansbold';
	font-size: 15px;
	line-height: 18px;
	color: #000;
	position: relative;
	margin-bottom: -1px;
}

.custom_tabs1>.tabs_nav a.current,
.custom_tabs1>.tabs_nav a:hover {
	color: #112387;
	border-color: #112387;
}

.custom_tabs1>.tabs_container {
	float: left;
	width: 100%;
}

.downloadPdf {
	background-color: #000;
}

.custom_tabs1>.tabs_container>div {
	display: none;
	width: 100%;
	float: left;
}

.activity-cont-holder {
	float: left;
	width: 100%;
	border-bottom: 1px solid #B6C4BC;
}

.activity-cont {
	width: 50%;
	float: left;
	padding: 30px 16px 30px 21px;
	border-right: 1px solid #B6C4BC !important;
}

.activity-cont:last-child {
	border-right: none !important;
}

.activity-cont h3 {
	font-family: 'product_sansbold';
	font-size: 24px;
	line-height: 29px;
	color: #000;
	font-weight: normal;
	margin: 0 0 95px;
	float: left;
}

.activity-cont .month-view {
	float: right;
	width: 153px;
	position: relative;
}

.activity-cont .month-view::after {
	border-width: 2px 2px 0 0;
	border-color: #000;
	border-style: solid;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 12px;
	top: 11px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	content: '';
}

.activity-cont .month-view input {
	background: transparent;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
	border: 1px solid #B6C4BC;
	border-radius: 8px;
	padding: 10px 15px 9px;
	outline: none;
	position: relative;
	z-index: 2;
	width: 100% !important;
}

.chart-area {
	float: left;
	width: 100%;
}

.chart-box {
	float: left;
	width: 47%;
	padding-top: 30px;
}

.pie-chart {
	border-radius: 50%;
	height: var(--chartsize, 173px);
	width: var(--chartsize, 173px);
	background: transparent;
	/* box-shadow: inset 0px 0px 1px calc(var(--chartsize, 200px) / 30) rgba(250, 250, 220, 0.3), 0px 2px 8px -1px rgba(0, 0, 0, 0.3); */
}

.pie-chart.position {
	-webkit-transform: rotate(18deg);
	-moz-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	transform: rotate(18deg);
}

.chart-info {
	float: left;
	width: 44%;
}

.chart-info h4 {
	font-family: 'product_sansbold';
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color: #000;
	margin: 0 0 30px;
}

.chart-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.chart-info li {
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
}

.chart-info li span {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: block;
	float: left;
	margin-right: 20px;
}

.chart-info li strong {
	display: block;
	float: right;
	font-family: 'product_sansbold';
	font-size: 16px;
	line-height: 19px;
	padding-bottom: 27px !important;
	font-weight: normal;
	color: #000;
}

.block-user {
	float: left;
	width: 100%;
	padding: 21px 24px 45px;
}

.block-user h5 {
	font-family: 'product_sansbold';
	font-size: 24px;
	line-height: 29px;
	color: #000;
	font-weight: normal;
	margin: 0 0 22px;
}

.block-user a {
	background: #000;
	padding: 7px 30px 6px;
	border-radius: 8px;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	font-weight: normal;
	display: inline-block;
}

.block-user a:hover {
	background: #0E713A;
}

.projcet-cont {
	padding: 30px 20px;
	float: left;
	width: 100%;
}

.projcet-cont.odd {
	padding: 0;
}

div.dataTables_wrapper tbody td a.download {
	display: inline-block;
	vertical-align: middle;
	color: #000;
}

div.dataTables_wrapper tbody td a:hover {
	color: #000;
}

div.dataTables_wrapper tbody td figure {
	width: 36px;
}

.projcet-accordion {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}

.projcet-acc {
	width: 100%;
	float: left;
	border: 1px solid #B6C4BC;
	border-radius: 8px;
	margin-bottom: 20px;
}

.projcet-acc-trigger {
	float: left;
	width: 100%;
	padding-right: 75px;
	position: relative;
}

.projcet-acc-trigger.current::after {
	-webkit-transform: translateY(-50%) rotate(-44deg);
	-moz-transform: translateY(-50%) rotate(-44deg);
	-ms-transform: translateY(-50%) rotate(-44deg);
	transform: translateY(-50%) rotate(-44deg);
	margin-top: 10px;
}

.projcet-acc-trigger::after {
	border-width: 4px 4px 0 0;
	border-style: solid;
	border-color: #000;
	position: absolute;
	right: 25px;
	top: 43%;
	width: 20px;
	height: 20px;
	content: '';
	-webkit-transform: translateY(-50%) rotate(134deg);
	-moz-transform: translateY(-50%) rotate(134deg);
	-ms-transform: translateY(-50%) rotate(134deg);
	transform: translateY(-50%) rotate(134deg);
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-ms-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

.projcet-acc-trigger h2 {
	font-family: 'product_sansbold';
	font-size: 18px;
	line-height: 22px;
	color: #000;
	font-weight: normal;
	padding: 19px 35px;
}

.right_div {
	float: right;
	font-size: 0;
	display: none;
	position: absolute;
	right: 75px;
	top: 0;
	z-index: 8;
}

.right_div a.view_btn {
	display: inline-block !important;
	float: none !important;
	vertical-align: middle;
	margin-left: 20px !important;
}

.projcet-acc-trigger.current a.view_btn,
.projcet-acc-trigger.current .right_div {
	display: block;
}

.projcet-acc-trigger a.view_btn {
	background: #011485;
	border-radius: 8px;
	display: none;
	float: right;
	padding: 8px 21px 6px;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	margin: 14px 0;
}

.projcet-acc-trigger a.view_btn:hover {
	background: #000;
}

.projcet-acc-cont {
	float: left;
	width: 100%;
	padding: 30px 35px 0;
	border-top: 1px solid #B6C4BC;
}

.projcet-acc-cont ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.projcet-acc-cont li {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.projcet-acc-cont li strong {
	display: block;
	float: left;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	padding: 15px 0;
	width: 39.4%;
}

.projcet-acc-cont li input {
	width: 60.6%;
	float: left;
	border-radius: 12px;
	border: 1px solid #CCCCCC;
	outline: none;
	padding: 15px 16px 14px;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
}

.button1 {
	background: #0E713A;
	padding: 9px 20px 8px;
	font-size: 14px;
	line-height: 20px;
	color: #fff !important;
	text-align: center;
	font-weight: normal;
	border-radius: 8px;
	display: block;
	box-sizing: border-box;
	display: inline-block;
}

.button1:hover {
	background: #000;
}

.pushNotify-cont {
	float: left;
	width: 100%;
}

.pushNotify-cont .tabs_nav {
	margin-bottom: 30px;
}

.s-notify {
	float: left;
	width: 100%;
}

.send-notify-form {
	float: left;
	width: 100%;
	padding: 30px 36px 30px 36px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.send-notify-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.send-notify-form li {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.send-notify-form li strong {
	display: block;
	float: left;
	color: #000;
	width: 27.3%;
	padding: 16px 0;
	font-weight: normal;
}

.send-notify-form li .form_field {
	width: 72.7%;
	float: left;
	position: relative;
}

.send-notify-form li .form_field input {
	background: transparent;
	width: 100%;
	height: auto;
	float: left;
	border: 1px solid #CCCCCC;
	border-radius: 12px;
	padding: 14px 16px;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	outline: none;
	position: relative;
	z-index: 2;
}

.send-notify-form li .form_field textarea {
	width: 100%;
	height: 137px;
	resize: none;
	float: left;
	border: 1px solid #CCCCCC;
	border-radius: 12px;
	padding: 14px 16px;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	outline: none;
}

.send-notify-form li .form_field .c-icon {
	width: 30px;
	position: absolute;
	right: 8px;
	top: 11px;
	z-index: 1;
}

.send-notify-form li .form_field .cl-icon {
	width: 25px;
	position: absolute;
	right: 15px;
	top: 13px;
	z-index: 1;
}

.send-notify-form li .form_field .cl-icon img {
	width: 100%;
}

.form_button {
	float: left;
	width: 100%;
	padding: 40px 30px 64px;
	font-size: 0;
}

.form_button input,
.form_button a,
.form_button button {
	background: #000;
	width: 200px;
	margin-right: 50px;
	border-radius: 12px;
	padding: 12px 11px 10px;
	font-size: 15px;
	line-height: 18px;
	border: none;
	color: #fff;
}

.form_button input:hover,
.form_button a:hover,
.form_button button:hover {
	// background: #0E713A;
}

.form_button input:last-child,
.form_button a:last-child,
.form_button button:last-child {
	margin-right: 0;
}

.send-notify-form .user-activity-check {
	padding: 0;
}

.send-notify-form .user-activity-check .toggle {
	margin: 12px 0;
}

.input-group-addon {
	border: none;
	background: none;
}

.input-group {
	float: left;
	width: 100%;
	border: 1px solid #CCCCCC;
	border-radius: 12px;
}

.input-group input {
	border: none !important;
}

.input-group input:focus {
	box-shadow: none !important;
}

.input-group .glyphicon-calendar {
	background: url(images/calendar-icon.png) 0 0 no-repeat;
	background-size: contain;
	width: 24px;
	height: 25px;
	content: "";
}

.input-group .glyphicon-calendar:before {
	display: none;
}

.multiple_emails-container {
	border: 1px #00ff00 solid;
	border-radius: 1px;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	padding: 0;
	margin: 0;
	cursor: text;
	width: 100%;
}

/* .all-mail {
position: absolute;
width: 100%;
left: 8px;
top: 11px;
=======

.d_table_area div.dataTables_wrapper .dataTables_scrollBody {
    overflow: initial !important;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 35px;
    float: left;
    font-size: 15px;
    color: #000;
    font-weight: normal;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 50px 0 0;
    float: right;
}

div.dataTables_wrapper div.dataTables_paginate a.previous {
    background: #B6C4BC;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    font-size: 0;
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
}

// div.dataTables_wrapper div.dataTables_paginate a.previous::after {
//     border-width: 2px 2px 0 0;
//     border-style: solid;
//     border-color: #90A699;
//     position: absolute;
//     right: 7px;
//     top: 11px;
//     content: '';
//     width: 10px;
//     height: 10px;
//     -webkit-transform: rotate(227deg);
//     -moz-transform: rotate(227deg);
//     -ms-transform: rotate(227deg);
//     transform: rotate(227deg);
//     --webkittransition: all ease-in-out 0.2s;
//     -moz-transition: all ease-in-out 0.2s;
//     -ms-transition: all ease-in-out 0.2s;
//     transition: all ease-in-out 0.2s;
// }
div.dataTables_wrapper div.dataTables_paginate a.previous::before {
        content: "\f060";
        font-family: FontAwesome;
        font-size: 18px;
        display: inline-block;
        font-size: 17px;
        transform: scaleY(0.8);
}
div.dataTables_wrapper div.dataTables_paginate a.next {
    background: #B6C4BC;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: relative;
    font-size: 0;
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
}

// div.dataTables_wrapper div.dataTables_paginate a.next::after {
//     border-width: 2px 2px 0 0;
//     border-style: solid;
//     border-color: #000;
//     position: absolute;
//     right: 11px;
//     top: 11px;
//     content: '';
//     width: 10px;
//     height: 10px;
//     -webkit-transform: rotate(45deg);
//     -moz-transform: rotate(45deg);
//     -ms-transform: rotate(45deg);
//     transform: rotate(45deg);
//     --webkittransition: all ease-in-out 0.2s;
//     -moz-transition: all ease-in-out 0.2s;
//     -ms-transition: all ease-in-out 0.2s;
//     transition: all ease-in-out 0.2s;
// }

div.dataTables_wrapper div.dataTables_paginate a.next::before {
        content: "\f061";
        font-family: FontAwesome;
        font-size: 18px;
        display: inline-block;
        font-size: 17px;
        transform: scaleY(0.8);
}

div.dataTables_wrapper div.dataTables_paginate a {
    background: #B6C4BC;
    line-height: 30px !important;
    height: 30px;
    width: 30px;
    padding: 0;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #000;
    display: inline-block;
    outline: none;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}

div.dataTables_wrapper div.dataTables_paginate span a.current,
div.dataTables_wrapper div.dataTables_paginate a:hover {
    background: #112387;
    color: #fff;
}

div.dataTables_wrapper div.dataTables_paginate a:hover::after {
    border-color: #B6C4BC;
}

.dataTables_length {
    padding-left: 21px;
}

.dataTables_filter {
    padding-right: 21px;
}
/*table End*/

.active-tag,
.deactive-tag,
.blocked-tag,
.unblocked-tag {
	width: 100px;
	padding: 5px;
	font-size: 14px;
	line-height: 20px;
	color: #fff !important;
	text-align: center;
	font-weight: normal;
	border-radius: 8px;
	display: block;
	box-sizing: border-box;
}

.active-tag {
	background: #0E713A;
}

.deactive-tag {
	background: #FC5D5D;
}

.blocked-tag {
	background: #000;
}

.unblocked-tag {
	background: #B6C4BC;
}

table.dataTable.nowrap td a.settings-btn {
	width: 19px;
	display: inline-block;
	margin-top: 5px;
}

.action-box {
	background: #fff;
	border-radius: 8px;
	box-shadow: 5px 5px 12px rgb(172 172 172);
	right: 44px;
	top: 55px;
	position: absolute;
	width: 170px;
	z-index: 9999;
	display: none;
}

.aboulute {
	right: 50px;
	top: 8px;
	position: relative;
	bottom: inherit !important;
}

.action-box:after,
.action-box:before {
	bottom: 100%;
	left: 76%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.action-box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}

.action-box:before {
	border-color: rgba(182, 196, 188, 0);
	border-bottom-color: #B6C4BC;
	border-width: 11px;
	margin-left: -11px;
}

.action-box>a {
	font-size: 14px;
	line-height: 20px;
	color: #000;
	font-weight: normal;
	display: block;
	padding: 7px 17px;
}

.action-box>a:hover {
	background: #c6cbe2;
}

.action-box>a img {
	width: 21px;
	margin: 0 14px 0 0;
	display: inline-block;
	vertical-align: middle;
}

.action-box>a:nth-child(2) img {
	width: 17px;
	margin: 0 16px 0 2px;
}

.action-box>a:nth-child(3) img {
	width: 10px;
	margin: 0 19px 0 5px;
}

.dashboard-content .dataTables_paginate {
	display: none;
}

.chkBoxArea {
	position: relative;
}

.chkBoxArea label {
	display: block;
	margin: 0;
	font-weight: normal;
}

.chkBoxArea figure {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	border-radius: 3px;
	overflow-y: hidden;
	margin: -3px 7px 0 0;
}

.chkBoxArea figure>input {
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	z-index: 2;
	opacity: 0;
}

.chkBoxArea figure i {
	background: url(images/check.png) 0 0 no-repeat;
	background-size: contain !important;
	width: 16px;
	height: 16px;
	border-radius: 3px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}

.chkBoxArea figure>input:checked+i {
	background: url(images/check-active.png);
}

div.dataTables_wrapper tbody tr:last-child .action-box,
div.dataTables_wrapper tbody tr:nth-last-child(2) .action-box {
	bottom: 50px;
	top: inherit;
}

div.dataTables_wrapper tbody tr:last-child .action-box::before,
div.dataTables_wrapper tbody tr:last-child .action-box::after,
div.dataTables_wrapper tbody tr:nth-last-child(2) .action-box::before,
div.dataTables_wrapper tbody tr:nth-last-child(2) .action-box::after {
	display: none !important;
}

.user-page-content {
	float: left;
	width: 100%;
}

.dataTable_download_btn {
	float: left;
	font-size: 0;
	position: relative;
	margin-top: -37px;
}

.dataTable_download_btn input[type="button"] {
	// background: #B6C4BC;
	width: 160px;
	border-radius: 8px;
	text-align: center;
	padding: 7px 16px 6px;
	// color: #000;
	margin-right: 20px;
	font-size: 14px;
	border: none;
	outline: none;
}

.projcet-acc-trigger a.showPdf {
	background-color: #000 !important;
}

.dataTable_download_btn input[type="button"]:hover {
	background: #000;
	color: #fff;
}

.right-box {
	float: right;
	position: relative;
	margin-top: -70px;
}

.right-box .active-tag,
.right-box .deactive-tag,
.right-box .blocked-tag,
.right-box .unblocked-tag {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.user-view-content {
	float: left;
	width: 100%;
	border: 1px solid #B6C4BC;
	border-radius: 8px;
	padding: 20px 0 0;
	margin-bottom: 235px;
}

.user-view-content ul {
	list-style: none;
	margin: 0;
	padding: 0 29px;
}

.user-view-content li {
	float: left;
	width: 20%;
}

.user-view-content li strong {
	display: block;
	font-family: 'product_sansbold';
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	padding-bottom: 27px;
}

.user-view-content li span {
	display: block;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
}

.user-activity-check {
	float: left;
	width: 100%;
	padding: 34px 29px;
}

.user-activity-check strong {
	display: inline-block;
	vertical-align: middle;
	font-family: 'product_sansbold';
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	padding-right: 55px;
}

.user-activity-check .toggle {
	width: 52px;
	height: 26px;
	border-radius: 13px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

.user-activity-check .toggle input {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	margin: 0;
	opacity: 0;
}

.user-activity-check .toggle input:checked+i {
	background-image: url(images/toggle-active.png);
}

.user-activity-check .toggle i {
	background: url(images/toggle.png) 0 0 no-repeat;
	background-size: contain;
	width: 52px;
	height: 26px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.custom_tabs1 {
	float: left;
	width: 100%;
}

.custom_tabs1>.tabs_nav {
	float: left;
	width: 100%;
	border-bottom: 1px solid #B6C4BC;
	font-size: 0;
}

.custom_tabs1>.tabs_nav a {
	width: 200px;
	display: inline-block;
	vertical-align: middle;
	border-bottom: 4px solid transparent;
	padding: 10px 0;
	text-align: center;
	font-family: 'product_sansbold';
	font-size: 15px;
	line-height: 18px;
	color: #000;
	position: relative;
	margin-bottom: -1px;
}

.custom_tabs1>.tabs_nav a.current,
.custom_tabs1>.tabs_nav a:hover {
	color: #112387;
	border-color: #112387;
}

.custom_tabs1>.tabs_container {
	float: left;
	width: 100%;
}

.downloadPdf {
	background-color: #000;
}

.custom_tabs1>.tabs_container>div {
	display: none;
	width: 100%;
	float: left;
}

.activity-cont-holder {
	float: left;
	width: 100%;
	border-bottom: 1px solid #B6C4BC;
}

.activity-cont {
	width: 50%;
	float: left;
	padding: 30px 16px 30px 21px;
	border-right: 1px solid #B6C4BC !important;
}

.activity-cont:last-child {
	border-right: none !important;
}

.activity-cont h3 {
	font-family: 'product_sansbold';
	font-size: 24px;
	line-height: 29px;
	color: #000;
	font-weight: normal;
	margin: 0 0 95px;
	float: left;
}

.activity-cont .month-view {
	float: right;
	width: 153px;
	position: relative;
}

.activity-cont .year {
	float: right;
	width: 153px;
	position: relative;
	padding: 10px;
	// width: 100%;
	border-radius: 10px;
	border: 1px solid #ccc;
}

.activity-cont .month-view::after {
	border-width: 2px 2px 0 0;
	border-color: #000;
	border-style: solid;
	width: 10px;
	height: 10px;
	position: absolute;
	right: 12px;
	top: 11px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	content: '';
}

.activity-cont .month-view input {
	background: transparent;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
	border: 1px solid #B6C4BC;
	border-radius: 8px;
	padding: 10px 15px 9px;
	outline: none;
	position: relative;
	z-index: 2;
	width: 100% !important;
}

.chart-area {
	float: left;
	width: 100%;
}

.chart-box {
	float: left;
	width: 47%;
	padding-top: 30px;
}

.pie-chart {
	border-radius: 50%;
	height: var(--chartsize, 173px);
	width: var(--chartsize, 173px);
	background: transparent;
	/* box-shadow: inset 0px 0px 1px calc(var(--chartsize, 200px) / 30) rgba(250, 250, 220, 0.3), 0px 2px 8px -1px rgba(0, 0, 0, 0.3); */
}

.pie-chart.position {
	-webkit-transform: rotate(18deg);
	-moz-transform: rotate(18deg);
	-ms-transform: rotate(18deg);
	transform: rotate(18deg);
}

.chart-info {
	float: left;
	width: 44%;
}

.chart-info h4 {
	font-family: 'product_sansbold';
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	color: #000;
	margin: 0 0 30px;
}

.chart-info ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.chart-info li {
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	font-weight: normal;
}

.chart-info li span {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: block;
	float: left;
	margin-right: 20px;
}

.chart-info li strong {
	display: block;
	float: right;
	font-family: 'product_sansbold';
	font-size: 16px;
	line-height: 19px;
	padding-bottom: 27px !important;
	font-weight: normal;
	color: #000;
}

.block-user {
	float: left;
	width: 100%;
	padding: 21px 24px 45px;
}

.block-user h5 {
	font-family: 'product_sansbold';
	font-size: 24px;
	line-height: 29px;
	color: #000;
	font-weight: normal;
	margin: 0 0 22px;
}

.block-user a {
	background: #000;
	padding: 7px 30px 6px;
	border-radius: 8px;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	font-weight: normal;
	display: inline-block;
}

.block-user a:hover {
	background: #0E713A;
}

.projcet-cont {
	padding: 30px 20px;
	float: left;
	width: 100%;
}

.projcet-cont.odd {
	padding: 0;
}

div.dataTables_wrapper tbody td a.download {
	display: inline-block;
	vertical-align: middle;
	color: #000;
}

div.dataTables_wrapper tbody td a:hover {
	color: #000;
}

div.dataTables_wrapper tbody td figure {
	width: 36px;
}

.projcet-accordion {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}

.projcet-acc {
	width: 100%;
	float: left;
	border: 1px solid #B6C4BC;
	border-radius: 8px;
	margin-bottom: 20px;
}

.projcet-acc-trigger {
	float: left;
	width: 100%;
	padding-right: 75px;
	position: relative;
}

.projcet-acc-trigger.current::after {
	-webkit-transform: translateY(-50%) rotate(-44deg);
	-moz-transform: translateY(-50%) rotate(-44deg);
	-ms-transform: translateY(-50%) rotate(-44deg);
	transform: translateY(-50%) rotate(-44deg);
	margin-top: 10px;
}

.projcet-acc-trigger::after {
	border-width: 4px 4px 0 0;
	border-style: solid;
	border-color: #000;
	position: absolute;
	right: 25px;
	top: 43%;
	width: 20px;
	height: 20px;
	content: '';
	-webkit-transform: translateY(-50%) rotate(134deg);
	-moz-transform: translateY(-50%) rotate(134deg);
	-ms-transform: translateY(-50%) rotate(134deg);
	transform: translateY(-50%) rotate(134deg);
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-ms-transition: all ease-in-out 0.2s;
	transition: all ease-in-out 0.2s;
}

.projcet-acc-trigger h2 {
	font-family: 'product_sansbold';
	font-size: 18px;
	line-height: 22px;
	color: #000;
	font-weight: normal;
	padding: 19px 35px;
}

.right_div {
	float: right;
	font-size: 0;
	display: none;
	position: absolute;
	right: 75px;
	top: 0;
	z-index: 8;
}

.right_div a.view_btn {
	display: inline-block !important;
	float: none !important;
	vertical-align: middle;
	margin-left: 20px !important;
}

.projcet-acc-trigger.current a.view_btn,
.projcet-acc-trigger.current .right_div {
	display: block;
}

.projcet-acc-trigger a.view_btn {
	background: #011485;
	border-radius: 8px;
	display: none;
	float: right;
	padding: 8px 21px 6px;
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	margin: 14px 0;
}

.projcet-acc-trigger a.view_btn:hover {
	background: #000;
}

.projcet-acc-cont {
	float: left;
	width: 100%;
	padding: 30px 35px 0;
	border-top: 1px solid #B6C4BC;
}

.projcet-acc-cont ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.projcet-acc-cont li {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.projcet-acc-cont li strong {
	display: block;
	float: left;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	padding: 15px 0;
	width: 39.4%;
}

.projcet-acc-cont li input {
	width: 60.6%;
	float: left;
	border-radius: 12px;
	border: 1px solid #CCCCCC;
	outline: none;
	padding: 15px 16px 14px;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
}

.button1 {
	background: #112387;
	padding: 9px 20px 8px;
	font-size: 14px;
	line-height: 20px;
	color: #fff !important;
	text-align: center;
	font-weight: normal;
	border-radius: 8px;
	display: block;
	box-sizing: border-box;
	display: inline-block;
}

.button1:hover {
	background: #000;
}

.pushNotify-cont {
	float: left;
	width: 100%;
}

.pushNotify-cont .tabs_nav {
	margin-bottom: 30px;
}

.s-notify {
	float: left;
	width: 100%;
}

.send-notify-form {
	float: left;
	width: 100%;
	padding: 30px 36px 30px 36px;
	border: 1px solid #ccc;
	border-radius: 10px;
}

.send-notify-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.btn-theme {
	background-color: #112387 !important;
}

.send-notify-form li {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.send-notify-form li strong {
	display: block;
	float: left;
	color: #000;
	width: 27.3%;
	padding: 16px 0;
	font-weight: normal;
}

.send-notify-form li .form_field {
	width: 72.7%;
	float: left;
	position: relative;
}

.send-notify-form li .form_field input {
	background: transparent;
	width: 100%;
	height: auto;
	float: left;
	border: 1px solid #CCCCCC;
	border-radius: 12px;
	padding: 14px 16px;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	outline: none;
	position: relative;
	z-index: 2;
}

.send-notify-form li .form_field textarea {
	width: 100%;
	height: 137px;
	resize: none;
	float: left;
	border: 1px solid #CCCCCC;
	border-radius: 12px;
	padding: 14px 16px;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	outline: none;
}

.send-notify-form li .form_field .c-icon {
	width: 30px;
	position: absolute;
	right: 8px;
	top: 11px;
	z-index: 1;
}

.send-notify-form li .form_field .cl-icon {
	width: 25px;
	position: absolute;
	right: 15px;
	top: 13px;
	z-index: 1;
}

.send-notify-form li .form_field .cl-icon img {
	width: 100%;
}

.form_button {
	float: left;
	width: 100%;
	padding: 40px 30px 64px;
	font-size: 0;
}

.form_button input,
.form_button a,
.form_button button {
	background: #000;
	width: 200px;
	margin-right: 50px;
	border-radius: 12px;
	padding: 12px 11px 10px;
	font-size: 15px;
	line-height: 18px;
	border: none;
	color: #fff;
}

.form_button .udpate_general_settings {
	background: #112387;
	width: 200px;
	margin-right: 50px;
	border-radius: 12px;
	padding: 12px 11px 10px;
	font-size: 15px;
	line-height: 18px;
	border: none;
	color: #fff;
}

.form_button input:hover,
.form_button a:hover,
.form_button button:hover {
	// background: #0E713A;
}

.form_button input:last-child,
.form_button a:last-child,
.form_button button:last-child {
	margin-right: 0;
}

.send-notify-form .user-activity-check {
	padding: 0;
}

.send-notify-form .user-activity-check .toggle {
	margin: 12px 0;
}

.input-group-addon {
	border: none;
	background: none;
}

.input-group {
	float: left;
	width: 100%;
	border: 1px solid #CCCCCC;
	border-radius: 12px;
}

.input-group input {
	border: none !important;
}

.input-group input:focus {
	box-shadow: none !important;
}

.input-group .glyphicon-calendar {
	background: url(images/calendar-icon.png) 0 0 no-repeat;
	background-size: contain;
	width: 24px;
	height: 25px;
	content: "";
}

.input-group .glyphicon-calendar:before {
	display: none;
}

.multiple_emails-container {
	border: 1px #00ff00 solid;
	border-radius: 1px;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	padding: 0;
	margin: 0;
	cursor: text;
	width: 100%;
}


/* .all-mail {
    position: absolute;
    width: 100%;
    left: 8px;
    top: 11px;
>>>>>>> 30a195e12fc3926d9724165d9fb495a96970d98a
} */

.send-notify-form li .form_field.odd {
	width: 72.7%;
	float: left;
	border: 1px solid #CCCCCC;
	border-radius: 12px;
	padding: 10px 6px;
	height: 50px !important;
	overflow: hidden;
	overflow-x: auto;
}

.form_field.odd::-webkit-scrollbar {
	display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */

.form_field.odd {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

.send-notify-form li .form_field.odd .inner-width {
	display: flex;
	width: 2000px
}

.send-notify-form li .form_field.odd input {
	border: none;
	width: auto;
	padding: 0;
	line-height: 30px;
}

#viewPDF .modal-dialog {
	width: 96%;
	max-width: 736px;
}

#viewPDF .modal-content {
	background: #FCFFFD;
	border: none;
	padding: 0;
	border-radius: 12px;
}

#viewPDF .modal-content::after,
#viewPDF .modal-content::before {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	content: '';
}

#viewPDF .modal-header {
	border: none;
	padding: 0;
	width: 100%;
	float: left;
}

#viewPDF .modal-inner .logo {
	float: left;
	width: 110px;
	padding: 17px 15px 8px;
}

#viewPDF .modal-header .close {
	opacity: 1;
	width: 16px;
	position: absolute;
	right: 15px;
	top: 13px;
	z-index: 10;
}

#viewPDF .modal-body {
	padding: 0;
	float: left;
	width: 100%;
}

#viewPDF .modal-inner {
	width: 98%;
	margin: 0 auto;
}

#viewPDF .modal-inner table {
	width: 100%;
	border-top: 1px solid #D5D5D5;
}

#viewPDF .modal-inner table strong {
	display: inline-block;
	vertical-align: top;
	font-family: 'product_sansbold';
	font-size: 8px;
	line-height: 10px;
	color: #000;
	font-weight: normal;
}

#viewPDF .modal-inner table span {
	display: inline-block;
	vertical-align: top;
	font-size: 7px;
	line-height: 9px;
	color: #000;
	font-weight: normal;
}

#viewPDF .modal-inner table span em {
	display: block;
	font-size: 8px;
	line-height: 10px;
	padding-top: 4px;
}

#viewPDF .modal-inner table td {
	padding: 6px 8px;
	border: 1px solid #D5D5D5;
	border-bottom: none;
	text-align: left;
	vertical-align: middle;
}

.modal-inner .table1 td {
	width: 33.3%;
}

.modal-inner .table1 td:nth-child(1) strong {
	padding-right: 10px;
}

.modal-inner .table1 td:nth-child(2) strong {
	padding-right: 15px;
}

.modal-inner .table1 td:last-child strong {
	padding-right: 20px;
}

.modal-inner .table2 td {
	width: 25%;
}

.modal-inner .table2 td:first-child strong {
	padding-right: 11px;
}

.modal-inner .table2 td:nth-child(2) strong {
	padding-right: 16px;
}

.modal-inner .table2 td:nth-child(3) strong {
	padding-right: 10px;
}

.modal-inner .table2 td:last-child strong {
	padding-right: 10px;
}

#viewPDF .modal-inner table tbody {
	width: 100%;
}

.modal-inner .table2 strong,
.modal-inner .table2 span,
.modal-inner .table3 strong,
.modal-inner .table3 span {
	vertical-align: middle !important;
}

.modal-inner .table3 strong {
	padding-right: 10px;
}

.modal-inner .table3 td {
	width: 50%;
}

.modal-inner .table3 td:nth-child(2) strong {
	padding-right: 15px;
}

.modal-inner .table4 td {
	width: 33.3%;
}

.modal-inner .table4 td strong {
	padding-right: 22px;
}

.modal-inner .table4 td:nth-child(1) strong {
	padding-right: 42px;
}

.modal-inner .table5 td {
	width: 33.3%;
}

.modal-inner .table5 td:nth-child(1) strong {
	padding-right: 30px;
}

.modal-inner .table5 td:nth-child(2) strong {
	padding-right: 13px;
}

.modal-inner .table5 td:nth-child(3) strong {
	padding-right: 26px;
}

.modal-inner .table6 td {
	width: 33.3%;
}

.modal-inner .table6 td:nth-child(1) strong {
	padding-right: 12px;
}

.modal-inner .table6 td:nth-child(2) strong {
	padding-right: 20px;
}

.modal-inner .table6 td:nth-child(3) strong {
	padding-right: 14px;
}

.modal-inner .table7 td {
	width: 33.3%;
}

.modal-inner .table7 td:nth-child(1) strong {
	padding-right: 25px;
}

.modal-inner .table7 td:nth-child(2) strong {
	padding-right: 17px;
}

.modal-inner .table7 td:nth-child(3) strong {
	padding-right: 21px;
}

.modal-inner .table8 td {
	width: 50%;
	border-bottom: 1px solid #D5D5D5 !important;
}

.modal-inner .table8 td:nth-child(1) strong {
	padding-right: 22px;
}

.modal-inner .table8 td:nth-child(2) strong {
	padding-right: 15px;
}

#viewPDF table td:first-child {
	border-left: none !important;
}

#viewPDF table td:last-child {
	border-right: none !important;
}

#viewPDF .modal-inner .map {
	width: 100%;
	float: left;
	margin-bottom: 21px;
}

#viewPDF .modal-inner .map h3 {
	text-align: center;
	font-family: 'product_sansbold';
	border-bottom: 1px solid #D5D5D5;
	font-size: 7px;
	line-height: 9px;
	color: #000;
	font-weight: normal;
	margin: 0 0 5px;
	padding: 7px 0;
}

#viewPDF .modal-inner .map figure {
	width: 100%;
}

#viewPDF .modal-inner .second-image figure img {
	width: 50%;
	display: inline;
	padding: 5px;
	margin-bottom: 20px;
}

.settings-panel {
	float: left;
	width: 100%;
	border-radius: 8px;
	border: 1px solid #B6C4BC;
}

.settings-panel h3 {
	font-family: 'product_sansbold';
	font-size: 24px;
	line-height: 29px;
	color: #000;
	font-weight: normal;
	margin: 20px 30px;
}

.settings-panel .tabs_container {
	padding: 0;
	float: left;
	width: 100%;
}

.settings-form {
	float: left;
	width: 100%;
	padding: 0px;
	/* border-bottom: 1px solid #B6C4BC; */
}

.settings-form h3 {
	margin: 0 0 20px;
}

.settings-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.settings-form li {
	float: left;
	width: 100%;
	padding: 30px;
}

.settings-form strong {
	width: 25.7%;
	float: left;
	display: block;
	font-weight: normal;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	padding: 15px 0 14px;
}

.settings-form .form-field {
	width: 60%;
	float: left;
	margin-bottom: 20px;
}

.settings-form .form-field .input-field {
	width: 380px;
	float: left;
}

.settings-form .form-field .input-field input {
	border: 1px solid #CCCCCC;
	border-radius: 12px;
	width: 100%;
	float: left;
	padding: 14px 16px;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	outline: none;
}

.upload-box {
	width: 380px;
	float: left;
	position: relative;
}

.yes {
	border: 1px solid #B2B2B2;
	border-radius: 6px;
	width: 100%;
	float: left;
	padding: 4px 0;
	position: relative;
	margin-bottom: 20px;
}

.yes::before {
	background: #E5E5E5;
	border-right: 1px solid #B2B2B2;
	border-radius: 6px 0 0 6px;
	height: 100%;
	padding: 9px 21px;
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 15px;
	position: absolute;
	left: 0;
	top: 0;
	content: 'Browser';
	z-index: 3;
}

.btn_upload {
	cursor: pointer;
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	padding: 5px 10px;
}

.btn_upload input {
	cursor: pointer;
	height: 100%;
	position: absolute;
	border: none !important;
	left: 0;
	top: 0;
	height: 100%;
	z-index: 1;
	padding: 2px 0 !important;
	font-size: 15px;
	line-height: 18px;
	outline: none;
}

/* upload image */

.btn_upload {
	cursor: pointer;
	width: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	/* color: #fff;
background-color: #2a72d4;
border: 1px solid #166b8a; */
	padding: 5px 10px;
}

/* .btn_upload:hover,
.btn_upload:focus {
background-color: #7ca9e6;
} */
<<<<<<< HEAD .yes {
	/* display: flex;
align-items: flex-start;
margin-top: 10px !important; */
	border: 1px solid #ccc;
	border-radius: 12px;
	width: 100%;
	float: left;
	padding: 9px 0;
	position: relative;
	margin-bottom: 20px;
}

.yes::before {
	background: #E5E5E5;
	border-right: 1px solid #ccc;
	border-radius: 12px 0 0 12px;
	height: 100%;
	padding: 15px 21px;
	text-align: center;
	color: #000;
	font-weight: normal;
	font-size: 15px;
	position: absolute;
	left: 0;
	top: 0;
	content: 'Browser';
	z-index: 3;
}

.btn_upload input {
	cursor: pointer;
	height: 100%;
	position: absolute;
	/* filter: alpha(opacity=1);
-moz-opacity: 0;
opacity: 0; */
	border: none !important;
	left: 0;
	outline: none !important;
	top: 0;
	height: 100%;
	z-index: 1;
	padding: 2px 0 !important;
	font-size: 15px;
}

.it {
	height: 100px;
	margin-left: 10px;
}

.btn-rmv1,
.btn-rmv2,
.btn-rmv3,
.btn-rmv4,
.btn-rmv5 {
	display: none;
}

.rmv {
	cursor: pointer;
	color: #fff;
	border-radius: 30px;
	border: 1px solid #fff;
	display: inline-block;
	background: #429968;
	margin: -5px -10px;
}

.rmv:hover {
	background: red;
}

#ImgPreview,
#ImgPreview2,
#ImgPreview3 {
	width: 65px !important;
	border-radius: 6px;
	margin: 0 !important;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
}

#removeImage1,
#removeImage2,
#removeImage3 {
	position: absolute;
	width: 20px !important;
	height: 20px;
	border-radius: 50%;
	right: 18px;
	top: 5px;
	color: #fff;
	border: none !important;
	padding: 0 !important;
}

.previewBox {
	background: url(images/upload-img-icon.png) 0 0 no-repeat;
	background-size: cover;
	position: relative;
	clear: both;
	width: 98px;
	height: 98px;
	/* border: 1px solid #B6C4BC; */
	border-radius: 50%;
}

.previewBox img {
	margin: 15px;
}

.color_box {
	width: 150px;
	float: left;
	margin-right: 20px;
}

.color_box em {
	display: block;
	font-size: 15px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	padding-bottom: 20px;
}

.color_box input {
	width: 150px !important;
	height: 46px !important;
	border: 1px solid #CCCCCC !important;
	border-radius: 12px !important;
	outline: none !important;
	padding: 0 0 0 48px !important;
}

.minicolors-theme-default .minicolors-swatch {
	top: 6px;
	left: 10px;
	width: 32px;
	height: 33px;
}

.check-notify {
	float: left;
	width: 100%;
	padding-bottom: 50px;
}

.check-notify .check2 {
	width: 35px;
	height: 35px;
	border-radius: 5px;
	overflow: hidden;
	float: left;
	position: relative;
	margin-right: 20px;
}

.check-notify .check2 input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	z-index: 2;
	opacity: 0;
}

.check-notify.multiple-check .check2 i {
	background: url(images/check.png) 0 0 no-repeat;
	width: 18px;
	height: 18px;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.check-notify.multiple-check {
	float: none;
	width: auto;
	padding-bottom: 0;
	padding: 0;
}

.check-notify.multiple-check .check2 {
	width: 20px;
	height: 20px;
	border-radius: 5px;
	overflow: hidden;
	float: left;
	position: relative;
	margin-right: 0;
}

.check-notify .check2 input:checked+i {
	background-image: url(images/check-active.png);
}

.check-notify .check2 i {
	background: url(images/check.png) 0 0 no-repeat;
	width: 35px;
	height: 35px;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.check-notify label {
	float: left;
}

.check-notify label strong {
	display: block;
	font-size: 20px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	width: auto;
	float: none;
	padding: 0 0 6px;
}

.check-notify label small {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #969696;
	font-weight: normal;
}

.settings-form .form-field .input-field .link1 {
	font-size: 16px;
	line-height: 38px;
	font-weight: normal;
	color: #4285F4;
}

.settings-form .form-field .input-field .link1:hover {
	text-decoration: underline !important;
}

.month-picker {
	display: inline-block;
	position: absolute;
	z-index: 9999;
	width: 240px;
	border-radius: 8px;
	border: 1px solid #B6C4BC;
	padding-bottom: 15px;
}

/* .month-picker:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(14, 113, 58, 0);
border-bottom-color: #0E713A;
border-width: 9px;
margin-left: -9px;
} */

.month-picker table {
	border-collapse: initial;
	border-spacing: 0;
	white-space: nowrap;
	width: 100%;
}

.month-picker-month-table td {
	height: auto;
	text-align: center;
	width: 33.3% !important;
	white-space: nowrap;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: none;
	background: transparent;
	font-weight: normal;
	color: #000;
	font-size: 15px;
	padding: 4px 0;
}

.month-picker .ui-button {
	font-size: 12px;
}

.month-picker-header {
	margin: 0;
	background: #112387;
	border-radius: 8px 8px 0 0;
	border: none;
}

.track-user-activity .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 30px;
}

.track-user-activity .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.track-user-activity .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.track-user-activity .slider:before {
	position: absolute;
	content: "";
	height: 22px;
	width: 22px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.track-user-activity input:checked+.slider {
	background-color: #112387;
}

.track-user-activity input:focus+.slider {
	box-shadow: 0 0 1px #112387;
}

.track-user-activity input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */

.track-user-activity .slider.round {
	border-radius: 34px;
}

.track-user-activity .slider.round:before {
	border-radius: 50%;
}

.track-user-activity-label {
	margin: 0px 55px 0 0px;
	font-weight: bold;
	position: relative;
	top: 8px;
}

.month-picker-year-table .month-picker-title .ui-button {
	border: none !important;
	background: transparent !important;
	font-size: 14px;
	padding: 9px 18px 9px 13px;
	width: 100%;
	font-weight: normal;
	height: auto;
	color: #fff !important;
}

.month-picker table tr {
	text-align: center;
	/* font-size: 0; */
}

.month-picker table tr td {
	display: inline-block;
}

.month-picker-year-table .ui-button {
	font-size: 0;
	width: auto;
	height: auto;
	cursor: default;
	margin: 0 0;
	background: transparent !important;
	border: none;
}

.ui-widget-header .ui-icon {
	background: transparent;
}

.month-picker-previous .ui-icon {
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	width: 10px;
	height: 10px;
	top: -1px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.month-picker-next .ui-icon {
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	width: 10px;
	height: 10px;
	top: -1px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.month-picker-month-table .ui-button {
	width: auto;
	margin: 10px 0;
}

.mapBox {
	width: 100%;
	float: left;
	text-align: center;
	padding: 20px 0;
}

.mapBox img {
	display: inline-block;
}

.mob-cont {
	display: none;
}

.dash-cont-panel2 {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}

.dash-cont-panel2 .panel2-holder {
	list-style: none;
	margin: 0 -1.5%;
	padding: 0;
}

.dash-cont-panel2 .panel2-inner {
	width: 47%;
	float: left;
	margin: 0 1.5%;
	border: 1px solid #B6C4BC;
	border-radius: 20px;
}

.dash-cont-panel2 .panel2-inner .activity-cont {
	width: 100%;
	border: none !important;
}

.pie-chart.position3 {
	-webkit-transform: rotate(29deg);
	-moz-transform: rotate(29deg);
	-ms-transform: rotate(29deg);
	transform: rotate(29deg);
}

.line-chart {
	float: left;
	width: 100%;
}

.line-chart figure {
	display: block;
	margin: 0;
}

.line-chart figure img {
	width: 100%;
}

.dashboard-content strong {
	font-size: 25px;
	padding-bottom: 4px;
}

.notification {
	background: #fff;
	width: 375px;
	border-radius: 12px;
	box-shadow: 5px 5px 12px 5px 5px 12px rgb(37 35 35 / 13%);
	border: 1px solid #E5E5E5;
	min-height: 400px;
	position: absolute;
	right: -41px;
	top: 49px;
	z-index: 99;
	display: none;
}

.notification:after,
.notification:before {
	bottom: 100%;
	left: 85%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.notification:after {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #ffff;
	border-width: 10px;
	margin-left: -10px;
}

.notification:before {
	border-color: rgba(229, 229, 229, 0);
	border-bottom-color: #E5E5E5;
	border-width: 11px;
	margin-left: -11px;
}

.notification h3 {
	font-family: 'product_sansbold';
	font-size: 16px;
	line-height: 37px;
	color: #000;
	font-weight: normal;
	// border-bottom: 1px solid #E5E5E5;
	padding: 5px 12px;
	margin: 0;
}

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

.notification li {
	width: 100%;
	float: left;
	// border-bottom: 1px solid #E5E5E5;
}

.notification li:last-child {
	border: none;
}

.notification li a {
	display: block;
	padding: 11px;
	background-color: #e2e5f069;
	margin: 5px 15px;
	border-radius: 10px;
}

.notification li a:hover {
	// background: #C8F8DD;
}

.notification li figure {
	width: 45px;
	height: 50px;
	border-radius: 50%;
	float: left;
	margin: 0px 14px 0 0;
}

.notification li figure img {
	width: 100%;
}

.notification li strong {
	display: block;
	font-family: 'product_sansbold';
	font-size: 15px;
	line-height: 20px;
	color: #000;
	font-weight: normal;
	padding-bottom: 7px;
}

.notification li p {
	font-size: 13px;
	line-height: 20px;
	color: #a7a8ad;
	font-weight: normal;
	overflow: hidden;
	margin: 0;
}

/* Datepicker */

.ui-datepicker {
	display: none;
	background-color: #fff;
	box-shadow: 0 3px 6px #bbb;
	margin-top: 0.25rem;
	padding: 0;
	border-radius: 12px;
	overflow: hidden;
	width: 300px;
}

.ui-datepicker-calendar {
	margin-top: 10px;
	width: 100%;
	float: left;
}

.ui-datepicker-calendar table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.ui-datepicker-calendar thead th {
	font-family: 'product_sansbold';
	padding: 0.25rem 0;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	color: #353535;
}

.ui-datepicker-calendar tbody td {
	width: auto;
	text-align: center;
	padding: 0;
}

.ui-datepicker-calendar tbody td a {
	display: block;
	border-radius: 50%;
	line-height: 2rem;
	transition: 0.3s all;
	color: #353535;
	font-size: 0.875rem;
	text-decoration: none;
	width: 2rem;
	height: 2rem;
	line-height: 25px;
	margin: 0 auto !important;
}

.ui-datepicker-calendar tbody td a:hover {
	background: #C8F8DD;
	color: #000;
}

.ui-datepicker-calendar tbody td a.ui-state-active {
	background: #0E713A;
	color: #ffffff;
}

.ui-datepicker-calendar tbody td a.ui-state-highlight {
	color: #0E713A;
	border: 1px solid #0E713A;
}

.ui-datepicker-header {
	background: #0E713A;
	float: left;
	width: 100%;
}

.ui-datepicker-header a span {
	display: none;
}

.ui-datepicker-header a.ui-corner-all {
	cursor: pointer;
	position: absolute;
	top: 0;
	width: 25px;
	height: 25px;
	margin: 0.5rem;
	border-radius: 0.5rem;
}

.ui-datepicker-header a.ui-datepicker-prev {
	left: 0;
}

.ui-datepicker-header a.ui-datepicker-prev::after {
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	left: 10px;
	top: 7px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.ui-datepicker-header a.ui-datepicker-next {
	right: 0;
}

.ui-datepicker-header a.ui-datepicker-next::after {
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	left: 4px;
	top: 7px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ui-datepicker-title {
	text-align: center;
	line-height: normal;
	font-size: 15px;
	font-weight: normal;
	padding: 13px 0;
	color: #fff;
}

.ui-datepicker-week-col {
	color: #353535;
	font-weight: 400;
	font-size: 0.75rem;
}

/* Timepicker */

.timepicker_wrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #00000082;
	width: 100%;
	height: 100vh;
}

.timepicker_hour,
.timepicker_minute,
.timepicker_ampm {
	scroll-behavior: smooth;
	-ms-overflow-style: none;
	scrollbar-width: none;
	border: 1px solid #80808080;
	color: #0000009e;
	font-weight: bold;
}

.timepicker_hour::-webkit-scrollbar,
.timepicker_minute::-webkit-scrollbar,
.timepicker_ampm::-webkit-scrollbar {
	display: none;
}

.timepicker_hour option,
.timepicker_minute option,
.timepicker_ampm option {
	font-weight: bold;
	padding: 5px 25px;
}

.timepicker_control {
	text-align: end;
	margin-top: 5px;
	margin-bottom: 10px;
}

.timepicker_control button {
	padding: 7px 15px;
	border: none;
	font-weight: bold;
	background-color: green;
	color: white;
	margin-left: 8px;
}

.timepicker_wrapper_main {
	width: fit-content;
	border: 1px solid gray;
	padding: 0px 12px;
}

.timepicker_control button:first-child {
	background-color: #ff0000db;
	color: white;
	margin-right: 15px;
}

.timepicker_header {
	text-align: center;
	color: #0000008a;
	margin: 5px 0px;
}

.map_search {
	background: #fff url(images/search-icon.png) 12px center no-repeat;
	background-size: 23px;
}

.clr-srch {
	background: url(images/white-close-btn2.png) 0 0 no-repeat;
	background-size: 15px;
	width: 15px;
	height: 15px;
	position: absolute;
	right: 16px;
	top: 15px;
}

.location_range {
	background: #fff;
	width: 330px;
	height: auto;
	position: absolute;
	left: 23px;
	top: 160px;
	z-index: 20;
	padding: 18px 22px 19px 22px;
	box-shadow: 0 3px 6px #00000029;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.location_range span {
	display: block;
	float: left;
	font-size: 15px;
	line-height: 20px;
	font-weight: 400;
	color: #000;
	padding-bottom: 8px;
}

.location_range .ui-widget-header {
	background: #C6CBE2;
	border: none;
	width: 100%;
	height: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.location_range .ui-widget.ui-widget-content {
	background: #00157E;
	border: none;
	width: 100%;
	height: 6px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}

.location_range .ui-slider .ui-slider-handle {
	background: #00157E !important;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: none !important;
	top: -7px !important;
	outline: none;
}

#curve_chart {
	width: 100%;
	height: 300px;
}

.location_range p {
	float: right;
	font-size: 20px;
	line-height: 27px;
	font-weight: 700;
	color: #000;
}

.location_range p input {
	width: 54px;
	border: none;
	float: left;
	padding: 0 7px 0 0;
	outline: none;
	text-align: right;
}

.location_range p label {
	line-height: normal;
}

.location_range #slider-range-max {
	clear: both;
}

.location_range_info {
	float: left;
	width: 100%;
	padding-top: 8px;
}

.location_range_info small {
	font-size: 13px;
	line-height: 17px;
	font-weight: 400;
	color: #000;
	float: left;
}

.location_range_info small:last-child {
	float: right;
}

.gm-style-mtc button {
	background: #fff !important;
	border: 1px solid #C6CBE2 !important;
	margin-right: 10px !important;
	padding: 8px 8px 9px !important;
	text-align: center !important;
	font-size: 16px !important;
	line-height: 21px !important;
	font-weight: 700 !important;
	color: #000 !important;
	border-radius: 7px !important;
	-webkit-border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	-ms-border-radius: 7px !important;
	-o-border-radius: 7px !important;
	outline: none;
	min-width: 160px !important;
}

.gm-style-mtc button[aria-pressed="true"] {
	background: #00157E !important;
	color: #fff !important;
}

@media only screen and (max-width: 600px) {
	.gm-style-mtc button {
		background: #fff !important;
		border: 1px solid #C6CBE2 !important;
		margin-right: 10px !important;
		padding: 8px 8px 9px !important;
		text-align: center !important;
		font-size: 16px !important;
		line-height: 21px !important;
		font-weight: 700 !important;
		color: #000 !important;
		border-radius: 7px !important;
		-webkit-border-radius: 7px !important;
		-moz-border-radius: 7px !important;
		-ms-border-radius: 7px !important;
		-o-border-radius: 7px !important;
		outline: none;
		min-width: 140px !important;
	}

	.gm-fullscreen-control {
		top: 78% !important;
		right: 83% !important;
	}
}

/*
=======

.month-picker table {
    border-collapse: initial;
    border-spacing: 0;
    white-space: nowrap;
    width: 100%;
}

.month-picker-month-table td {
    height: auto;
    text-align: center;
    width: 33.3% !important;
    white-space: nowrap;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    background: transparent;
    font-weight: normal;
    color: #000;
    font-size: 15px;
    padding: 4px 0;
}

.month-picker .ui-button {
    font-size: 12px;
}

.month-picker-header {
    margin: 0;
    background: #112387;
    border-radius: 8px 8px 0 0;
    border: none;
}



.track-user-activity .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px;
}

.track-user-activity .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.track-user-activity .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.track-user-activity .slider:before {
  position: absolute;
  content: "";
  height: 22px;
  width: 22px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.track-user-activity input:checked + .slider {
  background-color: #112387;
}

.track-user-activity input:focus + .slider {
  box-shadow: 0 0 1px #112387;
}

.track-user-activity input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.track-user-activity .slider.round {
	border-radius: 34px;
}

.track-user-activity .slider.round:before {
	border-radius: 50%;
}

.track-user-activity-label {
	margin: 0px 55px 0 0px;
	font-weight: bold;
	position: relative;
	top: 8px;
}


.month-picker-year-table .month-picker-title .ui-button {
	border: none !important;
	background: transparent !important;
	font-size: 14px;
	padding: 9px 18px 9px 13px;
	width: 100%;
	font-weight: normal;
	height: auto;
	color: #fff !important;
}

.month-picker table tr {
	text-align: center;
	/* font-size: 0; */
}

.month-picker table tr td {
	display: inline-block;
}

.month-picker-year-table .ui-button {
	font-size: 0;
	width: auto;
	height: auto;
	cursor: default;
	margin: 0 0;
	background: transparent !important;
	border: none;
}

.ui-widget-header .ui-icon {
	background: transparent;
}

.month-picker-previous .ui-icon {
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	width: 10px;
	height: 10px;
	top: -1px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.month-picker-next .ui-icon {
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	width: 10px;
	height: 10px;
	top: -1px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.month-picker-month-table .ui-button {
	width: auto;
	margin: 10px 0;
}

.mapBox {
	width: 100%;
	float: left;
	text-align: center;
	padding: 20px 0;
}

.mapBox img {
	display: inline-block;
}

.mob-cont {
	display: none;
}

.dash-cont-panel2 {
	float: left;
	width: 100%;
	padding-bottom: 40px;
}

.dash-cont-panel2 .panel2-holder {
	list-style: none;
	margin: 0 -1.5%;
	padding: 0;
}

.dash-cont-panel2 .panel2-inner {
	width: 47%;
	float: left;
	margin: 0 1.5%;
	border: 1px solid #B6C4BC;
	border-radius: 20px;
}

.dash-cont-panel2 .panel2-inner .activity-cont {
	width: 100%;
	border: none !important;
}

.pie-chart.position3 {
	-webkit-transform: rotate(29deg);
	-moz-transform: rotate(29deg);
	-ms-transform: rotate(29deg);
	transform: rotate(29deg);
}

.line-chart {
	float: left;
	width: 100%;
}

.line-chart figure {
	display: block;
	margin: 0;
}

.line-chart figure img {
	width: 100%;
}

.dashboard-content strong {
	font-size: 25px;
	padding-bottom: 4px;
}

.notification {
	background: #fff;
	width: 375px;
	border-radius: 12px;
	box-shadow: 5px 5px 12px 5px 5px 12px rgb(37 35 35 / 13%);
	border: 1px solid #E5E5E5;
	min-height: 400px;
	position: absolute;
	right: -41px;
	top: 49px;
	z-index: 99;
	display: none;
}

.notification:after,
.notification:before {
	bottom: 100%;
	left: 85%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.notification:after {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #ffff;
	border-width: 10px;
	margin-left: -10px;
}

.notification:before {
	border-color: rgba(229, 229, 229, 0);
	border-bottom-color: #E5E5E5;
	border-width: 11px;
	margin-left: -11px;
}

.notification h3 {
	font-family: 'product_sansbold';
	font-size: 16px;
	line-height: 37px;
	color: #000;
	font-weight: normal;
	// border-bottom: 1px solid #E5E5E5;
	padding: 5px 12px;
	margin: 0;
}

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

.notification li {
	width: 100%;
	float: left;
	// border-bottom: 1px solid #E5E5E5;
}

.notification li:last-child {
	border: none;
}

.notification li a {
	display: block;
	padding: 11px;
	background-color: #e2e5f069;
	margin: 5px 15px;
	border-radius: 10px;
}

.notification li a:hover {
	// background: #C8F8DD;
}

.notification li figure {
	width: 45px;
	height: 50px;
	border-radius: 50%;
	float: left;
	margin: 0px 14px 0 0;
}

.notification li figure img {
	width: 100%;
}

.notification li strong {
	display: block;
	font-family: 'product_sansbold';
	font-size: 15px;
	line-height: 20px;
	color: #000;
	font-weight: normal;
	padding-bottom: 7px;
}

.notification li p {
	font-size: 13px;
	line-height: 20px;
	color: #a7a8ad;
	font-weight: normal;
	overflow: hidden;
	margin: 0;
}

/* Datepicker */
.ui-datepicker {
	display: none;
	background-color: #fff;
	box-shadow: 0 3px 6px #bbb;
	margin-top: 0.25rem;
	padding: 0;
	border-radius: 12px;
	overflow: hidden;
	width: 300px;
}

.ui-datepicker-calendar {
	margin-top: 10px;
	width: 100%;
	float: left;
}

.ui-datepicker-calendar table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.ui-datepicker-calendar thead th {
	font-family: 'product_sansbold';
	padding: 0.25rem 0;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	color: #353535;
}

.ui-datepicker-calendar tbody td {
	width: auto;
	text-align: center;
	padding: 0;
}

.ui-datepicker-calendar tbody td a {
	display: block;
	border-radius: 50%;
	line-height: 2rem;
	transition: 0.3s all;
	color: #353535;
	font-size: 0.875rem;
	text-decoration: none;
	width: 2rem;
	height: 2rem;
	line-height: 25px;
	margin: 0 auto !important;
}

.ui-datepicker-calendar tbody td a:hover {
	background: #C8F8DD;
	color: #000;
}

.ui-datepicker-calendar tbody td a.ui-state-active {
	background: #0E713A;
	color: #ffffff;
}

.ui-datepicker-calendar tbody td a.ui-state-highlight {
	color: #0E713A;
	border: 1px solid #0E713A;
}

.ui-datepicker-header {
	background: #112387;
	float: left;
	width: 100%;
}

.form_button .update_user_setting {
	background: #112387;
}

.ui-datepicker-header a span {
	display: none;
}

.ui-datepicker-header a.ui-corner-all {
	cursor: pointer;
	position: absolute;
	top: 0;
	width: 25px;
	height: 25px;
	margin: 0.5rem;
	border-radius: 0.5rem;
}

.ui-datepicker-header a.ui-datepicker-prev {
	left: 0;
}

.ui-datepicker-header a.ui-datepicker-prev::after {
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	left: 10px;
	top: 7px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.ui-datepicker-header a.ui-datepicker-next {
	right: 0;
}

.ui-datepicker-header a.ui-datepicker-next::after {
	border-width: 2px 2px 0 0;
	border-style: solid;
	border-color: #fff;
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	left: 4px;
	top: 7px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.ui-datepicker-title {
	text-align: center;
	line-height: normal;
	font-size: 15px;
	font-weight: normal;
	padding: 13px 0;
	color: #fff;
}

.ui-datepicker-week-col {
	color: #353535;
	font-weight: 400;
	font-size: 0.75rem;
}

/* Timepicker */
.timepicker_wrapper {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #00000082;
	width: 100%;
	height: 100vh;
}

.timepicker_hour,
.timepicker_minute,
.timepicker_ampm {
	scroll-behavior: smooth;
	-ms-overflow-style: none;
	scrollbar-width: none;
	border: 1px solid #80808080;
	color: #0000009e;
	font-weight: bold;
}

.timepicker_hour::-webkit-scrollbar,
.timepicker_minute::-webkit-scrollbar,
.timepicker_ampm::-webkit-scrollbar {
	display: none;
}

.timepicker_hour option,
.timepicker_minute option,
.timepicker_ampm option {
	font-weight: bold;
	padding: 5px 25px;
}

.timepicker_control {
	text-align: end;
	margin-top: 5px;
	margin-bottom: 10px;
}

.timepicker_control button {
	padding: 7px 15px;
	border: none;
	font-weight: bold;
	background-color: green;
	color: white;
	margin-left: 8px;
}

.timepicker_wrapper_main {
	width: fit-content;
	border: 1px solid gray;
	padding: 0px 12px;
}

.timepicker_control button:first-child {
	background-color: #ff0000db;
	color: white;
	margin-right: 15px;
}

.timepicker_header {
	text-align: center;
	color: #0000008a;
	margin: 5px 0px;
}

.select2-container {
	width: 100% !important;
}


/*
>>>>>>> 30a195e12fc3926d9724165d9fb495a96970d98a
font-family: 'product_sansbold';
font-family: 'product_sansregular';
*/
/*Responsive CSS
=================================================================*/

@media only screen and (max-width:2560px) {}

@media only screen and (max-width:2100px) {}

@media only screen and (max-width:1900px) {}

@media only screen and (max-width:1700px) {}

@media only screen and (max-width:1365px) {
	.dashboard-main {
		padding-left: 25px;
	}

	.dashboard-header {
		padding: 20px 30px 20px 265px;
	}

	.dashboard-content-area {
		padding-right: 30px;
	}

	.breadcrumbs h2 {
		font-size: 25px;
	}

	.active-tag,
	.deactive-tag,
	.blocked-tag,
	.unblocked-tag {
		width: 85px;
		padding: 3px;
		font-size: 12px;
		border-radius: 6px;
	}

	.dashboard-search {
		border-radius: 6px;
		padding-left: 38px;
		width: 270px;
		height: 36px;
	}

	.dashboard-search img {
		width: 17px;
		left: 10px;
	}

	.dashboard-search input {
		font-size: 14px;
		padding: 8px 8px 8px 0;
	}

	.breadcrumbs {
		padding-bottom: 18px;
	}

	.right-box {
		margin-top: -50px;
	}

	div.dataTables_wrapper div.dataTables_length {
		margin-bottom: 20px;
	}

	div.dataTables_wrapper div.dataTables_length::after {
		top: 12px;
		width: 8px;
		height: 8px;
	}

	div.dataTables_wrapper div.dataTables_length select {
		width: 75px;
		margin-left: 8px;
	}

	div.dataTables_wrapper div.dataTables_filter {
		margin-bottom: 20px;
	}

	div.dataTables_wrapper div.dataTables_filter input {
		width: 230px;
		padding: 0 5px 0 35px;
	}

	div.dataTables_wrapper div.dataTables_paginate {
		margin: 30px 0 0;
	}

	.dataTable_download_btn {
		margin-top: -31px;
	}

	.dataTable_download_btn input[type="button"] {
		width: 140px;
		border-radius: 4px;
		padding: 6px 16px 6px;
		margin-right: 15px;
		font-size: 12px;
	}

	.site-logo {
		padding: 22px 0 22px;
	}

	.site-logo a {
		width: 100px;
	}

	.header-right {
		padding: 0;
	}

	.chart-info {
		float: right;
		width: 48%;
	}

	.activity-cont h3 {
		font-size: 19px;
		line-height: 34px;
		margin: 0 0 40px;
	}

	.chart-info h4 {
		font-size: 16px;
		line-height: 19px;
		margin: 0 0 24px;
	}

	.chart-box {
		padding-top: 50px;
	}

	.block-user {
		padding-bottom: 30px;
	}

	.block-user h5 {
		font-size: 19px;
		line-height: 22px;
		margin: 0 0 18px;
	}

	.settings-form .form-field {
		width: 62%;
	}

	.line-chart {
		padding-top: 41px;
	}

	.notification li strong {
		padding-bottom: 5px;
	}

	.notification li a {
		display: block;
		padding: 6px 8px;
	}

	.notification li figure {
		width: 50px;
		height: 50px;
		margin: 8px 10px 0 0;
	}
	
	.btn-light {
		padding: 6px 7px !important;
	}
	.select2-container--default .select2-selection--single .select2-selection__rendered {
		font-size: 16px;
	}
	.c_panel1 .col-sm-2 {
		width: 30%;
		margin-bottom: 20px;
		float: left;
	}
}

@media only screen and (max-width:1199px) {
	.dashboard-sidebar {
		width: 200px;
	}

	.dashboard-menu li a {
		font-size: 13px;
		padding: 12px 15px 9px 46px;
	}

	.dashboard-menu li a img {
		left: 15px;
		width: 16px;
	}

	.dashboard-panel {
		padding-left: 200px;
	}

	.dashboard-content-area {
		padding-bottom: 50px;
	}

	.dashboard-search {
		width: 240px;
	}

	.breadcrumbs h2 {
		font-size: 23px;
		line-height: 31px;
	}

	.breadcrumbs li {
		line-height: 11px;
		padding-left: 28px;
	}

	.breadcrumbs li::before {
		left: 8px;
		top: 0px;
		width: 8px;
		height: 8px;
	}

	.right-box {
		margin-top: -48px;
	}

	div.dataTables_wrapper div.dataTables_filter input {
		width: 212px;
	}

	.notify-box {
		margin-right: 15px;
	}

	div.dataTables_wrapper tbody td {
		padding: 12px 20px;
	}

	.dashboard-header {
		padding-left: 224px;
	}

	.chart-info li span {
		width: 15px;
		height: 15px;
		margin-right: 10px;
	}

	.chart-info li strong {
		font-size: 14px;
		line-height: 17px;
	}

	.login-form {
		border-radius: 12px;
		width: 350px;
	}

	.settings-form .form-field {
		width: 67%;
	}

	.settings-form strong {
		width: 30%;
	}

	.line-chart {
		padding-top: 53px;
	}
}

@media only screen and (max-width:1099px) {
	.dashboard-search {
		width: auto;
	}

	.dashboard-search input,
	div.dataTables_wrapper div.dataTables_filter input {
		width: 100px;
	}

	.dashboard-search input:focus,
	div.dataTables_wrapper div.dataTables_filter input:focus {
		width: 212px;
	}

	.user-view-content li:nth-child(1) {
		width: 16%;
	}

	.user-view-content li:nth-child(2) {
		width: 24%;
	}

	.activity-cont {
		padding: 30px 16px 10px 16px;
	}

	.chart-box {
		width: 100%;
		padding-top: 0;
	}

	.pie-chart {
		margin: 0 auto 30px;
	}

	.chart-info {
		width: 100%;
		float: left;
	}

	.chart-info li {
		width: 100% !important;
	}

	.settings-form strong {
		width: 35%;
	}

	.settings-form .form-field {
		width: 65%;
	}

	.color_box {
		width: 122px;
		margin-right: 15px;
	}

	.color_box input,
	.minicolors-theme-default.minicolors {
		width: 100% !important;
	}

	.color_box em {
		padding-bottom: 11px;
	}

	.check-notify label strong {
		font-size: 17px;
		line-height: 14px;
		padding-bottom: 9px;
	}

	.check-notify label small {
		font-size: 13px;
	}

	.dashboard-content strong {
		font-size: 20px;
	}

	.dashboard-content span {
		font-size: 15px;
		line-height: 16px;
		padding-bottom: 5px;
	}

	.dash-cont-panel1>ul>li span {
		font-size: 15px;
		padding-right: 11px;
	}
}

@media only screen and (max-width:992px) {
	.dashboard-sidebar {
		left: -100%;
		-webkit-transition: all ease-in-out 0.2s;
		-moz-transition: all ease-in-out 0.2s;
		-ms-transition: all ease-in-out 0.2s;
		transition: all ease-in-out 0.2s;
	}

	.dashboard-header {
		padding-left: 20px;
	}

	.dashboard-sidebar.show-sidebar {
		left: 0;
	}

	a.mob-btn {
		background: url(images/menu-icon.png) 0 2px no-repeat;
		background-size: contain;
		display: block;
		float: right;
		width: 25px;
		height: 25px;
		margin: 5px 0px 5px 16px;
		transition: unset !important;
	}

	a.mob-btn.close {
		background-image: url(images/close-icon.png);
		background-size: 18px auto;
		background-position: center;
		opacity: 1;
	}

	.dashboard-panel {
		padding-left: 0px;
	}

	.mob-cont {
		display: block;
		float: left;
		padding-right: 20px;
	}

	.mob-cont .site-logo {
		padding: 5px 0;
	}

	.mob-cont .site-logo a {
		width: 80px;
	}

	.dashboard-main {
		padding-left: 20px;
	}

	.dashboard-header {
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.dashboard-content-area {
		padding-right: 20px;
		margin-top: 75px;
	}

	a.user-btn {
		font-size: 14px;
		padding-right: 18px;
	}

	a.user-btn img {
		width: 40px;
		margin: -2px 5px 0 0;
	}

	a.user-btn::after {
		background-size: contain;
		width: 10px;
		height: 7px;
	}

	.notify-box {
		margin-right: 12px;
	}

	.notify-box a.notify-btn {
		width: 35px;
	}

	.projcet-acc-trigger h2 {
		font-size: 17px;
		padding: 14px 20px;
	}

	.projcet-acc-trigger a.view_btn {
		border-radius: 4px;
		padding: 7px 10px 6px;
		font-size: 12px;
		margin: 10px 0 10px 12px !important;
	}

	.projcet-acc-trigger::after {
		border-width: 2px 2px 0 0;
		right: 20px;
		width: 13px;
		height: 13px;
	}

	.projcet-acc-trigger.current::after {
		margin-top: 6px;
	}

	.projcet-acc-trigger {
		padding-right: 53px;
	}

	.right_div {
		right: 62px;
	}

	.projcet-acc-cont {
		padding: 20px 20px 10px;
	}

	.projcet-acc-cont li {
		margin-bottom: 15px;
	}

	.projcet-acc-cont li input {
		border-radius: 8px;
		padding: 13px 16px 13px;
		font-size: 14px;
	}

	.projcet-acc-cont li strong {
		font-size: 14px;
		padding: 15px 0 12px 0;
	}

	.settings-form .form-field .input-field {
		width: 100%;
	}

	.upload-box {
		width: 100%;
	}

	.yes {
		border-radius: 8px;
	}

	.yes::before {
		border-radius: 8px 0 0 8px;
	}

	.dash-cont-panel3 {
		padding-bottom: 18px;
	}

	.table-holder h3 {
		padding: 20px 0;
		font-size: 22px;
	}

	@media only screen and (max-width:767px) {
		.user-view-content ul {
			padding: 0 16px;
		}

		.user-view-content li:last-child {
			width: 16%;
		}

		.user-view-content li:nth-child(2) {
			width: 28%;
		}

		.user-activity-check {
			padding: 30px 16px 20px;
		}

		.user-activity-check strong {
			padding-right: 25px;
		}

		.user-activity-check .toggle,
		.user-activity-check .toggle i {
			width: 40px;
			height: 20px;
		}

		.settings-form {
			padding: 20px;
		}

		.settings-form strong {
			width: 25.7%;
			font-size: 14px;
			padding: 15px 0 13px;
		}

		.settings-form .form-field .input-field input {
			border-radius: 8px;
			padding: 13px 12px;
			font-size: 14px;
		}

		.form_button input,
		.form_button a,
		.form_button button {
			width: 180px;
			margin-right: 20px;
			border-radius: 8px;
		}

		.color_box input,
		.minicolors-theme-default.minicolors {
			border-radius: 8px !important;
		}

		.minicolors-theme-default .minicolors-swatch {
			top: 10px;
			left: 10px;
			width: 25px;
			height: 25px;
		}

		.color_box {
			width: 115px;
			margin-right: 15px;
		}

		.color_box input {
			width: 114px !important;
			padding: 0 0 0 43px !important;
		}

		.settings-form strong {
			width: 35%;
		}

		.upload-box {
			width: 100%;
		}

		.settings-form .form-field .input-field .link1 {
			font-size: 14px;
			line-height: 25px;
		}

		.check-notify {
			padding-bottom: 30px;
		}

		.dash-cont-panel2 {
			padding: 0;
		}

		.dash-cont-panel2 .panel2-holder {
			margin: 0;
		}

		.dash-cont-panel2 .panel2-inner {
			width: 100%;
			margin: 0 0 40px;
		}

		.line-chart {
			padding-top: 0px;
			padding-bottom: 30px;
		}

		.notification {
			min-height: inherit;
			padding-bottom: 20px;
		}

		.notification ul {
			width: 100%;
			float: left;
			height: 350px;
			overflow: hidden;
			overflow-y: auto;
		}

		.send-notify-form {
			padding: 0px 15px 30px 15px;
		}

		.send-notify-form li strong {
			width: 34%;
			padding: 16px 0;
			font-size: 15px;
		}

		.send-notify-form li .form_field {
			width: 66%;
		}

		.send-notify-form li .form_field input,
		.send-notify-form li .form_field textarea {
			border-radius: 8px;
		}
	}

	@media only screen and (max-width:690px) {

		.dashboard-search input,
		div.dataTables_wrapper div.dataTables_filter input {
			width: 85px;
		}

		.dashboard-search {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 6;
		}

		.dashboard-search-holder {
			position: relative;
			float: left;
		}

		.right-box {
			margin: 0 0 20px;
		}

		.user-view-content li strong {
			font-size: 14px;
			padding-bottom: 22px;
		}

		.user-view-content li span {
			font-size: 13px;
		}

		.user-view-content .custom_tabs1>.tabs_nav a {
			width: 33.3%;
		}

		.activity-cont {
			padding: 30px 16px 10px 16px;
			width: 100%;
			border-right: none !important;
			border-bottom: 1px solid #B6C4BC !important;
		}

		.activity-cont-holder {
			border-bottom: none;
		}

		.activity-cont h3 {
			font-size: 17px;
			line-height: 36px;
		}

		.settings-panel .custom_tabs1>.tabs_nav a {
			width: 33.3%;
		}

		.settings-form strong {
			width: 100%;
			padding: 5px 0 10px;
			font-size: 15px;
		}

		.settings-form .form-field {
			width: 100%;
		}

		.form_button {
			text-align: center;
		}

		.check-notify .check2 {
			width: 30px;
			height: 30px;
			margin-right: 11px;
		}

		.dash-cont-panel1>ul {
			margin: 0 -1%;
		}

		.dash-cont-panel1>ul>li {
			width: 31.3%;
			border-radius: 10px;
			padding: 13px 12px 12px;
			margin: 0 1%;
		}

		.dash-cont-panel1>ul>li img {
			width: 20px;
			margin: 1px 4px 0 0;
		}

		.dash-cont-panel1>ul>li span {
			font-size: 14px;
			padding-right: 8px;
		}

		.dash-cont-panel2 .panel2-inner,
		.dash-cont-panel3>ul>li {
			border-radius: 10px;
		}

		.table-holder h3 {
			padding: 20px 0 11px;
			font-size: 20px;
		}
	}

	@media only screen and (max-width:560px) {

		.dashboard-search input,
		div.dataTables_wrapper div.dataTables_filter input {
			width: 65px;
		}

		.dashboard-search input:focus,
		div.dataTables_wrapper div.dataTables_filter input:focus {
			width: 190px;
		}

		div.dataTables_wrapper div.dataTables_filter::before {
			display: none;
		}

		div.dataTables_wrapper div.dataTables_filter input {
			background: #fff url(images/search-icon.png) 12px 10px no-repeat;
			background-size: 17px;
			position: absolute;
			right: 0;
			top: 0;
			z-index: 6;
		}

		.dataTable_download_btn {
			margin-top: -41px;
			width: 140px;
		}

		.dataTable_download_btn input[type="button"] {
			margin: 0 0 7px;
			width: 100%;
		}

		.breadcrumbs h2 {
			font-size: 20px;
		}

		.breadcrumbs ul {
			padding: 2px 0 0;
		}

		.user-view-content li,
		.user-view-content li:nth-child(1),
		.user-view-content li:nth-child(2),
		.user-view-content li:last-child {
			width: 50%;
			padding: 0 0 22px;
		}

		.user-view-content li strong {
			padding-bottom: 8px;
		}

		.user-activity-check {
			padding-top: 17px;
		}

		.projcet-cont {
			padding: 15px 10px;
		}

		.projcet-cont div.dataTables_wrapper div.dataTables_filter input {
			top: -13px;
		}

		.activity-cont .month-view {
			width: 138px;
		}

		.activity-cont .month-view input {
			font-size: 13px;
			border-radius: 6px;
			padding: 9px 10px 8px;
		}

		.activity-cont .month-view::after {
			border-width: 1px 1px 0 0;
			width: 9px;
			height: 9px;
		}

		.dataTables_length {
			padding-left: 12px;
		}

		div.dataTables_wrapper div.dataTables_length label {
			font-size: 14px;
		}

		div.dataTables_wrapper div.dataTables_length select {
			width: 70px;
		}

		.dataTables_filter {
			padding-right: 12px;
		}

		.projcet-acc-cont li strong {
			width: 100%;
			padding-top: 10px;
		}

		.projcet-acc-cont li input {
			width: 100%;
		}

		.projcet-acc-trigger h2 {
			font-size: 15px;
			padding: 15px 20px 13px;
		}

		.right_div {
			right: 47px;
		}

		.projcet-cont.odd div.dataTables_wrapper div.dataTables_filter input {
			top: 0;
		}

		.check-notify .check2 {
			width: 30px;
			height: 30px;
			margin-right: 11px;
		}

		.check-notify .check2 i {
			width: 30px;
			height: 30px;
		}

		.check-notify label small {
			font-size: 13px;
			width: 244px;
		}

		.previewBox {
			margin: 0 auto;
		}

		.color_box {
			width: 50%;
			margin: 0 0 18px;
		}

		.color_box em {
			padding: 10px 0 6px;
			font-size: 14px;
		}

		.color_box input {
			width: 136px !important;
		}

		.settings-panel h3 {
			font-size: 19px;
			margin: 15px;
		}

		.dash-cont-panel1>ul {
			margin: 0;
		}

		.dash-cont-panel1>ul>li {
			width: 100%;
			margin: 0 0 15px;
			text-align: center;
		}

		.dash-cont-panel1 {
			padding-bottom: 20px;
		}

		.dashboard-main div.dataTables_wrapper div.dataTables_filter input {
			top: -14px;
		}

		.notification {
			width: 361px;
			right: -139px;
		}

		.notification:before,
		.notification::after {
			display: none !important;
		}

		.send-notify-form li strong {
			width: 100%;
			padding: 4px 0 8px;
			font-size: 14px;
			font-weight: normal;
		}

		.send-notify-form li .form_field {
			width: 100%;
		}

		.pushNotify-cont .tabs_nav a {
			width: 50%;
		}
	}

	@media only screen and (max-width:479px) {
		.mob-cont {
			padding-right: 8px;
		}

		.mob-cont .site-logo {
			padding: 8px 0 0;
		}

		.mob-cont .site-logo a {
			width: 74px;
		}

		.dashboard-header {
			height: 102px;
		}

		.dashboard-search-holder {
			position: absolute;
			left: 20px;
			top: 56px;
			float: none;
			width: 100%;
		}

		.dashboard-search {
			width: 89%;
		}

		.dashboard-search input {
			width: 278px !important;
		}

		.notify-box {
			margin-right: 7px;
			padding: 5px 0;
		}

		.notify-box a.notify-btn {
			width: 31px;
		}

		a.mob-btn {
			margin-left: 11px;
		}

		a.user-btn img {
			width: 37px;
			margin: 2px 5px 0 0;
		}

		.right-box .active-tag,
		.right-box .deactive-tag,
		.right-box .blocked-tag,
		.right-box .unblocked-tag {
			width: 73px;
			margin-left: 3px;
			border-radius: 4px;
		}

		.dashboard-content-area {
			margin-top: 108px;
		}

		.projcet-acc-cont {
			padding-top: 40px;
		}

		.right_div {
			right: 14px;
			top: inherit;
			bottom: -45px;
		}

		#viewPDF .modal-inner {
			width: 98%;
		}

		.settings-form {
			padding: 20px 15px;
		}

		.form_button {
			padding: 20px 0;
		}

		.form_button input,
		.form_button a,
		.form_button button {
			width: 100%;
			margin: 0 0 10px;
		}

		.dash-cont-panel3>ul {
			margin: 0;
		}

		.dash-cont-panel3>ul>li {
			width: 100%;
			margin: 0 0 15px;
		}

		.notification {
			width: 320px;
			right: -160px;
			top: 45px;
		}
	}

	@media only screen and (max-width:420px) {}

	@media only screen and (max-width:390px) {}

	@media only screen and (max-width:375px) {}

	@media only screen and (max-width:360px) {}

	@media only screen and (max-width:320px) {}