html,
body {
	height: 100%
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight: 400;}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
.layout-boxed html,
.layout-boxed body {
	height: 100%
}

body {
	font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	overflow-x: hidden;
	overflow-y: auto;
	background:#d2d6de no-repeat;
	font-size: 14px;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
	--bs-gutter-x: 0.5rem;
}
.wrapper {
	height: 100%;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto
}

.wrapper:before,
.wrapper:after {
	content: " ";
	display: table
}

.wrapper:after {
	clear: both
}

.layout-boxed .wrapper {
	max-width: 1250px;
	margin: 0 auto;
	min-height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	position: relative
}

.content-wrapper,
.right-side,
.main-footer {
	-webkit-transition: -webkit-transform .3s ease-in-out, margin .3s ease-in-out;
	-moz-transition: -moz-transform .3s ease-in-out, margin .3s ease-in-out;
	-o-transition: -o-transform .3s ease-in-out, margin .3s ease-in-out;
	transition: transform .3s ease-in-out, margin .3s ease-in-out;
	margin-left: 230px;
	z-index: 820
}

.layout-top-nav .content-wrapper,
.layout-top-nav .right-side,
.layout-top-nav .main-footer {
	margin-left: 0
}

@media (max-width:767px) {
	.content-wrapper,
	.right-side,
	.main-footer {
		margin-left: 0
	}
	.hidden-xs {
		display: none!important;
	}
	.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{
		min-width: 300px !important;
	}
}

@media (min-width:768px) {
	.sidebar-collapse .content-wrapper,
	.sidebar-collapse .right-side,
	.sidebar-collapse .main-footer {
		margin-left: 0
	}
}

@media (max-width:767px) {
	.sidebar-open .content-wrapper,
	.sidebar-open .right-side,
	.sidebar-open .main-footer {
		-webkit-transform: translate(230px, 0);
		-ms-transform: translate(230px, 0);
		-o-transform: translate(230px, 0);
		transform: translate(230px, 0)
	}
}

.content-wrapper,
.right-side {
	min-height: 100%;
	background-color: #ecf0f5;
	z-index: 800
}

.main-footer {
	background: #fff;
	padding: 15px;
	color: #444;
	border-top: 1px solid #d2d6de
}

.fixed .main-header,
.fixed .main-sidebar,
.fixed .left-side {
	position: fixed
}

.fixed .main-header {
	top: 0;
	right: 0;
	left: 0
}

.fixed .content-wrapper,
.fixed .right-side {
	padding-top: 50px
}

@media (max-width:767px) {
	.fixed .content-wrapper,
	.fixed .right-side {
		padding-top: 100px
	}
}

.fixed.layout-boxed .wrapper {
	max-width: 100%
}

.fixed .wrapper {
	overflow: hidden
}

.hold-transition .content-wrapper,
.hold-transition .right-side,
.hold-transition .main-footer,
.hold-transition .main-sidebar,
.hold-transition .left-side,
.hold-transition .main-header .navbar,
.hold-transition .main-header .logo,
.hold-transition .menu-open .fa-angle-left {
	-webkit-transition: none;
	-o-transition: none;
	transition: none
}

.content {
	min-height: 250px;
	padding: 15px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: 'Source Sans Pro', sans-serif
}

a {
	color: #3c8dbc
}

a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
	color: #72afd2
}

.page-header {
	margin: 10px 0 20px 0;
	font-size: 22px
}

.page-header>small {
	color: #666;
	display: block;
	margin-top: 5px
}

.main-header {
	position: relative;
	max-height: 100px;
	z-index: 1030
}

.main-header .navbar {
	-webkit-transition: margin-left .3s ease-in-out;
	-o-transition: margin-left .3s ease-in-out;
	transition: margin-left .3s ease-in-out;
	margin-bottom: 0;
	margin-left: 230px;
	border: none;
	min-height: 50px;
	border-radius: 0
}

.layout-top-nav .main-header .navbar {
	margin-left: 0
}

.main-header #navbar-search-input.form-control {
	background: rgba(255, 255, 255, 0.2);
	border-color: transparent
}

.main-header #navbar-search-input.form-control:focus,
.main-header #navbar-search-input.form-control:active {
	border-color: rgba(0, 0, 0, 0.1);
	background: rgba(255, 255, 255, 0.9)
}

.main-header #navbar-search-input.form-control::-moz-placeholder {
	color: #ccc;
	opacity: 1
}

.main-header #navbar-search-input.form-control:-ms-input-placeholder {
	color: #ccc
}

.main-header #navbar-search-input.form-control::-webkit-input-placeholder {
	color: #ccc
}

.main-header .navbar-custom-menu,
.main-header .navbar-right {
	float: right
}

@media (max-width:991px) {
	.main-header .navbar-custom-menu a,
	.main-header .navbar-right a {
		color: inherit;
		background: transparent
	}
}

@media (max-width:767px) {
	.main-header .navbar-right {
		float: none
	}
	.navbar-collapse .main-header .navbar-right {
		margin: 7.5px -15px
	}
	.main-header .navbar-right>li {
		color: inherit;
		border: 0
	}
}

.main-header .sidebar-toggle {
	float: left;
	background-color: transparent;
	background-image: none;
	padding: 15px 15px;
	font-family: fontAwesome
}

.main-header .sidebar-toggle:before {
	content: "\f0c9"
}

.main-header .sidebar-toggle:hover {
	color: #fff
}

.main-header .sidebar-toggle:focus,
.main-header .sidebar-toggle:active {
	background: transparent
}

.main-header .sidebar-toggle .icon-bar {
	display: none
}

.main-header .navbar .nav>li.user>a>.fa,
.main-header .navbar .nav>li.user>a>.glyphicon,
.main-header .navbar .nav>li.user>a>.ion {
	margin-right: 5px
}

.main-header .navbar .nav>li>a>.label {
	position: absolute;
	top: 9px;
	right: 7px;
	text-align: center;
	font-size: 9px;
	padding: 2px 3px;
	line-height: .9
}

.main-header .logo {
	-webkit-transition: width .3s ease-in-out;
	-o-transition: width .3s ease-in-out;
	transition: width .3s ease-in-out;
	display: block;
	float: left;
	height: 50px;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	width: 230px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 0 15px;
	font-weight: 300;
	overflow: hidden
}

.main-header .logo .logo-lg {
	display: block
}

.main-header .logo .logo-mini {
	display: none
}

.main-header .navbar-brand {
	color: #fff
}

.content-header {
	position: relative;
	padding: 15px 15px 0 15px
}

.content-header>h1 {
	margin: 0;
	font-size: 24px
}

.content-header>h1>small {
	font-size: 15px;
	display: inline-block;
	padding-left: 4px;
	font-weight: 300
}

.content-header>.breadcrumb {
	float: right;
	background: transparent;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 12px;
	padding: 7px 5px;
	position: absolute;
	top: 15px;
	right: 10px;
	border-radius: 2px
}

.content-header>.breadcrumb>li>a {
	color: #444;
	text-decoration: none;
	display: inline-block
}

.content-header>.breadcrumb>li>a>.fa,
.content-header>.breadcrumb>li>a>.glyphicon,
.content-header>.breadcrumb>li>a>.ion {
	margin-right: 5px
}

.content-header>.breadcrumb>li+li:before {
	content: '>\00a0'
}

@media (max-width:991px) {
	.content-header>.breadcrumb {
		position: relative;
		margin-top: 5px;
		top: 0;
		right: 0;
		float: none;
		background: #d2d6de;
		padding-left: 10px
	}
	.content-header>.breadcrumb li:before {
		color: #97a0b3
	}
}

.navbar-toggle {
	color: #fff;
	border: 0;
	margin: 0;
	padding: 15px 15px
}

@media (max-width:991px) {
	.navbar-custom-menu .navbar-nav>li {
		float: left
	}
	.navbar-custom-menu .navbar-nav {
		margin: 0;
		float: left
	}
	.navbar-custom-menu .navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
		line-height: 20px
	}
}

@media (max-width:767px) {
	.main-header {
		position: relative
	}
	.main-header .logo,
	.main-header .navbar {
		width: 100%;
		float: none
	}
	.main-header .navbar {
		margin: 0
	}
	.main-header .navbar-custom-menu {
		float: right
	}
}

@media (max-width:991px) {
	.navbar-collapse.pull-left {
		float: none !important
	}
	.navbar-collapse.pull-left+.navbar-custom-menu {
		display: block;
		position: absolute;
		top: 0;
		right: 40px
	}
}

.main-sidebar,
.left-side {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 50px;
	min-height: 100%;
	width: 230px;
	z-index: 810;
	-webkit-transition: -webkit-transform .3s ease-in-out, width .3s ease-in-out;
	-moz-transition: -moz-transform .3s ease-in-out, width .3s ease-in-out;
	-o-transition: -o-transform .3s ease-in-out, width .3s ease-in-out;
	transition: transform .3s ease-in-out, width .3s ease-in-out
}

@media (max-width:767px) {
	.main-sidebar,
	.left-side {
		padding-top: 100px
	}
}

@media (max-width:767px) {
	.main-sidebar,
	.left-side {
		-webkit-transform: translate(-230px, 0);
		-ms-transform: translate(-230px, 0);
		-o-transform: translate(-230px, 0);
		transform: translate(-230px, 0)
	}
}

@media (min-width:768px) {
	.sidebar-collapse .main-sidebar,
	.sidebar-collapse .left-side {
		-webkit-transform: translate(-230px, 0);
		-ms-transform: translate(-230px, 0);
		-o-transform: translate(-230px, 0);
		transform: translate(-230px, 0)
	}
}

@media (max-width:767px) {
	.sidebar-open .main-sidebar,
	.sidebar-open .left-side {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

.sidebar {
	padding-bottom: 10px
}

.sidebar-form input:focus {
	border-color: transparent
}

.user-panel {
	position: relative;
	width: 100%;
	padding: 10px;
	overflow: hidden
}

.user-panel:before,
.user-panel:after {
	content: " ";
	display: table
}

.user-panel:after {
	clear: both
}

.user-panel>.image>img {
	width: 100%;
	max-width: 45px;
	height: auto
}

.user-panel>.info {
	padding: 5px 5px 5px 15px;
	line-height: 1
}

.user-panel>.info>p {
	font-weight: 600;
	margin-bottom: 9px
}

.user-panel>.info>a {
	text-decoration: none;
	padding-right: 5px;
	margin-top: 3px;
	font-size: 11px
}

.user-panel>.info>a>.fa,
.user-panel>.info>a>.ion,
.user-panel>.info>a>.glyphicon {
	margin-right: 3px
}

.sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0
}

.sidebar-menu>li {
	position: relative;
	margin: 0;
	padding: 0
}

.sidebar-menu>li>a {
	padding: 12px 5px 12px 15px;
	display: block
}

.sidebar-menu>li>a>.fa,
.sidebar-menu>li>a>.glyphicon,
.sidebar-menu>li>a>.ion {
	width: 20px
}

.sidebar-menu>li .label,
.sidebar-menu>li .badge {
	margin-right: 5px
}

.sidebar-menu>li .badge {
	margin-top: 3px
}

.sidebar-menu li.header {
	padding: 10px 25px 10px 15px;
	font-size: 12px
}

.sidebar-menu li>a>.fa-angle-left,
.sidebar-menu li>a>.pull-right-container>.fa-angle-left {
	width: auto;
	height: auto;
	padding: 0;
	margin-right: 10px;
	-webkit-transition: transform .5s ease;
	-o-transition: transform .5s ease;
	transition: transform .5s ease
}

.sidebar-menu li>a>.fa-angle-left {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -8px
}

.sidebar-menu .menu-open>a>.fa-angle-left,
.sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-left {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.sidebar-menu .active>.treeview-menu {
	display: block
}

@media (min-width:768px) {
	.sidebar-mini.sidebar-collapse .content-wrapper,
	.sidebar-mini.sidebar-collapse .right-side,
	.sidebar-mini.sidebar-collapse .main-footer {
		margin-left: 50px !important;
		z-index: 840
	}
	.sidebar-mini.sidebar-collapse .main-sidebar {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		width: 50px !important;
		z-index: 850
	}
	.sidebar-mini.sidebar-collapse .sidebar-menu>li {
		position: relative
	}
	.sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
		margin-right: 0
	}
	.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
		border-top-right-radius: 4px
	}
	.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span {
		border-bottom-right-radius: 4px
	}
	.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
		padding-top: 5px;
		padding-bottom: 5px;
		border-bottom-right-radius: 4px
	}
	.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,
	.sidebar-mini.sidebar-collapse .sidebar-form,
	.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span,
	.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,
	.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,
	.sidebar-mini.sidebar-collapse .sidebar-menu li.header {
		display: none !important;
		-webkit-transform: translateZ(0)
	}
	.sidebar-mini.sidebar-collapse .main-header .logo {
		width: 50px
	}
	.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: -15px;
		margin-right: -15px;
		height: 100%
	}
	.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {
		display: none
	}
	.sidebar-mini.sidebar-collapse .main-header .navbar {
		margin-left: 50px
	}
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right),
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
	display: block !important;
	position: absolute;
	width: 180px;
	left: 50px
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span {
	top: 0;
	margin-left: -3px;
	padding: 12px 5px 12px 20px;
	background-color: inherit
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
	position: relative !important;
	float: right;
	width: auto !important;
	left: 180px !important;
	top: -22px !important;
	z-index: 900
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type) {
	display: none
}

.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
	top: 44px;
	margin-left: 0
}

.sidebar-expanded-on-hover .main-footer,
.sidebar-expanded-on-hover .content-wrapper {
	margin-left: 50px
}

.sidebar-expanded-on-hover .main-sidebar {
	box-shadow: 3px 0 8px rgba(0, 0, 0, 0.125)
}

.sidebar-menu,
.main-sidebar .user-panel,
.sidebar-menu>li.header {
	white-space: nowrap;
	overflow: hidden
}

.sidebar-menu:hover {
	overflow: visible
}

.sidebar-form,
.sidebar-menu>li.header {
	overflow: hidden;
	text-overflow: clip
}

.sidebar-menu li>a {
	position: relative
}

.sidebar-menu li>a>.pull-right-container {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -7px
}

.control-sidebar-bg {
	position: fixed;
	z-index: 1000;
	bottom: 0
}

.control-sidebar-bg,
.control-sidebar {
	top: 0;
	right: -230px;
	width: 230px;
	-webkit-transition: right .3s ease-in-out;
	-o-transition: right .3s ease-in-out;
	transition: right .3s ease-in-out
}

.control-sidebar {
	position: absolute;
	padding-top: 50px;
	z-index: 1010
}

@media (max-width:768px) {
	.control-sidebar {
		padding-top: 100px
	}
}

.control-sidebar>.tab-content {
	padding: 10px 15px
}

.control-sidebar.control-sidebar-open,
.control-sidebar.control-sidebar-open+.control-sidebar-bg {
	right: 0
}

.control-sidebar-open .control-sidebar-bg,
.control-sidebar-open .control-sidebar {
	right: 0
}

@media (min-width:768px) {
	.control-sidebar-open .content-wrapper,
	.control-sidebar-open .right-side,
	.control-sidebar-open .main-footer {
		margin-right: 230px
	}
}

.fixed .control-sidebar {
	position: fixed;
	height: 100%;
	overflow-y: auto;
	padding-bottom: 50px
}

.nav-tabs.control-sidebar-tabs>li:first-of-type>a,
.nav-tabs.control-sidebar-tabs>li:first-of-type>a:hover,
.nav-tabs.control-sidebar-tabs>li:first-of-type>a:focus {
	border-left-width: 0
}

.nav-tabs.control-sidebar-tabs>li>a {
	border-radius: 0
}

.nav-tabs.control-sidebar-tabs>li>a,
.nav-tabs.control-sidebar-tabs>li>a:hover {
	border-top: none;
	border-right: none;
	border-left: 1px solid transparent;
	border-bottom: 1px solid transparent
}

.nav-tabs.control-sidebar-tabs>li>a .icon {
	font-size: 16px
}

.nav-tabs.control-sidebar-tabs>li.active>a,
.nav-tabs.control-sidebar-tabs>li.active>a:hover,
.nav-tabs.control-sidebar-tabs>li.active>a:focus,
.nav-tabs.control-sidebar-tabs>li.active>a:active {
	border-top: none;
	border-right: none;
	border-bottom: none
}

@media (max-width:768px) {
	.nav-tabs.control-sidebar-tabs {
		display: table
	}
	.nav-tabs.control-sidebar-tabs>li {
		display: table-cell
	}
}

.control-sidebar-heading {
	font-weight: 400;
	font-size: 16px;
	padding: 10px 0;
	margin-bottom: 10px
}

.control-sidebar-subheading {
	display: block;
	font-weight: 400;
	font-size: 14px
}

.control-sidebar-menu {
	list-style: none;
	padding: 0;
	margin: 0 -15px
}

.control-sidebar-menu>li>a {
	display: block;
	padding: 10px 15px
}

.control-sidebar-menu>li>a:before,
.control-sidebar-menu>li>a:after {
	content: " ";
	display: table
}

.control-sidebar-menu>li>a:after {
	clear: both
}

.control-sidebar-menu>li>a>.control-sidebar-subheading {
	margin-top: 0
}

.control-sidebar-menu .menu-icon {
	float: left;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	text-align: center;
	line-height: 35px
}

.control-sidebar-menu .menu-info {
	margin-left: 45px;
	margin-top: 3px
}

.control-sidebar-menu .menu-info>.control-sidebar-subheading {
	margin: 0
}

.control-sidebar-menu .menu-info>p {
	margin: 0;
	font-size: 11px
}

.control-sidebar-menu .progress {
	margin: 0
}

.control-sidebar-dark {
	color: #b8c7ce
}

.control-sidebar-dark,
.control-sidebar-dark+.control-sidebar-bg {
	background: #222d32
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs {
	border-bottom: #1c2529
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a {
	background: #181f23;
	color: #b8c7ce
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus {
	border-left-color: #141a1d;
	border-bottom-color: #141a1d
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:active {
	background: #1c2529
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover {
	color: #fff
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active {
	background: #222d32;
	color: #fff
}

.control-sidebar-dark .control-sidebar-heading,
.control-sidebar-dark .control-sidebar-subheading {
	color: #fff
}

.control-sidebar-dark .control-sidebar-menu>li>a:hover {
	background: #1e282c
}

.control-sidebar-dark .control-sidebar-menu>li>a .menu-info>p {
	color: #b8c7ce
}

.control-sidebar-light {
	color: #5e5e5e
}

.control-sidebar-light,
.control-sidebar-light+.control-sidebar-bg {
	background: #f9fafc;
	border-left: 1px solid #d2d6de
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs {
	border-bottom: #d2d6de
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a {
	background: #e8ecf4;
	color: #444
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a,
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus {
	border-left-color: #d2d6de;
	border-bottom-color: #d2d6de
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus,
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:active {
	background: #eff1f7
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a,
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:focus,
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:active {
	background: #f9fafc;
	color: #111
}

.control-sidebar-light .control-sidebar-heading,
.control-sidebar-light .control-sidebar-subheading {
	color: #111
}

.control-sidebar-light .control-sidebar-menu {
	margin-left: -14px
}

.control-sidebar-light .control-sidebar-menu>li>a:hover {
	background: #f4f4f5
}

.control-sidebar-light .control-sidebar-menu>li>a .menu-info>p {
	color: #5e5e5e
}

.dropdown-menu {
	box-shadow: none;
	border-color: #eee
}

.dropdown-menu>li>a {
	color: #777
}

.dropdown-menu>li>a>.glyphicon,
.dropdown-menu>li>a>.fa,
.dropdown-menu>li>a>.ion {
	margin-right: 10px
}

.dropdown-menu>li>a:hover {
	background-color: #e1e3e9;
	color: #333
}

.dropdown-menu>.divider {
	background-color: #eee
}

.navbar-nav>.notifications-menu>.dropdown-menu,
.navbar-nav>.messages-menu>.dropdown-menu,
.navbar-nav>.tasks-menu>.dropdown-menu {
	width: 280px;
	padding: 0 0 0 0;
	margin: 0;
	top: 100%
}

.navbar-nav>.notifications-menu>.dropdown-menu>li,
.navbar-nav>.messages-menu>.dropdown-menu>li,
.navbar-nav>.tasks-menu>.dropdown-menu>li {
	position: relative
}

.navbar-nav>.notifications-menu>.dropdown-menu>li.header,
.navbar-nav>.messages-menu>.dropdown-menu>li.header,
.navbar-nav>.tasks-menu>.dropdown-menu>li.header {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	background-color: #ffffff;
	padding: 7px 10px;
	border-bottom: 1px solid #f4f4f4;
	color: #444444;
	font-size: 14px
}

.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,
.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,
.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	font-size: 12px;
	background-color: #fff;
	padding: 7px 10px;
	border-bottom: 1px solid #eeeeee;
	color: #444 !important;
	text-align: center
}

@media (max-width:991px) {
	.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a,
	.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a,
	.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a {
		background: #fff !important;
		color: #444 !important
	}
}

.navbar-nav>.notifications-menu>.dropdown-menu>li.footer>a:hover,
.navbar-nav>.messages-menu>.dropdown-menu>li.footer>a:hover,
.navbar-nav>.tasks-menu>.dropdown-menu>li.footer>a:hover {
	text-decoration: none;
	font-weight: normal
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu {
	max-height: 200px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: hidden
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
	display: block;
	white-space: nowrap;
	border-bottom: 1px solid #f4f4f4
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover,
.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover {
	background: #f4f4f4;
	text-decoration: none
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a {
	color: #444444;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 10px
}

.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa,
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion {
	width: 20px
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a {
	margin: 0;
	padding: 10px 10px
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img {
	margin: auto 10px auto auto;
	width: 40px;
	height: 40px
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 {
	padding: 0;
	margin: 0 0 0 45px;
	color: #444444;
	font-size: 15px;
	position: relative
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small {
	color: #999999;
	font-size: 10px;
	position: absolute;
	top: 0;
	right: 0
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p {
	margin: 0 0 0 45px;
	font-size: 12px;
	color: #888888
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
	content: " ";
	display: table
}

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after {
	clear: both
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a {
	padding: 10px
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>h3 {
	font-size: 14px;
	padding: 0;
	margin: 0 0 10px 0;
	color: #666666
}

.navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a>.progress {
	padding: 0;
	margin: 0
}

.navbar-nav>.user-menu>.dropdown-menu {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	padding: 1px 0 0 0;
	border-top-width: 0;
	width: 280px
}

.navbar-nav>.user-menu>.dropdown-menu,
.navbar-nav>.user-menu>.dropdown-menu>.user-body {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
	height: 175px;
	padding: 10px;
	text-align: center
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
	z-index: 5;
	height: 90px;
	width: 90px;
	border: 3px solid;
	border-color: transparent;
	border-color: rgba(255, 255, 255, 0.2)
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
	z-index: 5;
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	font-size: 17px;
	margin-top: 10px
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small {
	display: block;
	font-size: 12px
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body {
	padding: 15px;
	border-bottom: 1px solid #f4f4f4;
	border-top: 1px solid #dddddd
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body:before,
.navbar-nav>.user-menu>.dropdown-menu>.user-body:after {
	content: " ";
	display: table
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body:after {
	clear: both
}

.navbar-nav>.user-menu>.dropdown-menu>.user-body a {
	color: #444 !important
}

@media (max-width:991px) {
	.navbar-nav>.user-menu>.dropdown-menu>.user-body a {
		background: #fff !important;
		color: #444 !important
	}
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
	background-color: #f9f9f9;
	padding: 10px
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer:before,
.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after {
	content: " ";
	display: table
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer:after {
	clear: both
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
	color: #666666
}

@media (max-width:991px) {
	.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default:hover {
		background-color: #f9f9f9
	}
}

.navbar-nav>.user-menu .user-image {
	float: left;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	margin-right: 10px;
	margin-top: -2px
}

@media (max-width:767px) {
	.navbar-nav>.user-menu .user-image {
		float: none;
		margin-right: 0;
		margin-top: -8px;
		line-height: 10px
	}
}

.open:not(.dropup)>.animated-dropdown-menu {
	backface-visibility: visible !important;
	-webkit-animation: flipInX .7s both;
	-o-animation: flipInX .7s both;
	animation: flipInX .7s both
}

@keyframes flipInX {
	0% {
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transition-timing-function: ease-in
	}
	60% {
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}
	80% {
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}
	100% {
		transform: perspective(400px)
	}
}

@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		opacity: 0
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}
	100% {
		-webkit-transform: perspective(400px)
	}
}

.navbar-custom-menu>.navbar-nav>li {
	position: relative
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
	position: absolute;
	right: 0;
	left: auto
}

@media (max-width:991px) {
	.navbar-custom-menu>.navbar-nav {
		float: right
	}
	.navbar-custom-menu>.navbar-nav>li {
		position: static
	}
	.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
		position: absolute;
		right: 5%;
		left: auto;
		border: 1px solid #ddd;
		background: #fff
	}
}

.form-control {
	border-radius: 0;
	box-shadow: none;
	border-color: #d2d6de;
}

.form-control:focus {
	border-color: #3c8dbc;
	box-shadow: none
}

.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
	color: #bbb;
	opacity: 1
}

.form-control:not(select) {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.form-group.has-success label {
	color: #00a65a
}

.form-group.has-success .form-control,
.form-group.has-success .input-group-addon {
	border-color: #00a65a;
	box-shadow: none
}

.form-group.has-success .help-block {
	color: #00a65a
}

.form-group.has-warning label {
	color: #f39c12
}

.form-group.has-warning .form-control,
.form-group.has-warning .input-group-addon {
	border-color: #f39c12;
	box-shadow: none
}

.form-group.has-warning .help-block {
	color: #f39c12
}

.form-group.has-error .label-info {
	color: #dd4b39
}

.form-group.has-error .form-control,
.form-group.has-error .input-group-addon,.has-error {
	border-color: #dd4b39;
	box-shadow: none
}

.form-group.has-error .help-block {
	color: #dd4b39
}

.input-group .input-group-addon {
	border-radius: 0;
	border-color: #d2d6de;
	background-color: #fff
}

.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
	border-radius: 0
}

.icheck>label {
	padding-left: 0
}

.form-control-feedback.fa {
	line-height: 34px
}

.input-lg+.form-control-feedback.fa,
.input-group-lg+.form-control-feedback.fa,
.form-group-lg .form-control+.form-control-feedback.fa {
	line-height: 46px
}

.input-sm+.form-control-feedback.fa,
.input-group-sm+.form-control-feedback.fa,
.form-group-sm .form-control+.form-control-feedback.fa {
	line-height: 30px
}

.progress,
.progress>.progress-bar {
	-webkit-box-shadow: none;
	box-shadow: none
}

.progress,
.progress>.progress-bar,
.progress .progress-bar,
.progress>.progress-bar .progress-bar {
	border-radius: 1px
}

.progress.sm,
.progress-sm {
	height: 10px
}

.progress.sm,
.progress-sm,
.progress.sm .progress-bar,
.progress-sm .progress-bar {
	border-radius: 1px
}

.progress.xs,
.progress-xs {
	height: 7px
}

.progress.xs,
.progress-xs,
.progress.xs .progress-bar,
.progress-xs .progress-bar {
	border-radius: 1px
}

.progress.xxs,
.progress-xxs {
	height: 3px
}

.progress.xxs,
.progress-xxs,
.progress.xxs .progress-bar,
.progress-xxs .progress-bar {
	border-radius: 1px
}

.progress.vertical {
	position: relative;
	width: 30px;
	height: 200px;
	display: inline-block;
	margin-right: 10px
}

.progress.vertical>.progress-bar {
	width: 100%;
	position: absolute;
	bottom: 0
}

.progress.vertical.sm,
.progress.vertical.progress-sm {
	width: 20px
}

.progress.vertical.xs,
.progress.vertical.progress-xs {
	width: 10px
}

.progress.vertical.xxs,
.progress.vertical.progress-xxs {
	width: 3px
}

.progress-group .progress-text {
	font-weight: 600
}

.progress-group .progress-number {
	float: right
}

.table tr>td .progress {
	margin: 0
}

.progress-bar-light-blue,
.progress-bar-primary {
	background-color: #3c8dbc
}

.progress-striped .progress-bar-light-blue,
.progress-striped .progress-bar-primary {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-green,
.progress-bar-success {
	background-color: #00a65a
}

.progress-striped .progress-bar-green,
.progress-striped .progress-bar-success {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-aqua,
.progress-bar-info {
	background-color: #00c0ef
}

.progress-striped .progress-bar-aqua,
.progress-striped .progress-bar-info {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-yellow,
.progress-bar-warning {
	background-color: #f39c12
}

.progress-striped .progress-bar-yellow,
.progress-striped .progress-bar-warning {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-red,
.progress-bar-danger {
	background-color: #dd4b39
}

.progress-striped .progress-bar-red,
.progress-striped .progress-bar-danger {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.small-box {
	border-radius: 2px;
	position: relative;
	display: block;
	margin-bottom: 20px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.small-box>.inner {
	padding: 10px
}

.small-box>.small-box-footer {
	position: relative;
	text-align: center;
	padding: 3px 0;
	color: #fff;
	color: rgba(255, 255, 255, 0.8);
	display: block;
	z-index: 10;
	background: rgba(0, 0, 0, 0.1);
	text-decoration: none
}

.small-box>.small-box-footer:hover {
	color: #fff;
	background: rgba(0, 0, 0, 0.15)
}

.small-box h3 {
	font-size: 38px;
	font-weight: bold;
	margin: 0 0 10px 0;
	white-space: nowrap;
	padding: 0
}

.small-box p {
	font-size: 15px
}

.small-box p>small {
	display: block;
	color: #f9f9f9;
	font-size: 13px;
	margin-top: 5px
}

.small-box h3,
.small-box p {
	z-index: 5
}

.small-box .icon {
	-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	top: -10px;
	right: 10px;
	z-index: 0;
	font-size: 90px;
	color: rgba(0, 0, 0, 0.15)
}

.small-box:hover {
	text-decoration: none;
	color: #f9f9f9
}

.small-box:hover .icon {
	font-size: 95px
}

@media (max-width:767px) {
	.small-box {
		text-align: center
	}
	.small-box .icon {
		display: none
	}
	.small-box p {
		font-size: 12px
	}
}

.box {
	position: relative;
	border-radius: 3px;
	background: #ffffff;
	border-top: 3px solid #d2d6de;
	margin-bottom: 20px;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}

.box.box-primary {
	border-top-color: #3c8dbc
}

.box.box-info {
	border-top-color: #00c0ef
}

.box.box-danger {
	border-top-color: #dd4b39
}

.box.box-warning {
	border-top-color: #f39c12
}

.box.box-success {
	border-top-color: #00a65a
}

.box.box-default {
	border-top-color: #d2d6de
}

.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
	display: none
}

.box .nav-stacked>li {
	border-bottom: 1px solid #f4f4f4;
	margin: 0
}

.box .nav-stacked>li:last-of-type {
	border-bottom: none
}

.box.height-control .box-body {
	max-height: 300px;
	overflow: auto
}

.box .border-right {
	border-right: 1px solid #f4f4f4
}

.box .border-left {
	border-left: 1px solid #f4f4f4
}

.box.box-solid {
	border-top: 0
}

.box.box-solid>.box-header .btn.btn-default {
	background: transparent
}

.box.box-solid>.box-header .btn:hover,
.box.box-solid>.box-header a:hover {
	background: rgba(0, 0, 0, 0.1)
}

.box.box-solid.box-default {
	border: 1px solid #d2d6de
}

.box.box-solid.box-default>.box-header {
	color: #444;
	background: #d2d6de;
	background-color: #d2d6de
}

.box.box-solid.box-default>.box-header a,
.box.box-solid.box-default>.box-header .btn {
	color: #444
}

.box.box-solid.box-primary {
	border: 1px solid #3c8dbc
}

.box.box-solid.box-primary>.box-header {
	color: #fff;
	background: #3c8dbc;
	background-color: #3c8dbc
}

.box.box-solid.box-primary>.box-header a,
.box.box-solid.box-primary>.box-header .btn {
	color: #fff
}

.box.box-solid.box-info {
	border: 1px solid #00c0ef
}

.box.box-solid.box-info>.box-header {
	color: #fff;
	background: #00c0ef;
	background-color: #00c0ef
}

.box.box-solid.box-info>.box-header a,
.box.box-solid.box-info>.box-header .btn {
	color: #fff
}

.box.box-solid.box-danger {
	border: 1px solid #dd4b39
}

.box.box-solid.box-danger>.box-header {
	color: #fff;
	background: #dd4b39;
	background-color: #dd4b39
}

.box.box-solid.box-danger>.box-header a,
.box.box-solid.box-danger>.box-header .btn {
	color: #fff
}

.box.box-solid.box-warning {
	border: 1px solid #f39c12
}

.box.box-solid.box-warning>.box-header {
	color: #fff;
	background: #f39c12;
	background-color: #f39c12
}

.box.box-solid.box-warning>.box-header a,
.box.box-solid.box-warning>.box-header .btn {
	color: #fff
}

.box.box-solid.box-success {
	border: 1px solid #00a65a
}

.box.box-solid.box-success>.box-header {
	color: #fff;
	background: #00a65a;
	background-color: #00a65a
}

.box.box-solid.box-success>.box-header a,
.box.box-solid.box-success>.box-header .btn {
	color: #fff
}

.box.box-solid>.box-header>.box-tools .btn {
	border: 0;
	box-shadow: none
}

.box.box-solid[class*='bg']>.box-header {
	color: #fff
}

.box .box-group>.box {
	margin-bottom: 5px
}

.box .knob-label {
	text-align: center;
	color: #333;
	font-weight: 100;
	font-size: 12px;
	margin-bottom: 0.3em
}

.box>.overlay,
.overlay-wrapper>.overlay,
.box>.loading-img,
.overlay-wrapper>.loading-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.box .overlay,
.overlay-wrapper .overlay {
	z-index: 50;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 3px
}

.box .overlay>.fa,
.overlay-wrapper .overlay>.fa {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -15px;
	margin-top: -15px;
	color: #000;
	font-size: 30px
}

.box .overlay.dark,
.overlay-wrapper .overlay.dark {
	background: rgba(0, 0, 0, 0.5)
}

.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
	content: " ";
	display: table
}

.box-header:after,
.box-body:after,
.box-footer:after {
	clear: both
}

.box-header {
	color: #444;
	display: block;
	padding: 10px;
	position: relative
}

.box-header.with-border {
	border-bottom: 1px solid #f4f4f4
}

.collapsed-box .box-header.with-border {
	border-bottom: none
}

.box-header>.fa,
.box-header>.glyphicon,
.box-header>.ion,
.box-header .box-title {
	display: inline-block;
	font-size: 18px;
	margin: 0;
	line-height: 1
}

.box-header>.fa,
.box-header>.glyphicon,
.box-header>.ion {
	margin-right: 5px
}

.box-header>.box-tools {
	position: absolute;
	right: 10px;
	top: 5px
}

.box-header>.box-tools [data-toggle="tooltip"] {
	position: relative
}

.box-header>.box-tools.pull-right .dropdown-menu {
	right: 0;
	left: auto
}

.box-header>.box-tools .dropdown-menu>li>a {
	color: #444!important
}

.btn-box-tool {
	padding: 5px;
	font-size: 12px;
	background: transparent;
	color: #97a0b3
}

.open .btn-box-tool,
.btn-box-tool:hover {
	color: #606c84
}

.btn-box-tool.btn:active {
	box-shadow: none
}

.box-body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 10px
}

.no-header .box-body {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}

.box-body>.table {
	margin-bottom: 0
}

.box-body .fc {
	margin-top: 5px
}

.box-body .full-width-chart {
	margin: -19px
}

.box-body.no-padding .full-width-chart {
	margin: -9px
}

.box-body .box-pane {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 3px
}

.box-body .box-pane-right {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 0
}

.box-footer {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top: 1px solid #f4f4f4;
	padding: 10px;
	background-color: #fff
}

.chart-legend {
	margin: 10px 0
}

@media (max-width:991px) {
	.chart-legend>li {
		float: left;
		margin-right: 10px
	}
}

.box-comments {
	background: #f7f7f7
}

.box-comments .box-comment {
	padding: 8px 0;
	border-bottom: 1px solid #eee
}

.box-comments .box-comment:before,
.box-comments .box-comment:after {
	content: " ";
	display: table
}

.box-comments .box-comment:after {
	clear: both
}

.box-comments .box-comment:last-of-type {
	border-bottom: 0
}

.box-comments .box-comment:first-of-type {
	padding-top: 0
}

.box-comments .box-comment img {
	float: left
}

.box-comments .comment-text {
	margin-left: 40px;
	color: #555
}

.box-comments .username {
	color: #444;
	display: block;
	font-weight: 600
}

.box-comments .text-muted {
	font-weight: 400;
	font-size: 12px
}

.todo-list {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: auto
}

.todo-list>li {
	border-radius: 2px;
	padding: 10px;
	background: #f4f4f4;
	margin-bottom: 2px;
	border-left: 2px solid #e6e7e8;
	color: #444
}

.todo-list>li:last-of-type {
	margin-bottom: 0
}

.todo-list>li>input[type='checkbox'] {
	margin: 0 10px 0 5px
}

.todo-list>li .text {
	display: inline-block;
	margin-left: 5px;
	font-weight: 600
}

.todo-list>li .label {
	margin-left: 10px;
	font-size: 9px
}

.todo-list>li .tools {
	display: none;
	float: right;
	color: #dd4b39
}

.todo-list>li .tools>.fa,
.todo-list>li .tools>.glyphicon,
.todo-list>li .tools>.ion {
	margin-right: 5px;
	cursor: pointer
}

.todo-list>li:hover .tools {
	display: inline-block
}

.todo-list>li.done {
	color: #999
}

.todo-list>li.done .text {
	text-decoration: line-through;
	font-weight: 500
}

.todo-list>li.done .label {
	background: #d2d6de !important
}

.todo-list .danger {
	border-left-color: #dd4b39
}

.todo-list .warning {
	border-left-color: #f39c12
}

.todo-list .info {
	border-left-color: #00c0ef
}

.todo-list .success {
	border-left-color: #00a65a
}

.todo-list .primary {
	border-left-color: #3c8dbc
}

.todo-list .handle {
	display: inline-block;
	cursor: move;
	margin: 0 5px
}

.chat {
	padding: 5px 20px 5px 10px
}

.chat .item {
	margin-bottom: 10px
}

.chat .item:before,
.chat .item:after {
	content: " ";
	display: table
}

.chat .item:after {
	clear: both
}

.chat .item>img {
	width: 40px;
	height: 40px;
	border: 2px solid transparent;
	border-radius: 50%
}

.chat .item>.online {
	border: 2px solid #00a65a
}

.chat .item>.offline {
	border: 2px solid #dd4b39
}

.chat .item>.message {
	margin-left: 55px;
	margin-top: -40px
}

.chat .item>.message>.name {
	display: block;
	font-weight: 600
}

.chat .item>.attachment {
	border-radius: 3px;
	background: #f4f4f4;
	margin-left: 65px;
	margin-right: 15px;
	padding: 10px
}

.chat .item>.attachment>h4 {
	margin: 0 0 5px 0;
	font-weight: 600;
	font-size: 14px
}

.chat .item>.attachment>p,
.chat .item>.attachment>.filename {
	font-weight: 600;
	font-size: 13px;
	font-style: italic;
	margin: 0
}

.chat .item>.attachment:before,
.chat .item>.attachment:after {
	content: " ";
	display: table
}

.chat .item>.attachment:after {
	clear: both
}

.box-input {
	max-width: 200px
}

.modal .panel-body {
	color: #444
}

.info-box {
	display: block;
	min-height: 90px;
	background: #fff;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	margin-bottom: 15px
}

.info-box small {
	font-size: 14px
}

.info-box .progress {
	background: rgba(0, 0, 0, 0.2);
	margin: 5px -10px 5px -10px;
	height: 2px
}

.info-box .progress,
.info-box .progress .progress-bar {
	border-radius: 0
}

.info-box .progress .progress-bar {
	background: #fff
}

.info-box-icon {
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px;
	display: block;
	float: left;
	height: 90px;
	width: 90px;
	text-align: center;
	font-size: 45px;
	line-height: 90px;
	background: rgba(0, 0, 0, 0.2)
}

.info-box-icon>img {
	max-width: 100%
}

.info-box-content {
	padding: 5px 10px;
	margin-left: 90px
}

.info-box-number {
	display: block;
	font-weight: bold;
	font-size: 18px
}

.progress-description,
.info-box-text {
	display: block;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.info-box-text {
	text-transform: uppercase
}

.info-box-more {
	display: block
}

.progress-description {
	margin: 0
}

.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>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>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: 16px;
	line-height: 1.1
}

.timeline>li>.timeline-item>.timeline-header>a {
	font-weight: 600
}

.timeline>li>.timeline-item>.timeline-body,
.timeline>li>.timeline-item>.timeline-footer {
	padding: 10px
}

.timeline>li>.fa,
.timeline>li>.glyphicon,
.timeline>li>.ion {
	width: 30px;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	position: absolute;
	color: #666;
	background: #d2d6de;
	border-radius: 50%;
	text-align: center;
	left: 18px;
	top: 0
}

.timeline>.time-label>span {
	font-weight: 600;
	padding: 5px;
	display: inline-block;
	background-color: #fff;
	border-radius: 4px
}

.timeline-inverse>li>.timeline-item {
	background: #f0f0f0;
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none
}

.timeline-inverse>li>.timeline-item>.timeline-header {
	border-bottom-color: #ddd
}

.btn {
	border-radius: 3px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid transparent
}

.btn.uppercase {
	text-transform: uppercase
}

.btn.btn-flat {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-width: 1px
}

.btn:active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn:focus {
	outline: none
}

.btn.btn-file {
	position: relative;
	overflow: hidden
}

.btn.btn-file>input[type='file'] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	opacity: 0;
	filter: alpha(opacity=0);
	outline: none;
	background: white;
	cursor: inherit;
	display: block
}

.btn-default {
	background-color: #f4f4f4;
	color: #444;
	border-color: #ddd
}

.btn-default:hover,
.btn-default:active,
.btn-default.hover {
	background-color: #e7e7e7
}

.btn-primary {
    background-color: #3c8dbc !important;
    border-color: #367fa9 !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
	background-color: #367fa9 !important;
	color:#ffffff;
}

.btn-success {
	background-color: #00a65a;
	border-color: #008d4c
}

.btn-success:hover,
.btn-success:active,
.btn-success.hover {
	background-color: #008d4c
}

.btn-info {
	background-color: #00c0ef;
	border-color: #00acd6;
	color:#ffffff;
}

.btn-info:hover,
.btn-info:active,
.btn-info.hover {
	background-color: #00acd6;
	color:#ffffff;
}

.btn-danger {
	background-color: #dd4b39;
	border-color: #d73925
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.hover {
	background-color: #d73925
}

.btn-warning {
	background-color: #f39c12;
	border-color: #e08e0b;
	color:#fff;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.hover {
	background-color: #e08e0b;
	color: #ffffff;
}

.btn-outline {
	border: 1px solid #fff;
	background: transparent;
	color: #fff
}

.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
	color: rgba(255, 255, 255, 0.7);
	border-color: rgba(255, 255, 255, 0.7)
}

.btn-link {
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration:none;
}

.btn[class*='bg-']:hover {
	-webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2)
}

.btn-app {
	border-radius: 3px;
	position: relative;
	padding: 15px 5px;
	margin: 0 0 10px 10px;
	min-width: 80px;
	height: 60px;
	text-align: center;
	color: #666;
	border: 1px solid #ddd;
	background-color: #f4f4f4;
	font-size: 12px
}

.btn-app>.fa,
.btn-app>.glyphicon,
.btn-app>.ion {
	font-size: 20px;
	display: block
}

.btn-app:hover {
	background: #f4f4f4;
	color: #444;
	border-color: #aaa
}

.btn-app:active,
.btn-app:focus {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	-moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn-app>.badge {
	position: absolute;
	top: -3px;
	right: -10px;
	font-size: 10px;
	font-weight: 400
}

.callout {
	border-radius: 3px;
	margin: 0 0 20px 0;
	padding: 15px 30px 15px 15px;
	border-left: 5px solid #eee
}

.callout a {
	color: #fff;
	text-decoration: underline
}

.callout a:hover {
	color: #eee
}

.callout h4 {
	margin-top: 0;
	font-weight: 600
}

.callout p:last-child {
	margin-bottom: 0
}

.callout code,
.callout .highlight {
	background-color: #fff
}

.callout.callout-danger {
	border-color: #c23321
}

.callout.callout-warning {
	border-color: #c87f0a
}

.callout.callout-info {
	border-color: #0097bc
}

.callout.callout-success {
	border-color: #00733e
}

.alert {
	border-radius: 3px
}

.alert h4 {
	font-weight: 600
}

.alert .icon {
	margin-right: 10px
}

.alert .close {
	color: #000;
	opacity: .2;
	filter: alpha(opacity=20)
}

.alert .close:hover {
	opacity: .5;
	filter: alpha(opacity=50)
}

.alert a {
	color: #fff;
	text-decoration: underline
}

.alert-success {
	border-color: #008d4c
}

.alert-danger,
.alert-error {
	border-color: #d73925
}

.alert-warning {
	border-color: #e08e0b
}

.alert-info {
	border-color: #00acd6
}

.nav>li>a:hover,
.nav>li>a:active,
.nav>li>a:focus {
	color: #444;
	background: #f7f7f7
}

.nav-pills>li>a {
	border-radius: 0;
	border-top: 3px solid transparent;
	color: #444
}

.nav-pills>li>a>.fa,
.nav-pills>li>a>.glyphicon,
.nav-pills>li>a>.ion {
	margin-right: 5px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
	border-top-color: #3c8dbc
}

.nav-pills>li.active>a {
	font-weight: 600
}

.nav-stacked>li>a {
	border-radius: 0;
	border-top: 0;
	border-left: 3px solid transparent;
	color: #444
}

.nav-stacked>li.active>a,
.nav-stacked>li.active>a:hover {
	background: transparent;
	color: #444;
	border-top: 0;
	border-left-color: #3c8dbc
}

.nav-stacked>li.header {
	border-bottom: 1px solid #ddd;
	color: #777;
	margin-bottom: 10px;
	padding: 5px 10px;
	text-transform: uppercase
}

.nav-tabs-custom {
	margin-bottom: 20px;
	background: #fff;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 3px
}

.nav-tabs-custom>.nav-tabs {
	margin: 0;
	border-bottom-color: #f4f4f4;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}

.nav-tabs-custom>.nav-tabs>li a.active {
	border-top: 3px solid transparent;
	margin-bottom: -2px;
}

.nav-tabs-custom>.nav-tabs>li.disabled>a {
	color: #777
}

.nav-tabs-custom>.nav-tabs>li>a {
	color: #444;
	position: relative;
	z-index: 1;
}

.nav-tabs-custom>.nav-tabs>li>a.text-muted {
	color: #999
}

.nav-tabs-custom>.nav-tabs>li>a,
.nav-tabs-custom>.nav-tabs>li>a:hover {
	background: transparent;
}

.nav-tabs-custom>.nav-tabs>li>a:hover {
	color: #999
}

.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover,
.nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,
.nav-tabs-custom>.nav-tabs>li:not(.active)>a:active {
	border-color: transparent
}

.nav-tabs-custom>.nav-tabs>li a.active {
	border-top-color: #3c8dbc
}

.nav-tabs-custom>.nav-tabs>li.active>a,
.nav-tabs-custom>.nav-tabs>li.active:hover>a {
	background-color: #fff;
	color: #444
}

.nav-tabs-custom>.nav-tabs>li.active>a {
	border-top-color: transparent;
	border-left-color: #f4f4f4;
	border-right-color: #f4f4f4
}

.nav-tabs-custom>.nav-tabs>li:first-of-type {
	margin-left: 0
}

.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
	border-left-color: transparent
}

.nav-tabs-custom>.nav-tabs.pull-right {
	float: none !important
}

.nav-tabs-custom>.nav-tabs.pull-right>li {
	float: right
}

.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type {
	margin-right: 0
}

.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a {
	border-left-width: 1px
}

.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
	border-left-color: #f4f4f4;
	border-right-color: transparent
}

.nav-tabs-custom>.nav-tabs>li.header {
	line-height: 35px;
	padding: 0 10px;
	font-size: 20px;
	color: #444
}

.nav-tabs-custom>.nav-tabs>li.header>.fa,
.nav-tabs-custom>.nav-tabs>li.header>.glyphicon,
.nav-tabs-custom>.nav-tabs>li.header>.ion {
	margin-right: 5px
}

.nav-tabs-custom>.tab-content {
	background: #fff;
	padding: 10px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px
}

.nav-tabs-custom .dropdown.open>a:active,
.nav-tabs-custom .dropdown.open>a:focus {
	background: transparent;
	color: #999
}

.nav-tabs-custom.tab-primary>.nav-tabs>li.active {
	border-top-color: #3c8dbc
}

.nav-tabs-custom.tab-info>.nav-tabs>li.active {
	border-top-color: #00c0ef
}

.nav-tabs-custom.tab-danger>.nav-tabs>li.active {
	border-top-color: #dd4b39
}

.nav-tabs-custom.tab-warning>.nav-tabs>li.active {
	border-top-color: #f39c12
}

.nav-tabs-custom.tab-success>.nav-tabs>li.active {
	border-top-color: #00a65a
}

.nav-tabs-custom.tab-default>.nav-tabs>li.active {
	border-top-color: #d2d6de
}

.pagination{
	justify-content: right;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li>a {
	background: #fafafa;
	color: #666;
}

.pagination.pagination-flat>li>a {
	border-radius: 0 !important
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.table-info{padding-top:8px;}
.products-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.products-list>.item {
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	padding: 10px 0;
	background: #fff
}

.products-list>.item:before,
.products-list>.item:after {
	content: " ";
	display: table
}

.products-list>.item:after {
	clear: both
}

.products-list .product-img {
	float: left
}

.products-list .product-img img {
	width: 50px;
	height: 50px
}

.products-list .product-info {
	margin-left: 60px
}

.products-list .product-title {
	font-weight: 600
}

.products-list .product-description {
	display: block;
	color: #999;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.product-list-in-box>.item {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
	border-bottom: 1px solid #f4f4f4
}

.product-list-in-box>.item:last-of-type {
	border-bottom-width: 0
}

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	border-top: 1px solid #f4f4f4
}

.table>thead>tr>th {
	border-bottom: 2px solid #f4f4f4
}

.table tr td .progress {
	margin-top: 5px
}

.table-bordered {
	border: 1px solid #f4f4f4
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
	border: 1px solid #f4f4f4
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
	border-bottom-width: 2px
}

.table.no-border,
.table.no-border td,
.table.no-border th {
	border: 0
}

table.text-center,
table.text-center td,
table.text-center th {
	text-align: center
}

.table.align th {
	text-align: left
}

.table.align td {
	text-align: right
}

.label-default {
	background-color: #d2d6de;
	color: #444
}

.direct-chat .box-body {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	position: relative;
	overflow-x: hidden;
	padding: 0
}

.direct-chat.chat-pane-open .direct-chat-contacts {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}

.direct-chat-messages {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	padding: 10px;
	height: 250px;
	overflow: auto
}

.direct-chat-text {
	display: inline-block
}

.direct-chat-msg {
	display: block
}

.direct-chat-msg {
	margin-bottom: 10px
}

.direct-chat-msg:before,
.direct-chat-msg:after {
	content: " ";
	display: table
}

.direct-chat-msg:after {
	clear: both
}

.direct-chat-messages,
.direct-chat-contacts {
	-webkit-transition: -webkit-transform .5s ease-in-out;
	-moz-transition: -moz-transform .5s ease-in-out;
	-o-transition: -o-transform .5s ease-in-out;
	transition: transform .5s ease-in-out
}

.direct-chat-text {
	border-radius: 5px;
	position: relative;
	padding: 5px 10px;
	background: #d2d6de;
	border: 1px solid #d2d6de;
	margin: 5px 10px 0 0;
	color: #444
}

.direct-chat-text:after,
.direct-chat-text:before {
	position: absolute;
	left: 100%;
	top: 15px;
	border: solid transparent;
	border-left-color: #d2d6de;
	content: ' ';
	height: 0;
	width: 0;
	pointer-events: none
}

.direct-chat-text:after {
	border-width: 5px;
	margin-top: -5px
}

.direct-chat-text:before {
	border-width: 6px;
	margin-top: -6px
}

.left .direct-chat-text {
	margin-left: 10px;
	margin-right: 0
}

.left .direct-chat-text:after,
.left .direct-chat-text:before {
	left: auto;
	right: 100%;
	border-left-color: transparent;
	border-right-color: #d2d6de
}

.direct-chat-img {
	border-radius: 50%;
	float: right;
	width: 40px;
	height: 40px
}

.left .direct-chat-img {
	float: left
}

.direct-chat-info {
	display: block;
	margin-bottom: 2px;
	font-size: 12px
}

.direct-chat-name {
	font-weight: 600
}

.direct-chat-timestamp {
	color: #999
}

.direct-chat-contacts-open .direct-chat-contacts {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}

.direct-chat-contacts {
	-webkit-transform: translate(101%, 0);
	-ms-transform: translate(101%, 0);
	-o-transform: translate(101%, 0);
	transform: translate(101%, 0);
	position: absolute;
	top: 0;
	bottom: 0;
	height: 250px;
	width: 100%;
	background: #222d32;
	color: #fff;
	overflow: auto
}

.contacts-list>li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding: 10px;
	margin: 0
}

.contacts-list>li:before,
.contacts-list>li:after {
	content: " ";
	display: table
}

.contacts-list>li:after {
	clear: both
}

.contacts-list>li:last-of-type {
	border-bottom: none
}

.contacts-list-img {
	border-radius: 50%;
	width: 40px;
	float: left
}

.contacts-list-info {
	margin-left: 45px;
	color: #fff
}

.contacts-list-name,
.contacts-list-status {
	display: block
}

.contacts-list-name {
	font-weight: 600
}

.contacts-list-status {
	font-size: 12px
}

.contacts-list-date {
	color: #aaa;
	font-weight: normal
}

.contacts-list-msg {
	color: #999
}

.direct-chat-danger .left .direct-chat-text {
	background: #dd4b39;
	border-color: #dd4b39;
	color: #fff
}

.direct-chat-danger .left .direct-chat-text:after,
.direct-chat-danger .left .direct-chat-text:before {
	border-right-color: #dd4b39
}

.direct-chat-primary .left .direct-chat-text {
	background: #3c8dbc;
	border-color: #3c8dbc;
	color: #fff
}

.direct-chat-primary .left .direct-chat-text:after,
.direct-chat-primary .left .direct-chat-text:before {
	border-right-color: #3c8dbc
}

.direct-chat-warning .left .direct-chat-text {
	background: #f39c12;
	border-color: #f39c12;
	color: #fff
}

.direct-chat-warning .left .direct-chat-text:after,
.direct-chat-warning .left .direct-chat-text:before {
	border-right-color: #f39c12
}

.direct-chat-info .left .direct-chat-text {
	background: #00c0ef;
	border-color: #00c0ef;
	color: #fff
}

.direct-chat-info .left .direct-chat-text:after,
.direct-chat-info .left .direct-chat-text:before {
	border-right-color: #00c0ef
}

.direct-chat-success .left .direct-chat-text {
	background: #00a65a;
	border-color: #00a65a;
	color: #fff
}

.direct-chat-success .left .direct-chat-text:after,
.direct-chat-success .left .direct-chat-text:before {
	border-right-color: #00a65a
}

.users-list>li {
	width: 25%;
	float: left;
	padding: 10px;
	text-align: center
}

.users-list>li img {
	border-radius: 50%;
	max-width: 100%;
	height: auto
}

.users-list>li>a:hover,
.users-list>li>a:hover .users-list-name {
	color: #999
}

.users-list-name,
.users-list-date {
	display: block
}

.users-list-name {
	font-weight: 600;
	color: #444;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.users-list-date {
	color: #999;
	font-size: 12px
}

.carousel-control.left,
.carousel-control.right {
	background-image: none
}

.carousel-control>.fa {
	font-size: 40px;
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -20px
}

.modal {
	background: rgba(0, 0, 0, 0.3)
}

.modal-content {
	border-radius: 0;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
	border: 0
}

@media (min-width:768px) {
	.modal-content {
		-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
		box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125)
	}
}

.modal-header {
	border-bottom-color: #f4f4f4
}

.modal-footer {
	border-top-color: #f4f4f4
}

.modal-primary .modal-header,
.modal-primary .modal-footer {
	border-color: #307095
}

.modal-warning .modal-header,
.modal-warning .modal-footer {
	border-color: #c87f0a
}

.modal-info .modal-header,
.modal-info .modal-footer {
	border-color: #0097bc
}

.modal-success .modal-header,
.modal-success .modal-footer {
	border-color: #00733e
}

.modal-danger .modal-header,
.modal-danger .modal-footer {
	border-color: #c23321
}

.box-widget {
	border: none;
	position: relative
}

.widget-user .widget-user-header {
	padding: 20px;
	height: 120px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}

.widget-user .widget-user-username {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 25px;
	font-weight: 300;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
}

.widget-user .widget-user-desc {
	margin-top: 0
}

.widget-user .widget-user-image {
	position: absolute;
	top: 65px;
	left: 50%;
	margin-left: -45px
}

.widget-user .widget-user-image>img {
	width: 90px;
	height: auto;
	border: 3px solid #fff
}

.widget-user .box-footer {
	padding-top: 30px
}

.widget-user-2 .widget-user-header {
	padding: 20px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}

.widget-user-2 .widget-user-username {
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 25px;
	font-weight: 300
}

.widget-user-2 .widget-user-desc {
	margin-top: 0
}

.widget-user-2 .widget-user-username,
.widget-user-2 .widget-user-desc {
	margin-left: 75px
}

.widget-user-2 .widget-user-image>img {
	width: 65px;
	height: auto;
	float: left
}

.treeview-menu {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 5px
}

.treeview-menu .treeview-menu {
	padding-left: 20px
}

.treeview-menu>li {
	margin: 0
}

.treeview-menu>li>a {
	padding: 5px 5px 5px 15px;
	display: block;
	font-size: 14px
}

.treeview-menu>li>a>.fa,
.treeview-menu>li>a>.glyphicon,
.treeview-menu>li>a>.ion {
	width: 20px
}

.treeview-menu>li>a>.pull-right-container>.fa-angle-left,
.treeview-menu>li>a>.pull-right-container>.fa-angle-down,
.treeview-menu>li>a>.fa-angle-left,
.treeview-menu>li>a>.fa-angle-down {
	width: auto
}

.mailbox-messages>.table {
	margin: 0
}

.mailbox-controls {
	padding: 5px
}

.mailbox-controls.with-border {
	border-bottom: 1px solid #f4f4f4
}

.mailbox-read-info {
	border-bottom: 1px solid #f4f4f4;
	padding: 10px
}

.mailbox-read-info h3 {
	font-size: 20px;
	margin: 0
}

.mailbox-read-info h5 {
	margin: 0;
	padding: 5px 0 0 0
}

.mailbox-read-time {
	color: #999;
	font-size: 13px
}

.mailbox-read-message {
	padding: 10px
}

.mailbox-attachments li {
	float: left;
	width: 200px;
	border: 1px solid #eee;
	margin-bottom: 10px;
	margin-right: 10px
}

.mailbox-attachment-name {
	font-weight: bold;
	color: #666
}

.mailbox-attachment-icon,
.mailbox-attachment-info,
.mailbox-attachment-size {
	display: block
}

.mailbox-attachment-info {
	padding: 10px;
	background: #f4f4f4
}

.mailbox-attachment-size {
	color: #999;
	font-size: 12px
}

.mailbox-attachment-icon {
	text-align: center;
	font-size: 65px;
	color: #666;
	padding: 20px 10px
}

.mailbox-attachment-icon.has-img {
	padding: 0
}

.mailbox-attachment-icon.has-img>img {
	max-width: 100%;
	height: auto
}

.lockscreen {
	background: #d2d6de
}

.lockscreen-logo {
	font-size: 35px;
	text-align: center;
	margin-bottom: 25px;
	font-weight: 300
}

.lockscreen-logo a {
	color: #444
}

.lockscreen-wrapper {
	max-width: 400px;
	margin: 0 auto;
	margin-top: 10%
}

.lockscreen .lockscreen-name {
	text-align: center;
	font-weight: 600
}

.lockscreen-item {
	border-radius: 4px;
	padding: 0;
	background: #fff;
	position: relative;
	margin: 10px auto 30px auto;
	width: 290px
}

.lockscreen-image {
	border-radius: 50%;
	position: absolute;
	left: -10px;
	top: -25px;
	background: #fff;
	padding: 5px;
	z-index: 10
}

.lockscreen-image>img {
	border-radius: 50%;
	width: 70px;
	height: 70px
}

.lockscreen-credentials {
	margin-left: 70px
}

.lockscreen-credentials .form-control {
	border: 0
}

.lockscreen-credentials .btn {
	background-color: #fff;
	border: 0;
	padding: 0 10px
}

.lockscreen-footer {
	margin-top: 10px
}

.login-logo,
.register-logo {
	font-size: 35px;
	text-align: center;
	margin-bottom: 25px;
	font-weight: 300
}

.login-logo a,
.register-logo a {
	color: #444
}

.login-page,
.register-page {
	background: #d2d6de
}

.login-box,
.register-box {
	width: 360px;
	margin: 7% auto
}

@media (max-width:768px) {
	.login-box,
	.register-box {
		width: 90%;
		margin-top: 20px
	}
}

.login-box-body,
.register-box-body {
	background: #fff;
	padding: 20px;
	border-top: 0;
	color: #666
}

.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
	color: #777
}

.login-box-msg,
.register-box-msg {
	margin: 0;
	text-align: center;
	padding: 0 20px 20px 20px
}

.social-auth-links {
	margin: 10px 0
}

.error-page {
	width: 600px;
	margin: 20px auto 0 auto
}

@media (max-width:991px) {
	.error-page {
		width: 100%
	}
}

.error-page>.headline {
	float: left;
	font-size: 100px;
	font-weight: 300
}

@media (max-width:991px) {
	.error-page>.headline {
		float: none;
		text-align: center
	}
}

.error-page>.error-content {
	margin-left: 190px;
	display: block
}

@media (max-width:991px) {
	.error-page>.error-content {
		margin-left: 0
	}
}

.error-page>.error-content>h3 {
	font-weight: 300;
	font-size: 25px
}

@media (max-width:991px) {
	.error-page>.error-content>h3 {
		text-align: center
	}
}

.invoice {
	position: relative;
	background: #fff;
	border: 1px solid #f4f4f4;
	padding: 20px;
	margin: 10px 25px
}

.invoice-title {
	margin-top: 0
}

.profile-user-img {
	margin: 0 auto;
	width: 100px;
	padding: 3px;
	border: 3px solid #d2d6de
}

.profile-username {
	font-size: 21px;
	margin-top: 5px
}

.post {
	border-bottom: 1px solid #d2d6de;
	margin-bottom: 15px;
	padding-bottom: 15px;
	color: #666
}

.post:last-of-type {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0
}

.post .user-block {
	margin-bottom: 15px
}

.btn-social {
	position: relative;
	padding-left: 44px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.btn-social>:first-child {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 32px;
	line-height: 34px;
	font-size: 1.6em;
	text-align: center;
	border-right: 1px solid rgba(0, 0, 0, 0.2)
}

.btn-social.btn-lg {
	padding-left: 61px
}

.btn-social.btn-lg>:first-child {
	line-height: 45px;
	width: 45px;
	font-size: 1.8em
}

.btn-social.btn-sm {
	padding-left: 38px
}

.btn-social.btn-sm>:first-child {
	line-height: 28px;
	width: 28px;
	font-size: 1.4em
}

.btn-social.btn-xs {
	padding-left: 30px
}

.btn-social.btn-xs>:first-child {
	line-height: 20px;
	width: 20px;
	font-size: 1.2em
}

.btn-social-icon {
	position: relative;
	padding-left: 44px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 34px;
	width: 34px;
	padding: 0
}

.btn-social-icon>:first-child {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 32px;
	line-height: 34px;
	font-size: 1.6em;
	text-align: center;
	border-right: 1px solid rgba(0, 0, 0, 0.2)
}

.btn-social-icon.btn-lg {
	padding-left: 61px
}

.btn-social-icon.btn-lg>:first-child {
	line-height: 45px;
	width: 45px;
	font-size: 1.8em
}

.btn-social-icon.btn-sm {
	padding-left: 38px
}

.btn-social-icon.btn-sm>:first-child {
	line-height: 28px;
	width: 28px;
	font-size: 1.4em
}

.btn-social-icon.btn-xs {
	padding-left: 30px
}

.btn-social-icon.btn-xs>:first-child {
	line-height: 20px;
	width: 20px;
	font-size: 1.2em
}

.btn-social-icon>:first-child {
	border: none;
	text-align: center;
	width: 100%
}

.btn-social-icon.btn-lg {
	height: 45px;
	width: 45px;
	padding-left: 0;
	padding-right: 0
}

.btn-social-icon.btn-sm {
	height: 30px;
	width: 30px;
	padding-left: 0;
	padding-right: 0
}

.btn-social-icon.btn-xs {
	height: 22px;
	width: 22px;
	padding-left: 0;
	padding-right: 0
}

.btn-adn {
	color: #fff;
	background-color: #d87a68;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-adn:focus,
.btn-adn.focus {
	color: #fff;
	background-color: #ce563f;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-adn:hover {
	color: #fff;
	background-color: #ce563f;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-adn:active,
.btn-adn.active,
.open>.dropdown-toggle.btn-adn {
	color: #fff;
	background-color: #ce563f;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-adn:active,
.btn-adn.active,
.open>.dropdown-toggle.btn-adn {
	background-image: none
}

.btn-adn .badge {
	color: #d87a68;
	background-color: #fff
}

.btn-bitbucket {
	color: #fff;
	background-color: #205081;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-bitbucket:focus,
.btn-bitbucket.focus {
	color: #fff;
	background-color: #163758;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-bitbucket:hover {
	color: #fff;
	background-color: #163758;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-bitbucket:active,
.btn-bitbucket.active,
.open>.dropdown-toggle.btn-bitbucket {
	color: #fff;
	background-color: #163758;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-bitbucket:active,
.btn-bitbucket.active,
.open>.dropdown-toggle.btn-bitbucket {
	background-image: none
}

.btn-bitbucket .badge {
	color: #205081;
	background-color: #fff
}

.btn-dropbox {
	color: #fff;
	background-color: #1087dd;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-dropbox:focus,
.btn-dropbox.focus {
	color: #fff;
	background-color: #0d6aad;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-dropbox:hover {
	color: #fff;
	background-color: #0d6aad;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-dropbox:active,
.btn-dropbox.active,
.open>.dropdown-toggle.btn-dropbox {
	color: #fff;
	background-color: #0d6aad;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-dropbox:active,
.btn-dropbox.active,
.open>.dropdown-toggle.btn-dropbox {
	background-image: none
}

.btn-dropbox .badge {
	color: #1087dd;
	background-color: #fff
}

.btn-facebook {
	color: #fff;
	background-color: #3b5998;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-facebook:focus,
.btn-facebook.focus {
	color: #fff;
	background-color: #2d4373;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-facebook:hover {
	color: #fff;
	background-color: #2d4373;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
	color: #fff;
	background-color: #2d4373;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-facebook:active,
.btn-facebook.active,
.open>.dropdown-toggle.btn-facebook {
	background-image: none
}

.btn-facebook .badge {
	color: #3b5998;
	background-color: #fff
}

.btn-flickr {
	color: #fff;
	background-color: #ff0084;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-flickr:focus,
.btn-flickr.focus {
	color: #fff;
	background-color: #cc006a;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-flickr:hover {
	color: #fff;
	background-color: #cc006a;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-flickr:active,
.btn-flickr.active,
.open>.dropdown-toggle.btn-flickr {
	color: #fff;
	background-color: #cc006a;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-flickr:active,
.btn-flickr.active,
.open>.dropdown-toggle.btn-flickr {
	background-image: none
}

.btn-flickr .badge {
	color: #ff0084;
	background-color: #fff
}

.btn-foursquare {
	color: #fff;
	background-color: #f94877;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-foursquare:focus,
.btn-foursquare.focus {
	color: #fff;
	background-color: #f71752;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-foursquare:hover {
	color: #fff;
	background-color: #f71752;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-foursquare:active,
.btn-foursquare.active,
.open>.dropdown-toggle.btn-foursquare {
	color: #fff;
	background-color: #f71752;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-foursquare:active,
.btn-foursquare.active,
.open>.dropdown-toggle.btn-foursquare {
	background-image: none
}

.btn-foursquare .badge {
	color: #f94877;
	background-color: #fff
}

.btn-github {
	color: #fff;
	background-color: #444;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-github:focus,
.btn-github.focus {
	color: #fff;
	background-color: #2b2b2b;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-github:hover {
	color: #fff;
	background-color: #2b2b2b;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-github:active,
.btn-github.active,
.open>.dropdown-toggle.btn-github {
	color: #fff;
	background-color: #2b2b2b;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-github:active,
.btn-github.active,
.open>.dropdown-toggle.btn-github {
	background-image: none
}

.btn-github .badge {
	color: #444;
	background-color: #fff
}

.btn-google {
	color: #fff;
	background-color: #dd4b39;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-google:focus,
.btn-google.focus {
	color: #fff;
	background-color: #c23321;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-google:hover {
	color: #fff;
	background-color: #c23321;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-google:active,
.btn-google.active,
.open>.dropdown-toggle.btn-google {
	color: #fff;
	background-color: #c23321;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-google:active,
.btn-google.active,
.open>.dropdown-toggle.btn-google {
	background-image: none
}



.btn-google .badge {
	color: #dd4b39;
	background-color: #fff
}

.btn-instagram {
	color: #fff;
	background-color: #3f729b;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-instagram:focus,
.btn-instagram.focus {
	color: #fff;
	background-color: #305777;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-instagram:hover {
	color: #fff;
	background-color: #305777;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-instagram:active,
.btn-instagram.active,
.open>.dropdown-toggle.btn-instagram {
	color: #fff;
	background-color: #305777;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-instagram:active,
.btn-instagram.active,
.open>.dropdown-toggle.btn-instagram {
	background-image: none
}

.btn-instagram .badge {
	color: #3f729b;
	background-color: #fff
}

.btn-linkedin {
	color: #fff;
	background-color: #007bb6;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-linkedin:focus,
.btn-linkedin.focus {
	color: #fff;
	background-color: #005983;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-linkedin:hover {
	color: #fff;
	background-color: #005983;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-linkedin:active,
.btn-linkedin.active,
.open>.dropdown-toggle.btn-linkedin {
	color: #fff;
	background-color: #005983;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-linkedin:active,
.btn-linkedin.active,
.open>.dropdown-toggle.btn-linkedin {
	background-image: none
}

.btn-linkedin .badge {
	color: #007bb6;
	background-color: #fff
}

.btn-microsoft {
	color: #fff;
	background-color: #2672ec;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-microsoft:focus,
.btn-microsoft.focus {
	color: #fff;
	background-color: #125acd;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-microsoft:hover {
	color: #fff;
	background-color: #125acd;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-microsoft:active,
.btn-microsoft.active,
.open>.dropdown-toggle.btn-microsoft {
	color: #fff;
	background-color: #125acd;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-microsoft:active,
.btn-microsoft.active,
.open>.dropdown-toggle.btn-microsoft {
	background-image: none
}

.btn-microsoft .badge {
	color: #2672ec;
	background-color: #fff
}

.btn-openid {
	color: #fff;
	background-color: #f7931e;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-openid:focus,
.btn-openid.focus {
	color: #fff;
	background-color: #da7908;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-openid:hover {
	color: #fff;
	background-color: #da7908;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-openid:active,
.btn-openid.active,
.open>.dropdown-toggle.btn-openid {
	color: #fff;
	background-color: #da7908;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-openid:active,
.btn-openid.active,
.open>.dropdown-toggle.btn-openid {
	background-image: none
}

.btn-openid .badge {
	color: #f7931e;
	background-color: #fff
}

.btn-pinterest {
	color: #fff;
	background-color: #cb2027;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-pinterest:focus,
.btn-pinterest.focus {
	color: #fff;
	background-color: #9f191f;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-pinterest:hover {
	color: #fff;
	background-color: #9f191f;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-pinterest:active,
.btn-pinterest.active,
.open>.dropdown-toggle.btn-pinterest {
	color: #fff;
	background-color: #9f191f;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-pinterest:active,
.btn-pinterest.active,
.open>.dropdown-toggle.btn-pinterest {
	background-image: none
}

.btn-pinterest .badge {
	color: #cb2027;
	background-color: #fff
}

.btn-reddit {
	color: #000;
	background-color: #eff7ff;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-reddit:focus,
.btn-reddit.focus {
	color: #000;
	background-color: #bcddff;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-reddit:hover {
	color: #000;
	background-color: #bcddff;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-reddit:active,
.btn-reddit.active,
.open>.dropdown-toggle.btn-reddit {
	color: #000;
	background-color: #bcddff;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-reddit:active,
.btn-reddit.active,
.open>.dropdown-toggle.btn-reddit {
	background-image: none
}

.btn-reddit .badge {
	color: #eff7ff;
	background-color: #000
}

.btn-soundcloud {
	color: #fff;
	background-color: #f50;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-soundcloud:focus,
.btn-soundcloud.focus {
	color: #fff;
	background-color: #c40;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-soundcloud:hover {
	color: #fff;
	background-color: #c40;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-soundcloud:active,
.btn-soundcloud.active,
.open>.dropdown-toggle.btn-soundcloud {
	color: #fff;
	background-color: #c40;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-soundcloud:active,
.btn-soundcloud.active,
.open>.dropdown-toggle.btn-soundcloud {
	background-image: none
}

.btn-soundcloud .badge {
	color: #f50;
	background-color: #fff
}

.btn-tumblr {
	color: #fff;
	background-color: #2c4762;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-tumblr:focus,
.btn-tumblr.focus {
	color: #fff;
	background-color: #1c2d3f;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-tumblr:hover {
	color: #fff;
	background-color: #1c2d3f;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-tumblr:active,
.btn-tumblr.active,
.open>.dropdown-toggle.btn-tumblr {
	color: #fff;
	background-color: #1c2d3f;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-tumblr:active,
.btn-tumblr.active,
.open>.dropdown-toggle.btn-tumblr {
	background-image: none
}

.btn-tumblr .badge {
	color: #2c4762;
	background-color: #fff
}

.btn-twitter {
	color: #fff;
	background-color: #55acee;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-twitter:focus,
.btn-twitter.focus {
	color: #fff;
	background-color: #2795e9;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-twitter:hover {
	color: #fff;
	background-color: #2795e9;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-twitter:active,
.btn-twitter.active,
.open>.dropdown-toggle.btn-twitter {
	color: #fff;
	background-color: #2795e9;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-twitter:active,
.btn-twitter.active,
.open>.dropdown-toggle.btn-twitter {
	background-image: none
}

.btn-twitter .badge {
	color: #55acee;
	background-color: #fff
}

.btn-vimeo {
	color: #fff;
	background-color: #1ab7ea;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-vimeo:focus,
.btn-vimeo.focus {
	color: #fff;
	background-color: #1295bf;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-vimeo:hover {
	color: #fff;
	background-color: #1295bf;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-vimeo:active,
.btn-vimeo.active,
.open>.dropdown-toggle.btn-vimeo {
	color: #fff;
	background-color: #1295bf;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-vimeo:active,
.btn-vimeo.active,
.open>.dropdown-toggle.btn-vimeo {
	background-image: none
}

.btn-vimeo .badge {
	color: #1ab7ea;
	background-color: #fff
}

.btn-vk {
	color: #fff;
	background-color: #587ea3;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-vk:focus,
.btn-vk.focus {
	color: #fff;
	background-color: #466482;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-vk:hover {
	color: #fff;
	background-color: #466482;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-vk:active,
.btn-vk.active,
.open>.dropdown-toggle.btn-vk {
	color: #fff;
	background-color: #466482;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-vk:active,
.btn-vk.active,
.open>.dropdown-toggle.btn-vk {
	background-image: none
}

.btn-vk .badge {
	color: #587ea3;
	background-color: #fff
}

.btn-yahoo {
	color: #fff;
	background-color: #720e9e;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-yahoo:focus,
.btn-yahoo.focus {
	color: #fff;
	background-color: #500a6f;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-yahoo:hover {
	color: #fff;
	background-color: #500a6f;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-yahoo:active,
.btn-yahoo.active,
.open>.dropdown-toggle.btn-yahoo {
	color: #fff;
	background-color: #500a6f;
	border-color: rgba(0, 0, 0, 0.2)
}

.btn-yahoo:active,
.btn-yahoo.active,
.open>.dropdown-toggle.btn-yahoo {
	background-image: none
}

.btn-yahoo .badge {
	color: #720e9e;
	background-color: #fff
}

.fc-button {
	background: #f4f4f4;
	background-image: none;
	color: #444;
	border-color: #ddd;
	border-bottom-color: #ddd
}

.fc-button:hover,
.fc-button:active,
.fc-button.hover {
	background-color: #e9e9e9
}

.fc-header-title h2 {
	font-size: 15px;
	line-height: 1.6em;
	color: #666;
	margin-left: 10px
}

.fc-header-right {
	padding-right: 10px
}

.fc-header-left {
	padding-left: 10px
}

.fc-widget-header {
	background: #fafafa
}

.fc-grid {
	width: 100%;
	border: 0
}

.fc-widget-header:first-of-type,
.fc-widget-content:first-of-type {
	border-left: 0;
	border-right: 0
}

.fc-widget-header:last-of-type,
.fc-widget-content:last-of-type {
	border-right: 0
}

.fc-toolbar {
	padding: 10px;
	margin: 0
}

.fc-day-number {
	font-size: 20px;
	font-weight: 300;
	padding-right: 10px
}

.fc-color-picker {
	list-style: none;
	margin: 0;
	padding: 0
}

.fc-color-picker>li {
	float: left;
	font-size: 30px;
	margin-right: 5px;
	line-height: 30px
}

.fc-color-picker>li .fa {
	-webkit-transition: -webkit-transform linear .3s;
	-moz-transition: -moz-transform linear .3s;
	-o-transition: -o-transform linear .3s;
	transition: transform linear .3s
}

.fc-color-picker>li .fa:hover {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg)
}

#add-new-event {
	-webkit-transition: all linear .3s;
	-o-transition: all linear .3s;
	transition: all linear .3s
}

.external-event {
	padding: 5px 10px;
	font-weight: bold;
	margin-bottom: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	cursor: move
}

.external-event:hover {
	box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2)
}

.select2-container--default.select2-container--focus,
.select2-selection.select2-container--focus,
.select2-container--default:focus,
.select2-selection:focus,
.select2-container--default:active,
.select2-selection:active {
	outline: none
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
	border: 1px solid #d2d6de;
	border-radius: 0;
	padding: 6px 12px;
	height: 34px
}

.select2-container--default.select2-container--open {
	border-color: #3c8dbc
}

.select2-dropdown {
	border: 1px solid #d2d6de;
	border-radius: 0
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #3c8dbc;
	color: white
}

.select2-results__option {
	padding: 6px 12px;
	user-select: none;
	-webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
	padding-right: 0;
	height: auto;
	margin-top: -4px
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
	padding-right: 6px;
	padding-left: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 28px;
	right: 3px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-top: 0
}

.select2-dropdown .select2-search__field,
.select2-search--inline .select2-search__field {
	border: 1px solid #d2d6de
}

.select2-dropdown .select2-search__field:focus,
.select2-search--inline .select2-search__field:focus {
	outline: none;
	border: 1px solid #3c8dbc
}

.select2-container--default .select2-results__option[aria-disabled=true] {
	color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #ddd
}

.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[aria-selected=true]:hover {
	color: #444
}

.select2-container--default .select2-selection--multiple {
	border: 1px solid #d2d6de;
	border-radius: 0
}

.select2-container--default .select2-selection--multiple:focus {
	border-color: #3c8dbc
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border-color: #d2d6de
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #3c8dbc;
	border-color: #367fa9;
	padding: 1px 10px;
	color: #fff
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	margin-right: 5px;
	color: rgba(255, 255, 255, 0.7)
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #fff
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-right: 10px
}

.pad {
	padding: 10px
}

.margin {
	margin: 10px
}

.margin-bottom {
	margin-bottom: 20px
}

.margin-bottom-none {
	margin-bottom: 0
}

.margin-r-5 {
	margin-right: 5px
}

.inline {
	display: inline
}

.description-block {
	display: block;
	margin: 10px 0;
	text-align: center
}

.description-block.margin-bottom {
	margin-bottom: 25px
}

.description-block>.description-header {
	margin: 0;
	padding: 0;
	font-weight: 600;
	font-size: 16px
}

.description-block>.description-text {
	text-transform: uppercase
}

.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
	color: #fff !important
}

.bg-gray {
	color: #000;
	background-color: #d2d6de !important
}

.bg-gray-light {
	background-color: #f7f7f7 !important
}

.bg-black {
	background-color: #111 !important
}

.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
	background-color: #dd4b39 !important
}

.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
	background-color: #f39c12 !important
}

.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
	background-color: #00c0ef !important
}

.bg-blue {
	background-color: #0073b7 !important
}

.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
	background-color: #3c8dbc !important
}

.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
	background-color: #00a65a !important
}

.bg-navy {
	background-color: #001f3f !important
}

.bg-teal {
	background-color: #39cccc !important
}

.bg-olive {
	background-color: #3d9970 !important
}

.bg-lime {
	background-color: #01ff70 !important
}

.bg-orange {
	background-color: #ff851b !important
}

.bg-fuchsia {
	background-color: #f012be !important
}

.bg-purple {
	background-color: #605ca8 !important
}

.bg-maroon {
	background-color: #d81b60 !important
}

.bg-gray-active {
	color: #000;
	background-color: #b5bbc8 !important
}

.bg-black-active {
	background-color: #000 !important
}

.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
	background-color: #d33724 !important
}

.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
	background-color: #db8b0b !important
}

.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
	background-color: #00a7d0 !important
}

.bg-blue-active {
	background-color: #005384 !important
}

.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
	background-color: #357ca5 !important
}

.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
	background-color: #008d4c !important
}

.bg-navy-active {
	background-color: #001a35 !important
}

.bg-teal-active {
	background-color: #30bbbb !important
}

.bg-olive-active {
	background-color: #368763 !important
}

.bg-lime-active {
	background-color: #00e765 !important
}

.bg-orange-active {
	background-color: #ff7701 !important
}

.bg-fuchsia-active {
	background-color: #db0ead !important
}

.bg-purple-active {
	background-color: #555299 !important
}

.bg-maroon-active {
	background-color: #ca195a !important
}

[class^="bg-"].disabled {
	opacity: .65;
	filter: alpha(opacity=65)
}

.text-red {
	color: #dd4b39 !important
}

.text-yellow {
	color: #f39c12 !important
}

.text-aqua {
	color: #00c0ef !important
}

.text-blue {
	color: #0073b7 !important
}

.text-black {
	color: #111 !important
}

.text-light-blue {
	color: #3c8dbc !important
}

.text-green {
	color: #00a65a !important
}

.text-gray {
	color: #d2d6de !important
}

.text-navy {
	color: #001f3f !important
}

.text-teal {
	color: #39cccc !important
}

.text-olive {
	color: #3d9970 !important
}

.text-lime {
	color: #01ff70 !important
}

.text-orange {
	color: #ff851b !important
}

.text-fuchsia {
	color: #f012be !important
}

.text-purple {
	color: #605ca8 !important
}

.text-maroon {
	color: #d81b60 !important
}

.link-muted {
	color: #7a869d
}

.link-muted:hover,
.link-muted:focus {
	color: #606c84
}

.link-black {
	color: #666
}

.link-black:hover,
.link-black:focus {
	color: #999
}

.hide {
	display: none !important
}

.no-border {
	border: 0 !important
}

.no-padding {
	padding: 0 !important
}

.no-margin {
	margin: 0 !important
}

.no-shadow {
	box-shadow: none !important
}

.list-unstyled,
.chart-legend,
.contacts-list,
.users-list,
.mailbox-attachments {
	list-style: none;
	margin: 0;
	padding: 0
}

.list-group-unbordered>.list-group-item {
	border-left: 0;
	border-right: 0;
	border-radius: 0;
	padding-left: 0;
	padding-right: 0
}

.flat {
	border-radius: 0 !important
}

.text-bold,
.text-bold.table td,
.text-bold.table th {
	font-weight: 700
}

.text-sm {
	font-size: 12px
}

.jqstooltip {
	padding: 5px !important;
	width: auto !important;
	height: auto !important
}

.bg-teal-gradient {
	background: #39cccc !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
	background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
	background: -moz-linear-gradient(center bottom, #39cccc 0, #7adddd 100%) !important;
	background: -o-linear-gradient(#7adddd, #39cccc) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
	color: #fff
}

.bg-light-blue-gradient {
	background: #3c8dbc !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
	background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
	background: -moz-linear-gradient(center bottom, #3c8dbc 0, #67a8ce 100%) !important;
	background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
	color: #fff
}

.bg-blue-gradient {
	background: #0073b7 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
	background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
	background: -moz-linear-gradient(center bottom, #0073b7 0, #0089db 100%) !important;
	background: -o-linear-gradient(#0089db, #0073b7) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
	color: #fff
}

.bg-aqua-gradient {
	background: #00c0ef !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;
	background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;
	background: -moz-linear-gradient(center bottom, #00c0ef 0, #14d1ff 100%) !important;
	background: -o-linear-gradient(#14d1ff, #00c0ef) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;
	color: #fff
}

.bg-yellow-gradient {
	background: #f39c12 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
	background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
	background: -moz-linear-gradient(center bottom, #f39c12 0, #f7bc60 100%) !important;
	background: -o-linear-gradient(#f7bc60, #f39c12) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
	color: #fff
}

.bg-purple-gradient {
	background: #605ca8 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
	background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
	background: -moz-linear-gradient(center bottom, #605ca8 0, #9491c4 100%) !important;
	background: -o-linear-gradient(#9491c4, #605ca8) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
	color: #fff
}

.bg-green-gradient {
	background: #00a65a !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
	background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
	background: -moz-linear-gradient(center bottom, #00a65a 0, #00ca6d 100%) !important;
	background: -o-linear-gradient(#00ca6d, #00a65a) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
	color: #fff
}

.bg-red-gradient {
	background: #dd4b39 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
	background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
	background: -moz-linear-gradient(center bottom, #dd4b39 0, #e47365 100%) !important;
	background: -o-linear-gradient(#e47365, #dd4b39) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
	color: #fff
}

.bg-black-gradient {
	background: #111 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111), color-stop(1, #2b2b2b)) !important;
	background: -ms-linear-gradient(bottom, #111, #2b2b2b) !important;
	background: -moz-linear-gradient(center bottom, #111 0, #2b2b2b 100%) !important;
	background: -o-linear-gradient(#2b2b2b, #111) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important;
	color: #fff
}

.bg-maroon-gradient {
	background: #d81b60 !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
	background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
	background: -moz-linear-gradient(center bottom, #d81b60 0, #e73f7c 100%) !important;
	background: -o-linear-gradient(#e73f7c, #d81b60) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
	color: #fff
}

.description-block .description-icon {
	font-size: 16px
}

.no-pad-top {
	padding-top: 0
}

.position-static {
	position: static !important
}

.list-header {
	font-size: 15px;
	padding: 10px 4px;
	font-weight: bold;
	color: #666
}

.list-seperator {
	height: 1px;
	background: #f4f4f4;
	margin: 15px 0 9px 0
}

.list-link>a {
	padding: 4px;
	color: #777
}

.list-link>a:hover {
	color: #222
}

.font-light {
	font-weight: 300
}

.user-block:before,
.user-block:after {
	content: " ";
	display: table
}

.user-block:after {
	clear: both
}

.user-block img {
	width: 40px;
	height: 40px;
	float: left
}

.user-block .username,
.user-block .description,
.user-block .comment {
	display: block;
	margin-left: 50px
}

.user-block .username {
	font-size: 16px;
	font-weight: 600
}

.user-block .description {
	color: #999;
	font-size: 13px
}

.user-block.user-block-sm .username,
.user-block.user-block-sm .description,
.user-block.user-block-sm .comment {
	margin-left: 40px
}

.user-block.user-block-sm .username {
	font-size: 14px
}

.img-sm,
.img-md,
.img-lg,
.box-comments .box-comment img,
.user-block.user-block-sm img {
	float: left
}

.img-sm,
.box-comments .box-comment img,
.user-block.user-block-sm img {
	width: 30px !important;
	height: 30px !important
}

.img-sm+.img-push {
	margin-left: 40px
}

.img-md {
	width: 60px;
	height: 60px
}

.img-md+.img-push {
	margin-left: 70px
}

.img-lg {
	width: 100px;
	height: 100px
}

.img-lg+.img-push {
	margin-left: 110px
}

.img-bordered {
	border: 3px solid #d2d6de;
	padding: 3px
}

.img-bordered-sm {
	border: 2px solid #d2d6de;
	padding: 2px
}

.attachment-block {
	border: 1px solid #f4f4f4;
	padding: 5px;
	margin-bottom: 10px;
	background: #f7f7f7
}

.attachment-block .attachment-img {
	max-width: 100px;
	max-height: 100px;
	height: auto;
	float: left
}

.attachment-block .attachment-pushed {
	margin-left: 110px
}

.attachment-block .attachment-heading {
	margin: 0
}

.attachment-block .attachment-text {
	color: #555
}

.connectedSortable {
	min-height: 100px
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.sort-highlight {
	background: #f4f4f4;
	border: 1px dashed #ddd;
	margin-bottom: 10px
}

.full-opacity-hover {
	opacity: .65;
	filter: alpha(opacity=65)
}

.full-opacity-hover:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}

.chart {
	position: relative;
	overflow: hidden;
	width: 100%
}

.chart svg,
.chart canvas {
	width: 100% !important
}

@media print {
	.no-print,
	.main-sidebar,
	.left-side,
	.main-header,
	.content-header {
		display: none !important
	}
	.content-wrapper,
	.right-side,
	.main-footer {
		margin-left: 0 !important;
		min-height: 0 !important;
		-webkit-transform: translate(0, 0) !important;
		-ms-transform: translate(0, 0) !important;
		-o-transform: translate(0, 0) !important;
		transform: translate(0, 0) !important
	}
	.fixed .content-wrapper,
	.fixed .right-side {
		padding-top: 0 !important
	}
	.invoice {
		width: 100%;
		border: 0;
		margin: 0;
		padding: 0
	}
	.invoice-col {
		float: left;
		width: 33.3333333%
	}
	.table-responsive {
		overflow: auto
	}
	.table-responsive>.table tr th,
	.table-responsive>.table tr td {
		white-space: normal !important
	}
}
/*
 * Core: General Layout Style
 * -------------------------
 */
 [ng\:cloak],
 [ng-cloak],
 [data-ng-cloak],
 [x-ng-cloak],
 .ng-cloak,
 .x-ng-cloak {
   display: none !important;
 }
 [ng-form] .ng-invalid,
 form .ng-invalid {
   -webkit-animation: error-blink step-end 0s 3 normal forwards;
           animation: error-blink step-end 0s 3 normal forwards;
 }
 @-webkit-keyframes error-blink {
 50% {
     background-color: unset;
     border: unset;
 }
 from,
   to {
     border: 1px solid #ac2d1e;
 }
 }
 @keyframes error-blink {
 50% {
     background-color: unset;
     border: unset;
 }
 from,
   to {
     border: 1px solid #ac2d1e;
 }
 }
 .form-error {
   font-size: 16px;
   font-style: italic;
   color: #ac2d1e;
 }
 .ui-pnotify-icon {
   margin-top: 3px;
 }

 a[disabled='true']{
	cursor: not-allowed !important;
 }
 .margin-5 {
   margin: 5px;
 }
 .bg-light-red-c {
   background-color: #dd6e60 !important;
   color: white !important;
 }
 .bg-light-orange {
   background-color: #fa8e8e !important;
   color: white !important;
 }
 .no-select {
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .full-width {
   width: 100%;
 }
 .full-height {
   height: 100%;
 }
 .answer-panel {
   padding-top: 15px;
 }
 .truncate {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 .horizontal-separator {
   border: 1px solid #f4f4f4;
   display: inline;
   margin: 0 3px;
 }
 .login-bg {
   background: #d2d6de no-repeat;
   background-size: 100%;
 }
 .login-box,
 .register-box {
   border-radius: 5px;
   position: relative;
 }
 .login-box-msg,
 .register-box-msg {
   margin: 0;
   text-align: center;
   padding: 15px 20px 15px 20px !important;
   margin-bottom: 16px !important;
 }
 .login-box-body,
 .register-box-body {
   padding-top: 0px !important;
   border: 1px solid #cccccc;
   border-radius: 5px;
 }
 p.login-box-msg {
   background: #666;
   margin-left: -21px !important;
   margin-right: -21px;
   color: white;
   border-radius: 5px 5px 0px 0px;
   font-size: 20px;
 }
 .copy-text {
   text-align: center;
   margin-top: 25px;
   color: #666666;
 }
 .copy-text span {
   color: #3c8dbc;
 }
 .sidebar-menu > li > a {
   display: inline-block;
   width: 100%;
 }
 .btn-table-search {
   border-radius: 0;
   color: #444;
   float: right;
   height: 30px;
   margin-left: -1px;
   position: relative;
   z-index: 9999;
   padding: 3px 12px;
 }
 iservice-message-notification {
   display: block;
   white-space: normal;
 }
 iservice-message-notification.full-row .alert-dismissible {
   margin-bottom: 15px;
 }
 .color-tab-icon .answer-panel .nav.nav-tabs:first-child {
   margin-bottom: 15px;
 }
 .sidebar-menu,
 .main-sidebar .user-panel,
 .sidebar-menu > li.header {
   white-space: normal;
 }
 .search-table-btn {
   float: right;
   margin-left: -1px;
   position: relative;
   z-index: 999;
   height: 30px;
   padding-top: 4px;
   border-radius: 0px;
 }
 /*#region floating-label */
 .floating-label {
   position: relative;
   border: 1px solid #d2d6de;
   /*&.multiple label,
      input:focus + label,
      textarea:focus + label,
      input.ng-not-empty + label,
      select + label,
      .focus + input + label
      {
          opacity: 1;
          font-weight: normal;
          top: -2px;
          transform: none;
          font-size: unset;
          color: @input-border-focus;
      }*/
 }
 .floating-label.multiple {
   height: auto;
 }
 .floating-label label {
   color: #3c8dbc;
   font-size: larger;
   position: absolute;
   pointer-events: none;
   left: 4px;
   top: 10px;
   transform: translateY(-50%);
   opacity: .6;
   transition: all linear 0.2s;
   font-weight: normal;
   font-size: 14px;
 }
 .floating-label input,
 .floating-label select,
 .floating-label textarea {
   box-sizing: content-box;
   padding: 4px;
   display: block;
   width: calc(100% - 8px );
   border: none;
   background: none;
   border-bottom: 1px solid #cccccc;
   margin-top: 16px;
   position: relative;
   bottom: -1px;
 }
 .floating-label input:focus,
 .floating-label select:focus,
 .floating-label textarea:focus {
   outline: none;
   margin-top: 15px;
   border-bottom: 2px solid #66afe9;
 }
 .floating-label .float-btn-group {
   width: calc(100% - 30px);
   display: flex;
   align-items: flex-end;
 }
 .floating-label .button-add-row {
   position: absolute;
   bottom: 0;
   right: 0;
   color: #3c8dbc;
 }
 .floating-label .bootstrap-tagsinput {
   width: 100%;
   background: none;
   border: none;
   box-shadow: none;
 }
 .floating-label .bootstrap-tagsinput input {
   display: inline-block;
   margin-top: 15px;
 }
 .floating-label .bootstrap-tagsinput {
   display: none;
 }
 .floating-label .float-label {
   opacity: 1;
   font-weight: normal;
   top: -2px;
   transform: none;
   font-size: unset;
   color: #66afe9;
 }
 .icon-button {
   background: none;
   width: 18px;
   height: 18px;
   border: none;
   padding: 0;
   line-height: 1;
   font-size: 18px;
 }
 .button-delete {
   color: #dd4b39;
   font-size: 16px !important;
 }
 .button-delete:focus {
   outline: none;
 }
 .floating-textarea {
   min-height: 30px;
   max-height: 260px;
   overflow: hidden;
   overflow-x: hidden;
 }
 /*#endregion */
 /*#region Customer details */
 .property-address1,
 .property-address2,
 .property-city,
 .property-state,
 .property-postal-code,
 .property-country {
   background-color: #ecf0f5;
 }
 .property-address1,
 .property-address2,
 .property-city,
 .property-state,
 .property-postal-code {
   margin-bottom: -1px;
 }
 .property-address1,
 .property-address2,
 .property-city,
 .property-state,
 .property-postal-code {
   border-bottom: 1px solid transparent;
 }
 .property-address2,
 .property-city,
 .property-state,
 .property-postal-code,
 .property-country {
   border-top: 1px solid transparent;
 }
 /*#endregion */
 .round {
   border-radius: 50%;
 }
 .user-initials {
   height: 25px;
   width: 25px;
   font-size: 12px;
   line-height: 26px;
   color: white;
   text-align: center;
   font-family: Arial;
   margin: auto;
   cursor: default;
 }
 .small.user-initials {
   float: left;
   margin-right: 10px;
   margin-top: -2px;
 }
 @media (max-width: 767px) {
 .small.user-initials {
     float: none;
     margin-right: 0;
     margin-top: -8px;
 }
 }
 .user-header .user-initials {
   height: 90px;
   width: 90px;
   font-size: 40px;
   line-height: 84px;
   border: 3px solid rgba(255, 255, 255, 0.2);
 }
 .chat .user-initials {
   height: 40px;
   width: 40px;
   font-size: 17px;
   line-height: 40px;
 }
 /****  floating-Lable style end ****/
 .floating-credit {
   position: fixed;
   bottom: 10px;
   right: 10px;
   color: #aaa;
   font-size: 13px;
   font-family: arial, sans-serif;
 }
 .floating-credit a {
   text-decoration: none;
   color: #000000;
   font-weight: bold;
 }
 .floating-credit a:hover {
   border-bottom: 1px dotted #f8f8f8;
 }
 .floating-heading {
   position: fixed;
   color: #aaa;
   font-size: 20px;
   font-family: arial, sans-serif;
 }
 .blink {
   -webkit-animation: 1s linear infinite blink_effect;
           animation: 1s linear infinite blink_effect;
 }
 .user-panel a.btn {
   color: white;
 }
 .sidebar-mini.sidebar-collapse .user-panel a span,
 .sidebar-mini.sidebar-collapse .user-panel button span {
   display: none;
 }
 .sidebar-mini.sidebar-collapse .user-panel .btn {
   padding: 0;
   background: none;
   border: none;
   margin-right: -5px;
 }
 .logo-lg svg,
 .logo-mini svg {
   height: 27px;
   width: 22px;
   display: inline-block;
   fill: white;
 }
 .logo-lg b,
 .logo-mini b {
   margin-left: -5px;
   font-size: 30px;
 }
 .logo-mini svg {
   margin-right: 12px;
 }
 .login-logo svg {
   width: 30px;
   height: 37px;
   display: inline-block;
   fill: #3c8dbc;
 }
 .login-logo b {
   font-size: 44px;
   color: #3c8dbc;
   margin-left: -7px;
 }
 .login-logo,
 .register-logo {
   margin-bottom: 12px;
 }
 .alert {
   margin-bottom: 0px;
   border-radius: 0px;
 }
 .treeview .tree,
 .treeview .tree ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 .treeview .tree ul {
   margin-left: 0.6em;
   position: relative;
 }
 .treeview .tree ul ul {
   margin-left: 0.6em;
 }
 .treeview .tree ul:before {
   content: "";
   display: block;
   width: 0;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   border-left: 1px solid;
 }
 .treeview .tree li {
   margin: 0;
   padding: 0 0em 0px 1.2em;
   line-height: 2em;
   color: #336699;
   font-weight: 700;
   position: relative;
 }
 .treeview .tree ul li ul li{
	padding: 0 0em 0px 1.4em;
 }
 .treeview .tree ul li:before {
   content: "";
   display: block;
   width: 10px;
   height: 0;
   border-top: 1px solid;
   margin-top: -1px;
   position: absolute;
   top: 1em;
   left: 0;
 }
 .treeview .tree ul li ul li::before{
	width: 10px;
 }
 .treeview .tree ul li:last-child:before {
   background: white;
   height: auto;
   top: 1em;
   bottom: 0;
 }
 .treeview .indicator {
   margin-right: 5px;
 }
 .treeview .tree li a {
   text-decoration: none;
   color: #336699;
 }
 .treeview .tree li a.selected {
   color: #336699 !important;
 }
 .treeview .tree li button,
 .treeview .tree li button:active,
 .treeview .tree li button:focus {
   text-decoration: none;
   color: #336699;
   border: none;
   background: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   outline: 0;
 }
 .left-copyright {
   padding: 15px;
   border-top: 1px solid #b8c7ce;
   color: #b8c7ce;
   display: block;
   font-size: 12px;
 }
 .copyrightbottom {
   font-size: 12px;
 }
 .copyrightbottom span {
   display: block;
 }
 .logos img {
   max-width: 300px;
 }
 .stack-icon {
   border-radius: 50%;
   width: 30px;
   height: 30px;
   text-align: center;
   left: 18px;
   line-height: 30px;
 }
 .box-background {
   background: #eaeaea;
 }
 .box-background .box-footer {
   background: #eaeaea;
   border-top: 1px solid #dddddd;
 }
 .box-background .box-header.with-border {
   border-bottom: 1px solid #dddddd;
 }
 ul.timeline span.stack-icon .fa-envelope {
   font-size: 17px;
 }
 ul.timeline span.stack-icon .fa-file-text-o {
   font-size: 16px;
 }
 ul.timeline span.stack-icon .icon-agent-reply {
   font-size: 10px;
   top: 5px;
   right: -5px;
 }
 ul.timeline span.stack-icon .icon-secure-lock,
 ul.timeline span.stack-icon .icon-agent-email {
   font-size: 13px;
   top: 3px;
   right: -8px;
   color: #f00;
 }
 ul.timeline span.stack-icon .aqua {
   color: #00c0ef;
 }
 @media only screen and (max-width: 480px) {
 .pull-xm-left {
     float: left !important;
 }
 }
 @-webkit-keyframes blink_effect {
 0% {
     visibility: hidden;
 }
 50% {
     visibility: hidden;
 }
 100% {
     visibility: visible;
 }
 }
 @keyframes blink_effect {
 0% {
     visibility: hidden;
 }
 50% {
     visibility: hidden;
 }
 100% {
     visibility: visible;
 }
 }
 .chat-select-menu .select2-container,
 .chat-select-menu .ui-select-container {
   width: 100%;
   display: inline-block;
 }
 .chat-select-menu .ui-select-dropdown {
   position: static !important;
 }
 @media (min-width: 992px) {
 .chat-select-menu .select2-container,
   .chat-select-menu .ui-select-container {
     width: 200px;
 }
 }
 .direct-chat-timestamp {
   margin: 0 50px 0 50px;
 }
 .left .direct-chat-timestamp {
   margin: 0 0 0 50px;
 }
 .chat-panel {
   padding: 15px;
 }
 .chat-panel .chat {
   padding: 10px;
 }
 .chat-panel .box-title.truncate {
   width: calc(100% - 22px);
 }
 @media (min-width: 992px) {
 .chat-panel .actions {
     padding: 5px;
     display: flex;
     align-items: center;
 }
 .chat-panel .actions > * {
     margin: 0 3px;
 }
 }
 .chat-panel .chat-box {
   overflow: auto;
 }
 .chat-panel .stock-responses .list-group {
   overflow: auto;
   max-height: 274px;
 }
 .chat-panel .stock-responses .list-group h5 {
   font-weight: 600;
 }
 .chat-panel .stock-responses .list-unstyled > li {
   cursor: pointer;
 }
 /*Added for contact summary start*/
 .color-tab-icon ul li i {
   padding: 7px 9px;
   color: #ffffff;
   border-radius: 3px;
   margin-right: 5px;
 }
 .color-tab-icon li i.orange {
   background: #ff851b;
 }
 .color-tab-icon li i.blue {
   background: #30a5ff;
 }
 .color-tab-icon li i.red {
   background: #dd4b39;
 }
 .color-tab-icon li i.green {
   background: #00a65a;
 }
 .new-contact-btn {
   margin: 18px 0px 10px 0px;
 }
 .contact-summary .user-detail {
   font-size: 16px;
   border-radius: 3px;
   margin: 5px 5px 5px 5px;
 }
 .contact-summary .company-detail {
   font-size: 16px;
   border-radius: 3px;
   margin: 5px 5px 5px 5px;
 }
 .contact-summary .company-detail .text {
   padding-top: 7px;
 }
 .contact-summary .user-detail .user-name {
   margin-top: 44px;
   font-size: 20px;
   font-weight: bold;
 }
 .contact-summary .company-name {
   font-size: 20px;
   font-weight: bold;
   margin-bottom: 15px;
 }
 .contact-summary .form-group .text {
   overflow: hidden;
   text-overflow: ellipsis;
 }
 .contact-summary .user-detail .user-initials {
   height: 105px;
   width: 105px;
   font-size: 24px;
   line-height: 105px;
   border: 3px solid rgba(255, 255, 255, 0.2);
   margin-bottom: 15px;
 }
 .contact-summary .user-detail label.control-label {
   padding-left: 40px;
   padding-top: 0px;
   text-align: left;
   font-size: 16px;
 }
 .contact-summary .company-detail label.control-label {
   text-align: left;
 }
 .contact-summary .user-detail .datarow {
   margin-bottom: 20px;
 }
 .contact-summary .right-container h3 {
   font-size: 20px;
 }
 .contact-summary .report-counts h3 {
   font-size: 18px;
   font-weight: bold;
   padding-bottom: 5px;
   margin-bottom: 0px;
   line-height: 22px;
   margin-top: 0px;
 }
 .contact-summary .right-container {
   margin-top: 26px;
   padding-left: 30px;
 }
 .contact-summary .report-counts span {
   font-size: 18px;
   color: #111111;
   opacity: 0.7;
 }
 .contact-summary nav a {
   text-align: center;
   cursor: pointer;
 }
 .contact-summary nav a i {
   width: 56px;
   height: 56px;
   font-size: 22px;
   line-height: 56px;
   text-align: center;
   color: #ffffff;
   display: block;
   border-radius: 28px;
   margin: 0 auto;
   margin-bottom: 5px;
 }
 .contact-summary a i.orange2 {
   background: #ff851b;
 }
 .contact-summary a i.red2 {
   background: #dd4b39;
 }
 .contact-summary a i.green2 {
   background: #00a65a;
 }
 .contact-summary .right-container ul {
   padding: 0;
   margin: 0;
   padding-left: 15px;
   list-style: none;
 }
 .contact-summary .right-container ul li {
   list-style: none;
 }
 .contact-summary .right-container ul.last-update li:before {
   content: "\f096";
   font-family: FontAwesome;
   display: inline-block;
   width: 24px;
   color: #111111;
   opacity: 0.6;
   font-weight: bold;
 }
 .contact-summary .right-container ul li::before {
   content: "\f096";
   font-family: FontAwesome;
   display: inline-block;
   width: 1em;
   margin-left: -1em;
 }
 .contact-summary .view-more {
   padding-top: 20px;
 }
 .qa-message-list i {
   width: 30px;
   height: 30px;
   border-radius: 50%;
   text-align: center;
   vertical-align: middle;
   display: table-cell;
   position: relative;
   top: 18px;
   left: -4px;
 }
 .qa-message-list .message-header {
   margin: 0px -10px 5px -10px;
   color: #3c8dbc;
   border-bottom: 1px solid #d2d6de;
   padding: 10px;
   font-size: 14px;
   font-weight: 700;
   line-height: 1.1;
 }
 .equal-container .qa-message-list .message-item:last-child::before {
	border: 0px;
  }


 .clearfix:before,
 .clearfix:after {
   content: " ";
   display: table;
 }
 .message-time {
   font-weight: normal;
   color: #111111;
   font-size: 13px;
   opacity: 0.6;
 }
 .message-item {
   margin-bottom: 15px;
   margin-left: 40px;
   margin-top: -12px;
   position: relative;
   background-color: #f7f7f7 !important;
 }
 .message-item i {
   display: inline-block;
   top: 4px;
   vertical-align: top;
   height: auto;
   width: auto;
 }
 .message-item .time {
   float: right;
   padding: 10px;
   font-size: 12px;
   opacity: 0.7;
 }
 .message-item .message-inner {
   border: 1px solid #d2d6de;
   border-radius: 3px;
   padding: 0px 10px 10px 10px;
   position: relative;
   font-weight: normal;
 }
 .message-item .message-inner:before {
   border-right: 10px solid #d2d6de;
   border-style: solid;
   border-width: 10px;
   color: rgba(0, 0, 0, 0);
   content: "";
   display: block;
   height: 0;
   position: absolute;
   left: -20px;
   top: 6px;
   width: 0;
 }
 .message-item .message-inner:after {
   border-right: 10px solid #f7f7f7;
   border-style: solid;
   border-width: 10px;
   color: rgba(0, 0, 0, 0);
   content: "";
   display: block;
   height: 0;
   position: absolute;
   left: -18px;
   top: 6px;
   width: 0;
 }
 .message-item .timeline-footer {
   padding-top: 10px;
 }
 .message-item .message-inner span.time i {
   top: 3px;
 }
 .message-item::before {
   background: #f7f7f7;
   border-radius: 2px;
   bottom: -32px;
   border: 0.5px solid #d2d6de;
   content: "";
   height: 100%;
   left: -30px;
   position: absolute;
 }
 .qa-message-list span i {
   top: 0;
 }
 .glyphicon-chevron-right {
   transform: rotate(0deg);
   transition-duration: 0.5s;
   font-size: 12px;
 }
 .glyphicon-chevron-right__expanded {
   transform: rotate(90deg);
   transition-duration: 0.5s;
 }
 /*Added for contact summary end*/
 /*agent email start*/
 .btn-bs-file {
   position: relative;
 }
 .btn-bs-file input[type="file"] {
   position: absolute;
   top: -9999999px;
   filter: alpha(opacity=0);
   opacity: 0;
   width: 0;
   height: 0;
   outline: none;
   cursor: inherit;
 }
 .attach-file {
   display: block;
   margin-top: 8px;
   margin-bottom: 10px;
 }
 .attach-file label {
   color: #00c0ef;
   font-weight: normal;
 }
 .list-search {
   min-height: 120px;
 }
 .segment-variable-list {
   border-top: 2px solid #d2d6de;
   padding: 10px 0px 10px 0px;
 }
 .variable-responses > .segment-variable-list:nth-of-type(1) {
   border-top: 0px !important;
 }
 .stock-responses > .segment-variable-list:nth-of-type(1) {
   border-top: 0px !important;
 }
 .segment-variables {
   list-style: none;
   padding-left: 10px;
 }
 .section-label {
   font-weight: bold;
 }
 .segment-lable {
   font-weight: normal;
 }
 .section-var-link {
   color: #00c0ef;
   font-weight: normal;
   list-style: none;
   padding-left: 10px;
 }
 .section-var-link span {
   cursor: pointer;
 }
 .li.segment-lable {
   margin-left: -12px;
 }
 .segment-lable ul {
   padding-left: 5px;
 }
 .segment-lable ul li.section-var-link {
   padding-left: 8px;
   list-style: none;
 }
 .btn-margin {
   margin-bottom: 10px;
 }
 /*agent email end*/
 .new-account-icon {
   width: 20px;
 }
 .new-account-icon .icon-plus {
   position: absolute;
   right: 0;
   top: 13px;
   font-size: 10px;
 }
 .customer-details .box-header {
   cursor: pointer;
 }
 iservice-switch {
   display: contents;
 }
 .switch {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   display: inline-flex;
   justify-content: space-between;
   align-items: center;
 }
 .switch.disabled {
   opacity: .5;
 }
 .switch input {
   display: none;
 }
 .switch i {
   display: inline-block;
   cursor: pointer;
   margin: 0 2px;
   padding-right: 20px !important;
   transition: all ease 0.4s;
   border-radius: 20px !important;
   border: 1px solid #b5bbc8;
   box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 40px #b5bbc8;
 }
 .switch.disabled i {
   cursor: not-allowed;
 }
 .switch i:before {
   display: block;
   content: '';
   width: 20px;
   height: 20px;
   border-radius: 20px;
   background: white;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
 }
 .switch :checked + i {
   padding-right: 0 !important;
   padding-left: 20px !important;
   border: 1px solid #00a7d0;
   box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5), inset 0 0 40px #00a7d0;
 }
 [contenteditable]:empty:not(:focus)::before {
   content: attr(placeholder);
 }
 .overlay-wrapper {
   position: relative;
 }
 .contact-detail-group {
   border-bottom: 1px solid transparent;
   border-top: 1px solid transparent;
   margin-bottom: -1px;
   background-color: #ecf0f5;
 }
 .group-bg {
   background-color: #ecf0f5;
 }
 .detail-g-borderbottom {
   margin-bottom: -1px;
   border-bottom: 1px solid transparent !important;
 }
 .detail-g-borderright {
   margin-right: -1px;
   border-right: 1px solid transparent !important;
 }
 .detail-g-borderleft {
   margin-left: -1px;
   border-left: 1px solid transparent !important;
 }
 .detail-g-bordertop {
   border-top: 1px solid transparent !important;
 }
 .detail-g-part {
   width: 50% !important;
 }
 .contact-detail .box-header > .fa,
 .contact-detail .box-header > .glyphicon,
 .contact-detail .box-header > .ion {
   font-size: 14px;
 }
 .contact-detail .segment label {
   font-size: 16px;
   font-weight: normal;
 }
 .border {
   border: none;
 }
 .border input,
 .border select,
 .border textarea {
   border: 1px solid #d2d6de;
   padding: 6px 12px;
 }
 /*Added for contact summary end*/
 @media (max-width: 767px) {
 .user-detail label.control-label {
     padding-left: 15px !important;
 }
 .contact-summary .right-container nav a {
     margin-right: 24px;
 }
 .color-tab-icon ul.nav-tabs li a span {
     display: none;
 }
 .contact-summary .user-detail .user-name {
     margin-top: 0px;
     margin-bottom: 15px;
     text-align: center;
 }
 .contact-summary .right-container {
     padding-left: 24px;
 }
 .contact-summary .report-counts span {
     font-size: 14px;
 }
 .new-contact-btn {
     margin: 0px 0px 10px 0px;
 }
 .table-responsive tr td,
   .table-responsive tr th {
     text-align: left;
 }
 .table-responsive thead tr th {
     vertical-align: bottom !important;
 }
 .dataTables_filter,
   dataTables_length {
     text-align: left;
 }
 }
 @media (min-width: 768px) and (max-width: 991px) {
 .user-detail label.control-label {
     padding-left: 15px !important;
 }
 .contact-summary .user-detail .user-name {
     margin-top: 0px;
     margin-bottom: 15px;
     text-align: center;
 }
 }
 /*Added for contact summary end*/
 .wrapper {
   height: 100%;
   position: relative;
   overflow-x: hidden;
   overflow-y: hidden;
 }
 .btn-purple {
   color: #ffffff;
   background-color: #9467bd;
   border-color: #712daf;
 }
 .btn-purple:hover,
 .btn-purple:active,
 .btn-purple.hover {
   color: #ffffff;
   background-color: #8449bb;
 }
 .message-box {
   width: 100%;
   border-left: 8px solid #d2d6de;
   margin-top: -12px;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
   display: block;
   background: #ffffff;
 }
 .message-box img,
 .message-box table {
   max-width: 100%;
   height: auto;
 }
 .message-box img {
   height: auto !important;
 }
 .message-box-header {
   background: #ffffff;
   display: inline-block;
   width: 100%;
 }
 .message-box-body {
   padding: 10px;
 }
 .message-box-header .subject-heading {
   padding: 15px;
 }
 .message-box-header .user-container {
   width: 100px;
   float: left;
   text-align: center;
   font-weight: bold;
 }
 .message-box-header .user {
   float: left;
   margin-right: 10px;
   width: 75px;
   margin-left: 12px;
   text-align: center;
   background: #ffffff;
   border: 1px solid #d2d6de;
 }
 .message-box-header .message-info {
   float: left;
 }
 .message-box-header .status {
   margin: 10px 10px;
 }
 .btn-collapse {
   width: 42px;
   padding: 2px !important;
 }
 .padding-collapse {
   padding-left: 52px;
 }
 .widthauto {
   width: auto !important;
 }
 .nested-panel-heading {
   padding: 0px 15px 15px 15px;
   width: auto;
 }
 .nested-panel-heading h3 {
   border-bottom: 3px solid #00c0ef;
   padding: 0px;
   margin: 0px;
   padding-bottom: 3px;
   font-size: 16px;
   font-weight: 400;
   display: inline-block;
 }
 .statusbg-red {
   background: #fdf1f1;
 }
 .statusbg-yellow {
   background: #fefde5;
 }
 .statusbg-green {
   background: #ecf2e1;
 }
 .mtop-15 {
   margin-top: 15px !important;
 }
 .mbottom-15 {
   margin-bottom: 15px !important;
 }
 .mright-15 {
   margin-right: 15px !important;
 }
 .mbottom-5 {
   margin-bottom: 5px !important;
 }
 .mtop-20{margin-top: 20px;}
 .mtop-5 {
   margin-top: 5px !important;
 }
 .mleft-15 {
   margin-left: 15px !important;
 }
 .mright-5 {
   margin-right: 5px;
 }
 .mleft-5 {
   margin-left: 5px;
 }
 .box-container {
   position: relative;
   border-radius: 3px;
   background: #ffffff;
   margin-bottom: 20px;
   width: 100%;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 }
 .dropdown-menu .icheckbox_square-blue {
   margin-right: 5px;
   position: relative;
 }
 .text-left {
   text-align: left !important;
 }
 .message-box-header .panel {
   background: none;
   border: none;
   box-shadow: none;
   -webkit-box-shadow: none;
 }
 .message-box-header .panel-heading {
   background: none;
   padding-left: 0px;
 }
 .message-box-header .panel-default > .panel-heading + .panel-collapse > .panel-body {
   background: #ffffff;
 }
 .message-box-header .panel-group {
   margin-bottom: 0px;
 }
 .message-box-header .panel-heading a:hover,
 .message-box-header a:active,
 .message-box-header a:focus {
   color: #555555;
 }
 .inline-edit {
   font-size: 12px;
   padding-left: 10px;
 }
 .btn-expand,.btn-expand .fa {
   font-size: 16px;
 }
 .table > thead > tr > th {
   vertical-align: top !important;
 }
 .table > thead > tr > th input,
 .table > thead > tr > th select {
   margin-top: 8px;
  /* min-width: 100px;*/
 }
 .head-title-padding {
   padding-top: 8px;
 }
 .open-message {
   padding: 0px 0px 0px 5px;
   font-size: 14px;
   color: #f39c12;
 }
 .open-message:hover {
   color: #f39c12;
 }
 .direct-chat-img {
   border-radius: 50%;
   float: left;
   width: 40px;
   height: 40px;
 }
 .direct-chat-text {
   border-radius: 5px;
   position: relative;
   padding: 5px 10px;
   background: #d2d6de;
   border: 1px solid #d2d6de;
   margin: 5px 0 0 10px;
   color: #444444;
   max-width: calc(92% - 50px);
 }
 .direct-chat-text a {
   color: #ffffff;
   text-decoration: underline;
 }
 .direct-chat-text:after,
 .direct-chat-text:before {
   position: absolute;
   right: 100%;
   left: -13px;
   top: 15px;
   border: solid transparent;
   border-right-color: #d2d6de;
   content: ' ';
   height: 0;
   width: 0;
   pointer-events: none;
 }
 .direct-chat-text:before {
   border-width: 6px;
   margin-top: -6px;
 }
 .direct-chat-text:after {
   border-width: 5px;
   margin-top: -5px;
 }
 .right .direct-chat-img {
   float: right;
 }
 .direct-chat-warning .right > .direct-chat-text {
   background: #f39c12;
   border-color: #f39c12;
   color: #ffffff;
 }
 .right > .direct-chat-text {
   background: #f39c12;
   border-color: #f39c12;
   color: white;
   float: right;
   margin: 0px 10px 5px 0px;
 }
 .right .direct-chat-text:after,
 .right .direct-chat-text:before {
   right: auto;
   left: 100%;
   border-right-color: transparent;
   border-left-color: #d2d6de;
 }
 .right > .direct-chat-text:after,
 .right > .direct-chat-text:before {
   border-left-color: #f39c12;
 }
 .online-chat-list .contacts-list-info {
   color: #3c8dbc;
 }
 .online-chat-list ul.contacts-list li.selected {
   background: #000000;
 }
 .online-chat-list li.selected .contacts-list-info {
   color: #ffffff;
 }
 .chat-box {
   overflow-y: scroll !important;
 }
 .chat-close-icon,
 .forward-chat-icon {
   margin-right: 5px;
   height: 16px;
   line-height: 16px;
   width: 20px;
 }
 .chat-close-icon .fa-comments {
   font-size: 14px;
   width: 16px;
 }
 .chat-close-icon .fa-ban {
   left: 10px;
   position: absolute;
   color: #d9534f;
 }
 .forward-chat-icon .fa-comments {
   font-size: 14px;
   width: 16px;
   top: 4px;
 }
 .forward-chat-icon .fa-mail-forward {
   left: 10px;
   position: absolute;
   color: #5cb85c;
 }
 .icon-col button:first-child {
   padding-right: 0px;
 }
 .inline-icon > .fa {
   width: 22px;
   height: 22px;
   font-size: 15px;
   line-height: 22px;
   color: #666;
   background: #d2d6de;
   border-radius: 50%;
   text-align: center;
 }
 .inline-icon .stack-icon {
   position: relative;
   width: 22px;
   height: 22px;
   line-height: 22px;
 }
 .inline-icon .stack-icon .fa:first-child {
   font-size: 13px;
 }
 .inline-icon .stack-icon .fa:last-child {
   font-size: 11px;
   color: #dd4b39;
   bottom: -2px;
   right: -5px;
 }
 .search-parameters .floating-label {
   margin: 5px -10px;
 }
 .search-parameters .filter-label {
   font-weight: normal;
   font-size: 14px;
   font-weight: 600;
   margin-right: 5px;
 }
 .search-parameters label {
   font-weight: 600;
 }
 .search-field .floating-label {
   width: calc(97%);
   display: inline-block;
 }
 .search-field .btn-lg {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: -10px;
 }
 .dataTables_wrapper .dataTables_length {
   float: left;
 }
 .dataTables_wrapper .dt-buttons {
   margin-right: 15px;
   float: left;
 }
 .stack-icon-label {
   width: auto;
   margin-right: 8px;
 }
 .stack-icon-label i {
   font-size: 12px;
 }
 .stack-icon-label i:last-child {
   position: absolute;
   right: -3px;
   bottom: 4px;
   font-size: 10px;
   color: #dd4b39;
 }
 .stack-icon-label .aqua {
   color: #00c0ef !important;
 }
 .stack-icon-label .agent-response {
   right: -4px !important;
   bottom: 3px !important;
 }
 .stack-icon-label .agent-notification {
   font-size: 9px !important;
 }
 .label-with-icon i {
   line-height: 2em;
   vertical-align: middle;
   margin-right: 5px;
   font-size: 12px;
 }
 .icon-label {
   left: auto;
 }
 .icon-label .icon-agent-reply {
   font-size: 10px !important;
 }
 .icon-label .aqua {
   color: #00c0ef !important;
 }
 .icon-label i:first-child {
   font-size: 17px !important;
 }
 .icon-label i:last-child {
   font-size: 13px;
   color: #dd4b39;
   bottom: -4px;
   right: -6px;
 }
 .fa-icon-label {
   width: 30px;
   height: 30px;
   font-size: 16px;
   line-height: 30px;
   color: #666;
   background: #d2d6de;
   border-radius: 50%;
   text-align: center;
 }
 .search-criteria .checkbox label {
   padding-left: 0px;
 }
 .search-criteria .treeview .indicator {
   color: #337ab7;
 }
 .search-criteria .treeview .tree li a,
 .search-criteria .treeview .tree li {
   color: #333333;
   font-weight: 600;
 }
 .tree > .branch {
   padding-left: 0px !important;
 }
 .table .icon-col {
   width: 68px !important;
   padding-top: 8px;
 }
 .table .icon-col-2 {
   width: 140px !important;
   padding-top: 8px;
 }
 .table > thead > tr > th.no-sort {
   padding-right: 0px !important;
 }
 .dropdown-menu .dropdown-header {
   font-size: 14px;
 }
 .dataTable thead > tr > th > input,
 .dataTable thead > tr > th > select {
   width: 100% !important;
 }
 .d-inline {
   display: inline;
 }
 [class^="bg-"].disabled {
   opacity: .65;
   filter: alpha(opacity=65);
 }
 .bg-green-disabled {
   background: #5ac594;
   color: #ffffff;
 }
 .bg-blue-disabled {
   background: #81b5d4;
   color: #ffffff;
 }
 .bg-purple-disabled {
   background: #9896c7;
   color: #ffffff;
 }
 .bg-red-disabled {
   background: #e98b7f;
   color: #ffffff;
 }
 .bg-orange-disabled {
   background: #ffb06b;
   color: #ffffff;
 }
 .bg-yellow-disabled {
   background: #f7bf66;
   color: #ffffff;
 }
 .bg-gray-disabled {
   background: #b5bbc8;
   color: #333333;
 }
 .bg-teal-disabled {
   background: #7fdede;
   color: #ffffff;
 }
 .p0 {
   padding: 0px;
 }
 .p10 {
   padding: 10px;
 }
 .collapsed .glyphicon-chevron-down {
   transform: rotate(-90deg);
   transition-duration: 0.5s;
 }
 .manage-message .nav > li > a {
   position: relative;
   display: block;
   padding: 10px 8px;
 }
 .graph-assigned {
   width: 12px;
   height: 12px;
   display: inline-block;
   border-right: 1px solid rgba(92, 57, 57, 0.5);
 }
 .chat-agents-img,
 .chat-agents-img img {
   width: 32px;
   height: 32px;
   margin-right: 10px;
 }
 .chat-col {
   width: 35px;
   float: right;
   text-align: center;
 }
 .inline-check {
   padding-top: 8px;
 }
 .inline-check .icheckbox_square-blue {
   margin-right: 5px;
 }
 .chevron-expand-indicator {
   transition: all ease-in-out 0.3s;
 }
 .chevron-expand-indicator_expanded {
   transform: rotate(90deg);
 }
 .chat-head .stack-icon-label {
   line-height: 18px;
 }
 .chat-head .stack-icon-label i,
 .chat-head i {
   font-size: 18px;
 }
 .chat-head .stack-icon-label i:last-child {
   top: 2px;
   font-size: 14px;
 }
 .message-head .stack-icon-label {
   line-height: 18px;
 }
 .message-head .stack-icon-label i,
 .message-head i {
   font-size: 16px;
 }
 .message-head .stack-icon-label i:last-child {
   top: 5px;
   font-size: 14px;
   left: 11px;
 }
 .count-block {
   padding: 0px 2px 0px 2px;
   width: 30px;
   text-align: center;
   font-weight: 500;
 }
 .chat .user-initials {
   height: 40px;
   width: 40px;
   font-size: 17px;
   line-height: 40px;
 }
 .private-comment-box {
   height: 150px;
 }
 .ui-select-choices-row .ui-select-choices-row-inner {
   padding: 3px 20px;
 }
 .interaction-properties-panel .form-control,
 .interaction-properties-panel .form-inline .form-control {
   width: 100% !important;
 }
 .form-inline .form-group .form-control {
   width: 100%;
 }
 .form-inline .form-group {
   display: block;
   margin-bottom: 15px;
 }
 @media (min-width: 992px) and (max-width: 1200px) {
 .treeview-textwrap {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     width: 30%;
     float: left;
 }
 .treeview .indicator {
     margin-right: 5px;
     float: left;
     margin-top: 5px;
 }
 .treeview ul li .treeview-textwrap {
     width: 40%;
 }
 .treeview ul li ul li .treeview-textwrap {
     width: 27%;
 }
 .treeview ul li ul li ul li .treeview-textwrap {
     width: 22%;
 }
 .sidebar-collapse .treeview ul li .treeview-textwrap {
     width: auto;
     margin-right: 5px;
     max-width: 55%;
 }
 .sidebar-collapse .treeview ul li ul li .treeview-textwrap {
     width: auto;
     margin-right: 5px;
     max-width: 40%;
 }
 .sidebar-collapse .treeview ul li ul li ul li .treeview-textwrap {
     width: auto;
     margin-right: 5px;
     max-width: 40%;
 }
 }
 .inline-check-toolbar {
   padding-top: 3px !important;
 }
 .dataTables_filter {
   float: right;
 }
 .inline-check-toolbar .icheckbox_square-blue {
   margin-left: 5px;
 }
 .slimScrollDiv div.custom-scroll {
   width: 100% !important;
 }
 .saved-search-block {
   display: inline-block;
 }
 .saved-search-block .save-this {
   margin-right: 15px;
 }
 .saved-search-block .save-this .fa {
   margin-right: 5px;
 }
 ul.bookmark-list {
   padding: 15px;
   height: auto;
   max-width: 80%;
   overflow: hidden;
   overflow-y: scroll;
   max-height: 300px;
   min-width: 300px;
 }
 ul.bookmark-list li {
   padding: 8px 0px 8px 0px;
   border-bottom: 1px solid #f4f4f4;
 }
 ul.bookmark-list li:last-child {
   border-bottom: 0px;
 }
 ul.bookmark-list li a {
   padding: 0px;
   display: inline-block;
 }
 ul.bookmark-list li a:hover {
   background: none;
 }
 ul.bookmark-list li a:first-child {
   padding-right: 15px;
 }
 .save-search-panel {
   padding: 5px;
 }
 .save-search-panel .btn {
   margin-left: 15px;
   margin-top: 7px;
 }
 .interaction-property-box form .form-group {
   padding-left: 10px;
   padding-right: 10px;
   margin-left: 0px;
   margin-right: 0px;
 }
 .interaction-property-box .box-body {
   padding: 10px 0px;
 }
 .row-active {
    background: #3c8dbc !important;
    color: #ffffff;
    cursor: default;
    --bs-table-striped-bg: #3c8dbc;
    --bs-table-hover-bg: #3c8dbc;
    --bs-table-striped-color: #ffffff;
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #ffffff;
}
 .row-default {
   cursor: pointer;
 }
 /*form admin tools start*/
 .stepwizard-step p {
   margin-top: 0px;
 }
 .stepwizard-row {
   display: table-row;
 }
 .stepwizard {
   display: table;
   width: 50%;
   position: relative;
 }
 .stepwizard-step button[disabled] {
   opacity: 1 !important;
   filter: alpha(opacity=100) !important;
 }
 .stepwizard-row:before {
   top: 14px;
   bottom: 0;
   position: absolute;
   content: " ";
   width: 100%;
   height: 1px;
   background-color: #ccc;
   z-index: 0;
 }
 .stepwizard-step {
   display: table-cell;
   text-align: center;
   position: relative;
 }
 .btn-circle {
   width: 30px;
   height: 30px;
   text-align: center;
   padding: 6px 0;
   font-size: 12px;
   line-height: 1.428571429;
   border-radius: 15px;
 }
 label .icheckbox_square-blue {
   margin-right: 15px;
 }
 .CodeMirror {
   height: 550px !important;
 }
 .action hr {
   margin: 0px 0px 15px 0px;
 }
 .formstep .btn-sort {
   padding: 6px;
 }
 .btn i.fa {
   margin-right: 3px;
 }
 .tab-content .nav-tabs-custom ul li a i {
   display: inline;
   padding: 0;
   color: #111111;
 }
 .box-bg-color {
   background-color: #f7f7f7 !important;
   position: relative;
 }
 .tab-content .slimScrollDiv,
 .tab-content .custom-scroll-inbox {
   width: 100% !important;
 }
 .color-tab-icon > .nav-tabs > li.active a,
 .color-tab-icon > .nav-tabs > li.active a:hover {
   background: #f7f7f7 !important;
 }
 .form-group button {
   margin-right: 5px;
 }
 .form-group .btn-group button {
   margin-right: 0px;
 }
 .dropdown-menu > li > a.text-primary {
   color: #3c8dbc !important;
 }
 .dropdown-menu {
   z-index: 999;
   min-width: 400px;
   background: #fbfbfb;
   border: 1px solid #dddddd;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
 }
 .dd-width-auto {
   min-width: auto !important;
 }
 .uib-datepicker-popup.dropdown-menu,
 .date .dropdown-menu {
   min-width: auto !important;
 }
 .dropdown-menu-btn-option > li {
   padding: 3px 8px;
 }
 .dropdown-menu-btn-option > li > a {
   padding: 0;
   display: inline-block;
 }
 .dropdown-menu-btn-option > li > a:hover,
 .dropdown-menu-btn-option > li > a:active,
 .dropdown-menu-btn-option > li > a:focus {
   background: none;
 }
 .btn-list-options button {
   margin-top: 8px;
 }
 .select2-container {
   width: 100% !important;
 }
 .form-action .btn {
   margin-top: 5px;
 }
 .nav-tabs-custom > .tab-content {
   padding: 15px !important;
 }
 .nav-tabs-custom > .tab-content {
   padding-top: 15px !important;
 }
 .bg-box {
   padding: 15px;
 }
 .login-box-body ul {
   padding-left: 15px;
 }
 .login-box-body a > .btn-link {
   padding: 3px 10px;
 }
 .formstep {
   margin: 5px 0px;
 }
 .box-bg-white {
   background: #ffffff;
 }
 .box-content {
   padding: 15px;
 }
 .label-tag,
 .label-tag span {
   margin-left: 5px;
   font-size: 14px;
   display: inline-block;
   font-weight: normal;
 }
 .label-tag {
   margin-bottom: 5px;
 }
 .delete-col {
   width: 30px;
 }
 .delete-col .button-delete {
   padding-top: 10px;
   outline: none;
 }
 /*select css*/
 .ui-select-highlight {
   font-weight: bold;
 }
 .ui-select-offscreen {
   clip: rect(0 0 0 0) !important;
   width: 1px !important;
   height: 1px !important;
   border: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   overflow: hidden !important;
   position: absolute !important;
   outline: 0 !important;
   left: 0px !important;
   top: 0px !important;
 }
 .selectize-control.single > .selectize-input > input {
   width: 100%;
 }
 /* Fix line break when there's at least one item selected with the Selectize theme */
 .selectize-control.multi > .selectize-input > input {
   margin: 0 !important;
 }
 /* Fix dropdown width for Selectize theme */
 .selectize-control > .selectize-dropdown {
   width: 100%;
 }
 .ui-select-container[theme="selectize"] input.ui-select-search-hidden {
   opacity: 0;
   height: 0;
   min-height: 0;
   padding: 0;
   margin: 0;
   border: 0;
   width: 0;
 }
 /*select css*/
 .option-selected {
   background: #b5bbc8;
 }
 /* Style when highlighting a search. */
 .ui-select-highlight {
   font-weight: bold;
 }
 .ui-select-offscreen {
   clip: rect(0 0 0 0) !important;
   width: 1px !important;
   height: 1px !important;
   border: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   overflow: hidden !important;
   position: absolute !important;
   outline: 0 !important;
   left: 0px !important;
   top: 0px !important;
 }
 /* Fix input width for Selectize theme */
 .selectize-control {
   width: 100% !important;
 }
 .selectize-control.single > .selectize-input > input {
   width: 100%;
 }
 /* Fix line break when there's at least one item selected with the Selectize theme */
 .selectize-control.multi > .selectize-input > input {
   margin: 0 !important;
 }
 /* Fix dropdown width for Selectize theme */
 .selectize-control > .selectize-dropdown {
   width: 100%;
 }
 .dropdown-forward {
   min-width: 400px;
   max-width: 420px;
   width: 100%;
 }
 .tab-content .tab-pane .segment-variable-list {
   padding: 0px;
   border-top: 0px;
 }
 .option-list {
   margin-top: 15px;
   border: 1px solid #f4f4f4;
   padding: 15px;
 }
 .dropdown-menu > li.option-selected > a.text-primary {
   color: white !important;
 }
 .delete-row-confirm {
   width: 102px;
   margin-top: 7px;
 }
 .table-responsive .table {
   width: 100% !important;
 }
 .changetopicselect {
   width: 100%;
   min-height: 200px;
 }
 .new-inside {
   width: 6px;
   height: 6px;
   display: inline-block;
   background: #dd4b39;
   border-radius: 50%;
   margin-left: 5px;
 }
 .attachments {
   border-radius: 5px;
   border: 1px dashed #dddddd;
   background: #f7f7f7;
   padding: 3px 8px;
   line-height: 20px;
   margin: 0px 8px 8px 0px;
   display: inline-block;
 }
 .attachments i {
   margin-right: 8px;
   font-size: 18px;
   margin-top: 2px;
 }
 .attachment-icon {
   font-size: 20px;
   margin-right: 15px;
 }
 .attachments .filename {
   color: #333333;
 }
 .attachments:last-child {
   margin-right: 0px;
 }
 .btn-link {
   outline: none !important;
 }
 .btn-link:focus {
   background: none !important;
   box-shadow: none !important;
 }
 .drop-box {
   cursor: pointer;
   font-weight: normal;
   background-color: #eee;
   outline: 1px dashed #dddddd;
   width: 100%;
   text-align: center;
   padding: 18px;
   transition: all ease-in-out 0.2s;
 }
 .drop-box_active {
   cursor: auto;
   outline-width: 3px;
   outline-offset: -4px;
 }
 .drop-box_hover {
   outline-width: 3px;
   outline-offset: -5px;
   background-color: gold;
   outline-color: white;
   color: white;
 }
 label span.required {
   color: red;
   margin-right: 3px;
 }
 label.required {
   color: red;
 }
 .delete-row-confirm {
   position: absolute;
   width: calc(100% - 30px);
   background: rgba(12, 12, 12, 0.5);
   margin-left: -8px;
   padding-top: 14px;
   margin-top: -8px;
   padding-bottom: 14px;
   text-align: center;
 }
 .delete-row-confirm .btn-link {
   color: #ffffff;
 }
 .form-horizontal .control-label {
   font-weight: 600;
 }
 .cc-label a.btn-link {
   margin-bottom: 10px;
   display: inline-block;
   margin-right: 10px;
   cursor: pointer;
   position: relative;
 }
 .imageuploadify-details {
   width: 100%;
   margin-bottom: 5px;
 }
 .imageuploadify-details .btn-remove {
   width: 18px;
   height: 18px;
 }
 .control-label {
   font-weight: 600;
 }
 @media (min-width: 768px) {
 .form-horizontal label.col-md-12 {
     padding-top: 0px !important;
 }
 }
 .detail-container {
   margin-bottom: 15px;
 }
 .white-bg {
   background: #ffffff !important;
   box-shadow: none !important;
   border-top: 0px !important;
 }
 .bg-system-reply,
 .bg-system {
   background: #ffffff !important;
 }
 .bg-customer-reply,
 .bg-answers {
   background: #ebedf1 !important;
 }
 .bg-customer-reply td,
 .bg-answers td {
   border-top: 1px solid #dad9d9 !important;
 }
 .bg-agent-reply,
 .bg-questions {
   background: #f9efef !important;
 }
 .bg-agent-reply td,
 .bg-questions td {
   border-top: 1px solid #f5dad6 !important;
 }
 .bg-agent-reply td.white-bg,
 .bg-questions td.white-bg {
   border-top: 0px solid #f5dad6 !important;
 }
 .bg-case-properties {
   background: #f9f9f9 !important;
 }
 .bg-answers-sent {
   background: #e1e3e9 !important;
 }
 .expandedrowcontent {
   border: 0px solid #f4f4f4;
 }
 .rowborder td:first-child {
   border-left: 1px solid #f4f4f4 !important;
   border-top: none;
 }
 tr.expandedrowcontent td {
   border: 0px !important;
   border-top: 0px;
 }
 tr.bg-customer-reply td {
   border: 0px !important;
   border-color: #f4f4f4;
 }
 .skill-heading {
   padding: 15px 0px 15px 0px;
 }
 .skill-list .list-headings {
   font-weight: 400;
   margin-bottom: 6px;
   font-size: 16px;
 }
 .skill-list .skill-item {
   border-radius: .25em;
   padding: .2em .0em .3em;
   line-height: 1;
   margin: 0px 8px 8px 0px;
   display: block;
 }
 .skill-item a + a:before {
   padding: 0 5px;
   color: gray;
   content: "--\00a0";
 }
 .skill-item .fa-close {
   margin-left: 5px;
   cursor: pointer;
 }
 .selectize-input {
   background: white !important;
   background-image: none !important;
   border-radius: 0px !important;
   border-color: #d2d6de !important;
   box-shadow: none !important;
   padding: 6px 12px !important;
   font-size: 14px !important;
 }
 .selectize-input:after {
   right: 5px !important;
   border-width: 6px 3px 0 3px !important;
 }
 .box-header label.incoming-ques .icheckbox_square-blue,
 .box-header label.agent-prop-ans .icheckbox_square-blue {
   margin-right: 8px;
 }
 label.incoming-ques,
 label.agent-prop-ans {
   border-radius: 3px;
   margin-left: 15px;
   margin-bottom: 0px;
   font-weight: normal;
 }
 .tree .icheckbox_square-blue {
   margin-right: 1px;
 }
 .select-all-topic {
   padding-left: 19px !important;
 }
 .tree-lable {
   line-height: 18px;
 }
 .massupdated-interaction-prop h4 div.icheckbox_square-blue {
   margin-top: 2px !important;
 }
 .rowdata {
   padding-left: 38px !important;
 }
 .subject-col-width {
   width: 250px;
 }
 tr span.expanded-button {
   float: left;
 }
 /*ui- multi select2 */
 /* Style when highlighting a search. */
 .ui-select-highlight {
   font-weight: bold;
 }
 .ui-select-offscreen {
   clip: rect(0 0 0 0) !important;
   width: 1px !important;
   height: 1px !important;
   border: 0 !important;
   margin: 0 !important;
   padding: 0 !important;
   overflow: hidden !important;
   position: absolute !important;
   outline: 0 !important;
   left: 0px !important;
   top: 0px !important;
 }
 /* Select2 theme */
 /* Mark invalid Select2 */
 .ng-dirty.ng-invalid > a.select2-choice {
   border-color: #d44950;
 }
 .select2-result-single {
   padding-left: 0;
 }
 .select2-locked > .select2-search-choice-close {
   display: none;
 }
 .select-locked > .ui-select-match-close {
   display: none;
 }
 body > .select2-container.open {
   z-index: 9999;
   /* The z-index Select2 applies to the select2-drop */
 }
 /* Handle up direction Select2 */
 .ui-select-container[theme="select2"].direction-up .ui-select-match,
 .ui-select-container.select2.direction-up .ui-select-match {
   border-radius: 4px;
   /* FIXME hardcoded value :-/ */
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
 .ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
 .ui-select-container.select2.direction-up .ui-select-dropdown {
   border-radius: 4px;
   /* FIXME hardcoded value :-/ */
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   border-top-width: 1px;
   /* FIXME hardcoded value :-/ */
   border-top-style: solid;
   box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
   margin-top: -4px;
   /* FIXME hardcoded value :-/ */
 }
 .ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
 .ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
   margin-top: 4px;
   /* FIXME hardcoded value :-/ */
 }
 .ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
 .ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
   border-bottom-color: #5897fb;
 }
 .ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
 .ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input {
   opacity: 0;
   height: 0;
   min-height: 0;
   padding: 0;
   margin: 0;
   border: 0;
 }
 /* Selectize theme */
 /* Helper class to show styles when focus */
 .selectize-input.selectize-focus {
   border-color: #007FBB !important;
 }
 /* Fix input width for Selectize theme */
 .selectize-control.single > .selectize-input > input {
   width: 100%;
 }
 /* Fix line break when there's at least one item selected with the Selectize theme */
 .selectize-control.multi > .selectize-input > input {
   margin: 0 !important;
 }
 /* Fix dropdown width for Selectize theme */
 .selectize-control > .selectize-dropdown {
   width: 100%;
 }
 /* Mark invalid Selectize */
 .ng-dirty.ng-invalid > div.selectize-input {
   border-color: #d44950;
 }
 /* Handle up direction Selectize */
 .ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
   box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
   margin-top: -2px;
   /* FIXME hardcoded value :-/ */
 }
 .ui-select-container[theme="selectize"] input.ui-select-search-hidden {
   opacity: 0;
   height: 0;
   min-height: 0;
   padding: 0;
   margin: 0;
   border: 0;
   width: 0;
 }
 /* Bootstrap theme */
 /* Helper class to show styles when focus */
 .btn-default-focus {
   color: #333;
   background-color: #EBEBEB;
   border-color: #ADADAD;
   text-decoration: none;
   outline: 5px auto -webkit-focus-ring-color;
   outline-offset: -2px;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
 }
 .ui-select-bootstrap .ui-select-toggle {
   position: relative;
 }
 .ui-select-bootstrap .ui-select-toggle > .caret {
   position: absolute;
   height: 10px;
   top: 50%;
   right: 10px;
   margin-top: -2px;
 }
 /* Fix Bootstrap dropdown position when inside a input-group */
 .input-group > .ui-select-bootstrap.dropdown {
   /* Instead of relative */
   position: static;
 }
 .input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
   border-radius: 4px;
   /* FIXME hardcoded value :-/ */
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 .input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
   border-radius: 4px !important;
   /* FIXME hardcoded value :-/ */
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
 }
 .ui-select-bootstrap .ui-select-search-hidden {
   opacity: 0;
   height: 0;
   min-height: 0;
   padding: 0;
   margin: 0;
   border: 0;
 }
 .ui-select-bootstrap > .ui-select-match > .btn {
   /* Instead of center because of .btn */
   text-align: left !important;
 }
 .ui-select-bootstrap > .ui-select-match > .caret {
   position: absolute;
   top: 45%;
   right: 15px;
 }
 /* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
 .ui-select-bootstrap > .ui-select-choices,
 .ui-select-bootstrap > .ui-select-no-choice {
   width: 100%;
   height: auto;
   max-height: 200px;
   overflow-x: hidden;
   margin-top: -1px;
 }
 body > .ui-select-bootstrap.open {
   z-index: 1000;
   /* Standard Bootstrap dropdown z-index */
 }
 .ui-select-multiple.ui-select-bootstrap {
   height: auto;
   padding: 4px 3px 1px 3px;
 }
 .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
   background-color: transparent !important;
   /* To prevent double background when disabled */
   border: none;
   outline: none;
   height: 1.666666em;
   margin-bottom: 3px;
 }
 .ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
   font-size: 1.6em;
   line-height: 0.75;
 }
 .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
   outline: 0;
   margin: 0 3px 3px 0;
 }
 .ui-select-multiple .ui-select-match-item {
   position: relative;
 }
 .ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
   pointer-events: none;
 }
 .ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
   content: "";
   position: absolute;
   top: 0;
   right: 100%;
   height: 100%;
   margin-right: 2px;
   border-left: 1px solid #428bca;
 }
 .ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
   content: "";
   position: absolute;
   top: 0;
   left: 100%;
   height: 100%;
   margin-left: 2px;
   border-right: 1px solid #428bca;
 }
 .ui-select-bootstrap .ui-select-choices-row > span {
   cursor: pointer;
   display: block;
   padding: 3px 20px;
   clear: both;
   font-weight: 400;
   line-height: 1.42857143;
   color: #333;
   white-space: nowrap;
 }
 .ui-select-bootstrap .ui-select-choices-row > span:hover,
 .ui-select-bootstrap .ui-select-choices-row > span:focus {
   text-decoration: none;
   color: #262626;
   background-color: #f5f5f5;
 }
 .ui-select-multiple.ui-select-bootstrap:after {
   position: absolute;
   top: 50%;
   right: 5px;
   display: block;
   width: 0;
   height: 0;
   margin-top: -3px;
   border-color: gray transparent transparent transparent;
   border-style: solid;
   border-width: 6px 3px 0 3px;
   content: ' ';
 }
 .ui-select-bootstrap .ui-select-choices-row.active > span {
   color: white;
   text-decoration: none;
   outline: 0;
   background-color: #428bca;
 }
 .ui-select-bootstrap .ui-select-choices-row.disabled > span,
 .ui-select-bootstrap .ui-select-choices-row.active.disabled > span {
   color: #333333;
   cursor: not-allowed;
   background-color: white;
 }
 /* fix hide/show angular animation */
 .ui-select-match.ng-hide-add,
 .ui-select-search.ng-hide-add {
   display: none !important;
 }
 /* Mark invalid Bootstrap */
 .ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
   border-color: #d44950;
 }
 /* Handle up direction Bootstrap */
 .ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
   box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
 }
 .ui-select-bootstrap .ui-select-match-text {
   width: 100%;
   padding-right: 1em;
 }
 .ui-select-bootstrap .ui-select-match-text span {
   display: inline-block;
   width: 100%;
   overflow: hidden;
 }
 .ui-select-bootstrap .ui-select-toggle > a.btn {
   position: absolute;
   height: 10px;
   right: 10px;
   margin-top: -2px;
 }
 /* Spinner */
 .ui-select-refreshing.glyphicon {
   position: absolute;
   right: 0;
   padding: 8px 27px;
 }
 @-webkit-keyframes ui-select-spin {
 0% {
     transform: rotate(0deg);
 }
 100% {
     transform: rotate(359deg);
 }
 }
 @keyframes ui-select-spin {
 0% {
     transform: rotate(0deg);
 }
 100% {
     transform: rotate(359deg);
 }
 }
 .ui-select-spin {
   -webkit-animation: ui-select-spin 2s infinite linear;
   animation: ui-select-spin 2s infinite linear;
 }
 .ui-select-refreshing.ng-animate {
   -webkit-animation: none 0s;
 }
 /*ui multi select2 end*/
 .simple-label .float-btn-group {
   width: calc(100% - 26px);
   display: flex;
   align-items: flex-end;
   margin-bottom: 15px;
 }
 .simple-label .float-btn-group .date {
   width: 100%;
 }
 .simple-label iservice-interaction-property-field {
   width: 100%;
 }
 .simple-label input,
 .simple-label select,
 .simple-label textarea {
   padding: 4px;
   display: block;
   width: calc(100% - 8px);
   background: none;
   position: relative;
 }
 .simple-label .button-add-row {
   position: absolute;
   bottom: -5px;
   right: 0px;
   color: #3c8dbc;
 }
 .simple-label .input-with-desc {
   width: 100%;
 }
 .simple-label .input-with-desc input {
   padding-right: 0px;
   width: 100%;
 }
 .simple-label .input-with-desc label {
   font-weight: normal;
   margin-bottom: 0px;
 }
 .simple-label .input-with-desc .group-property-1 {
   width: 40%;
   float: left;
 }
 .simple-label .input-with-desc input.group-property-2,
 .simple-label .input-with-desc select.group-property-2,
 .simple-label .input-with-desc textarea.group-property-2 {
   width: 58%;
   float: right;
 }
 .related-property {
   top: 28px;
   position: absolute;
   right: -9px;
 }
 @media (max-width: 992px) {
 .related-property {
     position: relative;
     top: -3px;
     left: 50%;
 }
 .dataTables_wrapper .row .col-sm-6 {
     width: 100% !important;
 }
 }
 .checkbox .nested {
   padding-left: 38px;
 }
 .group-input {
   border: 1px solid #d2d6de;
   margin: 0px !important;
   padding-bottom: 3px;
   float: left;
   width: 100%;
 }
 .group-input .group-input-item {
   height: 28px;
   padding: 0px 12px !important;
   background: #fff;
 }
 .group-input .group-input-label {
   font-weight: normal;
 }
 .nested .form-group {
   padding-left: 21px;
 }
 .nested .control-label {
   padding-left: 15px;
   margin-top: 8px;
 }
 .tree-test-container {
   width: calc(100% - 75px);
   overflow: hidden;
   display: inline-flex;
 }
 .tree-test-container .text {
   flex: 0 0 auto;
 }
 .tree-test-container .line {
   flex: 1 1 auto;
 }
 .treeviewrow {
   display: flex;
 }
 .div1 {
   flex: 0 1 auto;
   line-height: 18px;
 }
 .div2 {
   flex: 1 1 auto;
   height: 14px;
 }
 /* other stuff */
 .treeviewrow div {
   margin: 0.2em;
 }
 .treeviewrow {
   width: 100%;
 }
 ul li .treeviewitem {
   display: inline-block;
   width: calc(100% - 58px);
 }
 ul li ul li.branch .treeviewitem {
   display: inline-block;
   width: calc(100% - 78px);
 }
 ul li ul li.branch ul li .treeviewitem {
   display: inline-block;
   width: calc(100% - 56px);
 }
 .topic-tree-text {
   width: 150px;
 }
 .no-sort > .icheckbox_square-blue {
   margin-right: 50px;
 }
 .managequeue-topictree li {
   position: relative;
 }
 .managequeue-topictree li i,
 .managequeue-topictree li .icheckbox_square-blue {
   vertical-align: top;
   margin-top: 5px;
 }
 .managequeue-topictree .count-columns {
   position: absolute;
   right: 0px;
   top: 0px;
 }
 .managequeue-topictree .count-block {
   display: inline-block;
 }
 .managequeue-topictree .treeviewitem {
   display: inline-block;
 }
 .managequeue-topictree .columns-3 .treeviewitem {
   width: calc(100% - 150px);
 }
 .managequeue-topictree .columns-4 .treeviewitem {
   width: calc(100% - 150px);
 }
 .active-chat ul li .treeviewitem {
   display: inline-block;
   width: calc(100% - 170px);
 }
 .active-chat ul li ul li .treeviewitem {
   display: inline-block;
   width: calc(100% - 173px);
 }
 .active-chat ul li ul li.branch .treeviewitem {
   display: inline-block;
   width: calc(100% - 173px);
 }
 .active-chat ul li ul li.branch ul li .treeviewitem {
   display: inline-block;
   width: calc(100% - 150px);
 }
 .show-notifications {
   margin-right: 15px;
   margin-top: 8px;
 }
 .developer-html {
   font-size: 14px;
   margin-top: 6px;
 }
 .group-input-checkbox {
   padding-top: 5px;
 }
 .padding-left-0 {
   padding-left: 0px !important;
 }
 .form-group .ui-select-container {
   width: 100% !important;
 }
 .treeview.without-numbers {
   width: 100%;
 }
 .iradio_square-blue {
   margin-right: 5px;
 }
 label {
   margin-bottom: 0px;
   font-weight: 600 !important;
 }
 .segment label {
   margin-bottom: 5px;
 }
 .selectize-dropdown {
   margin: -5px 0 0 0;
 }
 /*right menu tab*/
 .my-form-icon {
   line-height: 17px !important;
   width: 20px;
   height: auto;
 }
 .my-form-icon .icon-myform {
   position: absolute;
   right: -2px;
   top: 7px;
   font-size: 10px;
 }
 .account-update-box {
   height: 325px;
 }
 .account-update-heading {
   padding: 0px 0px 15px 0px;
 }
 ul.update-list {
   margin: 10px 0px 15px 0px;
 }
 ul.update-list li {
   list-style: none;
   margin-bottom: 10px;
 }
 ul.update-list li::before {
   content: "\f096";
   font-family: FontAwesome;
   display: inline-block;
   width: 1em;
   margin-left: -1em;
   margin-right: 10px;
 }
 .help-link {
   font-size: 12px;
   cursor: pointer;
 }
 .smtp-out-message {
   margin: 5px 0px 15px 0px;
   font-size: 16px;
   display: inline-block;
 }
 /*account page*/
 .update-list .message-time {
   margin-left: 15px;
 }
 .user-detail .user-initials {
   background: #30a5ff;
 }
 .eq-container {
   height: 528px;
 }
 .in-row-btn {
   margin-top: 26px;
 }
 .mright-0 {
   margin-right: 0px !important;
 }
 .toggle-control {
   margin-top: 26px;
 }
 .btn-delete {
   cursor: pointer;
   opacity: 0.7;
 }
 .btn-delete:hover {
   opacity: 0.75;
 }
 .select2-container .select2-choice,
 .select2-container-multi .select2-choices {
   border-bottom-color: transparent;
   border-radius: 0px !important;
   background-color: white;
   background-image: none !important;
   border: 1px solid #d2d6de !important;
   height: 34px !important;
   line-height: 34px !important;
 }
 .select2-dropdown-open .select2-choice {
   background: white !important;
 }
 .select2-container-active .select2-choice {
   box-shadow: none !important;
 }
 .select2-container-multi .select2-choices .select2-search-field input {
   height: 28px;
   font-family: inherit;
 }
 .select2-container:after {
   position: absolute;
   top: 50%;
   right: 8px;
   display: block;
   width: 0;
   height: 0;
   margin-top: -3px;
   border-color: gray transparent transparent transparent;
   border-style: solid;
   border-width: 6px 3px 0 3px;
   content: ' ';
 }
 .box-title a {
   text-transform: capitalize;
 }
 .new-segment-container {
   background: white;
   width: calc(100% - 5px);
   margin-top: 5px;
   margin-bottom: 5px;
 }
 .new-segment-container .segment-container {
   padding: 10px;
 }
 .new-segment-container h3 {
   padding: 0;
   margin: 0;
   font-size: 18px;
   color: #333333;
   margin-bottom: 10px;
 }
 .new-segment-container .control-label {
   color: #333333;
 }
 .box-tools .btn {
   margin: 0px 3px 0px 3px;
 }
 .btn-new-segment {
   margin: 15px 0px 8px 15px;
 }
 .skin-black .logo-lg svg,
 .skin-black-light .logo-lg svg,
 .skin-black-light .logo-mini svg,
 .skin-black .logo-mini svg {
   fill: #3c8dbc;
 }
 .skin-black-light.sidebar-mini.sidebar-collapse .user-panel .btn,
 .skin-blue-light.sidebar-mini.sidebar-collapse .user-panel .btn {
   margin-top: 15px;
   color: #dd4b39;
   font-size: 14px;
   margin-right: -7px;
 }
 .skin-black.sidebar-mini.sidebar-collapse .user-panel .btn {
   margin-top: 15px;
   font-size: 14px;
 }
 .message-body-container {
   width: 100%;
 }
 .variable-responses .option-list {
   height: 250px;
   overflow: auto;
 }
 .criteria-form,
 .campaign-form {
   margin-bottom: 45px;
 }
 .select2-container .select2-choice .select2-arrow,
 .select2-container .select2-choice .select2-arrow b {
   background: none !important;
   border-left: 0px !important;
 }
 .delete-campaign {
   margin-top: 28px;
 }
 .form-group p.input-text {
   margin: 0px;
 }
 .select2-container--default .select2-selection--single .select2-selection__arrow b {
   border: none !important;
 }
 .dual-multi-select-btn-block {
   text-align: center;
   margin: 0 auto;
   margin-top: 45px;
 }
 .dual-multi-select-btn-block .btn-block {
   width: 50px;
   text-align: center;
   margin: 0 auto;
   margin-bottom: 5px;
 }
 .vpicker {
   margin-top: 20px;
 }
 .campign-col {
   width: 120px;
 }
 .campaign-btn {
   margin-top: 22px;
 }
 .table-hover > tbody > tr.campign-editrow {
   background: #f7f7f7;
 }
 .table-hover > tbody > tr.campign-editrow:hover {
   background: #f7f7f7;
 }
 /**
  * The dnd-list should always have a min-height,
  * otherwise you can't drop to it once it's empty
  */
 .filtergroup ul[dnd-list] {
   min-height: 42px;
   padding-left: 0px;
 }
 .filtergroup .arrow {
   width: 36px;
   position: absolute;
   left: calc(50% - 18px);
   top: 47%;
 }
 .filtergroup i {
   font-size: 20px;
   margin-left: -4px;
 }
 /**
  * The dndDraggingSource class will be applied to
  * the source element of a drag operation. It makes
  * sense to hide it to give the user the feeling
  * that he's actually moving it.
  */
 .filtergroup ul[dnd-list] .dndDraggingSource {
   display: none;
 }
 /**
  * An element with .dndPlaceholder class will be
  * added to the dnd-list while the user is dragging
  * over it.
  */
 .filtergroup ul[dnd-list] .dndPlaceholder {
   background-color: #cccccc;
   display: block;
   min-height: 42px;
 }
 .filtergroup ul[dnd-list] li {
   background-color: white;
   border: 1px solid #cccccc;
   border-top-right-radius: 4px;
   border-top-left-radius: 4px;
   display: block;
   padding: 10px 15px;
   margin-bottom: -1px;
   cursor: move;
   /* fallback: no `url()` support or images disabled */
   /* fallback: Internet Explorer */
   cursor: -webkit-grab;
   /* Chrome 1-21, Safari 4+ */
   /* Firefox 1.5-26 */
   cursor: grab;
   /* W3C standards syntax, should come least */
 }
 .filtergroup ul[dnd-list] li.selected {
   background-color: #f7f7f7;
 }
 .filtergroup .filter-box {
   padding: 15px;
   border: 1px solid #cccccc;
   margin-bottom: 15px;
   min-height: 400px;
 }
 .filtergroup .filter-box ul[dnd-list] {
   margin-bottom: 0px;
 }
 table.dataTable {
   width: 100% !important;
 }
 .bg-white-black-color {
   color: #000 !important;
 }
 .right-menu-tab .treeview-menu {
   display: block;
   padding-left: 0px;
 }
 .right-menu-tab .treeview-menu > li > a {
   color: #333333;
 }
 .right-menu-tab .treeview-menu > li > a:hover,
 .right-menu-tab .treeview-menu > li > a:active {
   color: white;
 }
 .right-menu-tab .control-sidebar-subheading > .fa {
   width: 20px;
 }
 .opacity-50 {
   opacity: 50%;
 }
 .opacity-30 {
   opacity: 30%;
 }
 .notdatatable .table-controls {
   white-space: nowrap;
   display: inline-block;
 }
 .notdatatable .table-columns {
   margin-right: 10px;
 }
 .notdatatable .table-columns .btn-group {
   position: relative;
 }
 .notdatatable .table-columns .column-picker {
   position: absolute;
   left: 55px;
   top: 34px;
   display: block;
   z-index: 9999;
   background: #eee;
 }
 .notdatatable .table-columns .column-picker a {
   display: block;
   padding: 3px 20px;
   clear: both;
   font-weight: 400;
   line-height: 1.42857143;
   color: #777;
   white-space: nowrap;
 }
 .notdatatable .table-columns .column-picker .active a {
   color: #fff;
   text-decoration: none;
   background-color: #337ab7;
   outline: 0;
 }
 .notdatatable .table-filter {
   float: right;
 }
 .notdatatable .notdatatable th span {
   cursor: pointer;
   white-space: nowrap;
 }
 .box-header > span.fa-stack {
   line-height: 24px;
   width: 25px;
   margin-right: 5px;
 }
 .box-header > span.fa-stack .fa:first-child {
   font-size: 18px;
 }
 .box-header > span.fa-stack .fa:last-child {
   font-size: 14px;
   top: 10px;
   right: -1px;
 }
 .groupbg-checkbox {
   margin-left: -1px !important;
   margin-top: 5px !important;
   padding-bottom: 7px;
 }
 .groupbg-checkbox .nested {
   padding-right: 15px;
 }
 .form-horizontal .checkbox,
 .form-horizontal .radio {
   clear: both;
   margin-bottom: 8px;
 }
 .variable-responses {
   max-height: 350px;
   overflow-y: scroll;
 }
 .data-label {
   font-size: 16px;
 }
 .formstepcontainer {
   background: #fbfbfb;
   border: 1px solid #dddddd;
   border-radius: 5px;
   padding: 0px 15px;
   margin-top: 15px;
 }
 .formstepcontainer .formstep {
   padding-top: 15px;
   border-bottom: 1px solid #eeeeee;
   margin: 0px 0px;
 }
 .formstepcontainer .formstep:last-child {
   border-bottom: 0px;
 }
 .formstepcontainer .box-bg-white {
   border: 1px solid #dddddd;
   border-radius: 5px;
   margin-bottom: 15px;
 }
 .dropdown-bg {
   background: #fbfbfb;
   border: 1px solid #dddddd;
 }
 .dropdown-bg li {
   padding: 4px 8px;
 }
 .dropdown-bg li:hover {
   background: #e1e3e9;
 }
 .dropdown-bg li label {
   font-weight: normal;
   color: #333333;
 }
 .dropdown-bg li a {
   /*padding-left:18px;*/
   color: #333333;
 }
 .dropdown-bg a .fa {
   font-size: 16px;
 }
 .eq-container {
   padding-top: 0px;
 }
 .responses {
   margin-top: 7px;
   margin-right: 15px;
 }
 .dropdown-response {
   max-width: 300px;
   width: 100%;
   padding-top: 15px;
   padding-bottom: 15px;
   min-width: 280px;
 }
 .dropdown-response .custom-scroll {
   height: 250px;
   overflow-y: scroll;
 }
 .dropdown-response ul:hover {
   background: none;
 }
 .dropdown-response li:hover {
   background: none;
 }
 .int-det-box {
   background: #f7f7f7;
   padding: 8px 15px 15px 15px;
   float: right;
 }
 .det-box-bg {
   background: #f7f7f7;
   display: inline-block;
   width: 100%;
   padding: 8px 0px 15px 0px;
 }
 div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
   width: 100% !important;
   float: none !important;
 }
 .private_comment {
   width: 100%;
   white-space: pre-line;
   max-height: 250px;
   overflow-y: scroll;
   height: 250px;
 }
 .box-header a.responses {
   margin-top: 0px;
 }
 @media (max-width: 992px) {
 .int-det-box {
     width: 100%;
     margin-top: 15px;
 }
 }
 .chevron-p-top {
   padding-top: 4px;
 }
 .item-count {
   font-weight: bold;
   margin-top: 5px;
 }
 ul li .treeviewitem label {
   cursor: pointer;
   display: block !important;
 }
 .datetime-picker-dropdown {
   left: -60px !important;
 }
 @media (max-width: 1024px) {
 .datetime-picker-dropdown {
     left: -150px !important;
 }
 }
 .icheckbox_square-blue,
 .iradio_square-blue {
   width: 19px;
   height: 19px;
 }
 .icheckbox_square-blue.checked {
   background-position: -48px 0px;
 }
 .icheckbox_square-blue,
 .iradio_square-blue {
   background: url(/dist/img/blue-n.png) no-repeat;
 }
 .iradio_square-blue {
   background-position: -122px 0;
 }
 .alert {
   padding: 8px 15px;
 }
 .callout {
   padding: 8px 30px 8px 15px;
 }
 .alert {
   position: relative;
   padding-right: 35px;
 }
 .alert .text {
   font-size: 14px;
   font-weight: normal;
 }
 .alert-inline h4 {
   padding: 0;
   margin: 0;
 }
 .alert-inline .more,
 .alert .more {
   color: #ffffff;
   cursor: pointer;
   padding-left: 40px;
   font-weight: bold;
 }
 .alert-dismissable .close,
 .alert-dismissible .close {
   right: 0;
 }
 .attachments .button-delete i {
   font-size: 16px;
   position: relative;
   top: 1px;
   margin-left: 8px;
 }
 .alert-dismissable .close,
 .alert-dismissible .close {
   right: 8px;
   position: absolute;
 }
 table tr td .inline-form-control {
   width: 100% !important;
 }
 .full-width {
   width: 100% !important;
 }
 .full-width .input-group-btn {
   width: 1% !important;
 }
 .email-download {
   margin-left: 5px;
   position: relative;
   top: 3px;
 }
 table .uib-weeks td.h6:first-child {
   visibility: hidden !important;
 }
 .username-ellipsis {
   text-overflow: ellipsis;
   overflow: hidden;
   width: 100px;
   height: 1.2em;
   white-space: nowrap;
   float: left;
 }
 div.dataTables_wrapper div.dataTables_filter label,
 div.dataTables_wrapper div.dataTables_length label,
 .agent-prop-ans,
 .incoming-ques {
   font-weight: normal !important;
 }
 .f16 {
   font-size: 16px;
 }
 .op-level-0 {
   font-weight: normal;
   display: block;
 }
 .op-level-1 {
   padding-left: 15px;
   display: block;
 }
 .op-level-2 {
   padding-left: 30px;
   display: block;
 }
 .form-variable {
   margin-bottom: -22px;
 }
 .disabled {
   color: #b5bbc8;
   cursor: not-allowed;
 }
 small.disabled {
   cursor: default;
 }
 @media (max-width: 768px) {
 .form-variable {
     margin-bottom: 0px;
     margin-top: -22px;
 }
 }
 .treeview-collapse {
   transition: width 0.25s ease-in-out;
 }
 .treeview-expand {
   transition: width 0.25s ease-in-out;
 }
 .treeview-collapse .box-header i,
 .treeview-collapse .box-header h3 {
   display: none;
 }
 .treeview-collapse i.treeview-collapse-icon {
   display: block;
 }
 .treeview-collapse .box-body,
 .treeview-collapse .my-topic-switch {
   visibility: hidden;
 }
 .treeview-expand-icon {
   display: none !important;
 }
 @media (max-width: 991px) {
 .treeview-collapse i.collapse-icon,
   .treeview-expand i.treeview-collapse-icon {
     display: none;
 }
 .treeview-expand-icon {
     display: block !important;
 }
 }
 .option-btn {
   width: auto;
   display: inline;
 }
 .logout-notice .modal-header,
 .logout-notice .modal-footer {
   padding: 8px 15px;
 }
 .logout-notice .text {
   font-size: 16px;
 }
 .replyall i {
   margin-top: 8px;
   font-size: 20px;
 }
 .replyall input {
   width: calc(100% - 30px) !important;
   display: inline;
 }
 .cp {
   cursor: pointer;
 }
 @media (min-width: 768px) and (max-width: 991px) {
 .user-detail label.control-label {
     padding-left: 15px !important;
 }
 .contact-summary .user-detail .user-name {
     margin-top: 0px;
     margin-bottom: 15px;
     text-align: center;
 }
 }
 .heading-with-toggle .fa-list-ul,
 .heading-with-toggle .menu-collapse {
   margin-top: 3px;
 }
 @media (min-width: 768px) {
 .bcc-link {
     position: absolute;
     margin-top: 8px;
     right: 15px;
 }
 }
 .example .tree ul {
   margin-left: .5em;
 }
 .example .tree li {
   margin: 0;
   padding: 0 0em 0px 1.6em;
   line-height: 2em;
   color: #336699;
   font-weight: 700;
   position: relative;
 }
 .example .tree ul li:before {
   width: 20px;
 }
 .example li.branch:before {
   border-top: 1px solid !important;
   width: 8px !important;
 }
 .example li.branch {
   padding-left: 0.1em !important;
 }
 @media (min-width: 991px) and (max-width: 1024px) {
 .topic-list-container {
     overflow-x: scroll;
 }
 .topic-list {
     min-width: 280px;
 }
 .message-head,
   .chat-head {
     min-width: 310px;
 }
 .my-topic-switch {
     margin-top: 8px;
 }
 }
 .info-box .info-box-container .top-container {
   padding-top: 15px;
   text-align: center;
 }
 .info-box .info-box-container .infobox-icon {
   width: auto;
   vertical-align: middle;
 }
 .info-box .info-box-container .infobox-number {
   font-size: 28px;
   padding-top: 10px;
   padding-left: 10px;
   vertical-align: middle;
 }
 .info-box .info-box-container .infobox-text {
   width: 100%;
   text-align: center;
   font-size: 18px;
   padding: 8px 8px;
 }
 .detail-legend {
   margin-left: -40px;
 }
 .user-list {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 .user-list .item {
   box-shadow: none;
   border-radius: 0;
   border-bottom: 1px solid #f4f4f4;
   background: #ffffff;
   padding: 10px 0px;
   float: left;
   width: 100%;
 }
 .user-list .item:last-of-type {
   border-bottom-width: 0;
 }
 .user-list .item .points {
   font-weight: normal;
 }
 .user-list .item .points span {
   margin-right: 35px;
 }
 .leaderbord .user-initials {
   width: 38px;
   height: 38px;
   line-height: 38px;
   font-size: 16px;
 }
 .leaderbord .user-img {
   float: left;
 }
 .leaderbord .user-info {
   margin-left: 48px;
   margin-top: 7px;
   width: calc(100% - 150px);
 }
 .logged-in-container {
   height: 294px;
   overflow-y: scroll;
 }
 .que-ans-container {
   height: 250px;
   overflow-y: scroll;
 }
 .que-ans-container ul {
   padding-left: 0px;
   list-style: none;
 }
 .que-ans-container li {
   margin-bottom: 15px;
   display: block;
   line-height: 18px;
   padding: 0px 0px 15px 15px;
   border-bottom: 1px solid #f4f4f4;
   width: 100%;
   float: left;
   position: relative;
 }
 .que-ans-container li span {
   padding-top: 5px;
   margin-left: 22px;
   display: block;
 }
 .que-ans-container li:last-of-type {
   border-bottom-width: 0;
 }
 .que-ans-container li.question:before {
   font-family: 'icomoon' !important;
   content: "\e913";
   margin: 6px 5px 0 -15px;
   color: #30a5ff;
   border-radius: 50%;
   font-size: 26px;
   position: absolute;
 }
 .que-ans-container li.answer:before {
   font-family: 'icomoon' !important;
   content: "\e912";
   margin: 6px 5px 0 -15px;
   color: #5ac594;
   border-radius: 50%;
   font-size: 26px;
   position: absolute;
 }
 .que-ans-container li span.text {
   margin-bottom: 8px;
   padding-right: 5px;
 }
 .que-ans-container li span.time {
   font-size: 12px;
   padding-right: 5px;
 }
 .que-ans-container li span.agent-name {
   font-size: 12px;
   font-weight: bold;
 }
 .chart-legend-queansflow {
   float: right;
   margin-right: 24px;
 }
 .btn-inline-with-label .responses {
   margin-right: 0px;
   margin-top: 0px;
 }
 .mail-bounced-icon {
   width: 20px;
   line-height: 1.7em;
 }
 .mail-bounced-icon .icon-plus {
   position: absolute;
   right: 0;
   top: 13px;
   font-size: 10px;
 }
 .external-agent {
   font-size: 16px;
 }
 .bg-case-properties .box {
   margin-bottom: 0px;
 }
 .help-icon {
   font-size: 16px;
 }
 .sub-segments {
   padding-left: 20px;
 }
 .popover-title {
   background: #333333;
   color: #ffffff;
   font-weight: bold;
 }
 .popover-content {
   background: #f7f7f7;
 }
 .agent-list {
   border: 1px solid #cccccc;
   height: 500px;
   overflow: scroll;
   padding: 5px;
 }
 .agent-list label {
   white-space: nowrap;
   width: 100%;
 }
 .login-logo .register-trade-mark {
   font-size: 32px;
   position: relative;
   top: -8px;
   margin-left: -8px;
 }
 .logo-lg .register-trade-mark {
   font-size: 14px;
   font-weight: normal;
   top: -10px;
   position: relative;
   left: -5px;
 }
 .bg-default {
   background: none !important;
   border: 1px solid #cccccc;
   color: #333333 !important;
 }
 .floating-label .select2-container .select2-choice {
   border: none !important;
   background: none !important;
 }
 .floating-label .search {
   margin-top: 11px;
 }
 .floating-label .select2-container-active .select2-choice,
 .floating-label .select2-container-active .select2-choices {
   box-shadow: none;
 }
 .table > thead > tr > th {
   vertical-align: bottom !important;
 }
 .domain-list {
   border: 1px solid #dddddd;
   padding: 10px;
   height: 150px;
   overflow-y: scroll;
 }
 .domain-list .list-item {
   width: 100%;
   margin-bottom: 5px;
 }
 thead .sorting:after,
 thead .sorting_asc:after,
 thead .sorting_desc:after,
 thead .sorting_asc_disabled:after,
 thead .sorting_desc_disabled:after {
   top: unset;
   bottom: 8px;
 }
 .list-container {
   border: 1px solid #cccccc;
   height: 300px;
   overflow-y: scroll;
 }
 .list-container label {
   white-space: nowrap;
 }
 .control-sidebar-bg {
   position: absolute !important;
 }
 .root > li > a {
   padding-left: 0px;
 }
 .dataTables_filter label {
   font-weight: normal !important;
 }
 .inline-label {
   margin-right: 10px;
   display: inline-block;
 }
 .pr-0 {
   padding-right: 0px;
 }
 .pl-0 {
   padding-left: 0px;
 }
 .treeviewitem .topic-selected {
   background: #dcdcdc;
   padding-right: 20px;
 }
 .inline-delete {
   margin-top: 7px;
 }
 .group-inline-item {
   margin-top: 26px;
   border: 1px solid #d2d6de;
   padding: 5px 15px;
 }
 .group-inline-item .control-label {
   padding-top: 0px;
 }
 .color-tab-icon .dropdown-menu li i {
   padding: 0;
   background: none;
   color: inherit;
 }
 /*For datatable sort option*/
 .table > thead > tr > th {
   padding-right: 30px;
 }
 .table > thead > tr > th > span {
   width: 100%;
   position: relative;
   display: block;
 }
 span.glyphicon-sort,
 span.glyphicon-sort-by-attributes,
 span.glyphicon-sort-by-attributes-alt {
   position: absolute;
   bottom: 5px;
   top: 3px;
   left: -20px;
 }
 .popover {
   max-width: 500px;
 }
 .multiple .select2-container {
   width: 100% !important;
   z-index: auto;
 }
 .topic-list-container {
   min-height: 450px;
 }
 .box-placeholder {
   display: inline-block;
   background-color: white;
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0);
   vertical-align: top;
   width: 100%;
 }
 .box-placeholder hr {
   margin: 0;
   border-color: #f3f3f3;
 }
 .box-placeholder {
   font-size: 0;
   line-height: 0;
 }
 .box-placeholder .text {
   display: inline-block;
   background-color: #222121;
   height: 12px;
   margin: 5px 0;
   min-width: 100px;
   opacity: .1;
   -webkit-animation: fading 1.5s infinite;
           animation: fading 1.5s infinite;
 }
 .box-placeholder .text:first-child {
   margin-top: 0;
 }
 .box-placeholder .text:last-child {
   margin-bottom: 0;
 }
 .box-placeholder .text.link {
   background-color: #3c8dbc;
   opacity: .2;
 }
 .box-placeholder .text.line {
   width: 100%;
 }
 .box-placeholder .text.category {
   width: 100px;
   margin-bottom: 10px;
 }
 .box-placeholder .text.title {
   width: 100%;
   background-color: #3c8dbc;
   margin-bottom: 10px;
 }
 .box-placeholder h4.text {
   height: 20px;
   margin: 3px 0;
   opacity: .2;
 }
 .box-placeholder .loading-text {
   color: #000;
   font-size: 18px;
   text-align: center;
   -webkit-animation: fadingtext 1.5s infinite;
           animation: fadingtext 1.5s infinite;
 }
 @-webkit-keyframes fading {
 0% {
     opacity: .1;
 }
 50% {
     opacity: .2;
 }
 100% {
     opacity: .1;
 }
 }
 @keyframes fading {
 0% {
     opacity: .1;
 }
 50% {
     opacity: .2;
 }
 100% {
     opacity: .1;
 }
 }
 @-webkit-keyframes fadingtext {
 0% {
     opacity: .4;
 }
 50% {
     opacity: .8;
 }
 100% {
     opacity: .4;
 }
 }
 @keyframes fadingtext {
 0% {
     opacity: .4;
 }
 50% {
     opacity: .8;
 }
 100% {
     opacity: .4;
 }
 }
 .dis-flex {
   display: flex;
 }
 /* Manage message date time column color codes*/
 tr.color-normal td.column-date {
   background-color: #e0e0e0;
   --bs-table-accent-bg: none;
 }
 tr.color-warning td.column-date {
   background-color: #F7DC6F;
   --bs-table-accent-bg: none;
 }
 tr.color-urgent td.column-date {
   background-color: #F1948A;
   --bs-table-accent-bg: none;
 }
 .google-btn {
   background: #4285f4;
   width: 100%;
   text-align: left;
 }
 .okta-btn {
	background: #007EC5;
	width: 100%;
	text-align: left;
  }
 
 .microsoft-btn {
   background: #2f2f2f;
   width: 100%;
   text-align: left;
 }
 .microsoft-auth-btn {
   background: #2672ec;
   width: 100%;
   text-align: left;
 }
 /* Portrait tablet to landscape and desktop */
 .agent-list label {
   width: 100%;
   font-weight: normal!important;
   margin-bottom: 8px;
 }
 .list-container .select2-search {
   z-index: 999;
 }
 .treeview-collapse {
   width: 65px;
 }
 .message-box img,
 .message-box table {
   max-width: 100%;
 }
 @media (min-width: 768px) and (max-width: 991px) {
 .info-box .info-box-container .infobox-icon {
     padding-left: 64px;
 }
 .detail-legend {
     margin-left: 0px;
 }
 }
 /* Landscape phone to portrait tablet */
 @media (max-width: 767px) {
 .info-box .info-box-container .infobox-icon {
     padding-left: 112px;
	 
 }
 .detail-legend {
     margin-left: 0px;
 }
 .notdatatable .table-controls {
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 15px;
    float: left !important;
}
 }
 /* Landscape phones and down */
 @media (max-width: 480px) {
 .info-box .info-box-container .infobox-icon {
     padding-left: 10px;
 }
 .info-box .info-box-container .infobox-text {
     font-size: 14px;
 }
 .detail-legend {
     margin-left: 0px;
 }
 }
 .form-horizontal .dropdown-menu-btn-option .form-group {
   margin-right: 0px;
   margin-left: 0px;
 }
 .user-container span {
   float: left;
   text-align: center;
   width: 100%;
 }
 .user-container b {
   width: 100%;
   float: left;
 }
 .menu-collapse {
   cursor: pointer;
 }
 .select-all-topic lable {
   margin-left: 0px !important;
 }
 .graph-heading {
   font-size: 18px;
   text-align: center;
   font-weight: bold;
 }
 .chart-legend-container {
   width: 100%;
   margin: 0 auto;
   display: block;
   text-align: center;
   position: relative;
 }
 .chart-legend-container ul {
   width: 100%;
   text-align: center;
   margin: 0;
   padding: 0;
 }
 .chart-legend-container ul li {
   display: inline-block;
   margin-right: 8px;
 }
 .chart-container {
   display: block;
   text-align: center;
   max-width: 700px;
   width: 100%;
   margin: 0 auto;
 }
 .chart-legend li {
   display: inline-block;
   list-style: none;
   margin-right: 8px;
 }
 .chart-legend li span,
 .legend {
   display: inline-block;
   width: 12px;
   height: 12px;
   margin-right: 5px;
 }
 .support-container {
   width: 100%;
   margin-bottom: 30px;
 }
 .support-container .supportimg-container {
   width: 100%;
   text-align: center;
   margin-bottom: 15px;
 }
 .support-container .supportimg-container img {
   width: 100px;
 }
 .support-container .support-text {
   font-size: 18px;
   text-align: center;
 }
 .legend-value {
   width: 115px;
   display: block;
 }
 .container-place-holder {
   background: #fbfbfb;
   width: 100%;
   margin-bottom: 15px;
 }
 .sub-menus {
   padding-left: 20px !important;
 }
 .sidebar-menu li > a > .pull-right-container {
   right: 0px;
   margin-top: -7px;
 }
 .sidebar-menu .treeview-menu > li > a {
   padding-right: 28px !important;
   white-space: normal;
   line-height: 18px;
 }
 .sidebar-menu > li > .treeview-menu {
   padding-left: 20px;
 }
 .sidebar-menu li > a > .pull-right-container {
   right: 0px;
   margin-top: -7px;
 }
 .sidebar-menu .treeview-menu > li > a {
   padding-right: 28px;
   white-space: normal;
   line-height: 18px;
 }
 .sidebar-menu > li > .treeview-menu {
   padding-left: 20px;
 }
 .control-label > .help-icon {
   font-size: 16px;
 }
 .text-with-label {
   padding-left: 20px;
   display: block;
 }
 .text-with-label .label {
   border-radius: 15px;
   margin-left: -18px;
 }
 .data-loader {
   min-height: 100px;
   position: relative;
 }
 .data-loader .fa-spinner {
   position: absolute;
   left: 50%;
   top: 50%;
 }
 .count-columns {
   position: absolute;
   right: 0;
   top: 0;
 }
 .treeview-segment-name {
   font-size: 14px;
   font-weight: bold;
   border-bottom: 3px solid #3c8dbc;
   width: auto;
   display: inline-block;
   margin-bottom: 5px;
 }
 ul.tree {
   margin-bottom: 15px !important;
 }
 .select2-results {
   outline: none;
 }
 .dropdown-bg .select2-results li {
   padding: 0;
 }
 .select2-highlighted  > .topicLoader {
   background: none !important;
 }
 .btn-group .btn + .btn-group {
   margin-left: 0;
 }
 .message-box-body {
   max-width: 100%;
 }
 h3 {
   font-size: 20px;
 }
 .callout-small h4 {
   font-size: 16px;
   margin-bottom: 0px;
 }
 .equal-container {
   height: 264px;
 }
 h3 .help-icon,
 h1 .help-icon {
   font-size: 22px;
 }
 .ptop-0 {
   padding-top: 0px;
 }
 .mail-config-box {
   display: flex;
 }
 .mail-config-box .radio-option {
   width: 100px;
 }
 .property-table {
   display: flex;
   flex-wrap: nowrap;
 }
 .property-table div {
   width: 33%;
 }
 .property-table div.table-item-heading {
   font-weight: bold;
 }
 .interactionproperty .filter-box {
   min-height: auto;
 }
 .overflow-box {
	overflow-x: scroll;
	width: calc( 100vw - calc( 100vw - 380px));
	min-width: 100%;
  }
 .message-alert {
   padding-left: 0px;
   display: inline-block;
 }
 .row-edit {
   width: 150px;
 }
 .treeview.without-numbers ul.tree {
   max-height: 430px;
   overflow-y: scroll;
 }
 .search-container.select2-search input {
   margin-top: 0;
 }
 .has-error .select2-container .select2-choice {
   border-color: #dd4b39 !important;
 }
 .table-kb-article .select2-drop-active {
   min-width: 170px;
 }
 /*---Notification CSS start---*/
 .noti-box {
   float: left;
   width: 100%;
   padding: 15px;
   border: 1px solid #dddddd;
   border-left: 4px solid #30a5ff;
   margin-top: 8px;
   margin-bottom: 8px;
 }
 .noti-container {
   display: flex;
 }
 .noti-icon {
   margin-right: 15px;
   text-align: center;
   width: 80px;
 }
 .noti-icon-blue {
   background-color: #aee3f7;
 }
 .noti-icon-orange {
   background-color: #ffb06b;
 }
 .border-blue {
   border-left: 4px solid #aee3f7;
 }
 .border-orange {
   border-left: 4px solid #ffb06b;
 }
 .noti-title {
   display: flex;
 }
 .noti-text {
   width: 100%;
 }
 .noti-title h2 {
   padding: 0;
   margin: 0;
   font-size: 18px;
   font-weight: 600;
   padding-bottom: 8px;
   width: 100%;
 }
 .noti-icon i {
   border-radius: 50px;
   font-size: 24px;
   font-size: 26px;
   width: 50px;
   height: 50px;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-left: 10px;
   color: #333333 !important;
 }
 .noti-action {
   display: flex;
   width: 100px;
   font-size: 16px;
   font-weight: 600;
 }
 .noti-icon i {
   padding: 8px 10px;
   border-radius: 30px;
   font-size: 24px;
 }
 .noti-dismiss {
   padding-right: 8px;
 }
 .noti-readmore {
   cursor: pointer;
 }
 /*---Notification CSS end---*/

 /*skin blue*/
.skin-blue .main-header .navbar{background-color:#3c8dbc}.skin-blue .main-header .navbar .nav>li>a{color:#fff}.skin-blue .main-header .navbar .nav>li>a:hover,.skin-blue .main-header .navbar .nav>li>a:active,.skin-blue .main-header .navbar .nav>li>a:focus,.skin-blue .main-header .navbar .nav .open>a,.skin-blue .main-header .navbar .nav .open>a:hover,.skin-blue .main-header .navbar .nav .open>a:focus,.skin-blue .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue .main-header .logo{background-color:#367fa9;color:#fff;border-bottom:0 solid transparent}.skin-blue .main-header .logo:hover{background-color:#357ca5}.skin-blue .main-header li.user-header{background-color:#3c8dbc}.skin-blue .content-header{background:transparent}.skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side{background-color:#222d32}.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{color:#fff}.skin-blue .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-blue .sidebar-menu>li>a{border-left:3px solid transparent}.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c}.skin-blue .sidebar-menu>li.active>a{border-left-color:#3c8dbc}.skin-blue .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-blue .sidebar a{color:#b8c7ce}.skin-blue .sidebar a:hover{text-decoration:none}.skin-blue .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-blue .sidebar-menu .treeview-menu>li.active>a,.skin-blue .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-blue .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-blue .sidebar-form input[type="text"],.skin-blue .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-blue .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue .sidebar-form input[type="text"]:focus,.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8}.skin-blue-light .main-header .navbar{background-color:#3c8dbc}.skin-blue-light .main-header .navbar .nav>li>a{color:#fff}.skin-blue-light .main-header .navbar .nav>li>a:hover,.skin-blue-light .main-header .navbar .nav>li>a:active,.skin-blue-light .main-header .navbar .nav>li>a:focus,.skin-blue-light .main-header .navbar .nav .open>a,.skin-blue-light .main-header .navbar .nav .open>a:hover,.skin-blue-light .main-header .navbar .nav .open>a:focus,.skin-blue-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-blue-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-blue-light .main-header .navbar .sidebar-toggle:hover{background-color:#367fa9}@media (max-width:767px){.skin-blue-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-blue-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-blue-light .main-header .navbar .dropdown-menu li a:hover{background:#367fa9}}.skin-blue-light .main-header .logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue-light .main-header .logo:hover{background-color:#3b8ab8}.skin-blue-light .main-header li.user-header{background-color:#3c8dbc}.skin-blue-light .content-header{background:transparent}.skin-blue-light .wrapper,.skin-blue-light .main-sidebar,.skin-blue-light .left-side{background-color:#f9fafc}.skin-blue-light .main-sidebar{border-right:1px solid #d2d6de}.skin-blue-light .user-panel>.info,.skin-blue-light .user-panel>.info>a{color:#444}.skin-blue-light .sidebar-menu>li{transition:border-left-color .3s ease}.skin-blue-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-blue-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-blue-light .sidebar-menu>li:hover>a,.skin-blue-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-blue-light .sidebar-menu>li.active{border-left-color:#3c8dbc}.skin-blue-light .sidebar-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-blue-light .sidebar a{color:#444}.skin-blue-light .sidebar a:hover{text-decoration:none}.skin-blue-light .sidebar-menu .treeview-menu>li>a{color:#777}.skin-blue-light .sidebar-menu .treeview-menu>li.active>a,.skin-blue-light .sidebar-menu .treeview-menu>li>a:hover{color:#000}.skin-blue-light .sidebar-menu .treeview-menu>li.active>a{font-weight:600}.skin-blue-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-blue-light .sidebar-form input[type="text"],.skin-blue-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-blue-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-blue-light .sidebar-form input[type="text"]:focus,.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-blue-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-blue-light .main-footer{border-top-color:#d2d6de}.skin-blue.layout-top-nav .main-header>.logo{background-color:#3c8dbc;color:#fff;border-bottom:0 solid transparent}.skin-blue.layout-top-nav .main-header>.logo:hover{background-color:#3b8ab8}.skin-black .main-header{box-shadow:0 1px 1px rgba(0,0,0,0.05)}.skin-black .main-header .navbar-toggle{color:#333}.skin-black .main-header .navbar-brand{color:#333;border-right:1px solid #eee}.skin-black .main-header .navbar{background-color:#fff}.skin-black .main-header .navbar .nav>li>a{color:#333}.skin-black .main-header .navbar .nav>li>a:hover,.skin-black .main-header .navbar .nav>li>a:active,.skin-black .main-header .navbar .nav>li>a:focus,.skin-black .main-header .navbar .nav .open>a,.skin-black .main-header .navbar .nav .open>a:hover,.skin-black .main-header .navbar .nav .open>a:focus,.skin-black .main-header .navbar .nav>.active>a{background:#fff;color:#999}.skin-black .main-header .navbar .sidebar-toggle{color:#333}.skin-black .main-header .navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black .main-header .navbar>.sidebar-toggle{color:#333;border-right:1px solid #eee}.skin-black .main-header .navbar .navbar-nav>li>a{border-right:1px solid #eee}.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black .main-header .navbar .navbar-right>li>a{border-left:1px solid #eee;border-right-width:0}.skin-black .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #eee}.skin-black .main-header>.logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black .main-header li.user-header{background-color:#222}.skin-black .content-header{background:transparent;box-shadow:none}.skin-black .wrapper,.skin-black .main-sidebar,.skin-black .left-side{background-color:#222d32}.skin-black .user-panel>.info,.skin-black .user-panel>.info>a{color:#fff}.skin-black .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-black .sidebar-menu>li>a{border-left:3px solid transparent}.skin-black .sidebar-menu>li:hover>a,.skin-black .sidebar-menu>li.active>a,.skin-black .sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c}.skin-black .sidebar-menu>li.active>a{border-left-color:#fff}.skin-black .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-black .sidebar a{color:#b8c7ce}.skin-black .sidebar a:hover{text-decoration:none}.skin-black .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-black .sidebar-menu .treeview-menu>li.active>a,.skin-black .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-black .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-black .sidebar-form input[type="text"],.skin-black .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-black .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black .sidebar-form input[type="text"]:focus,.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-black .pace .pace-progress{background:#222}.skin-black .pace .pace-activity{border-top-color:#222;border-left-color:#222}.skin-black-light .main-header{border-bottom:1px solid #d2d6de}.skin-black-light .main-header .navbar-toggle{color:#333}.skin-black-light .main-header .navbar-brand{color:#333;border-right:1px solid #d2d6de}.skin-black-light .main-header .navbar{background-color:#fff}.skin-black-light .main-header .navbar .nav>li>a{color:#333}.skin-black-light .main-header .navbar .nav>li>a:hover,.skin-black-light .main-header .navbar .nav>li>a:active,.skin-black-light .main-header .navbar .nav>li>a:focus,.skin-black-light .main-header .navbar .nav .open>a,.skin-black-light .main-header .navbar .nav .open>a:hover,.skin-black-light .main-header .navbar .nav .open>a:focus,.skin-black-light .main-header .navbar .nav>.active>a{background:#fff;color:#999}.skin-black-light .main-header .navbar .sidebar-toggle{color:#333}.skin-black-light .main-header .navbar .sidebar-toggle:hover{color:#999;background:#fff}.skin-black-light .main-header .navbar>.sidebar-toggle{color:#333;border-right:1px solid #d2d6de}.skin-black-light .main-header .navbar .navbar-nav>li>a{border-right:1px solid #d2d6de}.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black-light .main-header .navbar .navbar-right>li>a{border-left:1px solid #d2d6de;border-right-width:0}.skin-black-light .main-header>.logo{background-color:#fff;color:#333;border-bottom:0 solid transparent;border-right:1px solid #d2d6de}.skin-black-light .main-header>.logo:hover{background-color:#fcfcfc}@media (max-width:767px){.skin-black-light .main-header>.logo{background-color:#222;color:#fff;border-bottom:0 solid transparent;border-right:none}.skin-black-light .main-header>.logo:hover{background-color:#1f1f1f}}.skin-black-light .main-header li.user-header{background-color:#222}.skin-black-light .content-header{background:transparent;box-shadow:none}.skin-black-light .wrapper,.skin-black-light .main-sidebar,.skin-black-light .left-side{background-color:#f9fafc}.skin-black-light .main-sidebar{border-right:1px solid #d2d6de}.skin-black-light .user-panel>.info,.skin-black-light .user-panel>.info>a{color:#444}.skin-black-light .sidebar-menu>li{transition:border-left-color .3s ease}.skin-black-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-black-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-black-light .sidebar-menu>li:hover>a,.skin-black-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-black-light .sidebar-menu>li.active{border-left-color:#fff}.skin-black-light .sidebar-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-black-light .sidebar a{color:#444}.skin-black-light .sidebar a:hover{text-decoration:none}.skin-black-light .sidebar-menu .treeview-menu>li>a{color:#777}.skin-black-light .sidebar-menu .treeview-menu>li.active>a,.skin-black-light .sidebar-menu .treeview-menu>li>a:hover{color:#000}.skin-black-light .sidebar-menu .treeview-menu>li.active>a{font-weight:600}.skin-black-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-black-light .sidebar-form input[type="text"],.skin-black-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-black-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-black-light .sidebar-form input[type="text"]:focus,.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-black-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-green .main-header .navbar{background-color:#00a65a}.skin-green .main-header .navbar .nav>li>a{color:#fff}.skin-green .main-header .navbar .nav>li>a:hover,.skin-green .main-header .navbar .nav>li>a:active,.skin-green .main-header .navbar .nav>li>a:focus,.skin-green .main-header .navbar .nav .open>a,.skin-green .main-header .navbar .nav .open>a:hover,.skin-green .main-header .navbar .nav .open>a:focus,.skin-green .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-green .main-header .navbar .sidebar-toggle{color:#fff}.skin-green .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-green .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green .main-header .logo{background-color:#008d4c;color:#fff;border-bottom:0 solid transparent}.skin-green .main-header .logo:hover{background-color:#008749}.skin-green .main-header li.user-header{background-color:#00a65a}.skin-green .content-header{background:transparent}.skin-green .wrapper,.skin-green .main-sidebar,.skin-green .left-side{background-color:#222d32}.skin-green .user-panel>.info,.skin-green .user-panel>.info>a{color:#fff}.skin-green .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-green .sidebar-menu>li>a{border-left:3px solid transparent}.skin-green .sidebar-menu>li:hover>a,.skin-green .sidebar-menu>li.active>a,.skin-green .sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c}.skin-green .sidebar-menu>li.active>a{border-left-color:#00a65a}.skin-green .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-green .sidebar a{color:#b8c7ce}.skin-green .sidebar a:hover{text-decoration:none}.skin-green .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-green .sidebar-menu .treeview-menu>li.active>a,.skin-green .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-green .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-green .sidebar-form input[type="text"],.skin-green .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-green .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green .sidebar-form input[type="text"]:focus,.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-green-light .main-header .navbar{background-color:#00a65a}.skin-green-light .main-header .navbar .nav>li>a{color:#fff}.skin-green-light .main-header .navbar .nav>li>a:hover,.skin-green-light .main-header .navbar .nav>li>a:active,.skin-green-light .main-header .navbar .nav>li>a:focus,.skin-green-light .main-header .navbar .nav .open>a,.skin-green-light .main-header .navbar .nav .open>a:hover,.skin-green-light .main-header .navbar .nav .open>a:focus,.skin-green-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-green-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-green-light .main-header .navbar .sidebar-toggle:hover{background-color:#008d4c}@media (max-width:767px){.skin-green-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-green-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-green-light .main-header .navbar .dropdown-menu li a:hover{background:#008d4c}}.skin-green-light .main-header .logo{background-color:#00a65a;color:#fff;border-bottom:0 solid transparent}.skin-green-light .main-header .logo:hover{background-color:#00a157}.skin-green-light .main-header li.user-header{background-color:#00a65a}.skin-green-light .content-header{background:transparent}.skin-green-light .wrapper,.skin-green-light .main-sidebar,.skin-green-light .left-side{background-color:#f9fafc}.skin-green-light .main-sidebar{border-right:1px solid #d2d6de}.skin-green-light .user-panel>.info,.skin-green-light .user-panel>.info>a{color:#444}.skin-green-light .sidebar-menu>li{transition:border-left-color .3s ease}.skin-green-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-green-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-green-light .sidebar-menu>li:hover>a,.skin-green-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-green-light .sidebar-menu>li.active{border-left-color:#00a65a}.skin-green-light .sidebar-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-green-light .sidebar a{color:#444}.skin-green-light .sidebar a:hover{text-decoration:none}.skin-green-light .sidebar-menu .treeview-menu>li>a{color:#777}.skin-green-light .sidebar-menu .treeview-menu>li.active>a,.skin-green-light .sidebar-menu .treeview-menu>li>a:hover{color:#000}.skin-green-light .sidebar-menu .treeview-menu>li.active>a{font-weight:600}.skin-green-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-green-light .sidebar-form input[type="text"],.skin-green-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-green-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-green-light .sidebar-form input[type="text"]:focus,.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-green-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-red .main-header .navbar{background-color:#dd4b39}.skin-red .main-header .navbar .nav>li>a{color:#fff}.skin-red .main-header .navbar .nav>li>a:hover,.skin-red .main-header .navbar .nav>li>a:active,.skin-red .main-header .navbar .nav>li>a:focus,.skin-red .main-header .navbar .nav .open>a,.skin-red .main-header .navbar .nav .open>a:hover,.skin-red .main-header .navbar .nav .open>a:focus,.skin-red .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-red .main-header .navbar .sidebar-toggle{color:#fff}.skin-red .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-red .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red .main-header .logo{background-color:#d73925;color:#fff;border-bottom:0 solid transparent}.skin-red .main-header .logo:hover{background-color:#d33724}.skin-red .main-header li.user-header{background-color:#dd4b39}.skin-red .content-header{background:transparent}.skin-red .wrapper,.skin-red .main-sidebar,.skin-red .left-side{background-color:#222d32}.skin-red .user-panel>.info,.skin-red .user-panel>.info>a{color:#fff}.skin-red .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-red .sidebar-menu>li>a{border-left:3px solid transparent}.skin-red .sidebar-menu>li:hover>a,.skin-red .sidebar-menu>li.active>a,.skin-red .sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c}.skin-red .sidebar-menu>li.active>a{border-left-color:#dd4b39}.skin-red .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-red .sidebar a{color:#b8c7ce}.skin-red .sidebar a:hover{text-decoration:none}.skin-red .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-red .sidebar-menu .treeview-menu>li.active>a,.skin-red .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-red .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-red .sidebar-form input[type="text"],.skin-red .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-red .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red .sidebar-form input[type="text"]:focus,.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-red-light .main-header .navbar{background-color:#dd4b39}.skin-red-light .main-header .navbar .nav>li>a{color:#fff}.skin-red-light .main-header .navbar .nav>li>a:hover,.skin-red-light .main-header .navbar .nav>li>a:active,.skin-red-light .main-header .navbar .nav>li>a:focus,.skin-red-light .main-header .navbar .nav .open>a,.skin-red-light .main-header .navbar .nav .open>a:hover,.skin-red-light .main-header .navbar .nav .open>a:focus,.skin-red-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-red-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-red-light .main-header .navbar .sidebar-toggle:hover{background-color:#d73925}@media (max-width:767px){.skin-red-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-red-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-red-light .main-header .navbar .dropdown-menu li a:hover{background:#d73925}}.skin-red-light .main-header .logo{background-color:#dd4b39;color:#fff;border-bottom:0 solid transparent}.skin-red-light .main-header .logo:hover{background-color:#dc4735}.skin-red-light .main-header li.user-header{background-color:#dd4b39}.skin-red-light .content-header{background:transparent}.skin-red-light .wrapper,.skin-red-light .main-sidebar,.skin-red-light .left-side{background-color:#f9fafc}.skin-red-light .main-sidebar{border-right:1px solid #d2d6de}.skin-red-light .user-panel>.info,.skin-red-light .user-panel>.info>a{color:#444}.skin-red-light .sidebar-menu>li{transition:border-left-color .3s ease}.skin-red-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-red-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-red-light .sidebar-menu>li:hover>a,.skin-red-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-red-light .sidebar-menu>li.active{border-left-color:#dd4b39}.skin-red-light .sidebar-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-red-light .sidebar a{color:#444}.skin-red-light .sidebar a:hover{text-decoration:none}.skin-red-light .sidebar-menu .treeview-menu>li>a{color:#777}.skin-red-light .sidebar-menu .treeview-menu>li.active>a,.skin-red-light .sidebar-menu .treeview-menu>li>a:hover{color:#000}.skin-red-light .sidebar-menu .treeview-menu>li.active>a{font-weight:600}.skin-red-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-red-light .sidebar-form input[type="text"],.skin-red-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-red-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-red-light .sidebar-form input[type="text"]:focus,.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-red-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-yellow .main-header .navbar{background-color:#f39c12}.skin-yellow .main-header .navbar .nav>li>a{color:#fff}.skin-yellow .main-header .navbar .nav>li>a:hover,.skin-yellow .main-header .navbar .nav>li>a:active,.skin-yellow .main-header .navbar .nav>li>a:focus,.skin-yellow .main-header .navbar .nav .open>a,.skin-yellow .main-header .navbar .nav .open>a:hover,.skin-yellow .main-header .navbar .nav .open>a:focus,.skin-yellow .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-yellow .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-yellow .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow .main-header .logo{background-color:#e08e0b;color:#fff;border-bottom:0 solid transparent}.skin-yellow .main-header .logo:hover{background-color:#db8b0b}.skin-yellow .main-header li.user-header{background-color:#f39c12}.skin-yellow .content-header{background:transparent}.skin-yellow .wrapper,.skin-yellow .main-sidebar,.skin-yellow .left-side{background-color:#222d32}.skin-yellow .user-panel>.info,.skin-yellow .user-panel>.info>a{color:#fff}.skin-yellow .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-yellow .sidebar-menu>li>a{border-left:3px solid transparent}.skin-yellow .sidebar-menu>li:hover>a,.skin-yellow .sidebar-menu>li.active>a,.skin-yellow .sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c}.skin-yellow .sidebar-menu>li.active>a{border-left-color:#f39c12}.skin-yellow .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-yellow .sidebar a{color:#b8c7ce}.skin-yellow .sidebar a:hover{text-decoration:none}.skin-yellow .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-yellow .sidebar-menu .treeview-menu>li.active>a,.skin-yellow .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-yellow .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-yellow .sidebar-form input[type="text"],.skin-yellow .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-yellow .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow .sidebar-form input[type="text"]:focus,.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-yellow-light .main-header .navbar{background-color:#f39c12}.skin-yellow-light .main-header .navbar .nav>li>a{color:#fff}.skin-yellow-light .main-header .navbar .nav>li>a:hover,.skin-yellow-light .main-header .navbar .nav>li>a:active,.skin-yellow-light .main-header .navbar .nav>li>a:focus,.skin-yellow-light .main-header .navbar .nav .open>a,.skin-yellow-light .main-header .navbar .nav .open>a:hover,.skin-yellow-light .main-header .navbar .nav .open>a:focus,.skin-yellow-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-yellow-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{background-color:#e08e0b}@media (max-width:767px){.skin-yellow-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-yellow-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover{background:#e08e0b}}.skin-yellow-light .main-header .logo{background-color:#f39c12;color:#fff;border-bottom:0 solid transparent}.skin-yellow-light .main-header .logo:hover{background-color:#f39a0d}.skin-yellow-light .main-header li.user-header{background-color:#f39c12}.skin-yellow-light .content-header{background:transparent}.skin-yellow-light .wrapper,.skin-yellow-light .main-sidebar,.skin-yellow-light .left-side{background-color:#f9fafc}.skin-yellow-light .main-sidebar{border-right:1px solid #d2d6de}.skin-yellow-light .user-panel>.info,.skin-yellow-light .user-panel>.info>a{color:#444}.skin-yellow-light .sidebar-menu>li{transition:border-left-color .3s ease}.skin-yellow-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-yellow-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-yellow-light .sidebar-menu>li:hover>a,.skin-yellow-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-yellow-light .sidebar-menu>li.active{border-left-color:#f39c12}.skin-yellow-light .sidebar-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-yellow-light .sidebar a{color:#444}.skin-yellow-light .sidebar a:hover{text-decoration:none}.skin-yellow-light .sidebar-menu .treeview-menu>li>a{color:#777}.skin-yellow-light .sidebar-menu .treeview-menu>li.active>a,.skin-yellow-light .sidebar-menu .treeview-menu>li>a:hover{color:#000}.skin-yellow-light .sidebar-menu .treeview-menu>li.active>a{font-weight:600}.skin-yellow-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-yellow-light .sidebar-form input[type="text"],.skin-yellow-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-yellow-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-yellow-light .sidebar-form input[type="text"]:focus,.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-yellow-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}.skin-purple .main-header .navbar{background-color:#605ca8}.skin-purple .main-header .navbar .nav>li>a{color:#fff}.skin-purple .main-header .navbar .nav>li>a:hover,.skin-purple .main-header .navbar .nav>li>a:active,.skin-purple .main-header .navbar .nav>li>a:focus,.skin-purple .main-header .navbar .nav .open>a,.skin-purple .main-header .navbar .nav .open>a:hover,.skin-purple .main-header .navbar .nav .open>a:focus,.skin-purple .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-purple .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-purple .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple .main-header .logo{background-color:#555299;color:#fff;border-bottom:0 solid transparent}.skin-purple .main-header .logo:hover{background-color:#545096}.skin-purple .main-header li.user-header{background-color:#605ca8}.skin-purple .content-header{background:transparent}.skin-purple .wrapper,.skin-purple .main-sidebar,.skin-purple .left-side{background-color:#222d32}.skin-purple .user-panel>.info,.skin-purple .user-panel>.info>a{color:#fff}.skin-purple .sidebar-menu>li.header{color:#4b646f;background:#1a2226}.skin-purple .sidebar-menu>li>a{border-left:3px solid transparent}.skin-purple .sidebar-menu>li:hover>a,.skin-purple .sidebar-menu>li.active>a,.skin-purple .sidebar-menu>li.menu-open>a{color:#fff;background:#1e282c}.skin-purple .sidebar-menu>li.active>a{border-left-color:#605ca8}.skin-purple .sidebar-menu>li>.treeview-menu{margin:0 1px;background:#2c3b41}.skin-purple .sidebar a{color:#b8c7ce}.skin-purple .sidebar a:hover{text-decoration:none}.skin-purple .sidebar-menu .treeview-menu>li>a{color:#8aa4af}.skin-purple .sidebar-menu .treeview-menu>li.active>a,.skin-purple .sidebar-menu .treeview-menu>li>a:hover{color:#fff}.skin-purple .sidebar-form{border-radius:3px;border:1px solid #374850;margin:10px 10px}.skin-purple .sidebar-form input[type="text"],.skin-purple .sidebar-form .btn{box-shadow:none;background-color:#374850;border:1px solid transparent;height:35px}.skin-purple .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple .sidebar-form input[type="text"]:focus,.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}.skin-purple-light .main-header .navbar{background-color:#605ca8}.skin-purple-light .main-header .navbar .nav>li>a{color:#fff}.skin-purple-light .main-header .navbar .nav>li>a:hover,.skin-purple-light .main-header .navbar .nav>li>a:active,.skin-purple-light .main-header .navbar .nav>li>a:focus,.skin-purple-light .main-header .navbar .nav .open>a,.skin-purple-light .main-header .navbar .nav .open>a:hover,.skin-purple-light .main-header .navbar .nav .open>a:focus,.skin-purple-light .main-header .navbar .nav>.active>a{background:rgba(0,0,0,0.1);color:#f6f6f6}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{color:#f6f6f6;background:rgba(0,0,0,0.1)}.skin-purple-light .main-header .navbar .sidebar-toggle{color:#fff}.skin-purple-light .main-header .navbar .sidebar-toggle:hover{background-color:#555299}@media (max-width:767px){.skin-purple-light .main-header .navbar .dropdown-menu li.divider{background-color:rgba(255,255,255,0.1)}.skin-purple-light .main-header .navbar .dropdown-menu li a{color:#fff}.skin-purple-light .main-header .navbar .dropdown-menu li a:hover{background:#555299}}.skin-purple-light .main-header .logo{background-color:#605ca8;color:#fff;border-bottom:0 solid transparent}.skin-purple-light .main-header .logo:hover{background-color:#5d59a6}.skin-purple-light .main-header li.user-header{background-color:#605ca8}.skin-purple-light .content-header{background:transparent}.skin-purple-light .wrapper,.skin-purple-light .main-sidebar,.skin-purple-light .left-side{background-color:#f9fafc}.skin-purple-light .main-sidebar{border-right:1px solid #d2d6de}.skin-purple-light .user-panel>.info,.skin-purple-light .user-panel>.info>a{color:#444}.skin-purple-light .sidebar-menu>li{transition:border-left-color .3s ease}.skin-purple-light .sidebar-menu>li.header{color:#848484;background:#f9fafc}.skin-purple-light .sidebar-menu>li>a{border-left:3px solid transparent;font-weight:600}.skin-purple-light .sidebar-menu>li:hover>a,.skin-purple-light .sidebar-menu>li.active>a{color:#000;background:#f4f4f5}.skin-purple-light .sidebar-menu>li.active{border-left-color:#605ca8}.skin-purple-light .sidebar-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-menu>li>.treeview-menu{background:#f4f4f5}.skin-purple-light .sidebar a{color:#444}.skin-purple-light .sidebar a:hover{text-decoration:none}.skin-purple-light .sidebar-menu .treeview-menu>li>a{color:#777}.skin-purple-light .sidebar-menu .treeview-menu>li.active>a,.skin-purple-light .sidebar-menu .treeview-menu>li>a:hover{color:#000}.skin-purple-light .sidebar-menu .treeview-menu>li.active>a{font-weight:600}.skin-purple-light .sidebar-form{border-radius:3px;border:1px solid #d2d6de;margin:10px 10px}.skin-purple-light .sidebar-form input[type="text"],.skin-purple-light .sidebar-form .btn{box-shadow:none;background-color:#fff;border:1px solid transparent;height:35px}.skin-purple-light .sidebar-form input[type="text"]{color:#666;border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px}.skin-purple-light .sidebar-form input[type="text"]:focus,.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{background-color:#fff;color:#666}.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{border-left-color:#fff}.skin-purple-light .sidebar-form .btn{color:#999;border-top-left-radius:0;border-top-right-radius:2px;border-bottom-right-radius:2px;border-bottom-left-radius:0}@media (min-width:768px){.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{border-left:1px solid #d2d6de}}
 /*skin blue*/
 

 .color-tab-icon > .nav-tabs > li a.active, .color-tab-icon > .nav-tabs > li a.active:hover {
    background: #f7f7f7;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-color:#f7f7f7 #f7f7f7 #fff !important;}
.nav-tabs-custom>.nav-tabs>li a.active {
    border-top-color: #3c8dbc !important;
}
.btn-group .btn{border-top-right-radius:3px !important;;border-bottom-right-radius:3px !important;}
.form-horizontal .form-group{display: flex; margin-left:-15px; margin-right:-15px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9{padding-left:15px; padding-right:15px;position: relative;}
.multiselect{min-height: 34px !important; border-radius: 0 !important;}
.pos-rel{position: relative;}
.multiselect-option.is-selected{ background: #3c8dbc !important;}
.btn-check:focus+.btn, .btn:focus,.btn-check:focus+.btn-primary, .btn-primary:focus{box-shadow: none !important;}
.multiselect,.multiselect-option{font-size: 14px !important;}
.multiselect-option{display: block !important;}
.nav-tabs{position: relative; z-index: 1;}
.variable-btn{position: absolute; top:2; right: 15px;}
.dropdown-menu-right{right:0;}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.panel-default {
    border-color: #ddd;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px	;
}
.panel-body {
    padding: 15px;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.input-group-addon {
    padding: 6px  12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}
h4{font-size:18px;}
.form-vertical  .form-group{
	margin-right: -15px;
	margin-left: -15px;
	display: block;
}
.dib{display: inline-block;}
.btn-group .btn-group .btn{margin-left:-2px;}
.detail-g-bordertop,.detail-g-borderbottom{margin-bottom: -1px  !important;}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.table-controls .form-control{display: inline-block;width: auto;}
.toggle{    width: var(--toggle-width,2.5rem) !important;}
.toggle-on {
    background: var(--toggle-bg-on,#3bbbda) !important;
    border-color: var(--toggle-border-on,#00a7d0)!important;
}
.toggle-off{
	background: var(--toggle-bg-on,#bfc4d0) !important;
    border-color: var(--toggle-border-off,#b5bbc8) !important;
}
.form-control, .btn, label, p{font-size:14px}
a{text-decoration: none !important;}
 .content-wrapper{min-height:927px;}
 .main-header .navbar{padding-top:0px; padding-bottom:0px}
 .navbar-custom-menu .navbar-nav{display:inline-block;}
 .navbar-custom-menu>.navbar-nav>li {
    position: relative;
    display: inline-flex;
 }
 .nav>li>a{padding: 10px 15px;}
  .navbar-custom-menu .nav .dropdown-toggle::after{display:none;}
  .btn-xs {
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
  }
  .label {
    display: inline;
    padding: 0.2em  0.6em  0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}
.new-account-icon {
    width: 20px !important;
}
.dropdown-menu {
    z-index: 99999;
    min-width: 400px !important;
    background: #fbfbfb;
    border: 1px  solid #dddddd;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
    top:100%;  
    font-size:14px!important;
}
.logo-lg b, .logo-mini b{margin-left: 0px;font-weight: bold;}
.logo img, .logo svg, .login-logo img, .login-logo svg{
    vertical-align: baseline !important;
}

.control-sidebar-bg{position:fixed !important;top: 12px;}
.fa-stack{width:20px; height:auto !important;}
.form-group {
    margin-bottom: 15px;
}
.btn-block {
    display: block;
    width: 100%;
}
.control-sidebar>.tab-content {
    padding: 15px  15px;
}
.login-logo b {
    font-size: 42px;
    color: #3c8dbc;
    margin-left: 0px;
    font-weight: bold;
}
.login-box, .register-box {
    width: 360px;
    margin: 0% auto;
    padding-top: 5%;
}
.form-control:focus{box-shadow:none !important;}
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a.active{background: #222d32;
    color: #fff; border: none;}

.nav > li > a {
    padding: 10px 12px;
}
.btn-lg{font-size: 18px; width: auto;}
.text-info {
    color: #31708f !important;
}
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.table>:not(caption)>*>* {
 background: none;
 }
/*.table>:not(caption)>*>*{box-shadow: none;}*/
/*.data-v-tooltip{z-index: 9999 !important;}*/
.data-v-tooltip{font-weight:normal !important}
.dropdown-menu{box-shadow: none !important;}
.multiselect-dropdown{z-index: 99999 !important;}
.change-topic .multiselect-dropdown{
	margin-left: -9px;
    margin-right: -9px;
    padding-left: 9px;
    padding-right: 9px;
    border-top: 0px;
}
.form-check-input{width: 1.3em; height: 1.3em;}
.form-check-input:focus{box-shadow: none;}
.table{--bs-table-striped-bg: #f9f9f9; --bs-table-hover-bg: #f5f5f5;}
.table > thead > tr > th {
    border-top: 0px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}
.alert .close {
    color: #000;
    opacity: .2;
    filter: alpha(opacity=20);
}

.alert-dismissible .close {
    right: 8px;
    position: absolute;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.chevron-icon{font-size:24px !important; font-weight: bold !important;}
.col-icon-check{width:75px;}
.col-icon-check .form-check-input{margin-right:8px; }
.col-icon-check .btn-expand{margin-top:.25em; }
.btn-link,.text-primary,.treeview .tree li .indicator{color:#337ab7 !important }
.search-criteria .treeview .tree li a, .search-criteria .treeview .tree li {
    color: #333333;
    font-weight: 600;
}
.treeview .tree li .indicator {
    font-size: 16px;
}
.form-check-input[type=checkbox]{border-radius: 0px;}
.form-check-input:checked {
    background-color: #2489c5;
    border-color: #2489c5;
}
.form-control{    -webkit-appearance: auto;}
.bg-info {
    background-color: #d9edf7 !important;
}
.popper, .popper p{font-size:14px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;}
:root {
    --popper-theme-background-color: #f7f7f7;
    --popper-theme-background-color-hover: #f7f7f7;
    --popper-theme-text-color: #333;
    --popper-theme-border-width: 1px; 
    --popper-theme-border-style: solid;
    --popper-theme-border-radius: 3px;
    --popper-theme-padding: 9px 14px;
    --popper-theme-box-shadow: 0 6px 30px -6px rgba(0, 0, 0, 0.25);
    --popper-theme-border-color:rgba(0,0,0,.2);
	--popper-theme-font:14px;
  }
   :deep(.popper) {
    background: #e92791;
    padding: 20px;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
  }

  :deep(.popper #arrow::before) {
    background: #e92791;
  }

  :deep(.popper:hover),
  :deep(.popper:hover > #arrow::before) {
    background: #e92791;
  }
  .tooltiptext-container{max-width: 380px;}
.table > thead > tr > th {
    border-top: 0px;
    position: relative;
}
thead .sorting:before, thead .sorting_asc:before, thead .sorting_desc:before, thead .sorting_asc_disabled:before, thead .sorting_desc_disabled:before {
    position: absolute;
    bottom: 8px;
    left: 8px;
    display: block;
    font-family: 'font awesome';
    opacity: 0.5;
}
thead .sorting:before {
    opacity: 0.2; 
	content: "\e901";  /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: 'icomoon' !important;
	top: unset;
	margin-left:-22px;
	font-size: 16px;
}

thead .sorting_asc:before {
    content: "\e902";
	opacity: 1;
	font-size: 16px;
}
thead .sorting_desc:before {
    content: "\e900";
	opacity: 1;
	font-size: 16px;
}
.form-control.is-invalid, .was-validated .form-control:invalid{background:none;}
.is-invalid{border-color: #dc3545 !important; }
.invalid-feedback span:before{ font-family: FontAwesome;content: "\f071"; margin-right: 5px;}

.form-alert-message  .alert-danger {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb ;
	border-bottom:1px solid  #721c24;
}
.form-alert-message .alert-warning {
    color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba  !important;
	border-bottom:1px solid  #856404  !important;
}

.form-alert-message  .alert-info {
    color: #0c5460 !important;
    background-color: #d1ecf1 !important;
    border-color: #bee5eb !important;
	border-bottom:1px solid  #0c5460  !important;
}

.form-alert-message  .alert-success {
    color: #155724  !important;
    background-color: #d4edda  !important;
    border-color: #c3e6cb  !important;
	border-bottom:1px solid  #155724  !important;
}
.alert .message-container{display: flex;}
.alert ul{padding-bottom:0; margin-bottom:0;padding-left: 18px;}
.message-container .icon {
    width: 12px;
    text-align: center;
    align-items: flex-start;
    justify-content: center;
    padding-top: 1px;
}
.alert .message{width: calc(100% - 0px); text-align: left;}
.required{border-color: #dc3545;}
#snackbar {
	visibility: hidden;
	min-width: 310px;
	margin-left: -125px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 12px;
	position: fixed;
	z-index:9999;
	left: 10%;
	bottom: 30px;
	font-size: 17px;
  }
  
  #snackbar.showtoast {
	visibility: visible;
	-webkit-animation: fadein 0.5s;
	animation: fadein 0.5s;
  }
  
  @-webkit-keyframes fadein {
	from {bottom: 0; opacity: 0;} 
	to {bottom: 30px; opacity: 1;}
  }
  
  @keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
  }
  
  @-webkit-keyframes fadeout {
	from {bottom: 30px; opacity: 1;} 
	to {bottom: 0; opacity: 0;}
  }
  
  @keyframes fadeout {
	from {bottom: 30px; opacity: 1;}
	to {bottom: 0; opacity: 0;}
  }
  .inline-form-items{display: flex; min-width: 350px;}
  .inline-form-items .form-group{flex-basis: 100%; flex-grow: 1;}
  .h-300p{height: 300px;;}
  .color-picker {
    position: relative;
    float: left;
    margin-bottom: 5px;
    margin-left: 8px;
}
.colorpickerimg{position: absolute;}
  .vacp-color-picker{position:absolute; border:1px solid #ccc;z-index: 9999;min-width: 240px;top: 21px;}
  .text-container{width: calc( 100% - 60px ) ;display: inline;float: left;    padding-top: 13px;}
  .picker-color{float : left; width: 21px; height: 21px; border-radius: 5px; border: 1px solid #ccc;}
  .flex-justify-between {
    justify-content: space-between !important;
}
.picker-width-default{width:30px !important;}
  .float-btn-group .picker-color {
    float: left;
    width: 240px;
    height: 28px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-left: 5px;
    margin-top: 10px;
    position: relative;
    top: -2px;
    text-align: center;
    padding-top: 3px;
    color: #444;
}
.colorpicker .btn-link {
    display: inline-block;
    color: var(--color-accent-fg);
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border: 1px solid #f1f1f1;
}
.colorpicker {
    position: absolute;
    right: -48px;
    bottom: -138px;
}
.new-label-color-dimensions {
    width: 24px;
    height: 24px;
}
.rounded-1 {
    border-radius: 6px !important;
}
.Popover-message {
    position: relative;
    width: 258px;
    margin-right: auto;
    margin-left: auto;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
	z-index: 999;
}

.Popover-message::before, .Popover-message::after {
    position: absolute;
    left: 50%;
    display: inline-block;
    content: "";
}
.Popover-message::before {
    top: -16px;
    margin-left: -9px;
    border: 8px solid transparent;
    border-bottom-color: #cccccc;
}
.Popover-message::before, .Popover-message::after {
    position: absolute;
    left: 50%;
    display: inline-block;
    content: "";
}
.Popover-message::after {
    top: -14px;
    margin-left: -8px;
    border: 7px solid transparent;
    border-bottom-color: #ffffff;
}
.Popover-message button{margin-right: 0;}
.Popover-message .btn-link:focus {
    background: inherit;
    box-shadow: none !important;
}

.admin-customize-dashboard .dashboard-row{
   background: #f7f7f7;
   margin-bottom: 20px;
   border:1px solid #ddd;
   border-radius: 4px;
   padding-right:15px;
   padding-left:15px;	
}

.admin-customize-dashboard .dashboard-cell {
    background: #fbfbfb;
    border: 1px solid #dddddd;
    border-radius: 5px;
    margin-top: 15px;
	margin-bottom: 15px;
}
.dashboard-cell .btn{margin-right:8px;}
.ptop-15 {
    padding-top: 15px;
}
.pbottom-15 {
    padding-bottom: 15px;
}
.color-palette-set {
    margin-bottom: 15px;
}
.color-palette-box{
	display: flex;
	justify-content: center;
    align-items: center;
	float: left;
	margin-right: 32px;
}
.color-palette {
    height: 24px;
    line-height: 35px;
    text-align: center;
	width: 60px;
}
.dp__month_year_select,.dp__icon{color:#666 !important;font-weight: bold;}
.search-field .multiselect, .search-field .multiselect-search{border:none;}
.search-field .floating-label{max-height: 45px;}
.search-field .multiselect-search{height:19px;}
.search-field .floating-label .multiselect .multiselect-single-label,.search-field .floating-label .multiselect .multiselect-placeholder{padding-top: 17px;}

.theme-pallate{height: auto;}
.tv-theme-1 .primary-color{background:#0078bd;}
.tv-theme-1 .secondary-color{background:#fe8d0b;}
.tv-theme-2 .primary-color{background:#4D148C;}
.tv-theme-2 .secondary-color{background:#FF6600 ;}

/*theme 3 green*/
.tv-theme-3 .primary-color{background:#d6e5c9;}
.tv-theme-3 .secondary-color{background:#567632;}
/*theme 3 green*/

.tv-theme-4 .primary-color{background:#3c8dbc;}
.tv-theme-4 .secondary-color{background:#424d52;}

.tv-theme-5 .primary-color{background:#64766A;}
.tv-theme-5 .secondary-color{background:#C0A9BD;}

.tv-theme-6 .primary-color{background:#FFB300;}
.tv-theme-6 .secondary-color{background:#FF6C03;}

.tv-theme-7 .primary-color{background:#0962CF;}
.tv-theme-7 .secondary-color{background:#F4D949;}

.tv-theme-8 .primary-color{background:#F76566;}
.tv-theme-8 .secondary-color{background:#18ACBA;}

.tv-theme-9 .primary-color{background:#709A41;}
.tv-theme-9 .secondary-color{background:#D6E5C9;}

.tv-theme-10 .primary-color{background:#424D52;}
.tv-theme-10 .secondary-color{background:#3C8DBC;}

.tv-theme-11 .primary-color{background:#C0A9BD;}
.tv-theme-11 .secondary-color{background:#64766A;}

.tv-theme-12 .primary-color{background:#344649;}
.tv-theme-12 .secondary-color{background:#FFBC99;}

.tv-theme-13 .primary-color{background:#FFBC99;}
.tv-theme-13 .secondary-color{background:#344649;}

.tv-theme-14 .primary-color{background:#712E1E;}
.tv-theme-14 .secondary-color{background:#888870;}

.tv-theme-15 .primary-color{background:#888870;}
.tv-theme-15 .secondary-color{background:#712E1E;}

.tv-theme-16 .primary-color{background:#DFD36A;}
.tv-theme-16 .secondary-color{background:#192D01;}

.preview-box{border:1px solid #ccc; padding:15px; min-height: 700px; overflow-x: auto;}

.preview-box img{width:100%;}
.action-panel .white-container{ width: calc(100% - 130px)}
.action-panel .btn-container{ width: 120px;padding-top: 32px; padding-left:8px;}
.row-active .text-red {
	color: #fddfe2 !important;
	font-weight: 600;
}
.frmvalidation{font-size: .875em; margin-bottom: 8px; margin-top: 8px;}
.frmvalidation-passed{display: none;}

.has-error .multiselect, .has-error .tox-tinymce {
    border-color: red !important;
}
.checkbox, .radio {
	min-height: 27px;
	clear: both;
	margin-bottom: 8px;
  }
  .has-error {
	border-color: #dd4b39 !important;
  }
  .form-group.has-error label {
	color: #dd4b39;
  }
.checkbox label, .radio label {
	min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	cursor: pointer;
  }

  .admin-customize-actions .action-preset {
	margin: 3px;
	padding: 5px;
	border: 1px solid #ddd;
	background-color: #eee;
  }
  .icon-button {
	padding: 0 !important;
	line-height: 1 !important;
	font-size: 18px !important;
}
.button-delete {
	color: #dd4b39 !important;
	font-size: 16px !important;
  }

.text-logo-gray{color:#666 !important}

/* to manage min and max  width of single input field */
@media (min-width: 576px) { .min-sm-ip-w{min-width: 280px;}  }

@media (min-width: 768px) {  .min-md-ip-w{min-width: 340px;}  }

@media (min-width: 992px) {  .min-lg-ip-w{min-width: 250px;}  }

.max-ip-width{max-width: 340px;}
.msgportal-theme-1 .primary-color{background:#0078bd;}
.msgportal-theme-1 .secondary-color{background:#fe8d0b;}
.msgportal-theme-2 .primary-color{background:#4D148C;}
.msgportal-theme-2 .secondary-color{background:#FF6600 ;}

/*theme 3 green*/
.msgportal-theme-3 .primary-color{background:#d6e5c9;}
.msgportal-theme-3 .secondary-color{background:#567632;}
/*theme 3 green*/

.msgportal-theme-4 .primary-color{background:#3c8dbc;}
.msgportal-theme-4 .secondary-color{background:#424d52;}

.msgportal-theme-5 .primary-color{background:#64766A;}
.msgportal-theme-5 .secondary-color{background:#C0A9BD;}

.msgportal-theme-6 .primary-color{background:#FFB300;}
.msgportal-theme-6 .secondary-color{background:#FF6C03;}

.msgportal-theme-7 .primary-color{background:#0962CF;}
.msgportal-theme-7 .secondary-color{background:#F4D949;}

.msgportal-theme-8 .primary-color{background:#F76566;}
.msgportal-theme-8 .secondary-color{background:#18ACBA;}

.msgportal-theme-9 .primary-color{background:#709A41;}
.msgportal-theme-9 .secondary-color{background:#D6E5C9;}

.msgportal-theme-10 .primary-color{background:#424D52;}
.msgportal-theme-10 .secondary-color{background:#3C8DBC;}

.msgportal-theme-11 .primary-color{background:#C0A9BD;}
.msgportal-theme-11 .secondary-color{background:#64766A;}

.msgportal-theme-12 .primary-color{background:#344649;}
.msgportal-theme-12 .secondary-color{background:#FFBC99;}

.msgportal-theme-13 .primary-color{background:#FFBC99;}
.msgportal-theme-13 .secondary-color{background:#344649;}

.msgportal-theme-14 .primary-color{background:#712E1E;}
.msgportal-theme-14 .secondary-color{background:#888870;}

.msgportal-theme-15 .primary-color{background:#888870;}
.msgportal-theme-15 .secondary-color{background:#712E1E;}

.msgportal-theme-16 .primary-color{background:#DFD36A;}
.msgportal-theme-16 .secondary-color{background:#192D01;}
.row-active a{color:#fff;}
.attachment-box{display:inline-flex; margin:0px 8px 8px 0px;}
.attachment-box .attachments{margin:0px;display: inline-flex;}
.attachment-delete-btn{margin-left: -1px; border-radius: 0px 5px 5px 0px; border: 1px dashed rgb(221, 221, 221); background: rgb(247, 247, 247);padding: 1px 8px;}
.treeview .tree ul li::before {width:8px;}
.treeview .tree li li  {padding-left:1em;}
.treeview li.branch li.branch i{margin-left:-18px; background: #ffffff; position: relative;}
.treeview li.branch li.branch {padding-left:11px;}
.treeview .tree li li .indicator{margin-left:-18px; background: #ffffff; position: relative;}
.bg-box{border:1px solid #ccc; background:#f1f1f1; padding:8px;}
.highlight {
	position: relative;
	background: var(--kt-highlight-bg);
	border-radius: 0.95rem;
	padding: 1.75rem 1.5rem 1.75rem 1.5rem;
  }

  div pre[class*="language-"]{background-image: none !important;}
  .modal{z-index: 999999;}


  /*chat popup and preview css start*/
  .chat-preview-box{border:1px solid #ccc; padding:15px; min-height: 500px; overflow-x: auto;}
  .chat-container {
	position: absolute;
	bottom: 7px;
	right: 50px;
	z-index: 99999;
	min-width: 356px;
  }

  .chat-popup {
	position: absolute;
	bottom: 90px;
	right: 38px;
	border: 1px solid #f1f1f1;
	z-index: 9;
	background: #fff;
	width: 100%;
	max-width: 350px;
	border-radius: 5px;
	  border-bottom-right-radius: 5px;
	  border-bottom-left-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  }
  .cust-chat-header {
	  min-height: 42px;
	  padding-top: 0px;
	  padding-left: 15px;
	  padding-right: 15px;
	  border-top-left-radius: 5px;
	  border-top-right-radius: 5px;
	}
   .cust-chat-header {
	  background: #333 !important;
   }
   .cust-chat-header .sitelogo {
	max-height: 24px;
	margin-top: 10px;
	max-width: 90px;
   }
   .chat-body-container .body-container {
	min-height: 200px;
	display: table;
	border: 1px solid #ddd;
	height: 300px !important;
	border-radius: 6px 6px 0px 0px;
  }
  .chat-btn-rd, .chat-btn-rd:hover, .chat-btn-rd:active {
	border-radius: 50%;
	font-weight: 500;
	border: 1px solid #206590;
	color: #ffffff;
	background-color: #206590;
	padding: 20px 20px;
  }
  .chat-btn-rd i {
	font-size: 36px;
  }
  .cust-chat-header span.user-status {
	float: right;
	margin-top: 10px;
	margin-right: 8px;
	font-size: 14px;
  }
  .online {
	color: #76f506;
	float: right;
	margin-top: 14px;
  }
  .offline {
	color: #f96328;
	float: right;
	margin-top: 14px;
  }

  .poweredby-logo {
	margin-top: 8px;
  }
  .chat-btn {
	position: absolute;
	z-index: 9999;
	right: 30px;
	color: #fff;
  }
  .chat-btn button,.chat-btn button:hover {
	border: 0;
	font-size: 20px;
	color: #fff;
	padding: 5px;
  }
  .chat-btn button.close-btn {
	color: #f96328;
  }
  .theme1 .cust-chat-header {
	background: #0078BD !important;
  }
  .theme1 .btn-primary {
	background: #FE8D0B !important;
	border: 1px solid #FE8D0B !important;
  }
  
  .theme1 .chat-btn-rd {
	color: #fff;
	border: 3px solid #FE8D0B;
	background: #FE8D0B;
  }
  
  .theme2 .cust-chat-header {
	background: #4D148C !important;
  }
  .theme2 .btn-primary {
	background: #FF6600 !important;
	border: 1px solid #FF6600 !important;
  }
  .theme2 .chat-btn-rd {
	color: #fff;
	border: 3px solid #FF6600;
	background: #FF6600;
  }
  .theme3 .cust-chat-header {
	background: #D6E5C9 !important;
  }
  .theme3 .btn-primary {
	background: #709A41 !important;
	border: 1px solid #709A41 !important;
	color: #fff !important;
  }
  .theme3 .chat-btn button {
	border: 0;
	font-size: 20px;
	color: #709A41;
	padding: 5px;
  }
  .theme3 .chat-btn-rd {
	color: #fff;
	border: 3px solid #709A41;
	background: #709A41;
  }

  .theme3 .chat-btn button.close-btn {
	color: #f96328;
  }
  .theme3 .online {
	border: 1px solid #709A41;
	border-radius: 50%;
  }

  .theme4 .cust-chat-header {
	background: #5190CD !important;
  }
  .theme4 .btn-primary {
	background: #424D52 !important;
	border: 1px solid #424D52 !important;
  }
  .theme4 .chat-btn-rd {
	color: #fff;
	border: 3px solid #424D52;
	background: #424D52;
  }
  .theme5 .cust-chat-header {
	background: #64766A !important;
  }
  .theme5 .btn-primary {
	background: #C0A9BD !important;
	border: 1px solid #C0A9BD !important;
	color: #ffffff;
  }
  .theme5 .chat-btn-rd {
	color: #fff;
	border: 3px solid #C0A9BD;
	background: #C0A9BD;
  }
  .theme6 .cust-chat-header {
	background: #FFB300 !important;
  }
  .theme6 .btn-primary {
	background: #FF6C03 !important;
	border: 1px solid #FF6C03 !important;
  }
  .theme6 .chat-btn-rd {
	color: #fff;
	border: 3px solid #FF6C03;
	background: #FF6C03;
  }
  .theme7 .cust-chat-header {
	background: #0962CF !important;
  }
  .theme7 .btn-primary {
	background: #F4D949 !important;
	border: 1px solid #F4D949 !important;
  }
  
  .theme7 .chat-btn-rd {
	color: #fff;
	border: 3px solid #F4D949;
	background: #F4D949;
  }
  .theme8 .cust-chat-header {
	background: #F76566 !important;
  }
  .theme8 .btn-primary {
	background: #18ACBA !important;
	border: 1px solid #18ACBA !important
  }
  .theme8 .chat-btn-rd {
	color: #e42323;
	border: 3px solid #18ACBA;
	background: #18ACBA;
  }
  .theme8 .chat-btn button.close-btn {
	color: #ffffff;
  }
  .theme8 .offline {
	color: #777777;
  }
 
  .theme9 .cust-chat-header {
	background: #709A41 !important;
  }
  .theme9 .btn-primary {
	background: #D6E5C9 !important;
	border: 1px solid #709A41 !important;
	color:#709A41;
  }
  
  .theme9 .chat-btn-rd {
	color: #709A41;
	border: 1px solid #709A41;
	background: #D6E5C9;
  }
  .theme10 .cust-chat-header {
	background: #424D52 !important;
  }
  .theme10 .btn-primary {
	background: #3C8DBC !important;
	border: 1px solid #3C8DBC !important;
	
  }
  .theme10 .chat-btn-rd {
	color: #fff;
	border: 3px solid #3C8DBC;
	background: #3C8DBC;
  }
  .theme11 .cust-chat-header {
	background: #C0A9BD !important;
  }
  .theme11 .btn-primary {
	background: #64766A !important;
	border: 1px solid #64766A !important;
  }
  .theme11 .chat-btn-rd {
	color: #fff;
	border: 3px solid #64766A;
	background: #64766A;
  }
  .theme12 .cust-chat-header {
	background: #344649 !important;
  }
  .theme12 .btn-primary {
	background: #FFBC99 !important;
	border: 1px solid #FFBC99 !important;
	color: #fff !important
  }
  .theme12 .chat-btn-rd {
	color: #344649;
	border: 3px solid #FFBC99;
	background: #FFBC99;
  }
  .theme13 .cust-chat-header {
	background: #FFBC99 !important;
  }
  .theme13 .btn-primary {
	background: #344649 !important;
	border: 1px solid #344649 !important;
	color: #ffffff !important;
  }
  .theme13 .chat-btn-rd {
	color: #fff;
	border: 3px solid #344649;
	background: #344649;
  }
  .theme14 .cust-chat-header {
	background: #712E1E !important;
  }
  .theme14 .btn-primary {
	background: #888870 !important;
	border: 1px solid #888870 !important;
  }
  .theme14 .chat-btn-rd {
	color: #fff;
	border: 3px solid #888870;
	background: #888870;
  }
  .theme15 .cust-chat-header {
	background: #888870 !important;
  } 
  .theme15 .btn-primary {
	background: #712E1E !important;
	border: 1px solid #712E1E !important;
  }
  
  .theme15 .chat-btn-rd {
	color: #fff;
	border: 3px solid #712E1E;
	background: #712E1E;
  }
  
  .theme16 .cust-chat-header {
	background: #DFD36A !important;
  }
  .theme16 .btn-primary {
	background: #192D01 !important;
	border: 1px solid #192D01 !important;
	color: #ffffff !important;
  }
  .theme16 .chat-btn-rd {
	color: #fff;
	border: 3px solid #192D01;
	background: #192D01;
  }
  /*chat popup and preview css end*/
  .form-check-label{font-weight: 600 !important;}
  .hb-bottom{  border-bottom: 3px solid #00c0ef;}
  .conversational-form{z-index: 999999 !important;}

  .timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1rem
}

@media (min-width:768px) {
    .timeline-steps .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: .25rem dotted #3b82f6;
        width: 2.2rem;
        position: absolute;
        left: 7.8rem;
        top: 1.4rem;
    }
    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: .25rem dotted #3b82f6;
        width: 2rem;
        position: absolute;
        right: 7.5rem;
        top: 1.4rem;
    }
}

.timeline-steps .timeline-content {
    width: 6.5rem;
    text-align: center
}
.timeline-content .h6{font-size: 15px;}

.timeline-steps .timeline-content .inner-circle {
	border-radius: 1.8rem;
	height: 3.3rem;
	width: 3.3rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #3b82f6;
	font-size: 28px;
	color:#fff;
  }
.timeline-steps .timeline-contdent .inner-circle:before {
    content: "";
    background-color: #3b82f6;
    display: inline-block;
    height: 3rem;
    width: 3rem;
    min-width: 3rem;
    border-radius: 6.25rem;
    opacity: .5
}

.timeline-step .timeline-content .request-bg{
	background-color: #4964A0;
}
.timeline-step .timeline-content .visit-sche-bg{
	background-color: #22A5A0;
}
.timeline-step .timeline-content .visit-comp-bg{
	background-color: #B9CA2D;
}
.timeline-step .timeline-content .quote-sent-bg{
	background-color: #EFD134;
}
.timeline-step .timeline-content .quote-appr-bg{
	background-color: #E38102;
}
.timeline-step .timeline-content .quote-decl-bg{
	background-color: #E37863;
}
.timeline-step .timeline-content .install-sche-bg{
	background-color: #E52E4D;
}
.timeline-step .timeline-content .install-comp-bg{
	background-color: #ACD373;
}

.iservice-calendar {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}

  .iservice-calendar .wrapper {
    width: 100%;
    background: #fff;
  }
    .iservice-calendar .wrapper header {
      height: 35px;
      margin: 0px 10px 0px 10px;
    }

  .iservice-calendar .calendar-header .calendar-header-item {
    line-height: 35px;
    margin-right: 15px;
    float: left;
  }

  .iservice-calendar header .calendar-header-item.right {
    float: right;
  }

  .iservice-calendar .calendar-header .calendar-header-item.fa {
    font-size: 20px;
  }

  .iservice-calendar header .calendar-view {
    width: 100px;
    height: 100%;
  }
  .iservice-calendar header .calendar-icons i {
    font-size: 20px;
    display: inline-block;
    line-height: 35px;
  }

    .iservice-calendar header .calendar-icons i.fa-chevron-left {
      margin-right: 10px;
    }

  .iservice-calendar header .calendar-icons span {
    height: 38px;
    width: 38px;
    margin: 0 1px;
    cursor: pointer;
    color: #878787;
    text-align: center;
    line-height: 38px;
    font-size: 1.9rem;
    user-select: none;
    border-radius: 50%;
  }

  .iservice-calendar .calendar-icons span:last-child {
    margin-right: -10px;
  }

  .iservice-calendar header .calendar-icons span:hover {
    background: #f2f2f2;
  }

  .iservice-calendar header .current-date {
    font-size: 1.45rem;
    font-weight: 500;
    margin: 0;
    display: inline-block;
    margin-right: 10px;
  }

.iservice-calendar .calendar {
  padding: 10px;
  height: 600px
}
.sx-vue-calendar-wrapper {
  height: 800px;
  max-height: 800px;
}
.iservice-calendar .calendar .time-slots {
  list-style: none;
  padding: 0;
  margin: 30px 0px 0px 0px;
  float: left;
  width: 60px; /* Adjust width as needed */
}

  .iservice-calendar .calendar .time-slot:first-child {
    border-top: 1px solid #ccc; /* Add a border between time slots */
  }
  .iservice-calendar .calendar .time-slot {
    height: 60px; /* Adjust height as needed */
    /*line-height: 60px;*/ /* Center text vertically */
    border-bottom: 1px solid #ccc; /* Add a border between time slots */
    position: relative;
    display: list-item;
    width: 100vw;
  }

  .iservice-calendar .calendar .weeks, .iservice-calendar .calendar .days {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
    border: 1px solid black;
  }
  .iservice-calendar .calendar .weeks {
    border-bottom: 0;
  }
  .iservice-calendar .calendar .days {
    border-top: 0;
  }
  .iservice-calendar .calendar .days.full-height {
    height: 1020px;
  }

 .iservice-calendar .calendar .weeks .day, .iservice-calendar .calendar .days .day {
    color: #333;
    width: calc(100% / 7);
    font-size: 1.07rem;
  }
  .iservice-calendar .calendar .days .day span.date {
    position: absolute;
    right: 2px;
    top: 1px;
    width: 20px;
    height: 20px;
    font-size: 14px;
    font-weight: 550;
    z-index: 10;
  }

.iservice-calendar .calendar .days .day .date.today {
  background-color: #3c8dbc;
  color: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  width: 20px;
  height: 20px;
}
    .iservice-calendar .calendar .weeks .day {
      font-weight: 500;
      cursor: default;
      border: 1px solid black;
      background-color: #3c8dbc;
      color: #fff;
    }

    .iservice-calendar .calendar .days .day {
      z-index: 1;
      position: relative;
      border: 1px solid black;
      min-height: 120px;
    }

  .iservice-calendar .days .day.inactive {
    color: #aaa;
  }

  .iservice-calendar .days .day.active {
    color: #fff;
  }
  .iservice-calendar .days .day .event-title {
    cursor: pointer;
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid;
    text-align: left;
  }
.calendar-events {
  height: 80px;
  overflow: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}
.time-slot .calendar-events {
  height: -webkit-fill-available;
}
.calendar-events.months {
  margin-top: 20px;
}



.iservice-calendar.time-line .weeks {
  display: flex;
  width: calc(100% - 70px);
  margin-left: 70px;
}
  .iservice-calendar.time-line .weeks .day {
    flex: 1 1 auto;
    display: inline-grid;
    text-align: center;
  }
.time-slot-item {
  height: 60px;
}
.time-slot-item:after {
  content: "";
  border-bottom: rgb(218, 220, 224) 1px solid;
  position: absolute;
  width: 100%;
  margin-top: -1px;
  z-index: 3;
  pointer-events: none;
}
.calendar-events.time-line {
  margin-top: 5px;
}

.iservice-calendar.time-line .calendar .day {
  /* display: flex; */
  width: 81px;
  min-width: 81px;
  flex: 1 1 auto;
  border-right: rgb(218, 220, 224) 1px solid;
}
.iservice-calendar.time-line .calendar {
  display: flex;
}
.sx__view-selection .sx__view-selection-selected-item, .sx__view-selection-items .sx__view-selection-item {
  color: black !important;
}
.selection-overlay {
  position: relative;
  background-color: rgba(0, 123, 255, 0.3); /* Semi-transparent blue */
  border: 2px dashed rgba(0, 123, 255, 0.7); /* Dashed border for better visibility */
  z-index: 1000; /* Ensure it is above other elements */
  pointer-events: none; /* Prevents it from interfering with mouse events */
}
.agentSkillColor {
  border-radius: 5px;
  padding: 5px;
  display: inline-block;
}
.calendar-toggle {
  display: block;
  position: relative;
  height: 22px;
  margin-bottom: 15px;
  font-size: 22px;
  margin-right: 5px;
}
.selection-overlay .overlay-start-time {
  position: absolute;
  left: 5px;
  top: -20px;
  color: black;
  font-size: medium;
  font-weight: bold;
}
.selection-overlay .overlay-end-time {
  position: absolute;
  bottom: -22px;
  left: 5px;
  color: black;
  font-size: medium;
  font-weight: bold;
}

/*Schedule-X CSS*/
.sx__time-grid-event.sx__event {
  /*max-width: 90% !important;*/
  /* border-bottom: 4px solid !important; */
}
header.sx__interactive-event-modal__header {
  position: absolute;
  /* top: var(--sx-spacing-padding6);
  right: var(--sx-spacing-padding6);*/
  display: flex;
  justify-content: flex-end;
  /*gap: .75rem;*/
  /*margin-bottom: .5em;*/
  right: 5px;
}
button.sx__modal-action-button {
  font-size: 20px;
}
.sx__time-grid-event.sx__event {
  overflow-y: auto;
}

/*6669*/
.sx__app-combobox__input-wrapper .sx__app-combobox-input {
  width: auto !important;
}

.sx__sidebar.sx__app-combobox__input-wrapper {
  max-height: 150px;
  overflow-y: auto;
}

[data-state="add"].sx__interactive-event-modal.is-open {
  left: unset;
}
.sx__interactive-event-modal__description {
  white-space: pre-wrap;
  word-wrap: break-word;
}
#schedule-calendar {
  height: 800px;
}
/*Schedule-X CSS*/
#event-option-popup .modal-dialog {
  width: 210px;
}

#event-option-popup .modal-dialog ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  text-transform: uppercase;
}

#event-option-popup .modal-dialog ul li {
  padding: 12px 0px;
  margin: 0;
  text-transform: uppercase
}

#event-option-popup .modal-dialog ul li {
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}

#event-option-popup .modal-dialog ul li:last-child {
  border-bottom: 0px;
}

#event-option-popup .modal-dialog ul li i {
  margin-right: 5px;
}

#event-option-popup .btn-close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: -20px;
  z-index: 999;
  text-align: center;
  padding: 5px !important;
  top: -12px;
  border-radius: 50%;
  background-color: #d73925;
  opacity: 1;
}

#event-option-popup .modal-content {
  position: relative
} 
@media (min-width: 576px) {
  .iservice-calendar .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
}
@media (min-width:768px) and (max-width:991px) {
  .iservice-calendar .modal-dialog {
    max-width: 700px;
    width: 700px;
  }
}
@media (min-width:991px) {
  .iservice-calendar .modal-dialog {
    width: 900px;
    max-width: 900px;
  }
}


.box-header span.collapse-icon{font-size: 30px;
	font-weight: 700;
	line-height: 24px;
	cursor: pointer;}
/*payment css*/


/*payement gateway form css not required to include only for style guide*/
#secure-payment-field-wrapper{position: relative;}
.secure-payment-form div[class$="-logo"] {
	flex: 1 1 auto;
	margin-left: 16px;
	width: 110px;
	height: 23px;
	text-align: right;
	float: right;
  }

  .secure-payment-form div[class$="-shield"] {
	flex: 1 1 auto;
	margin-right: 16px;
	float: left;
  }
.secure-payment-form div[class$="-shield"] .ssl-text-logo {
	border: 1px solid #468000;
	border-radius: 3px;
	width: 89px;
	height: 26px;
	text-align: center;
	margin: 0;
  }
  .secure-payment-form div[class$="-shield"] .ssl-msg {
	font-size: 8px;
	font-weight: 600;
	font-family: Open sans,sans-serif;
	color: #468000;
	line-height: 9px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin-left: 6px;
	margin-right: 7px;
	margin-top: 1px;
  }

  .secure-payment-form div[class$="-logo"] .security-msg {
	color: #707689;
	font-size: 8px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px;
  }
#secure-payment-field {
	-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:0px;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-sizing:border-box;
	color:#555;
	display:block;
	font-family:sans-serif;
	font-size:14px;
	height:50px;
	line-height:1.42857143;
	margin:0 .5em 0 0;
	max-width:100%;
	outline:0;
	padding:6px 12px;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	vertical-align:baseline;
	width:100% ;
   }
   #secure-payment-field:focus {
	border:1px solid #3989e3;
	box-shadow:none;
	height:50px;
	outline:none;
   }
   #secure-payment-field[type=button] {
	-moz-user-select:none;
	-ms-touch-action:manipulation;
	-ms-user-select:none;
	-webkit-user-select:none;
	background-color:#36b46e;
	background-image:none;
	border:0px solid transparent;
	box-sizing:border-box;
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-family:sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:1.42857143;
	margin-bottom:0;
	padding:6px 12px;
	text-align:center;
	text-transform:uppercase;
	touch-action:manipulation;
	user-select:none;
	vertical-align:middle;
	white-space:nowrap;
   }
   #secure-payment-field[type=button]:focus {
	background-color:#258851;
	color:#ffffff;
	outline:none;
   }
   #secure-payment-field[type=button]:hover {
	background-color:#258851;
   }
   .card-cvv {
	background:transparent url(https://js.globalpay.com/v1/images/cvv.png) no-repeat right;
	background-size:63px 40px;
   }
   .card-cvv.card-type-amex {
	background:transparent url(https://js.globalpay.com/v1/images/cvv-amex.png) no-repeat right;
	background-size:63px 40px;
   }
   img.card-number-icon {
	background:transparent url(https://js.globalpay.com/v1/images/logo-unknown@2x.png) no-repeat;
	background-size:100%;
	width:65px;
	height:40px;
	position:absolute;
	right:12px;
	top:62%;
	margin-top:-20px;
	background-position:50% 50%;
   }
   img.card-number-icon[src$='/gp-cc-generic.svg'] {
	background:transparent url(https://js.globalpay.com/v1/images/logo-mastercard@2x.png) no-repeat;
	background-size:120%;
	background-position-y:bottom;
   }
   img.card-number-icon.invalid.card-type-amex {
	background:transparent url(https://js.globalpay.com/v1/images/logo-amex@2x.png) no-repeat 140%;
	background-size:80%;
	background-position-y:87%;
   }
   img.card-number-icon.invalid.card-type-discover {
	background:transparent url(https://js.globalpay.com/v1/images/logo-discover@2x.png) no-repeat;
	background-size:115%;
	background-position-y:95%;
	width:80px;
   }
   img.card-number-icon.invalid.card-type-jcb {
	background:transparent url(https://js.globalpay.com/v1/images/logo-jcb@2x.png) no-repeat 175%;
	background-size:90%;
	background-position-y:85%;
   }
   img.card-number-icon.invalid.card-type-mastercard {
	background:transparent url(https://js.globalpay.com/v1/images/logo-mastercard@2x.png) no-repeat;
	background-size:120%;
	background-position-y:bottom;
   }
   img.card-number-icon.invalid.card-type-visa {
	background:transparent url(https://js.globalpay.com/v1/images/logo-visa@2x.png) no-repeat ;
	background-size:120%;
	background-position-y:bottom;
   }
   img.card-number-icon.valid.card-type-amex {
	background:transparent url(https://js.globalpay.com/v1/images/logo-amex@2x.png) no-repeat 140%;
	background-size:80%;
	background-position-y:-6px;
   }
   img.card-number-icon.valid.card-type-discover {
	background:transparent url(https://js.globalpay.com/v1/images/logo-discover@2x.png) no-repeat;
	background-size:115%;
	background-position-y:-5px;
	width:80px;
   }
   img.card-number-icon.valid.card-type-jcb {
	background:transparent url(https://js.globalpay.com/v1/images/logo-jcb@2x.png) no-repeat 175%;
	background-size:90%;
	background-position-y:-5px;
   }
   img.card-number-icon.valid.card-type-mastercard {
	background:transparent url(https://js.globalpay.com/v1/images/logo-mastercard@2x.png) no-repeat;
	background-size:120%;
	background-position-y:-1px;
   }
   img.card-number-icon.valid.card-type-visa {
	background:transparent url(https://js.globalpay.com/v1/images/logo-visa@2x.png) no-repeat;
	background-size:120%;
	background-position-y:-1px;
   }
   .card-number::-ms-clear {
	display:none;
   }
   
/*payement gateway form css not required to include only for style guide*/

.secure-payment-form{
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 8px;
	background: #ddd;
	margin: 0px;
	padding: 8px 8px 40px 8px;
	margin-bottom: 15px;
}
/*payment css*/

.print-receipt p{font-size:15mpx;}
/*qadesign mobile issue fixes css*/
@media (max-width: 576px){
.bg-customer-reply .overlay-wrapper {
  max-width: 100% !important;
}
 .bg-customer-reply .overlay-wrapper .btn,.bg-customer-reply .btn{margin-bottom:5px;padding: 5px 5px;}
 .support-container {
	width: 50%;
	margin-bottom: 30px;
	float:left;
  }
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
  .bg-customer-reply .overlay-wrapper {
    max-width: 100% !important;
   }
   .support-container {
     width: 50%;
     margin-bottom: 30px;
     float:left;
   }
   .support-container .supportimg-container img {
	width: 100px;
	height:100px;
   }
   .bg-customer-reply .overlay-wrapper .btn,.bg-customer-reply .btn{margin-bottom:5px;padding: 5px 5px;font-size: 13px;}
   .search-parameters .floating-label{line-height: 12px;}
   .treeview-expand-icon {
	  display: block !important;
   }
}
.qty-width{width:80px;}


@media only screen 
and (min-device-width : 1024px) {
	.treeview-expand .box .topic-list-container.collapse:not(.show){
		display: block;
	}
}

/*qadesign mobile issue fixes css*/

/*goley p table*/


.p-datatable .p-paginator-top {
	border-width: 0 0 1px 0;
	border-radius: 0;
  }
  .p-datatable .p-paginator-bottom {
	border-width: 0 0 1px 0;
	border-radius: 0;
  }
  .p-datatable .p-datatable-header {
	background: #f8f9fa;
	color: #343a40;
	border: 1px solid #dee2e6;
	border-width: 1px 0 1px 0;
	padding: 1rem 1rem;
	font-weight: 700;
  }
  .p-datatable .p-datatable-footer {
	background: #f8f9fa;
	color: #343a40;
	border: 1px solid #dee2e6;
	border-width: 0 0 1px 0;
	padding: 1rem 1rem;
	font-weight: 700;
  }
  .p-datatable .p-datatable-thead > tr > th {
	text-align: left;
	padding: 1rem 1rem;
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 1px;
	font-weight: 700;
	color: #343a40;
	background: #f8f9fa;
	transition: box-shadow 0.2s;
	width: 80px !important;
  }
  .p-datatable .p-datatable-tfoot > tr > td {
	text-align: left;
	padding: 1rem 1rem;
	border: 1px solid #dee2e6;
	border-width: 0 0 1px 0;
	font-weight: 700;
	color: #343a40;
	background: #f8f9fa;
  }
  .p-datatable .p-sortable-column .p-sortable-column-icon {
	color: #343a40;
	margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column .p-sortable-column-badge {
	border-radius: 50%;
	height: 1.143rem;
	min-width: 1.143rem;
	line-height: 1.143rem;
	color: #1D4ED8;
	background: #EFF6FF;
	margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):hover {
	background: #e9ecef;
	color: #343a40;
  }
		.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
		  color: #343a40;
		}
		.p-datatable .p-sortable-column.p-highlight {
		  background: #EFF6FF;
		  color: #1D4ED8;
		}
		.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
		  color: #1D4ED8;
		}
		.p-datatable .p-sortable-column.p-highlight:hover {
		  background: #EFF6FF;
		  color: #1D4ED8;
		}
		.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
		  color: #1D4ED8;
		}
		.p-datatable .p-sortable-column:focus {
	box-shadow: inset 0 0 0 0.15rem #BFDBFE;
	outline: 0 none;
  }
  .p-datatable .p-datatable-tbody > tr {
	background: #ffffff;
	color: #495057;
	transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td {
	text-align: left;
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 1px;
	padding: 8px;
	width: 150px !important;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
	width: 2rem;
	height: 2rem;
	color: #6c757d;
	border: 0 none;
	background: transparent;
	border-radius: 50%;
	transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
	color: #343a40;
	border-color: transparent;
	background: #e9ecef;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
	outline: 0 none;
	outline-offset: 0;
	box-shadow: 0 0 0 0.2rem #BFDBFE;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
	margin-right: 0.5rem;
  }
  .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
	font-weight: 700;
  }
  .p-datatable .p-datatable-tbody > tr:focus {
	outline: 0.15rem solid #BFDBFE;
	outline-offset: -0.15rem;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight {
	background: #EFF6FF;
	color: #1D4ED8;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
	box-shadow: inset 0 2px 0 0 #EFF6FF;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
	box-shadow: inset 0 -2px 0 0 #EFF6FF;
  }
  .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
	background: #e9ecef;
	color: #495057;
  }
  .p-datatable .p-column-resizer-helper {
	background: #3B82F6;
  }
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
	background-color: #f8f9fa;
  }
  .p-datatable .p-datatable-loading-icon {
	font-size: 2rem;
  }
  .p-datatable .p-datatable-loading-icon.p-icon {
	width: 2rem;
	height: 2rem;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-header {
	border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-footer {
	border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-top {
	border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-bottom {
	border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
	border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
	border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
	border-width: 1px 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
	border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
	border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
	border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
	border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
	border-width: 1px 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
	border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
	border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
	border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
	border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
	border-width: 0 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
	border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
	background: #fcfcfc;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
	background: #EFF6FF;
	color: #1D4ED8;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
	color: #1D4ED8;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
	color: #1D4ED8;
  }
  .p-datatable.p-datatable-sm .p-datatable-header {
	padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
	padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
	padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
	padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-footer {
	padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-header {
	padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
	padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
	padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
	padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-footer {
	padding: 1.25rem 1.25rem;
  }
  
  .p-dataview .p-paginator-top {
	border-width: 0 0 1px 0;
	border-radius: 0;
  }
  .p-dataview .p-paginator-bottom {
	border-width: 0 0 1px 0;
	border-radius: 0;
  }
  .p-dataview .p-dataview-header {
	background: #f8f9fa;
	color: #343a40;
	border: 1px solid #dee2e6;
	border-width: 1px 0 1px 0;
	padding: 1rem 1rem;
	font-weight: 700;
  }
  .p-dataview .p-dataview-content {
	background: #ffffff;
	color: #495057;
	border: 0 none;
	padding: 0;
  }
  .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
	border: solid #dee2e6;
	border-width: 0 0 1px 0;
  }
  .p-dataview .p-dataview-footer {
	background: #f8f9fa;
	color: #343a40;
	border: 1px solid #dee2e6;
	border-width: 0 0 1px 0;
	padding: 1rem 1rem;
	font-weight: 700;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
  }
  
  .p-column-filter-row .p-column-filter-menu-button,
  .p-column-filter-row .p-column-filter-clear-button {
	margin-left: 0.5rem;
  }
  
  .p-column-filter-menu-button {
	width: 2rem;
	height: 2rem;
	color: #6c757d;
	border: 0 none;
	background: transparent;
	border-radius: 50%;
	transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-selecttext, .p-inputtext{width: 165px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 4px;}
  .p-datatable .p-datatable-tbody > tr >  td.s-icon-col{width:auto !important;}
/*goley p table end*/

.chatbot-btn{height:40px; font-size: 16px;}
.table-row{
  margin: 15px;
  border-bottom: 1px solid #ccc !important;
  padding: 15px 5px;
}

.workflow-element-container{width:100%; height: 100vh;  background:#fff; border:1px solid #ccc; left:0; bottom: 0;z-index: 999;
	
}
.workflow-element-header{height:38px; display: flex; color: #fff; background: #3c8dbc;
	align-items: center;
	justify-content: space-between;}
.workflow-element-header span{align-items: center;
	display: flex;
	padding-left: 15px;
	font-weight: 600;}
.element-icon{font-size: 18px;}
.workflow-element-body .nav-tabs{
	display: flex;
	justify-content: space-around;
}

.workflow-element-body .nav-tabs-custom > .nav-tabs > li a.active {
	border-color:none;
	border: 0px;
	border-bottom: 3px solid;
	border-bottom-color: #3c8dbc !important;
}


.workflow-element-body  .tab-content{
	display: flex;
	height: calc( 100vh - 82px);
	overflow: scroll;
}

.workflow-element-body  .element-item {
	cursor: move;
	width: calc( 50% - 18px);
	height: 84px;
	border: 1px solid #ccc;
	border-radius: 5px;
	float: left;
	margin: 8px;
	text-align: center;

	line-height: 18px;
  }
  .element-item-icon{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  font-size: 24px;
  padding-block-start: 15px;
  color: #666;
}
.sub-level{font-size: 13px; line-height: 14px;}
.workflow-element-footer{width:100%; height: 40px; background: #333; position: absolute;
 bottom: 0;
 z-index: 99999;
 padding:5px;
}
.workflow-container{position: relative;}
.panel-input-gap{cursor: pointer;}
.panel-input-gap:hover, .panel-input-gap-active {
	background: #ccc;
	color: #000;
	align-items: center;
	justify-content: center;
	display: flex;
	height: 22px;
	width: 32px;
	justify-content: center;
  }
  .drop-area{
	border: 1px dashed burlywood !important;
	margin-bottom: 15px;
	min-height: 50px; 
	padding:8px;
  }

  .drop-area:hover{
	border: 1px dashed burlywood !important;
	margin-bottom: 15px;
	min-height: 50px; 
  }
  .small-input{max-width:180px;min-width:180px}

  .drop-area:hover,.drop-area.hover{
	background-color: #e4e6fa;
  }

  .panel-input-gap.close-droparea {
	background: #d73925;
	color: #fff;
	text-align: center;
	display: inline-block;
	padding-left: 4px;
	border-radius: 3px;
  }
  .agent-name{right:15px; font-weight: bold; margin-top:12px;}
  .input-width-time{width: 50px;}
  .col-icon-edit{width:40px;}
  .panel-container-width{ width: calc( 100% - 292px);}
  .estimate-contact-details{float:left; width: 100%;}
  .contact-container-height{ height: calc( 100% - 20px);}
  .estimate-contact-details ul{
        padding:0;
		margin:0;
		font-size: 14px;
  }
  .estimate-contact-details ul li{ 
         list-style: none;
		 margin-bottom: 8px;
		 width:100%;
		 float:left;
  }
  .estimate-contact-details  span{ 
	display: inline-block;
  }
  .estimate-contact-details  .contact-icon{ 
          width:35px !important;
		  text-align: center;
  }
  .estimate-contact-details  .contact-detail{
	 width:calc( 100% - 45px);
  }
  .estimate-contact-row{margin-bottom: 8px; display: flex;}
.contact-actions {
  display: block;
  float: left;
  width: 100%;
  border-top: 1px solid #ccc;
  padding-top: 15px;
  margin-top: 15px;
}
.location-img {margin-bottom: 15px;}
.location-img img{width: 100%;}
.estimate-detail .estimate-row{display: flex;}
.est-inspection-images a{display: inline-block; margin-right: 10px;}
.est-inspection-images img{width: 50px;}
.undone-steps{ background: #ccc !important;}
.estimate-timeline .inner-circle{font-size:22px !important;}
.estimate-activity-time{font-size: 12px;
	color: #666;}
.ai-icon{color: #fff;
	background: #000;
	width: 24px;
	height: 21px;
	text-align: center;
	display: inline-block;
	border-radius: 5px;}
.ai-button{border: 2px solid;
	border-radius: 5px;
}
.agentSkillColor{border-radius:5px; padding:5px;display: inline-block;
}
.agentSkillColorDefault{background: #f1f1f1; color: #666;
}
.selection-overlay {
    position: relative;
    background-color: rgba(0, 123, 255, 0.3);
    border: 2px dashed rgba(0, 123, 255, 0.7);
    z-index: 1000;
    pointer-events: none;
}
.selection-overlay .overlay-start-time {
    position: absolute;
    left: 5px;
    top: -20px;
    color: black;
    font-size: medium;
    font-weight: bold;
}
.selection-overlay .overlay-end-time {
    position: absolute;
    bottom: -22px;
    left: 5px;
    color: black;
    font-size: medium;
    font-weight: bold;
}
.calendar-toggle {
    display: block;
    position: relative;
    height: 22px;
    font-size: 22px;
    margin-right: 5px;
}

.right > .direct-sms-text {
	background: #FCDDC0;
	border-color: #FCDDC0;
	color: #262626;
	float: right;
	margin: 0px 10px 5px 0px;
  }

.direct-sms-text {
	border-radius: 24px;
	position: relative;
	padding: 24px 10px;
	background: #FBEDE8;
	border: 1px solid #FBEDE8;
	margin: 5px 0 0 10px;
	color: #262626;
	max-width: calc(92% - 50px);
}

.direct-sms-text {
	display: inline-block;
  }
.direct-sms-timestamp {
	margin: 0 50px 0 50px;
	color: #999;
}

/*workflow setting css start*/
.tabs-settings button{margin-right:0}
.tab-settings-option{border:1px solid #ccc}