/*=============== General Styling ===================*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License:none (public domain)
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
:root {
	--theme-color: #007ca7;
}

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

body {
	line-height: 1.6;
}

blockquote,
q {
	quotes: none;
}

	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: '';
		content: none;
	}

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

html {
	overflow-x: hidden;
	height: 100%;
}

body {
	background: #eaeaea;
	color: #4e4e4e;
	height: 100%;
	letter-spacing: 0;
	font-family: roboto;
	overflow-x: hidden;
}

	body * {
		outline: none !important;
		border-color: #bebcbc;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 20px;
	font-weight: 500;
	color: #4e4e4e;
	line-height: 1.4;
}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 28px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 20px;
}

h6 {
	font-size: 16px;
	font-weight: 600;
	margin: 0 0 5px;
}

p {
	color: #7c7c7c;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.7;
	margin-bottom: 10px;
}

a {
	color: inherit;
}

	a:hover,
	a:focus {
		text-decoration: none;
		outline: none;
		color: inherit;
	}

input:hover,
input:focus {
	outline: none;
}

section {
	float: left;
	position: relative;
	width: 100%;
}

i {
	font-style: italic;
}

img {
	float: left;
	height: auto;
}

:-webkit-input-placeholder,
:-webkit-textarea-placeholder {
	opacity: 1;
}

:-moz-placeholder {
	opacity: 1;
}

:-ms-input-placeholder,
:-ms-textarea-placeholder {
	opacity: 1;
}

input[type="text"],
input[type="email"],
input[type="file"] ~ label,
input[type="password"],
textarea,
select,
input[type="date"],
input[type="datetime-local"],
input[type="url"],
input[type="time"],
input[type="tel"],
input[type="submit"],
input[type="number"],
input[type="month"],
input[type="week"] {
	background: #fff;
	border: 1px solid #BBBBC3;
	color: #565656;
	font-size: 12px;
	height: 30px;
	margin-bottom: 0;
	font-family: Roboto;
	padding: 0 10px;
	width: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

::placeholder {
	color: #BBBBC3;
}

input[type="checkbox"],
input[type="radio"] {
	vertical-align: middle;
	height: unset !important;
}

textarea {
	max-width: 100%;
	min-height: 80px;
	padding: 10px 10px;
}

select[multiple] {
	min-height: 110px;
	font-size: 12px;
	padding: 5px 0px;
}

	select[multiple] option {
		padding: 3px 10px;
	}

.inline select[multiple] {
	padding: 0;
}

strong {
	font-weight: 600;
}

img {
	max-width: 100%;
}

input::placeholder {
	opacity: 1;
}

a {
	text-decoration: none;
}

.badge {
	font-weight: 300;
	min-width: 70px;
	color: #fff;
}

	.badge i {
		margin: 0px;
		font-size: 14px;
	}

.custom-height-1x {
	height: 30px;
}

.custom-height-2x {
	height: 60px;
}

.custom-height-3x {
	height: 90px;
}

.custom-height-4x {
	height: 120px;
}

.custom-height-5x {
	height: 150px;
}

.custom-height-6x {
	height: 180px;
}

.custom-paddingtop-1x {
	padding-top: 30px;
}

.custom-paddingtop-2x {
	padding-top: 60px;
}

.custom-paddingtop-3x {
	padding-top: 90px;
}

.custom-paddingtop-4x {
	padding-top: 120px;
}

.custom-paddingtop-5x {
	padding-top: 150px;
}

.custom-paddingtop-6x {
	padding-top: 180px;
}

.custom-paddingtop-15 {
	padding-top: 15px;
}

.custom-paddingbottom-1x {
	padding-bottom: 30px;
}

.custom-paddingbottom-2x {
	padding-bottom: 60px;
}

.custom-paddingbottom-3x {
	padding-bottom: 90px;
}

.custom-paddingbottom-4x {
	padding-bottom: 120px;
}

.custom-paddingbottom-5x {
	padding-bottom: 150px;
}

.custom-paddingbottom-6x {
	padding-bottom: 180px;
}

.m-top-5 {
	margin-top: 5px;
}

.m-top-10 {
	margin-top: 10px;
}

.m-top-15 {
	margin-top: 15px;
}

.m-top-20 {
	margin-top: 20px;
}

.m-top-25 {
	margin-top: 25px;
}

.m-top-30 {
	margin-top: 30px;
}

.m-top-35 {
	margin-top: 35px;
}

.m-top-40 {
	margin-top: 40px;
}

.m-top-50 {
	margin-top: 50px;
}

.m-top-80 {
	margin-top: 80px;
}

.m-top-100 {
	margin-top: 100px;
}

.m-bot-0 {
	margin-bottom: 0 !important;
}

.m-bot-10 {
	margin-bottom: 10px;
}

.m-bot-15 {
	margin-bottom: 15px;
}

.m-bot-20 {
	margin-bottom: 20px;
}

.m-bot-25 {
	margin-bottom: 25px;
}

.m-bot-30 {
	margin-bottom: 30px;
}

.m-bot-35 {
	margin-bottom: 35px;
}

.m-bot-40 {
	margin-bottom: 40px;
}

.m-bot-50 {
	margin-bottom: 50px;
}

.m-bot-80 {
	margin-bottom: 80px;
}

.m-bot-100 {
	margin-bottom: 100px;
}

.m-bot-150 {
	margin-bottom: 150px;
}

.color1 {
	background-color: var(--theme-color);
}

.color2 {
	background-color: #7a9eff;
}

.color3 {
	background-color: #F67A48;
}

.color4 {
	background-color: #d17efd;
}

.color5 {
	background-color: #8a70b1;
}

.color6 {
	background-color: #f37d62;
}

.color7 {
	background-color: #137F13;
}

.color8 {
	background-color: #FF9900;
}

.color9 {
	background-color: #0AA4AF;
}

.color10 {
	background-color: #0AAF67;
}

.color11 {
	background-color: #e92d2d;
}

.color12 {
	background-color: #0e83ab;
}

.color13 {
	background-color: #818182;
}

.color14 {
	background-color: #dca46e;
}

.color15 {
	background-color: #f6f6fd;
}

.color16 {
	background-color: #B91E3A;
}

.color17 {
	background-color: #5D5D5D;
}

.color18 {
	background: #fff !important;
}

.btn-outline {
	border: 1px solid #818182 !important;
	color: #333 !important;
}

.txt-color1 {
	color: var(--theme-color) !important;
}

.txt-color2 {
	color: #7a9eff;
}

.txt-color3 {
	color: #F67A48;
}

.txt-color4 {
	color: #d17efd;
}

.txt-color5 {
	color: #8a70b1;
}

.txt-color6 {
	color: #f37d62;
}

.txt-color7 {
	color: #137F13;
}

.txt-color8 {
	color: #FF9900;
}

.txt-color9 {
	color: #0AA4AF;
}

.txt-color10 {
	color: #0AAF67;
}

.txt-color11 {
	color: #e92d2d;
}

.txt-color12 {
	color: #0e83ab;
}

.txt-color13 {
	color: #818182;
}

.txt-color14 {
	color: #dca46e;
}

.txt-color15 {
	color: #f6f6fd;
}

.txt-color16 {
	color: #B91E3A;
}

.txt-color17 {
	color: #5D5D5D;
}

.txt-color18 {
	color: #fff;
}

.bdr-color1 {
	border-color: var(--theme-color);
}

.bdr-color2 {
	border-color: #7a9eff;
}

.bdr-color3 {
	border-color: #F67A48;
}

.bdr-color4 {
	border-color: #d17efd;
}

.bdr-color5 {
	border-color: #8a70b1;
}

.bdr-color6 {
	border-color: #f37d62;
}

.bdr-color7 {
	border-color: #137F13;
}

.bdr-color8 {
	border-color: #FF9900;
}

.bdr-color9 {
	border-color: #0AA4AF;
}

.bdr-color10 {
	border-color: #0AAF67;
}

.bdr-color11 {
	border-color: #e92d2d;
}

.bdr-color12 {
	border-color: #0e83ab;
}

.bdr-color13 {
	border-color: #818182;
}

.bdr-color14 {
	border-color: #dca46e;
}

.bdr-color15 {
	border-color: #f6f6fd;
}

.bdr-color16 {
	border-color: #B91E3A;
}

.bdr-color17 {
	border-color: #5D5D5D;
}

.bdr-color18 {
	border-color: #fff;
}
/*=============== Cross Browser Compatibility ===================*/
a,
ul.opt-dropdown li,
ul.opt-dropdown,
.tabs-selectors li a:after,
.tabs-selectors li a:before,
.sprite-icon,
.pv-progresser input[type="checkbox"] + label:after,
.sideheader,
.custom-tooltip,
.layout-wrapper.top-nav .sideheader li ul,
.layout-wrapper.top-nav .sideheader li ul li,
.more-links > ul,
.info,
.widget,
i.bar,
.sidepanel-btn:before,
.sidepanel-btn:after,
.new-template {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.modal-dialog .modal-content {
	border: none;
	height: 100%;
	box-shadow: -5px 0px 7px rgb(0 0 0 / 10%);
}

.close-popup {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
/*=============== Header ===================*/
header {
	background: #1c6a90;
	position: relative;
	z-index: 5;
	flex-wrap: wrap;
	display: flex;
	align-items: center;
	min-height: 62px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
	header .logo a {
		display: flex;
		align-items: center;
	}
.modal-dialog .modal-content {
	border: none;
}

.logo {
	background: #FFF;
	vertical-align: middle;
	min-width: 240px;
	padding: 5px 15px;
	text-align: center;
}
	.logo img {
		float: none;
		max-height: 45px;
		max-width: 160px;
	}
.menu-icon {
	color: #FFF;
	margin-left: 20px;
	width: 45px;
	height: 45px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	line-height: 30px;
	font-size: 18px;
}
	.menu-icon:hover,
	.menu-icon:active,
	.menu-icon:focus {
		color: #FFF;
	}
.sec-sidemenu a.menu-icon {
	display: block;
}

.lines {
	-moz-transition: background 0.2s ease 0.4s;
	-o-transition: background 0.2s ease 0.4s;
	-webkit-transition: background 0.2s ease;
	-webkit-transition-delay: 0.4s;
	transition: background 0.2s ease 0.4s;
	display: block;
	width: 100%;
	height: 2px;
	background: #aaa;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	width: 60%;
	margin: 0 20%;
	position: relative;
	background: #505050;
	top: 22px;
}

.menu-icon .lines:before,
.menu-icon .lines:after {
	display: block;
	width: 40%;
	height: 2px;
	background: #aaa;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	position: absolute;
	left: 0;
	content: '';
	background: #505050;
	-moz-transition: left 0.2s ease 0s, width 0.2s ease 0.2s, top 0.2s ease 0.4s;
	-o-transition: left 0.2s ease 0s, width 0.2s ease 0.2s, top 0.2s ease 0.4s;
	-webkit-transition: left 0.2s ease, width 0.2s ease, top 0.2s ease;
	-webkit-transition-delay: 0s, 0.2s, 0.4s;
	transition: left 0.2s ease 0s, width 0.2s ease 0.2s, top 0.2s ease 0.4s;
}

.menu-icon .lines:before {
	top: -8px;
}

.menu-icon .lines:after {
	top: 8px;
}

.menu-trigger .lines {
	-moz-transition: background 0.2s ease 0s;
	-o-transition: background 0.2s ease 0s;
	-webkit-transition: background 0.2s ease;
	-webkit-transition-delay: 0s;
	transition: background 0.2s ease 0s;
}

	.menu-trigger .lines:before,
	.menu-trigger .lines:after {
		-o-transition: left 0.2s ease 0s, width 0.2s ease 0.2s, -o-transform 0.2s ease 0.4s;
		-webkit-transition: left 0.2s ease, width 0.2s ease, -webkit-transform 0.2s ease;
		-webkit-transition-delay: 0s, 0.2s, 0.4s;
		transition: left 0.2s ease 0s, width 0.2s ease 0.2s, transform 0.2s ease 0.4s;
		left: calc(100% - 40%);
	}
.info {
	padding-left: 20px;
	color: #FFF;
}

	.info a {
		float: left;
		font-size: 14px;
		padding-right: 15px;
		margin-right: 15px;
		position: relative;
	}

		.info a::before {
			content: "";
			position: absolute;
			right: 0;
			top: -3px;
			width: 1px;
			height: 30px;
			background: linear-gradient(transparent, #fff, transparent);
			opacity: 0.3;
		}

		.info a:last-child {
			padding: 0 !important;
			margin: 0 !important;
		}

			.info a:last-child:before {
				display: none;
			}

		.info a strong {
			font-weight: 400;
			color: #eaeaea;
		}

.more-links {
	background: #FFF;
	padding: 4px 7px;
	margin: 0 0 0 auto;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	position: relative;
	z-index: 2;
}

	.more-links > ul {
		list-style: none;
		float: left;
	}

		.more-links > ul > li {
			float: left;
			margin-left: 7px;
		}

	.more-links > img {
		margin-right: 15px;
		margin-top: 2px;
		cursor: pointer;
	}

	.more-links > ul > li > a {
		float: left;
		width: 33px;
		height: 33px;
		text-align: center;
		line-height: 40px;
		position: relative;
		overflow: hidden;
		z-index: 1;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

		.more-links > ul > li > a img {
			float: none;
			width: 18px;
		}

		.more-links > ul > li > a:before {
			content: "";
			position: absolute;
			left: -15%;
			top: 5%;
			width: 100%;
			height: 50%;
			background: #FFF;
			opacity: 0.2;
			z-index: -1;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		.more-links > ul > li > a.text-btn {
			width: auto;
			color: #FFF;
			font-size: 13px;
			line-height: 2.5;
			padding: 0 20px;
			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;
		}

			.more-links > ul > li > a.text-btn:before {
				left: 0;
				top: 0;
				opacity: 0.1;
				-webkit-ransform: rotate(0);
				-moz-transform: rotate(0);
				transform: rotate(0);
			}

.profile-pic {
	margin: 0 15px 0 10px;
	position: relative;
	order: 2;
}

	.profile-pic a.profileopt-btn {
/*		overflow: hidden;*/
		display: flex;
		align-items: center;
	}
.header-profile-pic {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-right: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-weight: bold;
	cursor: pointer;
}
span.header-profile-pic {
	border: 2px solid #FFF;
	box-shadow: 0 0 3px rgb(0 0 0 / 20%);
}
.sidebar-profile-pic {
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-weight: bold;
	font-size: 15px !important;
}
/*.profile-pic a.profileopt-btn img {
			width: 40px;*/
/*			margin-right: 10px;*/
/*-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
		}
		.profile-pic a.profileopt-btn span {
			font-size: 13px;
			font-weight: 500;
			padding-right: 15px;
			position: relative;
			color: #222;
		}
			.profile-pic a.profileopt-btn span:before {
				content: "\f0d7";
				right: 0;
				top: 0;
				font-family: 'fontAwesome';
				font-weight: 600;
				left: auto;
				position: absolute;
			}*/
.profile-pic ul {
	margin-top: 12px;
}

ul.opt-dropdown {
	position: absolute;
	right: 0;
	top: 0;
	min-width: 180px;
	background: #FFF;
	list-style: none;
	border: 1px solid #f0efee;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	-webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
}

	ul.opt-dropdown.active {
		top: 100%;
		opacity: 1;
		visibility: visible;
	}

	ul.opt-dropdown li {
		padding: 0;
		color: #212529;
		border-bottom: 1px solid #f0efee;
		margin-top: -30px;
		position: relative;
		display: table;
		width: 100%;
	}

	ul.opt-dropdown.active li {
		opacity: 1;
		margin-top: 0;
	}

	ul.opt-dropdown li:hover > a {
		background: #f0f3f3;
	}

	ul.opt-dropdown li:last-child {
		border: 0;
	}

	ul.opt-dropdown.style2 > li > a,
	ul.opt-dropdown.style2 > li > a:hover {
		background: #1a698f;
		color: #FFF;
	}

	ul.opt-dropdown li a {
		padding: 6px 10px 6px 10px;
		display: inline-block;
		width: 100%;
		font-size: 13px;
		font-weight: 500;
	}

		ul.opt-dropdown li a img {
			padding-right: 5px;
		}

	ul.opt-dropdown li ul {
		list-style: none;
		padding: 10px 0 10px;
		border-top: 1px solid #f0efee;
		display: none;
		max-height: 400px;
		overflow: auto;
	}

	ul.opt-dropdown li a span {
		overflow: hidden;
		margin: 0;
		color: #5f5f5f;
		font-size: 12px;
	}

	ul.opt-dropdown li a div.date-range span {
		color: #FFF;
	}

	ul.opt-dropdown li ul li a {
		padding: 5px 12px;
		color: #888787;
		display: flex;
		align-items: center;
	}

		ul.opt-dropdown li ul li a.active {
			background: #3492ff;
			color: #FFF;
		}
	/* ul.opt-dropdown li a:hover{background:#f2f8ff } */

	ul.opt-dropdown li ul li {
		border: 0;
		font-size: 14px;
	}

	ul.opt-dropdown li.has-dropdown:before,
	ul.opt-dropdown li.has-children:before {
		content: "\f107";
		position: absolute;
		right: 10px;
		top: 5px;
		font-size: 13px;
		font-family: "fontAwesome";
		font-weight: 600;
	}

	ul.opt-dropdown li ul ul li a {
		padding: 4px 26px;
		font-size: 14px;
	}

	ul.opt-dropdown li ul ul {
		background: #f5f7ff;
		border-bottom: 1px solid #f0efee;
		padding: 10px 0;
		margin: 0 0 5px;
	}

label.checkbox input {
	margin: 0 7px 0 0;
}

ul.opt-dropdown.wider {
	width: 230px;
}

ul .column-size li a img {
	width: 70px;
	float: right;
	padding: 0 0px 0 5px;
	margin-left: auto;
}

ul.opt-dropdown.openright {
	right: auto;
	left: 0;
}

ul.opt-dropdown.fixed {
	position: fixed;
	top: auto !important;
}

ul.opt-dropdown li ul.panel-color li a {
	display: unset;
	padding: 0 15px;
	float: left;
	width: 100%;
}
/* ul.checkList li label{
padding:4px 20px;
color:#888787;
}
ul.opt-dropdown li label{
width:100%;
font-size:inherit;
color:inherit;
margin:0;
cursor:pointer;
} */

/*=============== Responsive Header ===================*/

.responsive-header {
	display: none;
	width: 100%;
	justify-content: space-between;
	padding: 10px;
	align-items: center;
	background: #FFF;
	position: relative;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.responsive-btns {
	display: flex;
	align-items: center;
}

.responsive-logo img {
	width: 90px;
}

.responsive-profile img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 40px;
}

a.responsive-btn {
	width: 35px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}

.responsive-header-search {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: #FFF;
	height: 100%;
	z-index: 12;
}

	.responsive-header-search form {
		display: flex;
		height: 100%;
	}

		.responsive-header-search form input {
			height: 100%;
			background: none;
			border: 0;
			padding: 0 20px 0px 50px;
		}

		.responsive-header-search form button {
			width: 60px;
			background: no-repeat;
			border: 0;
			font-size: 17px;
		}

a.close-search {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 40px;
	line-height: 70px;
	text-align: center;
}

.responsive-info {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 10;
	background: #eee;
	padding: 10px;
	top: 50%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s linear;
}

	.responsive-info a {
		display: flex;
		justify-content: space-between;
		font-size: 12px;
		margin: 3px 0;
		flex-wrap: wrap;
		color: #828282;
	}

		.responsive-info a strong {
			font-weight: 500;
		}

	.responsive-info.active {
		top: 100%;
		visibility: visible;
		opacity: 1;
	}

.responsive-opts {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 10px;
	background: #f1f1f1;
	z-index: 10;
	top: 50%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.2s linear;
}

	.responsive-opts.active {
		top: 100%;
		visibility: visible;
		opacity: 1;
	}

	.responsive-opts .more-links {
		display: flex;
		background: none;
		padding: 0;
	}

		.responsive-opts .more-links img {
			width: auto;
			margin: 0;
		}

		.responsive-opts .more-links > ul {
			margin-left: auto;
		}
/*=============== Footer ===================*/

.footer {
	display: flex;
	background: #ffffff;
	margin: auto 0 0;
	padding: 0 20px;
	align-items: center;
	justify-content: space-between;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-top: 1px solid #ebebeb;
	height: 100px;
	height: 52px !important;
}
	.footer p {
		margin: 0;
		font-size: 13px;
		color: #4d4d4d;
		font-weight: 400;
	}

		.footer p img {
			float: none;
			vertical-align: middle;
			display: inline-block;
			margin-left: 10px;
		}
/*=============== layout Wrapper ===================*/

.layout-wrapper {
	display: flex;
	max-width: 109vw;
	position: relative;
	min-height: calc(100% - 62px);
	/* white-space: nowrap; */
}

	.layout-wrapper.top-nav {
		flex-direction: column;
	}
/*=============== Sideheader ===================*/
.sideheader {
	background: #4e4e4e;
	margin-left: -255px;
	width: 255px;
	min-width: 240px;
	/* min-height: 710px; */
	z-index: 1000 !important;
	position: sticky;
	top: 0;
	max-height: 100vh;
}

	.sideheader.active {
		margin-left: 0;
	}

	.sideheader > ul > li {
		font-size: 13px;
		color: #FFF;
		list-style: none;
		border-bottom: 1px solid #444;
	}

		.sideheader > ul > li > a {
			padding: 18px;
			display: flex;
			width: 100%;
			position: relative;
			align-items: center;
		}

			.sideheader > ul > li > a.active {
				background: #03a3db;
			}

		.sideheader > ul > li a img {
			margin-right: 12px;
			float: none;
			display: inline-block;
			vertical-align: middle;
		}

		.sideheader > ul > li > a i {
			font-size: 14px;
			margin-right: 8px;
			width: 20px;
			height: 20px;
			line-height: 20px;
			text-align: center;
			font-family: 'FontAwesome';
			font-weight: normal;
		}

	.sideheader > ul li.has-dropdown > a:before {
		content: "\f105";
		font-family: "fontAwesome";
		font-weight: 600;
		font-size: 10px;
		line-height: 1;
		order: 2;
		margin-left: auto;
	}

	.sideheader > ul li.has-dropdown > a.active:before {
		content: "\f107";
	}

	.sideheader > ul ul {
		padding: 20px;
		list-style: none;
		margin: -5px 0 0px 0px;
		display: none;
		border-top: 1px solid #444;
		background: rgb(89, 89, 89);
	}

		.sideheader > ul ul li {
			padding: 0;
			width: 100%;
			position: static;
		}

			.sideheader > ul ul li a {
				padding: 9px 0;
				width: 100%;
				display: flex;
				align-items: center;
				text-decoration: none;
			}

	.sideheader > ul > li.active > a {
		background: rgb(58, 58, 58);
		color: #ffffff;
	}

	.sideheader > ul ul li:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 1px;
		background: linear-gradient(to right, transparent, #dddddd42, transparent);
	}

	.sideheader > ul ul li:last-child:before {
		display: none;
	}

body .sideheader ul ul ul {
	background: rgba(41, 41, 41, 0.12) !important;
	margin: 10px -20px;
	border: 0;
	-webkit-box-shadow: 0 0 10px rgba(66, 66, 66, 0.4) inset;
	-moz-box-shadow: 0 0 10px rgba(66, 66, 66, 0.4) inset;
	box-shadow: 0 0 10px rgba(66, 66, 66, 0.4) inset;
}

.sideheader > ul ul li.has-dropdown > a:before {
	top: 11px;
	font-size: 14px;
	opacity: 0.7;
}

.sideheader.inactive {
	margin-left: 0;
	min-width: 55px;
	width: 65px;
	min-height: 100%;
}

	.sideheader.inactive > ul > li > a > span {
		display: none;
	}

	.sideheader.inactive > ul li.has-dropdown > a:before {
		display: none;
	}

	.sideheader.inactive ul li {
		white-space: nowrap;
	}

body .sideheader.inactive > ul ul {
	display: block;
	position: absolute;
	left: 0;
	background: #323232 !important;
	top: 0;
	z-index: 100;
	padding: 20px 10px !important;
	display: block !important;
	min-width: 210px;
	transform: translateX(-20px);
	opacity: 0;
	visibility: hidden;
	max-height: 100vh;
}

body .sideheader.inactive li:hover > ul {
	opacity: 1;
	visibility: visible;
	transform: translate(0);
}

.sideheader.inactive ul ul li.hasdropdown:before {
	display: block;
}

body .sideheader > ul ul li a i {
	font-size: 12px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px;
}

body .sideheader.inactive > ul ul.reverse {
	top: auto;
	bottom: 0;
}
/*=============== Top Navigation ===================*/

@media (min-width: 1200px) {
	.menu-icon.hide {
		display: none;
	}

	.layout-wrapper.top-nav .sideheader {
		margin: 0;
		padding: 10px 20px;
		width: 100%;
	}

		.layout-wrapper.top-nav .sideheader li {
			float: left;
			list-style: none;
			border: 0;
			margin: 0;
		}

			.layout-wrapper.top-nav .sideheader li a {
				padding: 10px 20px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
			}

				.layout-wrapper.top-nav .sideheader li a:hover {
					background: rgba(0, 0, 0, 0.1);
					color: #FFF;
				}

			.layout-wrapper.top-nav .sideheader li:before {
				display: none;
			}

			.layout-wrapper.top-nav .sideheader li a:before {
				display: none;
			}

		.layout-wrapper.top-nav .sideheader li {
			position: relative;
		}

			.layout-wrapper.top-nav .sideheader li ul {
				position: absolute;
				left: 0;
				top: 100%;
				display: block !important;
				padding: 10px 0 0px;
				margin: 0;
				min-width: 200px;
				z-index: 1;
				list-style: none;
				opacity: 0;
				visibility: hidden;
				background: none;
				-webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
				box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
			}

			.layout-wrapper.top-nav .sideheader li:hover ul {
				opacity: 1;
				visibility: visible;
			}

			.layout-wrapper.top-nav .sideheader li ul li {
				width: 100%;
				color: #333;
				margin: 0;
				padding: 0;
				background: #FFF;
			}

				.layout-wrapper.top-nav .sideheader li ul li a {
					padding: 10px 20px;
					border-bottom: 1px solid #ddd;
					font-size: 13px;
					float: left;
					width: 100%;
				}

			.layout-wrapper.top-nav .sideheader li li img {
				display: none;
			}

			.layout-wrapper.top-nav .sideheader li ul li:hover {
				background: #868686;
			}

			.layout-wrapper.top-nav .sideheader li ul ul {
				left: 100%;
				top: 0;
				padding: 0;
				opacity: 0 !important;
				visibility: hidden !important;
			}

			.layout-wrapper.top-nav .sideheader li ul li:hover > ul {
				opacity: 1 !important;
				visibility: visible !important;
			}
}
/*=============== Content Area ===================*/

.content-area {
	width: 100%;
	padding: 15px 0 0;
	flex: auto;
	width: 100px;
	display: flex;
	flex-direction: column;
}

	.content-area > div,
	.new-template {
		height: 100%
	}

		.content-area > div > .row,
		.new-template > .row,
		.childgrid.row {
			margin: 0 -5px;
		}

			.content-area > div > .row > div,
			.new-template > .row > div,
			.childgrid.row > div {
				padding: 0 5px;
				min-height: 0;
				transition: all 0.3s;
			}

				.content-area > div > .row > div:hover {
					z-index: 1;
				}

.information-boxes {
	margin: 0 -2.5px 0;
	display: flex;
	flex-wrap: wrap;
}

.info-box {
	display: flex;
	margin: 0 2.5px 0;
	padding: 12px 18px;
	flex: 1;
	align-items: center;
}
.information-boxes.gap-boxes {
	margin: 0 -10px 0;
}

.info-text {
	color: #FFF;
	padding: 8px 0;
}

	.info-text strong {
		display: table;
		font-size: 33px;
		/*	font-family: Akhand;
*/ line-height: 1;
		margin: 0 0 5px;
	}

	.info-text span {
		font-size: 20px;
		line-height: 1.4;
		display: inline-block;
	}

.info-progress {
	flex: auto;
	text-align: right;
}

.info-box img {
	margin-left: auto;
}

.bordered-boxes .info-box {
	border: 2px solid #FFF;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.rounded-boxes .info-box {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.gap-boxes .info-box {
	margin: 0 10px 10px;
}
/*.gap-boxes .information-boxes{margin:0 -10px }*/

.gradient-boxes .info-box {
	position: relative;
	z-index: 1;
}

	.gradient-boxes .info-box:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(#FFF, #000);
		opacity: 0.2;
		z-index: -1;
	}
/*=============== Program View ===================*/
.widget {
	background: #FFF;
	margin: 0;
	height: 100%;
	display: flex;
	max-width: 100%;
	position: relative;
	border-radius: 8px;
	flex-direction: column;
	border: 1px solid #ddd;
}

.resize {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 25px;
	text-align: center;
	cursor: n-resize;
	font-size: 13px;
	line-height: 25px;
}

span.resizable {
	background: #ecf1f4;
	width: 100%;
	float: left;
	width: 100%;
	left: 0 !important;
}

.widget:hover {
	z-index: 2;
}

.title-bar, .childtitle-bar {
	margin: 0;
	cursor: move;
	display: flex;
	width: 100%;
	position: relative;
	z-index: 100;
	padding: 5px 15px;
	align-items: center;
	border-radius: 7px 7px 0 0;
	min-height: 43px;
	border-bottom: 1px solid #f1f1f1;
	cursor: auto !important;
}

	.title-bar h3, .childtitle-bar h3 {
		margin: 0;
		font-size: 18px;
		font-weight: 500;
		float: left;
		position: relative;
		color: #212529;
		display: flex;
		line-height: 1.5;
		align-items: center;
	}

	.title-bar a.custom-btn.icon-only {
		color: inherit;
	}

	.title-bar h3 img,
	.title-bar h3 i,
	.childtitle-bar h3 img,
	.childtitle-bar h3 i {
		float: none;
		display: inline-block;
		vertical-align: middle;
		margin: 0 5px 0 0;
		font-size: 14px;
		min-width: 18px;
		max-height: 18px;
		display:none;
	}

	.title-bar .custom-btn,
	.childtitle-bar .custom-btn {
		/*float: right;*/
	}

	.title-bar .buttons-sets {
		margin-left: auto;
	}
/*.title-bar .custom-btn ~ .custom-btn,
.childtitle-bar .custom-btn ~ .custom-btn{
        margin-right:5px;
        margin-left:0;
}*/

.filter-options {
	float: right;
	position: relative;
}

ul.opt-dropdown li a.filter-btn {
	text-align: center;
	background: #f06025;
	color: #FFF;
	padding: 7px;
}

.selected-filters {
	float: right;
	font-size: 12px;
	color: inherit;
	line-height: 1.4;
	font-weight: 500;
}

	.selected-filters span {
		padding: 2px 9px;
		position: relative;
		color: inherit;
		display: inline-block;
	}

		.selected-filters span:before {
			content: "";
			position: absolute;
			right: 0;
			top: 0;
			width: 1px;
			height: 100%;
			background: linear-gradient(transparent, #8e8e8e, transparent);
			opacity: 0.5;
		}

		.selected-filters span:last-child:before {
			display: none;
		}

.custom-btn {
	display: inline-block;
	border: 0;
	text-decoration: none;
	color: #FFF !important;
	padding: 4px 10px;
	font-size: 11px;
	font-weight: 400;
	cursor: pointer;
	position: relative;
	/* -webkit-border-radius: 3px; */
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 1.3;
}

	.custom-btn.big {
		padding: 8px 20px;
		font-size: 16px;
	}

	.custom-btn.medium {
		font-size: 13px;
		padding: 6px 15px;
		display: inline-flex;
		place-items: center;
		min-height: 30px;
	}

	.custom-btn.no-radius {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	.custom-btn:hover,
	.custom-btn:focus,
	.custom-btn:active {
		color: #FFF;
	}

.buttons-set .custom-btn,
.buttons-set .btn {
	margin-left: 10px;
	margin-bottom: 10px;
}

.custom-btn ~ .custom-btn {
	margin-left: 5px;
}

.custom-btn.icon-btn-only {
	width: 22px;
	min-width: 22px;
	padding: 0;
	height: 22px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.custom-btn img {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
	max-height: 14px;
}

.custom-btn.icon-btn-only img {
	margin: 0;
}

.custom-btn.icon-btn-only i {
	margin: 0;
	color: #FFF;
	line-height: 1.8;
	font-size: 10px;
	position: relative;
}

	.custom-btn.icon-btn-only i.fa-minus {
		line-height: 2;
	}

.custom-btn.icon-only {
	padding: 0 2px;
	font-size: 12px;
	text-align: center;
	background: none;
	color: #6d6d6d;
}

	.custom-btn.icon-only i {
		margin: 0;
	}

.custom-tooltip {
	position: absolute;
	left: 50%;
	bottom: 100%;
	min-width: 70px;
	white-space: nowrap;
	z-index: 20;
	font-size: 12px !important;
	line-height: 1;
	padding: 5px 8px;
	color: #fff;
	background: #3a3a3a;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.custom-btn:hover .custom-tooltip {
	opacity: 1;
	visibility: visible;
	margin-bottom: 10px;
}

.custom-btn.collapse-btn {
	float: right;
}

.align-right .custom-btn ~ .custom-btn,
.form-footer.align-right .custom-btn ~ .custom-btn {
	margin-right: 0;
	margin-left: 8px;
}

.nav.tabs-selectors {
	float: right;
	margin-left: 40px;
	margin-top: -10px;
}

.tabs-selectors li {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0 10px;
}

	.tabs-selectors li a {
		padding: 14px 0 0;
		display: inline-block;
		line-height: 1;
		position: relative;
	}

		.tabs-selectors li a.active {
			color: #1c6a90;
		}

		.tabs-selectors li a:before {
			content: "";
			position: absolute;
			left: 50%;
			top: 0;
			width: 0;
			height: 5px;
			background: #1c6a90;
		}

		.tabs-selectors li a.active:before {
			left: 0;
			width: 100%;
		}

		.tabs-selectors li a:after {
			content: "";
			position: absolute;
			left: 50%;
			top: 0;
			width: 0;
			height: 0;
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			border-top: 7px solid #1c6a90;
			margin-left: -5px;
			opacity: 0;
		}

		.tabs-selectors li a.active:after {
			top: 5px;
			opacity: 1;
		}

		.tabs-selectors li a i {
			font-style: normal;
			display: inline-block;
			vertical-align: middle;
		}

.sprite-icon.tracking {
	background-image: url(Theme/AirviewX/images/tracking.png);
}

.sprite-icon.sites {
	background-image: url(Theme/AirviewX/images/sites.png);
}

.sprite-icon.issues {
	background-image: url(Theme/AirviewX/images/issues.png);
}

.sprite-icon.summary {
	background-image: url(Theme/AirviewX/images/summary.png);
}

.sprite-icon {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 4px;
	background-position: 0px -2px;
	vertical-align: middle;
}

a.active .sprite-icon {
	background-position: 0 -17px;
}

.tabs-selectors li a img {
	width: 24px;
	display: none;
}

.content-wrapper {
	width: 100%;
	padding: 12px 15px 12px;
	overflow: auto;
	margin-bottom: 0;
	height: auto;
	flex: auto;
	border-radius: 7px;
}

.title-bar .no-tableheaders ~ .content-wrapper {
	border-radius: 7px 7px 0 0;
}

.static_widgets.stretch .content-wrapper {
	height: calc(100vh - 215px);
	display: flex;
	flex-direction: column;
	min-height: 300px;
}

.content-wrapper.without-footer {
	height: calc(100vh - 195px);
}

.content-wrapper.normal {
	display: block;
}

.content-wrapper.no-padding {
	padding: 0;
}

.content-wrapper.narrow-padding {
	margin: 0 5px;
	width: calc(100% - 10px);
	padding: 0;
}

#programview {
	min-width: 200px;
	height: 310px;
	margin: 0 auto;
	float: left;
	width: 100%;
}

.date-range.datepicker {
	/*	font-family: akhand semibold;
*/ font-size: 17px;
}

.highcharts-credits {
	display: none;
}

.programview-content {
	width: 100%;
	display: inline-block;
	padding: 0 !important;
}

.pv-info-wrapper {
	float: left;
	margin: 0 0 20px;
	max-width: 70%;
}

.pv-info {
	float: left;
	background: #e0e0e0;
	margin-right: 10px;
	padding: 5px 5px;
	font-size: 12px;
	color: #4e4e4e;
	font-weight: 500;
}

	.pv-info span {
		padding: 4px 10px;
		border-right: 1px solid #c4c4c4;
		display: table-cell;
		line-height: 1;
	}

		.pv-info span i {
			font-style: normal;
			color: #1c6a90;
		}

		.pv-info span:last-child {
			border: 0;
		}

.custom-selectbox {
	float: right;
	position: relative;
	z-index: 1;
	background: #FFF;
}

	.custom-selectbox span {
		float: left;
		border: 1px solid #e8e7e6;
		padding: 7px 40px 7px 20px;
		line-height: 1;
		cursor: pointer;
		position: relative;
	}

		.custom-selectbox span img {
			float: none;
			display: inline-block;
			vertical-align: middle;
			margin-right: 5px;
		}

		.custom-selectbox span i {
			font-style: normal;
			font-size: 13px;
			color: #555;
			font-weight: 500;
			text-transform: uppercase;
		}

	.custom-selectbox:before {
		content: "";
		position: absolute;
		right: 14px;
		top: 13px;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #8e8e8e;
	}

	.custom-selectbox.left {
		float: left;
	}

.buttons-sets {
	float: right;
	position: relative;
	margin-left: 10px;
}

.custom-selectbox.full {
	width: 100%;
}

	.custom-selectbox.full span {
		width: 100%;
	}

	.custom-selectbox.full:before {
		top: 13px;
	}

	.custom-selectbox.full ul.opt-dropdown {
		width: 100%;
	}

ul.opt-dropdown li.add-item a {
	font-size: 13px;
	padding: 8px 20px;
	text-transform: uppercase;
	background: #4385f5;
	color: #FFF;
}

ul.opt-dropdown li.add-item {
	display: block !important;
}

input.searchinput {
	position: absolute;
	left: 0;
	top: 100%;
	transition: all 0.3s;
	z-index: 10;
	border-radius: 0;
	opacity: 0;
	margin-top: -1px;
	visibility: hidden;
}

.searchable-list.active ~ input.searchinput {
	visibility: visible;
	opacity: 1;
}

ul.searchable-list.opt-dropdown {
	top: calc(100% + 33px);
}
/*=============== Progress Bars ===================*/
.taskTree {
/*	overflow: auto;*/
	max-height: 417px;
}

	.taskTree .progress-bars {
		max-height: 100%;
	}

.progress-bars {
/*	float: left;*/
	width: 100%;
	max-height: 355px;
	padding: 0;
	padding-right: 0;
}

.pv-progresser {
	width: 100%;
	margin: 0 0 15px;
	display: flex;
	flex-direction: column;
}

	.pv-progresser a {
		width: 13px;
		height: 13px;
		color: #FFF;
		font-size: 13px;
		text-align: center;
		margin-right: 7px;
		vertical-align: middle;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.pv-progresser input {
		vertical-align: middle;
		margin-right: 10px;
		line-height: 1;
		display: inline-block;
		height: 21px;
	}

		.pv-progresser input[type=checkbox] {
			display: none;
		}

		.pv-progresser input[type="checkbox"] + label {
			padding-left: 16px;
			position: relative;
			cursor: pointer;
			display: inline-block;
			margin-left: 0;
			font-size: 13px;
			align-items: center;
		}

			.pv-progresser input[type="checkbox"] + label:before {
				content: "";
				width: 13px;
				height: 13px;
				border-width: 1px;
				border-style: solid;
				position: absolute;
				left: 0;
				top: 2px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				border-color: #ddd;
			}

			.pv-progresser input[type="checkbox"] + label:after {
				content: "\f00c";
				position: absolute;
				left: 0;
				top: 0;
				width: 13px;
				height: 13px;
				font-family: fontawesome;
				color: inherit;
				font-size: 11px;
				line-height: 1.6;
				text-align: center;
				-webkit-transform: scale(0);
				-moz-transform: scale(0);
				transform: scale(0);
				color: #7e7e7e;
			}

		.pv-progresser input[type="checkbox"]:checked + label:after {
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			transform: scale(1);
		}

	.pv-progresser label {
		min-width: 140px;
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		line-height: 1.3;
		font-size: 13px;
		padding-right: 15px;
		width: auto;
	}

.pv-progress-info {
	display: flex;
	align-items: center;
	/*max-width: 105px;*/
}

.pv-progress {
	width: auto;
	max-width: 100%;
	background: #a7c7e3;
	position: relative;
	overflow: hidden;
	height: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px 0 0;
}

.progress-fill {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.pv-progress span {
	color: #FFF;
	position: absolute;
	left: 50%;
	font-size: 13px;
	left: 0;
	z-index: 2;
	line-height: 1.2;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

.pv-progress-info span {
	font-size: 14px;
	line-height: 1.5;
	padding: 0 10px;
	margin-left: auto;
	font-weight: 500;
}

.pv-progresser-dropdown {
	display: none;
	padding-left: 0;
	padding-top: 20px;
	width: 100%;
	margin-bottom: -15px;
}
	.pv-progresser-dropdown .pv-progresser {
		padding-left: 15px;
	}

span.task_lbl {
	padding-left: 2px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	margin-left: 0;
	font-size: 19px;
	align-items: center;
}

.custom_pvLabel {
	height: 16px;
	width: 16px !important;
	min-width: 16px !important;
	padding-right: 0 !important;
}
.pv-progresser span {
	font-size: 13px;
	min-width: 80px;
	max-width: 80px;
	text-align: right;
}
.pv-progress-info span {
	text-align: left;
	min-width: unset;
	max-width: unset;
}
.taskTree label{display: none !important}
.taskTree.active label{display: block !important}
/*=============== Table Top ===================*/

.table-top {
	float: left;
	width: 100%;
	margin: 0 0 15px;
}

.search-form {
	position: relative;
	width: 100%;
	float: left;
}

	.search-form input {
		margin: 0;
		font-size: 13px;
		width: 100%;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}

	.search-form button {
		position: absolute;
		right: 0;
		top: 0;
		background: none;
		padding: 0;
		color: #838383;
		font-size: 15px;
		width: 50px;
		height: 100%;
		border: 0;
	}

.child-table {
	display: none;
}
/*=== Table ===*/

.table-container table {
	width: 100% !important;
	border: 1px solid #ededed;
}

.table-container thead,
.table-container thead tr {
	background: #f3f3f3 !important;
}

.table-container th {
	padding: 8px 15px;
	font-size: 12px;
	white-space: nowrap;
	border-right: 1px solid #d2d2d2 !important;
}

.table-container table thead th {
	font-weight: 500 !important;
	font-size: 13px;
	padding: 8px 10px !important;
	border-color: #e3e1e1 !important;
}

.table-container.big-headings th {
	font-weight: 500;
	font-size: 14px;
}

.table-container {
	position: relative;
	margin: 0;
	display: inline-block;
	width: 100%;
	/* overflow-x:auto; */
}

	.table-container.auto-height {
		max-height: none;
	}

	.table-container table tbody tr.stripped {
		background: #f5f5f5;
		background-clip: padding-box;
	}

	.table-container table tbody.stripped tr:nth-child(even) {
		background: #f5f5f5;
		background-clip: padding-box;
	}

	.table-container.table-full {
		margin: 0 -20px;
		width: calc(100% + 40px);
	}

	.table-container td {
		font-size: 12px;
		color: #3a3939;
		border-top: 1px solid #dee2e6 !important;
		border: 0;
	}

	.table-container tbody td {
		padding: 5px 10px;
		font-size: 12px;
		border-right: 1px solid #e3e1e1 !important;
		position: relative;
		width: auto;
		vertical-align: middle;
	}

	.table-container.equal-columns tbody td {
		width: 100px;
	}

.status-clr {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.table-container tbody td:last-child,
.table-container tbody th:last-child {
	border-right: 0 !important;
}

.further-table {
	margin: 0 0 10px;
	border-bottom: 2px solid #D3D3D3;
	border-top: 2px solid #D3D3D3;
}

.table-container tbody .further-table td,
.table-container tbody .further-table th {
	border: 0 !important;
}

.more-table-btn {
	width: 20px;
	height: 20px;
	background: #606060;
	color: #FFF;
	margin: 0 auto;
	line-height: 20px;
	font-size: 18px;
	display: list-item;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	list-style: none;
}

	.more-table-btn:hover,
	.more-table-btn:focus {
		color: #FFF;
	}

	.more-table-btn.active {
		background: red;
		font-size: 25px;
		padding-left: 3px;
	}

.tabledata-opts {
	margin-right: 15px;
	width: 25px;
	height: 25px;
	background: black;
	color: #FFF;
	display: inline-block;
	line-height: 25px;
	text-align: center;
}

	.tabledata-opts:hover {
		color: #FFF;
	}

.tabledata-status {
	padding: 4px 8px;
	line-height: 1;
	color: #FFF;
	position: relative;
	top: 0;
	vertical-align: middle;
	font-size: 11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

	.tabledata-status:hover {
		color: #FFF;
	}

.table-bottom {
	padding: 5px 0 0;
}

	.table-bottom span {
		font-size: 13px;
		color: #333333;
		float: left;
		margin-top: 5px;
	}

.round-btns {
	float: right;
	position: relative;
	z-index: 2;
}

	.round-btns > a {
		float: left;
		margin: 0 5px;
		font-size: 12px;
		text-align: center;
		background: black;
		color: #FFF;
		padding: 10px 11px;
		line-height: 1;
		max-width: 20px;
		white-space: nowrap;
		min-width: 38px;
		text-align: center;
		overflow: hidden;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		-ms-border-radius: 50px;
		-o-border-radius: 50px;
		border-radius: 50px;
	}

		.round-btns > a > i {
			font-size: 15px;
			display: inline-block;
			vertical-align: middle;
			margin-right: 10px;
			font-size: 17px;
		}

	.round-btns:hover > a {
		max-width: 200px;
		padding: 10px 20px;
		color: #FFF;
	}

.pagination {
	margin: 0;
	float: right;
	background: #e6e6e6;
	margin: 0;
	padding: 5px 5px;
	border-radius: 3px;
}

	.pagination li {
		display: inline-block;
		padding: 0 !important;
		margin: 0;
		vertical-align: middle;
		font-size: 11px;
		min-width: 0 !important;
		float: none;
		font-weight: 500;
		margin: 0 !important;
		transition: all 0.1s linear;
		border-radius: 3px;
	}

		.pagination li.active {
			background: #7a9eff;
			color: #FFF;
		}

		.pagination li a.active {
			background: #7a9eff;
			color: #FFF;
		}

		.pagination li:before {
			display: none;
		}

		.pagination li a {
			padding: 3px 9px !important;
			transition: all 0.1s linear;
			display: flex;
		}

.table-container tr {
	position: relative;
	border-bottom: 1px solid #ededed;
}

.table-container td.options-drop {
	width: 0;
	float: left;
	padding: 0 !important;
	position: relative;
	z-index: 2;
	border: 0 !important;
}

.opt-dropdown li i {
	color: #b1b1b1;
	font-size: 12px;
	margin-right: 5px;
	width: 15px;
	float: left;
	margin-top: 4px;
}

.options-drop .opt-dropdown li a {
	font-size: 15px;
	padding: 8px 20px;
}

.futher-opened td {
	position: relative;
	z-index: 4;
}

.action-btns {
	vertical-align: middle;
	white-space: nowrap;
	min-width: 190px;
	text-align: center;
	height: 100%;
}

	.action-btns a ~ a {
		margin-left: 15px;
	}

	.action-btns a {
		font-size: 14px;
		line-height: 1;
		color: #888888;
	}

.table-container ~ div > .enscroll-track {
	margin-left: 0;
}

.child-table {
	display: none;
}

.table-container.no-borders table {
	border: 0 !important;
}

.table-container.no-borders th,
.table-container.no-borders td {
	border: 0 !important;
	background-clip: border-box !important;
}

.table-container.no-borders tr {
	border: 0;
}

.table-container.no-strips table tbody tr.stripped {
	background: none;
	border: 0 !important;
}

.table-container.dark thead {
	background: #5f667e;
}

	.table-container.dark thead th {
		color: #FFF;
	}

.table-container.coloured table tbody tr.stripped {
	background: #d9e3f1;
}

.table-container.coloured thead {
	position: relative;
	background: #7a9eff;
}

.table-container.coloured th {
	padding: 8px 12px;
	font-size: 13px;
	z-index: 2;
	font-weight: 500;
	color: #ffffff;
	position: relative;
}

.table-container.coloured tbody td {
	color: #929292;
	font-size: 14px;
}

.table-container.coloured table tbody tr.stripped {
	background: rgba(97, 143, 253, 0.1);
}

.table-container.coloured table tbody tr td {
	font-size: 12px;
	color: #606060;
}

.table-container .custom-selectbox.left {
	margin-bottom: -28px;
}

table .badge {
	font-size: 13px;
	font-weight: 500;
	color: #FFF;
	padding: 4px 10px;
	width: auto;
	margin: 0;
	display: inline-flex;
	border-radius: 4px;
	justify-content: center;
}

td .custom-btn.icon-btn-only {
	width: 18px;
	line-height: 1;
	height: 18px;
	min-width: 18px;
}

	td .custom-btn.icon-btn-only i {
		font-size: 10px;
		display: unset;
		width: 100%;
	}

.table-container.hovered table tbody tr:hover,
.table-container.hovered table tbody tr.stripped:hover {
	background: #e6e6e6;
}

.table-container.coloured.hovered table tbody tr:hover,
.table-container.coloured.hovered table tbody tr.stripped:hover {
	background: #dfe9fe;
}

table form {
	white-space: nowrap;
	min-width: 160px;
}

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

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

td > a {
	color: #7a9eff !important;
	text-decoration: underline;
}
/*  === Data TaSeach Field ===*/

.table-container th.dt_searchfield {
	padding: 0 !important;
	background: none !important;
}

	.table-container th.dt_searchfield input {
		padding: 5px 10px;
		font-size: 11px;
		background: none;
		border: 0;
		font-weight: 500;
		height: 28px;
	}

	.table-container th.dt_searchfield.hidesearch input {
		display: none;
	}

/*=============== Map View ===================*/

#map-container {
	float: left;
	width: 100%;
}

#map_div {
	height: 595px;
	width: 100%;
}

.custom-selectbox ~ .custom-btn {
	margin-right: 10px;
}

.mapview {
	position: relative;
	width: 100%;
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-bottom: -22px;
	margin-top: -15px;
	float: left;
}

.mapview-legends {
	position: absolute;
	right: 26px;
	bottom: 20px;
	background: #FFF;
	border: 2px solid #b3b3b3;
	padding: 20px 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

	.mapview-legends ul {
		list-style: none;
	}

		.mapview-legends ul li {
			margin: 0 0 15px;
			display: table;
			line-height: 1;
			color: #6f6c6c;
			font-weight: 400;
		}

			.mapview-legends ul li:last-child {
				margin: 0;
			}

			.mapview-legends ul li img {
				display: inline-block;
				vertical-align: middle;
				margin-right: 8px;
			}

.custom-btn i {
	margin-right: 5px;
}

.fc-toolbar h2 {
	font-size: 20px;
	text-transform: uppercase;
	color: #4e4e4e;
	font-weight: 500;
	margin: 0 10px !important;
}

.fc-event,
.fc-event:hover {
	color: #FFF !important;
}
/*.fc-toolbar.fc-header-toolbar{
margin:0 auto 10px;
display:table;
} */

.taskview {
	margin: 20px 0 0;
}
/* .fc-toolbar.fc-header-toolbar button{
background:no-repeat;
border:0;
color:#8a8989;
font-size:19px;
cursor:pointer;
box-shadow:none;
}
.fc-day-header{
background:#1c6a90;
width:100%;
color:#FFF;
border-color:#7693b1;
font-size:15px;
text-transform:uppercase;
padding:6px 0 !important;
} */

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
	line-height: 1;
	padding: 5px;
	font-size: 15px;
	font-weight: 500;
}

.fc-event .fc-content span {
	word-wrap: break-word;
	white-space: normal;
	font-size: 0.8em;
	color: #FFF;
}

.calendar-wrapper {
	display: flex;
	align-items: start;
}

div#external-events {
	min-width: 240px;
	margin-right: 30px;
	background: #f2f2f2;
	padding: 20px;
	border: 1px solid #ddd;
}

#external-events h4 {
	font-size: 16px;
}

#external-events .fc-event {
	padding: 6px;
	margin: 0 0 10px;
	font-size: 12px;
	border: 0;
	background: #3988ab;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
/* === POPUP === */

.popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	background: rgba(63, 63, 63, 0.9);
	overflow: auto;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.popup-box.small {
	width: 30%;
}

.popup-box.medium {
	width: 60%;
}

.popup.active {
	visibility: visible;
	opacity: 1;
}

.popup-box {
	/* position:absolute;
        left:50%;
        top:50%;*/
	background: #FFF;
	/* width:90%;*/
	width: 100%;
	/* display:none;*/
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
	/* -webkit-transform:translate(-50%, -50%);
        -moz-transform:translate(-50%, -50%);
        -ms-transform:translate(-50%, -50%);
        -o-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%);*/
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.popup-content {
	float: left;
	width: 100%;
	background: #FFF;
	padding: 15px;
	overflow: auto;
	max-height: calc(100vh - 100px);
	border-radius: 0 0 5px 5px;
	min-height: 30vh;
}

.widget-title .close-popup {
	float: right;
	width: 22px;
	height: 22px;
	background: rgba(0, 0, 0, 0.3);
	text-align: center;
	line-height: 22px;
	color: #FFF;
	font-size: 9px;
}

.close-popup:hover {
	color: #FFF;
}

.widget-title {
	float: left;
	width: 100%;
	background: #666666;
	padding: 10px 15px;
	position: relative;
	z-index: 2;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.title-text {
	float: left;
	color: #FFF;
	font-size: 15px;
	font-weight: 500;
}

	.title-text img {
		float: left;
		margin-right: 10px;
		margin-top: 8px;
	}

.popup-content input[type="text"],
.popup-content input[type="email"],
.popup-content input[type="text"],
.popup-content input[type="email"],
.popup-content input[type="file"] ~ label,
.popup-content input[type="password"],
.popup-content textarea {
	background: #FFF;
	border: 1px solid #c3c3c3;
	color: #434343;
	float: left;
	font-size: 14px;
	height: 33px;
	padding: 5px 20px;
	width: 100%;
	border-radius: 4px;
}

.popup-content textarea {
	max-width: 100%;
	height: auto;
	min-height: 120px;
}

.update-status-tabs .popup-selectors,
.issue-ticket-tabs .popup-selectors,
.change-issue-status-tabs .popup-selectors {
	margin: 5px auto 20px;
	float: none;
	display: table;
	border: 0;
}

.update-status-tabs .tab-content,
.issue-ticket-tabs .tab-content,
.change-issue-status-tabs .tab-content {
	margin-top: 7px;
	margin-bottom: 10px;
}

.update-status-tabs,
.issue-ticket-tabs,
.change-issue-status-tabs {
	float: left;
	width: 100%;
	margin: 0 0 -10px;
}

form > .row > div {
	margin: 0 0 15px;
}

.content form {
	margin: 0 0 -15px;
}

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

label {
	font-size: 13px;
	margin: 0 0 5px;
	position: relative;
	font-weight: 500;
	color: #5D5D5D;
	display: flex;
	align-items: center;
}

select {
	width: 100%;
	border: 1px solid #c3c3c3;
	font-size: 12px;
	padding: 5px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: auto;
}

	select.full {
		width: 100%;
	}

input[type="checkbox"] ~ label,
input[type="radio"] ~ label {
	display: unset;
	width: auto;
	margin: 0 0 0 2px;
	vertical-align: middle;
	font-size: 13px;
}

.inline-field label {
	margin: 0;
}

.data-entry-popup {
	margin: -20px;
	background: #FFF;
	overflow: hidden;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.inline-field {
	padding: 10px 20px;
	float: left;
	width: 100%;
}

	.inline-field:nth-child(2n) {
		background: #f0f2f5;
	}

.site-planning-popup {
	float: left;
	width: 100%;
}

	.site-planning-popup > select {
		width: auto;
	}

select.dark {
	margin: 0 0 20px;
	border: 0;
	background: linear-gradient(#666, #4d4d4d);
	color: #FFF;
	padding-right: 20px;
}

	select.dark option {
		color: #444;
	}

.site-planning-popup table {
	margin: 0 0 20px;
}

.change-status-popup .table-container {
	margin-top: 20px;
	margin-bottom: 20px;
}

	.change-status-popup .table-container table {
		min-width: 1000px;
	}

td .btn {
	margin: 0;
	float: none;
	display: inline-block;
}

.popup-selectors {
	float: right;
	margin: 0;
	margin-left: 70px;
	background: #999999;
	margin-top: 4px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

	.popup-selectors li {
		float: left;
		padding: 0;
		margin: 0;
		font-size: 14px;
		font-weight: 500;
	}

		.popup-selectors li a {
			padding: 5px 20px;
			color: #FFF;
			border: 0 !important;
			float: left;
			transition: all 0.3s;
		}

		.popup-selectors li:before {
			display: none;
		}

		.popup-selectors li a img {
			width: 15px;
			display: inline-block;
			margin-right: 8px;
			vertical-align: middle;
			float: none;
		}

.nav.popup-selectors li a.active {
	color: #FFF;
	background: linear-gradient(#666, #4d4d4d) !important;
	padding: 8px 20px;
	margin-top: -2px;
	margin-bottom: -2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

div[data-highcharts-chart],
div[data-highcharts-chart] * {
	font-family: Roboto !important;
	font-weight: normal !important;
}

.popup-footer {
	float: left;
	width: 100%;
	background: #f0f2f5;
	padding: 15px 20px;
	border-top: 1px solid #cfcfcf;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

	.popup-footer .custom-btn {
		float: right;
	}

		.popup-footer .custom-btn ~ .custom-btn {
			margin-left: 0;
			margin-right: 10px;
		}

.widget-content {
	float: left;
	padding: 20px;
	border-radius: 0 !important;
	width: 100%;
	margin: 0 0 20px !important;
	background: rgba(0, 0, 0, 0.04);
}

.popup-content .popup-footer {
	margin-left: -20px;
	width: calc(100% + 40px);
	margin-bottom: -10px;
}

.table-opts {
	float: left;
	width: 100%;
	margin: 0 0 10px;
}
/*=============== Forms ===================*/
label.input.input-file {
	margin: 0;
}

.input-file .btn {
	position: absolute;
	top: 4px;
	right: 4px;
	float: none;
	height: 26px;
	margin: 0;
	padding: 0 14px;
	font-size: 13px;
	line-height: 23px;
	color: #FFF;
}

	.input-file .btn input {
		position: absolute;
		top: 0;
		right: 0;
		padding: 0;
		cursor: pointer;
		opacity: 0;
		min-width: 0;
		width: 100%;
	}

.inline label.input-file {
	flex: 3;
	width: auto;
	min-width: 0;
	padding: 0 20px;
	border: 1px solid #c5c5c5;
	background: #fafafa;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

	.inline label.input-file input {
		width: 100%;
		background: none;
		border: 0;
		padding: 0;
	}

fieldset {
	display: block;
	padding: 25px 15px 5px;
	border: none;
	background: rgba(255, 255, 255, .9);
	position: relative;
}

	fieldset + fieldset {
		border-top: 1px solid rgba(0, 0, 0, .1);
	}

.form-footer {
	padding: 15px 30px;
	background: #fafafa;
	margin: 10px -20px -12px;
	border-top: 1px solid #e5e5e5;
	width: calc(100% + 40px);
	display: inline-block;
}

	.form-footer .custom-btn ~ .custom-btn {
		margin-right: 10px;
		margin-left: 0;
	}

.inline {
	display: flex;
	align-items: center;
}

	.inline label {
		margin: 0;
		line-height: 1.3;
		flex: 0 0 150px;
		vertical-align: middle;
		display: unset;
		font-size: 13px;
	}

		.inline > input,
		.inline select,
		.inline > div,
		.inline .tag-editor,
		.inline > span,
		.inline label ~ label,
		.inline label ~ textarea {
			width: auto;
			float: none;
			flex: 3;
			min-width: 0;
			margin: 0;
			width: 100%;
		}

	.inline .dropdown-multiple-label {
		padding: 0;
	}

.icon-append {
	right: 5px;
	padding-left: 3px;
	border-left-width: 1px;
	border-left-style: solid;
}

.icon-prepend {
	left: 5px;
	padding-right: 3px;
	border-right-width: 1px;
	border-right-style: solid;
}

.icon-append,
.icon-prepend {
	position: absolute;
	top: 7px;
	width: 30px;
	height: 16px;
	font-size: 12px;
	color: #8f8f8f;
	text-align: center;
	line-height: 1.2;
	right: 0;
}

.input .icon-append + input,
.textarea .icon-append + textarea {
	/* padding-right: 42px; */
}

.input .icon-prepend + input,
.textarea .icon-prepend + textarea {
	padding-left: 42px;
}

ul.stepforms-selectors {
	display: table;
	margin: 10px 0 0;
	background: #4385f5;
	overflow: hidden;
	width: 100%;
	-webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 23px rgba(0, 0, 0, 0.4);
}

	ul.stepforms-selectors li {
		float: left;
	}

		ul.stepforms-selectors li a {
			float: left;
			color: #FFF !important;
			background: #4385f5;
			font-size: 14px;
			line-height: 1;
			cursor: pointer;
			padding: 12px 30px;
			text-transform: uppercase;
			font-weight: 500;
		}

			ul.stepforms-selectors li a.active {
				background: #17506c;
			}

label.error {
	float: left;
	width: 100%;
	color: #ae5e5a;
	font-size: 13px;
	font-weight: 500;
	margin-top: 4px;
}

.stepforms-selectors ~ .progress {
	height: 4px;
	border-radius: 0;
}

.step-side {
	display: flex;
	position: relative;
}

	.step-side .stepforms-selectors {
		flex: 1;
		margin: 0;
		box-shadow: none;
		display: unset;
		max-width: 210px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}

	.step-side .progress {
		display: none;
	}

	.step-side .tab-content {
		flex: 3;
	}

	.step-side .stepforms-selectors li {
		float: left;
		width: 100%;
	}

		.step-side .stepforms-selectors li a {
			width: 100%;
			padding: 15px 20px;
		}

	.step-side .form-footer {
		width: 100%;
		margin: 0;
		background: no-repeat;
		border: 0;
		padding: 0 15px;
	}

/*=============== Child Grids ===================*/

.childgrid .widget {
	box-shadow: none;
	border: 1px solid #DDD;
}

.hidden {
	display: none;
}
/* ======= Multi Select Dropdown With Options Dropdown ======= */
.opt-dropdown button.multiselect {
	background: #1a698f;
	color: #FFF;
	border: 0;
	border-radius: 0;
	margin: 0;
	font-size: 13px;
	font-weight: 500;
}

.opt-dropdown .dropdown-toggle:after {
	border-top-color: #FFF;
}

.opt-dropdown ul.multiselect-container.dropdown-menu.show {
	border: 0;
	z-index: 10000;
	position: relative !important;
	top: 100% !important;
	float: left;
	width: 100%;
	transform: none !important;
	left: 0 !important;
	border-radius: 0;
}

.opt-dropdown li.multiselect-item.multiselect-group {
	background: #f5f7ff;
	padding: 0;
	border-bottom: 1px solid #ddd;
}

.opt-dropdown .multiselect-container li a {
	padding: 5px 0 !important;
}

.opt-dropdown .multiselect-container > li.multiselect-group label {
	font-weight: 500;
}

.opt-dropdown li.multiselect-item.multiselect-filter {
	display: none;
}

.opt-dropdown button.multiselect.dropdown-toggle.btn.btn-default {
	float: left;
	width: 100%;
	white-space: normal;
}

.opt-dropdown .multiselect-native-select .btn-group {
	display: unset;
}
/* ======= Edit Widget ======= */

.title-bar h3 input {
	float: none;
	width: 160px;
	display: none;
	height: 25px;
	padding: 0 10px;
}

/* ======= Progress Bars ======= */

.progress ~ .progress {
	margin-top: 20px;
}

.part-block {
	padding: 30px 0px;
	border-bottom: 1px solid #ddd;
}

	.part-block:last-child {
		border: 0;
		padding-bottom: 0;
	}

.decent-progress-strip {
	background: #d7d7d7;
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

	.decent-progress-strip span {
		background: #545965;
		color: #FFF;
		flex: 1;
		padding: 12px 20px;
		white-space: nowrap;
		text-align: center;
		font-weight: 300;
	}

.decent-progress {
	flex: 6;
	height: 15px;
	background: #FFF;
	margin: 0 20px;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.decent-progress-strip span i {
	font-size: 14px;
	margin-right: 10px;
}

.decent-progress-fill {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.decent-progress-strip ~ .decent-progress-strip {
	margin: 20px 0 0;
}

.fancy-progress-bar {
	float: left;
	width: 100%;
	height: 20px;
	background: linear-gradient(transparent, #bebbb63d, transparent);
	border: 1px solid #ddd;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.fancy-progress-fill {
	position: absolute;
	left: 0;
	top: 0;
	width: 60%;
	height: 100%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

	.fancy-progress-fill:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(#FFF, #7d7d7d54, #FFF);
		opacity: 0.3;
	}

.fancy-progress {
	float: left;
	display: flex;
	width: 100%;
	align-items: center;
}

	.fancy-progress ~ .fancy-progress {
		margin: 20px 0 0;
	}

	.fancy-progress > span {
		white-space: nowrap;
		margin: 0 20px 0 0;
		font-size: 12px;
		background: #545965;
		color: #FFF;
		padding: 4px 20px;
		line-height: 1;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

	.fancy-progress .fancy-progress-bar + span {
		margin: 0 0 0 20px;
	}

.fancy-progress-fill span {
	position: absolute;
	left: 50%;
	top: 0;
	line-height: 1;
	font-size: 12px;
	text-shadow: 1px 1px 1px #00000078;
	top: 50%;
	color: #FFF;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
/* ======= Profile Page ======= */
.user-profile {
	float: left;
	width: 100%;
}

.cover {
	width: calc(100% + 40px);
	min-height: 200px;
	margin-left: -20px;
	margin-top: -15px;
	padding: 20px;
	position: relative;
}

	.cover .button-set {
		position: absolute;
		right: 20px;
		bottom: 20px;
	}

.user-info {
	padding: 0 20px;
	display: flex;
	z-index: 2;
	align-items: start;
	margin: 0 0 20px;
	position: relative;
}

.user-img {
	float: left;
	margin-top: -40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width: 230px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	padding: 5px 15px 15px;
	background: #FFF;
}

	.user-img img {
		max-width: none;
		float: left;
		width: calc(100% + 20px);
		margin: 0 -10px 10px;
	}

	.user-img h3 {
		margin: 0 0 5px;
		font-size: 15px;
		float: left;
		width: 100%;
	}

	.user-img span {
		font-size: 12px;
		font-weight: 500;
		float: left;
		color: #a7a7a7;
		width: 100%;
		line-height: 1;
	}

.info-details {
	width: 100%;
	padding-left: 30px;
	padding-top: 30px;
}

	.info-details p {
		font-size: 13px;
		color: #7d797b;
		line-height: 1.8;
	}

ul.simple-list {
	list-style: none;
	font-size: 13px;
	line-height: 1.5;
}

	ul.simple-list li {
		margin: 0 0 10px;
		color: #9091a2;
	}

		ul.simple-list li i {
			min-width: 20px;
			margin-right: 10px;
			text-align: center;
			color: #009de4;
			font-size: 12px;
			height: 20px;
			vertical-align: middle;
			line-height: 20px;
		}

.user-connections {
	float: left;
	width: 100%;
	padding: 0 20px;
	margin: 0 0 20px;
}

.subtitle {
	float: left;
	width: 100%;
	margin: 0 0 10px;
	line-height: 1.3;
	font-size: 14px;
	font-weight: 500;
	color: #212529;
}

.followers {
	float: left;
	width: 100%;
	margin: 0 0 20px;
}

	.followers .thumb {
		margin: 0 5px 5px 0;
		width: 45px;
		min-width: 0;
		border: 2px solid #FFF;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	}

		.followers .thumb img {
			width: 100%;
		}

a.viewmore {
	float: left;
	width: 35px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #FFF;
}

	a.viewmore:hover {
		background: #ddd;
	}

.activity {
	float: left;
	width: 100%;
	padding: 0 20px;
}

	.activity ul {
		list-style: none;
		float: left;
		width: 100%;
		padding-top: 10px;
	}

		.activity ul li {
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 1px solid #eee;
		}

.user-activity {
	width: 100%;
}

	.user-activity time {
		font-size: 12px;
		background: #7a9eff;
		color: #FFF;
		line-height: 1;
		padding: 4px 10px;
		margin: 0 0 5px;
		float: left;
		margin-right: 10px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}

	.user-activity h5 {
		margin: 0;
		font-size: 14px;
	}

.activity ul li:last-child {
	margin: 0;
	padding: 0;
	border: 0;
}

.user-post textarea {
	margin: 0 0 15px;
	min-height: 100px;
}

a.share-btn {
	float: right;
}

/* ======= Tabs ======= */

.tabs {
	margin: -15px -20px;
}

	.tabs ul.nav {
		display: flex;
		border: 0;
		overflow: hidden;
		-webkit-box-shadow: 0 0 23px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 0 23px rgba(0, 0, 0, 0.4);
		box-shadow: 0 0 0px rgba(0, 0, 0, 0.33);
	}

		.tabs ul.nav li {
			float: left;
			flex: 1;
		}

			.tabs ul.nav li a {
				float: left;
				color: #686868;
				font-size: 12px;
				line-height: 1;
				cursor: pointer;
				width: 100%;
				padding: 12px 5px;
				font-weight: 500;
				text-transform: uppercase;
				border-radius: 0;
				text-align: center;
				position: relative;
				z-index: 1;
				background: #fafafa;
				float: left;
				border: 0;
				border-bottom: 2px solid #f3f3f3;
				border-top: 2px solid #f3f3f3 !important;
			}

				.tabs ul.nav li a.active {
					color: #7a9eff;
					background: #fafafa;
				}

				.tabs ul.nav li a:before {
					content: "";
					position: absolute;
					left: 50%;
					bottom: -2px;
					width: 0;
					height: 2px;
					z-index: 1;
					background: #7a9eff;
					transition: all 0.3s;
				}

				.tabs ul.nav li a.active:before {
					width: 100%;
					left: 0;
				}

	.tabs .tab-content {
		max-height: 480px;
		overflow: auto;
		padding: 0;
	}

.view-list {
	float: left;
	width: 100%;
	margin: 0;
	max-height: 545px;
	overflow: auto;
}

.fullscreen .view-list {
	max-height: none;
	height: 100%;
}

.view-list li {
	margin: 0;
	list-style: none;
	border-bottom: 1px solid #e3e1e1;
	padding: 10px 10px 15px;
}

	.view-list li:before {
		display: none;
	}

	.view-list li strong {
		font-size: 13px;
		color: #525252;
		margin: 0 0 10px;
		font-weight: 600;
		display: inline-block;
		line-height: 1.1;
	}

.counts a {
	float: left;
	line-height: 1;
	padding: 3px 6px;
	line-height: 1;
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
	color: #fff !important;
	position: relative;
	margin: 0 0 2px 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

.counts {
	display: table;
	margin: 5px 0 -5px;
}

	.counts a i {
		position: absolute;
		left: 50%;
		top: 100%;
		width: auto;
		white-space: nowrap;
		font-style: normal;
		background: #3d3d3d;
		color: #FFF;
		line-height: 1.3;
		padding: 2px 7px;
		margin-top: 10px;
		z-index: 1;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		-ms-border-radius: 30px;
		-o-border-radius: 30px;
		border-radius: 30px;
		font-size: 10px;
		font-weight: 400;
	}

	.counts a:hover i {
		visibility: visible;
		opacity: 1;
	}

	.counts a i:before {
		content: "";
		position: absolute;
		left: 50%;
		top: -6px;
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-bottom: 6px solid #333;
		border-right: 6px solid transparent;
		margin-left: -6px;
	}

.view-list li:nth-child(odd) {
	background: #fafafa;
}

.view-list li img {
	margin-right: 10px;
	margin-top: 7px;
	width: 50px;
	border: 2px solid #FFF;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	height: 50px;
}

/* ======= Timeline ======= */

.smart-timeline {
	position: relative;
}

.smart-timeline-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.smart-timeline-list:after {
		content: " ";
		background-color: #eee;
		position: absolute;
		display: block;
		width: 2px;
		top: 0;
		left: 95px;
		bottom: 0;
		z-index: 1;
	}

	.smart-timeline-list li {
		position: relative;
		margin: 0;
		padding: 25px 0;
	}

.smart-timeline-icon {
	color: #fff;
	border-radius: 50%;
	position: absolute;
	width: 32px;
	height: 32px;
	line-height: 28px;
	font-size: 14px;
	text-align: center;
	left: 80px;
	top: 20px;
	z-index: 100;
	padding: 2px;
}

	.smart-timeline-icon > img {
		height: 28px;
		width: 28px;
		border-radius: 50%;
		max-width: none;
	}

.smart-timeline-time {
	float: left;
	width: 70px;
	text-align: right;
}

	.smart-timeline-time > small {
		font-style: italic;
		font-size: 12px;
	}

.smart-timeline-content {
	margin-left: 123px;
}

p a {
	color: #33b1e9;
}

.smart-timeline-content img {
	float: none;
}

.smart-timeline-list > li:hover {
	background-color: #f3f7ff;
}

.imp-box {
	display: inline-block;
	padding: 18px 30px;
	background: #FFF;
	border: 1px solid #efefef;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

	.imp-box p {
		font-size: 13px;
	}
/* ======= Views ======= */

.chartview {
	display: flex;
	align-items: center;
}

.view-list li .chartview strong {
	margin: 0;
}

.view-list li .chartview .sparkContainer {
	width: 45px;
	margin-left: auto;
	height: 25px;
}

	.view-list li .chartview .sparkContainer div[sparkline] {
		width: 100%;
	}

.stacked-view {
	display: flex;
	align-items: center;
}

.view-list .stacked-view strong {
	margin: 0;
}

.stackedbar {
	display: flex;
	margin-left: auto;
	min-width: 170px;
	text-align: center;
	font-size: 9px;
	color: #FFF;
	font-weight: 500;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

	.stackedbar > div {
		margin: 1px;
		line-height: 1.2;
		padding: 2px;
	}
/* ======= Tabs Styles ======= */

.mytab .nav {
	border: 0;
	margin: 0;
}

	.mytab .nav li a {
		border: 0;
		cursor: pointer;
	}

.tab-content {
	padding: 25px 0 0;
}

	.tab-content .tab-content {
		padding: 0;
	}

.mytab.theme1 .nav li {
	padding: 0 15px;
	/* display: inherit; */
}

	.mytab.theme1 .nav li a {
		font-size: 14px;
		padding: 0 0 10px;
		display: inherit;
		font-weight: 500;
		position: relative;
	}

	.mytab.theme1 .nav li:first-child {
		padding-left: 0;
	}

	.mytab.theme1 .nav li a.active {
		color: var(--theme-color);
	}

	.mytab.theme1 .nav li a:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0 !important;
		width: 0;
		height: 2px;
		background: var(--theme-color);
		transition: all 0.3s;
	}

	.mytab.theme1 .nav li a.active:before {
		width: 100%;
	}

	.mytab.theme1 .nav li a i {
		margin-right: 5px;
		font-size: 15px;
	}

.mytab.theme1 .nav {
	display: flex;
	flex-wrap: nowrap;
	white-space: nowrap;
	overflow-x: auto;
	max-width: 100%;
	overflow-y: hidden;
	border-bottom: 1px solid #ededed;
}
.mytab.theme1.topMinusMargin .nav {
	min-height: 41px;
}

img.alignleft {
	float: left;
	margin-right: 20px;
}

img.alignright {
	float: right;
	margin-left: 20px;
}

.mytab.theme2 {
	display: flex;
	align-items: start;
}

	.mytab.theme2 .nav {
		min-width: 190px;
		max-width: 100px;
	}

		.mytab.theme2 .nav li {
			width: 100%;
			margin: 0 0 10px;
		}

			.mytab.theme2 .nav li a i {
				width: 20px;
				text-align: center;
				margin-right: 5px;
			}

	.mytab.theme2 .tab-content {
		padding: 0;
	}

	.mytab.theme2 .nav li a {
		padding-left: 0;
		font-size: 14px;
		color: #6c6c6c;
	}

		.mytab.theme2 .nav li a.active {
			font-weight: 500;
			color: #222;
		}

.mytab.theme3 {
	display: flex;
	align-items: start;
}

	.mytab.theme3 .nav {
		min-width: 200px;
		max-width: 200px;
		padding: 10px;
		margin-right: 40px;
		background: #f7f7f7;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}

		.mytab.theme3 .nav li {
			width: 100%;
			margin: 0 0 10px;
		}

			.mytab.theme3 .nav li a i {
				width: 20px;
				text-align: center;
				margin-right: 5px;
			}

	.mytab.theme3 .tab-content {
		padding: 0;
	}

	.mytab.theme3 .nav li a {
		padding: 10px;
		font-size: 14px;
		color: #6c6c6c;
		background: none;
	}

		.mytab.theme3 .nav li a.active {
			font-weight: 500;
			color: #222;
			background: var(--theme-color);
			color: #FFF;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
		}

.mytab.theme4 .nav li a {
	font-size: 12px;
	padding: 8px 20px;
	font-weight: 500;
	margin-right: 20px;
	display: inherit;
	border-radius: 3px;
	line-height: 1.2;
}

.mytab.theme4 .nav {
	display: flex;
	background: #ecf1f4;
}

	.mytab.theme4 .nav li a.active {
		background: var(--theme-color);
		color: #FFF;
	}

	.mytab.theme4 .nav li a i {
		margin-right: 5px;
		font-size: 15px;
	}
/* ======= Special Cards ======= */
.special-card {
	margin: -15px -20px;
	padding: 20px 20px 0;
	color: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

	.special-card h4 {
		color: #FFF;
		font-size: 14px;
		margin: 0 0 5px;
		text-transform: uppercase;
	}

	.special-card i {
		font-size: 40px;
		display: block;
		/*	font-family: akhand;
*/ font-style: normal;
		line-height: 1;
		margin: 0 0 20px;
	}

	.special-card span[sparkline] {
		display: block;
		margin: 0 -20px;
		opacity: 0.2;
	}

		.special-card span[sparkline] canvas {
			max-width: 100%;
		}
/* ======= Toggles ======= */

.toggle {
	float: left;
	width: 100%;
	height: 100%;
}

.toggle-item {
	float: left;
	width: 100%;
	margin: 0 0 5px;
	border: 1px solid #ebebeb;
}

	.toggle-item h2 {
		background: #ecf1f4;
		color: #505050;
		cursor: pointer;
		float: left;
		font-size: 12px;
		font-weight: 500;
		margin: 0;
		overflow: hidden;
		padding: 8px 10px;
		position: relative;
		width: 100%;
		z-index: 1;
		-webkit-transition: all 0.3s linear;
		-moz-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}

		.toggle-item h2 i {
			display: inline-block;
			float: none;
			margin-right: 5px;
			vertical-align: middle;
			font-size: 11px;
		}

.content {
	float: left;
	padding: 5px 10px;
	width: 100%;
	background: #fbfbfb;
}

	.content.no-space {
		padding: 0;
	}

	.content p {
		margin: 0;
		font-size: 11px;
	}

.toggle.dark .toggle-item h2 {
	background: #4f5467;
	color: #FFF;
}

	.toggle.dark .toggle-item h2 i {
		color: #FFF;
	}

.toggle.colorful .toggle-item h2 {
	color: #FFF;
}

.toggle-item h2:before {
	content: "\f067";
	position: absolute;
	right: 0;
	top: 50%;
	font-family: "fontAwesome";
	width: 30px;
	text-align: center;
	font-weight: 700;
	font-size: 10px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.toggle-item h2.active {
	background: #8195a1;
	color: #FFF;
}

	.toggle-item h2.active:before {
		content: "\f068";
	}

.toggle.style2 .toggle-item {
	border: 0;
}
	.toggle.style2 .toggle-item h2 {
		background: #dddddd;
		color: #212529;
		font-size: 13px;
		font-weight: 400;
		border-bottom: 1px solid #e9ecef;
		border-radius: 5px;
		padding: 8px 15px;
	}
		.toggle.style2 .toggle-item h2.active {
			background: var(--theme-color);
			border-color: #003b5000;
			color: #FFF;
			border-radius: 5px 5px 0 0;
		}
		.toggle.style2 .toggle-item h2:before {
			content: "\f107";
			font-size: 15px;
		}
		.toggle.style2 .toggle-item h2.active:before {
			content: "\f106";
		}
	.toggle.style2 .toggle-item .content {
		background: #ececf0;
		border-radius: 0 0 5px 5px;
	}
.toggle.style2.right-down .toggle-item h2:before {
	left: 0;
	line-height: 1;
}

.toggle.style2.right-down .toggle-item h2 {
	padding-left: 25px;
}

	.toggle.style2.right-down .toggle-item h2.active:before {
		content: "\f107";
	}

	.toggle.style2.right-down .toggle-item h2:before {
		content: "\f105";
	}
.toggle.style2.right-down .toggle-item .content {
	padding: 10px 0;
}
.pane {
	float: left;
	width: 100%;
	padding: 10px 10px 0;
	background: #ebebeb;
	margin: 10px 0;
	border: 1px solid #ddd;
}

	.pane form .row > div {
		margin: 0 0 10px;
	}

.center-icon {
	text-align: center;
	font-size: 150px;
	opacity: 0.1;
	POSITION: absolute;
	line-height: 2;
	left: 0;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}
/* ======= Side Panel ======= */

a.sidepanel-btn {
	position: fixed;
	right: -40px;
	top: 72px;
	width: 40px;
	text-align: center;
	height: 45px;
	line-height: 38px;
	background: #4f5467;
	z-index: 4;
	color: #FFF;
	-webkit-border-radius: 0 0 0 4px;
	-moz-border-radius: 0 0 0 4px;
	border-radius: 0 0 0 4px;
	-webkit-box-shadow: -2px 2px 15px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -2px 2px 15px rgba(0, 0, 0, 0.2);
	box-shadow: -2px 2px 15px rgba(0, 0, 0, 0.2);
}

.new-template.start-drawing ~ a.sidepanel-btn {
	right: 0;
}

i.bar {
	width: 20px;
	display: inline-block;
	height: 1px;
	background: #FFF;
}

.sidepanel-btn.active i.bar {
	width: 0;
}

a.sidepanel-btn:before,
a.sidepanel-btn:after {
	content: "";
	position: absolute;
	left: 10px;
	top: 16px;
	width: 10px;
	height: 1px;
	background: #FFF;
}

a.sidepanel-btn:after {
	top: auto;
	bottom: 14px;
	width: 15px;
}

a.sidepanel-btn.active:before,
a.sidepanel-btn.active:after {
	width: 20px;
}

a.sidepanel-btn.active:before {
	top: 24px;
	-webkit-transform: rotateZ(45deg);
	-moz-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
}

a.sidepanel-btn.active:after {
	bottom: 20px;
	-webkit-transform: rotateZ(-45deg);
	-moz-transform: rotateZ(-45deg);
	transform: rotateZ(-45deg);
}

.side-panel {
	position: fixed;
	right: 0;
	top: 72px;
	height: 100%;
	width: 300px;
	height: calc(100vh - 65px);
	background: #ffffff;
	padding: 0 10px;
	z-index: 3;
	-webkit-box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.1);
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	/* easeOutQuart */
	-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
	/* easeOutQuart */
}

	.side-panel.active {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}

.new-template.start-drawing {
	/*border: 1px dashed;*/
	padding: 10px;
}

.new-template.shrink {
	margin-right: 300px;
}

.new-template.start-drawing .page {
	min-height: 100%;
}

.new-template.start-drawing.container {
	margin: 0 auto;
}
/* .new-template.start-drawing ~ .side-panel{ right:0 } */

.side-panel ul.nav {
	padding: 8px 10px;
	margin: 0 -10px;
	border-bottom: 1px solid #ddd;
	background: #f1f1f1;
}

	.side-panel ul.nav li {
		float: left;
		padding: 0;
		color: #010101;
		font-size: 13px;
	}

		.side-panel ul.nav li a {
			float: left;
			padding: 7px 10px;
			line-height: 1.2;
			cursor: pointer;
			font-size: 12px;
		}

			.side-panel ul.nav li a.active {
				background: #7a9eff;
				color: #FFF !important;
				padding: 7px 19px;
				-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
				box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
			}

.side-panel .tab-content {
	padding: 10px 0 0;
	height: calc(100% - 45px);
}

.side-panel.fixed .tab-content {
	height: calc(100% - 65px);
}

.row.narrow.panels {
	margin-bottom: -5px;
}

.panel-box {
	float: left;
	width: 100%;
	margin: 0 0 10px;
}

.panel-box {
	float: left;
	width: 100%;
	margin: 0 0 5px;
	border: 1px solid #d4d4d4;
	text-align: center;
	position: relative;
}

	.panel-box span {
		width: 100%;
		font-size: 18px;
		padding: 10px 0;
		float: left;
		color: #9c9c9c;
		background: #ffffff;
	}

	.panel-box h5 {
		margin: 0;
		font-size: 11px;
		padding: 1px 5px;
		float: left;
		width: 100%;
		font-weight: 400;
		color: #FFF;
		background: #4c4c4c;
	}

.row.narrow {
	margin: 0 -2.5px -5px;
}

	.row.narrow > div {
		padding: 0 2.5px;
		margin: 0 0 5px;
	}

.side-panel input {
	padding: 0 10px;
	font-size: 12px;
	border-radius: 0;
	height: 29px;
}

.side-panel .colorpickerwrapper {
	margin-top: 50px;
	position: absolute;
	left: 15px !important;
	top: 0 !important;
}

.side-panel .content form.show {
	display: block;
}

.change-settings > div > .widget {
	border-left: 2px solid #4f5467;
	-webkit-box-shadow: 0 0 20px rgba(79, 84, 103, 0.34);
	-moz-box-shadow: 0 0 20px rgba(79, 84, 103, 0.34);
	box-shadow: 0 0 20px rgba(79, 84, 103, 0.34);
}

.dt-options {
	display: none;
}

.side-panel .toggle-item label {
	font-size: 12px;
}

.side-panel fieldset {
	width: 100%;
	padding: 10px;
	background: no-repeat;
	border-top: 1px solid #ddd;
	margin: 10px 5px;
}

h4.feildset-title {
	font-size: 13px;
	margin: 0 0 20px;
	padding: 10px;
	background: #ecf1f4;
	margin: 0 0 20px;
	color: #737a97;
}

.side-panel .inline .colorpickerwrapper {
	margin-top: 40px;
	width: auto;
}

.side-panel .inline .colorpickerwrapper {
	margin-top: 40px;
	width: auto;
	left: auto !important;
	right: 15px;
}

.toggle.scrollbar ~ div {
	left: auto !important;
	right: 0;
}

	.toggle.scrollbar:hover ~ div,
	.toggle.scrollbar ~ div:hover {
		opacity: 1 !important;
	}

.content .toggle {
	height: auto;
	overflow: unset;
	width: auto;
	float: none;
}

	.content .toggle .toggle-item h2 {
		background: #ecf1f4;
		color: #737a97;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

		.content .toggle .toggle-item h2:hover {
			background: #ffffff;
			-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			-webkit-transition: all 0s;
			-moz-transition: all 0s;
			transition: all 0s;
		}

	.content .toggle .content {
		background: #FFF;
		padding: 10px;
	}

	.content .toggle .toggle-item h2.active,
	.content .toggle .toggle-item h2.active:hover {
		background: #989caf;
		box-shadow: none;
		color: #ffffff;
		text-shadow: none;
	}

.side-panel select {
	height: 29px;
	border-radius: 0;
	font-size: 12px;
	padding: 0 5px;
	background: #FFF;
}

.side-panel .select2-container {
	z-index: unset;
}

.side-panel .toggle-item label {
	display: flex;
	align-items: center;
}

	.side-panel .toggle-item label .custom-btn {
		margin-left: auto;
	}

.side-panel label strong {
	font-size: 15px;
	font-weight: 500;
}

.clonable {
	padding: 10px 10px 10px;
	border: 1px solid #ddd;
	float: left;
	width: 100%;
	background: #ecf1f4;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

	.clonable:not(:last-child) {
		margin: 0 0 10px;
	}

.clonable-part:not(:last-child) {
	margin: 0 0 20px !important;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

a.remove-it {
	position: absolute;
	right: 0;
	overflow: hidden;
	top: 0;
	line-height: 1;
	z-index: 1;
	color: #FFF;
	padding: 3px;
	font-size: 8px;
	width: 22px;
	height: 17px;
	text-align: center;
	padding-left: 7px;
}

	a.remove-it:before {
		content: "";
		background: #ff4f4f;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 200%;
		border-radius: 20px;
		height: 200%;
		z-index: -1;
	}
/*=== Side Panel Sticky===*/

.side-panel.sticky {
	position: fixed;
	height: 100vh;
}

a.sidepanel-btn.sticky {
	position: fixed;
}
/*=== Query Builder ===*/
.side-panel .tab-content .tab-pane {
	height: 100%;
}

.querybuilder-wrapper {
	display: flex;
	margin: -10px -10px 0;
	height: calc(100% + 10px);
	width: calc(100% + 20px);
	padding-bottom: 150px;
}

.select-table {
	background: #ecf1f4;
	max-width: 250px;
	min-width: 220px;
	padding: 20px 15px;
	overflow: auto;
}

h3.simple-title {
	font-size: 14px;
	color: #47368c;
	margin: 0 0 15px;
	text-transform: uppercase;
}

.select-table ul {
	list-style: none;
}

.querybuilder-wrapper table td input {
	height: 20px;
}

	.querybuilder-wrapper table td input[type="text"],
	.querybuilder-wrapper table td select {
		height: 26px;
		width: 60px;
		padding: 0 3px;
	}

.table-grid {
	height: calc(100% - 25px);
	overflow: auto;
}

.selected-columns {
	padding: 20px 10px;
	border-right: 1px solid #dfdfdf;
	border-left: 1px solid #d6dde0;
	background: #f6fcff;
	min-width: 43%;
}

.create-query {
	width: 100%;
	padding: 20px 10px;
	height: 100%;
	overflow: auto;
	background: #FFF;
}

.tg-head {
	display: flex;
	padding: 7px 0;
	align-items: center;
	background: #4f5467;
}

	.tg-head span {
		padding: 0 5px;
		font-size: 12px;
		color: #FFF;
		width: 100px;
		min-height: 1px;
	}

.tg-row {
	display: flex !important;
	align-items: center;
	padding: 6px 0;
}

	.tg-row span {
		padding: 0 5px;
		font-size: 12px;
		min-width: 10px;
		min-height: 1px;
		width: 100px;
	}

		.tg-head span.small,
		.tg-row span.small {
			width: 45px;
		}

	.tg-row input[type="text"],
	.tg-row select {
		height: 30px;
		font-size: 11px;
		padding: 0 5px;
		border-radius: 3px;
		width: 100%;
	}

.selected-rows {
	position: relative;
}

	.selected-rows > div {
		position: absolute;
	}

span.small.moverow {
	padding: 5px 0;
	text-align: center;
}

.columns-head {
	display: flex;
	align-items: center;
	margin: 0 0 10px;
}

	.columns-head .buttons-set {
		margin-left: auto;
		margin-bottom: -10px;
	}

	.columns-head h3.simple-title {
		margin: 0;
	}

.query-area {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 150px;
}

	.query-area textarea {
		height: 100%;
		border-radius: 0;
	}

a.clone {
	width: 100%;
	text-align: center;
	display: inline-block;
}

.columns-list li {
	display: flex;
	margin: 0 0 6px;
}

	.columns-list li label {
		line-height: 1.3;
		font-weight: 400;
		word-break: break-all;
	}

	.columns-list li input {
		margin-right: 5px;
	}

span.select2-container.select2-container--default.select2-container--open.s2-to-tree {
	z-index: 100000 !important;
}

.querybuilder-wrapper {
	position: relative;
}

.querybuilder-inner {
	display: flex;
	height: 100%;
	width: 100%;
}

.schema-switch {
	/* position: absolute; */
	/* right: 70px; */
	/* top: -50px; */
	/* display: flex; */
	/* align-items: center; */
	/* font-size: 14px; */
	/* height: 50px; */
	/* z-index: 12; */
}

.query-show-hide {
	position: absolute;
	right: 60px;
	top: -35px;
	display: flex;
	font-size: 12px;
}

.schema-switch {
	display: flex;
	align-items: center;
}

	.schema-switch ~ .schema-switch {
		margin-left: 10px;
	}

	.schema-switch .m_switch {
		margin-right: 10px;
	}

		.schema-switch .m_switch input {
			height: 24px !important;
		}

.airview-schema-designer {
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% - 221px);
	height: calc(100% - 150px);
	background: #ffffff;
	z-index: 1000000000000;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-moz-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-o-transition: all 500ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	transition: all 1000ms cubic-bezier(0.785, 0.135, 0.150, 0.860);
	/* easeInOutCirc */
	-webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-moz-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
	-o-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
	transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);
	/* easeInOutCirc */
}

	.airview-schema-designer.active {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
/*=============== Login Page ===================*/

.login-page {
	background: #FFF;
	height: 100%;
	padding: 30px;
	background: url(Theme/AirviewX/images/login-border.png) no-repeat scroll center right / 50% 100% #FFF;
}

.login-box {
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: table;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.left-side {
	display: table-cell;
	width: 63%;
	height: 100%;
	background: url("../../images/login-bg.jpg") no-repeat scroll 0 0 / 100% 100% transparent;
	position: relative;
	z-index: 1;
	vertical-align: middle;
}

	.left-side:before {
		content: "";
		background: linear-gradient(to bottom left, #26ceff, #292996);
		z-index: -1;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0.9;
	}

.login-text {
	position: absolute;
	left: 0;
	bottom: 100px;
	width: 100%;
	padding: 0 65px;
}

	.login-text img {
		float: none;
		margin: 0 0 27px;
	}

	.login-text p {
		font-size: 22px;
		color: #ffffff;
		margin: 0;
	}

.right-side {
	display: table-cell;
	width: 27%;
	height: 100%;
	background: #FFF;
	vertical-align: middle;
	padding: 0 85px;
	text-align: center;
}

.big-logo {
	display: inline-block;
	margin: 0 0 70px;
}

.login-box form input {
	background: #e6e6e6;
	border: 0;
	height: 68px;
	font-size: 20px;
	color: #464646;
	padding: 10px 30px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.login-box form .row > div {
	margin: 0 0 30px;
}

.login-box form {
	margin: 0 0 -30px;
}

.login-box button.btn {
	float: left;
	font-size: 20px;
	padding: 15px 40px;
	background: #9f0000;
	border: 0;
	-webkit-border-radius: 6px;
	color: #FFF;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.login-box form input[type=checkbox] {
	display: none;
}

	.login-box form input[type=checkbox] + label {
		background: url('Theme/AirviewX/images/checkbox.png') left top no-repeat;
		display: block;
		min-height: 25px;
		margin: 0;
		text-align: left;
		padding-left: 50px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.login-box form input[type=checkbox]:checked + label {
		background: url('Theme/AirviewX/images/checkbox-active.png') left top no-repeat;
		padding-left: 50px;
	}

a.edit-table {
	float: left;
	margin-right: 10px;
	font-size: 12px;
}
/* ======= Theme 6 ======= */

body.theme6 {
	background: #ffffff;
}

	body.theme6 header {
		background: #FFF;
	}

	body.theme6 .sideheader {
		background: #212529;
	}

	body.theme6 .info {
		color: #212529;
	}

		body.theme6 .info strong {
			display: table;
			font-weight: 500;
			color: #212529;
		}

		body.theme6 .info a:before {
			background: linear-gradient(transparent, #b3b3b3, #b3b3b3, transparent);
			height: 100%;
			width: 2px;
		}

		body.theme6 .info a {
			margin-right: 30px;
			padding-right: 30px;
		}

	body.theme6 .sideheader > ul > li > a {
		padding: 10px 20px;
		background: none;
		z-index: 1;
		text-decoration: none;
	}

	body.theme6 .sideheader > ul > li a,
	body.theme6 .sideheader > ul > li a i,
	body.theme6 .sideheader > ul > li a:before,
	body.theme6 .sideheader > ul > li a:after {
		transition: all 0.2s linear;
	}

	body.theme6 .sideheader > ul > li {
		border: 0;
		font-size: 12px;
		color: #acb1c1;
		position: static;
	}

		body.theme6 .sideheader > ul > li:hover > a,
		body.theme6 .sideheader > ul > li > a:hover
		body.theme6 .sideheader > ul > li.active > a {
			color: #FFF;
		}

	body.theme6 .sideheader > ul {
		margin-top: 10px;
		max-height: calc(100vh - 130px);
		overflow-x: hidden;
		overflow-y: auto;
	}

		body.theme6 .sideheader > ul ul {
			background: none;
			padding: 0px 20px 20px 40px;
			margin: 0;
			border: 0;
			box-shadow: none;
		}

			body.theme6 .sideheader > ul ul li:before {
				display: none;
			}

		body.theme6 .sideheader > ul > li > a:after {
			position: absolute;
			left: 45px;
			top: 0;
			width: 0;
			height: 100%;
			background: #171a1c;
			content: "";
			z-index: -1;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
			border-radius: 50px;
		}

		body.theme6 .sideheader > ul > li.active > a:after {
			width: calc(100% - 63px);
			height: calc(100% - 10px);
			top: 5px;
		}

		body.theme6 .sideheader > ul > li.active > a i {
			margin-right: 21px;
		}

		body.theme6 .sideheader > ul ul li a {
			padding: 5px 0;
		}

		body.theme6 .sideheader > ul ul li.has-dropdown > a:before {
			font-size: 8px;
			top: 11px;
		}

		body.theme6 .sideheader > ul ul ul {
			padding: 5px 10px 10px 10px;
		}

		body.theme6 .sideheader > ul li.has-dropdown > a:before {
			/* top: 15px; */
		}

.sideheader > ul ul li:hover > a,
.sideheader > ul ul li.active > a,
.sideheader > ul li > a.active {
	color: #fFF;
}

body.theme6 .sideheader > ul li.has-dropdown.active > a:before {
	right: 35px;
}

body.theme6 a.menu-icon {
	font-size: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

body.theme6 .top-nav .sideheader > ul {
	margin: 0;
}

body.theme6 .profile-pic a.opt-btn span {
	color: #222;
}

.theme6 .logo {
	min-width: auto;
}
/* ======= Menu Button Secondary ======= */

.sec-sidemenu .icon-menu {
	display: block;
}

.sec-sidemenu .menu-btn-secondary {
	display: block;
}

.sec-sidemenu .content-area {
	/* padding-left: 70px */
}

.sec-sidemenu .sideheader.active ~ .content-area {
	padding-left: 0;
}
/* ======= Header Search ======= */

.show-search .header-search {
	display: block;
}

.header-search {
	display: none;
	margin-left: 20px;
}

	.header-search form {
		display: flex;
		height: 40px;
		background: #efeff5;
		width: 200px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	}

		.header-search form input {
			color: #5d5d5d;
			height: 100%;
			background: no-repeat;
			border: 0;
			height: 100%;
		}

		.header-search form button {
			color: #bcbcbd;
			background: none;
			border: 0;
			width: 50px;
		}
/* ======= Notification ======= */

.notifications {
	padding: 0 10px;
	position: relative;
}
/*change asked by Muddasir*/

a.notification-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

	a.notification-btn img {
		max-width: 21px;
		height: 25px;
		max-height: 25px;
	}

a.notification-btn {
	position: relative;
	display: inline-block;
}
/*a.notification-btn:before {
    content: "";
    position: absolute;
    right: 0;
    z-index: 1;
    top: 4px;
    width: 12px;
    height: 12px;
    background: #c30e2e;
    border: 1px solid #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}*/

.theme1 a.notification-btn > img,
.theme2 a.notification-btn > img,
.theme5 a.notification-btn > img {
	filter: contrast(1) brightness(5);
}
/* ======= Secondary Menu Button ======= */

.menu-btn-secondary {
	border-bottom: 1px solid #474848;
	height: 49px;
	position: relative;
	display: none;
}

	.menu-btn-secondary > a {
		float: right;
		width: 70px;
		height: 49px;
		position: relative;
	}

		.menu-btn-secondary > a > i {
			width: 26px;
			position: absolute;
			right: 20px;
			top: 25px;
			height: 2px;
			background: #a0a0c2;
		}

			.menu-btn-secondary > a  >i:before,
			.menu-btn-secondary > a > i:after {
				content: "";
				position: absolute;
				right: 0;
				top: -8px;
				width: 40%;
				height: 2px;
				background: inherit;
			}

			.menu-btn-secondary > a > i:after {
				right: auto;
				left: 0;
				top: auto;
				bottom: -8px;
			}

.icon-menu {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 70px;
	height: 100%;
	background: inherit;
	z-index: 1;
	transition: all 0.3s linear;
}

.sideheader.active .icon-menu {
	margin-left: -70px;
}

.icon-menu ul {
	width: 100%;
	text-align: center;
	font-size: 21px;
	color: #9797b7;
}

	.icon-menu ul li a {
		padding: 15px 10px;
		display: inline-block;
		width: 100%;
	}

.theme4.sec-sidemenu .icon-menu {
	position: fixed;
	top: 75px;
	height: calc(100% - 75px);
	background: #ffffff;
}

.jqstooltip {
	width: auto !important;
	height: auto !important;
}

.heightControl {
	height: 100%;
}

.topMenuSetting {
	display: flex;
	margin-left: auto;
	align-items: center;
}

.new-template .table-container th,
.new-template .table-container td {
	font-size: unset;
}

.buttons-group {
	margin: 0 0 10px;
}

	.buttons-group.overlap-down {
		margin-bottom: -30px;
		z-index: 1;
		position: relative;
	}

.drop-here {
	min-height: 100px;
	position: relative;
	height: 100%;
	margin: -10px;
	padding: 18px;
}

	.drop-here.active {
		border: 1px dashed;
	}

.db-col-label {
	position: absolute;
}

.db-label-val {
	position: absolute;
	left: 0;
	top: 0;
	/*display: none;*/
}
/* div.db-label-settings{ margin: 0 0 -10px!important } */




.sideheader.inactive .menuProfileImage{display: none}
.menu-btn-secondary .menuProfileImage {
	display: flex;
	align-items: center;
	padding-left: 20px;
	height: 100%;
	float: left;
}
	.menu-btn-secondary .menuProfileImage > a {
		width: 35px;
		margin-right: 5px;
		display: flex;
		align-items: center;
		text-decoration: none;
	}
	.menu-btn-secondary .menuProfileImage img {
		height: 35px;
		width: 35px;
		border-radius: 50%;
		transition: all 0.2s linear;
	}
.menuProfileImage span {
	color: #acb1c1;
	font-size: 12px;
	padding-left: 5px;
	transition: all 0.2s linear;
	max-width: 125px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.menuProfileImage span > a {
	text-decoration: none;
	color: inherit;
}
/* ===  Add Tab === */

.can-add {
	position: relative;
}

	.can-add ul.nav li input,
	.can-add ul.nav li input,
	.can-add ul.nav li select {
		height: 30px;
		padding: 0 10px;
		min-width: 150px;
	}

.mytab .nav li a.add-tab {
	background: var(--theme-color);
	color: #FFF;
	padding: 5px 10px;
	font-size: 12px;
	height: 30px;
	font-weight: 400;
	margin: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 1.7;
}

	.mytab .nav li a.add-tab i.fa {
		font-size: 11px;
	}

.mytab .nav li.order-last {
	order: 100000;
}

a.add-tab.disabled {
	pointer-events: none;
	cursor: not-allowed;
}

.can-add .nav li {
	display: flex;
	padding: 0 15px;
	align-items: center;
	position: relative;
}

	.can-add .nav li .icon-input {
		margin-right: 10px;
		padding: 5px;
		font-size: 12px;
		max-width: 170px;
	}

	.can-add .nav li .newtab_input {
		font-size: 11px;
	}

.can-add.mytab.theme1 .nav,
.can-add.mytab.theme4 .nav {
	flex-wrap: nowrap;
	white-space: nowrap;
}

.can-add .nav > div {
	display: none !important;
}

.enscroll-track.horizontaltrack4 {
	height: 5px;
	background: #eaeaea;
	top: 10px;
	left: 0;
	border-radius: 8px;
}

a.horizontalhandle4 {
	height: 100%;
	background: #a8a7a7;
	border-radius: 8px;
}

	a.horizontalhandle4:hover {
		height: 7px;
	}
/* span.done-tab{
    padding: 0 5px!important;
    line-height: 2.9;
    position: absolute;
    right: 15px;
} */

span.done-tab i {
	margin: 0 !important;
	color: #5ac769;
}

.can-add .nav li span.custom-btn {
	height: 100%;
	line-height: 2.5;
	min-width: 20px;
	margin: 0;
}

.can-add .nav li span.delete-tab i {
	color: #e24949;
}

.can-add.mytab.theme2 .nav li {
	clear: right;
	display: inline-table;
}

.can-add.theme2 .nav li .icon-input {
	margin: 0 0 5px;
	width: 100%;
}

.can-add.mytab.theme3 .nav li {
	clear: right;
	display: inline-table;
}

.can-add.theme3 .nav li .icon-input {
	margin: 0 0 5px;
	width: 100%;
}

.can-add.theme4 .nav li {
	padding: 0;
}
/* ===  Filters Dropdown === */

.filters-drop {
	position: absolute;
	right: 0;
	top: 100%;
	border: 1px solid #ddd;
	background: #FFF;
	opacity: 0;
	visibility: hidden;
	-webkit-ransform: translateY(50px);
	-moz-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s cubic-bezier(0.42, -0.01, 0.58, 1);
	-moz-transition: all 0.3s cubic-bezier(0.42, -0.01, 0.58, 1);
	transition: all 0.3s cubic-bezier(0.42, -0.01, 0.58, 1);
}

	.filters-drop h5 {
		background: #f3f6f8;
		font-size: 13px;
		border-bottom: 1px solid #ddd;
		font-weight: 500;
		padding: 6px 10px;
		margin: 0;
	}

	.filters-drop .jstree {
		padding: 20px 30px 20px 10px;
	}

	.filters-drop.active {
		opacity: 1;
		visibility: visible;
		transform: translate(0);
	}

button.multiselect.dropdown-toggle.btn.btn-default {
	font-size: 12px;
	display: flex;
	justify-content: space-between;
	border-color: #BBBBC3;
	height: 30px;
	color: #BBBBC3;
	align-items: center;
	padding: 0 15px;
}

span.multiselect-native-select {
	margin: 0;
}

button.multiselect.dropdown-toggle:after {
	display: none;
}

ul.multiselect-container.dropdown-menu.show {
	width: auto;
	max-height: 420px;
	min-width: 250px;
}

.multiselect-container > li > a > label {
	padding: 3px 0 3px 20px;
}

.multiselect-container > li input {
	margin-bottom: 0 !important;
}

.tab-canvas.tab-content {
	min-height: 280px;
}

	.tab-canvas.tab-content .tab-pane {
		min-height: 280px;
	}
/*  === Custom Bootstrap Modal ===*/

.av-modal .modal-header {
	background: #666666;
	color: #FFF;
	padding: 10px 15px;
	align-items: center;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

	.av-modal .modal-header .modal-title {
		color: #FFF;
		font-size: 14px;
	}

	.av-modal .modal-header .close {
		padding: 5px;
		margin: -5px 0;
		color: #FFF;
		font-weight: 300;
	}

		.av-modal .modal-header .close:hover,
		.av-modal .modal-header .close:focus {
			color: #FFF;
		}

.av-modal .modal-footer {
	background: #f0f2f5;
	padding: 10px 15px;
	border-top: 1px solid #cfcfcf;
	border-radius: 0 0 5px 5px;
}

.av-modal .modal-body {
	/*max-height: calc(100vh - 190px);*/
	overflow: auto;
	padding: 15px;
}

select.subselect ~ .select2-container {
	flex: 0 0 60px;
	margin-left: 10px;
}
/*.ui-resizable-disabled .widget {
    overflow: hidden;
}*/

div[data-gs-height="3"] .widget {
	overflow: hidden;
}

.widget-footer {
	padding: 10px;
	background: #fafafa;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	border-top: 1px solid #f1f1f1;
	border-radius: 0 0 7px 7px;
	max-height: 48px;
	border-bottom: 1px solid #f1f1f1;
}

.content-wrapper .widget-footer {
	margin-top: auto;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: -12px;
}

.content-area .grid-stack {
	margin: 0 0 10px;
}

select.style2 ~ .select2-container .select2-selection--single {
	height: 30px;
	background: #FFF;
	border: 1px solid #BBBBC3;
	display: flex;
	align-items: center;
}

select.style2 ~ .select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 12px !important;
	flex: auto;
	color: #565656;
	line-height: unset;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	/* font-size: 11px !important; */
}

select.style2 ~ .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: auto;
	position: relative;
	margin-left: auto;
	right: auto;
	top: auto;
	width: auto;
	display: flex;
	align-items: center;
	margin-right: 14px;
}

select[disabled],
select[disabled] ~ .select2,
input[disabled] {
	opacity: 0.4;
}
/*.btn.disabled, .btn:disabled {
    color:transparent!important;
    opacity: 0.4;
}*/

input[readonly] {
	opacity: 0.6;
	cursor: not-allowed;
}

.widget .widget {
	box-shadow: none;
	border: 1px solid #dddde4;
	height: auto;
	z-index: 1;
}

	.widget .widget .title-bar {
		padding: 10px 15px;
		min-height: 36px;
		border-bottom: 0;
	}

	.widget .widget .widget-footer {
		padding: 9px 20px;
		background: #f9f9fa;
		border-top: 1px solid #dddde4;
	}

	.widget .widget .get_dt_search input {
		background: #FFF;
	}
/*  === Dropzone ===*/

.av-dropzone.dropzone {
	/*min-height: 210px;*/
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	background: #fbfbff;
	/*border: 1px solid #c5c5c5;*/
	font-size: 13px;
	border-radius: 4px;
	font-weight: 500;
	/*max-height: 210px;*/
	color: #63639a;
	/*overflow: auto;*/
}
/* === SUMO Select Styling ===*/

.av-sumo .SumoSelect {
	width: 100% !important;
	min-width: 190px;
}

	.av-sumo .SumoSelect select {
		visibility: hidden;
	}

	.av-sumo .SumoSelect > .CaptionCont {
		border: 1px solid #c5c5c5;
		border-radius: 3px;
		background: #fafafa;
		font-size: 12px;
		line-height: 22px;
		min-height: 35px;
		font-style: normal;
	}

		.av-sumo .SumoSelect > .CaptionCont > span.placeholder {
			font-style: normal;
			color: #8b8b8b;
		}

		.av-sumo .SumoSelect > .CaptionCont > label {
			height: 100%;
			display: unset;
			margin: 0;
		}

			.av-sumo .SumoSelect > .CaptionCont > label i {
				background-position: center 0;
				background-size: 9px 12px;
			}

	.av-sumo .SumoSelect .select-all {
		float: none;
		height: auto;
	}

	.av-sumo .SumoSelect > .optWrapper > .options li.group > label {
		font-weight: 500;
		background: #f0f2f5;
		border-bottom: 1px solid #f1f1f1;
	}

.av-sumo li.group {
	margin: 0 0 20px;
}

.av-sumo .SumoSelect > .optWrapper > .options li.opt:hover {
	background: #fafafa;
}

.static_widgets {
	padding: 0 15px;
	margin: 0;
}

	.static_widgets .widget {
		margin: 0 0 0;
	}

	.static_widgets > .row > div {
		margin: 0 0 10px;
	}

.dropdown-item {
	font-size: 13px;
	padding: 5px 10px;
}

.modal-open .title-bar {
	z-index: 100;
}

body .DTCR_clonedTable th {
	background: #efeff5 !important;
	border: 1px solid #dedee3 !important;
	white-space: nowrap;
	font-size: 12px;
	font-weight: 500 !important;
	padding: 0;
}

.DTCR_clonedTable th .table-head {
	padding: 0;
}

.av-modal .modal-body .modal-footer {
	margin: 6px -15px -20px;
}

table.dataTable tbody tr.shown {
	background: #ffffed;
}

.get_dt_search {
	position: relative;
	overflow: hidden;
}

	.get_dt_search:before {
		content: "\f002";
		position: absolute;
		left: 0;
		top: 0;
		height: 30px;
		width: 30px;
		text-align: center;
		line-height: 32px;
		font-family: "fontAwesome";
		font-weight: 600;
		font-size: 11px;
		color: #6c757d;
		z-index: 1;
	}

	.get_dt_search input {
		font-size: 11px;
		min-width: 190px;
		background: #fff;
		border-color: #dedee3;
		color: #000000;
		font-weight: 500;
		height: 30px;
		padding-left: 30px;
	}

td a.custom-btn.icon-only {
	font-size: 18px;
}

.av_rangepicker {
	font-size: 12px;
	border: 1px solid #dedee3;
	background: #ffffff;
	height: 30px;
	color: #6c757d;
	min-width: 190px;
	cursor: pointer;
	border-radius: 3px;
	padding: 4px 14px 4px;
}
	.av_rangepicker span{margin-right:20px}
	.av_rangepicker .fa-caret-down{
		font-size: 14px;
		margin-top: 2px;
		color: #373737;
	}
.daterangepicker {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.widget-footer > * ~ *{margin-left:5px}
/* ===  Notification Panel In Header === */

/*.av-notifications {
	min-width: 300px;
}*/

.av-notifications > ul {
	list-style: none;
	padding: 0;
	margin: 0;
	max-height: 250px;
	overflow: auto;
}

.av-not {
	padding: 15px 20px;
	display: flex;
	color: #333;
	align-items: start;
	border-bottom: 1px solid #ddd;
	transition: all 0.3s linear;
}

.not-img {
	flex: 0 0 30px;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	overflow: hidden;
	text-align: center;
	font-size: 24px;
	color: #d6d6d6;
}

	.not-img img {
		width: 100%;
	}
.not-image {
	flex: 0 0 50px;
	margin-right: 10px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	overflow: hidden;
	text-align: center;
}
	.not-image img {
		width: 100%;
	}
.not-detail {
	flex: auto;
	align-self: center;
}

	.not-detail h5:not(:empty),
	.not-detail .not-desc {
		margin: 0 0 5px;
		/*	display: flex;
*/ font-weight: 500;
		font-size: 13px;
	}

		.not-detail h5 i,
		.not-detail .not-desc i,
		.not-detail i.notiTime {
			margin-left: auto;
			font-size: 11px;
			white-space: nowrap;
			font-weight: 500;
			color: var(--theme-color);
		}
	.not-detail h5:empty, .not-detail p:empty {
		display: none;
	}
	.not-detail p {
		margin: 0;
		/*	font-weight: 500;
	font-size: 11px;
	color: #89745a;*/
	}
	.not-detail ol{padding-left:10px}

.dropdown-menu .not-detail p a {
	width: auto;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	display: inline !important;
}

.av-not:hover {
	background: #f5f7fa;
}

.dropdown-footer {
	text-align: center;
	padding: 10px;
	margin: 0 0 -5px;
	background: #ecf0f5;
	border-top: 1px solid #ececec;
	font-size: 13px;
	font-weight: 500;
}

	.dropdown-footer a {
		color: #3c8dbc;
	}

.notifications {
	position: relative;
	display: flex;
	align-items: center;
}

	.notifications span.badge {
		font-size: 10px;
		line-height: 12px;
		width: 19px;
		min-width: 19px;
		height: 19px;
		position: absolute;
		color: #FFF;
		right: -10px;
		top: 0;
		background: var(--theme-color) !important;
		border-radius: 50%;
		padding: 4px 0;
		font-weight: 500;
	}

.notification-btn:after {
	display: none;
}

/*.notifications .dropdown-footer {
	padding: 10px;
	margin: 0 0 0px;
	position: fixed;
	bottom: 1px;
	width: 100%;
	background: #fff;
	box-shadow: 0px -1px 6px rgba(0,0,0,.1);
}*/

.dropdown-footer a {
	color: var(--theme-color);
}

.av-notifications > ul {
	max-height: 320px;
}

.av-notifications {
	/*min-width: 350px;*/
	/*	transform: translate3d(-369px, 25px, 0px);*/
	padding-top: 0;
}

.notifications-page .timeline-slot.av-notifications .slot-title {
	margin-top: 0px;
	margin-bottom: 0;
	font-weight: 700;
	font-size: 15px;
	border-bottom: 1px solid rgba(0,0,0,.15);
	/*border-top: 1px solid #212529;*/
	color: #5D5D5D;
	padding: 10px 15px;
}

	.notifications-page .timeline-slot.av-notifications .slot-title i {
		float: right;
		margin-top: 4px;
		font-size: 20px;
	}

.notifications-page .filter-notification-body {
	max-height: 100%;
	overflow: auto;
}

.timeline-slot.av-notifications > ul .av-not {
	padding: 10px 30px 0;
	border-bottom: none;
}

.panel_content .timeline-slot.av-notifications > ul {
	max-height: 100%;
	overflow: hidden;
	background: #fafafa;
}

.timeline-slot.av-notifications > ul .av-not .not-img {
	display: none
}

.timeline-slot.av-notifications > ul .av-not .not-desc a {
	display: none
}

.timeline-slot.av-notifications > ul .av-not .not-detail p {
	margin-right: 2px
}

.content-wrapper.scrollbar-outer.without-footer {
	padding-bottom: 0
}

.apply-btn.widget-footer {
	bottom: 0;
	position: absolute;
	width: 100%;
}

.av-not.unread {
	background: #f5f5f5
}

.timeline-slot.av-notifications > ul > li {
	position: relative
}

	.timeline-slot.av-notifications > ul > li .av-not:before {
		content: "\f111";
		font-family: FontAwesome;
		position: absolute;
		left: 15px;
		font-size: 8px;
		top: 13px;
		color: #5D5D5D;
	}

	.timeline-slot.av-notifications > ul > li .av-not.unread:before {
		color: #ef6026
	}

.dropdown-menu.av-notifications {
	position: fixed !important;
	right: 0 !important;
	left: auto !important;
	transform: inherit !important;
	height: calc(100% - 60px);
	top: 60px !important;
	border-radius: 0;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	max-width: calc(100% - 255px);
}
	.dropdown-menu.av-notifications.show {
		-webkit-animation-name: flexPaneItem-slideContentIn;
		animation-name: flexPaneItem-slideContentIn;
		-webkit-animation-duration: .28s;
		animation-duration: .28s;
		-webkit-animation-timing-function: cubic-bezier(.8,0,.2,1);
		animation-timing-function: cubic-bezier(.8,0,.2,1);
		-webkit-animation-fill-mode: backwards;
		animation-fill-mode: backwards;
		-webkit-animation-delay: .04s;
		animation-delay: .04s;
	}
	.dropdown-menu.av-notifications > ul {
		max-height: 100%;
		-webkit-animation-name: flexPaneItem-slideContentIn;
		animation-name: flexPaneItem-slideContentIn;
		-webkit-animation-duration: .28s;
		animation-duration: .28s;
		-webkit-animation-timing-function: cubic-bezier(.8,0,.2,1);
		animation-timing-function: cubic-bezier(.8,0,.2,1);
		-webkit-animation-fill-mode: backwards;
		animation-fill-mode: backwards;
		-webkit-animation-delay: .04s;
		animation-delay: .04s;
		padding-bottom: 35px;
	}
.notifications-page .panel_content{overflow: auto}

.dropdown-menu.av-notifications.av-fixed {
	top: 0px !important;
	height: 100% !important;
	margin: 0;
	border-top: none;
}

@-webkit-keyframes flexPaneItem-slideContentIn {
	0% {
		opacity: 0;
		-webkit-transform: translate(80px);
		-ms-transform: translate(80px);
		transform: translate(80px)
	}

	to {
		opacity: 1;
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}

@keyframes flexPaneItem-slideContentIn {
	0% {
		opacity: 0;
		-webkit-transform: translate(80px);
		-ms-transform: translate(80px);
		transform: translate(80px)
	}

	to {
		opacity: 1;
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0)
	}
}

/*=============== TMS Module Start ===============*/
.dx-widget.newTicketBtn.dx-dropdownbutton .dx-icon {
	color: #FFF !important;
}
.project_tabPane {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.tabs_in_tabs > .tab-content > .tab-pane {
	height: 100%
}

.project_tabPane .tab-content {
	flex: auto
}

	.project_tabPane .tab-content .tab-pane {
		height: 100% !important
	}

		.project_tabPane .tab-content .tab-pane .demo-container {
			height: 100% !important
		}

.project_tabPane .panel_sidebar .dx-treeview {
	height: calc(100vh - 316px)
}

.project_tabPane .panel_wrapper {
	height: calc(100% + 10px)
}

.project_tabPane .pannel-custom-width ~ .panel_content {
	padding: 0 0 10px
}

.table-striped tbody tr:nth-of-type(even) {
	background: #fafafa;
}

.buttons-sets {
	display: flex;
	align-items: center;
}

	.buttons-sets > * ~ * {
		margin: 0 0 0 7px !important;
	}
/*  === SLA List ===*/
.actions {
	font-size: 16px;
	color: #333;
	display: flex;
	align-items:center;
}
	.actions *~* {
		margin-left: 5px;
	}
	.actions a:hover {
		color: #129fda;
	}
/*  === Create Ticket ===*/

.bottom-link {
	display: block;
	font-size: 12px;
	color: #0071bc;
	font-weight: 500;
	margin: 5px 0 0;
	line-height: 1.3;
}

td label.checkbox {
	margin: 0;
}

td input[type="text"] {
	background: #FFF;
	height: 27px;
	padding: 0 5px;
	font-size: 11px;
	border-radius: 3px;
	border-color: #aaa;
}

.table-container td table {
	margin: 10px 0;
	background: #FFF;
	width: 100%;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 20px rgba(104, 104, 104, 0.05);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
	border: 1px solid #e3e1e1;
}

	.table-container td table .table-container thead {
		background: #ff6464;
	}

	.table-container td table tr:nth-of-type(even) {
		background: #f5f5f5;
	}

label.custom-file-label {
	height: 38px !important;
	line-height: 36px;
	font-size: 12px !important;
	color: #676179;
}

.details-list h3 {
	display: flex;
	align-items: center;
	font-size: 14px;
	border-bottom: 1px solid #dfdfdf;
	padding: 0 0 5px;
	margin: 0 0 10px;
	justify-content: space-between;
}

.details-list ul {
	list-style: none;
	font-size: 12px;
}

	.details-list ul li ~ li {
		margin-top: 15px;
	}

	.details-list ul li strong {
		font-weight: 600;
	}

	.details-list ul li a {
		text-decoration: underline;
		color: #1873bc;
	}

.details-list h4,
.details-list h5 {
	display: table;
	font-size: 14px;
	margin: 25px 0 15px;
	text-decoration: underline;
	color: #333;
	font-weight: 400;
}

.details-list h5 {
	font-size: 12px;
	margin: 20px 0 10px;
}

.details-list ul ~ h3 {
	margin-top: 40px;
}

.multiselect-container .input-group .input-group-addon {
	padding: 0px 10px;
	line-height: 2;
	background: #efeff5;
	font-size: 12px;
}

.multiselect-container .input-group {
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	overflow: hidden;
	margin: 0;
}

	.multiselect-container .input-group input {
		margin: 0;
		border: 0;
		border-left: 1px solid #dfdfdf;
		border-right: 1px solid #dfdfdf;
	}
/*  === New Scope ===*/

.subtitle-area {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

	.subtitle-area h3.subtitle {
		float: none;
		width: auto;
		margin: 0;
	}
/*  === Create SLA ===*/

.attached-list ul {
	/* border: 1px solid #ebebeb; */
	/* overflow: auto; */
	/* background: #fafafa; */
	/* font-size: 12px; */
	/* max-height: 160px; */
}

.special-attachments {
	padding: 10px;
	background: #fafafa;
	border: 1px solid #c5c5c5;
	display: flex;
}

	.special-attachments .attached-list ul {
		display: flex;
		font-size: 11px;
		flex-wrap: wrap;
	}

		.special-attachments .attached-list ul li {
			border: 1px solid #c5c5c5;
			margin: 0 -1px -1px 0px;
			display: flex;
			align-items: center;
		}

			.special-attachments .attached-list ul li a.delete-item {
				margin-left: 12px;
				background: #ffffff;
				width: 12px;
				border-radius: 50%;
				height: 12px;
				line-height: 1;
				text-align: center;
				color: #d44e4e;
				box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
			}

.browse-btn {
	margin-left: auto;
	min-width: 100px;
	overflow: hidden;
	height: 36px;
	max-width: 100px;
	position: relative;
}

	.browse-btn input {
		opacity: 0;
		/* visibility: hidden; */
	}

	.browse-btn:before {
		content: "Browse";
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		text-align: center;
		background: #e9ecef;
		font-size: 14px;
		line-height: 36px;
		border-radius: 3px;
		font-weight: 500;
		border: 1px solid #ced4da;
	}

.attached-list {
	margin-right: 10px;
	align-self: center;
	flex: auto;
}

	.attached-list .delete-item {
		margin-left: auto;
		cursor: pointer;
	}

	.attached-list ul li {
		border-bottom: 1px solid #ebebeb;
		padding: 5px 20px;
		display: flex;
	}

		.attached-list ul li:nth-child(even) {
			background: #FFF;
		}

		.attached-list ul li:hover {
			background: #efeff5;
		}

.custom-file-label:after {
	line-height: 1.8;
	border-radius: 0 4px 0 0;
}
/*  Bootstrap Datepicker */

.datepicker-days {
	font-size: 12px;
	color: #444;
}

.datepicker.datepicker-dropdown {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	min-width: 290px;
}

.datepicker-dropdown .datepicker-days th {
	font-weight: 500;
	background: #fafafa;
	border-radius: 0;
	border: 1px solid #ececec;
}

.datepicker table {
	width: 100%;
}

.datepicker-dropdown .datepicker-days td {
	padding: 5px 2px;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover {
	background-color: #009de4 !important;
	background-image: none !important;
}

.datepicker-dropdown .datepicker-days tbody tr {
	padding: 3px 0;
}

.highlighted {
	padding: 20px;
	overflow: auto;
	background: #fbfbfb;
	border: 1px solid #dfdfdf;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.flex {
	display: flex;
}

a.addToTable {
	position: absolute;
	right: -5px;
	top: -10px;
	background: #5c90f1;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	color: #FFF;
	border-radius: 50%;
}

a.addRow.addToTable {
	top: auto;
	right: auto;
	bottom: 5px;
	left: -5px;
}

.av-modal .modal-header .modal-title small {
	font-size: 12px;
	font-weight: 400;
	margin-left: 10px;
}

body.modal-open {
	overflow: visible;
}

body.popup-open {
	overflow: hidden;
	padding-right: 8px;
}

tr.ui-sortable-placeholder {
	background: #fbd863 !important;
}
/* === Clock Ranges ===*/

.clockrange > span {
	font-size: 12px;
	font-weight: 700;
	margin-bottom: 0;
	position: relative;
	color: #8f8f8f;
	height: 35px;
	line-height: 35px;
	margin: 0 -2px 0;
	background: linear-gradient(#f1f1f1, #e0e0e0);
	padding: 0 10px;
	border: 1px solid #c5c5c5;
	z-index: 10;
}

.clockrange > *:first-child {
	margin: 0;
}

.clockrange {
	margin: 0 0 10px;
}

	.clockrange > * {
		margin: 0;
	}
/* === Tags Input ===*/

.bootstrap-tagsinput {
	border: 1px solid #c5c5c5;
	background: #fafafa;
	border-radius: 3px;
	display: flex;
	align-items: center;
	padding: 6px 0 5px 50px;
	min-height: 35px;
	flex-wrap: wrap;
}

	.bootstrap-tagsinput > * {
		margin-left: 5px;
	}

	.bootstrap-tagsinput .tag.badge {
		display: flex;
		align-items: center;
		padding: 4px 0px 4px 6px;
		font-size: 11px;
		font-weight: 400;
		border-radius: 2px;
		line-height: 1;
		margin-bottom: 5px;
	}

		.bootstrap-tagsinput .tag.badge span {
			margin-left: 5px;
			height: 100%;
			margin-top: -3px;
			margin-bottom: -3px;
			min-height: 18px;
			line-height: 16px;
			padding: 0 4px;
			background: rgba(0, 0, 0, 0.1);
		}

			.bootstrap-tagsinput .tag.badge span i {
				font-size: 8px;
			}

.collapsed .collapse_icon {
	transform: rotate(180deg);
}

.rightAccordian .card-header {
	cursor: pointer;
}
/*  === Ticket Dashboard ===*/

.table-container.small-size-data tbody td {
	font-size: 10px;
}

.table-container.small-size-data thead th {
	font-size: 11px;
	padding-right: 15px !important;
	vertical-align: middle;
}

.table-container.small-size-data .badge {
	font-size: 10px;
	border-radius: 2px;
}

.table-container.no-wrap tbody td {
	white-space: nowrap;
}

.table .table-container {
	display: table;
	margin-left: 10px;
	width: calc(100% - 10px);
}

.adv_filters {
	display: flex;
	align-items: center;
	padding: 5px 20px;
	margin: 0;
	border-bottom: 1px solid #ededed;
}

	.adv_filters > * ~ * {
		margin-left: 10px !important;
	}

	.adv_filters .get_dt_search {
		margin-left: auto !important;
		order: 2;
	}

a.exp-col {
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	line-height: 14px;
	background: #0e83ab;
	color: #FFF;
	text-align: center;
	font-size: 9px;
	margin-right: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.dropdown-menu {
	z-index: 1050;
}
	.dropdown-menu ul {
		list-style: none;
	}

		.dropdown-menu ul li {
			font-size: 12px;
			width: 100%;
			color: #5a5a5a;
		}

			.dropdown-menu ul li a {
				display: inline-block;
				width: 100%;
				padding: 5px 12px;
				font-size: 12px;
				font-weight: 400;
			}

				.dropdown-menu ul li a:hover {
					background: #f8f8f8;
				}

				.dropdown-menu ul li a i {
					color: #212529;
					margin-right: 6px;
					width: 13px;
				}
	.dropdown-menu-right.show {
		width: max-content;
	}
ul.customDropdown {
	background: #f4f4f7;
	padding: 10px 0 10px 10px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	overflow: auto;
	max-height: 200px;
	display: none;
	word-break: normal;
	list-style: circle;
	padding-left: 30px;
}
	ul.customDropdown li a {
		display: inline-block!important;
		padding: 5px 12px 5px 0;
	}
table.dataTable.no-footer {
	border-color: #ededed !important;
}

.table-head select {
	height: 24px;
	padding: 0 0 0 5px;
	border-radius: 2px;
	margin-right: -11px;
	margin-bottom: -10px;
	font-size: 10px;
	margin-top: 5px;
	margin-left: -11px;
	font-weight: 500;
	width: calc(100% + 27px);
	display: block;
	float: none;
	max-width: none;
	border-color: #e3e1e1;
	background: #f7f7f7;
}

table.dataTable thead.sorticon-pos .sorting,
table.dataTable thead.sorticon-pos .sorting_asc,
table.dataTable thead.sorticon-pos .sorting_desc,
table.dataTable thead.sorticon-pos .sorting_asc_disabled,
table.dataTable thead.sorticon-pos .sorting_desc_disabled {
	background-position-x: right;
	background-position-y: 6px;
}

.dataTables_wrapper {
	overflow: unset !important;
}

th.hideselect .table-head select {
	display: none !important;
}
/*table.dataTable tbody tr.shown{background: #f9fce7}*/

table.dataTable tbody tr.shown td .child-btn > i,
table.dataTable tbody tr.shown td .grand-child-btn > i {
	display: inline-block;
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

tbody tr.shown td .wo-child-btn > i {
	display: inline-block;
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.get_dt_search label {
	margin: 0;
}

.get_dt_search input {
	font-size: 11px;
	min-width: 190px;
	background: #fff;
	border-color: #dedee3;
	color: #000000;
	font-weight: 500;
	height: 30px;
}

	.get_dt_search input:focus {
		border-color: #dedee3;
		box-shadow: none;
	}

.dt-bottom-container {
	width: 100%;
	font-size: 12px;
}

.thirdlevel .table-container thead tr {
	background: #d5e6ff !important;
}

.table-container thead tr th {
	border-color: #dbdada !important;
	color: #333;
}

.thirdlevel .table-container table {
	box-shadow: none;
	margin: 0 0 10px;
}

.table-striped tbody tr:nth-of-type(odd) {
	background: unset;
}

.user > img {
	width: 35px;
	border: 2px solid #fff;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.user > h4 {
	margin: 0 0 0 9px;
	font-size: 12px;
	font-weight: 500;
}

input[type="checkbox"].m_switch_check {
	height: 100% !important;
}

.table-container thead th.filterhead {
	padding: 0 !important;
	border: 0;
}

.filterhead.hidden {
	display: block;
	opacity: 0.5;
	pointer-events: none;
}

.filterhead button.multiselect.dropdown-toggle.btn.btn-default {
	padding: 2px 5px;
	font-size: 11px;
	border: 0;
	font-weight: 500;
	color: #8e8e8e;
	max-width: 100%;
	text-transform: capitalize;
	overflow: hidden;
	white-space: nowrap;
	box-shadow: none !important;
	text-overflow: ellipsis;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.filterhead button.multiselect .multiselect-selected-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.filterhead button.multiselect.dropdown-toggle.btn.btn-default {
	padding-left: 20px;
	position: relative;
	transition: 0s;
	background: #dbdbdb;
	color: #33336b;
}

	.filterhead button.multiselect.dropdown-toggle.btn.btn-default:before {
		content: "\f0b0";
		position: absolute;
		left: 0;
		top: 0;
		width: 21px;
		height: 20px;
		font-family: "fontAwesome";
		z-index: 10;
		color: #b5b5b5;
		text-align: center;
		font-weight: 600;
		font-size: 8px;
		line-height: 20px;
	}

	.filterhead button.multiselect.dropdown-toggle.btn.btn-default[title="None selected"] {
		color: transparent !important;
		background: #fafafa;
	}
/* ===== Angular Multiselect ========== */

.angular-multiselect {
	position: relative;
}

	.angular-multiselect ul.opt-dropdown {
		width: 100%;
		left: 0;
		right: auto;
		display: none;
	}

		.angular-multiselect ul.opt-dropdown.active {
			display: block;
		}

	.angular-multiselect button.opt-btn {
		width: 100%;
		border: 0;
		height: 38px;
		display: flex;
		align-items: center;
		background: #fafafa;
		border: 1px solid #c5c5c5;
		border-radius: 4px;
		padding: 5px 10px;
		font-size: 13px;
		color: #5c5555;
		cursor: pointer;
	}

		.angular-multiselect button.opt-btn i {
			margin-left: auto;
			color: #888;
		}

	.angular-multiselect li.am-toggle-all {
		display: flex;
		padding: 0;
	}

		.angular-multiselect li.am-toggle-all label {
			display: unset;
			margin: 0;
			cursor: pointer;
			padding: 8px;
			color: #009de4;
			width: auto;
		}

li.am-toggle-all label i {
	float: none;
}

.angular-multiselect li.am-toggle-all label i {
	color: #333;
}

.angular-multiselect li.am-toggle-all label:hover {
	background: #fafafa;
}
/* === Validation Error ===*/

.input-validation-error {
	border: 1px solid #ee9393 !important;
	-webkit-box-shadow: 0 0 3px rgba(250, 31, 31, 0.5);
	-moz-box-shadow: 0 0 3px rgba(250, 31, 31, 0.5);
	box-shadow: 0 0 3px rgba(250, 31, 31, 0.5);
}

span.field-validation-error {
	color: #ff3333;
	font-size: 12px;
	font-weight: 500;
	display: table;
}

select.input-validation-error ~ .select2-container .select2-selection--single {
	border: 1px solid #ee9393 !important;
	-webkit-box-shadow: 0 0 3px rgba(250, 31, 31, 0.5);
	-moz-box-shadow: 0 0 3px rgba(250, 31, 31, 0.5);
	box-shadow: 0 0 3px rgba(250, 31, 31, 0.5);
}

.grid-stack-item-content > form {
	height: 100%;
}
/* === Custom Field Holder ===*/

#customfields_holder {
	width: 100%;
}

tr.trTask.tr-highlight {
	background: #e9ecef !important;
}

body button.ColVis_Button {
	box-shadow: none;
	font-size: 13px;
	color: transparent !important;
	background: var(--theme-color) !important;
	text-align: left;
	border: 0;
	overflow: hidden;
	width: 32px;
	padding: 0;
	height: 32px;
	margin: 0;
	border-radius: 3px;
	display: flex;
	align-items: center;
}

body div.ColVis {
	margin: 0;
}

button.ColVis_Button:before {
	content: "\f0db";
	font-family: 'fontAwesome';
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	color: #FFF !important;
	/* line-height: 22px; */
	width: 100%;
	font-weight: 600;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tooltip {
	height: auto !important;
}

.formio-component.table-responsive {
	overflow: visible;
}

body button.ColVis_Button:hover {
	border: 0 !important;
	box-shadow: none !important;
}

body ul.ColVis_collection {
	width: 201px;
	max-height: 400px;
	padding: 0;
	overflow: auto;
	background: #FFF;
	border-radius: 4px;
	border: 0;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2) !important;
	transform: translateX(-100%);
	margin-left: 30px !important;
}

	body ul.ColVis_collection li,
	body ul.ColVis_collection li:hover {
		margin: 0;
		background: none;
		border: 0;
		box-shadow: none;
		padding: 0;
		width: 100%;
	}

		body ul.ColVis_collection li label {
			margin: 0;
			padding: 5px 10px;
			border-bottom: 1px solid #f3f3f3;
			font-size: 12px;
		}

		body ul.ColVis_collection li.ColVis_Special,
		body ul.ColVis_collection li.ColVis_Special:hover {
			background: #efeff5;
			padding: 7px 12px;
			color: #000000 !important;
			font-size: 12px;
			border-radius: 0;
		}

.ticket_statuses .info-box {
	/*flex: 11.4%;
    max-width: 11.4%;*/
	border: 2px solid transparent;
	transition: 0.3s ease-in-out all;
	cursor: pointer;
}

	.ticket_statuses .info-box.active {
		border: 2px solid #FFF;
		transform: scale(1.1);
		transition: 0.3s ease-in-out all;
	}

ul.all_totals {
	list-style: none;
	font-size: 12px;
}

	ul.all_totals li {
		display: flex;
		margin: 5px 0 0;
	}

		ul.all_totals li strong {
			min-width: 180px;
			font-weight: 500;
		}

		ul.all_totals li span {
			min-width: 100px;
			border-bottom: 1px solid #e3e1e1;
		}

td a.child-btn.custom-btn.icon-btn-only,
td a.child-btn.custom-btn.grand-child-btn,
td a.custom-btn.grand-child-btn {
	background: #009de4;
	margin: -5px 0 -5px 0px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.4) !important;
	border-radius: 50%;
	transform: scale(0.85);
}

a.child-btn i,
a.grand-child-btn i {
}

tr.shown td a.child-btn.custom-btn.icon-btn-only,
tr td a.child-btn.custom-btn.icon-btn-only:hover,
tr.shown td a.grand-child-btn.custom-btn.icon-btn-only,
tr td a.grand-child-btn.custom-btn.icon-btn-only:hover {
	background: #44b172;
}

tr.shown a.child-btn i,
a.child-btn:hover i,
tr.shown a.grand-child-btn i,
a.grand-child-btn:hover i {
}

table.dataTable tbody tr.shown + tr {
	background: #fbfeff;
}

.table-head {
	padding-right: 10px;
	/*cursor: move;*/
}

input:focus,
textarea:focus {
	background: #FFF;
}

.toaster {
	z-index: 2147483649 !important;
}

ul.ColVis_collection li span * {
	cursor: pointer;
}

.modal-open .header-class,
.modal-open .sideheader {
	z-index: 0 !important;
}

.bootstrap-tagsinput input {
	background: none !important;
	width: auto;
	height: auto;
	border: 0;
}

.title-ext-btns {
	margin-left: 10px;
	display: flex;
	align-items: center;
}

	.title-ext-btns > * ~ * {
		margin-left: 5px;
	}

.scrollbar-corner + div {
	margin-top: -8px !important;
	z-index: 100 !important;
}

td .custom-btn.icon-btn-only.disabled {
	background: #c1c1c1 !important;
}

	td .custom-btn.icon-btn-only.disabled i {
		color: #333 !important;
	}

#ticket-grid .title-bar a.custom-btn.icon-btn-only i {
	font-size: 11px;
}

	#ticket-grid .title-bar a.custom-btn.icon-btn-only i.fa-caret-down {
		margin-top: 2px;
	}

.dropdown-menu.filters_dropdown {
	/* padding: 10px; */
	background: #fafafa;
}

	.dropdown-menu.filters_dropdown > ul > li {
		padding: 10px 10px;
		border-bottom: 1px solid #efefef;
	}

		.dropdown-menu.filters_dropdown > ul > li:last-child {
			border: 0;
		}

	.dropdown-menu.filters_dropdown ul li .av_rangepicker {
		-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
	}

.filters_dropdown button.multiselect.dropdown-toggle.btn.btn-default {
	background: #FFF;
	padding: 4px 20px 4px 10px;
	border: 1px solid #dedee3;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.filters_dropdown.stop {
	display: block !important;
}

.filters_dropdown.dropdown-menu > ul li .multiselect-container > li > a {
	padding: 0;
}

label.loading {
	padding-left: 20px;
	background: url(Theme/AirviewX/images/loading.gif) no-repeat;
	background-size: 20px 20px;
}

select.form-control {
	font-size: 12px;
	height: 27px;
	padding: 0 5px;
}

.form-control:focus,
input[type="text"]:focus,
textarea:focus {
	box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, .25);
	border-color: #80bdff;
}
/* === Filter Results ===*/

.filter_results {
	font-size: 12px;
	font-weight: 400;
	display: flex;
	background: #efeff5;
	padding: 5px 10px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	border: 1px solid #FFF;
}

	.filter_results > * ~ * {
		margin-left: 10px;
	}

	.filter_results span i {
		font-style: normal;
		font-weight: 600;
		color: #1b6a8f;
	}

a.reset {
	background: #009de4;
	margin: -5px -10px -5px 12px;
	padding: 5px 10px;
	color: #FFF;
}

.tooltip {
	z-index: 1000000001;
}
/* === timeline copied from admin Lte Starts ===*/

.timeline {
	position: relative;
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
}

	.timeline:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		width: 4px;
		background: #ddd;
		left: 31px;
		margin: 0;
		border-radius: 2px;
	}

	.timeline > li {
		position: relative;
		margin-right: 10px;
		margin-bottom: 15px;
	}

		.timeline > li:before,
		.timeline > li:after {
			content: " ";
			display: table;
		}

	.timeline > .time-label > span {
		font-weight: 500;
		padding: 4px 10px;
		display: inline-block;
		background-color: #fff;
		font-size: 12px;
		border-radius: 3px;
		background: #686868;
		color: #ffffff;
	}

	.timeline > li:after {
		clear: both;
	}

	.timeline > li > .timeline-item {
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
		border-radius: 3px;
		margin-top: 0;
		background: #fff;
		color: #444;
		margin-left: 60px;
		margin-right: 15px;
		padding: 0;
		position: relative;
	}

.timeline-inverse > li > .timeline-item {
	background: #f0f0f0;
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.timeline > li > .timeline-item > .time {
	color: #999;
	float: right;
	padding: 10px;
	font-size: 12px;
}

.timeline > li > .timeline-item > .timeline-header {
	margin: 0;
	color: #555;
	border-bottom: 1px solid #f4f4f4;
	padding: 10px;
	font-size: 12px;
	display: flex;
	align-items: center;
	font-weight: 400;
}

.timeline-inverse > li > .timeline-item > .timeline-header {
	border-bottom-color: #ddd;
}

.timeline > li > .timeline-item > .timeline-header > a {
	font-weight: 600;
}

.timeline > li > .timeline-item > .timeline-header > a {
	font-weight: 600;
	margin-right: 5px;
	color: #333;
}

	.timeline > li > .timeline-item > .timeline-header > a.btn {
		color: #fff;
		font-size: 10px;
		padding: 1px 3px;
		font-weight: 500;
		border-radius: 2px;
		margin-left: 10px;
	}

.timeline-body {
	font-size: 12px;
	padding: 5px 10px;
}

.timeline > li > img {
	border-radius: 50%;
}

.av-modal.activity_modal .modal-header .close {
	order: 2;
}

.av-modal.activity_modal .modal-header #av-modal-header {
	display: none;
}

.av-modal.activity_modal .modal-header .modal-title {
	font-weight: 500 !important;
}

.add_in_footer {
	margin: 0 !important;
}

	.add_in_footer button {
		padding: 4px 12px;
		font-size: 13px;
		border-radius: 3px;
	}
/* === timeline copied from admin Lte Ends ===*/

/* === Entity Popup ===*/

.section {
	border: 1px solid #dcdcdc;
	margin: 0 0 20px;
	border-radius: 4px;
	background: #fafafa;
}

.section-title {
	margin: 0 0 20px;
	padding: 7px 15px;
	background: #f0f2f5;
	border-bottom: 1px solid #dcdcdc;
}

.section-body {
	padding: 10px 15px;
	overflow: auto;
}

.section-title h3 {
	padding: 0;
	font-size: 13px;
	margin: 0;
}

textarea.short-textarea {
	min-height: 37px;
	padding: 7px 10px;
	font-size: 12px;
}

.section input,
.section textarea,
.section select.style2 ~ .select2-container .select2-selection--single {
	background: #FFF;
}

.section label {
	color: #878787;
}
/* === Entity Popup ===*/

.customWrapperPadding {
	padding: 0;
	display: flex;
	height: 100%;
	flex-direction: column;
}

.customAccordion {
	padding: 0 0 0 20px;
}

.modal-slide-right.fade .modal-dialog {
	transform: translate(25%, 0);
}

.modal-slide-right.show .modal-dialog {
	transform: translate(0, 0);
}

.av-modal.modal-slide-right .modal-dialog {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	min-width: 86vw;
	height: calc(100vh - 63px);
	display: flex;
	align-items: flex-end;
	transition: all 0.15s;
}

	.av-modal.modal-slide-right .modal-dialog.modal-sm {
		min-width: 50vw;
	}
/*DevX popup*/

.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-modal.dx-overlay-shader:not(.dx-selectbox-popup-wrapper) {
	/*z-index: 9999999991 !important;*/
	background-color: rgba(1, 1, 1, 0.4) !important;
}

.dx-popup-normal {
	border: 0 !important;
	border-radius: 3px !important;
}

	.dx-popup-normal .dx-toolbar-label .dx-toolbar-item-content > div {
		font-size: 16px;
	}

	.dx-popup-normal .demo-container {
		height: calc(100% - 51px);
	}

	.dx-popup-normal .dx-button {
		display: inline-block;
		margin-bottom: 15px;
	}
/*DataGrid Revert Button Popover margin bottom zero*/
.dx-datagrid-revert-tooltip.dx-popup.dx-popover .dx-popup-normal .dx-button {
	margin-bottom: 0;
}

.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-modal.dx-overlay-shader .dx-popup-normal .dx-popup-title {
	background: #666666;
	color: #fff;
}

.dx-popup-normal .dx-popup-title .dx-closebutton {
	background: transparent !important;
	border: transparent !important;
	margin-bottom: 0;
}

.dx-overlay-wrapper.dx-popup-wrapper.dx-overlay-modal.dx-overlay-shader .dx-popup-normal .dx-popup-title .dx-closebutton i {
	color: #fff !important;
}

.rightPoll {
	position: absolute;
	height: 100%;
	background: #fff;
	width: 410px;
	display: flex;
	right: -410px;
	top: 0;
	z-index: 1;
	border-left: 1px solid #ddd;
	transition: all 0.2s linear;
	flex-direction: column;
}

#rightPoll-button {
	position: absolute;
	width: 30px;
	height: 30px;
	color: #fff;
	border-radius: 50px;
	left: -15px;
	background: var(--theme-color);
	top: 50%;
	font-size: 20px;
	z-index: 1;
	text-align: center;
}

.rightPoll.show {
	right: 0;
}

#rightPoll-button,
#rightPoll-button2 {
	position: absolute;
	width: 30px;
	height: 30px;
	color: #fff;
	border-radius: 50px;
	left: -20px;
	background: var(--theme-color);
	top: 50%;
	font-size: 20px;
	z-index: 1;
	text-align: center;
}

.rightPoll_body {
	flex: auto;
	overflow: auto;
	padding: 20px;
}

.leftPoll {
	position: absolute;
	height: 100%;
	background: #fff;
	width: 200px;
	display: flex;
	left: -190px;
	top: 0;
	z-index: 1;
	border-right: 1px solid #ddd;
	transition: all 0.2s linear;
	flex-direction: column;
}

#leftPoll-button {
	position: absolute;
	width: 30px;
	height: 30px;
	color: #fff;
	border-radius: 50px;
	right: -15px;
	background: var(--theme-color);
	top: 50%;
	font-size: 20px;
	z-index: 1;
	text-align: center;
}

.leftPoll.show {
	left: 0;
}

.leftPoll_body {
	flex: auto;
	overflow: auto;
	padding: 20px;
}

.full-width-modal {
	min-width: 100% !important;
	width: 100%;
}

.deliverable-details a {
	font-size: 14px;
	font-weight: 500;
	color: var(--theme-color);
}

.batch-outline {
	border: 1px solid #cccbcb;
	background-color: white;
	color: #bfbdbd;
	padding: 3px 5px;
	font-size: 11px;
}

.full-height {
	height: 100% !important;
}

.sub_title .accordion-toggle {
	width: 100%;
}

.panel-heading .accordion-toggle:after {
	font-family: "fontawesome";
	content: "\f077";
	float: right;
	color: gray;
}

.panel-heading .accordion-toggle.collapsed:after {
	content: "\f078";
}

.overflow-auto {
	/* overflow: auto; */
	display: flex;
	height: 100%;
	flex-direction: column;
}

.tabs_in_tabs {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - 177px);
}

	.tabs_in_tabs > .tab-content {
		flex: auto;
		overflow: auto;
	}

		.tabs_in_tabs > .tab-content > .tab-pane {
			height: calc(100vh - 283px);
		}

.customWrapperPadding > .tab-content {
	height: calc(100vh - 266px);
}

	.customWrapperPadding > .tab-content > .tab-pane {
		height: 100%;
		/* display: flex; */
		/* flex-direction: column; */
		/* overflow: auto; */
	}

		.customWrapperPadding > .tab-content > .tab-pane .widget-footer {
			margin: auto -20px 0 -40px;
		}

.tabs_in_tabs_wrapper {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.tabs_in_tabs_content {
	flex: auto;
	overflow: auto;
	padding: 0 15px;
	margin: 0 -15px;
}

.dropCollapse {
	background: var(--theme-color);
	width: 15px;
	height: 15px;
	border-radius: 23px;
	padding: 1px 0;
	color: #fff;
	text-align: center;
	border: 0;
	cursor: pointer;
	font-size: 8px;
}

	.dropCollapse:hover {
		color: #fff;
	}

.content-max-height {
	height: calc(100vh - 290px);
	overflow: auto;
}

.customTagBox.dx-texteditor.dx-editor-outlined {
	height: auto;
}

	.customTagBox.dx-texteditor.dx-editor-outlined .dx-texteditor-container {
		height: auto;
		/*overflow: auto;*/
	}

		.customTagBox.dx-texteditor.dx-editor-outlined .dx-texteditor-container .dx-texteditor-input-container {
			height: auto;
		}

.rightAccordian {
	height: calc(100vh - 120px);
}

	.rightAccordian h5 {
		margin: 0;
		font-weight: 500;
		position: relative;
		color: inherit;
		align-items: center;
		display: flex;
		font-size: 16px;
	}

.card {
	border: 1px solid #f1f1f1;
	border-radius: 0;
}

.card-header {
	padding: 4px 10px;
	margin-bottom: 0;
	background-color: #fafafa;
	min-height: 38px;
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #f1f1f1;
	justify-content: center;
}

.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 10px 15px;
}

.card-inside-card .card-header {
	background: transparent;
	border: 0;
}

.card-inside-card.card-body {
	padding: 6px;
	height: calc(100vh - 375px);
	overflow: auto;
}

.card-inside-card .card {
	border: 0;
}

.card-inside-card .sub_title h3 {
	width: 100%;
	font-size: 14px;
	font-weight: 500;
	display: flex;
}

.service_form {
	height: calc(100vh - 287px) !important;
	overflow: auto;
}

.tab-pane.m-top--25 {
	margin-top: -25px;
	margin-bottom: 25px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
	font-size: 20px;
	padding: 0;
}

.pos-abs-right {
	position: absolute;
	right: 30px;
	top: 8px;
}

.card-body.last-item p:last-child {
	margin-bottom: 40px;
}

.colored-tags .dx-tag-content {
	background-color: #03a3a2;
	color: #f6f6f6;
}

.dx-tag-remove-button {
	align-items: center;
	display: flex;
	justify-content: center;
}

	.colored-tags .dx-tag-content .dx-tag-remove-button:before,
	.dx-tag-remove-button:before {
		content: "×";
		background: transparent !important;
		right: auto;
		top: 50%;
		height: auto;
		transform: initial;
		width: auto;
		font-size: 15px;
		margin-top: -6px;
		font-weight: 700;
		line-height: 0.8;
	}

	.colored-tags .dx-tag-content .dx-tag-remove-button:after,
	.dx-tag-remove-button:after {
		content: "";
		background: transparent !important;
	}

showIssue {
	/*left: -120px;
	position: absolute;*/
	width: 120px;
}

.showIssue {
	/* left: -120px; */
	/* position: absolute; */
	max-width: 120px;
	pointer-events: none;
	font-weight: 600;
	color: #777;
	font-size: 14px;
	margin-right: 10px;
}

.showService {
	/*left: -120px;
	position: absolute;*/
	max-width: 120px;
	pointer-events: none;
	font-weight: 600;
	color: #777;
	font-size: 14px;
	margin-right: 10px;
}

.tabs_with_buttons {
	display: flex;
	border-bottom: 1px solid #ededed;
}

	.tabs_with_buttons ul.nav.nav-tabs {
		flex: auto;
		border: 0;
	}

.button_in_tabs {
	display: flex;
	flex-direction: column;
	min-height: calc(100vh - 179px);
}

	.button_in_tabs .tab-pane {
		height: calc(100vh - 268px);
	}

.DropHideSection {
	background: aliceblue;
}
/*.custom-col-chooser{
    position: relative;
    top: -30px;
}*/

.custom-col-chooser {
	float: right;
	right: 30px;
	position: absolute;
	top: 0;
}

.tag-custom-padding .dx-overlay-content.dx-popup-normal.dx-popup-draggable.dx-resizable {
	padding: 3px 15px;
}

.cursor-pointer {
	cursor: pointer;
	width: 20px;
}

#changeStatus.av-modal .modal-body {
	max-height: calc(100vh - 150px);
}

.inline .form-group {
	display: inherit;
}

.fullscreen {
	z-index: 1000 !important;
}

	.fullscreen > .widget {
		z-index: 1000;
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
	}

#tsk_Grid .dx-dropdownbutton .dx-button-content .dx-icon.dx-icon-spindown {
	display: none;
	color: #fff;
}

i.dx-icon.fa.fa-ticket {
	color: #fff;
}

#TicketGrid .dx-dropdownbutton .dx-buttongroup.dx-widget {
	height: 30px !important;
	width: 30px !important;
}

.title-bar .dx-fileuploader-input-wrapper {
	float: left;
}



.title-bar .dx-fileuploader-files-container {
	float: left;
	width: auto;
}



.title-bar .dx-fileuploader-file-container {
	padding: 0;
}



.title-bar .dx-fileuploader-file {
	padding: 0 20px;
	float: left;
	width: auto;
}

.title-bar .dx-fileuploader-file-info {
	margin: 0;
	width: auto;
	float: none;
}

.title-bar .dx-fileuploader-button-container {
	float: right;
}

.title-bar .dx-fileuploader-input-container {
	width: 120px;
	display: none;
}

.title-bar .dx-fileuploader-files-container {
	padding-top: 0px !important;
}

.title-bar .dx-fileuploader-input-wrapper {
	padding: 0;
}

	.title-bar .dx-fileuploader-input-wrapper::before, .title-bar .dx-fileuploader-input-wrapper::after {
		display: none;
	}

.title-bar .dx-fileuploader-wrapper {
	padding: 2px 0 0;
}

.title-bar .dx-fileuploader-container {
	width: auto;
}

.file-uploader-ticket .dx-fileuploader-upload-button.dx-button-has-text {
	display: none
}

a.expand-me.ml-5.float-right {
	position: absolute;
	right: 15px;
}

.dx-fileuploader-input-wrapper .dx-button-has-text {
	background: var(--theme-color);
	border-color: var(--theme-color);
	color: #fff;
	height: 30px;
}

.file-uploader-ticket .dx-fileuploader-cancel-button.dx-button-has-icon {
	background: #E31D05;
	border: 0;
}

.file-uploader-ticket .dx-fileuploader-upload-button.dx-button-has-icon {
	background: #45cd45;
	border: 0;
}

.dx-button-mode-contained.custom-btn .dx-icon {
	color: #fff;
}

.file-uploader-issues .dx-fileuploader-upload-button.dx-button-has-text {
	display: none
}

.file-uploader-issues .dx-fileuploader-cancel-button.dx-button-has-icon {
	background: #E31D05;
	border: 0;
}

.file-uploader-issues .dx-fileuploader-upload-button.dx-button-has-icon {
	background: #45cd45;
	border: 0;
}
/*=============== TMS Module End ===============*/

/*=============== IMS Module Start ===============*/

.binded_label {
	display: none;
}

.edit_itemField,
.list-value-popup {
	display: none;
}

tr.saved .binded_label {
	display: block;
}

tr.saved .binded_input,
tr.saved .binded_select,
tr.saved .binded_select ~ .select2 {
	display: none;
}

tr.saved .saveRow {
	display: none;
}

tr.saved .edit_itemField,
tr.saved .list-value-popup,
tr.saved .delete_itemField {
	display: inline-block;
}

tr.saved input[type="checkbox"] {
	pointer-events: none;
}

#updateItem {
	display: none;
}

ul.ColVis_collection {
	z-index: 1000000001 !important;
}

div.ColVis_collectionBackground {
	z-index: 1000000000 !important;
}

.delete_tn_row {
	display: none;
}

.editRow {
	display: none;
}

tr.saved .delete_tn_row {
	display: inline-block;
}

tr.saved .editRow {
	display: inline-block;
}

tbody {
	counter-reset: Serial;
}

.serial:before {
	counter-increment: Serial;
	content: counter(Serial);
	text-align: center;
	width: 100%;
	line-height: 30px;
	display: inline-block;
}

ul.info_list {
	list-style: none;
	font-size: 12px;
	padding: 0 20px;
	display: inline-block;
	text-align: left;
}

	ul.info_list li {
		display: flex;
		line-height: 2.5;
	}

		ul.info_list li strong {
			padding-right: 15px;
			border-right: 1px solid #ededed;
			margin-right: 15px;
			min-width: 110px;
		}

.custom-group > button {
	margin: 0 !important;
	background: none;
}
/*.custom-btn.icon-btn-only.medium {
    padding: 0;
    height: 28px;
    width: 28px;
}*/

.custom-group > .custom-btn.icon-btn-only {
	background: rgba(0, 0, 0, 0.1);
	border-radius: 0;
	height: 27px;
}
/*.dropdown-menu-right {
    right: 0!important;
    left: auto!important;
}*/

.custom-group {
	border-radius: 3px;
}

.title-bar h3 .badge,
.title-bar .badge,
.av-modal .modal-header .modal-title .badge {
	font-weight: 500;
	border-radius: 4px;
	margin-left: 20px;
	padding: 4px 10px;
	font-size: 13px;
}

.hidden {
	display: none !important;
}

.table-container thead tr.custom_filter th {
	padding: 0 !important;
}

	.table-container thead tr.custom_filter th input {
		border-radius: 0;
		margin: 0;
		border: 0;
		background: rgba(255, 255, 255, 0.5);
		font-size: 12px;
		opacity: 0.6;
		height: 26px;
	}

		.table-container thead tr.custom_filter th input:focus {
			opacity: 1;
		}

	.table-container thead tr.custom_filter th.hide input {
		display: none;
	}
/*=============== IMS Module End ===============*/

/*=============== General Css Start ===============*/

.padding-l-r-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.padding-l-0 {
	padding-left: 0 !important;
}

.admin-custom-color {
	color: #1c6a90;
}

.padding-r-0 {
	padding-right: 0 !important;
}

.admin-custom-color {
	color: #1c6a90;
}

.padding-r-0 {
	padding-right: 0 !important;
}

.badge-warning {
	color: #212529;
	background-color: #ffc107 !important;
	border-radius: .25rem !important;
}

.no-margin {
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

.custom-block {
	padding: 20px 0;
	border: 1px solid #ddd;
}

.gray-bg {
	background: #f6f6fd;
}

.admin-img img {
	max-width: initial;
}
/*.fa:before{
    font-family: fontawesome;
}*/

textarea {
	font-size: 12px !important;
}

.av_page_loader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10000000000 !important;
	background: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
/*.grid-stack>.grid-stack-item>.grid-stack-item-content {
	border: 1px solid #ccc;
}*/

.loader-inner {
/*	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;*/
	width: 100px !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}

@keyframes zoomin

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.loadingoverlay {
	border-radius: 5px;
}

.loadingoverlay_element {
/*	-webkit-animation: spin 4s linear infinite !important;
	-moz-animation: spin 4s linear infinite !important;
	animation: spin 4s linear infinite !important;*/
	width: 60px !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}

.form-control:disabled {
	opacity: 0.4;
}

.disabled {
	pointer-events: none;
	cursor: not-allowed;
	opacity: .4;
}

.enabled {
	pointer-events: unset;
	cursor: pointer;
	opacity: 1;
}
/*==== Code Added for DevExpress Grid Starts Here ====*/
.dx-icon-column-chooser:before {
	content: url(/Theme/AirViewX/images/devx_icon/col_chooser_sleek.svg);
}
.static_widgets.stretch .demo-container {
	height: 100%;
}

.static_widgets .demo-container.ticket-grid {
	height: 600px;
	overflow: hidden;
}

.static_widgets .fullscreen .demo-container.ticket-grid {
	height: 100% !important;
}

.demo-container.autoHeight {
	height: auto !important;
}

.demo-container .dropdown-toggle::after {
	display: none;
}

.static_widgets.stretch .without-footer .demo-container {
	/*height: calc(100vh - 188px);*/
}

.tab-content .tab-content .demo-container {
	height: calc(100vh - 285px) !important;
}

.static_widgets.stretch .content-wrapper .widget .content-wrapper {
	height: auto;
}

.dx-pager .dx-page-sizes .dx-page-size {
	font-size: 11px;
	min-width: 22px;
	text-align: center;
	min-height: 22px;
	margin: 0 3px !important;
	border-radius: 0;
	line-height: 1;
	padding: 0;
	line-height: 22px;
}

.dx-pager .dx-pages .dx-selection,
.dx-pager .dx-page-sizes .dx-selection {
	background: #E91E63;
	border-radius: 3px;
}

.dx-pager .dx-page-sizes {
	background: #F3F3F3;
	padding: 5px 6px;
	border-radius: 4px;
}
.dx-datagrid-invalid .dx-highlight-outline,
.dx-datagrid-invalid .dx-highlight-outline > div,
.dx-datagrid-invalid .dx-highlight-outline > div input {
	height: 100%;
}
.dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content,
.dx-datagrid .dx-header-row > td > .dx-datagrid-text-content,
.dx-treelist .dx-header-row > td > .dx-treelist-text-content {
	color: #464646;
	font-size: 14px;
	font-weight: 500;
}

.dx-datagrid .dx-header-row,
.dx-treelist .dx-header-row {
	color: #373737;
}

.dx-datagrid .dx-row > td,
.dx-treelist .dx-row > td {
	padding: 4px 15px;
	height: 33px;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td,
.dx-treelist-headers .dx-treelist-table .dx-row > td {
	font-weight: 500;
}

.dx-datagrid-borders > .dx-datagrid-headers,
.dx-treelist-borders > .dx-treelist-headers {
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

.dx-datagrid-content .dx-datagrid-table .dx-column-lines > td,
.dx-treelist-content .dx-treelist-table .dx-column-lines > td {
	font-family: roboto;
	font-size: 13px;
	color: #292929;
	font-weight: 400;
	border-color: #f3f3f3;
}

.dx-datagrid.dx-datagrid-borders > .dx-datagrid-pager,
.dx-treelist .dx-treelist-borders > .dx-treelist-pager {
	font-family: Roboto;
	padding: 0;
	border: 0;
	margin-top: 10px;
}

.dx-pager .dx-pages {
	background: #f3f3f3;
	border-radius: 4px;
	display: flex;
	align-items: center;
	min-height: 32px;
	padding-right: 5px;
}

	.dx-pager .dx-pages .dx-info {
		opacity: 1;
		font-size: 11px;
		padding: 7px 15px;
		margin: 0;
		font-weight: 400;
		color: #5D5D5D;
	}

	.dx-pager .dx-pages .dx-page {
		font-size: 10px;
		padding: 0;
		min-width: 22px;
		height: 22px;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
	}

	.dx-pager .dx-pages .dx-selection,
	.dx-pager .dx-page-sizes .dx-selection {
		background-color: var(--theme-color);
		color: #FFF !important;
	}

.dx-datagrid .dx-row-alt > td,
.dx-datagrid .dx-row-alt > tr > td,
.dx-treelist .dx-row-alt > td,
.dx-treelist .dx-row-alt > tr > td {
	background-color: #f4f4f7;
}

.dx-searchbox .dx-texteditor-input,
.dx-searchbox .dx-placeholder:before {
	border: 0;
	background: none;
	height: 30px;
	min-height: 0;
}

.dx-toolbar .dx-texteditor.dx-datagrid-search-panel,
.dx-toolbar .dx-texteditor.dx-treelist-search-panel {
	height: 30px;
	margin: 0 0 0 5px;
}

.dx-widget input,
.dx-widget textarea,
.dx-placeholder {
	font-family: Roboto;
}

.dx-widget input,
.dx-widget textarea,
.dx-placeholder {
	font-family: Roboto;
	background: none;
	border: 0;
}

tr.dx-row.dx-freespace-row.dx-column-lines, tr.dx-row.dx-freespace-row.dx-column-lines td {
	border: none !important;
}
tr.dx-row:not(.dx-row-inserted) ~ tr.dx-row.dx-freespace-row:not(.roadMap-widget tr.dx-row.dx-freespace-row) {
	height: 0 !important;
	visibility: hidden;
}

tr.dx-row:not(.dx-row-inserted) ~ tr.dx-row.dx-freespace-row td {
	height: 0 !important;
	padding: 0 !important;
}


.dx-datagrid-borders > .dx-datagrid-rowsview,
.dx-datagrid-borders > .dx-datagrid-total-footer,
.dx-treelist-borders > .dx-treelist-rowsview,
.dx-treelist-borders > .dx-treelist-total-footer {
	border: 0;
}

.dx-datagrid .dx-header-filter.dx-header-filter-empty,
.dx-treelist .dx-header-filter.dx-header-filter-empty {
	color: #7e7e7e;
	font: 15px/1 DXIcons !important;
}

.dx-datagrid .dx-header-filter,
.dx-treelist .dx-header-filter {
	color: var(--theme-color);
}

.dx-datagrid .dx-datagrid-header-panel .dx-button-mode-contained,
.dx-treelist .dx-treelist-header-panel .dx-button-mode-contained {
	padding: 0;
	min-width: 30px;
	min-height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
}

.dx-datagrid .dx-datagrid-header-panel .dx-toolbar-text-auto-hide .dx-button-content,
.dx-treelist .dx-treelist-header-panel .dx-toolbar-text-auto-hide .dx-button-content {
	padding: 0 !important;
}

.dx-datagrid .dx-datagrid-header-panel .dx-button-mode-contained.dx-button-normal,
.dx-treelist .dx-treelist-header-panel .dx-button-mode-contained.dx-button-normal {
	border: 0;
	border-radius: 4px;
	background-color: var(--theme-color) !important;
	color: #FFF;
}

.dx-datagrid .dx-datagrid-header-panel .dx-button-mode-contained.dx-state-hover,
.dx-datagrid .dx-datagrid-header-panel .dx-button-mode-contained.dx-state-active,
.dx-datagrid .dx-datagrid-header-panel .dx-button-mode-contained.dx-state-focused,
.dx-treelist .dx-treelist-header-panel .dx-button-mode-contained.dx-state-hover,
.dx-treelist .dx-treelist-header-panel .dx-button-mode-contained.dx-state-active,
.dx-treelist .dx-treelist-header-panel .dx-button-mode-contained.dx-state-focused {
	background-color: var(--theme-color);
}

.dx-datagrid .dx-toolbar-text-auto-hide .dx-button .dx-icon,
.dx-datagrid .dx-button-mode-contained .dx-icon,
.dx-treelist .dx-toolbar-text-auto-hide .dx-button .dx-icon,
.dx-treelist .dx-button-mode-contained .dx-icon {
	color: #FFF;
}

.dx-popup-title .dx-closebutton .dx-icon-close {
	color: #333;
}

.dx-popup-title .dx-closebutton.dx-state-active,
.dx-popup-title .dx-closebutton.dx-state-hover,
.dx-popup-title .dx-closebutton.dx-state-focused {
	background: #ddd;
}


.dx-datagrid .dx-datagrid .dx-row > td[role='columnheader'], .dx-datagrid .dx-treelist .dx-row > td[role='columnheader'] {
	height: 30px;
}

.dx-datagrid .dx-datagrid .dx-datagrid-headers.dx-datagrid-nowrap, .dx-datagrid .dx-treelist .dx-datagrid-headers.dx-datagrid-nowrap {
	background: #FFF;
}


.dx-button-has-icon .dx-button-content {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.custom-btn.dx-button-has-text .dx-button-content {
	padding: 0 !important;
}

.dx-button-has-text .dx-button-content {
	padding: 6px 18px 7px;
	/* padding: 0 !important; */
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: inherit
}

.dx-editor-cell .dx-texteditor-input {
	font-size: 12px;
	color: #464646;
	min-height: 32px;
	line-height: 32px;
	padding-left: 15px;
	padding-right: 15px;
}

.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-texteditor-input,
.dx-datagrid-filter-row .dx-editor-cell .dx-editor-with-menu .dx-placeholder:before {
	padding-left: 29px;
}

.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
	padding: 4px 5px;
	margin-top: 6px;
}

button.devx_button {
	display: flex;
	width: 30px;
	height: 30px;
	border: 0;
	background: var(--theme-color);
	border-radius: 3px;
	justify-content: center;
	align-items: center;
}

.filterActive > .dx-datagrid > .dx-datagrid-header-panel div[aria-label="Filters"],
.filterActive > .dx-treelist-container > .dx-treelist-header-panel div[aria-label="Filters"] {
	background: #29bb71 !important;
}

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
	padding-left: 7px;
	padding-right: 7px;
}

.dx-field-value .dx-button-mode-contained.dx-button-has-text {
	width: auto;
	padding: 0 10px;
}

.custom-item {
	position: relative;
	min-height: 30px;
}

.dx-dropdowneditor-input-wrapper .custom-item > img {
	padding-left: 8px;
}

.custom-item .product-name {
	display: inline-block;
	padding-left: 50px;
	text-indent: 0;
	line-height: 30px;
	font-size: 15px;
	width: 100%;
}

.custom-item > img {
	left: 1px;
	position: absolute;
	top: 50%;
	margin-top: -15px;
}

.dx-theme-material #custom-templates .dx-texteditor-buttons-container {
	display: none;
}

.current-value {
	padding: 10px 0;
}

	.current-value > span {
		font-weight: bold;
	}

.dx-theme-material .dx-selectbox-container .product-name {
	padding-left: 58px;
}

.demo-container.stretch {
	margin: 0 -15px;
}

.demo-container .dx-datagrid-rowsview {
	overflow: unset;
}

.demo-container.stretch .dx-datagrid-header-panel,
.demo-container.stretch .dx-treelist-header-panel {
	padding: 0 15px !important;
}

.dx-dropdownbutton .dx-buttongroup.dx-widget {
	background: var(--theme-color);
	border: 0;
	height: 22px !important;
	width: 30px !important;
	text-align: center;
	border-radius: 4px;
}

.dx-dropdownbutton .dx-button-content {
	padding: 5px !important;
}

.dx-dropdownbutton .dx-buttongroup-item {
	border: 0;
}

.dx-dropdownbutton .dx-button-content .dx-icon.dx-icon-spindown {
	color: #fff;
}

.dx-datagrid .dx-link, .dx-datagrid td > a {
	color: #4e4e4e;
}

.dx-datagrid .dx-link,
.dx-treelist .dx-link {
	color: #4e4e4e !important;
}

.dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit-with-icons .dx-link,
.dx-treelist .dx-treelist-content .dx-treelist-table .dx-row .dx-command-edit-with-icons .dx-link {
	font-size: 14px;
}

.dx-field-value {
	width: 100% !important;
}

#gridContainer2 {
	height: 450px;
}

	#gridContainer2 tr.main-row td {
		border: 1px solid #ddd;
	}

	#gridContainer2 tr.span-row {
		white-space: normal;
		vertical-align: top;
	}

		#gridContainer2 tr.span-row td {
			height: 40px;
			border: 1px solid #ddd;
			border-left: 0;
		}

.dark #gridContainer2 tr.span-row td {
	color: #777;
}

#gridContainer2 tbody.qcs-items:hover {
	background-color: #EBEBEB;
}

.dark #gridContainer2 tbody.qcs-items:hover {
	background-color: #484848;
}

#gridContainer2 tbody.qcs-items:hover tr.main-row td {
	color: #000;
}

.dark #gridContainer2 tbody.qcs-items:hover tr.main-row td {
	color: #CCC;
}

#gridContainer2 tbody.qcs-items:hover tr.span-row td {
	color: #888;
}
/*.dx-highlight-outline.dx-pointer-events-target {
    text-align: center;
    display: flex;
}*/

.dx-datagrid-header-panel .dx-toolbar {
	margin: 4px 0;
}

.dx-autocomplete .dx-texteditor-input {
	font-size: 12px;
	outline: none !important;
	box-shadow: none !important;
}

.dx-widget input,
.dx-widget textarea,
.dx-placeholder {
	font-size: 12px;
	line-height: 1.35;
}

.dx-toolbar .dx-texteditor {
	width: 200px;
}

.dx-editor-cell .dx-texteditor {
	width: 100%;
}

.align_middle .dx-datagrid-content .dx-datagrid-table .dx-row > td,
.align_middle .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
	vertical-align: middle;
}

.dx-datagrid-nodata {
	color: #b1b1b1;
	font-size: 15px;
}

.dx-checkbox-icon {
	width: 15px;
	height: 15px;
}

.dx-checkbox-checked .dx-checkbox-icon {
	font-size: 11px;
}

.dx-checkbox.dx-state-readonly {
	opacity: .7;
}

	.dx-checkbox.dx-state-readonly:hover .dx-checkbox-icon,
	.dx-checkbox.dx-state-readonly.dx-state-focused .dx-checkbox-icon {
		border-color: #f4f4f4;
	}

.dx-datagrid-headers,
.dx-treelist-headers {
	background: #f3f3f3;
}

.dx-datagrid-column-chooser .dx-treeview-item,
.dx-treelist-column-chooser .dx-treeview-item {
	padding: 0px 6px 5px 25px !important;
	min-height: 23px;
}

.dx-datagrid .dx-header-filter:before,
.dx-treelist-container .dx-header-filter:before {
	content: "\f0b0";
	font-family: fontAwesome;
}

.dx-datagrid-filter-row .dx-menu,
.dx-treelist-filter-row .dx-menu {
	margin-top: 0;
	top: 0 !important;
}

.dx-filter-menu.dx-menu .dx-menu-item .dx-menu-item-content {
	margin-top: 0;
}

.dx-button.color1 {
	background-color: var(--theme-color) !important;
}

.dx-button.color2 {
	background-color: #7a9eff !important;
}

.dx-button.color3 {
	background-color: #F67A48 !important;
}

.dx-button.color4 {
	background-color: #d17efd !important;
}

.dx-button.color5 {
	background-color: #8a70b1 !important;
}

.dx-button.color6 {
	background-color: #f37d62 !important;
}

.dx-button.color7 {
	background-color: #137F13 !important;
}

.dx-button.color8 {
	background-color: #FF9900 !important;
}

.dx-button.color9 {
	background-color: #0AA4AF !important;
}

.dx-button.color10 {
	background-color: #0AAF67 !important;
}

.dx-button.color11 {
	background-color: #e92d2d !important;
}

.dx-button.color12 {
	background-color: #0e83ab !important;
}

.dx-button.color13 {
	background-color: #818182 !important;
}

.dx-button.color14 {
	background-color: #dca46e !important;
}

.dx-button.color15 {
	background-color: #f6f6fd !important;
}

.dx-button.color16 {
	background-color: #B91E3A !important;
}

.dx-button.color17 {
	background-color: #5D5D5D !important;
	;
}

.dx-button.color18 {
	background: #fff !important;
}

.dx-button.btn-outline {
	border: 1px solid #818182 !important;
	color: #333 !important;
}

.demo-container > div.dx-widget {
	height: 100%;
	max-width: 100% !important;
}

.dx-datagrid-summary-item {
	font-size: 13px;
	font-weight: 600;
}

.dx-tag-content {
	background-color: #03a3a2;
	color: #fff;
}

.dx-state-disabled .dx-tag-remove-button {
	display: none;
}

.dx-tagbox.dx-state-disabled .dx-tag-content {
	padding: 2px 6px 3px;
}

.dx-texteditor-input:focus {
	border-color: transparent !important;
	box-shadow: none !important;
}

.decision_popup .custom-btn {
	margin: 0;
	border-radius: 0;
}

.decision_popup .btn {
	min-width: 80px;
	font-family: Roboto;
	font-size: 13px;
	font-weight: 400;
}

.dx-popup-wrapper > .dx-overlay-content {
	border-radius: 4px;
}

.dx-popup-content {
	padding: 15px;
}

.dx-button input {
	display: none;
}

.dx-button-text {
	line-height: 13px;
	font-size: 13px;
}

.dx-tag-content {
	font-size: 12px;
	padding: 0px 25px 1px 6px;
}

.dx-texteditor.dx-editor-outlined {
	min-height: 30px !important;
}

.dx-texteditor-input {
	min-height: initial;
}

.dx-textarea.dx-textbox.dx-texteditor {
	height: 90px !important;
}

	.dx-textarea.dx-textbox.dx-texteditor .dx-texteditor-container,
	.dx-textarea.dx-textbox.dx-texteditor .dx-texteditor-container .dx-texteditor-input-container {
		height: inherit;
	}

.dx-textarea .dx-texteditor-input-auto-resize {
	overflow-y: auto;
}

.dx-datagrid-header-panel .dx-button-has-text {
	font-size: 12px;
}

	.dx-datagrid-header-panel .dx-button-has-text .dx-button-content {
		padding: 0 11px;
	}

.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
	padding: 5px 18px 5px 25px;
}
.dx-datagrid-rowsview .dx-datagrid-edit-form > .dx-master-detail-cell {
	padding: 5px 20px 5px 20px;
}

.dx-datagrid-content {
	border-bottom: 1px solid #fafafa;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
	border-bottom: 0;
}

.dx-toolbar-text-auto-hide .dx-button .dx-icon {
	width: 20px;
	height: 20px;
	background-size: 15px 16px;
	font-size: 20px;
	line-height: 20px;
}

.dx-button-has-icon .dx-icon {
	width: auto;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
}

.dx-toolbar-item-content .dx-button-has-icon img.dx-icon {
	/*	width: auto;
	height: 15px;
	line-height: 15px;
*/
}

.dx-datagrid-export-button .dx-icon-export-excel-button {
	width: 20px;
	height: 20px;
	background-size: 15px 16px;
	font-size: 20px;
	line-height: 20px;
}

.dx-treelist-header-panel .dx-toolbar {
	margin: 0;
}

.dx-row .mytab.theme1 .nav li a {
	background: none;
}

.dx-datagrid-content .dx-datagrid-table .dx-row > td, .dx-datagrid-content .dx-datagrid-table .dx-row > tr > td,
.dx-treelist-content .dx-treelist-table .dx-row > td, .dx-treelist-content .dx-treelist-table .dx-row > tr > td {
	vertical-align: middle;
}

	.dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space,
	.dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space {
		vertical-align: middle;
	}

.dx-loadpanel-content-wrapper .dx-loadpanel-indicator {
/*	animation: spin 1s infinite*/
}

/*==== Code Added for DevExpress Grid Ends Here ====*/

/*Devx Checkbox Style Override*/
.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
	border-color: #8e8e8e;
}

.dx-checkbox-checked .dx-checkbox-icon {
	color: #7e7e7e;
}

.dx-checkbox.dx-state-readonly:hover .dx-checkbox-icon, .dx-checkbox.dx-state-readonly.dx-state-focused .dx-checkbox-icon {
	border-color: #8e8e8e;
}

.dx-checkbox-text {
	white-space: nowrap;
	font-size: 13px;
}

.dx-list-select-all .dx-list-select-all-checkbox {
	margin: 0 5px 0 10px;
}

/*==== Code Added for DevExpress Select Starts Here ====*/
.dx-timeview-format12 {
	width: 70px !important;
	margin-left: 5px !important;
	margin-right: auto !important;
}

.dx-selectbox.dx-widget {
	width: 100%;
}

.dx-selectbox.dx-texteditor.dx-editor-outlined {
	margin: 0;
}

	.dx-selectbox.dx-texteditor.dx-editor-outlined .dx-texteditor-input-container {
		padding: 0;
	}

.dx-selectbox .dx-placeholder:before {
	padding: 0 0 0 10px;
	line-height: 1;
	font-size: 12px;
	color: #BBBBC3;
}
/*.dx-selectbox-popup-wrapper .dx-overlay-content {
	max-height: 200px !important;
}*/
.dx-selectbox .dx-texteditor-input:read-only {
	opacity: 1;
	color: #565656;
}
/*Drag Icon */

.dx-datagrid-drag-icon {
	/*content: url(/Theme/AirViewX/images/ems/right-arrow.svg) !important;*/
	/*font-family: "Font Awesome 5 Free";*/
	/*	font-family: 'fontAwesome' !important;*/
}

span.dx-datagrid-drag-icon:before {
	/*	content: "\f0a6" !important;*/
}

.dx-command-drag {
	width: 50px;
}

.dx-texteditor-input-container input {
	cursor: initial;
}

.dx-dropdowneditor-button-visible .dx-texteditor-input {
	opacity: 1;
	color:#565656;
}
/*==== Code Added for DevExpress Select Ends Here ====*/

/*code added for devX tagbox*/

.dx-tag-content {
	background-color: #03a3a2;
	color: #fff;
}

.dx-state-disabled .dx-tag-remove-button {
	display: none;
}

.dx-tagbox.dx-state-disabled .dx-tag-content {
	padding: 2px 6px 3px;
}

.dx-texteditor-input:focus {
	border-color: transparent !important;
	box-shadow: none !important;
}

.decision_popup .custom-btn {
	margin: 0;
	border-radius: 0;
}

.decision_popup .btn {
	min-width: 80px;
	font-family: Roboto;
	font-size: 13px;
	font-weight: 400;
}

.dx-popup-wrapper > .dx-overlay-content {
	border-radius: 4px;
}

.dx-button input {
	display: none;
}

.dx-button-text {
}
.dx-tagbox.dx-dropdowneditor-field-clickable:after {
	content: "";
	color: #333;
	font: 18px/1 DXIcons;
	position: absolute;
	width: 32px;
	top: calc(50% - 14px );
	right: 1px;
	pointer-events: none;
	border-radius: 3px;
	height: 28px;
	font-size: 18px;
	text-align: center;
	line-height: 28px;
}

.dx-state-hover.dx-tagbox.dx-dropdowneditor-field-clickable:after {
	background: #e6e6e6;
}

.dx-tagbox.dx-dropdowneditor-field-clickable > .dx-dropdowneditor-input-wrapper {
	padding-right: 35px;
}
.dx-tag-container.dx-texteditor-input-container .dx-texteditor-input {
	max-width: 100%;
	flex: auto;
}
.dx-tagbox .dx-tag-container.dx-texteditor-input-container .dx-texteditor-input {
	width: 5px !important;
}
.dx-tagbox.dx-dropdowneditor-active .dx-tag-container.dx-texteditor-input-container .dx-texteditor-input {
	width: auto !important;
}
/*end code added for devX tagbox*/

/* ====Code Added for DevExtreme Schedular/Calendar Start ====*/

.airview-scheduler .dx-scheduler-header.dx-widget {
	background: #FFF;
	border: 0;
	padding: 0;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ddd;
}

.airview-scheduler .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected,
.airview-scheduler .dx-scheduler-view-switcher.dx-tabs .dx-tab:hover,
.airview-scheduler .dx-scheduler-view-switcher.dx-tabs .dx-tab:focus {
	background: var(--theme-color);
	color: #fff;
	border-radius: 4px;
}

.airview-scheduler .dx-tabs-wrapper {
	background: #f3f3f3;
}

.airview-scheduler .dx-scheduler-view-switcher.dx-tabs .dx-tab {
	padding: 0 15px;
	width: auto;
}

.airview-scheduler .dx-scheduler-view-switcher.dx-tabs.dx-collection.dx-tabs-expanded {
	height: 30px;
	margin-left: auto;
}

.airview-scheduler .dx-scheduler-view-switcher.dx-tabs .dx-tab.dx-tab-selected:after {
	height: auto;
	border: 0;
}

.airview-scheduler .dx-scheduler-navigator {
	float: none;
	max-width: initial;
	min-width: 0;
}

.airview-scheduler .dx-scheduler-appointment-collector {
	display: flex;
	align-items: baseline;
	justify-content: center;
	font-size: 11px;
	line-height: 24px;
}

.airview-scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment-content {
	font-size: 12px;
	height: auto;
}

.airview-scheduler .dx-scheduler-appointment {
	display: flex;
	align-items: center;
	background-color: var(--theme-color);
}

.airview-scheduler .dx-scheduler-appointment-collector.dx-button.dx-button-default {
	background-color: var(--theme-color);
	box-shadow: none !important;
}

.airview-scheduler .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
	font-size: 13px
}

.airview-scheduler .dx-scheduler-header-panel-cell {
	font-size: 12px;
	font-weight: 600;
	background-color: #f3f3f3;
	height: auto;
	padding: 6px 2px;
}

.airview-scheduler tr.dx-scheduler-header-row {
	border-top: 1px solid #e1e1e1
}

.dx-scheduler-header-panel {
	margin: -1px
}

.dx-scheduler-navigator-caption {
	width: auto;
}

.dx-scheduler-work-space-week .dx-scheduler-all-day-title,
.dx-scheduler-work-space-work-week .dx-scheduler-all-day-title {
	top: 86px
}

.dx-scheduler-time-panel-cell {
	font-size: 13px
}

.dx-scheduler-appointment-title {
	font-size: 13px
}

/*style2 added for controls on left side */
.airview-scheduler.style2 .dx-scheduler-view-switcher.dx-tabs.dx-collection.dx-tabs-expanded {
	margin-left: inherit;
	margin-top: 0 !important;
}

.airview-scheduler .dx-scheduler-appointment-content-details {
	display: flex;
	align-items: center;
}

/* ====Code Added for DevExtreme Schedular/Calendar End ====*/

/*==== Code Added for Scrollbar Starts Here ====*/

.content-wrapper > .content-wrapper {
	padding: 12px 20px 12px;
}

.content-wrapper .form-footer {
	margin: 0 -20px -12px;
	width: calc(100% + 40px);
}

.scrollbar-outer > .scroll-element.scroll-y {
	background: none;
}
/*==== Code Added for Scrollbar Ends Here ====*/

/*==== Code Added for EMS Module Starts Here ====*/

ul.multiselect-container.dropdown-menu.show {
	width: inherit;
}

select.input-validation-error ~ .select2-container.disabled .select2-selection--single {
	border: 1px solid #c5c5c5 !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

select.input-validation-error ~ .btn-group .multiselect {
	border: 1px solid #c5c5c5 !important;
}

.disabled-bg-color {
	background: lightgray !important;
}
/*.static_widgets .content-wrapper {
    overflow: initial;
}*/

.selected_value > span {
	max-width: 140px;
	overflow: hidden;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.applied_filters {
	display: flex;
	font-size: 12px;
	line-height: 1;
}

	.applied_filters span i {
		font-style: normal;
	}

	.applied_filters span ~ span {
		margin-left: 10px;
		padding-left: 10px;
		border-left: 1px solid #b0b0b0;
	}

.switch {
	position: relative;
	display: inline-block;
	width: 42px;
	height: 22px;
	margin-bottom: 0;
}

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

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

	.slider:before {
		position: absolute;
		content: "";
		height: 18px;
		width: 18px;
		left: 3px;
		bottom: 2px;
		background-color: white;
		-webkit-transition: .4s;
		transition: .4s;
	}

input:checked + .slider {
	background-color: #009de4;
}
/*.content-wrapper {
    overflow: initial;
}*/

input:focus + .slider {
	box-shadow: 0 0 1px #5be124;
}

input:checked + .slider:before {
	-webkit-transform: translateX(19px);
	-ms-transform: translateX(19px);
	transform: translateX(19px);
}
/* Rounded sliders */

.slider.round {
	border-radius: 34px;
}

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

.jconfirm {
	z-index: 10000000000;
}
/*slider css*/

.slick-slide img {
	width: 100%;
	max-height: 600px;
}

.media_slider,
.stream_slider {
	height: 600px;
	margin-bottom: 15px;
	background: #000;
}

	.media_slider .slick-prev,
	.stream_slider .slick-prev {
		margin-left: 40px;
		z-index: 1;
	}

	.media_slider .slick-next,
	.stream_slider .slick-next {
		margin-right: 40px;
	}

.media_slider_nav,
.stream_slider_nav {
	height: 200px;
	margin-bottom: 15px;
	background: #fff;
}

	.media_slider_nav .slick-prev,
	.stream_slider_nav .slick-prev {
		background: rgba(0, 0, 0, 0.45);
		height: 100%;
		margin-left: 25px;
		z-index: 999;
		width: 46px;
	}

	.media_slider_nav .slick-next,
	.stream_slider_nav .slick-next {
		background: rgba(0, 0, 0, 0.45);
		height: 100%;
		margin-right: 25px;
		z-index: 999;
		width: 46px;
	}

		.media_slider_nav .slick-prev:hover,
		.media_slider_nav .slick-next:hover,
		.stream_slider_nav .slick-prev:hover,
		.stream_slider_nav .slick-next:hover {
			background: rgba(0, 0, 0, 0.45);
		}

	.media_slider_nav .slick-slide,
	.stream_slider_nav .slick-slide {
		margin: 0 5px;
	}

		.media_slider_nav .slick-slide.slick-active.slick-current img,
		.stream_slider_nav .slick-slide.slick-active.slick-current img {
			border: 5px solid #000;
			border-radius: 7px;
		}

	.media_slider_nav img,
	.stream_slider_nav img {
		width: 100%;
		border-radius: 10px;
		height: 100%;
		min-height: 200px;
		max-height: 200px;
	}

.slick-prev:before {
	content: url(/Theme/AirViewX/images/ems/left-arow.svg) !important;
	z-index: 9999;
}

.slick-next:before {
	content: url(/Theme/AirViewX/images/ems/right-arrow.svg) !important;
	z-index: 9999;
}

.slide_video {
	position: relative;
}

	.slide_video:before {
		content: url(/Theme/AirViewX/images/ems/video_icon.svg);
		height: 34px;
		background: rgba(0, 0, 0, 0.45);
		position: absolute;
		width: 100%;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding-right: 15px;
		line-height: 1;
		border-radius: 10px 10px 0 0;
	}

.slide_name {
	position: absolute;
	width: 100%;
	display: flex;
	height: 76px;
	background: rgba(0, 0, 0, 0.45);
	align-items: center;
	padding-left: 15px;
	padding-right: 15px;
}

.slide_title {
	color: #fff;
}

.slide_actions {
	margin-left: auto;
	display: flex;
}

	.slide_actions a,
	.slide_actions .custom-file-upload {
		margin: 0 10px;
	}

.live_streamCam {
	display: flex;
	align-items: center;
}

	.live_streamCam h3 {
		font-size: 40px;
		font-weight: bold;
		color: #fff;
		margin-bottom: 0;
	}

	.live_streamCam .live_streamDate {
		margin-left: 35px;
	}

.live_streamDate {
	font-size: 14px;
}

	.live_streamDate span {
		display: flex;
	}

.thumb_slideName {
	position: absolute;
	width: 100%;
	display: flex;
	height: 48px;
	background: rgba(0, 0, 0, 0.45);
	align-items: center;
	padding-left: 5px;
	padding-right: 5px;
	color: #fff;
	border-radius: 10px 10px 0 0;
}

	.thumb_slideName h3 {
		margin: 0;
		color: #fff;
		font-size: 22px;
		font-weight: bold;
	}

.thumb_slideDate {
	position: absolute;
	width: 100%;
	display: flex;
	height: 21px;
	background: rgba(0, 0, 0, 0.45);
	align-items: center;
	padding-left: 5px;
	padding-right: 5px;
	bottom: 0;
	color: #fff;
	border-radius: 0px 0px 10px 10px;
	font-size: 10px;
}

	.thumb_slideDate span {
		margin-left: auto;
		display: flex;
	}

.stream_thumbnail {
	position: relative;
	border-radius: 10px;
}

	.stream_thumbnail img {
		width: 100% !important;
	}

.slide_thumbnail {
	border-radius: 10px;
}
/* small slider */

.small_slider {
	height: 450px;
}

	.small_slider .slick-slide img {
		max-height: 450px;
	}

.small_slider_nave img {
	max-height: 200px !important;
}
/*viewr css */

.viewer-container {
	z-index: 9999999999 !important;
}
/*End viewr css*/

.grid_like .form-group {
	display: flex;
	margin: 0 !important;
	align-items: center;
	border-bottom: 1px solid #dee2e6;
	height: 100%;
}

	.grid_like .form-group label {
		width: 50%;
		flex: 0 0 50%;
		margin: 0;
		padding: 5px 10px;
		min-height: 50px;
		background: #fafafa;
		color: #7E7E7E;
		height: 100%;
	}

.grid_like.row {
	margin: 0;
}

	.grid_like.row > div {
		padding: 0;
		margin: 0;
	}

.dev_control {
	width: 100%;
}

.dev_text {
	font-size: 13px;
}

.grid_like .form-group label ~ * {
	margin: 0 10px;
}

.grid_like .form-group .dev_control {
	display: none;
}

.grid_like.edit_mode .form-group .dev_control {
	display: block;
}

.grid_like.edit_mode .form-group > .dev_text {
	display: none;
}

.show_editMode.active .saveIcon,
.show_editMode .editIcon {
	display: block;
}

.show_editMode.active .editIcon,
.show_editMode .saveIcon {
	display: none;
}
/* EMS Dashboard Code Starts */

.shutterup {
	display: none
}

.shutterup_active .shutterup {
	display: block
}

.shutterup_active .shutterDown {
	display: none
}

.ems_status {
	display: flex;
	width: 100%;
	align-items: center;
	margin-bottom: 12px;
}

	.ems_status span {
		font-size: 14px;
		color: #333;
		text-overflow: ellipsis;
		overflow: hidden;
		line-height: 1.1;
		margin-right: 5px;
	}

	.ems_status i {
		margin-left: auto;
		height: 25px;
		min-width: 25px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-size: 16px;
		font-style: normal;
	}

.ems_status_wrapper {
	margin-bottom: -12px
}

	.ems_status_wrapper .row > div {
		margin-bottom: 0
	}

.ems_projects_by button {
	border: 1px solid #BBBBC3;
	background: transparent;
	height: 30px;
	line-height: 1;
	padding: 0 8px;
	color: #BBBBC3;
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
	min-width: 105px;
	text-align: left;
}

	.ems_projects_by button span.caret {
		line-height: normal;
		margin-left: 5px;
	}

.toggle_style2 .toggle-item h2 {
	background: #FAFAFA;
	color: #7E7E7E;
	font-size: 15px;
	font-weight: 600;
	padding-left: 39px;
	height: 34px;
	padding-top: 0;
	padding-bottom: 0;
	align-items: center;
	display: flex;
}

.toggle_style2 .toggle-item:nth-of-type(odd) h2 {
	background: #fff
}

.toggle_style2 .toggle-item h2.active,
.toggle_style2 .toggle-item.activate h2 {
	background: #F3F3F3;
	color: #6F6F6F;
}

.toggle_style2 .toggle-item .content {
	background: #fff
}

.toggle_style2 .toggle-item h2:before {
	content: "\f107";
	background: var(--theme-color);
	color: #fff;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	left: 0;
	margin-left: 11px;
}

.toggle_style2 .toggle-item h2.active:before {
	content: "\f106";
	background: #EF6026;
}

.toggle_style3 .toggle-item h2.active {
	background: #fff
}

.toggle_style3 .toggle-item .content {
	background: #fff;
	padding-top: 0;
	padding-bottom: 0;
}

.toggle_style3 .toggle-item h2:before {
	content: "\f107";
	background: transparent;
	color: #333;
	font-size: 15px;
}

.toggle_style3 .toggle-item h2.active:before {
	content: "\f106"
}

.toggle_style3 .content .toggle-item h2 {
	padding-left: 0;
	padding-right: 0;
	background: transparent;
}

.toggle_style3 .toggle-item h2.active {
	background: transparent !important;
	color: #7E7E7E !important;
	padding-left: 0;
	padding-right: 0;
}

.toggle_style3 .toggle-item h2 {
	padding-left: 0;
	padding-right: 0;
	padding-left: 30px;
	font-size: 16px;
	color: #7E7E7E !important;
	background: #fff;
	color: #6F6F6F;
	font-weight: 600;
}

.toggle_style3 .toggle-item {
	border: none
}

.toggle_style3 .content {
	padding: 0
}

	.toggle_style3 .content .toggle .toggle-item h2:hover {
		box-shadow: none
	}

.toggle_style3 .toggle-item ul {
	padding-left: 15px
}

.shutterup_box_buttons {
	position: absolute;
	right: 76px;
	top: 10px;
	z-index: 100000;
}
/* EMS Dashboard Code Ends */

/*==== Code Added for EMS Module Ends Here ====*/


/* Code Added for PMS Module Starts Here*/

.admin-section {
	background: #e4e4e4;
	padding: 10px 10px;
	margin: 0 0 10px;
	width: 100%;
	border-radius: 6px;
}

	.admin-section p {
		margin: 5px 0 0;
		font-size: 12px;
	}

.admin-custom-color {
	color: #1c6a90;
}

.admin-img img {
	width: 30px;
	border-radius: 50%;
}

.update-name {
	pointer-events: none;
}

hr {
	margin: 10px 0;
	border-color: #ccc;
}

.title-bar .pull-right {
	float: right !important;
	margin-left: auto !important;
}

.pull-right {
	float: right !important;
}

.status-column {
	font-size: 13px;
	font-weight: 500;
	color: #FFF;
	padding: 4px 10px;
	width: auto;
	margin: 0;
	display: inline-flex;
	border-radius: 4px;
	justify-content: center;
	min-width: 70px;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
}

	.status-column.approved,
	.badge.badge-approved {
		background: #0AAF67;
	}

	.status-column.canceled,
	.badge.badge-canceled {
		background: #818182;
	}

	.status-column.draft,
	.badge.badge-draft,
	.status-column.pending,
	.badge.badge-pending {
		background: #FF9900;
	}

	.status-column.finalized,
	.badge.badge-finalized {
		background: #03a3a2;
	}

	.status-column.partial,
	.badge.badge-partial {
		background: #7a9eff;
	}

	.status-column.created,
	.badge.badge-created {
		background: var(--theme-color);
	}

span.title-info {
	padding: 0 10px;
	font-size: 13px;
	color: #5d5d5d;
}

	span.title-info ~ span.title-info {
		border-left: 2px solid #dadada;
	}

.dropdown.theme_dropdown .dropdown-toggle::after {
	border-top-color: #FFF;
	margin-left: 10px;
}

.dropdown.theme_dropdown .dropdown-toggle::after {
	border-top-color: #FFF;
	margin-left: 10px;
}

.theme_dropdown .dropdown-menu li {
	padding: 5px 11px;
	font-size: 13px;
}

.create_header {
	padding: 10px 15px 10px;
	background: #f1f5fb;
	margin: -12px -15px 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	position: relative;
}

a.create_header_collapse {
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0;
	overflow: hidden;
	text-align: center;
	line-height: 12px;
	font-size: 14px;
	padding: 9px 10px 5px 14px;
	color: #1a76a2;
	z-index: 1;
}

	a.create_header_collapse:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		background: #bfdae6;
		width: 200%;
		height: 200%;
		z-index: -1;
		border-radius: 40px;
	}

.create_header:hover a.create_header_collapse,
.create_header.slided a.create_header_collapse {
	opacity: 1;
}

.slided a.create_header_collapse i {
	transform: rotate(180deg);
}

.create_header.slided {
	padding: 3px 20px;
	min-height: 33px;
}

.content-wrapper.p-0 .create_header {
	margin: 0 0 10px;
}

.tabPane-withFooter .create_header {
	margin: 0 -15px 10px !important;
}

.create_header:before {
	content: attr(data-title);
	position: absolute;
	left: 0;
	top: 0;
	color: #92a9b3;
	width: 100%;
	padding: 0 40px;
	font-size: 14px;
	display: flex;
	opacity: 0;
	height: 100%;
	align-items: center;
	visibility: hidden;
	justify-content: flex-end;
	transition: all 0.3s ease 0s;
}

.create_header.slided:before {
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease 0.5s;
}

span.item_count {
	font-size: 10px;
	margin-left: 5px;
	text-transform: uppercase;
	background: var(--theme-color);
	color: #FFF;
	padding: 2px 5px;
	line-height: 1.2;
	border-radius: 3px;
}

.dx-selection span.item_count {
	background: #FFF;
	color: #222;
}

.itemList_actions.dx-texteditor.dx-editor-outlined {
	margin: 0;
}

.no_border tr.dx-row.dx-column-lines.dx-header-row td,
.no_border .dx-datagrid .dx-column-lines > td {
	border: 0;
}

div.itemGrid {
	margin: 0 0 10px 20px;
}

div.showOnActive {
	display: none;
}

	div.showOnActive.show {
		display: block;
	}

div.itemGrid .dx-datagrid-header-panel .dx-toolbar {
	background: none;
}

div.itemGrid tr.dx-row.dx-column-lines.dx-header-row {
	background: #e8ffff;
}

div.itemGrid .dx-datagrid .dx-row-alt > td,
.dx-datagrid .dx-row-alt > tr > td {
	background: #ebf5f5;
}

div.itemGrid td.dx-datagrid {
	border-color: #928316;
}

div.itemGrid .dx-datagrid {
	border-color: #92dede;
}
/*div.fancy_dropdown .dx-datagrid-rowsview .dx-selection.dx-row>td,
div.fancy_dropdown .dx-datagrid-rowsview .dx-selection.dx-row:hover>td,
div.fancy_dropdown .dx-datagrid-rowsview .dx-selection.dx-row>tr>td,
div.fancy_dropdown .dx-datagrid-rowsview .dx-selection.dx-row:hover>tr>td,*/

div.fancy_dropdown .dx-datagrid-rowsview .dx-row-focused.dx-data-row > td,
div.fancy_dropdown .dx-datagrid-rowsview .dx-row-focused.dx-data-row:hover > td,
div.fancy_dropdown .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td,
div.fancy_dropdown .dx-datagrid-rowsview .dx-row-focused.dx-data-row:hover > tr > td {
	background: #6e8692;
	color: #FFF;
}

.dx-master-detail-row {
	animation: animation 0.3s;
}

div.fancy_dropdown .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) > .dx-datagrid-group-space,
div.fancy_dropdown .dx-datagrid-rowsview .dx-master-detail-row:not(.dx-datagrid-edit-form) .dx-master-detail-cell {
	background-color: #f1f5fb;
	border: 2px solid #6e8692 !important;
}

div.fancy_dropdown .dx-datagrid-rowsview .dx-selection.dx-row > td.dx-focused,
div.fancy_dropdown .dx-datagrid-rowsview .dx-selection.dx-row:hover > td.dx-focused,
div.fancy_dropdown .dx-datagrid-rowsview .dx-selection.dx-row > tr > td.dx-focused,
div.fancy_dropdown .dx-datagrid-rowsview .dx-selection.dx-row:hover > tr > td.dx-focused {
	background: #6e8692;
	color: #FFF;
}

div.stageGrid {
	margin: 0 0 0 5px;
}

.main_stage {
	display: flex;
	align-items: center;
	font-size: 13px;
}

.dx-selection .itemList_actions > .custom-btn {
	margin-left: 10px;
}

.itemList_actions .dx-texteditor.dx-editor-outlined {
	margin: 0;
	height: 27px;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.3);
	margin-right: 5px;
}

.itemList_actions {
	display: none;
	margin: 0 0 0 auto;
	align-items: center;
}

	.itemList_actions.active {
		display: flex;
	}

.dx-selection .itemList_actions {
	display: flex;
}

.itemList_actions .dx-autocomplete .dx-texteditor-input {
	height: 25px;
	line-height: 1;
	font-size: 11px;
	min-width: 200px;
	padding: 0 10px;
	background: none;
	color: #FFF;
	margin-right: 5px;
}

.itemList_actions .dx-autocomplete .dx-placeholder {
	font-size: 11px;
	font-weight: 300;
	color: #FFF;
}

.itemList_actions .dx-show-clear-button .dx-icon-clear {
	color: #FFF;
}

span.collapse_btn {
	margin-right: 10px;
	width: 20px;
	height: 20px;
	background: white;
	text-align: center;
	border-radius: 50%;
	color: #333;
	cursor: pointer;
	display: none;
}

tr.dx-selection > td > .main_stage span.collapse_btn {
	display: block;
}

.decide_stage_wrapper {
	position: relative;
	display: flex;
	min-height: 120px;
	flex-direction: column;
}

.decide_here {
	text-align: center;
	padding: 20px 20px;
	border: 1px solid #ddd;
	background: #fbf9f1;
	border-radius: 3px;
	display: flex;
	width: 500px;
	align-self: center;
	max-width: 100%;
	justify-content: space-between;
	flex-direction: column;
	transition: all 0.2s linear;
}

	.decide_here h4 {
		font-size: 15px;
		font-weight: 500;
		margin: 0 0 20px 0;
		text-align: center;
	}

	.decide_here .button-set {
		white-space: nowrap;
	}

	.decide_here.decided {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		transform: scale(0.5);
	}

.right_check > * {
	margin: 0 !important
}
/* Code Added for PMS Module Ends Here*/

/*  Stretched Widgets  */

.static_widgets.stretch {
	padding: 0;
	margin-top: -15px;
}

	.static_widgets.stretch > .row > div {
		margin: 0;
	}

	.static_widgets.stretch > .row {
		height: 100%;
	}

	.static_widgets.stretch .content-wrapper.without-footer {
		height: calc(100vh - 167px);
	}

	.static_widgets.stretch .widget {
		box-shadow: none;
		border-radius: 0;
	}

	.static_widgets.stretch .title-bar {
		background: #f3f3f3;
		border-radius: 0;
		/* box-shadow: 0 0 8px rgba(0,0,0,0.1); */
		min-height: 50px;
	}

.form-group {
	margin: 0 0 10px !important;
	display: table;
	width: 100%;
}

.demo-container.stretch .dx-datagrid.dx-datagrid-borders > .dx-datagrid-pager,
.demo-container.stretch .dx-treelist-container > .dx-treelist-pager {
	padding: 0 15px;
}

.sub_title {
	margin: 0 0 10px;
	display: flex;
	border-bottom: 1px solid #ddd;
	align-items: center;
	padding-bottom: 5px;
}

	.sub_title h3 {
		margin: 0;
		font-size: 15px;
		color: #4e4e4e;
		font-weight: 600;
		padding-bottom: 4px;
	}

.static_widgets.stretch .widget .widget .title-bar {
	background: #f3f3f3;
	border-radius: 5px 5px 0 0;
}

.static_widgets.stretch .widget .widget {
	border-radius: 5px;
	border-color: #dbdbdb;
}

@keyframes animation {
	0% {
		transform: translateY(125px);
	}

	100% {
		transform: translateY(0);
	}
}
/* Custom Dropdown */

.dropdown-menu.custom-drop {
	padding: 10px;
	margin-top: 15px;
	margin-right: -20px;
	border-radius: 3px;
	border: 0;
	min-width: 200px;
	-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}

	.dropdown-menu.custom-drop:before {
		content: "";
		position: absolute;
		right: 22px;
		top: -6px;
		width: 15px;
		height: 15px;
		box-shadow: -3px -3px 6px rgba(0, 0, 0, 0.1);
		background: #f1f1f1;
		transform: rotate(45deg);
	}
/* Custom Sidepanel CSS */

.panel_wrapper {
	display: flex;
	overflow: hidden;
	height: 100%;
}

.panel_content {
	padding: 0 20px;
	transition: all 0.3s ease;
	flex: auto;
	overflow: hidden;
}

.panel_sidebar {
	height: 100%;
	min-width: 320px;
	position: relative;
	z-index: 99;
	padding: 15px;
	transition: all 0.3s ease;
	-webkit-box-shadow: -1px 2px 18px -8px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: -1px 2px 18px -8px rgba(0, 0, 0, 0.75);
	box-shadow: -1px 2px 18px -8px rgba(0, 0, 0, 0.75);
	flex: 0 0 260px;
}

	.panel_sidebar.hideSidebar {
		margin-left: -308px;
	}

	.panel_sidebar a.toggle-sidebar {
		border: 0;
		/* box-shadow: 0 1px 2px rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%); */
		width: 15px;
		height: 48px;
		cursor: pointer;
		border-left: 0;
		border-radius: 0 8px 8px 0;
		background: #fff;
		position: absolute;
		right: -15px;
		top: 50%;
		transform: translateY(-50%);
		color: #434343;
		font-size: 18px;
		z-index: 99;
		align-items: center;
		justify-content: center;
		display: flex;
		box-shadow: 6px 1px 10px 0px rgb(76 74 74 / 13%);
		padding: 0;
	}
	.panel_sidebar .toggle-sidebar .fa {
		margin-left: -8px;
	}

.panel_wrapper.reverse > .panel_sidebar {
	order: 2;
}

	.panel_wrapper.reverse > .panel_sidebar a.toggle-sidebar {
		right: unset;
		left: -15px;
		transform: rotate(180deg);
	}

	.panel_wrapper.reverse > .panel_sidebar.hideSidebar {
		margin-left: unset;
		margin-right: -310px;
	}

.panel_sidebar .widget-footer {
	margin: 0 -15px !important;
}
/*History table Style*/

.history-user {
	display: flex;
	align-items: center;
}
	.history-user .d-flex {
		row-gap: 2px;
	}
		.history-user .d-flex > * {
			line-height: normal;
		}
	.history-user img {
		max-width: 30px;
		border-radius: 50%;
		margin-right: 7px;
	}
	.history-user > span {
		width: 30px;
		min-width: 30px;
		border-radius: 50%;
		margin-right: 7px;
		height: 30px;
		align-items: center;
		justify-content: center;
		display: flex;
	}

div.HistoryTab td {
	vertical-align: middle !important;
}

div.HistoryTab {
	max-height: 300px;
	max-width: 100%;
	overflow: hidden;
}
/*Show More/Less Style*/

.morecontent span {
	display: none;
}

span.shown {
	display: inline !important;
}

a.morelink {
	font-size: 12px !important;
	color: #0055b3;
	transition: none;
	font-weight: bold;
	text-decoration: underline;
}

.more {
	white-space: normal;
	font-size: 12px;
	word-break: break-word
}
/*MVC Buton*/

.mvc-btn {
	text-align: center;
	color: #fff;
}

	.mvc-btn input {
		display: none;
	}

	.mvc-btn .dx-button-content {
		padding: 0;
	}

.title-bar h3 img.title-icon {
	/*title bar icon*/
	max-width: 18px;
	display: none;
	margin-right: 8px;
}

.dx-datagrid-rowsview.dx-datagrid-nowrap {
	/*datalist grid: error message was not showing due to single row/low height  */
	min-height: 0px;
}



label sup {
	/*Field label and Asterisk contain more space*/
	top: -.2em;
}

.dx-datebox {
	width: 100%;
}
/*COunter text area style*/

div#custom_textarea textarea {
	font-family: Roboto;
}

div#custom_textarea textarea {
	font-family: Roboto;
	line-height: initial;
}

div#custom_textarea {
	position: relative;
}

	div#custom_textarea + #numbersCounterMessage,
	.numbersCounterMessage {
		font-size: 11px;
		position: absolute;
		top: 2px;
		right: 16px;
	}

.panel_sidebar .content-outer {
	position: relative;
	padding-right: 20px;
	display: flex;
	font-size: 14px;
	font-weight: 500;
}

	.panel_sidebar .content-outer .content-counter {
		float: right;
		padding-right: 7px;
		padding-left: 2px;
		margin-left: auto;
	}

.panel_sidebar .dx-treeview-select-all-item {
	margin: 0 0 7px 0;
	border-bottom: 1px solid #ddd;
	padding: 9px 0 11px 2px;
	font-weight: 500;
}

.panel_sidebar #selection-treeview {
	max-width: 100%;
}
/*.panel_sidebar .dx-treeview-toggle-item-visibility {
	left: unset;
	right: 9px;
	top: 3px;
}*/
.panel_sidebar > .dx-treeview-node {
	padding-left: 0;
}

.panel_sidebar .dx-treeview-item-with-checkbox .dx-checkbox {
	/* top: 5px; */
	/* left: 2px; */
}
/*.panel_sidebar .dx-treeview-toggle-item-visibility:before {
	content: "\f078";
	font: normal normal normal 14px/1 FontAwesome;
	color: gray;
}*/
/*.panel_sidebar .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
	content: "\f077";
}*/
.panel_sidebar .dx-treeview-node {
	/* padding-left: 0; */
}

	.panel_sidebar .dx-treeview-node ul.dx-treeview-node-container {
		/* padding-left: 15px; */
	}

.panel_sidebar .dx-treeview-item-with-checkbox .dx-treeview-item {
	padding-left: 25px;
}

.panel_sidebar.pannel-custom-width {
	min-width: 320px;
	padding-bottom: 0;
}

	.panel_sidebar.pannel-custom-width.hideSidebar {
		margin-left: -310px;
	}

.ellipsis_btn {
	color: #333 !important;
	width: 100%;
	display: inline-block;
	text-align: center;
}

.dx-button.color13 {
	background-color: #818182 !important;
}

.dx-button.color2 {
	background-color: #7a9eff !important;
}
/* ============== Project Management Start ==============*/

.dx-button.custom-btn {
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	border: 0;
	padding: 0 15px;
	height: 30px;
	border-radius: 3px;
}

	.dx-button.custom-btn input {
		display: none;
	}

.dx-checkbox {
	margin: 0 15px 10px 0;
}

/*.dx-header-filter-menu .dx-checkbox {*/ /*added for filter checkboxes*/
/*margin: 3px 0 -3px 10px;
}commented to resolve Bug 29637 */

td .dx-checkbox {
	margin: 0;
}

.dx-colorbox {
	width: 100% !important;
}

.dx-widget textarea {
	text-align: left;
}

.static_widgets.stretch .tab-content .content-wrapper {
	height: calc(100vh - 256px);
	overflow: auto;
	margin: 0 -20px;
	width: auto;
}

.remainEntity {
	font-size: 13px;
	color: #333;
}

.title_tabs {
	margin-bottom: -10px !important;
}

.progressbar-inline {
	display: flex;
	flex-direction: column;
}

	.progressbar-inline .form-group {
		margin-bottom: 0 !important;
	}

		.progressbar-inline .form-group span {
			margin-left: auto;
		}

.progress.gridProgress {
	background: #d9d9d9;
}

	.progress.gridProgress i {
		/* mix-blend-mode: color; */
		color: white;
		font-style: normal;
		padding: 0 7px;
		font-size: 11px;
		line-height: 1;
	}

.file-uploader input[type="file"] {
	display: none;
}

.file-uploader label {
	background-color: var(--theme-color);
	margin-right: 7px;
	padding: 7px 15px;
	display: flex;
	border: 0;
	text-decoration: none;
	color: #FFF;
	font-size: 13px;
	font-weight: 400;
	cursor: pointer;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height: 1.3;
	margin-bottom: 0;
	height: 100%;
	align-items: center;
}

.title-bar .buttons-sets form {
	display: flex;
}

.title_bar_form {
	display: flex;
	align-items: center;
	margin-left: 10px;
}

	.title_bar_form .file-uploader label {
		padding: 6px 15px;
		margin: 0 5px;
	}

.link {
	color: var(--theme-color) !important;
	text-decoration: underline !important;
}

.dx-datagrid-rowsview .gridControl {
	padding: 0 !important;
}

	.dx-datagrid-rowsview .gridControl .dx-colorbox {
		border-radius: 0;
		border: 0;
	}

.user-img-center {
	display: flex;
	justify-content: center;
	height: 24px;
	align-items: center;
}

	.user-img-center span {
		width: 24px;
		height: 100%;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
		text-transform: uppercase;
	}

	.user-img-center img {
		height: auto;
		width: auto;
		max-height: 100%;
	}

		.dx-treelist-header-panel {
			border-bottom: 0;
		}
.dx-treeview .dx-empty-message {
	min-height: 22px;
}

.dx-treeview-with-search > .dx-scrollable {
	height: calc(100% - 37px);
}

.dx-treeview .dx-item.dx-treeview-item {
	min-height: 24px;
	padding: 0 0 0 25px;
	line-height: 1.4;
	display: flex;
}

.dx-item-content.dx-treeview-item-content {
	display: flex;
	align-items: center;
}

.dx-treeview .dx-treeview-item-without-checkbox .dx-item.dx-treeview-item {
	padding-left: 5px !important;
}

.dx-treeview-toggle-item-visibility {
	height: 25px;
}

.dx-fileuploader-wrapper {
	font-size: 13px;
}

.dx-fileuploader-input-container {
	line-height: 1;
}

.dxUploader .dx-fileuploader-files-container {
	display: none;
}

.grid_in_tabs {
	height: calc(100vh - 280px) !important;
}

.GridUploader .dx-fileuploader-show-file-list .dx-fileuploader-files-container {
	padding: 0;
}

.GridUploader .dx-fileuploader-file-status-message {
	display: none;
}

.selected_files {
	display: flex;
	flex-wrap: wrap;
}

	.selected_files .file {
		border: 1px solid #ddd;
		margin: 0 3px 3px 0px;
		width: auto;
		border-radius: 4px;
		padding: 0 3px;
	}

.demo-container.modal_fullGridTabs {
	height: calc(100vh - 227px);
}

.demo-container.modal_fullGrid {
	height: calc(100vh - 186px);
}
/* Project Management Dashboard*/

.grouped_btns {
	display: inline-flex;
	border-radius: 3px;
	overflow: hidden;
	margin-left: auto;
}

	.grouped_btns > * {
		margin: 0 !important;
		border-radius: 0;
	}

.prj_status_bars {
	display: flex;
	row-gap: 5px;
	flex-wrap: wrap;
	column-gap: 5px;
}

.prj_status ~ .prj_status {
	/*	margin-left: 5px;*/
}

.prj_status {
	font-size: 12px;
	/*display: inline-grid;*/
	align-items: center;
	border-radius: 3px;
	color: #FFF;
	flex-wrap: wrap;
}

	.prj_status > * {
		padding: 1px 10px
	}

	.prj_status strong {
		background: rgba(0, 0, 0, 0.2);
		font-weight: 500;
	}

.btn-group.smaller .btn {
	font-size: 11px;
	padding: 2px 6px;
}

a.icon-btn-only.filterIcon {
	font-size: 14px;
	align-items: center;
}

.dropdown-menu.custom_filter {
	width: 300px;
	padding: 10px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.custom_group_btns a {
	margin: 0 !important;
	border-radius: 0;
	padding: 7px 7px;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
}

	.custom_group_btns a i {
		padding: 0;
		margin: 0;
	}

	.custom_group_btns a:first-child {
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

	.custom_group_btns a:last-child {
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}

.showtime-preview > div:first-child {
	font-size: 12px;
	white-space: normal;
}

.showtime-preview > div:not(:first-child) {
	font-size: 11px;
	white-space: normal;
}

.movie-tooltip .movie-info {
	display: inline-block;
	margin-left: 10px;
	vertical-align: top;
	text-align: left;
}

.movie-tooltip img {
	height: 80px;
	margin-bottom: 10px;
}

.movie-tooltip .movie-title {
	font-size: 1.5em;
	line-height: 40px;
}

.long-title h3 {
	font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
	font-weight: 200;
	font-size: 28px;
	text-align: center;
	margin-bottom: 20px;
}

.sidebar_col {
	height: 48%;
	max-height: 48%;
	margin-bottom: 10px;
}

.sidebar_col_content {
	max-height: 100%;
	overflow: auto;
}

.work_logs_wrapper .panel_sidebar {
	max-height: calc(100vh - 162px);
}

.criteria_height {
	max-height: 76%;
	height: 76%;
	overflow: auto;
	padding: 0 3px;
}

.wLog_title span:first-child {
	margin-left: 20px;
}

.wLog_title span {
	margin: 0 5px;
}

.side_col_footer {
	background: #fafafa;
	margin: 0 -15px;
	display: flex;
	padding: 5px 10px;
}

.sites_infoModal {
	position: absolute;
	z-index: 99;
	top: 12px;
}

.chkWDays .dx-checkbox {
	margin-bottom: 0;
}

.pt15 {
	padding-top: 15px !important;
}

.ganttButtonBar .teamworkIcon {
	color: #505050;
}

.savGantCustomBtn {
	border-color: var(--theme-color) !important;
	background: var(--theme-color) !important;
	border-radius: 3px !important;
	height: 34px;
	font-size: 13px !important;
	font-weight: normal !important;
	padding: 0 15px !important;
	display: inline-block !important;
}

	.savGantCustomBtn img {
		margin-top: -3px;
	}


.dx-datagrid-column-chooser .dx-toolbar.dx-popup-title,
.dx-treelist-column-chooser .dx-toolbar.dx-popup-title {
	border-bottom: 1px solid #eee;
	padding-bottom: 0;
	margin-bottom: 7px;
	font-weight: 500;
}

	.dx-datagrid-column-chooser .dx-toolbar.dx-popup-title .dx-toolbar-before,
	.dx-treelist-column-chooser .dx-toolbar.dx-popup-title .dx-toolbar-before {
		padding-right: 0;
		width: 70%;
	}

.full_HeightTabs .demo-container.stretch .dx-datagrid-pager.dx-pager {
	padding-left: 15px;
	padding-right: 15px;
}

.buttons-set {
	display: flex;
}

.pv-progresser .pv-progress {
	margin-left: 28px;
	flex: auto;
	margin-left: auto;
	margin-right: 10px;
	max-width: 140px;
	min-width: 140px;
}

.dx-datagrid-headers label {
	color: #373737;
	font-size: 14px;
	font-weight: 500;
	margin: 0;
}

.information-boxes .progress {
	width: 80px;
	height: 80px;
	background: none;
	position: relative;
}

	.information-boxes .progress::after {
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 50%;
		/*border: 6px solid #eee;*/
		position: absolute;
		top: 0;
		left: 0;
	}

	.information-boxes .progress > span {
		width: 50%;
		height: 100%;
		overflow: hidden;
		position: absolute;
		top: 0;
		z-index: 1;
	}

	.information-boxes .progress .progress-left {
		left: 0;
	}

	.information-boxes .progress .progress-bar {
		width: 100%;
		height: 100%;
		background: none;
		border-width: 6px;
		border-style: solid;
		position: absolute;
		top: 0;
	}

	.information-boxes .progress .progress-left .progress-bar {
		left: 100%;
		border-top-right-radius: 80px;
		border-bottom-right-radius: 80px;
		border-left: 0;
		-webkit-transform-origin: center left;
		transform-origin: center left;
	}

	.information-boxes .progress .progress-right {
		right: 0;
	}

		.information-boxes .progress .progress-right .progress-bar {
			left: -100%;
			border-top-left-radius: 80px;
			border-bottom-left-radius: 80px;
			border-right: 0;
			-webkit-transform-origin: center right;
			transform-origin: center right;
		}

	.information-boxes .progress .progress-value {
		position: absolute;
		top: 0;
		left: 0;
	}

.prog_val {
	color: #fff;
	font-size: 16px;
}
/*Sleek Information Boxes*/

.information-boxes-sleek {
	margin: 0 -2.5px 0;
	display: flex;
	flex-wrap: wrap;
}

	.information-boxes-sleek.gap-boxes {
		margin: 0 -10px 0;
	}

.info-box-light {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
	align-items: center;
	position: relative;
	padding: 15px;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,0.125);
	border-radius: .25rem;
	-webkit-box-shadow: 0 1px 15px 1px rgb(69 65 78 / 8%);
	-moz-box-shadow: 0 1px 15px 1px rgba(69,65,78,.08);
	box-shadow: 0 1px 15px 1px rgb(69 65 78 / 8%);
}

.gap-boxes .info-box-light {
	margin: 0 10px 10px;
}

.info-text-light {
	display: flex;
	width: 100%;
	align-items: center;
	padding: 8px 0;
}

	.info-text-light strong {
		display: table;
		line-height: 1;
		color: #4b5b6b;
		font-weight: 600;
		margin: 0;
		font-size: 28px;
	}

	.info-text-light span {
		font-size: 20px;
		line-height: 1.4;
		display: inline-block;
		color: #7d7d7d;
		font-weight: 700;
		margin-bottom: 5px;
		font-size: 15px;
	}

.info-box-light .info-icon {
	flex: 0 0 50px;
	max-width: 50px;
	margin-right: 15px;
}

.information-boxes .info-box {
	display: flex;
	flex-direction: column;
	padding-top: 20px;
	min-height: 150px;
	justify-content: center;
	padding-bottom: 10px;
/*	transition: .3s ease-in-out all;*/
}

/*.bordered-boxes .active {
	transform: scale(1.1);
	transition: .3s ease-in-out all;
}*/

.information-boxes .info-text {
	display: flex;
	width: 100%;
	align-items: center;
}

	.information-boxes .info-text strong {
		margin: 0;
	}

.information-boxes .info-taks {
	display: flex;
	width: 100%;
	color: #fff;
}

.dashboard_action_icons a img {
	height: 32px;
	width: 32px;
}

.dashboard_action_icons a {
	border: 0;
	padding: 0 4px;
}

.dashboard_action_icons {
	align-items: center;
	display: flex;
}

.grp_planning .dx-button-content img {
	max-height: 18px !important;
	height: 18px !important;
	width: 18px !important;
}

.tri-checkboxes {
	margin-top: 5px;
}

#createIssue_modal .title-bar {
	display: none;
}

#createIssue_modal form > .row > div {
	padding: 0 !important;
}

#createIssue_modal .static_widgets.stretch {
	height: 100%;
	margin: 0;
	padding: 0 15px;
}

	#createIssue_modal .static_widgets.stretch form {
		height: 100%;
	}

		#createIssue_modal .static_widgets.stretch form > .row {
			height: 100%;
		}

@media(max-width: 1400px) {
	.work_logs_wrapper .panel_sidebar {
		max-height: calc(100vh - 57px);
	}

	.criteria_height {
		max-height: 71%;
		height: 71%;
	}
}
/* ============== Project Management End ==============*/

/* ============== Custom Scrollbar ==============*/

/* width */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}
/* Handle */
body.theme6 .sideheader ul::-webkit-scrollbar-track {
	background: #212529;
}

::-webkit-scrollbar-thumb {
	background: #d9d9d9;
	border-radius: 8px;
	-moz-border-radius: 8px;
}

body.theme6 .sideheader ul::-webkit-scrollbar-thumb {
	background: #343e48;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #c2c2c2;
}
/*Scrollbar Style for Firefox*/
@-moz-document url-prefix() {
	* {
		scrollbar-color: #d9d9d9 #f1f1f1;
		scrollbar-width: thin;
	}
}
/* ============== Custom Scrollbar ==============*/

.av-modal .modal-xs {
	min-width: 25vw !important;
}

.av-modal .modal-md {
	min-width: 45vw !important;
}
/*Profile Info Start here */

.profileInfo_sec {
	display: flex;
	font-size: 12px;
	align-items: start;
}

.profileInfo_desc li i.fa {
	align-self: center
}

.profileInfo_img {
	width: 125px;
	min-width: 125px;
	margin-right: 15px;
	display: flex;
	flex-direction: column;
	position: relative;
	min-height: 120px;
	background: gainsboro;
	border-radius: 10px;
	overflow: hidden;
}

	.profileInfo_img img {
		border-radius: 10px;
		width: 100%;
		height: 120px;
	}

.profileInfo_desc {
	flex: auto;
}

	.profileInfo_desc ul,
	.address_inner_content ul {
		list-style: none;
	}

	.profileInfo_desc li strong {
		min-width: 50%;
		font-weight: 500;
	}

.profileInfo_colorCode {
	height: 11px;
	display: inline-block;
	width: 11px;
	border-radius: 3px;
}

.addressInfoSec {
	margin-top: 15px;
	font-size: 13px;
}

.profileInfo_desc li {
	display: flex;
	line-height: 1.7;
	align-items: center;
}

.address_inner_content li {
	line-height: 21px;
	display: flex;
	margin-bottom: 8px;
	align-items: center;
}

	.address_inner_content li p {
		margin: 0;
		margin-left: 15px;
	}

.modalProfileButtons {
	margin-left: auto;
	display: flex;
	align-items: center;
}

	.modalProfileButtons a {
		margin-left: 9px;
		display: inline-block;
	}

.mp_makerImg {
	margin-top: -15px;
}
/*Profile Info End here */

/*Change Profile Image*/

.profileInfo_img label {
	background: rgba(59, 59, 59, 0.71);
	color: #fff;
	opacity: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: 14px;
	font-weight: normal;
	transition: 0.2s linear;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 2px 0;
}

.profileInfo_img:hover label {
	opacity: 1;
}
/*CSS for Security Module*/

.role_checkboxes {
	display: flex;
}

.dx-popover-wrapper .dx-popup-content {
	padding: 0;
}

.dx-popover-wrapper .modal-footer {
	background: #f0f2f5;
	padding: 10px 15px;
	border-top: 1px solid #cfcfcf;
	border-radius: 0 0 5px 5px;
}

.modal-slide-right.av-modal .modal-header,
.modal-slide-right.av-modal .modal-content {
	border-radius: 5px 0px 0 0;
}

.editProfileImg {
	width: 100%;
}

	.editProfileImg img {
		height: auto;
	}

	.editProfileImg label {
		padding: 8px 0;
		background: rgba(190, 190, 190, 0.82);
		font-size: 13px;
		color: #5D5D5D;
		font-weight: 500;
	}
span.editProfilePic {
	display: flex;
	height: 140px;
	width: 100%;
	align-items: center;
	justify-content: center;
	font-size: 50px;
}
span.viewProfilePic {
	display: flex;
	height: 120px;
	width: 100%;
	align-items: center;
	justify-content: center;
	font-size: 40px;
}
/*==== Start Code Added for treevie ==== */
.dx-treeview-item .dx-treeview-item-content span {
	font-size: 13px;
}

.dx-treeview-item .dx-treeview-item-content div {
	font-size: 13px;
	line-height: 18px;
}

.panel_sidebar .dx-treeview-item-with-checkbox .dx-checkbox {
	/* top: 10px; */
}
/*==== End Code Added for treevie ==== */

.full_HeightTabs {
	height: calc(100vh - 264px);
	padding: 0 15px;
	overflow: auto;
	margin: 0 -15px;
}

.modal_fullHeightTabs {
	height: calc(100vh - 227px);
	padding: 0 15px;
	overflow: auto;
	margin: 0 -15px;
}

	.modal_fullHeightTabs.without-footer {
		height: calc(100vh - 204px);
	}

.modal-body.autoHeight {
	max-height: 100%;
}

.static_widgets.stretch .demo-container.multi-grids-height {
	max-height: 350px;
}

.fullGrid_tabs {
	max-height: calc(100vh - 264px);
	height: calc(100vh - 264px);
}

.dx-datagrid-group-closed {
	width: 18px !important;
	height: 18px;
	background-position: 0px 0px;
	background-size: 18px 18px;
	padding: 0px;
	font-size: 18px;
	text-align: center;
	line-height: 18px;
	color: #959595;
	background: #e5e5e5;
	margin: 0 auto;
	border-radius: 3px;
}

	.dx-datagrid-group-closed:before {
		content: "\f107";
		font-family: FontAwesome;
		color: #626769;
		font-size: 13px;
	}

.dx-datagrid-group-opened {
	width: 18px !important;
	height: 18px;
	background-position: 0px 0px;
	background-size: 18px 18px;
	padding: 0px;
	font-size: 18px;
	text-align: center;
	line-height: 18px;
	color: #959595;
	background: #7b7b7b;
	margin: 0 auto;
	border-radius: 3px;
}

	.dx-datagrid-group-opened:before {
		content: "\f106";
		font-family: FontAwesome;
		color: #fff;
		font-size: 13px;
	}
/*flex form group*/

.flex_form_roup {
	display: flex;
}

	.flex_form_roup label {
		width: 130px;
	}
/*flex form group*/

.dx-fileuploader-input-container {
	line-height: 1;
}

.dxUploader .dx-fileuploader-files-container {
	display: none;
}

.grid_in_tabs {
	height: calc(100vh - 280px) !important;
}

.GridUploader .dx-fileuploader-show-file-list .dx-fileuploader-files-container {
	padding: 0;
}

.GridUploader .dx-fileuploader-file-status-message {
	display: none;
}

.selected_files {
	display: flex;
	flex-wrap: wrap;
}

	.selected_files .file {
		border: 1px solid #ddd;
		margin: 0 3px 3px 0px;
		width: auto;
		border-radius: 4px;
		padding: 0 3px;
	}
/*CSV Uploader*/

.csv_uploader {
	display: flex;
}

	.csv_uploader .dx-fileuploader-content {
		display: flex;
	}

	.csv_uploader .dx-fileuploader-files-container {
		padding-top: 0;
	}

	.csv_uploader .dx-fileuploader-wrapper {
		padding: 0;
	}

	.csv_uploader .dx-fileuploader-input-wrapper {
		padding: 11px 0 0;
		margin: 0;
		margin-right: 3px;
		border: none;
	}

		.csv_uploader .dx-fileuploader-input-wrapper:before {
			padding-top: 0;
		}

	.csv_uploader .dx-fileuploader-file-container {
		padding: 0;
	}

	.csv_uploader .dx-fileuploader-file {
		margin: 0;
		padding: 0;
	}

	.csv_uploader .dx-fileuploader-container {
		width: auto;
	}

	.csv_uploader .dx-fileuploader-input-container {
		display: none;
	}

.mb_1 {
	margin-bottom: -1px;
}

.csv_uploader .dx-fileuploader-input-wrapper .dx-button {
	border-color: transparent;
}

	.csv_uploader .dx-fileuploader-input-wrapper .dx-button .dx-button-content {
		background: var(--theme-color);
		color: #fff;
		border: 1px solid var(--theme-color);
		border-radius: 3px;
		margin-top: 1px;
		height: 28px;
	}

.dx-datagrid-checkbox-size {
	margin: 0;
}

.font-14 {
	font-size: 14px !important;
}
/*=================== Survey Code  ==================*/

.inlineCheckboxes .dx-checkbox {
	margin: 0 15px 0px 0;
}

.custom-btn-group {
	display: flex;
	border-radius: 4px;
	padding: 0 5px;
}

	.custom-btn-group > * {
		margin: 0;
		border-radius: 0;
		background: none !important;
		padding: 5px !important;
	}

	.custom-btn-group .dropdown-toggle::after {
		border-top-color: #FFF;
		margin: 0;
	}

	.custom-btn-group.medium > * {
		font-size: 13px;
		padding: 7px 5px !important;
	}

	.custom-btn-group > .dropdown-menu {
		background: #FFF !important;
	}
/*=================== End Survey Code  ==================*/

/*========= DevX Save button with Dropdown  =========*/

.devx-group-btn {
	display: flex;
}

	.devx-group-btn .custom-btn.dx-dropdownbutton .dx-item {
		border: 0;
	}

	.devx-group-btn .custom-btn.dx-dropdownbutton {
		padding: 0;
		position: relative;
		left: -5px;
	}

		.devx-group-btn .custom-btn.dx-dropdownbutton .dx-item .dx-button-content {
			padding: 0;
		}

		.devx-group-btn .custom-btn.dx-dropdownbutton .dx-item i {
			color: #fff;
		}

		.devx-group-btn .custom-btn.dx-dropdownbutton .dx-buttongroup {
			display: flex;
			height: 100% !important;
		}

.custom-btn .dx-buttongroup.dx-widget {
	background: inherit;
}
/*========= End DevX Save button with Dropdown  =========*/

/* === DevExtreme Filter Panel Code Starts Here ==== */
.dx-datagrid-borders > .dx-datagrid-filter-panel,
.dx-treelist-borders > .dx-treelist-filter-panel {
	border-top: 1px solid #ddd;
	background: #f5f5f5;
	font-size: 12px;
	padding: 5px 10px;
	display: flex;
	align-items: center;
}

.dx-datagrid-filter-panel-left,
.dx-treelist-filter-panel-left {
	align-items: center;
}

.dx-datagrid-filter-panel .dx-datagrid-filter-panel-checkbox,
.dx-treelist-filter-panel .dx-treelist-filter-panel-checkbox {
	margin: 0;
}

.dx-datagrid-filter-panel .dx-icon-filter,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter,
.dx-treelist-filter-panel .dx-icon-filter,
.dx-treelist-filter-panel .dx-treelist-filter-panel-text,
.dx-treelist-filter-panel .dx-treelist-filter-panel-clear-filter {
	font-weight: 500;
	color: var(--theme-color);
}
/* === DevExtreme Filter Panel Code Ends Here ==== */
/*========= DevX filterbar bottom in grid  =========*/
.dx-datagrid-borders > .dx-datagrid-filter-panel,
.dx-treelist-borders > .dx-treelist-filter-panel {
	border-top-width: 1px;
}

.dx-datagrid-filter-panel-clear-filter,
.dx-treelist-filter-panel-clear-filter {
	font-size: 13px;
}

.dx-datagrid-filter-panel-text,
.dx-treelist-filter-panel-text {
	font-size: 13px;
}

.dx-datagrid-filter-panel .dx-icon-filter,
.dx-treelist-filter-panel .dx-icon-filter {
	margin: 3px 6px 0 0;
}

.dx-datagrid-filter-panel,
.dx-treelist-filter-panel {
	padding: 9px 10px 0;
}

.dx-popup-content.dx-scrollable.dx-scrollable-customizable-scrollbars {
	padding: 15px;
}

.dx-master-detail-row td.dx-cell-focus-disabled.dx-master-detail-cell {
	overflow: unset;
}
/*========= End DevX filterbar bottom in grid  =========*/

/*============= Code Added for new Button on SelectBox =====================*/

.withAdd {
	position: relative;
}

.addNewBtn {
	position: absolute;
	right: 8px;
	top: -4px;
	z-index: 1;
	font-size: 10px;
	line-height: 1;
	padding: 0 4px;
	color: var(--theme-color);
	font-weight: 500;
	cursor: pointer !important;
}

	.addNewBtn:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 5px;
		width: 100%;
		height: 1px;
		background: white;
		z-index: -1;
	}

	.addNewBtn:hover {
		color: #0c71a0;
	}
/*============= End Code Added for new Button on SelectBox =====================*/

.bg-gray {
	background: #f3f3f3 !important;
}
/*MVC Modal Style with footer*/

.demo-container.with-modal-footer {
	max-height: calc(100% - 62px);
}

	.demo-container.with-modal-footer .modal-footer .dx-button {
		margin-bottom: 0;
	}

	.demo-container.with-modal-footer .modal-footer {
		background: #f0f2f5;
		padding: 10px 15px;
		border-top: 1px solid #cfcfcf;
		border-radius: 0 0 5px 5px;
		margin-top: 10px;
	}

	.demo-container.with-modal-footer .dx-popup-content {
		padding: 0 !important;
	}

.buttons-sets > a {
	margin-right: 7px !important;
}

.widget-footer .dx-button-mode-contained .dx-icon,
.modal-footer .dx-button-mode-contained .dx-icon {
	color: #FFF;
	width: auto;
	height: auto;
	margin-right: 6px;
}

.widget-footer .dx-button-mode-contained .dx-button-text {
	line-height: initial;
}

.bg-gray {
	background: #f3f3f3 !important;
}

.tenant-left-bar ul li {
	padding: 10px 0px;
	font-size: 14px;
	font-weight: 600;
}

	.tenant-left-bar ul li a.active {
		color: var(--theme-color);
	}

	.tenant-left-bar ul li a:hover {
		color: var(--theme-color);
	}
	.tenant-left-bar ul li i {
		min-width: 14px;
	}
div#divTntSubscription{
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	align-items: center;
}
div#divTntSubscription .form-group {
	width: auto;
}
.tenant-tabs .tab-content > .tab-pane {
	height: calc(100vh - 286px);
}

.tenant-tabs .demo-container {
	height: auto !important;
}

.content-wrapper.license-billing {
	height: auto !important;
}

.pkg-plan.form-group {
	height: calc(100vh - 430px);
}

.pkg-information-inner ul li {
	padding: 8px;
	border-bottom: 1px solid #ddd;
	font-size: 13px;
}

	.pkg-information-inner ul li:nth-child(odd) {
		background: #fafafa;
	}

	.pkg-information-inner ul li:first-child {
		border-top: 1px solid #ddd;
	}


.pkg-info-footer {
	box-shadow: 3px -7px 6px #ddd;
}

.pkg-info-wrapper {
	height: calc(100vh - 166px);
}

.packages_tenant {
	/*	height: calc(100vh - 472px);*/
	overflow: auto;
}

	.packages_tenant h5 {
		font-size: 14px;
		font-weight: 600;
	}

/*.packages_tenant.warning-case {
		height: calc(100vh - 500px);
	}*/
/*============= Code Added For Security Module */

.has_preview {
	display: flex;
}

	.has_preview .dx-fileuploader {
		flex: 80%;
	}

.file_preview {
	float: left;
	max-width: 100px;
	max-height: 100px;

}

	.file_preview img {
		max-width: 100%;
		max-height: 100px;
	}
#sub_company_logo_preview, #file_preview, #logo_preview {
	align-self: flex-start;
	padding: 5px 0;
	position: relative;
}
	#sub_company_logo_preview:hover:before,
	#sub_company_logo_preview:hover .remove-img,
	#file_preview:hover:before,
	#file_preview:hover .remove-img,
	#logo_preview:hover:before,
	#logo_preview:hover .remove-img {
		opacity: 1;
	}
	#sub_company_logo_preview:hover:before,
	#sub_company_logo_preview:hover .remove-imge,
	#file_preview:hover:before,
	#file_preview:hover .remove-imge,
	#logo_preview:hover:before,
	#logo_preview:hover .remove-imge {
		opacity: 1;
	}
	#sub_company_logo_preview:before,
	#file_preview:before,
	#logo_preview:before {
		content: "";
		background: rgb(9 9 9 / 0.30);
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 5px;
		opacity: 0;
		transition: all .3s ease;
	}
.file_preview .remove-img {
	width: 13px;
	position: absolute;
	top: -6px;
	right: -6px;
	display: block;
	height: auto;
	transition: all .3s ease;
	color: #e92d2d;
	opacity: 0;
	cursor: pointer;
}
.file_preview .remove-imge {
	width: 13px;
	position: absolute;
	top: -6px;
	right: -6px;
	display: block;
	height: auto;
	transition: all .3s ease;
	color: #e92d2d;
	opacity: 0;
	cursor: pointer;
}
.has_preview .dx-fileuploader-input-wrapper {
	border: 0;
	padding: 0;
}

.has_preview .dx-fileuploader-wrapper {
	padding: 0;
}

.has_preview .dx-fileuploader-files-container {
	padding-top: 0;
}

.title_infobar {
	position: absolute;
	top: -40px;
	right: 15px;
	display: flex;
	align-items: center;
}

	.title_infobar a {
		margin: 0 0px 0px 5px;
	}

.tenant_desc li strong {
	width: 100px;
}

.flex_formData .form-group {
	display: flex;
}

	.flex_formData .form-group label {
		margin: 0;
		width: 35%;
	}

	.flex_formData .form-group p {
		margin: 0;
	}

.custom_history_list {
	border: 1px solid #e4e4e4;
	background: transparent;
	padding: 2px 7px 6px;
	margin-bottom: 0;
}

.pkg-info-wrapper.autoHeight {
	height: calc(100vh - 199px);
}

.height20 {
	height: 20px;
}

.pkg-info-wrapper.autoHeight .packages_tenant {
	height: calc(100vh - 371px);
}

.popup_over_popup {
	background: rgba(1, 1, 1, .4);
}

.packages_tenant.warning-case.customHeight {
	height: calc(100vh - 434px);
}

.pkg-plan.form-group.customHeight {
	height: calc(100vh - 363px);
}
/*============= End Code Added For Security Module */

/*========= Code Added for System Audit & Tracking Starts Here ========== */
.selected_filters {
	display: flex;
	align-items: center;
	font-size: 13px;
	padding-left: 30px;
}

	.selected_filters span {
		white-space: nowrap;
	}

	.selected_filters *,
	.reset_tracker.custom-btn {
		display: none
	}

		.selected_filters * ~ * {
			margin-left: 5px
		}

		.selected_filters * ~ span:before {
			content: "and";
			font-weight: 600;
			margin: 0 10px;
		}

		.selected_filters * ~ span#selected_toDate:before {
			display: none;
		}

	.selected_filters i {
		font-style: normal;
		font-weight: 500;
		font-size: 12px;
	}

	.selected_filters span.removed {
		display: none !important
	}

.hiddenField {
	display: none
}

.apply-top-btn {
	position: absolute;
	left: 10px;
	top: 7px;
	font-size: 13px !important;
	padding: 7px 11px !important;
	border-radius: 4px;
}

	.apply-top-btn img {
		width: 12.5px;
		margin-top: -1px;
	}
/*========= Code Added for System Audit & Tracking Ends Here ========== */

/*========= Custom DropDown Button DevX ========== */
.dx-invalid-message > .dx-overlay-content {
	min-width: 130px;
}

.dx_custom_dropBtn {
	border: 0;
	color: #fff;
	border-radius: 3px;
	font-size: 13px;
}

	.dx_custom_dropBtn .dx-button-text {
		color: #fff;
	}

	.dx_custom_dropBtn .dx-icon.dx-icon-spindown.dx-icon-right {
		color: #fff;
	}

	.dx_custom_dropBtn .dx-buttongroup-item {
		border: 0 !important;
	}

	.dx_custom_dropBtn .dx-button-content {
		padding: 5px 5px;
		border-radius: 10px !important;
	}
/*.dx-treeview-with-search.dx-widget.dx-collection.dx-treeview {	
	height: calc(100vh - 340px);	
}*/
.dx-datagrid-content .dx-datagrid-table .dx-row > td.dx-datagrid-group-space,
.dx-datagrid-content .dx-datagrid-table .dx-row > tr > td.dx-datagrid-group-space {
	vertical-align: middle;
}
/*========= End Custom DropDown Button DevX ========== */

/*======= Code Added for Profile Dashboard =======*/
.profileInfo_img.small {
	width: 85px;
	min-height: 85px;
	border-radius: 50%;
	max-height: 85px;
}

	.profileInfo_img.small img {
		height: 85px;
	}

	.profileInfo_img.small label {
		font-size: 11px;
		padding: 2px 0px 4px 0px;
	}

.profileInfo_desc.panel_side strong {
	width: 38%;
}

.panel_sidebar.custom {
	min-width: 380px;
	background: #fafafa;
	border-top-left-radius: 7px;
	max-height: 100% !important;
}

	.panel_sidebar.custom.hideSidebar {
		margin-left: -370px;
	}

	.panel_sidebar.custom .title-bar {
		background: #fff;
	}

.sub_title.with_gray {
	margin: 10px -15px;
	background: #f3f3f3;
	padding: 9px 15px;
	border: 0;
	display: flex;
	align-items: center;
}

	.sub_title.with_gray h3 {
		margin: 0;
		padding: 0;
	}

.title-bar.stretch {
	margin: 0 -15px;
	padding: 9px 15px;
	width: auto;
}

@media(max-width: 1370px) {
	.panel_sidebar.custom {
		position: absolute;
		z-index: 9;
	}
}

.dx-radiobutton {
	font-size: 13px;
}

.buttons_set_row img {
	margin: 0 5px;
}

.withImages li a img {
	width: 12px;
	margin-right: 5px;
}

.withImages li a {
	display: flex !important;
	align-items: center;
	width: 100%;
}
/*Style Added for skills */
.skill-set {
}

	.skill-set .skill {
		padding: 5px 10px;
		border: 1px solid #e6e6e6;
		background: #f3f3f3;
		margin-bottom: -2px;
		font-weight: 500;
	}

		.skill-set .skill:first-child {
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}

		.skill-set .skill:last-child {
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
		}
/*Activity Log*/
.activity_log {
	border: 1px solid #bdbdc5;
	border-radius: 5px;
	display: flex;
	margin: 0;
	flex-direction: column;
	padding: 5px 10px;
}

	.activity_log time {
		margin-left: auto;
	}

	.activity_log p {
		width: 100%;
		display: flex;
		margin: 0;
	}
#Activity_Log_Modal .modal-dialog.modal-xs {
	min-width: 35vw !important;
	pointer-events: auto;
	max-width: calc(100% - 255px);
	transform: translate(0, 0) !important;
}

@media screen and (max-width: 767px) {
	#Activity_Log_Modal .modal-dialog.modal-xs {
		min-width: 100vw !important;
	}
	.information-boxes .info-box {
		flex: auto !important;
		width: 100%;
	}
}

/*Calendar team */
.resources_member .avatar {
	width: 70px;
}

.resources_member {
	display: flex;
	padding: 5px 0;
}

	.resources_member img {
		height: 60px;
		width: 70px;
	}

	.resources_member .member_info {
		display: flex;
		flex-direction: column;
		align-items: baseline;
		justify-content: center;
		padding-left: 10px;
		font-size: 14px;
	}

		.resources_member .member_info span {
			font-weight: normal;
		}

		.resources_member .member_info strong {
			font-weight: 500;
		}
/*Chat */
.colab_user {
	padding: 10px 20px !important;
	display: flex;
	align-items: center;
	background: #fff;
}

	.colab_user.active, .colab_user:hover, .colab_user:focus {
		background: #F2FBFF;
	}

.collab_userImg {
	min-width: 42px;
	position: relative;
}

.colab_user_img {
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

.offline {
	background: #E4E4E4 !important;
}

.colab_user_status {
	width: 10px;
	height: 10px;
	background: #28a745;
	position: absolute;
	border-radius: 50%;
	bottom: auto;
	margin-top: 31px;
	margin-left: -13px;
}

.colab_user_name {
	margin-left: 6px;
	flex: auto;
	overflow: hidden;
}

	.colab_user_name h5, .colab_user_name p {
		margin-bottom: 0;
		font-family: 'Roboto';
		font-weight: normal;
		color: #333;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.colab_user_name h5 {
		font-size: 14px;
	}

	.colab_user_name p {
		font-size: 10px;
	}

	.colab_user_name .name, .colab_user_name .designation {
		display: flex;
	}

	.colab_user_name .info {
		padding: 0;
		display: flex;
	}

		.colab_user_name .designation p, .colab_user_name .info p {
			width: 100%;
			display: flex;
			font-weight: 500;
		}

.manage_team_container {
	display: flex;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

	.manage_team_container .manage_team_sec {
		flex: auto;
		overflow: auto;
	}

.manage_team_sidebar {
	max-width: 25vw;
	min-width: 25vw;
	overflow: auto;
}

.team_members .colab_user {
	padding: 5px 10px !important;
	border-bottom: 1px solid #ddd;
}

.team_members_header {
	display: flex;
	padding: 10px;
	align-items: center;
}

	.team_members_header .get_dt_search input {
		height: 30px;
		background: #fff;
	}

.extend_modal .modal-xs {
	min-width: 86vw !important;
}

.extend_modal .modal-title {
	display: flex;
}

.extend_modal h5.modal-title span {
	margin-left: 17vw;
	display: block !important;
}

.team_members_header .get_dt_search {
	width: 82%;
}

.extend_modal .manage_team_sidebar {
	border-right: 1px solid #f2f2f2;
}

.team_members .name i {
	font-size: 13px;
	margin-left: 3px;
}

.team_members .name h5 {
	font-size: 13px;
	line-height: 25px;
	font-weight: 600;
}

#manageTeamsModal .modal-xs {
	max-width: 25vw;
}
/* mail section */
.mail_container {
	display: flex;
	width: 100%;
	height: 100%;
}

.mail_sidebar {
	display: flex;
	width: 11vw;
	min-width: 11vw;
	background: #FAFAFA;
	flex-direction: column;
	font-size: 13px;
	color: #7c7c7c;
	max-width: 11vw;
}

.mail_content {
	flex: auto;
	padding: 10px;
	font-size: 13px;
	color: #7c7c7c;
}

.mail_sidebar_header {
	padding: 6px 15px;
	border-bottom: 1px solid #f4f4f4;
}

	.mail_sidebar_header .custom-btn.medium {
		font-size: 15px;
		display: flex;
		justify-content: center;
		font-weight: 500;
	}

.mail_sidebar_content {
	padding: 10px;
}

	.mail_sidebar_content ul li {
		display: flex;
		padding: 5px 10px;
	}

		.mail_sidebar_content ul li span {
			margin-left: auto;
		}

		.mail_sidebar_content ul li img {
			margin-right: 20px;
		}

		.mail_sidebar_content ul li:hover,
		.mail_sidebar_content ul li.active,
		.mail_sidebar_content ul li.active:hover {
			background: #f2fbff;
			cursor: pointer;
			color: var(--theme-color);
		}

.mail_time_period {
	background: #fafafa;
	padding: 5px;
}

.mailing_list {
	display: flex;
	height: 100%;
	width: 100%;
	flex-direction: column;
}

	.mailing_list .mail {
		display: flex;
		width: 100%;
		border-bottom: 1px solid #e8e8e8;
		padding: 9px 0;
		cursor: pointer;
	}

		.mailing_list .mail .mail_time {
			margin-left: auto;
		}

		.mailing_list .mail .mailer_name {
			width: 170px;
			display: flex;
		}

.mail .mail_selectbox .dx-checkbox {
	margin: 0 10px 0 0;
	padding: 0;
}

.mailing_list .mail.unread {
	font-weight: 500;
}

.mail .mail_time i {
	margin-right: 10px;
	font-size: 16px;
}

.mail_content_header .custom-btn.icon-btn-only img {
	max-height: 14px;
	max-width: 16px;
}

.mail_content_header .custom-btn.icon-btn-only {
	width: 30px;
	min-width: 30px;
	padding: 0;
	height: 30px;
}

.all_mail_attachments {
	display: flex;
}

	.all_mail_attachments .mail_attachment {
		padding: 5px 10px;
		margin: 0 5px 5px;
		border: 2px solid #e3e3e3;
		border-radius: 4px;
		font-weight: 500;
		display: flex;
		cursor: pointer;
	}

		.all_mail_attachments .mail_attachment img {
			margin-left: 10px;
		}

.single_mail_header {
	padding: 10px 0;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 10px;
}

.single_mail_content {
	padding: 10px 0;
}

.mail_content .single_mail,
.mail_content .compose_mail,
.read_mode.mail_content .all_mails_list,
.mail_content.compose_mode .all_mails_list {
	display: none;
}

.read_mode.mail_content .single_mail,
.mail_content .all_mails_list,
.compose_mode.mail_content .compose_mail {
	display: block;
}

.compose_mail_content {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
}

	.compose_mail_content .form-group {
		display: flex;
		flex-direction: row;
		position: relative;
	}

		.compose_mail_content .form-group label {
			width: 37px;
			background: #e7f3f8;
			justify-content: center;
			align-items: center;
			border-radius: 4px;
			font-size: 13px;
			font-family: "Roboto";
			margin-right: 10px;
			margin-bottom: 0;
		}

.add_bcc {
	color: #4aa5d0;
	align-items: center;
	display: flex;
	position: absolute;
	right: 15px;
	cursor: pointer;
	height: 100%;
}

.mail_composeArea {
	height: calc(100vh - 341px);
	overflow: auto;
	word-break: break-all;
}

.profile_info_sidebar {
	height: 93%;
	overflow: auto;
	margin-left: -15px;
	margin-right: -15px;
	padding: 0 15px 10px;
}
/*prfile table style*/
.myprofile {
	display: flex;
	align-items: stretch;
	height: 100%;
	margin: 0 -15px;
}

.profile_sidebar {
	display: flex;
	width: 11vw;
	min-width: 11vw;
	flex-direction: column;
	font-size: 13px;
	color: #7c7c7c;
	max-width: 11vw;
	border-right: 1px solid #ddd;
}

.profile_content {
	flex: auto;
	padding: 0 10px;
	font-size: 13px;
	color: #7c7c7c;
	overflow: auto;
}

.profile_sidebar .mytab .nav {
	flex-direction: column;
}

	.profile_sidebar .mytab .nav li > a {
		display: flex;
		flex-direction: column;
		text-align: center;
		text-align: center;
		border-bottom: 1px solid #ddd;
		padding: 25px 0;
		font-weight: bold;
		font-size: 15px;
		background: #fff;
		color: #111;
	}

		.profile_sidebar .mytab .nav li > a span {
			margin-top: 8px;
		}

		.profile_sidebar .mytab .nav li a:hover, .profile_sidebar .mytab .nav li > a.active {
			color: var(--theme-color);
		}
/*======= End Code Added for Profile Dashboard =======*/
.tempcls {
	display: none !important;
}
/* == Quick Settings ==*/

.quick-settings .dropdown-menu {
	margin-top: 18px;
	padding: 0 0 10px 0;
	background: #FFF;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

	.quick-settings .dropdown-menu:before {
		content: "";
		position: absolute;
		top: -5px;
		left: 10px;
		width: 10px;
		height: 10px;
		border: 1px solid rgba(0, 0, 0, .15);
		background: #FFF;
		transform: rotateZ(-45deg);
		display: table;
		z-index: -10 !important;
	}

.quick-settings ul {
	background: #FFF;
	border-radius: 5px;
	list-style: none;
}

	.quick-settings ul li {
		padding: 3px 0;
		transition: all 0.3s;
	}

		.quick-settings ul li:hover i {
			color: #333;
			transition: all 0.3s;
		}

		.quick-settings ul li.Subheading {
			line-height: 1.5em;
			padding: 10px 0 5px;
			color: #8B94A1;
			font-weight: bold;
			background: none !important;
		}

			.quick-settings ul li.Subheading p {
				display: block;
				padding: 0 14px;
				vertical-align: middle;
				color: #3481c4;
				margin: 0;
				font-size: 13px;
			}

		.quick-settings ul li a {
			display: block;
			padding: 4px 20px;
			font-size: 12px;
			color: #333;
		}

			.quick-settings ul li a i {
				margin-right: 10px;
			}

		.quick-settings ul li:hover {
			background-color: #DEEBF7;
		}
/* == View Mode ==*/

.new-template.viewmode {
	border: 0;
	padding: 0 10px;
}
	/*.new-template.viewmode ~ .side-panel,.new-template.viewmode ~ .sidepanel-btn{display: none}*/

	.new-template.viewmode .hide_at_vm {
		display: none;
	}

.green {
	background-color: green;
}

.select2-container {
	z-index: unset !important;
}
/* == Document Paths ==*/

.doc-path-wrap {
	flex: auto;
	border-top: 1px solid #ddd;
	height: calc(100% + 30px);
	display: flex;
	margin: -15px -20px;
}

.doc-path-panel {
	min-width: 200px;
	background: linear-gradient(#fff, #eff3f6);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	z-index: 2;
	padding: 15px 20px;
	overflow: auto;
}

.doc-more-selection {
	width: 0;
	background: linear-gradient(#fff, #f6fbff);
	z-index: 1;
	padding: 15px 0;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

	.doc-more-selection.active {
		min-width: 200px;
		padding: 15px 20px;
	}

.document-area > div {
	max-width: 100%;
	height: 100%;
}

div#documentViewer {
	width: 100% !important;
	height: 100% !important;
}

.document-area {
	flex: auto;
}

.doc-more-selection ul {
	list-style: none;
	font-size: 12px;
}

	.doc-more-selection ul li {
		margin: 0 0 2px;
	}

		.doc-more-selection ul li a {
			padding: 4px 0;
			display: inline-block;
		}

			.doc-more-selection ul li a.selected {
				color: #FFF;
				background: #009de4;
				padding: 4px 10px;
				border-radius: 3px;
				box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
			}
/* ==================================== 
    BI 
=========================================*/

.select2-container {
	z-index: unset !important;
}

ul.ivh-treeview {
	font-size: 12px;
}

	ul.ivh-treeview li {
		line-height: 21px;
	}

.main_status_area {
	margin: 0 0 0;
	padding: 0 !important;
}

.status_box {
	overflow: hidden;
	display: flex;
	background: #FFF;
	width: 100%;
	align-items: center;
	overflow: hidden;
	margin: 0 0 10px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	border: 2px solid #FFF;
	position: relative;
}

.status_box_right {
	right: 0;
	margin-bottom: -7px;
	position: absolute;
}

	.status_box_right span {
		position: absolute;
		top: 40px;
		font-size: 50px;
		line-height: 1;
		right: 30px;
		color: #767c9299;
		z-index: 1;
	}

.status_box_left {
	flex: auto;
	padding: 10px 20px;
	white-space: nowrap;
	position: relative;
	z-index: 1;
}

ul.ivh-treeview li {
	line-height: 21px;
}

.widget.child-widget-tab {
	height: 100%;
}
/*added by sohail to hide these widgets when printing dashboard*/

.when-print .sideheader,
.when-print header,
.when-print .no-print,
.when-print .topMenuSetting,
.when-print .footer,
.when-print .buttons-sets,
.when-print .icon-menu,
.when-print .side-panel .when-print .logo .when-print .sidepanel-btn {
	display: none !important;
	/*overflow: visible;*/
}
/*.when-print .new-template{
    width:80%;
    overflow:auto;
    resize:both;
}*/

.when-print body {
	visibility: hidden !important;
}
/*::-webkit-scrollbar {
	display: none !important;
}*/
/*For showing red text and manipulate placeholder*/

.with-errors div {
	color: red;
	font-size: 10px;
}
/*added by sohail
    .popup-box .with-errors  input[type="text"]{
     border-color: red;
}*/

.popup-box .spanForMandatory {
	color: red;
}

.has-feedback input {
	font-size: 12px;
}

.popup-box::-webkit-input-placeholder {
	font-size: 12px;
}

.popup-box::-moz-placeholder {
	font-size: 12px;
}

.popup-box:-ms-input-placeholder {
	font-size: 12px;
}
/*added by sohail to validate fields on submit call*/

.popup-box form.ng-submitted input.ng-invalid,
.popup-box form.ng-submitted select.ng-invalid {
	border: 1px solid red;
}

.overlay {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	background: #0000008a;
	z-index: 1;
}

.overlay__inner {
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.overlay__content {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.spinner {
	width: 75px;
	height: 75px;
	display: inline-block;
	border-width: 2px;
	border-color: rgba(255, 255, 255, 0.05);
	border-top-color: #fff;
	animation: spin 1s infinite linear;
	border-radius: 100%;
	border-style: solid;
}

@keyframes spin {
	100% {
		transform: rotate(360deg);
	}
}

.no-tableheaders {
	display: none;
}
/* Fixed Bar  */

.fixed_bar.show {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}

.fixed_bar {
	position: sticky;
	bottom: 0;
	left: 0;
	width: calc(100% + 14px);
	z-index: 1;
	height: 50px !important;
	display: flex;
	align-items: center;
	background: #FFF;
	margin: 0 -9px !important;
	padding: 10px;
	visibility: hidden;
	opacity: 0;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

button.custom-btn.color1.medium.add-subquery {
	right: 650px;
}

button.custom-btn.color1.medium.ng-scope.subquery-apply {
	right: 372px;
}

button.custom-btn.color1.medium.ng-scope.subquery-back {
	right: 309px;
}

.tbl-query-builder .ui-select-container.select2.select2-container {
	margin: 0px 2px 0px 0px;
}

.dt-information {
	text-align: left;
	align-items: center;
	display: flex;
}

	.dt-information > div {
		display: inline-block;
		vertical-align: middle;
		margin-right: 14px;
	}

div#etlTable_info {
	margin-top: -11px;
	font-size: 12px;
}

.get_dt_search input {
	/* font-size: 11px; */
	min-width: 190px;
	background: #efeff5;
	border-color: #dedee3;
	color: #000000;
	font-weight: 500;
	height: 21px;
}

.get_dt_search {
	position: relative;
	/* overflow: hidden; */
	margin-right: 1px;
}

.dt-filters {
	display: none;
}

.completed-status-etl {
	background-color: #28a745;
	color: #FFF;
	width: 70px;
	padding: 3px;
	font-size: 11px;
	border-radius: 2px;
}

.in-completed-status-etl {
	background-color: #dc3545;
	color: white;
	width: 90px;
}

.start-status-etl {
	background-color: #007bff;
	color: white;
	width: 36px;
}

.inprogress-status-etl {
	background-color: #17a2b8;
	color: white;
	width: 77px;
}

.custom-width {
	width: 200px !important;
}

.child-widget-tab .hide-clone-in-tab {
	display: none;
}

.active.child-widget-tab {
	height: 74px;
}

.toggle-item.activate .value-format-settings input {
	margin: 4px 0px 0px 0px;
}
/*.grid-stack-item-content.view {
    bottom:unset !important;
}*/

/*Added by sohail for ui-select overflow on widgets*/

/*.tab-overflow-unset{
    overflow:unset !important;
}*/

/*Hide pagination for table*/

/*$('.paginationInput').parent().hide()*/

/*.tab-pane .content-wrapper.table-padding-remove {
    padding: 0px 0px 0px !important;
}*/

.table-padding-remove {
	padding: 0px 0px 0px !important;
}

.content-wrapper-map {
	padding: 0px 0px 0px !important;
}

button.custom-btn.data-source-btn.color1.medium {
	/* margin: -39px 0 -24px -1px; */
	/* padding: 1px 0 0 0; */
	margin: -57px 0px 0px 451px;
	position: absolute;
}

.data-source-ddl {
	position: absolute;
	margin: -37px 0 0 208px;
	width: 250px;
}

.input.data-sets-expands-collapse {
	margin: 6px 0px 0px 7px;
}

button.custom-btn.color1.medium.drill-down-charts {
	margin: -57px 0 0 642px;
	position: absolute;
}

.scrollbar.dataset-tables-views {
	height: 600px;
}

.formio-form button {
	margin: 6px 0 0 0;
}

.content-wrapper .card-header {
	padding: 0rem 1.25rem;
}

button.custom-btn.color11.medium.delete-drilldown {
	position: absolute;
	margin: -20px 0px 0 161px;
}

.header > div {
	margin: 0px 0 4px 0;
	text-align: center;
}
/*uigrid*/

.ui-grid.coloured .ui-grid-header-viewport {
	background: #7a9eff;
	color: #FFF;
}

.ui-grid.dark .ui-grid-header-viewport {
	background: #5f667e;
	color: #FFF;
}

.ui-grid.no-borders .ui-grid-header-cell {
	border: 0 !important;
}

.ui-grid.no-borders .ui-grid-cell {
	border: 0 !important;
}

.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
	font-size: 13px;
}

.ui-grid-pager-count-container {
	font-size: 13px;
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
	overflow: auto !important;
	font-size: 12px;
}

.ui-grid-menu-mid {
	font-size: 12px;
}
/*ui grid*/

/*second layout for info box*/
button.custom-btn.delete-edges-vertices.color11 {
	position: absolute;
	margin: -53px 0px 0 643px;
	display: none;
}

	button.custom-btn.delete-edges-vertices.color11.active {
		display: block;
	}

.tab-content a.text-btn {
	width: auto;
	color: #FFF;
	font-size: 13px;
	line-height: 1.3;
	padding: 6px 15px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 4px;
}

	.tab-content a.text-btn:hover {
		color: #FFF;
		cursor: pointer;
	}

a.mlsta {
	margin: 0px 0 0px 61px;
}

.de-apply-mar {
	margin: 5px 0 0 0;
}

.buttons-sets > a:last-child {
	margin-right: 0 !important;
}
/*.view .shutterup_box_buttons {
    display: flex;
    align-items: center;
    position: absolute;
    margin: -42px 0px 0 1695px;
    z-index: 100000000;
}*/

/*.edit .shutterup_box_buttons {
    display: flex;
    align-items: center;
    position: absolute;
    margin: -42px 0px 0 1658px;
    z-index: 100000000;
}*/
.buttons-sets > a:last-child {
	margin-right: 0 !important;
}
/*.dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
    padding: 14px;
}*/
.showtime-preview > div:first-child {
	font-size: 12px;
	white-space: normal;
}

.showtime-preview > div:not(:first-child) {
	font-size: 11px;
	white-space: normal;
}

.ems_shutterBtn {
	z-index: 999999999;
	position: absolute;
	margin-top: 35px;
	margin-left: -575px;
	cursor: pointer;
	border-radius: 50%;
	height: 32px;
	width: 32px;
	content: url(/Theme/AirViewX/images/ems/shutter_down_icon.svg);
}

.shtrUp.ems_shutterBtn {
	content: url(/Theme/AirViewX/images/ems/shutterup.svg);
}

.ems-top-header {
	margin-top: 6px;
}
/*code Added for Image Icon input Dropmenu*/
.dropdown-menu li a {
	display: flex !important;
	align-items: center;
	cursor: pointer !important;
}

	.dropdown-menu li a img {
		margin-right: 6px;
		height: 15px;
		width: 12px;
	}

.industry-sector {
	margin: 0 0px 0 18px;
	padding: 7px 0 0 0;
	font-size: 14px;
}

.viewmode .change-settings > div > .widget {
	border-left: unset;
}

.applied_filters_inTabs {
	position: absolute;
	right: 20px;
	z-index: 9;
}
/*code Added for Image Icon input Dropmenu*/
/* === DevExtreme Filter Panel Code Starts Here ==== */
.cutom_inputField {
	height: 30px;
	padding: 0 10px;
	border-radius: 3px;
	border-color: #dddddd;
	font-size: 12px;
	align-items: center;
	line-height: 1;
	color: #565656;
}

.dx-datagrid-borders > .dx-datagrid-filter-panel {
	border-top: 1px solid #ddd;
	background: #f5f5f5;
	font-size: 12px;
	padding: 5px 10px;
	display: flex;
	align-items: center;
}

.dx-datagrid-filter-panel-left {
	align-items: center;
}

.dx-datagrid-filter-panel .dx-datagrid-filter-panel-checkbox {
	margin: 0;
}

.dx-datagrid-filter-panel .dx-icon-filter,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-text,
.dx-datagrid-filter-panel .dx-datagrid-filter-panel-clear-filter {
	font-weight: 500;
	color: var(--theme-color);
}
/* === DevExtreme Filter Panel Code Ends Here ==== */
/*DevX filter active search dropdown style*/
.dx-menu-base {
	top: -6px !important;
}

.dx-datagrid-filter-row .dx-menu-item-has-submenu.dx-menu-item-expanded.dx-state-hover {
	background-color: transparent;
}

.dx-item.dx-menu-item.dx-menu-item-has-icon.dx-menu-item-has-submenu.dx-state-hover.dx-menu-item-expanded .dx-context-menu-container-border {
	border: 0;
}
/*DevX filter active search dropdown style*/
.jconfirm .jconfirm-box div.jconfirm-title-c {
	font-size: 14px;
	background: #818182;
	padding: 0;
	margin: -15px -15px 10px;
	padding: 10px 15px;
	color: #FFF;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
	font-size: 13px;
	font-style: italic;
	margin: 14px 0;
}

.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
	float: none;
	padding: 0;
	display: flex;
	justify-content: flex-end;
	margin: 0 -15px;
	padding: 8px 15px;
	background: #fafafa;
	border-top: 1px solid #f1f1f1;
}

	.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
		font-size: 12px;
		font-weight: 500;
	}
.jconfirm .jconfirm-box .jconfirm-buttons button ~ button {
	margin-left: 10px !important;
}
/*Calander Icon Change Style*/
.dx-datebox-calendar .dx-dropdowneditor-icon:before {
	content: url('Theme/AirviewX/images/icons/calander-icon.svg');
}
.help-dropdown{position: relative}
	.help-dropdown > a{line-height: 11px; display:block;}
		.help-dropdown > a img {
			max-width: 25px;
			position: relative;
			float: none;
		}
.introjs-tooltipbuttons > a {
	margin-right: 5px;
	text-shadow: none;
}

.introjs-tooltiptext .custom-intro h4 {
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 11px;
}

.introjs-tooltip {
	min-width: 380px;
}

.introjs-button, .introjs-button:hover, .introjs-button:active, .introjs-button:focus {
	background: var(--theme-color);
	color: #fff !important;
	border-radius: 4px;
	border: 0;
	padding: 6px 15px;
	background-image: none !important;
	font-size: 12px;
	font-weight: 400 !important;
	font-family: Roboto;
	min-width: 50px;
	text-align: center;
}

.introjs-skipbutton, .introjs-skipbutton:hover, .introjs-skipbutton:focus, .introjs-skipbutton:active {
	background: #c14242;
}

.introjs-button.introjs-disabled {
	opacity: 0.7;
}

.f1-popup .dx-treeview .dx-treeview-node .dx-item.dx-treeview-item {
	min-height: 23px;
	padding: 1px 6px 4px 10px !important;
}
.f1-popup .panel_sidebar {
	padding-bottom: 40px;
}
.devx-group-btn.custom-col-chooser.adv-search {
	right: 15px;
	top: 26px;
}
.adv-search .dx-icon-right {
	display: none;
}
.adv-search .dx-dropdownbutton .dx-button-content {
	padding: 0 !important;
}
.icon-btn-only.adv-remove-parent {
	width: 25px;
	height: 25px;
	border-radius: 20px;
	background: #717171;
}
	.icon-btn-only.adv-remove-parent i {
		font-size: 11px;
	}
.adv-title-info {
	font-size: 13px;
	color: #5d5d5d;
}
	.adv-title-info strong {
		padding: 0 10px;
	}
/*.custom-treeview-style {
    padding-left: 0 !important;
    padding-right: 15px !important;
}*/
/*Narrow Grid Entry Mode EMS*/
.relative {
	position: relative;
}

.narrow_grid .dx-datagrid .dx-row > td, .dx-treelist .dx-row > td {
	padding-top: 3px;
	padding-bottom: 3px;
}

.narrow_grid td.dx-cell-focus-disabled.dx-master-detail-cell {
	padding-left: 8px;
}

.narrow_grid .dx-datagrid-rowsview .dx-master-detail-row .dx-master-detail-cell {
	border-bottom: 0;
}

.narrow_grid .dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
	padding: 5px 0 5px 10px;
	background: #eaeaea;
}

.grid_custom_action {
	position: absolute;
	right: 15px;
	top: 3px;
	z-index: 999;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 52px;
}

	.grid_custom_action > a {
		color: #fff;
		width: 23px;
		height: 23px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 13px;
		border-radius: 3px;
	}

/*Grids: Master details*/
.dx-datagrid-table .dx-row .dx-command-expand.dx-datagrid-group-space { /*masterdetail arrow alignment*/
	padding-top: 0;
}
/*Arrows updated*/
.dx-datagrid-group-closed:before {
	content: "\f105";
}

.dx-datagrid-group-opened:before {
	content: "\f107";
}

.dx-datagrid .dx-row > td[role='columnheader'], .dx-treelist .dx-row > td[role='columnheader'] {
	height: 40px;
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #dedede;
	border-color: #f3f3f3;
}

/*.dx-datagrid-rowsview .dx-row {
	border: 0 !important;
}*/

.dx-datagrid-content .dx-datagrid-table [class*="column"] + [class*="column"]:last-child {
	background: #FFF;
	border-bottom: 1px solid #ddd;
}

/**** Code added for PM Colored Icons *****/
/* .dropdown-menu li a img {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}
.dropdown-menu li a {
    font-size: 13px !important;
    padding: 5px 15px;
}
.dx-link-delete.dx-icon-trash::before {
    content: url(../../images/pm_icons/delete.svg);
    height: 32px;
    width: 32px;
}
.dx-icon-download:before {
    content: url(../../images/pm_icons/download1.svg);
    height: 32px;
    width: 32px;
}
.dx-icon-edit:before{
    content: url(../../images/pm_icons/Edit.svg);
    height: 32px;
    width: 32px;
}
.dx-icon-revert:before{
    content: url(../../images/pm_icons/Cancel.svg);
    height: 32px;
    width: 32px;
}
.dx-icon-save:before{
    content: url(../../images/pm_icons/Save.svg);
    height: 32px;
    width: 32px;
} */
/**** End Code added for PM Colored Icons *****/

/******* Delete Confirmation Popup *******/
.dx-dialog .dx-popup-title.dx-toolbar .dx-toolbar-items-container .dx-toolbar-center {
	display: none;
}

.dx-dialog .dx-popup-title.dx-toolbar .dx-toolbar-items-container .dx-toolbar-before {
	width: 90%;
	top: -4px;
}

	.dx-dialog .dx-popup-title.dx-toolbar .dx-toolbar-items-container .dx-toolbar-before .dx-item-content.dx-toolbar-item-content div {
		font-size: 20px;
		line-height: normal;
		font-family: "Roboto";
	}

.dx-dialog .dx-toolbar.dx-widget.dx-visibility-change-handler.dx-collection.dx-popup-title {
	background: #818182 !important;
	max-height: 42px;
}

.dx-dialog .dx-popup-content.dx-dialog-content {
	min-width: 180px;
	padding: 20px;
	font-family: "Roboto";
	font-style: italic;
	padding: 25px 20px;
	font-size: 14px;
	min-width: 310px;
	text-align: left;
}

.dx-dialog .dx-popup-bottom.dx-dialog-buttons {
	float: none;
	display: flex;
	justify-content: flex-end;
	padding: 8px 15px;
	background: #fafafa;
	border-top: 1px solid #f1f1f1;
}

	.dx-dialog .dx-popup-bottom.dx-dialog-buttons .dx-toolbar-items-container {
		width: auto;
	}

.dx-dialog .dx-dialog-button {
	font-size: 12px !important;
	background: var(--theme-color);
	font-weight: 500 !important;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	text-shadow: none;
	color: #fff;
	border: 0;
	color: #FFF;
	text-shadow: none;
	-webkit-transition: background .2s;
	transition: background .2s;
	padding: 2px;
	width: auto;
	min-width: unset !important;
	margin: 0 !important;
}

	.dx-dialog .dx-dialog-button[aria-label = Yes], .dx-dialog-button[aria-label = Confirm] {
		background-color: var(--theme-color);
	}

	.dx-dialog .dx-dialog-button[aria-label = No], .dx-dialog-button[aria-label = Cancel] {
		background-color: #818182;
	}

	.dx-dialog .dx-dialog-button .dx-button-text {
		font-size: inherit;
	}

	.dx-dialog .dx-dialog-button .dx-button-content {
		padding-left: 10px;
		padding-right: 10px;
	}

.dx-dialog .dx-popup-normal {
	border-radius: 3px !important;
}
/******* End Delete Confirmation Popup *******/
.treeview-arrows-left .dx-treeview .dx-item.dx-treeview-item {
	min-height: 23px;
	padding: 0px 6px 5px 40px !important;
}

.treeview-arrows-left .dx-treeview-item-with-checkbox .dx-checkbox {
	top: 6px;
	padding-left: 15px;
}



/*Style Added for PMS BOM Collapsing 20 May 20*/
.RowIsExpanded .itemList_actions, .RowIsExpanded .search_both_options {
	display: flex !important;
}

	.RowIsExpanded .itemList_actions button.custom-btn {
		color: #333 !important
	}

.RowIsExpanded, .RowIsExpanded > td {
	background: #6e8692 !important;
	color: #FFF !important;
}






/*Survey Checklist*/
.hierarchy-view > ul li.hasChild ul li > .hv-box {
	background: #ecf0f5;
	color: #333;
}

.hierarchy-view {
	height: calc(100vh - 240px);
	overflow: auto;
	margin: 0px -15px;
	padding: 0px 15px;
}

	.hierarchy-view > ul > li {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		margin: 0 0 10px;
	}

li.hasChild > .hv-box.active, .hv-boxname {
	cursor: pointer;
	display: flex;
	min-width: 61%;
}

li.hasChild .hv-box {
	background: #fff;
	padding-left: 0;
}

.hv-box {
	display: flex;
	align-items: center;
	padding: 5px 10px;
	margin: 0;
	border-radius: 4px;
	background: #ecf0f5;
	position: relative;
}

	.hv-box a.hv-icon.red {
		background: #dd4b39;
		color: #fff;
	}

	.hv-box a.hv-icon.green {
		background: #00a65a;
		color: #fff;
	}

	.hv-box a.hv-icon {
		/* margin-left: auto; */
		width: 18px;
		height: 18px;
		line-height: 19px;
		/* border: 1px solid #3c8dbc; */
		text-align: center;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		margin-right: 5px;
		font-size: 10px;
	}

.hv-boxname h3 {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
}

.hv-boxname span {
	margin-left: 10px;
	background: #3c8dbc;
	padding: 0 5px;
	color: #FFF;
	font-size: 10px;
	font-weight: 400;
	border-radius: 3px;
}

.hv-label {
	margin-left: auto;
	margin-right: 0;
	font-size: 11px;
	font-weight: 500;
	color: #FFF;
	padding: 3px 10px;
	width: auto;
	display: inline-flex;
	border-radius: 4px;
	justify-content: center;
}

.hierarchy-view > ul li {
	margin: 0 0 5px;
}

.hierarchy-view > ul > li > ul {
	padding: 10px 10px 5px;
	background: #fff;
	margin-top: -2px;
	border-radius: 0 0 5px 5px;
}

.hierarchy-view ul ul {
	display: none;
}

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

.form-group.has-search {
	position: relative;
}

.has-search .form-control-feedback {
	position: absolute;
	z-index: 2;
	display: block;
	width: 2.375rem;
	height: 10px;
	line-height: 28px;
	text-align: center;
	pointer-events: none;
	color: #aaa;
	left: 0;
}

.has-search .form-control {
	padding-left: 2.375rem;
}

.av-question-box {
	padding: 10px;
	background: #ecf0f5;
	display: flex;
	border-radius: 4px;
}

/*.av-questions-panel {
	overflow: auto;
	min-height: inherit;
}*/

.survey-panel {
	height: calc(100vh - 215px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 15px;
}

.av-question h3 {
	margin: 0 0 5px;
	font-size: 15px;
	font-weight: 600;
}

li.hasChild ul .hv-box {
	background: #fff;
	padding-left: 10px;
}

.hasChild ul li .hv-box.active {
	background: #cfd4da !important;
}

section.panel.panel-default .title-bar {
	border-right: 1px solid #e3e3e3 !important;
}

.dropdown-toggle::after {
	float: right;
	margin-top: 0;
	border-top-color: #ffffff;
	font-size: 15px;
}

.pannel-custom-width .panel-body {
	padding: 10px;
}

.pannel-custom-width ~ .panel_content {
	padding: 0;
}

/* =====  Notifications Module ========= */
.templates_sidebar ul li {
	list-style: none;
	color: #03b1f6;
	text-decoration: underline;
	font-size: 14px;
	cursor: pointer;
	line-height: 1.7;
}

.notification_content h4 {
	font-size: 14px;
	margin-bottom: 5px;
}

.notification_content > div {
	margin-bottom: 10px;
}

.template_content {
	height: 100%;
	overflow: auto;
}

.icon-btn-only.unpublish {
	background: #e92d2d !important;
}

	.icon-btn-only.unpublish .fa-cloud-upload::before {
		content: "\f0ed";
	}

.notification_content {
	height: calc(100% - 56px);
}

.image_icon .dx-icon {
	width: 28px;
	height: 28px;
}
/* =====  Notifications Module End ========= */

.information-boxes .info-text.style2 {
	flex-direction: column;
	align-items: baseline;
}

	.information-boxes .info-text.style2 strong {
		margin-bottom: 5px;
	}




/* =====  Full Page Tabs ========= */
.fullpageTabs {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow-y: auto;
}

	.fullpageTabs .nav {
		min-height: 41px;
		padding: 0 15px;
	}

	.fullpageTabs > .tab-content {
		flex: auto;
		padding: 0;
		overflow-x: auto;
	}

		.fullpageTabs > .tab-content > .tab-pane {
			height: 100%;
			overflow-x: hidden;
			padding-left: 15px;
			padding-right: 15px;
		}

	.fullpageTabs .widget-footer {
		margin: 0;
	}


.information-boxes .info-text.style2 {
	flex-direction: column;
	align-items: baseline;
}

	.information-boxes .info-text.style2 strong {
		margin-bottom: 5px;
	}

.termsText {
	max-width: 100%;
	overflow: auto;
	font-size: 12px;
}

.dx-popup-wrapper .dx-template-wrapper .modal-body {
	max-height: 100%;
}
/* === Disable Fields Opacity ===*/
.dx-state-disabled.dx-checkbox .dx-checkbox-icon,
.dx-state-disabled .dx-checkbox .dx-checkbox-icon {
	opacity: 1
}

.dx-state-disabled .dx-checkbox-text {
	opacity: 1
}

.dx-state-disabled.dx-widget,
.dx-state-disabled .dx-widget {
	opacity: 0.7
}

.dx-dialog-message {
	text-align: left
}






/* ===== AirView Icon ========*/
img.airview_icon {
	width: 30px !important;
	height: 30px !important;
	cursor: pointer;
	float: none;
	min-width: 30px !important;
	min-height: 30px !important;
}
.actions img.airview_icon {
	display: flex;
}

.airview_icon_toolbar .dx-widget .dx-button-content{padding: 0 !important}
.airview_dropdown_toolbar .dx-widget .dx-button-content {
	padding: 0 15px !important
}
.airview_icon_toolbar .dx-icon {
	width: 30px !important;
	height: 30px !important
}
.dx-datagrid-toolbar-button.dx-datagrid-column-chooser-button img {
	width: 30px !important;
	height: 30px !important;
}
/*.dx-datagrid-export-button .dx-icon-export-to:before {
	content: "";
	display: none
}
i.dx-icon.dx-icon-export-to {
	background: url(Theme/AirViewX/images/general_icons/download.svg);
	width: 30px;
	height: 30px;
}*/
.dropdown-menu img.airview_icon {
	width: 17px !important;
	height: 17px !important;
	min-width:17px!important;
	min-height:17px!important;
}
.dx-dialog-message {
	text-align: left
}

/*Added for Old Icon of ColumnChooser and Filter*/
.dx-datagrid-toolbar-button.dx-datagrid-column-chooser-button img[src="/Theme/AirViewX/images/devx_icon/col_chooser.svg"],
.dx-datagrid-toolbar-button.dx-datagrid-column-chooser-button img[src="Theme/AirViewX/images/devx_icon/col_chooser.svg"],
img[src="Theme/AirViewX/images/devx_icon/filters.svg"] {
	width: 20px !important;
}





/*======== Show Scrollbars Always =======*/
.dx-datagrid .dx-scrollable-wrapper,
.dx-treelist .dx-scrollable-wrapper {padding-bottom: 15px}
.dx-datagrid .dx-datagrid-content-fixed,
.dx-treelist .dx-treelist-content-fixed {padding-bottom: 15px !important}
.dx-datagrid .dx-scrollable-scrollbar.dx-scrollbar-vertical,
.dx-datagrid .dx-scrollable-scrollbar.dx-scrollbar-vertical .dx-scrollable-scroll,
.dx-treelist .dx-scrollable-scrollbar.dx-scrollbar-vertical,
.dx-treelist .dx-scrollable-scrollbar.dx-scrollbar-vertical .dx-scrollable-scroll {width: 15px}
.dx-datagrid .dx-scrollable-scrollbar, .dx-treelist .dx-scrollable-scrollbar{background-color: rgba(191, 191, 191, 0.2)}
	.dx-datagrid .dx-scrollable-scrollbar.dx-scrollbar-horizontal,
	.dx-datagrid .dx-scrollable-scrollbar.dx-scrollbar-horizontal .dx-scrollable-scroll,
	.dx-treelist .dx-scrollable-scrollbar.dx-scrollbar-horizontal,
	.dx-treelist .dx-scrollable-scrollbar.dx-scrollbar-horizontal .dx-scrollable-scroll{height: 15px;}


/******* TreeView Class with no Child Nodes Starts Here *******/
/******* Used in TMS Project Screen Exe Plan, T.Template Tab *******/
.selectWithoutTree.dx-treeview-with-search ul li {
	padding-left: 0;
	padding-right: 15px;
}
.selectWithoutTree.dx-treeview-with-search .dx-treeview-item-with-checkbox .dx-checkbox{left: 0}
/******* TreeView Class with no Child Nodes Ends Here *******/





/******* Styling added for Splitter Starts Here *******/
.splitter_init {
	height: 100% !important;
	display: flex;
}
/*!* Style Sheet for jQuery splitter Plugin version 0.28.3 */
.splitter_panel{position: relative}
	.splitter_panel .vsplitter {
		background-color: grey;
		cursor: col-resize;
		z-index: 900;
		width: 7px
	}
	.splitter_panel .hsplitter {
		background-color: #5f5f5f;
		cursor: row-resize;
		z-index: 800;
		height: 7px
	}
		.splitter_panel .hsplitter.splitter-invisible, .splitter_panel .vsplitter.splitter-invisible{background: 0 0}
	.splitter_panel .bottom_panel, .splitter_panel .horizontal_panel, .splitter_panel .hsplitter, .splitter_panel .left_panel, .splitter_panel .right_panel, .splitter_panel .top_panel, .splitter_panel .vertical_panel, .splitter_panel .vsplitter {
		position: absolute;
		overflow: auto
	}
	.splitter_panel .left_panel, .splitter_panel .right_panel, .splitter_panel .vertical_panel, .splitter_panel .vsplitter{height: 100%}
	.splitter_panel .bottom_panel, .splitter_panel .horizontal_panel, .splitter_panel .hsplitter, .splitter_panel .top_panel{width: 100%}
	.splitter_panel .left_panel, .splitter_panel .top_panel, .splitter_panel .vertical_panel, .splitter_panel .vsplitter{top:0}
	.splitter_panel .bottom_panel,
	.splitter_panel .horizontal_panel,
	.splitter_panel .hsplitter,
	.splitter_panel .left_panel,
	.splitter_panel .top_panel{left: 0}
	.splitter_panel .bottom_panel{bottom: 0}
	.splitter_panel .right_panel{right: 0}
.splitterMask {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000
}
.splitter_panel .vsplitter,
.splitter_panel .hsplitter {
	BORDER: 0;
	width: 8px;
	background: #f3f3f3;
	font: 15px/1 DXIcons;
	position: relative;
	text-align: center;
	overflow: visible;
}
.splitter_panel .hsplitter {
	width: 100%;
}
.splitter_panel .vsplitter:hover, .splitter_panel .hsplitter:hover {
	background: #d7d7d7
}
.splitter_panel .vsplitter:before, .splitter_panel .hsplitter:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: white;
	height: 40px;
	line-height: 40px;
	width: 15px;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	border-radius: 25px;
	color: var(--theme-color);
}
.splitter_panel .hsplitter:before {
	left: calc(50% - 7px);
	top: calc(50% - 20px);
	transform: rotateZ(90deg);
}


/******* Styling added for Splitter Ends Here *******/



/******* Button on DevEx Grid Toolbar to Change Between different Edit Modes Starts Here *******/
.toolbarDropdownBtn .dx-buttongroup.dx-widget {
	min-width: 31px;
	min-height: 30px;
	width: 100% !important;
}
.toolbarDropdownBtn .dx-button-has-icon .dx-icon {
	color: #fff;
}
.toolbarDropdownBtn .dx-button-text {
	color: #fff;
	padding-right: 5px;
}
/******* Button on DevEx Grid Toolbar to Change Between different Edit Modes Ends Here *******/

/******* DevEx Grid Form Mode Buttons Starts Here *******/
.dx-button[aria-label='Cancel'] {
	background-color: #818182;
	color: #fff;
	font-size: 12px;
	border: 0;
	height: 30px;
	border-radius: 3px;
	cursor: pointer;
}
.dx-button[aria-label='Save'],
.dx-button[aria-label='OK'] {
	background-color: var(--theme-color);
	color: #ffffff;
	font-size: 12px;
	border: 0;
	height: 30px;
	border-radius: 3px;
	cursor: pointer;
}

.dx-datagrid-form-buttons-container .dx-button[aria-label='Save'] .dx-button-content:before,
.dx-datagrid-form-buttons-container .dx-button[aria-label='Cancel'] .dx-button-content:before {
	content: '';
	background: url(/Theme/AirViewX/images/icons/Save.svg) no-repeat;
	width: 15px;
	height: 15px;
	margin-right: 12px;
	display: inline-block;
	vertical-align: middle;
}
.dx-datagrid-form-buttons-container .dx-button[aria-label='Cancel'] .dx-button-content:before {
	background: url(/Theme/AirViewX/images/icons/Cancel.svg) no-repeat;
	width: 10px;
	height: 10px;
}
/******* DevEx Grid Form Mode Buttons Ends Here *******/
.dx-datagrid a.link {
	color: var(--theme-color) !important;
}
.nfu-element {
	opacity: .4;
}
/* ============ Preference Panel ============*/
.preference-status-chooser {
	position: sticky;
	left: 100%;
	top: 0;
	z-index: 999;
	width: 40px;
	height: 40px;
	border-bottom-left-radius: 20px;
	background: var(--theme-color);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	min-height: 40px;
	margin-top: -13px;
	margin-bottom: -20px;
}
.preferencePanel {
	max-width: 100%;
	position: fixed;
	right: 0;
	top: 0;
	background: #fff;
	width: 450px;
	border: 1px solid #ddd;
	border-top: 5px solid var(--theme-color);
	z-index: 1000;
	max-height: calc(100vh - 0px);
	box-shadow: 2px 2px 20px rgb(0 0 0 / 20%);
	transition: .4s ease-in-out all;
}
.preference-panel-header {
	border-bottom: 1px solid #e9ecef;
	padding: 10px;
}
.preference-panel-body {
	padding: 10px;
	height: calc(100vh - 100px);
	overflow: auto;
}
.preference-panel-footer {
	padding: .5rem;
	border-top: 1px solid #e9ecef;
}
.preference-status-chooser img {
	width: 27px;
}
.preference-panel-visibility{
	right: -500px;
	transition: .4s ease-in-out all;
}
.dx-datagrid .dx-column-lines > td {
	border-bottom: 1px solid transparent;
}
/* ===== Added to Resolve Treeview Default Loader Position Issue =====*/
.dx-treeview {
	display: flex;
	flex-direction: column;
}
	.dx-treeview > .dx-scrollable{order: 2}
.modal_fullHeightTabs .demo-container.stretch .dx-datagrid-pager.dx-pager {
	padding-left: 15px;
	padding-right: 15px;
}

/*Small Radio Control Style*/
.small-radio .dx-radiobutton {
	line-height: 16px;
}

.small-radio .dx-radiobutton-icon {
	width: 12px;
	height: 12px;
}

	.small-radio .dx-radiobutton-icon:before {
		width: 10px;
		height: 10px;
	}

.small-radio .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
	margin-top: -9px;
	margin-left: 3px;
	width: 6px;
	height: 6px;
}

div#ApplyFilterModal .modal-dialog {
	box-shadow: 0px 3px 9px #646464;
	max-width: 400px;
	min-width: 20vw;
}
#TicketTaskLineItemInstructionModal ol, #TicketTaskLineItemInstructionModal ul {
	padding-left: 20px;
	font-size: 13px;
	margin-bottom: 10px;
	color: #7c7c7c;
}

.instructionEditorToolbar {
	border: 1px solid #ddd;
	border-bottom: 0;
	display: none
}

.modal-header .editModalBodyContent {
	background: transparent !important;
}

	.modal-header .editModalBodyContent .fa {
		font-size: 13px;
	}

#ActionInstructionHtmlEditor {
	border: 0;
}
/* ===== Full Badge ===== */
.fullBadge .dx-widget table .badge:not(.fullBadge .dx-widget td * ~ .badge), .fullBadge .dx-widget table .status-column {
	width: calc(100% + 30px);
	margin-left: -15px;
	height: calc(100% + 10px);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 400;
	border-radius: 0;
}

/*Quill Editor Style*/

.ql-editor {
	min-height: 250px;
}
.ql-snow .ql-tooltip {
	position: absolute;
	transform: translate(10px, 10px);
	z-index: 9;
}
.ql-snow .ql-editor img {
	float: none;
}
.ql-snow .ql-picker.ql-font {
	width: 200px;
}
.ql-snow .ql-picker.ql-header {
	width: 110px;
}
/* Set content font-families and dropdown font-families*/
.ql-font span[data-label="Arial"]::before {
	font-family: "Arial";
}

.ql-font-Courier-New, .ql-font span[data-label="Courier New"]::before {
	font-family: "Courier New";
}

.ql-font-Georgia, .ql-font span[data-label="Georgia"]::before {
	font-family: Georgia;
}

.ql-font-Impact, .ql-font span[data-label="Impact"]::before {
	font-family: Impact;
}

.ql-font-Lucida-Console, .ql-font span[data-label="Lucida Console"]::before {
	font-family: "Lucida Console";
}

.ql-font-Tahoma, .ql-font span[data-label="Tahoma"]::before {
	font-family: Tahoma;
}

.ql-font-Times-New-Roman, .ql-font span[data-label="Times New Roman"]::before {
	font-family: "Times New Roman";
}

.ql-font-Verdana, .ql-font span[data-label="Verdana"]::before {
	font-family: Verdana;
}

.ql-toolbar.ql-snow .ql-formats ~ .ql-formats {
	margin-right: 0;
	border-left: 1px solid #ddd;
	padding-left: 10px;
	margin-left: 10px;
}

.ql-table-wrap img {
	width: 18px;
	height: 100%;
}

.NoAnimationTr .dx-master-detail-row {
	animation: none;
}
.tabPane-withFooter {
	flex: auto;
	overflow: auto;
	padding: 0 15px;
}

/*to fix the table border hiding issue Quill editer input view mode*/

table td {
	border: 1px solid #000;
	padding: 2px 5px;
}
table {
	width: 100%;
	/*table-layout: fixed;*/
}
.instructionsHtml table {
	table-layout: fixed;
}
.instructionsHtml {
	font-size: 13px;
}
.multiselect-filter .input-group span.input-group-addon {
	display: flex;
	align-items: center;
}
.dx-datagrid-content .dx-datagrid-table .dx-row .dx-cell-modified:not(.dx-field-item-content) {
	box-shadow: inset 0 0 0 2px rgb(92,184,92,.5);
}

.dx-datagrid-rowsview .dx-data-row .dx-cell-modified .dx-highlight-outline::after {
	border-color: transparent;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-datagrid-invalid.dx-cell-modified:not(.dx-field-item-content) {
	box-shadow: inset 0 0 0 2px rgb(217,83,79,.5);
}
.dx-datagrid-rowsview .dx-row > td span,
.dx-datagrid-rowsview .dx-row > tr > td span{
	overflow: hidden;
	text-overflow: ellipsis;
}


/*For Range Slide tooltip show always */
.cfgRangeSliderControl {
	padding-bottom: 40px;
}
/* ===== Added For Disable Sorting of Grid in Edit Mode  ===== */
.disableGridSorting .dx-header-row td {
	pointer-events: none;
}

/*======= devx colorbox resized ========= */
.dx-colorbox-overlay .dx-popup-content {
	padding: 5px;
}

	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container-cell .dx-colorview-controls-container {
		margin-left: 15px;
	}

	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-controls-container label {
		margin-top: 0;
		display: flex;
		align-items: center;
	}

	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-color-preview-container,
	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container label .dx-widget {
		margin-bottom: 0;
	}

	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container-cell .dx-colorview-controls-container .dx-colorview-color-preview-container .dx-colorview-color-preview {
		height: 25px;
	}
	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-controls-container label div {
		margin-left: 5px;
	}

		.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-controls-container label div input {
			padding: 0;
		}

	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-controls-container label ~ label {
		margin-top: 2px;
	}

	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-hue-scale-wrapper,
	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-hue-scale {
		height: 200px;
	}

	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-palette {
		height: 200px;
		width: 200px;
	}

	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container {
		width: 350px;
	}

.dx-colorbox-overlay .dx-toolbar.dx-popup-bottom.dx-colorview-button-cell {
	padding: 0 10px 5px 10px;
}

/*======= end devx colorbox resized ========= */

.iconClone {
	background: var(--theme-color);
	border-radius: 5px;
}

/*DatePicker*/
.daterangepicker td.in-range {
	background-color: #ededed;
}
.daterangepicker .ranges li.active {
	background-color: var(--theme-color);
}
.daterangepicker td.active, .daterangepicker td.active:hover {
	background-color: var(--theme-color);
}
	.daterangepicker td.active, .daterangepicker td.active:hover {
		background-color: var(--theme-color);
	}
.daterangepicker .drp-buttons .applyBtn,
.daterangepicker .drp-buttons .applyBtn:not(.disabled):active,
.daterangepicker .drp-buttons .applyBtn:not(.disabled):active:focus {
	background-color: var(--theme-color);
	border-color: var(--theme-color);
	box-shadow: none;
}

/*Slider Tooltip*/
.dx-slider .dx-tooltip-wrapper {
	z-index: 1001 !important;
}

/*======= devx colorbox resized ========= */
.dx-colorbox-overlay .dx-popup-content {padding: 5px;}
	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container-cell .dx-colorview-controls-container {margin-left: 15px;}
	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-controls-container label {margin-top: 0;display: flex;align-items: center;}
	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-color-preview-container,
	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container label .dx-widget {margin-bottom: 0;}
	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container-cell .dx-colorview-controls-container .dx-colorview-color-preview-container .dx-colorview-color-preview {height: 25px;}
	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-controls-container label div {margin-left: 5px;}
		.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-controls-container label div input {padding: 0;}
	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-controls-container label ~ label {margin-top: 2px;}
	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-hue-scale-wrapper,
	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-hue-scale {height: 200px;}
	.dx-colorbox-overlay .dx-popup-content .dx-colorview-container .dx-colorview-palette {height: 200px;width: 200px;}
	.dx-colorbox-overlay .dx-popup-content  .dx-colorview-container {width: 350px;}
.dx-colorbox-overlay .dx-toolbar.dx-popup-bottom.dx-colorview-button-cell {padding: 0 10px 5px 10px;}
/*======= end devx colorbox resized ========= */

/*Default Controler Loader*/
.dx-dropdowneditor-overlay .dx-loadindicator-icon .dx-loadindicator-segment,
.dx-treeview-loadindicator-wrapper .dx-loadindicator-icon .dx-loadindicator-segment {
	display: none;
}
.dx-dropdowneditor-overlay .dx-scrollview-scrollbottom-text {
	display: inline-block;
	margin-top: -35px;
}
.dx-dropdowneditor-overlay .dx-loadindicator-icon,
.dx-treeview-loadindicator-wrapper .dx-loadindicator-icon {
	background: url(/Theme/AirViewX/images/loader.gif) no-repeat;
	background-size: cover;
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) a.link,
.dx-treelist-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused) a.link {
	color: #fff !important;
}
/* === on Demand Control ====*/
label.light {
	font-weight: 400;
	color: #787878;
	font-size: 12px;
}

.onDemandControl.dx-widget {
	border: 0;
	background: none;
	min-height: 20px !important;
}

	.onDemandControl.dx-widget .dx-texteditor-buttons-container {
		display: none;
	}

	.onDemandControl.dx-widget input,
	.onDemandControl.dx-widget textarea {
		padding: 0;
		height: 20px;
		font-weight: 600;
		font-size: 13px;
	}
	.onDemandControl.dx-widget textarea {
		height: auto;
	}

	.onDemandControl.dx-widget .dx-placeholder:before {
		padding: 0;
	}

	.onDemandControl.dx-widget.dx-dropdowneditor-field-clickable::after {
		display: none;
	}

	.onDemandControl.dx-widget .dx-tag-container.dx-texteditor-input-container .dx-texteditor-input {
		min-height: unset;
	}

	.dx-texteditor,
	.dx-texteditor input, .dx-texteditor textarea {
		transition: all 0.1s;
	}
.dx-datebox-wrapper-calendar .dx-calendar .dx-calendar-body .dx-widget {
	transition: none;
}

/*added for collapsible header labels*/
.create_header_labels {
	max-width: 85%;
}

.create_header .create_header_labels {
	display: none;
}

.create_header.slided .create_header_labels {
	display: flex;
	align-items: center;
	line-height: 1;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 3px;
	padding-bottom: 10px;
}
.create_header .create_header_labels .label-info {
	display: flex;
	font-size: 12px;
	color: #9b9b9b;
	margin-top: 5px;
	max-width: 160px;
	z-index: 9;
}
	.create_header .create_header_labels .label-info:first-child {
		padding-left: 0;
	}
.create_header_labels .label-info strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1;
	color: #4c4c4c;
	font-weight: 500;
	margin-left: 4px;
}
/* ===== Full Badge ===== */
.fullBadge table .badge:not(.fullBadge td * ~ .badge), .fullBadge table .status-column {
	width: calc(100% + 24px);
	margin-left: -12px;
	height: calc(100% + 4px);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 400;
}
/* ===== Grid Word Wrap ===== */
/*.gridWordWrap .dx-datagrid-rowsview, .gridWordWrap .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content,
.gridWordWrap .dx-treelist-rowsview, .gridWordWrap .dx-treelist-nowrap .dx-header-row > td > .dx-treelist-text-content {
	white-space: initial;
	word-wrap: break-word;
}*/
/*Quill Paragraph Default Style*/
.ql-editor p {
	color: #000;
}

.dx-datagrid .dx-overlay.dx-widget.dx-loadpanel {
	display: flex;
	align-items: center;
}

.dx-datagrid .dx-overlay-wrapper.dx-loadpanel-wrapper.dx-overlay-shader {
	display: flex;
	align-items: center;
	width: 100% !important;
}

.dx-datagrid .dx-loadpanel-content.dx-loadpanel-pane-hidden {
	transform: inherit !important;
	width: 100% !important;
	position: initial;
}

.custom_fieldset {
	background: #f3f3f3;
	border: 1px solid #dddddd;
	width: 100%;
	margin: 0px 15px 10px !important;
	padding-top: 10px;
}
	.custom_fieldset .sub_title h3 {
		font-size: 12px;
	}
	.custom_fieldset legend {
		width: auto;
		font-size: 14px;
		font-weight: 500;
	}
.lh-1{
	line-height: 1 !important;
}
.dx-loadindicator:not(.dx-treeview-node-loadindicator) {
	width: 60px !important;
	height: 60px !important;
}

/*==============================================================*/
/*================ Criteria Builder Code Start =================*/
.criteria_wrap {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
	font-family: 'Roboto';
	width: 100%;
}
.criteriaRowWrap {
	display: flex;
	flex-direction: column;
	row-gap: 10px;
}
.criteriaRow {
	display: flex;
	align-items: center;
}
.criteria_panel {
	display: flex;
	flex-direction: column;
	border: 1px solid #ddd;
	font-size: 13px;
	border-radius: 4px;
}
.criteria_panel_title {
	background: #eee;
	padding: 0 10px;
	min-height: 33px;
	display: flex;
	align-items: center;
}
.criteria_panel_title > h3 {
	margin: 0;
	font-size: 14px;
}
.criteria_Panel_content {
	display: flex;
	padding: 10px;
}
.criteriaDefinitionArea {
	flex: auto;
	flex: 10;
	padding: 10px;
	margin: -10px 0 -10px -10px;
	overflow: auto;
}
.actionArea {
	flex: 0 0 35%;
	padding: 10px 20px;
	border-left: 1px solid #ddd;
	background: #fafafa;
	display: flex;
	flex-direction: column;
	row-gap: 5px;
	margin: -10px -10px -10px 0px;
	flex: 3;
}
.criteriaPopupContainer .dx-popup-title {
	background: #666;
	min-height: 41px;
	display: flex;
	align-items: center;
}
.remove_criteria {
	margin-left: 10px;
	color: #565656;
	opacity: 0.6;
	width: 10px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.remove_criteria:hover{opacity: 1}
h4.criteriaPopupTitle {
	margin: 0;
	font-size: 16px;
	font-family: 'Roboto';
	color: #FFF;
	font-weight: 400;
}
.addCondition > .dx-button.custom-btn {
	height: 23px;
}
.addCondition > .dx-button.custom-btn i.dx-icon {
	font-size: 13px;
	width: 10px;
}
.dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-datebox {
	width: 140px;
}
.customFiltersRow {
	display: flex;
	column-gap: 5px;
}

@media (max-width:980px) {
.criteria_Panel_content {
	flex-direction: column;
}
.actionArea {
	margin: 10px -10px 0;
	border-left: 0;
	border-top: 1px solid #dddd;
}
.criteriaDefinitionArea {
	margin: -9px;
	padding: 20px 5px;
}
}
/*================ Criteria Builder Code End =================*/
/*==============================================================*/




	/*Toaster Template style*/
	.toaster .message > p {
		color: #000;
		margin: 0;
		padding: 0;
	}


/*Draggable Bages*/
.droppableBadges {
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100000;
	column-gap: 5px;
	transform: translateX(-50%) translateY(-100%);
	margin-top: -20px;
	/*            background: rgba(255,255,255,0.8);*/
	/*            box-shadow: 0 0 30px rgb(0 0 0 / 50%);*/
	padding: 13px;
	border-radius: 5px;
	row-gap: 5px;
	justify-content: center;
}

.droppableBadge, .droppableBadgeEmpty {
	min-width: 130px;
	min-height: 60px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	position: relative;
	color: #FFF;
	overflow: hidden;
	padding: 0 20px;
	animation: 0.3s zoomIn;
	white-space: nowrap;
}

	@keyframes zoomIn {
		from {
			transform: scale(0)
		}

		to {
			transform: scale(1)
		}
	}

	.statusIcon {
		margin-left: auto;
		display: flex;
		align-items: center;
		column-gap: 5px;
	}

		.statusIcon img {
			max-width: 16px;
		}

	/*Reference Popover Style*/
	#referencesList .dx-list-item-content {
		padding: 5px 0px 5px 5px;
	}

	#referencesModal .dx-list-item.dx-state-focused * {
		color: #fff;
	}

	#referencesList .dx-item.dx-list-item:nth-child(even) {
		background: #f6f6f8;
	}

	#referencesList .dx-item.dx-list-item.dx-state-focused:nth-child(even) {
		background-color: var(--theme-color);
		color: #fff;
	}

	.cell-temp-custom-line-height {
		line-height: 1.5;
		margin-top: -3px;
	}

	span.status-preivew {
		width: 10px;
		height: 10px;
		border-radius: 50%;
		display: inline-block;
	}

	.dx-popover-wrapper .referencePopoverText {
		padding: 10px;
	}

	.referencePopoverText {
		color: #000000;
		font-weight: 500;
	}

	.noSelectionData {
		display: flex;
		height: 100%;
		align-items: center;
		justify-content: center;
	}

	.location_map_icons img.airview_icon {
		min-width: 20px !important;
		width: 20px !important;
		height: auto !important;
		min-height: auto !important;
	}

	.location_map_icons {
		display: flex;
		height: 18px;
		column-gap: 3px;
	}

/*Notifications Panel Style*/
.notification_body {
	flex: auto;
	overflow: auto;
}

.notifcationsTimeline {
	display: flex;
	flex-direction: column;
	max-height: 100%;
	overflow: auto;
	min-height: 100%;
}

.notificationGroup {
	display: flex;
	flex-direction: column;
}

.notificationGroupTitle {
	background: #f4f4f7;
	border-bottom: 1px solid #e9e9e9;
	padding: 3px 10px;
	font-size: 13px;
	font-weight: 500;
	display: flex;
	align-items: center;
}

.notificationGroupList {
	display: flex;
	flex-direction: column;
}

.airviewNotification {
	display: flex;
	/*	column-gap: 15px;*/
	padding: 0 10px;
	align-items: flex-start;
	position: relative;
	flex-direction: column;
}

.notificationAvatar {
	max-width: 50px;
	min-width: 50px;
	position: relative;
}

	.notificationAvatar img,
	.notificationAvatar span {
		border-radius: 50%;
		border: 2px solid #FFF;
		box-shadow: 0 0 3px rgb(0 0 0 / 20%);
	}

	.notificationAvatar span {
		height: 50px;
		width: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.notificationAvatar .notify_action {
		position: absolute;
		height: 15px;
		right: 0;
		bottom: 1px;
		border-radius: 0;
		border: 0;
		box-shadow: none;
	}

.notificationDetails {
	display: flex;
	flex-direction: column;
	flex: auto;
}

.notificationUser {
	display: flex;
	align-items: flex-start;
}

	.notificationUser > strong {
		font-size: 13px;
		font-weight: 500;
		color: var(--theme-color) !important;
		line-height: 1.3;
	}

	.notificationUser > i {
		font-size: 11px;
		margin-left: auto;
		font-weight: 500;
		color: var(--theme-color) !important;
		white-space: nowrap;
	}

.notificationContent {
	display: flex;
	flex-direction: column;
}

.notificationTitle {
	display: flex;
	align-items: center;
}

	.notificationTitle span {
		font-size: 14px;
		font-weight: 500;
		color: #666;
	}

	.notificationTitle a {
		margin-left: auto;
		font-size: 11px;
		opacity: 0;
		visibility: hidden;
		transform: translate(0, 10px);
		min-width: 65px
	}

.airviewNotification:hover .notificationTitle > a {
	opacity: 1;
	visibility: visible;
	transform: translate(0);
}

.notificationText {
	/* display: none; */
	font-family: unset;
	font-size: unset;
	color: unset;
	line-height: unset;
	background: #f4f4f7;
	padding: 5px 10px;
	border-radius: 4px;
	border: 1px solid #eee;
	margin-top: -10px;
	width: 100%;
	margin-bottom: 10px;
}

.airviewNotification ~ .airviewNotification {
	border-top: 1px solid #ededed;
}
.airviewNotification .notificationText span,
.airviewNotification .notificationText strong,
.airviewNotification .notificationText em,
.airviewNotification .notificationText b,
.airviewNotification .notificationText i,
.airviewNotification .notificationText p {
	color: #656565 !important;
	font-size: 12px !important;
	font-weight: 400 !important;
}
.airviewNotification .notificationText p {
	min-height: 8px;
}
.airviewNotification .notificationText strong, 
.airviewNotification .notificationText b, 
.airviewNotification .notificationText em {
	font-weight: bold !important;
}
.airviewNotification .notificationText h1 {font-size: 19px !important;}
.airviewNotification .notificationText h2 {font-size: 18px !important;}
.airviewNotification .notificationText h3 {font-size: 17px !important;}
.airviewNotification .notificationText h4 {font-size: 16px !important;}
.airviewNotification .notificationText h5 {font-size: 15px !important;}
.airviewNotification .notificationText h6 {font-size: 14px !important;}
.airviewNotification .notificationText table td {
	font-size: 12px;
}

.airviewNotification .notificationText .ql-code-block-container {
	background-color: #23241f;
	color: #f8f8f2;
	overflow: visible;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 5px 10px;
	border-radius: 3px;
}

.notificationGroupTitle span.notificationDate {
/*	background: var(--theme-color) !important;*/
	margin-left: auto;
	font-size: 11px;
/*	padding: 4px 7px;*/
	border-radius: 3px;
/*	color: #666;*/
/*	font-weight: 400;*/
	line-height: 1;
	margin-left: auto;
}

.notificationText > * {
	margin: 0;
}

.notificationDetails .notify_dropdwon {
	color: #6d6b6b;
	margin-left: 10px;
	font-size: 11px;
}

	.notificationDetails .notify_dropdwon img {
		width: 14px;
	}

.notifications span.badge {
	height: 7px;
	min-width: 7px;
	width: 7px;
	right: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background: #e31d05 !important;
}

	.notifications span.badge > * {
		opacity: 0;
		font-size: 10px;
		font-style: normal;
	}

a.notification-btn:hover span.badge > * {
	opacity: 1
}

a.notification-btn:hover span.badge {
	width: 19px;
	min-width: 19px;
	height: 15px;
	right: -10px;
	line-height: 1;
	padding: 3px 0;
}

.notify_btns {
	display: flex;
	margin-left: auto;
	margin-right: 20px;
	column-gap: 8px;
}

	.notify_btns img {
		height: 22px;
		width: 22px;
	}

.airviewNotification:before {
	content: "\A";
	position: absolute;
	left: 0;
	height: 100%;
	width: 0;
	background: var(--theme-color);
	top: 0;
	transition: 0.2s linear;
}
.airviewNotification.unread:before {
	width: 6px;
}

.notification_header {
	display: flex;
	align-items: flex-start;
	column-gap: 15px;
	width: 100%;
	cursor: pointer;
	padding: 15px 0;
}

.noNotification {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
	flex: 1;
}

	.noNotification p strong {
		font-size: 16px;
	}

	.noNotification img {
		max-width: 150px;
		margin-bottom: 10px;
	}

	.noNotification p {
		color: #959292;
		margin-bottom: 0;
		text-align: center;
	}

	.noNotification button {
		margin-top: 40px;
	}
.notify_dropdwon.unread i {color: var(--theme-color);font-size: 14px;}
.notify_dropdwon.read i {color: #dddddd;}
.notify_dropdwon i {transition: 0.2s linear;}
#NotificationContent .noNotification img {
	max-width: 200px;
}
#notification_panel_loader {
	min-height: 100px;
	position: absolute;
	background: #fff;
	width: 100%;
	bottom: 0;
}
/*Notifications Panel Style*/

/*Infobar Style*/
.infobar {
	position: relative;
	border-bottom: 1px solid #ddd;
	background: #f9f9f9;
	margin: 0 -15px;
	padding: 0 5px;
}

.toggle-infobar {
	position: absolute;
	left: 50%;
	z-index: 1;
	height: 30px;
	width: 30px;
	background: #f9f9f9;
	transform: rotate(45deg);
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	bottom: -16px;
}

	.toggle-infobar i {
		font-size: 11px;
		color: #333;
		transform: rotate(316deg);
		position: relative;
		top: 5px;
		left: 5px;
	}

.infobar.hideInfobar .infobar-content {
	max-height: 2px;
	overflow: hidden;
}



.infobar-content {
	z-index: 2;
	position: relative;
	height: auto;
	transition: all 0.2s linear;
	overflow: auto;
	max-height: 50px;
}

.infobar.hideInfobar .toggle-infobar {
/*	top: -13px;*/
}

	.infobar.hideInfobar .toggle-infobar i {
		top: 7px;
		left: 7px;
	}
/*Infobar Style*/

.headerInfo {
	font-size: 13px;
	padding: 3px 10px;
	font-weight: 500;
}
.headerInfoIcon {
	width: 12px;
	float: none;
	margin-bottom: -1px;
	margin-left: 3px;
}
/*Tagbox Word Wrap*/
.dx-tagbox {
	word-break: break-word;
}

/*======= code added ofr accordion panel ========= */
.accordion_wrapper {
	display: flex;
	flex-direction: column;
	border: 1px solid #ddd;
	width: 100%;
}

.accordion_panel {
	display: flex;
	flex-direction: column;
}

	.accordion_panel .accordion_title {
		display: flex;
		width: 100%;
		min-height: 30px;
		background: #f0eeee;
		align-items: center;
		padding: 0 10px;
		column-gap: 5px;
	}

		.accordion_panel .accordion_title h4 {
			font-size: 15px;
			margin: 0;
			font-family: 'Roboto';
		}

.accordion_panel ~ .accordion_panel {
	border-top: 1px solid #ddd;
}

	.accordion_panel .accordion_content {
		display: none;
		padding: 10px;
	}

		.accordion_panel .accordion_content .demo-container.stretch {
			margin: 0 -10px;
		}

	.accordion_panel .accordion_title i {
		margin-right: 5px;
		font-size: 18px;
	}
/*======= End code added ofr accordion panel ========= */

/*=======Disable selection for draggable =======*/
[draggable] {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.form-group label, .form-group p, .title-bar h3 {
	word-break: break-word;
}

/*========= Global Custom Fields in DataGrid ============*/
.dx-datagrid tr td .dx-rangeslider {
	height: auto !important;
	padding-bottom: 0;
}

.dx-datagrid tr td .dx-slider-bar {
	margin: 14px 16px 0 16px;
}

.dx-datagrid tr td .dx-slider-label-position-bottom .dx-slider-label {
	bottom: 12px;
}

.dx-datagrid tr td.dx-editor-cell .dx-rangeslider,
.dx-datagrid tr td.dx-editor-cell .dx-radiogroup,
.dx-datagrid tr td.dx-editor-cell .dx-switch,
.dx-datagrid tr td.dx-editor-cell .jq-ry-container {
	padding-left: 15px;
	padding-right: 15px;
}

.dx-datagrid tr td .dx-switch {
	width: 44px !important;
}

.dx-datagrid tr td.dx-editor-cell .dx-switch {
	width: 74px !important;
}

.dx-datagrid tr td .jq-ry-container {
	padding: 0
}

.dx-datagrid tr td .dx-rangeslider .dx-slider-handle.dx-state-hover .dx-widget.dx-tooltip {
	color: #333;
	font-weight: 400;
	font-size: 14px;
	font-family: "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif;
	line-height: 1.35715;
}

.dx-datagrid tr td .dx-rangeslider .dx-slider-handle.dx-state-hover .dx-tooltip .dx-overlay-content {
	min-width: 34px;
	min-height: 18px;
	text-align: center;
	line-height: 0;
	border: 1px solid #ddd;
	background-color: #fff;
	color: #333;
	-webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
	box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
	border-radius: 4px;
	overflow: hidden;
	z-index: 9999999;
	transition: all 0s ease 0s;
	background: #fff;
	transform: translate(20px, 3px) !important;
	overflow: visible;
}

	.dx-datagrid tr td .dx-rangeslider .dx-slider-handle.dx-state-hover .dx-tooltip .dx-overlay-content .dx-popover-arrow {
		width: 14px;
		height: 17px;
		overflow: hidden;
		inset: auto auto 0px 50% !important;
		transform: translate(-30px, -2px) !important;
	}

		.dx-datagrid tr td .dx-rangeslider .dx-slider-handle.dx-state-hover .dx-tooltip .dx-overlay-content .dx-popover-arrow::after {
			width: 9.8995898741px;
			height: 9.8995898741px;
			border: 1px solid #ddd;
			background: #fff;
			right: 0;
			bottom: 0;
			transform-origin: bottom right;
		}
		.dx-datagrid tr td .dx-rangeslider .dx-slider-handle.dx-state-hover .dx-tooltip .dx-overlay-content .dx-popover-arrow:after {
			transform: rotate(45deg);
		}

	.dx-datagrid tr td .dx-rangeslider .dx-slider-handle.dx-state-hover .dx-tooltip .dx-overlay-content .dx-popup-content {
		display: inline-block;
		padding: 3px 0;
		font-size: .85em;
		line-height: 1;
		white-space: nowrap;
	}
.rating-star {
	background-image: linear-gradient(45deg, #ffbc00 0%,#ffbd00 25%,#ffca34 50%,#ffdd7e 75%,#ffe291 100%);
	background-size: 100%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-moz-background-clip: text;
}

span.member_avat {
	width: 28px;
	height: 28px;
	background: var(--theme-color);
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	min-width: 28px;
	color: #FFF;
	text-transform: uppercase;
	font-size: 14px !important;
	line-height: 28px;
	font-weight: 500;
}
/************** File type field style **************/
.fileTypeField {
	color: #d6d6d6;
	font-weight: 400;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-right: 10px;
	border-radius: 4px;
}
	.fileTypeField[type="file"]::-webkit-file-upload-button {
		background-color: #fff;
		border: 0px solid #ddd;
		height: 30px;
		padding: 0 15px;
		color: #5c5858;
	}

		.fileTypeField[type="file"]::-webkit-file-upload-button:hover,
		.fileTypeField:hover {
			background-color: #f5f5f5;
		}
/************** File type field style **************/


/******* Custom colorbox Starts Here *******/
.customColorBox {
	border-color: transparent !important;
	width: 40px !important;
}

	.customColorBox .dx-colorbox-input-container .dx-colorbox-input.dx-texteditor-input {
		padding-left: 0px;
		opacity: 0;
	}

	.customColorBox .dx-texteditor-buttons-container {
		position: absolute;
		height: 100%;
	}

		.customColorBox .dx-texteditor-buttons-container .dx-dropdowneditor-icon:before {
			z-index: 999;
			content: '';
			height: 18px;
			margin-left: -5px;
		}

	.customColorBox.dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon,
	.customColorBox.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon {
		background-color: transparent;
		border-color: transparent;
	}

	.customColorBox.dx-texteditor.dx-state-hover {
		border-color: transparent;
	}

	.customColorBox.dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon,
	.customColorBox.dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon {
		background-color: transparent;
		border-color: transparent;
	}
/******* Custom colorbox End Here *******/

/****** ColumnChooser scroll issue fixed *******/
.dx-overlay-wrapper.dx-datagrid-column-chooser {
	height: 100% !important;
}
/****** End ColumnChooser scroll issue fixed *******/

/******* Formated Phone Style Starts Here *******/
.formatedPhone {
	display: flex;
	position: relative;
}
	.formatedPhone .iti--allow-dropdown {
		height: auto;
		position: absolute;
		top: 1px;
		left: 1px;
	}
	.formatedPhone input.formatNumber {
		width: 0;
		padding-right: 0;
		border-right: 0;
		padding: 0;
		border: 0;
	}
	.formatedPhone .iti--allow-dropdown ~ .cell-number {
		padding-left: 35px;
	}
	.formatedPhone .cell-number {
		width: 100%;
	}
	.dx-datagrid td.dx-editor-cell .formatedPhone .iti--allow-dropdown {
		height: 100%;
	}
/******* Formated Phone Style Ends Here *******/
/****** End ColumnChooser scroll issue fixed *******/

.droppableBadges.fullWidthBadges {
	width: 100%;
	flex-wrap: wrap;
}

/******* Custom Group Style in Devextreme SelectBox Start Here ********/
.dx-state-disabled.dx-item.dx-list-item.customGroup_disable {
	opacity: 1;
	border-bottom: 2px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 10px 0px 0px 2px;
}

.dx-state-disabled.dx-item.dx-list-item.customGroup_disable:first-child {
	border-top: none;
}
/******* Custom Group Style in Devextreme SelectBox Ends Here ********/

@media(max-width: 1600px) {
	.information-boxes .info-box {min-height: 115px;padding-top: 10px;padding-bottom: 5px;}
	.information-boxes .info-box .progress {width: 55px;height: 55px;}
	.information-boxes .info-box .prog_val {font-size: 11px;}
	.information-boxes .info-box .info-text strong {font-size: 32px;}
	.information-boxes .info-box .info-text span {font-size: 14px;}
}

/*********** TinyMce Editor Style Starts Here ************/
.tox.tox-tinymce.active-drag:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 9;
}

span.tox-statusbar__branding {
	display: none;
}

.tox .tox-dialog__body {
	flex-direction: column;
}

.tox .tox-dialog__body-nav {
	flex-direction: initial;
	column-gap: 25px;
}

.tox .tox-dialog__body-nav-item--active {
	border-bottom: 2px solid #03a9f3;
	color: #03a9f3;
	padding-bottom: 10px;
	margin-bottom: 0;
}

.tox .tox-dialog__body-nav {
	flex-direction: initial;
	column-gap: 15px;
	padding: 15px 15px 0;
	border-bottom: 1px solid #ededed;
	overflow: auto;
}

.tox .tox-dialog__body-nav-item:focus {
	background-color: transparent;
}

.tox .tox-checkbox__icons .tox-checkbox-icon__checked svg {
	display: none;
	fill: #007ca7;
}

.tox-dialog__footer-end .tox-button:hover:not(:disabled) {
	background-color: #007ca7;
	border-color: #007ca7;
	box-shadow: none;
	color: #fff;
}

.tox-dialog__footer-end .tox-button--secondary:hover:not(:disabled), .tox-dialog__footer-end .tox-button[title="Close"]:hover:not(:disabled) {
	background-color: #818182;
	border-color: #818182;
	box-shadow: none;
	color: #fff;
}

.tox-dialog__footer-end .tox-button {
	font-weight: 400;
	font-family: roboto;
	background: #007ca7;
	color: #fff;
	font-size: 13px;
	border: 0;
	height: 30px;
	border-radius: 3px;
	cursor: pointer;
	padding: 0 15px;
}

	.tox-dialog__footer-end .tox-button[title="Cancel"], .tox-dialog__footer-end .tox-button[title="Close"] {
		background-color: #818182 !important;
		border-color: #818182 !important;
	}

.tox .tox-button {
	font-size: 13px !important;
	border: 0;
	height: 30px;
	border-radius: 3px !important;
	padding: 0 15px !important;
	color: #FFF !important;
	font-weight: 400 !important;
	background-color: #207ab7 !important;
}

.tox .tox-button--secondary {
	background-color: #818182 !important;
}

.tox .tox-button--naked {
	background-color: transparent !important;
	border-color: transparent !important;
	box-shadow: unset !important;
	color: #222f3e !important;
	padding: 2px !important;
}

.tox .tox-button--naked:hover:not(:disabled) {
	background-color: #e3e3e3 !important;
	border-color: #e3e3e3 !important;
	box-shadow: none !important;
	color: #222f3e !important;
}

.tox .tox-dialog__footer {
	padding: 10px;
	background: #fafafa;
	border-top: 1px solid #cfcfcf;
}

.tox .tox-dialog__title {
	color: #FFF;
	font-size: 14px;
	font-family: 'Roboto';
}

.tox .tox-dialog__header {
	background: #666666;
	color: #FFF;
	padding: 3px 15px;
	align-items: center;
}

.tox-dialog__header .tox-button--naked:hover:not(:disabled),
.tox-dialog__header .tox-button--naked:focus:not(:disabled) {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
}

.tox .tox-dialog__header .tox-button {
	z-index: 1;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
	color: #fff;
}

.tox.tox-silver-sink.tox-tinymce-aux {
	font-family: 'Roboto';
}

.tox .tox-label, .tox .tox-toolbar-label {
	color: #333;
	font-weight: 400;
	font-size: 13px;
	margin-bottom: 4px;
}

.tox .tox-form__group {
	margin-bottom: 10px;
}

.tox .tox-listboxfield .tox-listbox--select, .tox .tox-textarea, .tox .tox-textfield, .tox .tox-toolbar-textfield {
	font-size: 12px;
	font-family: 'Roboto';
	color: #737373;
}
	.tinymce-view-mode ~ .tox.tox-tinymce .tox-editor-header {
		display: none;
	}

	.tinymce-view-mode ~ .tox.tox-tinymce .mce-content-body {
		margin: 0;
	}

.tinymce-view-mode ~ .tox .tox-statusbar__text-container {
	display: none;
}

/*********** /*On Demand View Edit Control ************/
.onDemandEditControl {
	position: relative;
}

.onDemandEditControlValue {
	min-height: 20px;
}

.onDemandEditControl .update {
	cursor: pointer;
	color: #41ab41;
	position: absolute;
	right: 8px;
	top: 7px;
}

.onDemandEditControl .description-update {
	cursor: pointer;
	color: #41ab41;
	position: absolute;
	right: 24px;
	top: 10px;
	z-index: 1;
	font-size: 22px;
}

.onDemandEditControl input {
	padding-right: 30px;
}

.onDemandEditControlValue {
	/*padding: 3px 10px;*/
	cursor: pointer;
	transition: all .3s ease;
}

.onDemandEditControlValue:hover {
	background-color: #fafafa;
}

.onDemandEditControlField {
	display: flex;
	align-items: center;
	column-gap: 5px;
}

.ticket-description-view-mode {
	position: absolute;
	width: calc(100% - 15px);
	height: calc(100% - 15px);
	cursor: pointer;
	z-index: 1;
}

.ticket-description-view-mode:hover ~ .onDemandEditControlValue * {
	background-color: #fafafa
}
/*********** /*On Demand View Edit Control Ends Here ************/

/*********** Localization Style Starts Here ************/
.lang-item {
	display: flex;
	align-items: center;
	column-gap: 10px;
}

	.lang-item img {
		max-height: 15px;
	}

.lng-icon {
	max-height: 15px;
	margin-top: 6px;
	padding: 0;
}
/*********** Localization Style Ends Here ************/


/********** Custom Form Text Field View Mode **********/
.field-view-mode {
	border: 0 !important;
	opacity: 1 !important;
}

	.field-view-mode input.dx-texteditor-input {
		padding: 0;
	}
/********** Custom Form Text Field View Mode **********/

/*********** /*tinymce Change Mode Starts Here ************/
.tinymce-wrapper {
	position: relative;
}

.tinymce-wrapper .tinymce-mode {
	cursor: pointer;
	color: #818182;
	position: absolute;
	right: 0px;
	top: -3px;
	z-index: 1;
	padding: 0;
	font-size: 15px;
	border-radius: 50%;
	line-height: 1;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 1px;
}

.tinymce-wrapper .tinymce-mode.mode-view {
	background-color: #818182 !important;
}
/*********** /*tinymce Change Mode Ends Here ************/

/*********** Form Designer Table Component Style Starts Here ************/
	.form_designer .AVFD_canvas .grid-stack > .grid-stack-item > .grid-stack-item-content table {
		white-space: nowrap
	}

		.form_designer .AVFD_canvas .grid-stack > .grid-stack-item > .grid-stack-item-content table:not(.dx-datagrid-table) * {
			border: 0;
			float: unset;
		}

		.form_designer .AVFD_canvas .grid-stack > .grid-stack-item > .grid-stack-item-content table.table-bordered td, .form_designer .AVFD_canvas .grid-stack > .grid-stack-item > .grid-stack-item-content table.table-bordered th {
			border: 1px solid #dee2e6;
		}
/*********** Form Designer Table Component Style Ends Here ************/
/*********** /*tinymce Change Mode Ends Here ************/

/****** Select Box in Grid Toolbar Starts Here ******/
.dx-datagrid .dx-datagrid-header-panel .toolbar-selectbox .dx-dropdowneditor-button {
	background: transparent !important;
}
/****** Select Box in Grid Toolbar Ends Here******/
.rotate_right.fa-angle-up {
	transform: rotate(90deg);
}
.custom-form-wrapper {
	display: flex;
	flex-direction: column;
}
	.custom-form-wrapper > div {
		width: 100%;
	}
/****** Profile Client Starts Here ******/
.profile-client-item {
	background: #f4f8ff;
	border: 1px solid #d7d7d7;
	border-radius: 10px;
	padding: 8px;
	margin-bottom: 5px;
}

.client-user-icon span, .client-user-icon img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: bold;
	border: 2px solid #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.client-user-icon {
	position: relative;
}

	.client-user-icon img.profile_icon {
		background: transparent;
		box-shadow: none;
		width: auto;
		height: auto;
		position: absolute;
		bottom: -3px;
		left: -2px;
		max-width: 18px;
	}

.client-user-content h3 {
	margin: 0;
	font-size: 12px;
	display: flex;
	align-items: center;
	column-gap: 5px;
}

.client-user-content p {
	margin-bottom: 0;
	line-height: 1.1;
	word-break: break-word;
	font-size: 11px;
}

.profile-client-user-base-info {
	display: flex;
	align-items: center;
	column-gap: 12px;
}

.client-user-content {
	flex: auto;
}

.client-user-detailed-info {
	display: flex;
	column-gap: 5px;
}

.client-user-details {
	flex: 1;
	display: flex;
	flex-direction: column;
	row-gap: 0;
	column-gap: 0;
	font-size: 12px;
}

	.client-user-details.left {
		flex: 2;
	}

div#profile-client-contacts .client-user-item {
	display: flex;
	align-items: center;
	grid-row-gap: 10px;
	padding: 8px;
	transition: background-color 0.3s ease 0s;
	column-gap: 10px;
	position: relative;
	background: #f4f8ff;
	border: 1px solid #d7d7d7;
	border-radius: 10px;
	margin-bottom: 5px;
}

ul.profile-client-notification-icon-list {
	display: flex;
	list-style: none;
	column-gap: 8px;
	align-items: center;
}

	ul.profile-client-notification-icon-list img {
		max-width: 18px;
		width: 100%;
	}



div#otherDetails .card-body.card-inside-card {
	padding-bottom: 0;
}



#profile-client-account-info {
	flex: 0 0 100%;
	max-width: 100%;
	align-self: flex-start;
	justify-content: center;
	transition: background-color 0.3s ease 0s;
	position: relative;
	background-color: white;
	cursor: pointer;
	color: #333;
	font-size: 12px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.profile-client-account-info-wrapper {
	padding: 10px;
	box-shadow: 0px 1px 4px #e9e9e9;
	border: 1px solid #f3f3f3;
	margin-top: 5px;
}

#profile-client-account-info .services_item_row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	column-gap: 5px;
	flex-wrap: wrap;
}

#profile-client-account-info .services_item_col {
	display: flex;
	align-items: center;
	column-gap: 3px;
}

#profile-client-account-info h3 {
	font-size: 15px;
	white-space: initial;
	margin: 0;
	line-height: 1.5;
	word-break: break-all;
}

#profile-client-account-info .services_item_col span {
	color: #838080;
	font-size: 12px;
}

	#profile-client-account-info .services_item_col span.badge {
		color: #fff;
		font-weight: 500;
		position: relative;
	}
/****** Profile Client Ends Here ******/
#ColumnReorderPopup .dx-item .dx-toolbar-item-content {
	font-weight: 500;
}

#columnList .item.dx-card.dx-theme-background-color.dx-theme-text-color {
	margin-bottom: 10px;
	background-color: #fff;
	color: #959595 !important;
	font-weight: normal;
	border: 1px solid #ddd;
	padding: 3px 7px;
	-webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.2);
	border-radius: 0;
}


/****** Fixed column search height fix ******/
.dx-datagrid-content-fixed .dx-datagrid-focus-overlay.dx-pointer-events-target {
	height: 33.5px !important;
}