/*
 * Main Styles file for Simplicity
 * Author: Creativico
 * Date: 10/02/2013
 */
/***** HTML & Body Setup *****/
html {
	overflow: hidden;
}

body {
	background-color: #f3f4f5;
}

body,
html {
	margin: 0;
	padding: 0;
	font-size: 14px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 300;
	color: #989ba0;
	margin-top: 0;
}

h1 {
	font-size: 32px;
}

h2 {
	font-size: 28px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

a {
	color: var(--tertiary-font-color);
}

a:hover,
a:focus {
	text-decoration: none !important;
}

a:focus {
	outline: none !important;
}

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

#map-canvas {
	height: 100%;
	margin: 0;
	padding: 0;
}

/***** Container Setup *****/
.container-liquid {
	margin: 0 auto;
	padding: 0 15px;
}

.content-liquid-full .container {
	width: 100% !important;
	padding: 0;
}

.content-liquid-full .container>div {
	padding: 0;
}

.content-liquid-full {
	margin: 0 auto 0 250px;
	padding: 0 15px;
}

.content-liquid {
	height: 100%;
}

.space {
	height: 40px;
	display: block;
}

/***** BS Overwrite *****/
.input-group-addon {
	min-width: 40px;
}

/***** Colors *****/
.green {
	color: #0fddaa !important;
}

.orange {
	color: #e54d26 !important;
}

.blue {
	color: #0099ff !important;
}

.rose {
	color: #e80d53 !important;
}

/***** Header *****/
header {
	width: 100%;
}

header.fixed {
	left: 0;
	position: fixed;
	top: 0;
	z-index: 99999;
}

header .header-bar {
	background-color: #2F3949;
}

.header-bar .search {
	background: url("../../img/search.png") no-repeat scroll 0px 13px;
	border: 0;
	background-color: transparent;
	box-shadow: none;
	color: var(--white-color);
	text-indent: 20px;
	transition: all 0.3s ease 0s;
	width: 20px;
	height: 45px;
	display: block;
}

.header-bar .search:hover {
	background: url("../../img/search-focus.png") no-repeat scroll 0px 13px;
}

.header-bar .search:focus {
	background: url("../../img/search-focus.png") no-repeat scroll 0px 13px;
	border: 0px;
	box-shadow: none;
	color: #233242 !important;
	font-weight: 300;
	font-size: 12px;
	transition: all 0.3s ease 0s;
	width: 180px;
}

.header-bar .search::-webkit-input-placeholder {
	color: #233242;
}

.header-bar .search:-moz-placeholder {
	color: #233242;
}

.header-bar .search::-moz-placeholder {
	color: #233242;
}

.header-bar .search:-ms-input-placeholder {
	color: #233242;
}

.left-side {
	padding: 20px 0px;
	width: 250px;
	float: left;
}

/***** Logo Container *****/
.logo-container {
	max-height: 55px;
	padding-left: 30px;
	line-height: 65px;
	background-color: var(--white-color);
	border-bottom: 1px solid #D5DDDF;
}

.logo-container h1 {
	font-size: 26px;
	margin: 0;
	padding: 0;
	line-height: 33px;
	color: #2f3949;
	font-weight: 400;
	font-family: 'Helvetica Neue' !important;
	/*font-style: italic;*/
	display: inline-block;
}

.logo-container h4 {
	display: inline-block;
	color: #2f3949;
	font-size: 12px;
	padding-left: 10px;
	margin: 0;
}

.header-bar {
	background-color: var(--white-color);
	border-bottom: 1px solid #d5dddf;
	margin: 0px -15px 20px -15px;
	min-height: 45px;
	padding-top: 10px !important;
}

/***** Header Bar - Left Icons *****/
ul.left-icons,
ul.right-icons {
	margin: 0;
	padding: 0;
	height: 45px;
}

ul.left-icons {
	display: inline-block;
	vertical-align: top;
	float: left;
}

ul.left-icons:after,
ul.right-icons:after {
	content: '';
	display: block;
	clear: both;
}

ul.left-icons li {
	display: inline-block;
	vertical-align: middle;
	line-height: 45px;
}

ul.left-icons li a {
	padding: 0px 1.3em;
	display: block;
}

ul.left-icons li i {
	font-size: 16px;
	color: rgba(44, 62, 80, 0.3);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

ul.left-icons li a:hover i {
	color: #2c3e50;
}

/***** Header Bar - Right Icons *****/
ul.right-icons {
	display: inline-block;
	float: right;
	text-align: right;
	vertical-align: top;
}

ul.right-icons>li {
	padding-bottom: 20px;
	padding-right: 0px;
	display: inline-block;
	vertical-align: middle;
	line-height: 45px;
	margin-left: 15px;
	position: relative;
}

ul.right-icons li a {
	position: relative;
}

ul.right-icons>li>a>i {
	vertical-align: top;
	line-height: 32px;
	color: var(--white-color);
}

ul.right-icons>li>a {
	vertical-align: middle;
	background-color: #f9f9f9;
	border: 1px solid transparent;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	text-align: center;
	margin-left: 10px;
	margin-top: 5px;
}

ul.right-icons .notify {
	position: absolute;
	top: -8px;
	right: -6px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #f86868;
	width: 18px;
	height: 18px;
	color: var(--white-color);
	line-height: 18px;
	text-align: center;
	font-size: 8px;
}

ul.right-icons .user {
	background-color: #1abc9c;
}

ul.right-icons .email {
	background-color: #42b3e5;
}

ul.right-icons .info {
	background-color: #a78ed7;
}

ul.right-icons .settings {
	background-color: #343f51;
}

ul.right-icons .lock {
	background-color: #49617b;
}

ul.right-icons li:last-child {
	border-right: 0px solid #2c3e50;
}

.right-icons span {
	color: #6f8399;
}

.right-icons .user-name {
	color: #F86868;
}

.right-icons .user-avatar {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.right-icons .user-avatar img {
	vertical-align: top;
}

ul.right-icons>li>a {
	padding: 0px 0px;
	display: block;
}

ul.right-icons>li>a i {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.7);
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

ul.right-icons li a:hover i {
	color: var(--white-color);
}

ul.right-icons>li>a.user-avatar {
	padding: 0 0;
	margin-right: 20px;
	display: inline-block;
}

ul.right-icons li>ul.dropdown {
	background: none repeat scroll 0 0 var(--white-color);
	border: 1px solid #DADADA;
	border-radius: 3px;
	display: none;
	left: -50%;
	top: 42px;
	margin-left: -13px;
	position: absolute;
	min-width: 120px;
	line-height: normal;
}

ul.right-icons li>ul.dropdown.big {
	margin-left: -73px;
}

ul.right-icons li>ul.dropdown:after,
ul.right-icons li>ul.dropdown:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

ul.right-icons li>ul.dropdown:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: var(--white-color);
	border-width: 10px;
	margin-left: -10px;
}

ul.right-icons li>ul.dropdown:before {
	border-color: rgba(218, 218, 218, 0);
	border-bottom-color: #DADADA;
	border-width: 11px;
	margin-left: -11px;
}

ul.right-icons li:hover>ul.dropdown {
	display: inline-block;
	z-index: 99999;
	padding: 7px 0px;
}

ul.right-icons li>ul.dropdown li {
	padding: 7px 0px;
	text-align: left;
	padding-left: 14px;
	padding-right: 14px;
}

ul.right-icons li>ul.dropdown li a {
	white-space: nowrap;
	color: #49617b;
}

ul.right-icons li>ul.dropdown li a i {
	padding-right: 8px;
	font-size: 15px;
	color: #7b8b9d;
}

ul.right-icons li>ul.dropdown li a:hover i,
ul.right-icons li>ul.dropdown li a:hover {
	/*color: #45aab3 !important;*/
}

ul.right-icons li>ul.dropdown li span.description {
	display: block;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	padding-left: 22px;
	color: #95a6b9;
}

/*ul.right-icons li > ul.dropdown li:hover a i {*/
/*color: #7B8B9D;*/
/*}*/
/***** BreadCrumbs *****/
.breadcrumbs {
	margin: 0 0 10px 0;
	padding: 0;
}

.breadcrumbs li {
	display: inline-block;
}

/*.breadcrumbs li:after {*/
/*content: '\f054';*/
/*font-family: 'FontAwesome';*/
/*display: inline-block;*/
/*font-size: 10px;*/
/*padding: 0px 10px;*/
/*color: #7b8b9d;*/
/*}*/
.breadcrumbs li a {
	color: var(--primary-color);
}

.breadcrumbs li:last-child:after {
	content: '';
}

.breadcrumbs li:last-child a {
	color: #7b8b9d;
}

/***** Horizontal Menu *****/
body.horizontal-menu .content-liquid-full {
	margin-left: 0px;
	margin-top: 20px;
}

body.horizontal-menu .sidebar {
	height: auto;
	position: relative;
	width: 100%;
	min-height: 30px;
	background-color: #2c3e50;
}

body.horizontal-menu .logo-container {
	width: 200px;
}

body.horizontal-menu .sidebar li.active {
	border-left: 0px !important;
	background-color: #2c3e50;
}

body.horizontal-menu .sidebar li {
	display: inline-block;
	vertical-align: top;
	box-shadow: none;
	overflow: visible;
	position: relative;
}

body.horizontal-menu .sidebar li .child {
	position: absolute;
	top: 45px;
	left: 0px;
	z-index: 9999;
	width: 100%;
}

body.horizontal-menu .sidebar li .child li {
	width: 100%;
}

body.horizontal-menu .sidebar li .child li a {
	padding-left: 0px;
}

body.horizontal-menu .sidebar .menu {
	background-color: #2c3e50;
	text-align: center;
}

body.horizontal-menu .sidebar .menu li.parent>a:after {
	padding-left: 5px;
}

body.horizontal-menu .responsive-spacer {
	display: none;
}

/***** Fixed Header Bar *****/
body.fixed-headerbar .sidebar {
	margin-top: 55px;
}

body.fixed-headerbar .sidebar .logo-container {
	position: fixed;
	width: 250px;
	top: 0;
	z-index: 9999;
}

body.fixed-headerbar .header-bar {
	position: fixed;
	width: -moz-calc(-150%);
	width: -webkit-calc(-150%);
	width: calc(-150%);
	top: 0;
	z-index: 9999;
}

body.fixed-headerbar .content-liquid-full>.container>.row+.row {
	margin-top: 80px;
}

/***** Fixed Sidebar *****/
.fixed-sidebar {
	position: fixed !important;
}

/***** Collapsed Sidebar *****/
body.collapsed-sidebar .sidebar {
	width: 50px;
}

body.collapsed-sidebar .content-liquid-full {
	margin-left: 50px;
}

body.collapsed-sidebar .menu li:first-child {
	height: 55px;
	line-height: 55px;
}

body.collapsed-sidebar .menu li a .menu-icon {
	margin: 0px !important;
	width: 100%;
}

body.collapsed-sidebar .menu li.active {
	border-left: 0px !important;
}

body.collapsed-sidebar .menu li.active a span {
	width: 100% !important;
}

/***** Content *****/
.content {
	height: 100%;
	width: 100%;
	position: relative;
}

.content.header-fixed {
	margin-top: 73px;
}

.content .container-liquid {
	height: 100%;
}

.content .container-liquid .row {
	height: 100%;
}

/***** Sidebar *****/
.sidebar {
	background-color: #2c3e50;
	height: 100%;
	min-height: 600px;
	padding: 0px !important;
	width: 250px;
	position: absolute;
}

.sidebar .logo-container img {
	position: relative;
	top: -5px;
	left: 20px;
	width: 140px;
	height: auto;
}

.sidebar .responsive-menu {
	display: none;
	font-size: 26px;
}

/***** Sidebar - Profile *****/
.sidebar-profile {
	padding: 25px 0px;
	text-align: center;
	/*border-bottom: 1px solid #252f40;*/
}

.sidebar-profile .user-avatar {
	display: inline-block;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	overflow: hidden;
	margin-bottom: 10px;
}

.sidebar-profile .user-avatar img {
	max-width: 150%;
	width: auto;
	height: 100%;
	min-height: 100%;
}

.sidebar-profile .user-info a {
	color: #7b8b9d;
	font-size: 13px;
}

.sidebar-profile .user-info a:after {
	/* content: '\f078';
     font-family: 'FontAwesome';*/
	/*color: #7b8b9d;
    padding-left: 10px;*/
}

/***** Sidebar Main Menu *****/
.sidebar .menu {
	/* border-top: 1px solid #404c60;*/
	margin: 0;
	padding: 0 0px !important;
	list-style: none;
	background-color: #343f51;
}

.sidebar .menu li {
	padding: 0px 0px;
	background-color: #2c3e50;
}

.sidebar .menu>li.active {
	background-color: #2f3949;
}

.sidebar .menu li i {
	padding-right: 10px;
	font-size: 16px;
}

.sidebar .menu li a {
	display: block;
	font-weight: normal;
	font-size: 14px;
	color: #8e99a2;
	height: 45px;
	overflow: hidden;
	position: relative;
}

.sidebar .menu li a:hover {
	text-decoration: none;
	/*color: var(--white-color);*/
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.sidebar .menu li a:hover i {
	color: var(--white-color);
}

.sidebar .menu>li.active>a,
.sidebar .menu>li.active i {
	color: var(--white-color);
}

/***** Sidebar - Main Menu - Menu Text *****/
.sidebar .menu li .menu-text {
	display: inline-block;
	width: 140px;
	height: 45px;
	vertical-align: top;
	line-height: 48px;
}

/***** Sidebar - Main Menu - Parent Icons *****/
.sidebar .menu>li.active {
	/*border-left: 4px solid #2f3949;*/
}

.sidebar .menu li.active.lightgreen {
	border-left: 4px solid #45aab3;
}

.sidebar .menu li.active.lightred {
	border-left: 4px solid #d55152;
}

.sidebar .menu li.active.lightblue {
	border-left: 4px solid #6ed2dc;
}

.sidebar .menu li.active.blue {
	border-left: 4px solid var(--primary-color);
}

.sidebar .menu li.active.green {
	border-left: 4px solid #7fbf33;
}

.sidebar .menu li.active.purple {
	border-left: 4px solid #7d6ccb;
}

.sidebar .menu li.active.orange {
	border-left: 4px solid #ff6600;
}

.sidebar .menu li.active.lightorange {
	border-left: 4px solid #ff9900;
}

.sidebar .menu li.active.lightyellow {
	border-left: 4px solid var(--white-color)f33;
}

.sidebar .menu li.active.pink {
	border-left: 4px solid #ff6699;
}

.sidebar .menu li.active.cream {
	border-left: 4px solid #ffcc99;
}

.sidebar .menu li.active.marine {
	border-left: 4px solid #17a697;
}

.sidebar .menu li.active.darkblue {
	border-left: 4px solid #3366cc;
}

.sidebar .menu li a .menu-icon {
	background-color: #2c3e50;
	width: 29px;
	height: 45px;
	display: inline-block;
	text-align: center;
	margin-right: 5px;
	margin-left: 20px;
	vertical-align: top;
	overflow: hidden;
	position: relative;
}

.sidebar .menu li a .menu-icon i {
	width: 30px;
	height: 45px;
	display: inline-block;
	text-align: center;
	margin-right: 5px;
	padding-right: 0;
	padding-top: 12px;
	/*color: #818b95;*/
	line-height: 25px;
}

.sidebar .menu li.active a .menu-icon {
	background-color: transparent;
	width: 29px;
	height: 45px;
	display: inline-block;
	text-align: center;
	margin-right: 5px;
	margin-left: 15px;
}

.sidebar .menu li.active a .menu-icon .active {
	color: var(--white-color) !important;
}

.sidebar .menu li.active a .menu-icon i {
	padding-right: 0;
	padding-top: 12px;
	color: var(--white-color);
}

.sidebar .menu li.active a:hover .menu-icon i {
	color: #818b95;
}

.sidebar .menu li.active a .menu-icon:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	margin: 0px 0 0 30px;
}

.sidebar .menu li .notification {
	color: var(--white-color) !important;
	background-color: #f86868;
	border-radius: 5px;
	width: 24px;
	height: 24px;
	padding: 0px 0px;
	display: inline-block;
	text-align: center;
	margin-top: 13px;
	line-height: 24px;
	font-size: 11px;
}

.sidebar .menu li.parent .notification {
	float: none;
}

/***** Sidebar - Main Menu - Notifications *****/
.sidebar .menu li .notification.green {
	background-color: #109618;
}

.sidebar .menu li .notification.lightgreen {
	background-color: #45aab3;
}

.sidebar .menu li .notification.lightred {
	background-color: #cf3638;
}

.sidebar .menu li .notification.blue {
	background-color: #3366cc;
	color: var(--white-color) !important;
}

.sidebar .menu li .notification.lightblue {
	background-color: var(--primary-color);
}

.sidebar .menu li .notification.orange {
	background-color: #e7a60b;
}

.sidebar .menu li .notification.lightyellow {
	background-color: #eaee77;
	color: #2f3949;
}

.sidebar .menu li .notification.purple {
	background-color: #734cbd;
	color: var(--white-color);
}

.sidebar .menu li:hover .arrow:before {
	color: #818b95;
}

/***** Sidebar - Main Menu - Parent *****/
.sidebar .menu li.parent>a:after {
	content: '\f105';
	font-family: 'FontAwesome';
	color: #818b95;
	float: right;
	margin-right: 15px;
	margin-top: 12px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	font-size: 16px;
}

.sidebar .menu li.parent>a.close-child:after {
	content: '\f105';
	font-family: 'FontAwesome';
	color: #818b95;
	float: right;
	margin-right: 15px;
	margin-top: 12px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	font-size: 16px;
}

.sidebar .menu li.parent.active ul.child {
	display: block;
}

/***** Sidebar - Main Menu - Child *****/
.sidebar .child {
	background-color: #d9e3e5;
	margin-left: 0px;
	padding-left: 0px;
	display: none;
}

.sidebar .child.open {
	display: block;
}

.sidebar .child li {
	background-color: #f3f4f5 !important;
	border-bottom: 0px solid #b7c9cd;
	border-top: 1px solid #3e495a;
}

.sidebar .child li:last-child {
	border-bottom: 1px solid #3e495a;
}

.sidebar .child li a {
	color: #818b95;
	padding-left: 55px;
}

.sidebar .child li a:hover {
	background-color: #2b3545;
	color: #a0acbf;
}

.sidebar .child li a {
	vertical-align: top;
	display: inline-block;
	line-height: 38px;
	height: 38px;
	width: 100%;
}

/***** Sidebar - Main Menu - Child / Active *****/
.sidebar .child li.active {
	background-color: #2b3545;
}

.sidebar .child li.active a {
	color: var(--white-color);
	background-color: #2b3545;
}

/***** Sidebar - Projects *****/
.sidebar .active-projects {
	background-color: #1f3141;
	padding: 20px 20px;
	margin: 25px 0px;
}

.sidebar .active-projects i {
	padding-right: 10px;
	font-size: 18px;
}

.sidebar .active-projects h3 {
	color: #f6f6f6;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

.sidebar .active-projects .project-list {
	margin: 0;
	margin-left: 15px;
	padding: 0;
	list-style: none;
}

.sidebar .active-projects .project-list li {
	padding: 3px 0px;
	font-weight: bold;
}

.sidebar .active-projects .project-list li i {
	font-size: 12px;
}

.sidebar .active-projects .project-list li .update {
	display: block;
	padding-left: 23px;
	font-size: 12px;
	color: #f6f6f6;
	font-weight: normal;
	width: 100%;
}

/***** Content side *****/
.content-side {
	padding: 20px 25px;
}

.content-side h2 {
	font-weight: 200;
	margin-bottom: 25px;
}

/***** Content Side - Content Box ******/
.content-side .content-box {
	margin-bottom: 20px;
}

.content-side .content-box .inner {
	background-color: #f6f6f6;
	min-height: 100px;
	position: relative;
}

#chart {
	position: relative;
	display: inline-block;
}

/***** Box with Rounded Corners *****/
.boxed {
	margin-bottom: 20px;
}

.boxed .inner {
	padding: 12px 20px;
	background-color: var(--white-color);
	/*border-radius: 3px;*/
	/*-webkit-box-shadow: 0px 3px 0px #dbdfe0;
    -moz-box-shadow: 0px 3px 0px #dbdfe0;
    box-shadow: 0px 3px 0px #dbdfe0;*/
	color: #7f95a9;
	overflow: hidden;
}

.boxed .inner:after {
	content: '';
	clear: both;
	display: block;
}

.boxed .inner input {
	width: 100%;
}

.boxed .inner.no-radius {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.boxed .inner h1,
.boxed .inner h2,
.boxed .inner h3,
.boxed .inner h4,
.boxed .inner h5,
.boxed .inner h6 {
	margin: 0px;
	padding: 0px;
}

.boxed .inner h2.divider,
.boxed .inner h3.divider {
	margin: 10px 0px;
}

.boxed.no-padding .inner {
	padding: 0px;
}

.boxed .title-bar {
	background-color: #fafafa;
	padding: 10px;
	/*border-top-left-radius: 5px;
    border-top-right-radius: 5px;*/
	overflow: hidden;
	border-bottom: 1px solid #eff2f7;
}

.boxed .title-bar.white {
	background-color: var(--white-color);
}

.boxed .title-bar.gray {
	background-color: #fafafa;
}

.boxed .title-bar.white h4 {
	color: #b7c9cd;
}

.boxed .title-bar h4 {
	font-weight: normal;
	color: #b7c9cd;
	margin: 0;
	font-size: 13px;
	float: left;
	width: 70%;
	text-transform: uppercase;
	line-height: 20px;
}

.boxed .title-bar .actions {
	float: right;
	width: 25%;
	text-align: right;
	margin: 0;
	padding: 0;
}

.boxed .title-bar .actions li {
	display: inline-block;
	padding-right: 8px;
}

.boxed .title-bar .actions li a i {
	color: #a9abab;
}

.boxed .title-bar .actions li a {
	font-size: 14px;
}

.boxed .title-bar .actions:after {
	display: inline-block;
	content: '';
	clear: both;
}

/***** Box *****/
.box {
	margin-bottom: 20px;
	border-radius: 3px;
	background-color: var(--white-color);
	overflow: hidden;
	-webkit-box-shadow: 0px 3px 0px #dbdfe0;
	-moz-box-shadow: 0px 3px 0px #dbdfe0;
	box-shadow: 0px 3px 0px #dbdfe0;
}

.box .title-bar {
	background-color: #27a5f9;
	height: 45px;
	line-height: 45px;
	color: var(--white-color);
	font-size: 14px;
	font-weight: bold;
}

.monitoring-tab-details .box .title-bar {
	background-color: #27a5f9;
	height: 45px;
	line-height: 25px;
	color: var(--white-color);
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.title-bar.mini {
	line-height: 25px !important;
}

.monitor-tab .box .title-bar {
	background-color: #27a5f9;
	height: 45px;
	line-height: 46px;
	color: var(--white-color);
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}

.title-monitoring.title-bar {
	line-height: 45px !important;
}

.box .title-bar i {
	font-size: 12px;
	padding: 0px 15px;
}

.box .title-bar .close-box {
	display: inline-block;
	float: right;
	color: #5d4bb0;
}

.box .title-bar .close-box i {
	font-size: 20px;
	padding: 0px 5px;
	position: relative;
	top: -5px;
}

.title-bar .close-box a i {
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.title-bar .close-box a:hover i {
	opacity: 0.3;
}

.box .title-bar .close-box:after {
	clear: both;
	display: block;
}

/***** Calendar Widget *****/
.calendar {
	clear: both;
}

.calendar .title-bar {
	background-color: #f86868 !important;
	color: var(--white-color) !important;
}

.calendar-widget table thead th,
.calendar-widget table tbody td {
	min-width: 0px !important;
}

.calendar-widget .ui-datepicker-inline {
	border-radius: 0px !important;
	border: 0px !important;
	background: none !important;
	padding: 10px 25px 20px 25px;
}

.calendar-widget .ui-datepicker-calendar {
	background-color: #a5b9be !important;
	border: 1px solid #dae0e2 !important;
}

.ui-datepicker th {
	color: var(--white-color);
	text-transform: uppercase;
	padding: 15px 0px;
}

.ui-datepicker th span {
	font-size: 14px;
}

.calendar-widget .ui-datepicker-header {
	background: none;
	border: 0px;
	padding: 10px 0px;
}

.ui-datepicker .ui-datepicker-title {
	line-height: normal;
}

.calendar-widget .ui-datepicker-calendar tbody {
	background-color: #ecf0f1 !important;
}

.calendar-widget .ui-datepicker-calendar tbody tr {
	border-bottom: 1px solid #dae0e2 !important;
}

.calendar-widget .ui-datepicker-calendar tbody td:first-child {
	border-left: 0px solid #dae0e2 !important;
}

.calendar-widget .ui-datepicker-calendar tbody td {
	border-right: 1px solid #dae0e2 !important;
	height: 50px;
}

.calendar-widget .ui-datepicker-calendar tbody td:last-child {
	border-right: 0px solid #dae0e2 !important;
}

.calendar-widget .ui-datepicker-calendar tbody td a {
	color: #a0b5ba !important;
	background: none;
	border: 0px;
	height: 50px;
	line-height: 50px;
}

.calendar-widget .ui-datepicker-calendar tbody td:hover {
	background-color: #F86868 !important;
}

.calendar-widget .ui-datepicker-calendar tbody td:hover a {
	color: var(--white-color) !important;
	font-weight: bold;
}

.calendar-widget .ui-datepicker-calendar tbody td.ui-datepicker-current-day {
	background-color: #1abc9c !important;
}

.calendar-widget .ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
	color: var(--white-color) !important;
}

.calendar-widget .ui-datepicker-calendar tbody td.ui-datepicker-current-day a {
	border: 0px !important;
	background: none !important;
	font-weight: bold !important;
	color: var(--white-color) !important;
}

.calendar-widget .ui-datepicker-calendar tbody td.ui-datepicker-today a.ui-state-highlight {
	border: 0px !important;
	background: none !important;
	font-weight: bold !important;
	color: #F86868 !important;
}

.calendar-widget .ui-datepicker-calendar tbody td.ui-datepicker-today {
	background: transparent !important;
}

.calendar-widget .ui-datepicker-inline,
.calendar-widget .ui-datepicker-calendar {
	width: 100% !important;
}

.calendar-widget .ui-datepicker-calendar a {
	text-align: center !important;
}

.calendar-widget .ui-datepicker-calendar a:hover {
	background: none !important;
}

.calendar-widget .ui-datepicker-prev span {
	background: none !important;
	display: none !important;
}

.calendar-widget .ui-datepicker-prev {
	display: block !important;
	cursor: pointer !important;
	left: 0px !important;
	top: 0px !important;
	line-height: 36px;
}

.calendar-widget .ui-datepicker-prev:before {
	content: '\f053' !important;
	display: inline-block !important;
	font-family: 'FontAwesome' !important;
	color: #a5b9be !important;
	vertical-align: middle !important;
}

.calendar-widget .ui-datepicker-prev.ui-state-hover {
	left: 0px !important;
	top: 0px !important;
	border: 0px;
}

.calendar-widget .ui-datepicker-prev.ui-state-hover span {
	background: none !important;
}

.calendar-widget .ui-datepicker-next span {
	background: none !important;
	display: none !important;
}

.calendar-widget .ui-datepicker-next {
	display: block !important;
	cursor: pointer !important;
	right: 0px !important;
	top: 0px !important;
	text-align: right !important;
	background: none !important;
	line-height: 36px;
}

.calendar-widget .ui-datepicker-next:before {
	content: '\f054' !important;
	display: inline-block !important;
	font-family: 'FontAwesome';
	color: #a5b9be;
	text-align: right;
	vertical-align: middle;
}

.calendar-widget .ui-datepicker-next.ui-state-hover {
	right: 0px !important;
	top: 0px !important;
	border: 0px;
}

.calendar-widget .ui-datepicker-next.ui-state-hover span {
	background: none !important;
}

.calendar-widget .ui-datepicker-next:hover:before,
.calendar-widget .ui-datepicker-prev:hover:before {
	color: var(--error-color) !important;
}

.calendar-widget .ui-datepicker-title span {
	font-size: 13px !important;
	font-weight: bold !important;
	color: #a5b9be !important;
}

.box .close-box i {
	color: #1a84cb;
}

/***** Daily Traffic *****/
.daily-traffic .dial {
	display: none;
}

.daily-traffic .inner {
	margin: 20px 0;
}

.daily-traffic .inner:after {
	display: block;
	clear: both;
	content: '';
}

.daily-traffic .inner h3 {
	text-align: center;
	font-size: 16px;
}

.daily-traffic .inner .count-to {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}

/***** Daily Sales Stat *****/
.daily-sales {
	padding: 0;
}

.daily-sales .title-bar {
	background-color: #ea4c89;
}

.daily-sales .close-box i {
	color: #92224d;
}

/***** Progress Bar *****/
.progress-bar-stat:after {
	clear: both;
	display: block;
	content: '';
}

.progress-bar-stat {
	margin: 15px 10px 10px 10px;
	border-bottom: 2px solid #a5b9be;
	padding-left: 25px;
}

.progress-bar-stat li:last-child:after {
	clear: both;
	display: block;
	content: '';
}

.progress-bar-stat li {
	float: left;
	margin-right: 8px;
	background-color: #f1f1f1;
	width: 20px;
	height: 120px;
	position: relative;
}

.progress-bar-stat li span {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
}

.progress-bar-stat li span.blue {
	background-color: #599bba;
}

.progress-bar-stat li span.green {
	background-color: #149e50;
}

.progress-bar-stat li span.pink {
	background-color: #ea4c89;
}

.progress-bar-stat li span.purple {
	background-color: #8574d1;
}

.progress-bar-stat li span.lime {
	background-color: #bae22d;
}

.progress-bar-stat li span.darkblue {
	background-color: #43609c;
}

.inlinesparkline {
	width: 100%;
	display: block;
}

.progress.upload-bar {
	margin-bottom: 0 !important;
}

/***** Social Stats *****/
.social-stats .title-bar {
	background-color: #0077df;
	/* #27a5f9 */
	color: var(--white-color);
}

.social-stats .close-box i {
	color: #1a84cb;
}

.social-stats ul {
	list-style: none;
	margin: 0;
	padding: 15px 15px;
}

.social-stats ul li {
	margin-bottom: 8px;
}

.social-stats ul li i {
	padding: 0px 0px 0px 0px;
	width: 25px;
	text-align: center;
	font-size: 16px;
	color: #8ca2b7;
}

.social-stats ul li {
	color: #27a5f9;
	line-height: 25px;
}

.social-stats ul li span {
	float: right;
	color: #8ca2b7;
}

/***** Who's Online *****/
.whos-online {
	background-color: #233242;
}

.whos-online .title-bar {
	background-color: #233242;
	color: #6c7681;
	border-bottom: 1px solid #6c7681;
}

.whos-online .title-bar .close-box i {
	color: #49617b;
}

.whos-online ul {
	list-style: none;
	margin: 0;
	padding: 15px 15px;
}

.whos-online ul li {
	margin-bottom: 8px;
}

.whos-online ul li div.user-avatar {
	overflow: hidden;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 1px solid transparent;
	display: inline-block;
	vertical-align: top;
}

.whos-online ul li span.username {
	display: inline-block;
	line-height: 25px;
	vertical-align: top;
	color: #8ca2b7;
	padding-left: 20px;
}

.whos-online ul li span.status {
	display: inline-block;
	line-height: 25px;
	vertical-align: top;
	float: right;
}

.whos-online ul li span.status.online:before {
	content: '\f111';
	font-family: 'FontAwesome';
	color: #11a222;
	font-size: 11px;
}

.whos-online ul li span.status.offline:before {
	content: '\f111';
	font-family: 'FontAwesome';
	color: #d62d6e;
	font-size: 11px;
}

/***** Animated Page ******/
#animationSandbox {
	width: 100%;
	text-align: center;
}

#animationSandbox h1 {
	font-size: 86px;
	color: #F35626;
}

.animated-example-form {
	margin: 0 auto;
	text-align: center;
}

.animated-example-form select {
	display: inline-block;
	padding: 5px 12px;
}

/***** Projects *****/
.projects .title-bar {
	background-color: #3156a3;
	color: var(--white-color);
}

.projects .title-bar .close-box i {
	color: #4f74c2;
}

.projects ul {
	list-style: none;
	margin: 0;
	padding: 15px 15px;
}

.projects ul li {
	margin-bottom: 8px;
	color: #3156a3;
	line-height: 25px;
	font-size: 13px;
	text-transform: capitalize;
}

.projects ul li span {
	float: right;
	color: #8ca2b7;
}

/***** Invoices *****/
.invoice-logo {
	margin-top: 5px;
	float: left;
	max-width: 400px;
}

.invoice-logo i {
	display: inline-block;
	font-size: 36px;
	color: #734cbd;
	vertical-align: top;
	padding-left: 15px;
	padding-right: 8px;
}

.invoice-logo h3 {
	display: inline-block;
	font-weight: bold;
	color: #6a727f;
	text-transform: uppercase;
	line-height: 36px;
	vertical-align: top;
}

.invoice-actions {
	float: right;
	max-width: 800px;
}

.invoice-header {
	margin-top: 20px;
}

.invoice-header thead th:first-child {
	border-top-left-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
	overflow: hidden;
}

.invoice-header thead {
	border-bottom: 0px !important;
}

.invoice-header thead th {
	background-color: #a7b6cf;
	color: var(--white-color);
	padding: 0px 20px;
}

.invoice-header thead th:last-child {
	border-top-right-radius: 5px !important;
	border-bottom-right-radius: 5px !important;
	overflow: hidden;
}

.invoice-header tbody tr td {
	padding: 15px 20px;
	vertical-align: top;
}

.invoice-table thead th {
	background-color: #a7b6cf;
	color: var(--white-color);
	padding: 0px 20px;
	text-transform: uppercase;
}

.invoice-table thead th:first-child {
	border-top-left-radius: 5px !important;
	border-bottom-left-radius: 0px !important;
	overflow: hidden;
}

.invoice-table thead th:last-child {
	border-top-right-radius: 5px !important;
	border-bottom-right-radius: 0px !important;
	overflow: hidden;
}

.invoice-table .id-col {
	max-width: 25px;
}

.invoice-table .price-col {
	max-width: 300px;
}

.invoice-table .quantity-col {
	max-width: 300px;
}

.invoice-table .total-col {
	max-width: 300px;
	font-weight: bold;
}

.invoice-table tbody td {
	padding: 15px 20px;
}

.invoice-additional-notes h4 {
	margin-bottom: 10px !important;
	font-weight: bold;
	font-size: 16px;
}

.invoice-subtotal tr th,
.invoice-subtotal tr td {
	padding: 0px 15px;
}

.invoice-subtotal tr td {
	width: 50%;
}

.invoice-subtotal tr.total {
	background-color: #a7b6cf;
	color: var(--white-color);
	font-weight: bold;
	font-size: 16px;
}

#requestTable th,
#requestTable td,
#invoiceTable th,
#invoiceTable td,
#deadlines th,
#deadlines td {
	width: 15%;
}

#requestTable th:first-child,
#requestTable td:first-child {
	width: 10%;
}

#requestTable th:nth-child(5),
#requestTable td:nth-child(5) {
	width: 6%;
}

#requestTable th:nth-child(6),
#requestTable td:nth-child(6) {
	width: 6%;
}

#requestTable th:nth-child(7),
#requestTable td:nth-child(7) {
	width: 8%;
}

#requestTable th:nth-child(8),
#requestTable td:nth-child(8) {
	width: 6%;
}

/* notiy the user when there are deadlines*/
li.active .notifyDeadlines {
	background-color: var(--white-color);
	border-radius: 50%;
	color: var(--primary-color);
	font-size: 8px;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	position: absolute;
	margin-left: 85px;
	text-align: center;
	top: 3px;
	width: 18px;
	z-index: 10;
	float: left;
}

li .notifyDeadlines {
	background-color: #7c7e84;
	border-radius: 50%;
	color: var(--white-color);
	font-size: 8px;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	position: absolute;
	margin-left: 85px;
	text-align: center;
	top: 3px;
	width: 18px;
	z-index: 10;
	float: left;
}

li:hover .notifyDeadlines {
	background-color: var(--primary-color);
	border-radius: 50%;
	color: var(--white-color);
	font-size: 8px;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	position: absolute;
	margin-left: 85px;
	text-align: center;
	top: 3px;
	width: 18px;
	z-index: 10;
	float: left;
}

/***** Tasks *****/
.tasks .title-bar {
	background-color: #149e50;
	color: var(--white-color);
}

.tasks .title-bar .close-box i {
	color: #1dbb62;
}

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

.tasks ul li {
	margin-bottom: 0px;
	border-bottom: 1px solid #959595;
	padding: 10px 15px;
}

.tasks ul li {
	color: #149e50;
	line-height: 25px;
}

.tasks ul li:last-child {
	border-bottom: 0px !important;
}

.tasks ul li span {
	width: 100%;
	display: block;
	color: #959595;
	line-height: 12px;
}

/***** Standalone Title Bar *****/
.standalone-title-bar {
	clear: both;
	border-radius: 3px;
	-webkit-box-shadow: 0px 3px 0px #dbdfe0;
	-moz-box-shadow: 0px 3px 0px #dbdfe0;
	box-shadow: 0px 3px 0px #dbdfe0;
	padding: 15px 20px;
	font-size: 20px;
}

.standalone-title-bar i {
	padding-right: 15px;
	font-size: 20px;
}

.standalone-title-bar.gray {
	background-color: #8ca2b7;
	color: var(--white-color);
}

/***** Task List *****/
.task-list {
	margin: 15px 0px;
	padding: 0;
	list-style: none;
}

.task-list li {
	margin-bottom: 15px;
}

.task-list li.nav a {
	padding-right: 10px;
	padding-left: 10px;
	border-right: 1px solid #8ca2b7;
	color: #8ca2b7;
}

.task-list li.nav a:first-child {
	padding-left: 0px;
}

.task-list li.nav a:last-child {
	border-right: 0px !important;
}

.task-list li.nav a i {
	padding: 0px 7px 0px 0px;
}

.task-list li.nav a.create-task i {
	color: #109618;
}

.task-list li.nav a.delete-task {
	color: #f56333;
}

.task-list li.nav a.delete-task i {
	color: #f56333;
}

.task-list li {
	padding: 15px 20px;
	border-radius: 3px;
	background-color: var(--white-color);
	-webkit-box-shadow: 0px 3px 0px #dbdfe0;
	-moz-box-shadow: 0px 3px 0px #dbdfe0;
	box-shadow: 0px 3px 0px #dbdfe0;
}

.task-list li .icheckbox_flat-green {
	margin-right: 10px;
}

.task-list li span.checked {
	text-decoration: line-through;
}

.task-list li span {
	color: #8ca2b7;
	line-height: 20px;
	padding-top: 2px;
	vertical-align: top;
	display: inline-block;
}

.task-list li .actions {
	float: right;
}

.task-list li .actions a {
	font-size: 16px;
	margin-left: 15px;
}

.task-list li .actions .edit {
	color: #00b6f1;
}

.task-list li .actions .delete {
	color: #f56333;
}

.task-list li .actions .done {
	color: #f56333;
}

/***** Weather Widgets *****/
.weather-widget.big {
	color: var(--white-color);
}

.weather-widget.big .weather-icon {
	width: 50%;
	height: 200px;
	float: left;
	text-align: center;
	padding: 25px 25px;
}

.weather-widget .weather-icon .temperatures {
	display: block;
	margin-top: 15px;
}

.weather-widget .weather-icon span {
	font-size: 24px;
}

.weather-widget .weather-icon span.min {
	display: inline-block;
	width: 30%;
	text-align: left;
	vertical-align: top;
	margin-left: 10px;
}

.weather-widget .weather-icon span.max {
	display: inline-block;
	width: 30%;
	text-align: right;
	vertical-align: top;
	margin-right: 10px;
}

.weather-widget.big .weather-icon i {
	color: var(--white-color);
	font-size: 56px;
}

.weather-widget.big .weather-status {
	width: 50%;
	float: right;
	text-align: center;
	height: 200px;
	overflow: hidden;
	position: relative;
}

.weather-widget .weather-status .background-image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	opacity: 0.5;
}

.weather-widget .weather-status .info {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 200;
	padding: 20px;
	text-align: left;
}

.weather-widget .weather-status .info .date-time {
	padding-bottom: 20px;
	font-size: 14px;
}

.weather-widget .weather-status .info .city {
	font-size: 18px;
	font-weight: bold;
}

.weather-widget .weather-status .info .location {
	font-size: 14px;
}

.weather-widget .weather-status .info .weather-state {
	padding-top: 20px;
	font-size: 18px;
	font-weight: bold;
}

.weather-widget .weather-status .info span {
	display: block;
	width: 100%;
}

.weather-widget.big .weather-prediction:before {
	clear: both;
	display: block;
	content: '';
}

.weather-widget.dark .weather-prediction {
	background-color: #000000 !important;
}

.weather-widget.big .weather-prediction {
	background: #000000 url('../_demo/images/new-york.png') top left no-repeat;
	background-size: cover;
}

.weather-widget.big .weather-prediction ul {
	margin: 0px;
	padding: 20px 0px;
	text-align: center;
	background: rgba(0, 0, 0, 0.6);
}

.weather-widget.big .weather-prediction ul li {
	display: inline-block;
	width: 19.5%;
	vertical-align: top;
}

.weather-widget.big .weather-prediction ul li span {
	display: block;
	text-align: center;
}

.weather-widget.big .weather-prediction ul li span.day {
	font-weight: bold;
	font-size: 16px;
}

.weather-widget.big .weather-prediction ul li span.icon {
	font-size: 28px;
}

.weather-widget.big .weather-prediction ul li span.temperature {
	font-size: 18px;
}

/***** Social Boxes *****/
.social-box {
	margin-bottom: 20px;
	border-radius: 3px;
	background-color: var(--white-color);
	height: 70px;
	overflow: hidden;
	-webkit-box-shadow: 0px 3px 0px #dbdfe0;
	-moz-box-shadow: 0px 3px 0px #dbdfe0;
	box-shadow: 0px 3px 0px #dbdfe0;
}

.social-box .icon-container {
	width: 30%;
	height: 70px;
	display: inline-block;
	vertical-align: top;
}

.social-box .icon-container .inner {
	width: 80px;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

.social-box .icon-container i {
	color: var(--white-color);
	font-size: 3em;
}

.social-box .text-container {
	display: inline-block;
	vertical-align: top;
	height: 70px;
	margin-left: 3px;
	width: 67%;
	text-align: center;
}

.social-box .text-container .inner {
	height: 70px;
	line-height: 70px;
	vertical-align: middle;
	font-size: 15px;
	font-weight: bold;
	color: #8ca2b7;
}

.social-box .text-container .inner span {
	font-weight: bold;
	font-size: 26px;
	padding-right: 8px;
}

/* Facebook */
.social-box.facebook .icon-container {
	background-color: #43609c;
}

.social-box.facebook .text-container .inner span {
	color: #43609c;
}

/* Twitter */
.social-box.twitter .icon-container {
	background-color: #00b6f1;
}

.social-box.twitter .text-container .inner span {
	color: #00b6f1;
}

/* Dribbble */
.social-box.dribbble .icon-container {
	background-color: #ea4c89;
}

.social-box.dribbble .text-container .inner span {
	color: #ea4c89;
}

/* Projects */
.social-box.projects .icon-container {
	background-color: #9f90e4;
}

.social-box.projects .text-container .inner span {
	color: #9f90e4;
}

/***** Tasks *****/
.social-box.tasks .icon-container {
	background-color: #6c7681;
}

.social-box.tasks .text-container .inner span {
	color: #6c7681;
}

/***** Events *****/
.social-box.posts .icon-container {
	background-color: #f15722;
}

.social-box.posts .text-container .inner span {
	color: #f15722;
}

/***** Timeline *****/
.timeline:before {
	background: none repeat scroll 0 0 var(--white-color);
	content: "";
	display: block;
	height: 100%;
	left: 36px;
	margin-top: 5px;
	position: absolute;
	top: 0;
	width: 3px;
	z-index: 0;
}

.timeline {
	float: left;
	margin-left: 50px;
	max-width: 560px;
	padding: 0;
	position: relative;
	width: 100%;
}

.timeline .timeline-event:first-child {
	margin-top: 0px;
}

.timeline-event {
	z-index: 100;
	position: relative;
	float: left;
	width: 100%;
	margin-top: 20px;
}

.timeline-date {
	display: inline-block;
	border-radius: 50%;
	width: 75px;
	height: 75px;
	border: 5px solid var(--white-color);
	background-color: #00aeef;
}

.timeline-date div {
	text-align: center;
	padding: 9px 0px;
	line-height: 20px;
	font-weight: bold;
	color: var(--white-color);
	font-size: 14px;
}

.timeline-date div span {
	display: block;
	line-height: normal;
	font-size: 22px;
}

/***** Mail Page *****/
.mail-container .header {
	background-color: #343f51;
	width: 100%;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.mail-container .actions {
	margin-bottom: 50px;
}

.mail-container .actions ul {
	width: 90% !important;
	padding: 0px 15px;
}

.mail-container .header ul li {
	display: inline-block;
	padding-right: 15px;
	padding: 10px 15px;
	border-right: 1px solid #1d2736;
}

.mail-container .header ul li i {
	padding-right: 7px;
}

.mail-container .header ul li a {
	color: #72879c;
}

.mail-container .header ul li a:hover {
	color: #ecf0f1;
}

.mail-container .header ul li.active a {
	color: #ECF0F1;
}

.mail-container .actions {
	padding: 15px;
}

.mail-container .actions ul li {
	background-color: #ecf0f1;
	display: inline-block;
	width: 16.75%;
	margin-right: 26px;
}

.mail-container .actions ul li i {
	color: #72879c;
}

.mail-container .actions ul li:first-child {
	padding: 6px 10px;
}

.mail-container .actions ul li span {
	padding: 6px 10px;
	display: block;
	color: #72879c;
}

.mail-container .actions ul li.no-bg {
	background-color: transparent;
	padding: 0px;
}

.mail-container .actions ul li button {
	margin: 0px !important;
	margin-bottom: 4px !important;
}

.mail-container .actions ul li input {
	width: 20px !important;
	margin: 0px !important;
}

.mail-container .actions ul li span:hover,
.mail-container .actions ul li span.hovered {
	background-color: #72879c;
	cursor: pointer;
	color: #ecf0f1;
}

.mail-container .actions ul li span:hover i,
.mail-container .actions ul li span.hovered i {
	color: #ecf0f1;
}

.mail-container table.mail tr td {
	padding: 10px 0px;
}

.mail-container table.mail tr td.stared i.fa-star {
	color: #ffcc66;
}

.mail-container table.mail span.tag {
	display: inline-block;
	padding: 3px 12px;
	color: var(--white-color);
	background-color: #5d6574;
	font-size: 12px;
}

.mail-container table.mail span.tag.social {
	background-color: #319bd7;
}

.mail-container table.mail span.tag.dribbble {
	background-color: #f14b94;
}

.mail-container table.mail span.tag.work {
	background-color: #60c36e;
}

.mail-container table.mail tr.checked {
	background-color: #e9f5fb;
}

.mail-container table.mail tr td:first-child {
	padding-left: 10px;
	width: 50px;
}

.mail-container table.mail tr td:nth-child(2) {
	width: 40px;
	text-align: center;
}

.mail-container table.mail tr td:nth-child(4) {
	width: 120px;
	text-align: center;
}

/***** Mail Compose *****/
form.mail-compose label {
	text-align: right;
}

form.mail-compose input {
	border: 0px;
	margin-bottom: 0px;
}

form.mail-compose input {
	height: 40px;
}

form.mail-compose input:focus {
	border: 0px;
	box-shadow: none;
}

form.mail-compose textarea {
	margin-top: 10px;
}

.mail-options li i {
	padding-right: 10px;
}

.mail-options li a {
	padding-bottom: 5px;
	display: block;
}

/***** 404 Page *****/
.error-404 {
	text-align: center;
	margin-top: 100px;
}

.error-404 i {
	font-size: 180px;
	color: #80969c;
}

.error-404 h1 {
	color: #1abc9c;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 46px;
}

.error-404 h1 i {
	padding-right: 20px;
}

.error-404 h4 {
	font-weight: bold;
	padding-bottom: 30px;
}

.error-404 p {
	font-size: 14px;
	color: #80969c;
	font-weight: bold;
}

.error-404 a {
	color: #0384ce;
	font-weight: bold;
}

.error-404 a:after {
	font-family: 'FontAwesome';
	content: '\f0a9';
	color: #0384ce;
	padding-left: 8px;
	font-size: 16px;
}

.error-404 .search-form {
	max-width: 320px;
	margin: 0 auto;
}

.error-404 .search-form .search {
	padding-left: 20px;
	background: url('../images/search-focus.png') 280px center no-repeat var(--white-color);
	border-radius: 25px;
	border: 1px solid #d9e0e1;
	height: 45px;
	line-height: 45px;
}

.error-404 .search-form .search::-webkit-input-placeholder {
	/* WebKit browsers */

	color: #80969c;
}

.error-404 .search-form .search:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */

	color: #80969c;
}

.error-404 .search-form .search::-moz-placeholder {
	/* Mozilla Firefox 19+ */

	color: #80969c;
}

.error-404 .search-form .search:-ms-input-placeholder {
	/* Internet Explorer 10+ */

	color: #80969c;
}

/***** 500 Page *****/
.error-500 {
	text-align: center;
	margin-top: 100px;
}

.error-500 i {
	font-size: 500px;
	color: #dbdde0;
}

.error-500 h1 {
	color: var(--primary-color);
	text-transform: uppercase;
	font-weight: normal;
	font-size: 42px;
}

.error-500 h1 i {
	padding-right: 20px;
}

.error-500 h4 {
	font-weight: normal;
	padding-bottom: 0px;
	color: var(--primary-color);
}

.error-500 p {
	font-size: 14px;
	color: #80969c;
	font-weight: normal;
}

.error-500 a {
	color: #0384ce;
	font-weight: normal;
}

.error-500 a:after {
	font-family: 'FontAwesome';
	content: '\f0a9';
	color: #0384ce;
	padding-left: 8px;
}

/***** Profile Page *****/
#symmetrik-profile {
	margin: auto;
	float: none;
}

.profile .title {
	border-bottom: 1px solid #ecf0f1;
	padding-bottom: 10px;
	margin-bottom: 25px;
	vertical-align: middle;
}

.profile .title:after {
	clear: both;
	display: block;
	content: '';
}

.profile .title h3 {
	display: inline-block;
	vertical-align: middle;
	color: #7B8B9D;
}

.profile .title .share-profile {
	font-size: 13px;
	display: inline-block;
	float: right;
	vertical-align: middle;
	color: #7B8B9D;
	line-height: 26px;
}

.profile .title .share-profile:after {
	content: '\f045';
	font-family: 'FontAwesome';
	color: #5ecad4;
	font-size: 14px;
	padding-left: 8px;
}

.profile h3 {
	padding-bottom: 10px !important;
}

.profile .profile-data .profile-avatar {
	border-radius: 50%;
	width: 130px;
	height: 130px;
	overflow: hidden;
	display: inline-block;
}

.profile .profile-data .send-msg {
	text-align: center;
	margin-top: 20px;
	display: inline-block;
	width: 100%;
}

.profile .profile-data .send-msg .btn {
	margin-left: 0px !important;
	font-weight: normal;
	font-size: 12px;
}

.profile .icon-list {
	margin-left: 0;
	margin-top: 8px;
	padding: 0;
}

.profile .icon-list li {
	padding-bottom: 7px;
	font-size: 13px;
	color: #7b8b9d;
}

.profile .icon-list li i {
	color: #5ecad4;
	min-width: 25px;
	text-align: center;
}

.profile .icon-list li a {
	color: #7f95a9;
}

.profile .icon-list li a:hover {
	color: #5ECAD4;
}

.profile .profile-stats {
	margin: 10px -5px 10px -5px;
	padding: 0;
}

.profile .profile-stats li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding: 25px 0px;
}

.profile .profile-stats li p {
	color: var(--white-color);
	font-weight: bold;
	font-size: 26px;
	margin: 0;
	padding: 0;
}

.profile .profile-stats li h3 {
	color: var(--white-color);
	font-size: 12px;
	font-weight: normal;
}

.profile .profile-stats li.followers {
	background-color: #0384ce;
}

.profile .profile-stats li.following {
	background-color: #1abc9c;
}

.profile .profile-stats li.projects {
	background-color: #a78ed7;
}

.profile .profile-stats li.courses {
	background-color: #f86868;
}

.profile .about-me {
	padding: 20px 30px;
}

.profile .about-me p {
	font-size: 13px;
}

.profile .about-me h3 {
	margin-bottom: 15px;
	font-size: 21px;
}

.profile .footer {
	border-top: 1px solid #ecf0f1;
	padding-top: 10px;
	margin-top: 0px;
	vertical-align: middle;
}

.profile .footer h4 {
	line-height: 30px;
}

.profile .footer .profile-socials {
	text-align: right;
}

.profile .footer .profile-socials li {
	display: inline-block;
	padding-left: 5px;
}

.profile .footer .profile-socials li a {
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: block;
	text-align: center;
}

.profile .footer .profile-socials li a i {
	line-height: 35px;
	color: var(--white-color);
	font-size: 19px;
}

.profile .footer .profile-socials li a.facebook {
	background-color: #335397;
}

.profile .footer .profile-socials li a.twitter {
	background-color: #00c7f7;
}

.profile .footer .profile-socials li a.pinterest {
	background-color: #cc2127;
}

.profile .footer .profile-socials li a.google-plus {
	background-color: #dd4a38;
}

.profile .footer .profile-socials li a.linkedin {
	background-color: #0073b2;
}

.profile .footer .profile-socials li a.dribbble {
	background-color: #e04c86;
}

/***** Dark Profile *****/
.profile.dark .inner {
	background-color: #233242;
}

.profile.dark .title,
.profile.dark .footer {
	border-color: #364b61;
}

.profile.dark .profile-data h3 {
	color: var(--white-color);
}

.profile.dark .icon-list li {
	color: #7b8b9d;
}

.profile.dark .profile-stats li {
	background-color: #14202d !important;
	border-right: 1px solid #233242;
}

.profile.dark .profile-stats li:last-child {
	border-right: 0px;
}

.profile.dark .send-msg .btn {
	background-color: #36495e;
	color: #8093a6;
	border-color: #2b3e52;
}

.profile.dark .send-msg .btn:hover {
	background-color: #14202d;
	border-color: #2b3e52;
}

/***** Pricing Table *****/
.pricing-table {
	display: inline-block;
	margin-bottom: 25px;
}

.pricing-table .pricing-table-description {
	display: inline-block;
	max-width: 280px;
	vertical-align: top;
}

.pricing-table .pricing-table-description .pre-header {
	padding: 10px 0px;
	font-size: 16px;
}

.pricing-table .pricing-table-description .header {
	border-top-left-radius: 5px;
	background: url('../images/pricing-table/dark-arrow.jpg') top right no-repeat #233242;
	padding: 20px 35px 20px 20px;
	font-size: 20px;
	color: var(--white-color);
	min-height: 132px;
	line-height: 90px;
}

.pricing-table .pricing-table-description .pt-row {
	background-color: #1c2835;
	text-align: left;
	color: var(--white-color);
	padding: 15px 35px 15px 20px;
	font-size: 14px;
	font-weight: bold;
}

.pricing-table .pricing-table-description .pt-row .space {
	height: 37px;
}

.pricing-table .pricing-table-description div:nth-child(2n) {
	background-color: #233242;
}

.pricing-table .pricing-table-description .pt-row:last-child {
	border-bottom-left-radius: 5px;
	overflow: hidden;
}

.pricing-table .pricing-table-package {
	display: inline-block;
	max-width: 280px;
	vertical-align: top;
	margin-left: -3px;
	margin-top: 3px;
}

.pricing-table .pricing-table-package:hover .header {
	background-color: #2a3b4d;
	font-size: 26px;
}

.pricing-table .pricing-table-package:hover .pt-row {
	background-color: #263646;
}

.pricing-table .pricing-table-package:hover .pt-row:nth-child(2n) {
	background-color: #2a3b4d;
}

.pricing-table .pricing-table-package .pre-header {
	padding: 10px 50px;
	margin: 0 10px;
	font-weight: bold;
	color: var(--white-color) !important;
	font-size: 14px;
	text-transform: uppercase;
}

.pricing-table .pricing-table-package:last-of-type .pre-header {
	margin: 0px 0px 0px 10px;
}

.pricing-table .pricing-table-package:last-of-type .pt-row:last-child {
	border-bottom-right-radius: 5px;
	overflow: hidden;
}

.pricing-table .pricing-table-package .pre-header.orange {
	background-color: #f15722;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: hidden;
}

.pricing-table .pricing-table-package .pre-header.blue {
	background-color: #43609c;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: hidden;
}

.pricing-table .pricing-table-package .pre-header.green {
	background-color: #17a697;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: hidden;
}

.pricing-table .pricing-table-package .header {
	background-color: #233242;
	padding: 20px 0px;
	font-size: 22px;
	font-weight: bold;
	color: var(--white-color);
	text-align: center;
	min-height: 132px;
	line-height: 90px;
}

.pricing-table .pricing-table-package .pt-row {
	background-color: #1c2835;
	text-align: center;
	color: var(--white-color);
	padding: 15px 0px;
}

.pricing-table .pt-row i.fa-times-circle {
	color: #f86868;
}

.pricing-table .pt-row i.fa-check {
	color: #5ecad4;
}

.pricing-table.light .pt-row i.fa-check {
	color: #17a697;
}

.pricing-table .pricing-table-package .pt-row:nth-child(2n) {
	background-color: #233242;
}

/* Light Pricing Tables */
.pricing-table.light .pricing-table-description .header {
	color: #69829f;
	border-left: 1px solid #c3cfdd;
	border-top: 1px solid #c3cfdd;
	background: url('../images/pricing-table/light-arrow.jpg') top right no-repeat #e3ebf4;
}

.pricing-table.light .pricing-table-description .pt-row {
	background-color: #c3cfdd;
	border-left: 1px solid #c3cfdd;
	color: #69829f;
}

.pricing-table.light .pricing-table-description .pt-row:last-child {
	border-left: 1px solid #c3cfdd;
	border-bottom: 1px solid #c3cfdd;
}

.pricing-table.light .pricing-table-description div:nth-child(2n) {
	background-color: #e3ebf4;
}

.pricing-table.light .pricing-table-package:hover .header {
	background-color: #d3dde8;
	font-size: 26px;
}

.pricing-table.light .pricing-table-package:hover .pt-row {
	background-color: #c3cfdd;
}

.pricing-table.light .pricing-table-package:hover .pt-row:nth-child(2n) {
	background-color: #d3dde8;
}

.pricing-table.light .pricing-table-package .header {
	background-color: #e3ebf4;
	border-top: 1px solid #c3cfdd;
	color: #69829f;
}

.pricing-table.light .pricing-table-package .pt-row {
	background-color: #c3cfdd;
	color: #69829f;
}

.pricing-table.light .pricing-table-package .pt-row:last-child {
	border-bottom: 1px solid #c3cfdd;
}

.pricing-table.light .pricing-table-package .pt-row:nth-child(2n) {
	background-color: #e3ebf4;
}

.pricing-table.light .pricing-table-package:last-of-type .header,
.pricing-table.light .pricing-table-package:last-of-type .pt-row {
	border-right: 1px solid #c3cfdd;
}

/***** Message Boxes *****/
.message-box {
	border-radius: 5px;
	background-color: #f5f5f5;
	border: 1px solid #dadada;
	padding: 8px 14px;
	display: inline-block;
	overflow: hidden;
}

.message-box p {
	padding: 0px;
	margin: 0px;
	display: inline-block;
}

.message-box i {
	display: inline-block;
	padding-right: 10px;
}

.message-box.info {
	background-color: #27a5f9;
}

.message-box.info p,
.message-box.info i {
	color: var(--white-color);
}

/***** Effect Button *****/
.effect-button {
	display: inline-block;
	width: 100%;
	border-radius: 3px;
	border: 1px solid transparent;
	text-align: center;
	color: var(--white-color);
	font-size: 21px;
	padding: 15px 0px;
	margin: 10px 0px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.effect-button:hover {
	opacity: 0.8;
	cursor: pointer;
}

.effect-button i {
	padding-right: 12px;
}

.effect-button.bounce-button {
	background-color: #198e32;
}

.effect-button.flash-button {
	background-color: #a78ed7;
}

.effect-button.pulse-button {
	background-color: #ef5233;
}

.effect-button.shake-button {
	background-color: #f7cc52;
}

.effect-button.swing-button {
	background-color: #3156a3;
}

.effect-button.tada-button {
	background-color: #c5d2e3;
}

.effect-button.wobble-button {
	background-color: #ff3399;
}

.effect-button.bouncein-button {
	background-color: #616161;
}

.effect-button.bounceindown-button {
	background-color: #42b3e5;
}

.effect-button.bounceinleft-button {
	background-color: #ff6600;
}

.effect-button.bounceinright-button {
	background-color: #70cdcf;
}

.effect-button.bounceinup-button {
	background-color: #638ca6;
}

.effect-button.fadein-button {
	background-color: #66cc66;
}

.effect-button.fadeinleft-button {
	background-color: #99ccff;
}

.effect-button.fadeout-button {
	background-color: #cc0099;
}

.effect-button.fadeoutright-button {
	background-color: #9e3d21;
}

.effect-button.flip-button {
	background-color: #91a1be;
}

.effect-button.flipinx-button {
	background-color: #50c3ca;
}

.effect-button.flipiny-button {
	background-color: #68a3c2;
}

.effect-button.lightspeedin-button {
	background-color: #6b7252;
}

.effect-button.lightspeedout-button {
	background-color: #7a4e68;
}

.effect-button.rotatein-button {
	background-color: #ff6457;
}

.effect-button.rotateindownleft-button {
	background-color: #748392;
}

.effect-button.rotateindownright-button {
	background-color: #e21d3c;
}

.effect-button.rotateinupleft-button {
	background-color: #007891;
}

.effect-button.rotateinupright-button {
	background-color: #ef528a;
}

.effect-button.slideindown-button {
	background-color: #c28bd6;
}

.effect-button.slideinleft-button {
	background-color: #34bedc;
}

.effect-button.slideinright-button {
	background-color: #ffb594;
}

.effect-button.hinge-button {
	background-color: #bb3694;
}

.effect-button.rollin-button {
	background-color: #b4d3d8;
}

.effect-button.rollout-button {
	background-color: #986c78;
}

.effect-button.rotateout-button {
	background-color: #d0783d;
}

/***** Google Maps *****/
.google-maps-container {
	height: 286px;
}

.google-maps-container>div {
	height: 100%;
}

/***** Charts *****/
.chart {
	width: 100%;
	border-radius: 3px;
	margin-bottom: 20px;
	background-color: var(--white-color);
	-webkit-box-shadow: 0px 3px 0px #dbdfe0;
	-moz-box-shadow: 0px 3px 0px #dbdfe0;
	box-shadow: 0px 3px 0px #dbdfe0;
	color: #7f95a9;
	overflow: hidden;
}

.chart .area {
	padding: 15px 25px;
}

.chart-tooltip {
	border-radius: 3px;
	background-color: #233242 !important;
	border: 0px !important;
	color: var(--white-color);
	padding: 10px 20px !important;
	font-size: 13px;
}

.chart .title-bar .close-box {
	display: inline-block;
	float: right;
	color: #5d4bb0;
}

.chart .title-bar .close-box:after {
	clear: both;
	display: block;
}

.chart .title-bar .close-box i {
	color: #5d4bb0 !important;
	padding: 0px !important;
	font-size: 26px !important;
}

/***** Revenue Chart *****/
.chart.revenue .title-bar {
	margin-bottom: 20px;
}

.chart.revenue .title-bar i {
	display: inline-block;
	color: var(--white-color);
	font-size: 20px;
	padding-right: 15px;
}

.chart.revenue .title-bar h3 {
	color: var(--white-color);
	margin: 0;
	display: inline-block;
}

.chart.revenue .flot-tick-label {
	font-weight: bold;
	color: #9f90e4;
	font-size: 12px;
}

.chart.revenue .area {
	background: #998ae0;
	/* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM5OThhZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjN2M2YmNhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, #998ae0 0%, #7c6bca 100%);
	/* FF3.6+ */

	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #998ae0), color-stop(100%, #7c6bca));
	/* Chrome,Safari4+ */

	background: -webkit-radial-gradient(center, ellipse cover, #998ae0 0%, #7c6bca 100%);
	/* Chrome10+,Safari5.1+ */

	background: -o-radial-gradient(center, ellipse cover, #998ae0 0%, #7c6bca 100%);
	/* Opera 12+ */

	background: -ms-radial-gradient(center, ellipse cover, #998ae0 0%, #7c6bca 100%);
	/* IE10+ */

	background: radial-gradient(ellipse at center, #998ae0 0%, #7c6bca 100%);
	/* W3C */

	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#998ae0', endColorstr='#7c6bca', GradientType=1);
	/* IE6-8 fallback on horizontal gradient */

}

.chart .table .title-bar {
	margin-bottom: 3px;
	padding: 0px 20px;
	margin-top: 20px;
}

.chart .table .title-bar i {
	color: #2c3e50;
	display: inline-block;
	font-size: 14px;
	padding-right: 3px;
}

.chart .table .title-bar h5 {
	color: #2c3e50;
	display: inline-block;
	font-size: 12px;
}

/***** Donut Chart *****/
.chart canvas {
	width: 100% !important;
	max-width: 800px;
	height: auto !important;
}

.chart svg {
	width: 100%;
	max-width: 800px !important;
}

.chart .table .small-chart-container {
	margin-top: -50px;
	max-width: 450px;
	height: 300px;
	display: block;
}

.chart ul.chart-legend {
	margin-top: 20px;
}

.chart ul.chart-legend li {
	padding-bottom: 5px;
	line-height: 15px;
	vertical-align: middle;
}

.chart ul.chart-legend li span {
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
}

.chart ul.chart-legend li:nth-child(1) span {
	background-color: #3366cc;
}

.chart ul.chart-legend li:nth-child(2) span {
	background-color: #dc3912;
}

.chart ul.chart-legend li:nth-child(3) span {
	background-color: #ff9900;
}

.chart ul.chart-legend li:nth-child(4) span {
	background-color: #109618;
}

.chart ul.chart-legend li:nth-child(5) span {
	background-color: #990099;
}

.chart ul[data-pie-id] {
	display: none;
}

.chart ul[data-pie-id] li:nth-child(1) {
	color: #3366cc;
}

.chart ul[data-pie-id] li:nth-child(2) {
	color: #dc3912;
}

.chart ul[data-pie-id] li:nth-child(3) {
	color: #ff9900;
}

.chart ul[data-pie-id] li:nth-child(4) {
	color: #109618;
}

.chart ul[data-pie-id] li:nth-child(5) {
	color: #990099;
}

/***** Week Sales Chart *****/
.chart.week-sales .title-bar {
	margin-bottom: 20px;
}

.chart.week-sales .flot-tick-label {
	font-weight: bold;
	color: #359da6;
	font-size: 16px;
}

.chart.week-sales .title-bar i {
	display: inline-block;
	color: var(--white-color);
	font-size: 20px;
	padding-right: 15px;
}

.chart.week-sales .title-bar h3 {
	color: var(--white-color);
	margin: 0;
	display: inline-block;
}

.chart.week-sales .title-bar .close-box i {
	color: #359da6 !important;
	padding: 0px !important;
	font-size: 26px !important;
}

.chart.week-sales .area {
	background: #b5e2e5;
	/* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiNWUyZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDljOGQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-radial-gradient(center, ellipse cover, #b5e2e5 0%, #49c8d1 100%);
	/* FF3.6+ */

	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #b5e2e5), color-stop(100%, #49c8d1));
	/* Chrome,Safari4+ */

	background: -webkit-radial-gradient(center, ellipse cover, #b5e2e5 0%, #49c8d1 100%);
	/* Chrome10+,Safari5.1+ */

	background: -o-radial-gradient(center, ellipse cover, #b5e2e5 0%, #49c8d1 100%);
	/* Opera 12+ */

	background: -ms-radial-gradient(center, ellipse cover, #b5e2e5 0%, #49c8d1 100%);
	/* IE10+ */

	background: radial-gradient(ellipse at center, #b5e2e5 0%, #49c8d1 100%);
	/* W3C */

	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#b5e2e5', endColorstr='#49c8d1', GradientType=1);
	/* IE6-8 fallback on horizontal gradient */

}

.chart .table .title-bar {
	margin-bottom: 3px;
	padding: 0px 20px;
	margin-top: 20px;
}

.chart .table .title-bar i {
	color: #2c3e50;
	display: inline-block;
	font-size: 14px;
	padding-right: 3px;
}

.chart .table .title-bar h5 {
	color: #2c3e50;
	display: inline-block;
	font-size: 16px;
}

.chart .monthly-sales-summary {
	padding: 0px 20px;
}

.chart .monthly-sales-summary .sales:after {
	clear: both;
	content: '';
	display: block;
}

.chart .monthly-sales-summary .month {
	width: 55%;
	display: inline-block;
	color: #5ac8d2;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 10px;
}

.chart .monthly-sales-summary .sales {
	width: 42%;
	display: inline-block;
	color: #8ca2b7;
	font-size: 13px;
	text-align: right;
	padding-bottom: 10px;
}

.chart .monthly-revenue-summary {
	padding: 0px 20px;
}

.chart .monthly-revenue-summary .sales:after {
	clear: both;
	content: '';
	display: block;
}

.chart .monthly-revenue-summary .month {
	width: 55%;
	display: inline-block;
	color: #7e6dcc;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 10px;
}

.chart .monthly-revenue-summary .sales {
	width: 42%;
	display: inline-block;
	color: #8ca2b7;
	font-size: 13px;
	text-align: right;
	padding-bottom: 10px;
}

/***** Buttons *****/
.btn {
	/*border-radius: 3px;*/
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0px 5px 5px !important;
	min-width: 85px;
	padding: 6px 12px;
}

.btn-lg {
	min-width: 110px;
	padding: 9px 15px;
}

.btn-xs {
	font-size: 11px;
	padding: 4px 2px;
	min-width: 70px;
}

.btn-xs i {
	font-size: 11px;
}

.btn-round {
	border-radius: 20px;
}

.btn.dropdown-toggle {
	min-width: 10px;
	margin-left: -1px;
	margin-right: 5px;
	overflow: hidden;
}

.btn i {
	padding-right: 5px;
}

.btn-default {
	color: #8093a6;
}

.btn-primary {
	background-color: #0384ce;
	border-color: #0177ba;
}

.btn-success {
	background-color: #61ae24;
	border-color: #4f9518;
}

.btn-info {
	background-color: #42b3e5;
	border-color: #1f96da;
}

.btn-warning {
	background-color: #f38630;
	border-color: #e17622;
}

.btn-danger {
	background-color: #dd0000;
	border-color: #880000;
}

/***** Cooming Soon *****/
html.coming-soon {
	height: 100%;
}

body.coming-soon {
	background: url('../_demo/images/coming-soon.jpg') top left no-repeat;
	background-size: cover;
	height: 100%;
}

body.coming-soon div.container,
body.coming-soon div.row,
body.coming-soon div.row>div {
	height: 100%;
}

.coming-soon-box {
	border-radius: 5px;
	overflow: hidden;
	margin: 0 auto;
	max-width: 850px;
	background-color: rgba(0, 0, 0, 0.5);
	position: relative;
	top: 50%;
	margin-top: -220px;
}

.coming-soon-box .inner {
	padding: 35px 20px;
}

.coming-soon-box .header i {
	font-size: 46px;
	display: inline-block;
	color: var(--white-color)f66;
	padding-right: 20px;
}

.coming-soon-box h3 {
	font-weight: bold;
	text-transform: uppercase;
}

.coming-soon-box h3,
.coming-soon-box p {
	text-align: left;
	margin-bottom: 1px;
	color: var(--white-color);
}

.coming-soon-box .text {
	display: inline-block;
}

.coming-soon-counter {
	padding-top: 25px;
}

.coming-soon-counter li {
	display: inline-block;
	margin: 0px 20px;
	text-align: center;
}

.coming-soon-counter li .circle-counter {
	display: inline-block;
	border-radius: 50%;
	border: 10px solid #1abc9c;
	width: 145px;
	height: 145px;
	line-height: 125px;
	font-size: 42px;
	font-weight: bold;
	color: var(--white-color);
}

.coming-soon-counter li .circle-counter.hours {
	border-color: #de5373;
}

.coming-soon-counter li .circle-counter.minutes {
	border-color: #0384ce;
}

.coming-soon-counter li .circle-counter.seconds {
	border-color: #ff9900;
}

.coming-soon-counter li .counter-text {
	color: var(--white-color);
	font-size: 20px;
	font-weight: bold;
	padding-top: 15px;
}

.get-back {
	padding-top: 25px;
}

.get-back a {
	font-size: 18px;
	color: var(--white-color) !important;
}

/***** Forms *****/
/* Focus */
::-webkit-input-placeholder {
	/* WebKit browsers */

	color: #b7c9cd;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */

	color: #b7c9cd;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */

	color: #b7c9cd;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */

	color: #b7c9cd;
}

/* Input States */
.focused {
	-webkit-box-shadow: 0px 0px 8px rgba(94, 202, 212, 0.75);
	-moz-box-shadow: 0px 0px 8px rgba(94, 202, 212, 0.75);
	box-shadow: 0px 0px 8px rgba(94, 202, 212, 0.75);
}

/** Error **/
input.error {
	border: 1px solid #d93240 !important;
	background-color: #e39097;
}

input.error::-webkit-input-placeholder {
	color: #662329;
}

input.error:-moz-placeholder {
	color: #662329;
}

input.error::-moz-placeholder {
	color: #662329;
}

input.error:-ms-input-placeholder {
	color: #662329;
}

/** Warning **/
input.warning {
	border: 1px solid #f38630 !important;
	background-color: #efd0b7;
}

input.warning::-webkit-input-placeholder {
	color: #3e6123;
}

input.warning:-moz-placeholder {
	color: #3e6123;
}

input.warning::-moz-placeholder {
	color: #3e6123;
}

input.warning:-ms-input-placeholder {
	color: #3e6123;
}

/** Success **/
input.success {
	border: 1px solid #61ae24 !important;
	background-color: #bde0a2;
}

input.success::-webkit-input-placeholder {
	color: #3e6123;
}

input.success:-moz-placeholder {
	color: #3e6123;
}

input.success::-moz-placeholder {
	color: #3e6123;
}

input.success:-ms-input-placeholder {
	color: #3e6123;
}

/* Input Help */
p.help {
	color: #72879c;
}

/***** Wizard Form *****/
.wizard-form-success {
	display: none;
	text-align: center;
	padding: 20px 40px;
}

.wizard-form .navbar {
	background-color: #dae4e6;
	min-height: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.wizard-form .navbar ul.nav {
	overflow: hidden;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.wizard-form ul.nav li:before,
.wizard-form ul.nav li:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: rgba(0, 0, 0, 0) -moz-use-text-color rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.05);
	border-image: none;
	border-style: solid none solid solid;
	border-width: 26px 0 26px 16px;
	content: "";
	position: absolute;
	right: -16px;
	z-index: 1;
}

.wizard-form ul li:after {
	border-left-color: var(--white-color);
	right: -9px;
	z-index: 2;
}

.wizard-form ul.nav li.active:before,
.wizard-form ul.nav li.active:after {
	border-left-color: #72879c;
}

.wizard-form ul.nav li:after {
	border-left-color: #F5F5F5;
	right: -9px;
	z-index: 2;
}

.wizard-form .navbar ul.nav li:first-child {
	margin-left: 0px;
}

.wizard-form .navbar ul.nav li {
	margin-left: 25px;
}

.wizard-form .navbar ul.nav a {
	border-radius: 0px !important;
	height: 52px;
	line-height: 32px;
}

.wizard-form ul.nav li.active a {
	background-color: #72879c;
	font-weight: bold;
}

.wizard-form ul.nav .step-info {
	border-radius: 50%;
	background-color: #5ecad4;
	color: var(--white-color);
	font-weight: bold;
	width: 25px;
	height: 25px;
	display: inline-block;
	text-align: center;
	line-height: 25px;
	margin-right: 12px;
}

.step-content input.error {
	border: 1px solid #ff0000;
	color: #ff0000;
}

.wizard-new-project ul li.complete {
	cursor: default !important;
}

.wizard-new-project ul li.complete:hover {
	cursor: default !important;
	background: rgb(243, 244, 245) !important;
}

.wizard-new-project ul li.complete:hover .chevron::before {
	border-left: 14px solid rgb(243, 244, 245) !important;
}

/***** Basic Form *****/
.basic-form {
	padding: 20px;
}

.basic-form.no-padding {
	padding: 0px;
}

.basic-form label,
form label {
	display: block;
	font-weight: bold;
	font-size: 14px;
	color: #72879c;
	margin: 10px 0px;
}

.basic-form input,
.basic-form textarea,
.basic-form select,
form input:not(.unstyled),
form textarea,
form select {
	display: block;
	border: 1px solid #c6ced0;
	border-radius: 3px;
	padding: 7px;
	width: 100%;
	margin-bottom: 10px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	resize: none;
}

form input[type="checkbox"],
.basic-form input[type="checkbox"] {
	width: 10px;
	display: inline-block;
	margin-right: 5px;
}

form input[type="checkbox"].block {
	display: block;
	width: 100%;
}

form .icheck-label {
	display: inline-block;
}

form input:focus,
.basic-form input:focus {
	border: 1px solid #d6dfe1;
	-webkit-box-shadow: 0px 0px 8px rgba(94, 202, 212, 0.75);
	-moz-box-shadow: 0px 0px 8px rgba(94, 202, 212, 0.75);
	box-shadow: 0px 0px 8px rgba(94, 202, 212, 0.75);
}

form .description {
	font-size: 11px;
	color: #b6bfc1;
}

.basic-form .left-side {
	width: 49%;
	display: inline-block;
	text-align: left;
	float: left;
}

.basic-form .right-side {
	width: 55%;
	display: inline-block;
	text-align: right;
	float: right;
}

/***** Full Form *****/
.full-form {
	padding: 20px;
}

.full-form label {
	font-weight: normal;
	font-size: 16px;
	color: #989ba0;
	width: 100%;
	vertical-align: top;
	margin: 10px 0px;
}

.full-form input,
.full-form textarea,
.full-form select {
	vertical-align: top;
	display: block;
	border: 1px solid #d6dfe1;
	border-radius: 3px;
	padding: 7px;
	width: 100%;
	margin-bottom: 10px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.full-form input[type="checkbox"],
.full-form input[type="radio"] {
	width: 10px;
	display: inline-block;
	margin-right: 5px;
}

.full-form input:focus {
	border: 1px solid #d6dfe1;
	-webkit-box-shadow: 0px 0px 8px rgba(94, 202, 212, 0.75);
	-moz-box-shadow: 0px 0px 8px rgba(94, 202, 212, 0.75);
	box-shadow: 0px 0px 8px rgba(94, 202, 212, 0.75);
}

.full-form .col-md-3,
.full-form .col-md-9 {
	margin-bottom: 10px;
}

/***** Horizontal Form ******/
.horizontal-form label {
	display: inline-block;
	width: 100%;
}

.horizontal-form input {
	display: inline-block;
	width: 100%;
}

/* Inline Form */
.inline-form label {
	display: block;
	width: auto;
	margin-right: 0px;
	text-align: right;
}

.inline-form input {
	display: inline-block;
	width: 300px;
	margin-right: 15px;
}

.inline-form .left-side {
	float: none;
	width: auto;
	margin-right: 15px;
}

.inline-form .right-side {
	float: none;
	width: auto;
}

/***** Calendar *****/
.boxed.calendar .inner {
	border-top-right-radius: 0px !important;
}

#calendar-events h4 {
	margin-bottom: 14px;
}

#calendar-events .event {
	display: block;
	border-radius: 5px;
	width: 100%;
	background-color: #ecf0f1;
	padding: 5px 12px;
	color: #7b8b9d;
	margin-bottom: 8px;
}

#calendar-events .event.urgent {
	background-color: #f86868;
	color: var(--white-color);
}

#calendar-events .event.every-day {
	background-color: #00aeef;
	color: var(--white-color);
}

#calendar-events .event.deadlines {
	background-color: #ffcc33;
	color: var(--white-color);
}

.fc-header {
	position: relative;
}

.fc-button-month.fc-state-default,
.fc-button-agendaWeek.fc-state-default,
.fc-button-agendaDay.fc-state-default {
	background-color: transparent;
	box-shadow: none !important;
	color: #72879c;
	font-size: 14px !important;
}

.fc-button-month.fc-state-active,
.fc-button-agendaWeek.fc-state-active,
.fc-button-agendaDay.fc-state-active {
	background-image: none !important;
	background-color: var(--white-color) !important;
	box-shadow: none !important;
	color: #5ecad4;
}

.fc-button-month,
.fc-button-agendaWeek,
.fc-button-agendaDay {
	height: auto !important;
	top: -46px;
	right: -20px;
	background-color: var(--white-color);
	background-image: none !important;
	margin: 0px 8px !important;
	border-radius: 3px 5px 0px 0px !important;
	border: 0px !important;
	padding: 4px 12px !important;
}

.fc-button-month {
	border-bottom-left-radius: 0px !important;
}

.fc-button-agendaDay {
	border-bottom-right-radius: 0px !important;
}

.fc-header-right span:last-of-type {
	margin-right: 0px !important;
}

.fc-button-prev {
	background-color: var(--white-color) !important;
	background-image: none !important;
	border: 0px !important;
	box-shadow: none !important;
}

.fc-button-next {
	position: absolute !important;
	right: 0 !important;
	background-color: var(--white-color) !important;
	background-image: none !important;
	border: 0px !important;
	box-shadow: none !important;
}

.fc-event {
	padding: 5px 12px;
	border-color: transparent;
	font-size: 12px;
}

.fc-event.urgent {
	background-color: #f86868;
}

.fc-event.every-day {
	background-color: #00aeef;
}

.fc-event.deadlines {
	background-color: #ffcc33;
}

/***** Tables *****/
.table-holder {
	padding: 0px 5px 5px 5px;
}

table {
	width: 100%;
}

table thead {
	border-bottom: 1px solid #b7c9cd;
}

table thead th {
	color: #72879c;
	font-weight: bold;
}

table tbody tr {
	border-bottom: 1px solid #d9e3e5;
}

table tbody tr:last-child {
	border-bottom: 0px !important;
}

table.theme-table thead th,
table.theme-table tbody td {
	/*min-width: 125px;*/

	text-align: left;
	height: 50px;
}

table thead th.id,
table tbody td.id {
	width: 100px;
	min-width: 10px !important;
	text-align: center;
}

/* Stripe Rows */
table.stripe-rows tr:nth-child(2n) {
	background-color: #ecf0f1;
}

table.stripe-rows a.edit i,
table.stripe-rows a.remove i {
	font-size: 14px;
}

table.stripe-rows a.edit i {
	padding-right: 10px;
	color: #00b6f1;
}

table.stripe-rows a.remove i {
	color: #f56333;
}

table.stripe-rows a.bundleIcon i {
	padding-right: 3px;
	padding-top: 3px;
	color: #a9aaac;
}

table.stripe-rows a.iconManager i {
	padding-right: 3px;
	padding-top: 3px;
	color: #a9aaac;
}

.middle_th {
	width: 90% !important;
	text-align: center !important;
}

span.in-progress,
span.shipped,
span.invoice_archived {
	display: inline-block;
	background-color: #32b1fd;
	padding: 4px 10px;
	border-radius: 0px !important;
	color: var(--white-color);
	margin-bottom: 0px;
	text-align: center;
	width: 105px;
	border: 1px solid #32b1fd;
}

span.delayed {
	display: inline-block;
	background-color: #f55f4a;
	padding: 4px 10px;
	border-radius: 0px !important;
	color: var(--white-color);
	text-align: center;
	width: 105px;
	border: 1px solid #f55f4a;
}

span.on-hold {
	display: inline-block;
	background-color: #42b3e5;
	padding: 4px 10px;
	border-radius: 0px !important;
	color: var(--white-color);
	text-align: center;
	width: 105px;
	border: 1px solid #1f96da;
}

span.waiting,
span.invoice_wfp {
	display: inline-block;
	background-color: #b9bbbd;
	padding: 4px 10px;
	border-radius: 0px !important;
	color: var(--white-color);
	text-align: center;
	min-width: 105px;
	border: 1px solid #b9bbbd;
}

span.wfp,
span.wfr,
span.part_payment {
	/* wfp : waiting for payment */
	display: inline-block;
	background-color: #a0a3aa;
	padding: 4px 10px;
	border-radius: 0px !important;
	color: var(--white-color);
	text-align: center;
	border: 1px solid #a0a3aa;
}

/* Contextual Table */
table tbody tr.warning {
	background-color: #f2dede;
}

table tbody tr.success {
	background-color: #dff0d8;
}

table tbody tr.error {
	background-color: #fcf8e3;
}

/***** Tocify *****/
.tocify-box {
	border-radius: 3px;
	overflow: hidden;
	position: fixed;
	width: 375px;
}

.tocify-box .inner {
	background-color: var(--white-color);
	border-radius: 3px;
	box-shadow: 0 3px 0 #DBDFE0;
	color: #7F95A9;
	margin-bottom: 20px;
}

.tocify-box .tocify-box-header {
	padding: 15px 16px;
	background-color: #0384ce;
}

.tocify-box .tocify-box-header h4 {
	color: var(--white-color);
	margin: 0px;
	font-weight: bold;
	font-size: 16px;
}

.tocify-subheader {
	margin-left: 15px;
}

.tocify-item a {
	color: #0384ce;
	font-weight: bold;
}

.tocify-item a:before {
	content: '\f0da';
	font-family: 'FontAwesome';
	color: #0384ce;
	padding-right: 8px;
	font-size: 12px;
}

.tocify-item.active a,
.tocify-item.active a:before {
	color: #ff6600;
}

.tocify-content h2 {
	color: #0384ce;
	margin-bottom: 15px !important;
	font-weight: normal;
	font-size: 22px;
}

.tocify-content h3 {
	color: #0384ce;
	margin-bottom: 15px !important;
	font-weight: normal;
	font-size: 18px;
}

/***** Popovers *****/
.btn-red {
	background-color: #dd0000;
	border-color: #dd0000;
	color: var(--white-color);
}

.btn-red:hover {
	color: var(--white-color);
}

.popover-primary {
	background-color: #233242;
	color: #8093a6;
	border: 0 !important;
}

.popover-primary .popover-title {
	padding: 8px 14px !important;
	color: var(--white-color);
	background-color: #37495d !important;
	border-bottom: 0 !important;
}

.popover-secondary {
	background-color: #eb6666;
	color: var(--white-color);
	border: 0px !important;
}

.popover-secondary .popover-title {
	padding: 8px 14px !important;
	color: var(--white-color);
	background-color: #dd0000 !important;
	border-bottom: 0px !important;
}

.popover-default .popover-title,
.popover .popover-title {
	padding: 8px 14px !important;
}

/***** Progress Bars *****/
.progress {
	border-radius: 15px !important;
}

/***** Tabs *****/
.tab-pane {
	padding: 15px;
}

.nav-tabs.align-right li {
	display: inline-block;
	float: none;
}

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

/***** Vertical Tabs *****/
.ui-tabs {
	background-color: transparent !important;
	background: none !important;
	border: 0px !important;
}

.ui-tabs-nav {
	border: 0px !important;
	background: none !important;
	width: 20% !important;
}

.nav-tabs {
	background-color: #8d9aaa;
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	/*border-bottom: 0px !important;*/
}

.nav-tabs li {
	margin-bottom: -2px !important;
}

.nav-tabs>li>a {
	color: var(--white-color);
	padding-left: 25px;
	padding-right: 25px;
	border: 0px;
	margin-right: 0px;
	font-size: 14px;
}

.nav-tabs>li>a:hover {
	background-color: var(--primary-color);
	font-weight: bold;
	color: var(--white-color);
	border: 0px;
}

.nav-tabs>li.active>a {
	color: var(--white-color);
	font-weight: bold;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	border: 1px !important;
}

.ui-tabs-panel {
	width: 80% !important;
	padding: 5px 20px !important;
}

.vertical-tabs {
	margin-bottom: 20px;
}

.vertical-tabs .ui-tabs-panel {
	border-radius: 5px;
	padding: 12px 20px;
	background-color: var(--white-color);
	-webkit-box-shadow: 0px 3px 0px #dbdfe0;
	-moz-box-shadow: 0px 3px 0px #dbdfe0;
	box-shadow: 0px 3px 0px #dbdfe0;
	color: #7f95a9;
}

.ui-tabs-panel h1,
.ui-tabs-panel h2,
.ui-tabs-panel h3,
.ui-tabs-panel h4,
.ui-tabs-panel h5 {
	margin: 0px 0px 8px 0px !important;
}

.ui-tabs-nav li a {
	font-size: 14px;
	font-family: 'Lato';
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	border: 0px solid #dddddd !important;
	border-right: 0px !important;
	background-color: var(--white-color) !important;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a {
	color: #555555;
}

.ui-tabs-vertical .ui-tabs-nav li {
	border: 0px solid #dddddd;
	background: none !important;
	border-bottom-width: 0px !important;
}

.ui-tabs-vertical .ui-tabs-nav li a {
	color: #8d9aaa;
	font-weight: normal;
}

.ui-tabs-vertical .ui-tabs-nav li a i {
	padding-right: 10px;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a {
	color: #8d9aaa;
}

.ui-tabs-vertical .ui-tabs-nav {
	padding: 0px !important;
}

.ui-tabs-vertical {
	width: 100%;
}

.ui-tabs-vertical .ui-tabs-nav {
	padding: .2em .1em .2em .2em;
	float: left;
	width: 12em;
	/*background-color: #8d9aaa !important;*/
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.ui-tabs-vertical .ui-tabs-nav li {
	clear: left;
	width: 100%;
	border-right-width: 0 !important;
	margin: 0 -1px 0.2em 0;
}

.ui-tabs-vertical.align-right .ui-tabs-nav {
	right: 0px;
	left: -2px;
}

.ui-tabs-vertical .ui-tabs-nav {
	position: relative;
	right: -2px;
	z-index: 9;
}

.ui-tabs-vertical .ui-tabs-nav li a {
	display: block;
	padding: 10px 8px 10px 20px !important;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0;
	padding-right: .1em;
	border-right-width: 1px;
	border-right-width: 1px;
}

.ui-tabs-vertical .ui-tabs-panel {
	padding: 20px 20px !important;
	float: right;
	width: 40em;
	position: relative;
	z-index: 99;
}

.ui-widget {
	font-size: inherit;
}

/***** Vertical Tabs - Align Right *****/
.vertical-tabs.align-right .ui-tabs-nav {
	float: right;
}

.vertical-tabs.align-right .ui-tabs-nav {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.vertical-tabs.align-right .ui-tabs-nav li {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

/***** Vertical Tabs - Light Blue *****/
.vertical-tabs.light-green .ui-tabs-nav {
	background-color: #1abc9c !important;
}

.vertical-tabs.light-green .ui-tabs-nav li a {
	color: var(--white-color);
}

.vertical-tabs.light-green .ui-tabs-nav li.ui-tabs-active a i {
	color: #1abc9c !important;
}

.vertical-tabs.light-green .ui-tabs-nav li.ui-tabs-active a {
	color: #8d9aaa !important;
}

/***** Accordions *****/
.ui-accordion {
	margin-bottom: 30px !important;
}

.ui-accordion .ui-accordion-header {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 0px solid #dddddd;
	background-color: var(--white-color);
	color: #7f95a9;
	margin-bottom: 5px !important;
	padding: 12px 16px !important;
	font-weight: bold;
}

.ui-accordion .ui-accordion-header.ui-state-hover {
	background: var(--white-color);
}

.ui-accordion .ui-accordion-header.ui-state-default {
	-webkit-box-shadow: 0px 3px 0px #dbdfe0;
	-moz-box-shadow: 0px 3px 0px #dbdfe0;
	box-shadow: 0px 3px 0px #dbdfe0;
	background-image: none !important;
}

.ui-accordion .ui-accordion-header-active {
	margin-bottom: 0px !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
}

.ui-accordion .ui-accordion-content {
	margin-bottom: 7px;
	border: 0px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 12px 20px;
	background: none var(--white-color);
	-webkit-box-shadow: 0px 3px 0px #dbdfe0;
	-moz-box-shadow: 0px 3px 0px #dbdfe0;
	box-shadow: 0px 3px 0px #dbdfe0;
	color: #7f95a9;
}

.ui-accordion .ui-accordion-header-icon {
	right: 20px;
	left: auto !important;
	background: none !important;
	text-indent: 0px !important;
}

.ui-accordion .ui-accordion-header-icon:after {
	content: '\f067';
	font-family: 'FontAwesome';
	color: #1abc9c;
	display: inline-block;
	font-size: 14px;
	text-indent: 0px !important;
}

.ui-accordion .ui-state-active .ui-accordion-header-icon:after {
	content: '\f068';
	font-family: 'FontAwesome';
	color: #7b8b9d;
	display: inline-block;
	font-size: 14px;
}

.ui-accordion .ui-accordion-open {
	background: none !important;
	text-indent: 0 !important;
}

.ui-accordion .ui-accordion-open:before {
	font-family: 'FontAwesome';
	content: '\f07c';
	display: inline-block;
	font-size: 14px;
	color: #2c3e50;
}

.ui-accordion .ui-accordion-close {
	background: none !important;
	text-indent: 0 !important;
}

.ui-accordion .ui-accordion-close:before {
	font-family: 'FontAwesome';
	content: '\f07b';
	display: inline-block;
	font-size: 14px;
	color: #2c3e50;
}

.ui-accordion .ui-accordion-close {
	font-family: 'FontAwesome';
}

.ui-accordion h3 i {
	padding-right: 10px;
}

/* Light */
.login-box.light {
	background-color: var(--white-color);
}

.login-box.light p.title {
	color: #233242;
}

.login-box.light p.info {
	color: #233242;
}

.login-box.light p.footer {
	color: #7d91a9;
}

.login-box.light input {
	background-color: var(--white-color);
	border: 1px solid #c5ced8;
}

.login-box.light .input-group-addon i {
	color: #7d91a9;
}

.login-box.light .input-group-addon {
	background-color: var(--white-color);
	border: 1px solid #c5ced8;
	border-right: 0px !important;
}

.login-box.light input[type="submit"] {
	border: 1px solid #233242;
	background-color: #233242;
	color: var(--white-color);
}

.footer-line {
	border-top: 1px solid #d5dddf;
	text-align: right;
	padding-top: 10px !important;
	margin-bottom: 20px;
}

.notification {
	background-color: #D9EDF7;
	border: 0 solid #BCE8F1;
	border-radius: 3px;
	color: #333333;
	margin-bottom: 10px;
	padding: 20px;
}

.btn-file {
	position: relative;
	overflow: hidden;
	background-color: #989ba2 !important;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 999px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

.notification-error {
	background-color: #F2DEDE;
	border-color: #EBCCD1;
	color: #A94442;
	position: absolute;
	margin: 5% auto auto 37%;
}

.close {
	margin-left: 10px
}

.modal:not(.modal-fullscreen) .modal-header {
	background-color: var(--white-color);
}

table tbody tr {
	border-bottom: 1px solid #D9E3E5;
}

table.support tr.checked {
	background-color: #e9f5fb;
}

table.support tr td {
	padding: 10px 0;
}

table.support tr td a {
	padding: 10px;
	float: left;
}

.invoice-nav {
	padding: 0px !important;
	font-size: 14px !important;
}

.deadline-alert {
	background-color: #F38630;
}

.deadline-alert a {
	color: var(--white-color) !important;
}

.deadline-error {
	background-color: #F2DEDE !important;
	border-color: #EBCCD1;
	color: #A94442;
}

.deadline-warning {
	background-color: #FCF8E3 !important;
	border-color: #FAEBCC;
	color: #8A6D3B;
}

.row-search {
	margin-bottom: 10px;
}

#search_bycpny,
#datepicket-row,
#status-row,
#search_bycpnyinvoice,
#priority-row {
	position: absolute;
	margin-top: 10px;
	width: 16% !important;
	margin-bottom: 10px;
}

#search_bycpny {
	margin-left: 0%;
}

/*#datepicket-row{margin-left:16%;}*/

#status-row {
	margin-left: 16.2%;
}

#priority-row {
	margin-left: 16.2%;
}

.with-margTop {
	margin-top: 15px;
}

.forced-div {
	float: right;
	position: relative;
	width: 22% !important;
}

.forced-width td {
	width: 70% !important;
}

.totalbg {
	background-color: #A7B6CF;
	border: none;
	box-shadow: none;
	color: var(--white-color) !important;
	margin-bottom: 0;
}

.orderdate {
	max-width: 80% !important;
}

#contract-form-container {
	width: 36% !important;
}

#contract-form {
	padding: 10px 20px !important;
}

.contractdate {
	max-width: 100% !important;
}

.mytable th,
.mytable td {
	max-width: 20% !important;
	width: 10% !important;
}

/* checkbox design */
.checkbox-design+label span {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
	cursor: pointer;
}

.design-orange {
	display: none;
}

.design-blue {
	display: none;
}

.design-green {
	display: none;
}

.design-red {
	display: none;
}

/* input orange */
.design-orange+label span {
	background: url("../../simplicity-assets/icheck/flat/orange.png") no-repeat scroll 0 0;
}

.design-orange:checked+label span {
	background: url("../../simplicity-assets/icheck/flat/orange.png") no-repeat scroll -22px 0;
}

/* input blue */
.design-blue+label span {
	background: url("../../simplicity-assets/icheck/flat/blue.png") no-repeat scroll 0 0;
}

.design-blue:checked+label span {
	background: url("../../simplicity-assets/icheck/flat/blue.png") no-repeat scroll -22px 0;
}

/* input green */
.design-green+label span {
	background: url("../../simplicity-assets/icheck/flat/green.png") no-repeat scroll 0 0;
}

.design-green:checked+label span {
	background: url("../../simplicity-assets/icheck/flat/green.png") no-repeat scroll -22px 0;
}

/* input red */
.design-red+label span {
	background: url("../../simplicity-assets/icheck/flat/red.png") no-repeat scroll 0 0;
}

.design-red:checked+label span {
	background: url("../../simplicity-assets/icheck/flat/red.png") no-repeat scroll -22px 0;
}

.invoice_panel {
	width: 25% ! important;
}

#form-mailPdf {
	float: right;
}

.flag {
	display: none
}

.bv-form small {
	color: #a94442;
}

.bv-form .has-feedback i.fa-times {
	color: red;
	margin-top: -35px;
	position: absolute;
	right: 25px;
	z-index: 10;
}

.bv-form .has-feedback i.fa-check {
	color: green;
	margin-top: -35px;
	position: absolute;
	right: 25px;
	z-index: 10;
}

.right {
	float: right !important;
}

.left {
	float: left !important;
}

.bv-form .has-feedback {
	margin: 0px !important;
}

.cpedit {
	padding: 0px 2px !important;
	color: #a9aaac;
}

.contractTable {
	width: 64% !important;
}

.withmarge {
	margin-top: 10px;
}

.calendrier {
	background-color: #555555;
	color: #EEEEEE;
}

.calendrier:hover {
	background-color: #EEEEEE;
	color: #555555;
	cursor: pointer
}

/* hides the spin-button for firefox
input[type=number] {
    -moz-appearance:textfield;
}
 hides the spin-button for chrome
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}*/
#createCompanyForm {
	padding: 0px !important;
}

.bootstrap-datetimepicker-widget {
	z-index: 1050 !important
}

.warning-head th {
	background-color: #8A6D3B !important;
}

.alert-head th {
	background-color: #A94442 !important;
}

/* */
.actions-tickets {
	padding: 15px;
}

.firstLi {
	padding: 0px !important;
}

.actions-tickets ul li {
	background-color: #ecf0f1;
	display: inline-block;
}

.actions-tickets ul li i {
	color: #72879c;
}

.actions-tickets ul li:first-child {
	padding: 6px 10px;
}

.actions-tickets ul li a {
	padding: 6px 10px;
	display: block;
	color: #72879c;
}

.actions-tickets ul li.no-bg {
	background-color: transparent;
	padding: 0px;
}

.actions-tickets ul li button {
	margin: 0px !important;
	margin-bottom: 4px !important;
}

.actions-tickets ul li input {
	width: 20px !important;
	margin: 0px !important;
}

.actions-tickets ul li a:hover {
	background-color: #72879c;
	color: #ecf0f1;
}

.actions-tickets ul li a:hover i {
	color: #ecf0f1;
}


/***** Table TIckets  *****/
.action-ticket {
	margin-bottom: 15px !important;
}

.tab-tickets tr td {
	padding: 10px;
}

.tab-tickets tr td.stared i.fa-star {
	color: #ffcc66;
}

.tab-tickets span.tag {
	display: inline-block;
	padding: 3px 12px;
	color: var(--white-color);
	background-color: #5d6574;
	font-size: 12px;
}

.tab-tickets span.tag.urgent {
	background-color: #f14b94;
}

.tab-tickets span.tag.normal {
	background-color: #329bd7;
}

.tab-tickets tr.checked {
	background-color: #e9f5fb;
}

.tab-tickets tr td:first-child {
	padding-left: 10px;
	width: 50px;
}

.tab-tickets tr td:nth-child(1) {
	width: 40px;
	text-align: center;
}

.tab-tickets tr td:nth-child(2) {
	width: 460px;
	text-align: left;
}

.tab-tickets tr td:nth-child(3) {
	width: 120px;
	text-align: center;
}

.tab-tickets tr td:nth-child(4) {
	width: 800px;
	text-align: left;
}

.tab-tickets tr td:nth-child(5) {
	width: 120px;
	text-align: center;
}

.tab-tickets tr td:last-child {
	padding-left: 10px;
	width: 50px;
}

/***** Ticket *****/
.ticket {
	border-bottom: 1px dashed #c6ced0;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.ticket .user-info {
	text-align: center;
}

.ticket-id {
	margin-bottom: 20px !important;
}

/***** Tabs *****/
.tab-ticket {
	padding: 0px !important;
}

/***** Library Css *****/
.uploader-importer-container {
	/*float: left;
    margin: 0 5.3%;
    /*width:232px;*/
	/*margin:1.5%;*/
	/*float:left;*/
	/*background-color: grey;*/
	/*border:solid red 1px;*/
}

.icon-source {
	/*width: 100% ;*/
	/*height:100px;*/
	/*margin:10px 8%;
    float:left;*/
	/*text-align: center;*/
	width: 100%;
}

.source-icon {
	/*width:100px;*/
	/*height:100px;*/
	/*margin:0 auto;*/
	/*float:left;*/
}

/* image background */
#from-desktop {
	background: none repeat scroll 0 0 #E0645C;
	color: var(--white-color);
}

#from-drive {
	background: none repeat scroll 0 0 rgb(16, 157, 76);
	color: var(--white-color);
}

#from-dropbox {
	background: none repeat scroll 0 0 rgb(0, 106, 221);
	color: var(--white-color);
}

#from-desktop:hover,
#from-desktop.active {
	background: none repeat scroll 0 0 #999999;
	color: var(--white-color);
}

#from-drive:hover,
#from-drive.active {
	background: none repeat scroll 0 0 #444444;
	color: var(--white-color);
}

#from-dropbox:hover,
#from-dropbox.active {
	background: none repeat scroll 0 0 #444444;
	color: var(--white-color);
}

.importLink {
	border: 0 none;
	border-radius: 2px 2px 2px 2px;
	color: var(--white-color);
	cursor: pointer;
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 0;
	margin-top: 10px;
	padding: 7px 10px;
	text-transform: none;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	width: 60%;
	/* auto */
	position: relative;
	left: 20%;
	text-align: center;
	/* DELETE WHEN WIDTH AUTO */
}

.source-text {
	clear: both;
	float: left;
	width: 100px;
}

#upload-from-hdd {
	margin: 10px 20%;
}

#progress-container {
	/*background-color: #000;*/
	width: 100%;
	padding: 10px;
	float: left;
	margin-top: 20px;
	/*border-top:solid 5px #e7e7e8;*/
}


.jstree-node,
.jstree-children,
.jstree-container-ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.jstree-node {
	white-space: nowrap
}

.jstree-anchor {
	display: inline-block;
	color: #000;
	white-space: nowrap;
	padding: 0 4px 0 1px;
	margin: 0;
	vertical-align: top
}

.jstree-anchor:focus {
	outline: 0
}

.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
	text-decoration: none;
	color: inherit
}

.jstree-icon {
	display: inline-block;
	text-decoration: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: center
}

.jstree-icon:empty {
	display: inline-block;
	text-decoration: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
	text-align: center
}

.jstree-ocl {
	cursor: pointer
}

.jstree-leaf>.jstree-ocl {
	cursor: default
}

.jstree .jstree-open>.jstree-children {
	display: block
}

.jstree .jstree-closed>.jstree-children,
.jstree .jstree-leaf>.jstree-children {
	display: none
}

.jstree-anchor>.jstree-themeicon {
	margin-right: 2px
}

.jstree-no-icons .jstree-themeicon,
.jstree-anchor>.jstree-themeicon-hidden {
	display: none
}

.jstree-rtl .jstree-anchor {
	padding: 0 1px 0 4px
}

.jstree-rtl .jstree-anchor>.jstree-themeicon {
	margin-left: 2px;
	margin-right: 0
}

.jstree-rtl .jstree-node {
	margin-left: 0
}

.jstree-rtl .jstree-container-ul>.jstree-node {
	margin-right: 0
}

.jstree-wholerow-ul {
	position: relative;
	display: inline-block;
	min-width: 100%
}

.jstree-wholerow-ul .jstree-leaf>.jstree-ocl {
	cursor: pointer
}

.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
	position: relative
}

.jstree-wholerow-ul .jstree-wholerow {
	width: 100%;
	cursor: pointer;
	position: absolute;
	left: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.vakata-context {
	display: none
}

.vakata-context,
.vakata-context ul {
	margin: 0;
	padding: 2px;
	position: absolute;
	background: #f5f5f5;
	border: 1px solid #979797;
	-moz-box-shadow: 5px 5px 4px -4px #666;
	-webkit-box-shadow: 2px 2px 2px #999;
	box-shadow: 2px 2px 2px #999
}

.vakata-context ul {
	list-style: none;
	left: 100%;
	margin-top: -2.7em;
	margin-left: -4px
}

.vakata-context .vakata-context-right ul {
	left: auto;
	right: 100%;
	margin-left: auto;
	margin-right: -4px
}

.vakata-context li {
	list-style: none;
	display: inline
}

.vakata-context li>a {
	display: block;
	padding: 0 2em;
	text-decoration: none;
	width: auto;
	color: #000;
	white-space: nowrap;
	line-height: 2.4em;
	-moz-text-shadow: 1px 1px 0 var(--white-color);
	-webkit-text-shadow: 1px 1px 0 var(--white-color);
	text-shadow: 1px 1px 0 var(--white-color);
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px
}

.vakata-context li>a:hover {
	position: relative;
	background-color: #e8eff7;
	-moz-box-shadow: 0 0 2px #0a6aa1;
	-webkit-box-shadow: 0 0 2px #0a6aa1;
	box-shadow: 0 0 2px #0a6aa1
}

.vakata-context li>a.vakata-context-parent {
	background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==);
	background-position: right center;
	background-repeat: no-repeat
}

.vakata-context li>a:focus {
	outline: 0
}

.vakata-context .vakata-context-hover>a {
	position: relative;
	background-color: #e8eff7;
	-moz-box-shadow: 0 0 2px #0a6aa1;
	-webkit-box-shadow: 0 0 2px #0a6aa1;
	box-shadow: 0 0 2px #0a6aa1
}

.vakata-context .vakata-context-separator a,
.vakata-context .vakata-context-separator a:hover {
	background: var(--white-color);
	border: 0;
	border-top: 1px solid #e2e3e3;
	height: 1px;
	min-height: 1px;
	max-height: 1px;
	padding: 0;
	margin: 0 0 0 2.4em;
	border-left: 1px solid #e0e0e0;
	-moz-text-shadow: 0 0 0 transparent;
	-webkit-text-shadow: 0 0 0 transparent;
	text-shadow: 0 0 0 transparent;
	-moz-box-shadow: 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}

.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
	color: silver;
	background-color: transparent;
	border: 0;
	box-shadow: 0 0 0
}

.vakata-context li>a>i {
	text-decoration: none;
	display: inline-block;
	width: 2.4em;
	height: 2.4em;
	background: 0 0;
	margin: 0 0 0 -2em;
	vertical-align: top;
	text-align: center;
	line-height: 2.4em
}

.vakata-context li>a>i:empty {
	width: 2.4em;
	line-height: 2.4em
}

.vakata-context li>a .vakata-contextmenu-sep {
	display: inline-block;
	width: 1px;
	height: 2.4em;
	background: var(--white-color);
	margin: 0 .5em 0 0;
	border-left: 1px solid #e2e3e3
}

.vakata-context .vakata-contextmenu-shortcut {
	font-size: .8em;
	color: silver;
	opacity: .5;
	display: none
}

.vakata-context-rtl ul {
	left: auto;
	right: 100%;
	margin-left: auto;
	margin-right: -4px
}

.vakata-context-rtl li>a.vakata-context-parent {
	background-image: url(data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7);
	background-position: left center;
	background-repeat: no-repeat
}

.vakata-context-rtl .vakata-context-separator>a {
	margin: 0 2.4em 0 0;
	border-left: 0;
	border-right: 1px solid #e2e3e3
}

.vakata-context-rtl .vakata-context-left ul {
	right: auto;
	left: 100%;
	margin-left: -4px;
	margin-right: auto
}

.vakata-context-rtl li>a>i {
	margin: 0 -2em 0 0
}

.vakata-context-rtl li>a .vakata-contextmenu-sep {
	margin: 0 0 0 .5em;
	border-left-color: var(--white-color);
	background: #e2e3e3
}

#jstree-marker {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border-right: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0
}

#jstree-dnd {
	line-height: 16px;
	margin: 0;
	padding: 4px
}

#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
	display: inline-block;
	text-decoration: none;
	margin: 0 2px 0 0;
	padding: 0;
	width: 16px;
	height: 16px
}

#jstree-dnd .jstree-ok {
	background: green
}

#jstree-dnd .jstree-er {
	background: red
}

#jstree-dnd .jstree-copy {
	margin: 0 2px
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
	background-repeat: no-repeat;
	background-color: transparent
}

.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
	transition: background-color .15s, box-shadow .15s
}

.jstree-default .jstree-hovered {
	background: #e7f4f9;
	border-radius: 2px;
	box-shadow: inset 0 0 1px #ccc
}

.jstree-default .jstree-clicked {
	background: #beebff;
	border-radius: 2px;
	box-shadow: inset 0 0 1px #999
}

.jstree-default .jstree-no-icons .jstree-anchor>.jstree-themeicon {
	display: none
}

.jstree-default .jstree-disabled {
	background: 0 0;
	color: #666
}

.jstree-default .jstree-disabled.jstree-hovered {
	background: 0 0;
	box-shadow: none
}

.jstree-default .jstree-disabled.jstree-clicked {
	background: #efefef
}

.jstree-default .jstree-disabled>.jstree-icon {
	opacity: .8;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%)
}

.jstree-default .jstree-search {
	font-style: italic;
	color: #8b0000;
	font-weight: 700
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
	display: none !important
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
	background: 0 0;
	box-shadow: none
}

.jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
	background: #e7f4f9
}

.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked {
	background: 0 0
}

.jstree-default.jstree-checkbox-no-clicked>.jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
	background: #e7f4f9
}

#jstree-dnd.jstree-default .jstree-ok,
#jstree-dnd.jstree-default .jstree-er {
	background-image: url(../img/32px.png);
	background-repeat: no-repeat;
	background-color: transparent
}

#jstree-dnd.jstree-default i {
	background: 0 0;
	width: 16px;
	height: 16px
}

#jstree-dnd.jstree-default .jstree-ok {
	background-position: -9px -71px
}

#jstree-dnd.jstree-default .jstree-er {
	background-position: -39px -71px
}

.jstree-default>.jstree-striped {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==) left top repeat
}

.jstree-default>.jstree-wholerow-ul .jstree-hovered,
.jstree-default>.jstree-wholerow-ul .jstree-clicked {
	background: 0 0;
	box-shadow: none;
	border-radius: 0
}

.jstree-default .jstree-wholerow {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.jstree-default .jstree-wholerow-hovered {
	background: #e7f4f9
}

.jstree-default .jstree-wholerow-clicked {
	background: #beebff;
	background: -moz-linear-gradient(top, #beebff 0, #a8e4ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #beebff), color-stop(100%, #a8e4ff));
	background: -webkit-linear-gradient(top, #beebff 0, #a8e4ff 100%);
	background: -o-linear-gradient(top, #beebff 0, #a8e4ff 100%);
	background: -ms-linear-gradient(top, #beebff 0, #a8e4ff 100%);
	background: linear-gradient(to bottom, #beebff 0, #a8e4ff 100%)
}

.jstree-default .jstree-node {
	min-height: 24px;
	line-height: 24px;
	margin-left: 24px;
	min-width: 24px
}

.jstree-default .jstree-anchor {
	line-height: 24px;
	height: 24px
}

.jstree-default .jstree-icon {
	width: 24px;
	height: 24px;
	line-height: 24px
}

.jstree-default .jstree-icon:empty {
	width: 24px;
	height: 24px;
	line-height: 24px
}

.jstree-default.jstree-rtl .jstree-node {
	margin-right: 24px
}

.jstree-default .jstree-wholerow {
	height: 24px
}

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
	background-image: url(../img/32px.png)
}

.jstree-default .jstree-node {
	background-position: -292px -4px;
	background-repeat: repeat-y
}

.jstree-default .jstree-last {
	background: 0 0
}

.jstree-default .jstree-open>.jstree-ocl {
	background-position: -132px -4px
}

.jstree-default .jstree-closed>.jstree-ocl {
	background-position: -100px -4px
}

.jstree-default .jstree-leaf>.jstree-ocl {
	background-position: -68px -4px
}

.jstree-default .jstree-themeicon {
	background-position: -260px -4px
}

.jstree-default>.jstree-no-dots .jstree-node,
.jstree-default>.jstree-no-dots .jstree-leaf>.jstree-ocl {
	background: 0 0
}

.jstree-default>.jstree-no-dots .jstree-open>.jstree-ocl {
	background-position: -36px -4px
}

.jstree-default>.jstree-no-dots .jstree-closed>.jstree-ocl {
	background-position: -4px -4px
}

.jstree-default .jstree-disabled {
	background: 0 0
}

.jstree-default .jstree-disabled.jstree-hovered {
	background: 0 0
}

.jstree-default .jstree-disabled.jstree-clicked {
	background: #efefef
}

.jstree-default .jstree-checkbox {
	background-position: -164px -4px
}

.jstree-default .jstree-checkbox:hover {
	background-position: -164px -36px
}

.jstree-default .jstree-clicked>.jstree-checkbox {
	background-position: -228px -4px
}

.jstree-default .jstree-clicked>.jstree-checkbox:hover {
	background-position: -228px -36px
}

.jstree-default .jstree-anchor>.jstree-undetermined {
	background-position: -196px -4px
}

.jstree-default .jstree-anchor>.jstree-undetermined:hover {
	background-position: -196px -36px
}

.jstree-default>.jstree-striped {
	background-size: auto 48px
}

.jstree-default.jstree-rtl .jstree-node {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
	background-position: 100% 1px;
	background-repeat: repeat-y
}

.jstree-default.jstree-rtl .jstree-last {
	background: 0 0
}

.jstree-default.jstree-rtl .jstree-open>.jstree-ocl {
	background-position: -132px -36px
}

.jstree-default.jstree-rtl .jstree-closed>.jstree-ocl {
	background-position: -100px -36px
}

.jstree-default.jstree-rtl .jstree-leaf>.jstree-ocl {
	background-position: -68px -36px
}

.jstree-default.jstree-rtl>.jstree-no-dots .jstree-node,
.jstree-default.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl {
	background: 0 0
}

.jstree-default.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
	background-position: -36px -36px
}

.jstree-default.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
	background-position: -4px -36px
}

.jstree-default .jstree-themeicon-custom {
	background-color: transparent;
	background-image: none;
	background-position: 0 0
}

.jstree-default>.jstree-container-ul .jstree-loading>.jstree-ocl {
	background: url(throbber.gif) center center no-repeat
}

.jstree-default .jstree-file {
	background: url(../img/32px.png) -100px -68px no-repeat
}

.jstree-default .jstree-folder {
	background: url(../img/32px.png) -260px -4px no-repeat
}

.jstree-default.jstree-rtl .jstree-node {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==)
}

.jstree-default.jstree-rtl .jstree-last {
	background: 0 0
}

.jstree-default-small .jstree-node {
	min-height: 18px;
	line-height: 18px;
	margin-left: 18px;
	min-width: 18px
}

.jstree-default-small .jstree-anchor {
	/*line-height: 18px;*/
	/*height: 18px;*/
}

.jstree-default-small .jstree-icon {
	width: 18px;
	height: 18px;
	line-height: 18px
}

.jstree-default-small .jstree-icon:empty {
	width: 18px;
	height: 18px;
	line-height: 18px
}

.jstree-default-small.jstree-rtl .jstree-node {
	margin-right: 18px
}

.jstree-default-small .jstree-wholerow {
	height: 18px
}

.jstree-default-small .jstree-node,
.jstree-default-small .jstree-icon {
	background-image: url(../img/32px.png)
}

.jstree-default-small .jstree-node {
	background-position: -295px -7px;
	background-repeat: repeat-y
}

.jstree-default-small .jstree-last {
	background: 0 0
}

.jstree-default-small .jstree-open>.jstree-ocl {
	background-position: -135px -7px
}

.jstree-default-small .jstree-closed>.jstree-ocl {
	background-position: -103px -7px
}

.jstree-default-small .jstree-leaf>.jstree-ocl {
	background-position: -71px -7px
}

.jstree-default-small .jstree-themeicon {
	background-position: -263px -7px
}

.jstree-default-small>.jstree-no-dots .jstree-node,
.jstree-default-small>.jstree-no-dots .jstree-leaf>.jstree-ocl {
	background: 0 0
}

.jstree-default-small>.jstree-no-dots .jstree-open>.jstree-ocl {
	background-position: -39px -7px
}

.jstree-default-small>.jstree-no-dots .jstree-closed>.jstree-ocl {
	background-position: -7px -7px
}

.jstree-default-small .jstree-disabled {
	background: 0 0
}

.jstree-default-small .jstree-disabled.jstree-hovered {
	background: 0 0
}

.jstree-default-small .jstree-disabled.jstree-clicked {
	background: #efefef
}

.jstree-default-small .jstree-checkbox {
	background-position: -167px -7px
}

.jstree-default-small .jstree-checkbox:hover {
	background-position: -167px -39px
}

.jstree-default-small .jstree-clicked>.jstree-checkbox {
	background-position: -231px -7px
}

.jstree-default-small .jstree-clicked>.jstree-checkbox:hover {
	background-position: -231px -39px
}

.jstree-default-small .jstree-anchor>.jstree-undetermined {
	background-position: -199px -7px
}

.jstree-default-small .jstree-anchor>.jstree-undetermined:hover {
	background-position: -199px -39px
}

.jstree-default-small>.jstree-striped {
	background-size: auto 36px
}

.jstree-default-small.jstree-rtl .jstree-node {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
	background-position: 100% 1px;
	background-repeat: repeat-y
}

.jstree-default-small.jstree-rtl .jstree-last {
	background: 0 0
}

.jstree-default-small.jstree-rtl .jstree-open>.jstree-ocl {
	background-position: -135px -39px
}

.jstree-default-small.jstree-rtl .jstree-closed>.jstree-ocl {
	background-position: -103px -39px
}

.jstree-default-small.jstree-rtl .jstree-leaf>.jstree-ocl {
	background-position: -71px -39px
}

.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-node,
.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl {
	background: 0 0
}

.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
	background-position: -39px -39px
}

.jstree-default-small.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
	background-position: -7px -39px
}

.jstree-default-small .jstree-themeicon-custom {
	background-color: transparent;
	background-image: none;
	background-position: 0 0
}

.jstree-default-small>.jstree-container-ul .jstree-loading>.jstree-ocl {
	background: url(../img/throbber.gif) center center no-repeat
}

.jstree-default-small .jstree-file {
	background: url(../img/32px.png) -103px -71px no-repeat
}

.jstree-default-small .jstree-folder {
	background: url(../img/32px.png) -263px -7px no-repeat
}

.jstree-default-small.jstree-rtl .jstree-node {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==)
}

.jstree-default-small.jstree-rtl .jstree-last {
	background: 0 0
}

.jstree-default-large .jstree-node {
	min-height: 32px;
	line-height: 32px;
	margin-left: 32px;
	min-width: 32px
}

.jstree-default-large .jstree-anchor {
	line-height: 32px;
	height: 32px
}

.jstree-default-large .jstree-icon {
	width: 32px;
	height: 32px;
	line-height: 32px
}

.jstree-default-large .jstree-icon:empty {
	width: 32px;
	height: 32px;
	line-height: 32px
}

.jstree-default-large.jstree-rtl .jstree-node {
	margin-right: 32px
}

.jstree-default-large .jstree-wholerow {
	height: 32px
}

.jstree-default-large .jstree-node,
.jstree-default-large .jstree-icon {
	background-image: url(../img/32px.png)
}

.jstree-default-large .jstree-node {
	background-position: -288px 0;
	background-repeat: repeat-y
}

.jstree-default-large .jstree-last {
	background: 0 0
}

.jstree-default-large .jstree-open>.jstree-ocl {
	background-position: -128px 0
}

.jstree-default-large .jstree-closed>.jstree-ocl {
	background-position: -96px 0
}

.jstree-default-large .jstree-leaf>.jstree-ocl {
	background-position: -64px 0
}

.jstree-default-large .jstree-themeicon {
	background-position: -256px 0
}

.jstree-default-large>.jstree-no-dots .jstree-node,
.jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl {
	background: 0 0
}

.jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl {
	background-position: -32px 0
}

.jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl {
	background-position: 0 0
}

.jstree-default-large .jstree-disabled {
	background: 0 0
}

.jstree-default-large .jstree-disabled.jstree-hovered {
	background: 0 0
}

.jstree-default-large .jstree-disabled.jstree-clicked {
	background: #efefef
}

.jstree-default-large .jstree-checkbox {
	background-position: -160px 0
}

.jstree-default-large .jstree-checkbox:hover {
	background-position: -160px -32px
}

.jstree-default-large .jstree-clicked>.jstree-checkbox {
	background-position: -224px 0
}

.jstree-default-large .jstree-clicked>.jstree-checkbox:hover {
	background-position: -224px -32px
}

.jstree-default-large .jstree-anchor>.jstree-undetermined {
	background-position: -192px 0
}

.jstree-default-large .jstree-anchor>.jstree-undetermined:hover {
	background-position: -192px -32px
}

.jstree-default-large>.jstree-striped {
	background-size: auto 64px
}

.jstree-default-large.jstree-rtl .jstree-node {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==);
	background-position: 100% 1px;
	background-repeat: repeat-y
}

.jstree-default-large.jstree-rtl .jstree-last {
	background: 0 0
}

.jstree-default-large.jstree-rtl .jstree-open>.jstree-ocl {
	background-position: -128px -32px
}

.jstree-default-large.jstree-rtl .jstree-closed>.jstree-ocl {
	background-position: -96px -32px
}

.jstree-default-large.jstree-rtl .jstree-leaf>.jstree-ocl {
	background-position: -64px -32px
}

.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-node,
.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-leaf>.jstree-ocl {
	background: 0 0
}

.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-open>.jstree-ocl {
	background-position: -32px -32px
}

.jstree-default-large.jstree-rtl>.jstree-no-dots .jstree-closed>.jstree-ocl {
	background-position: 0 -32px
}

.jstree-default-large .jstree-themeicon-custom {
	background-color: transparent;
	background-image: none;
	background-position: 0 0
}

.jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl {
	background: url(throbber.gif) center center no-repeat
}

.jstree-default-large .jstree-file {
	background: url(../img/32px.png) -96px -64px no-repeat
}

.jstree-default-large .jstree-folder {
	background: url(../img/32px.png) -256px 0 no-repeat
}

.jstree-default-large.jstree-rtl .jstree-node {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==)
}

.jstree-default-large.jstree-rtl .jstree-last {
	background: 0 0
}

@media (max-width: 768px) {
	.jstree-default-responsive .jstree-icon {
		background-image: url(40px.png)
	}

	.jstree-default-responsive .jstree-node,
	.jstree-default-responsive .jstree-leaf>.jstree-ocl {
		background: 0 0
	}

	.jstree-default-responsive .jstree-node {
		min-height: 40px;
		line-height: 40px;
		margin-left: 40px;
		min-width: 40px;
		white-space: nowrap
	}

	.jstree-default-responsive .jstree-anchor {
		line-height: 40px;
		height: 40px
	}

	.jstree-default-responsive .jstree-icon,
	.jstree-default-responsive .jstree-icon:empty {
		width: 40px;
		height: 40px;
		line-height: 40px
	}

	.jstree-default-responsive>.jstree-container-ul>.jstree-node {
		margin-left: 0
	}

	.jstree-default-responsive.jstree-rtl .jstree-node {
		margin-left: 0;
		margin-right: 40px
	}

	.jstree-default-responsive.jstree-rtl .jstree-container-ul>.jstree-node {
		margin-right: 0
	}

	.jstree-default-responsive .jstree-ocl,
	.jstree-default-responsive .jstree-themeicon,
	.jstree-default-responsive .jstree-checkbox {
		background-size: 120px 200px
	}

	.jstree-default-responsive .jstree-leaf>.jstree-ocl {
		background: 0 0
	}

	.jstree-default-responsive .jstree-open>.jstree-ocl {
		background-position: 0 0 !important
	}

	.jstree-default-responsive .jstree-closed>.jstree-ocl {
		background-position: 0 -40px !important
	}

	.jstree-default-responsive.jstree-rtl .jstree-closed>.jstree-ocl {
		background-position: -40px 0 !important
	}

	.jstree-default-responsive .jstree-themeicon {
		background-position: -40px -40px
	}

	.jstree-default-responsive .jstree-checkbox,
	.jstree-default-responsive .jstree-checkbox:hover {
		background-position: -40px -80px
	}

	.jstree-default-responsive .jstree-clicked>.jstree-checkbox,
	.jstree-default-responsive .jstree-clicked>.jstree-checkbox:hover {
		background-position: 0 -80px
	}

	.jstree-default-responsive .jstree-anchor>.jstree-undetermined,
	.jstree-default-responsive .jstree-anchor>.jstree-undetermined:hover {
		background-position: 0 -120px
	}

	.jstree-default-responsive .jstree-anchor {
		font-weight: 700;
		font-size: 1.1em;
		text-shadow: 1px 1px var(--white-color)
	}

	.jstree-default-responsive>.jstree-striped {
		background: 0 0
	}

	.jstree-default-responsive .jstree-wholerow {
		border-top: 1px solid rgba(255, 255, 255, .7);
		border-bottom: 1px solid rgba(64, 64, 64, .2);
		background: #ebebeb;
		height: 40px
	}

	.jstree-default-responsive .jstree-wholerow-hovered {
		background: #e7f4f9
	}

	.jstree-default-responsive .jstree-wholerow-clicked {
		background: #beebff
	}

	.jstree-default-responsive .jstree-children .jstree-last>.jstree-wholerow {
		box-shadow: inset 0 -6px 3px -5px #666
	}

	.jstree-default-responsive .jstree-children .jstree-open>.jstree-wholerow {
		box-shadow: inset 0 6px 3px -5px #666;
		border-top: 0
	}

	.jstree-default-responsive .jstree-children .jstree-open+.jstree-open {
		box-shadow: none
	}

	.jstree-default-responsive .jstree-node,
	.jstree-default-responsive .jstree-icon,
	.jstree-default-responsive .jstree-node>.jstree-ocl,
	.jstree-default-responsive .jstree-themeicon,
	.jstree-default-responsive .jstree-checkbox {
		background-image: url(40px.png);
		background-size: 120px 200px
	}

	.jstree-default-responsive .jstree-node {
		background-position: -80px 0;
		background-repeat: repeat-y
	}

	.jstree-default-responsive .jstree-last {
		background: 0 0
	}

	.jstree-default-responsive .jstree-leaf>.jstree-ocl {
		background-position: -40px -120px
	}

	.jstree-default-responsive .jstree-last>.jstree-ocl {
		background-position: -40px -160px
	}

	.jstree-default-responsive .jstree-themeicon-custom {
		background-color: transparent;
		background-image: none;
		background-position: 0 0
	}

	.jstree-default-responsive .jstree-file {
		background: url(40px.png) 0 -160px no-repeat;
		background-size: 120px 200px
	}

	.jstree-default-responsive .jstree-folder {
		background: url(40px.png) -40px -40px no-repeat;
		background-size: 120px 200px
	}
}

.jstree-default>.jstree-container-ul>.jstree-node {
	margin-left: 0;
	margin-right: 0
}

#treeContainer {
	padding-bottom: 10px;
}

#tree {
	width: 100%;
	/*border-right:1px solid silver;*/
	overflow: scroll;
	padding: 0 0;
}

#tree+div {
	margin-top: 5px !important;
}

#data {
	margin-left: 320px;
}

#data textarea {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	border: 0;
	background: white;
	display: block;
	line-height: 18px;
	resize: none;
}

#data,
#code {
	font: normal normal normal 12px/18px 'Consolas', monospace !important;
}

#tree .folder {
	background: url('../../simplicity-assets/jsTree/file_sprite.png') right bottom no-repeat;
}

#tree .file {
	background: url('../../simplicity-assets/jsTree/file_sprite.png') 0 0 no-repeat;
}

#tree .file-pdf {
	background-position: -32px 0
}

#tree .file-as {
	background-position: -36px 0
}

#tree .file-c {
	background-position: -72px -0px
}

#tree .file-iso {
	background-position: -108px -0px
}

#tree .file-htm,
#tree .file-html,
#tree .file-xml,
#tree .file-xsl {
	background-position: -126px -0px
}

#tree .file-cf {
	background-position: -162px -0px
}

#tree .file-cpp {
	background-position: -216px -0px
}

#tree .file-cs {
	background-position: -236px -0px
}

#tree .file-sql {
	background-position: -272px -0px
}

#tree .file-xls,
#tree .file-xlsx {
	background-position: -362px -0px
}

#tree .file-h {
	background-position: -488px -0px
}

#tree .file-crt,
#tree .file-pem,
#tree .file-cer {
	background-position: -452px -18px
}

#tree .file-php {
	background-position: -108px -18px
}

#tree .file-jpg,
#tree .file-jpeg,
#tree .file-png,
#tree .file-gif,
#tree .file-bmp {
	background-position: -126px -18px
}

#tree .file-ppt,
#tree .file-pptx {
	background-position: -144px -18px
}

#tree .file-rb {
	background-position: -180px -18px
}

#tree .file-text,
#tree .file-txt,
#tree .file-md,
#tree .file-log,
#tree .file-htaccess {
	background-position: -254px -18px
}

#tree .file-doc,
#tree .file-docx {
	background-position: -362px -18px
}

#tree .file-zip,
#tree .file-gz,
#tree .file-tar,
#tree .file-rar {
	background-position: -416px -18px
}

#tree .file-js {
	background-position: -434px -18px
}

#tree .file-css {
	background-position: -144px -0px
}

#tree .file-fla {
	background-position: -398px -0px
}

.jstree.jstree .jstree-anchor {
	position: relative;
	top: -6px;
	/*max-width: calc(100% - 20px);*/
	display: inline-flex;
	height: 24px;
	padding: 4px 6px 3px;
	font-size: 14px;
	line-height: 15px;
	vertical-align: middle;
	border-radius: 3px;
	color: inherit;
	-webkit-transition: all 0.1s;
	transition: all 0.1s;
}

/*
 * jsTree Proton theme 1.0
 * Based on jsTree Apple theme
 * Supported features: dots/no-dots, icons/no-icons, focused, loading
 * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
 */
.jstree.jstree {
	-webkit-font-smoothing: antialiased;
	font-family: 'Titillium Web', sans-serif, Arial, sans-serif;
	text-align: left;
}

.jstree.jstree li,
.jstree.jstree ins {
	background-image: url("../img/d.png");
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: 108px 96px;
}

.jstree.jstree li {
	background-position: -90px 0;
	background-repeat: repeat-y;
	min-height: 24px;
	font-size: 14px;
	line-height: 24px;
}

.jstree.jstree>ul>li:first-child {
	padding-top: 5px;
}

.jstree.jstree a>ins {
	width: 18px;
}

.jstree.jstree li.jstree-last {
	background: transparent;
}


/*--Long text on modals---*/

.specific-title-delete-file {
	overflow: hidden;
	text-overflow: ellipsis;
}


/**
    Multi Upload Css
**/

.upload-statusbar {
	border: 1px solid #0ba1b5;
	margin-top: 10px;
	width: 420px;
	margin-right: 10px;
	margin: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 5px 5px 5px 5px
}

.upload-filename {
	padding-top: 2px;
	width: 11%;
	float: left;
	height: 25px;
	margin: 10px 5px 5px 10px;
	color: #807579;
	background: url('../../img/icone-desktop.png') top left no-repeat;
	padding-left: 28px;
}

.dropbox-filename {
	padding-top: 2px;
	width: 11%;
	float: left;
	height: 25px;
	margin: 10px 5px 5px 10px;
	color: #807579;
	background: url('../../img/icone-dropbox.png') top left no-repeat;
	padding-left: 28px;
	height: 25px;
}

#progressDrop {
	background-color: #54B1F1 !important;
}

.drive-filename {
	padding-top: 2px;
	width: 11%;
	float: left;
	height: 25px;
	margin: 10px 5px 5px 10px;
	color: #807579;
	background: url('../../img/icone-drive.png') top left no-repeat;
	padding-left: 28px;
}

#progressDrive {
	background-color: #ffd321;
}

.upload-progress {
	margin: 15px 5px;
	position: relative;
	width: 80%;
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 15px;
	display: inline-block;
	float: left;
}

.upload-bar {
	background-color: #f68686;
	width: 5%;
	height: 7px;
	border-radius: 5px;
	color: #000000;
	float: left;
}

.upload-percent {
	color: #000000;
	float: right;
	height: 16px;
	margin: 11px 5px;
	position: absolute;
	right: -83px;
	top: -17px;
	width: 5%;
}

.upload-red {
	float: left;
	margin: 11px 5px;
	position: relative;
	width: 1%;
}

.upload-green {
	float: left;
	margin: 11px 5px;
	position: relative;
	width: 1%;
}

.progressError {
	color: red;
	float: left;
	margin-top: 12px;
}

/*#progressErrorDesktop{ margin:12px;}*/
.upload-div {
	width: 100% !important;
	float: left;
}

.modal-company {
	padding: 0px 20px !important;
}

.modal-footer-company {
	margin-top: 0px !important;
}

.ui-accordion-content.myaccordeon-content,
.ui-accordion-header.myaccordeon-header {

	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
	border-radius: 0px !important;
	box-shadow: none !important;
	border-bottom: 2px solid #dbdfe0 !important;
}

.ui-accordion-content.myaccordeon-content {
	height: auto !important;
	/*padding:0px !important;*/
}

.ui-accordion-header.myaccordeon-header {
	color: #7b8b9d !important;
	font-family: 'Lato', sans-serif !important;
	font-weight: 300 !important;
	margin-top: 0 !important;
}

.appsForm {
	width: 52% !important;
	float: left;
	margin: 5px 10px;
}

.ipadForm {
	width: 58% !important;
	float: left;
	margin: 5px 10px;
}

#bundleDevices,
#vendorDevices {
	float: left;
	margin-left: 16.7%;
	max-height: 110px;
	overflow-y: scroll;
	width: 52%;
	border-radius: 5px;
	border: solid 1px #dbdfe0;
}

#delegatesSynchroTable tr td .contractdate.controls-validation {
	margin: 0 auto !important;
}

.inputsynch {
	background-color: transparent;
	border: medium none !important;
	margin: 0 auto !important;
	width: auto !important;
	float: left;
}

.deleteDel {
	margin: 0px 20px;
	font-size: 16px;
	color: red;
}

.deleteDel:hover {
	cursor: pointer;
}

.textDate {
	margin-left: 4px !important;
	width: 98% !important;
}

.synchroCalender {
	padding: 0 !important;
}

/**Change Default design for flash msg **/
.alert-success {
	/*background-color: var(--notification-success-bg-color) !important;
	border-color: var(--notification-success-border-color) !important;
	color: var(--notification-success-text-color) !important;*/

	color: var(--primary-color);
	background-color: var(--notification-info-bg-color) !important;
	border-color: var(--primary-color) !important;
}

.alert-info {
	color: var(--primary-color);
	background-color: var(--notification-info-bg-color) !important;
	border-color: var(--primary-color) !important;
}

.alert-warning {
	background-color: #fcf8e3 !important;
	border-color: #8a6d3b !important;
}

.alert-danger {
	background-color: var(--notification-danger-bg-color) !important;
	border-color: var(--notification-danger-border-color) !important;
}

.btnRenew {
	background-color: rgb(85, 180, 80) !important;
}

/******/

/**
 **  REMOVE Input type Button spin -- Google Chrome & Safari
 **/
#number_delegate input[type=number]::-webkit-inner-spin-button,
#price input[type=number]::-webkit-inner-spin-button,
#taxe input[type=number]::-webkit-inner-spin-button,
#price_ttc input[type=number]::-webkit-inner-spin-button #number_delegate input[type=number]::-webkit-outer-spin-button,
#price input[type=number]::-webkit-outer-spin-button,
#taxe input[type=number]::-webkit-outer-spin-button,
#price_ttc input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/**
 **  REMOVE Input type Button spin -- Firefox
 **/
#number_delegate input[type=number],
#price input[type=number],
#taxe input[type=number],
#price_ttc input[type=number] {
	-moz-appearance: textfield;
	margin: 0;
}


.polararea-legend {
	position: absolute;
	top: 48px;
}

.polararea-legend li {
	margin: 5px;
}

.polararea-legend li span {
	width: 15px;
	height: 15px;
	display: block;
	float: left;
	margin: 3px 5px;
}

.monitoring-tab-details.ui-tabs-panel {
	padding: 0 !important;
	width: 100% !important;
	margin-top: 3px !important;
}

.dropdown-menu.symmetrik-tabs-list li a {
	width: 100%;
}

/*.monitoring-datepicker,
.monitoring-datepicker label,
.monitoring-datepicker div{float:left;}

.monitoring-datepicker label{margin: 20px 5px 0px 5px;}
.close-details{
    position: absolute;
    z-index: 1;
    right: 40px;
    top: 11px;
    cursor: pointer;
}*/
.close-details {
	cursor: pointer;
	font-size: 20px !important;
	position: absolute;
	right: 39px;
	top: 12px;
	z-index: 1;
	color: var(--white-color);
}

#symmetrik-html-stripe-table-visits,
#symmetrik-html-stripe-table-time,
#symmetrik-html-stripe-table-visits-stats,
#symmetrik-html-stripe-table-time-stats {
	margin: 50px auto;
}

#symmetrik-html-stripe-table-visits tr th,
#symmetrik-html-stripe-table-time tr th,
#symmetrik-html-stripe-table-visits-stats tr th,
#symmetrik-html-stripe-table-time-stats tr th,
#symmetrik-html-stripe-table-visits tr td,
#symmetrik-html-stripe-table-time tr td,
#symmetrik-html-stripe-table-visits-stats tr td,
#symmetrik-html-stripe-table-time-stats tr td {
	padding: 3px;
}

#symmetrik-html-stripe-table-visits th,
#symmetrik-html-stripe-table-visits tbody tr td:nth-child(2),
#symmetrik-html-stripe-table-visits tbody tr td:nth-child(3),
#symmetrik-html-stripe-table-time th,
#symmetrik-html-stripe-table-time tbody tr td:nth-child(2),
#symmetrik-html-stripe-table-time tbody tr td:nth-child(3),
#symmetrik-html-stripe-table-visits-stats th,
#symmetrik-html-stripe-table-visits-stats tbody tr td:nth-child(2),
#symmetrik-html-stripe-table-visits-stats tbody tr td:nth-child(3),
#symmetrik-html-stripe-table-time-stats th,
#symmetrik-html-stripe-table-time-stats tbody tr td:nth-child(2),
#symmetrik-html-stripe-table-time-stats tbody tr td:nth-child(3) {
	text-align: center !important;
}

.first-btn-group {
	float: left;
	/*margin-left: -55px;*/
	padding: 3px 10px 8px;
	width: 40%;
	z-index: 100;
}

.second-btn-group {
	width: 60%;
	padding: 3px 10px 8px 10px;
	float: left;
	margin-left: -10px;
	z-index: 100;
}

.btn-group-projects {
	width: 12%;
	padding: 3px 10px 8px 10px;
	float: left;
	z-index: 1000;
	margin-left: -3px;
	/*top: 46px*/
	margin-bottom: 5px;
	position: absolute;
	top: -3px;
	left: 0px;
}

.upperContainer {
	width: 100%;
	height: 80px;
	text-align: left;
	float: left;
}

.upperContainerMonitoring {
	margin-left: 47px;
	float: left;
}

#button-category span:nth-child(1),
#dropToggleList span:nth-child(1) {
	float: left;
}

.upperContainer span.caret {
	float: right;
	margin-top: 10px;
}

#symmetrik-monitoring-list-select i {
	float: left;
	margin-top: 4px;
}

#symmetrik-monitoring-list-select span.title {
	float: left;
	width: 56%;
	overflow: hidden;
}

#symmetrik-monitoring-list-select span.caret {
	float: right;
	margin-top: 10px;
}

#chartLineDialog {
	margin-top: 40px;
}

.symmetrik-tabs-list,
.symmetrik-tabs-list-monitoring {
	width: 95% !important;
	position: absolute !important;
	left: 2%
}

.pickerMonitoring {
	left: 0;
	/*    top: -59px;
        width: 69% !important;*/
}

.pickerMonitoring .col-md-5 {
	float: left;
	padding: 0
}

.btn-group-projects div div .customVBarClass-1 {
	opacity: 0 !important;
}

.chart-wrapper {
	position: relative;
	padding-bottom: 40%;
	width: 50%;
	float: left;
}

.chart-inner {
	position: absolute;
	width: 100%;
	height: 100%;
}

#step_ {
	background: none repeat scroll 0 0 var(--white-color);
	padding: 10px 20px;
	font-size: 16px;
}

.daily-traffic .title-bar,
.daily-sales .title-bar {
	background-color: #dbdcde !important;
	color: #989ba0 !important;
}

.nodata {
	background: url(../img/monitoring/nodata.png) no-repeat 50% 50%;
	padding: 100px;
}

.detailLinks {
	max-height: 477px !important;
}

.upperContainer .btn-group {
	padding: 10px;
	float: left;
	z-index: 100;
}

.upperContainer .btn-group label.label-group {
	float: left;
	padding: 9px 15px 9px 0px;
	display: block;
}

.tracking-dateTimePickerContainer {
	margin-top: 0;
	max-width: 44% !important;
}

.dateTimePickerContainer {
	margin-top: 0;
	max-width: 50%;
	padding: 10px 0px !important;
}

.monitoring-datepicker input.monitorinHiddenInputs {
	width: 70%;
	margin-left: 3%;
	float: left;
	display: none;
}

.monitoring-datepicker #start_date_general,
.monitoring-datepicker #end_date_general {
	margin: 0%;
	width: 100% !important;
	float: left;
	z-index: 1;
	height: 38px;
}

.monitoring-datepicker #start_date_general input,
.monitoring-datepicker #end_date_general input {
	height: 38px;
	cursor: default;
}


.monitoring-datepicker #start_date_general .labelFirst,
.monitoring-datepicker #end_date_general .labelFirst {
	padding: 6px !important;
}

@media screen and (max-width: 1150px) {

	.monitoring-datepicker #start_date_general .labelFirst,
	.monitoring-datepicker #end_date_general .labelFirst {
		display: none
	}
}

@media screen and (max-width: 990px) {
	.dateTimePickerContainer {
		margin-top: 0;
		min-width: 60%;
	}

	.dateTimePickerContainer .col-md-6 {
		width: 50%;
		float: left;
	}

	.monitoring-datepicker #start_date_general.monitoringModule .labelFirst,
	.monitoring-datepicker #end_date_general.monitoringModule .labelFirst {
		display: none
	}
}

.firstGroup {
	margin-left: -388px;
}

.secondGroup {
	margin-left: 184px;
}

.thirdGroup {
	width: 210px;
}

.firstGroup button,
.secondGroup button {
	width: 110px;
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {

	.monitoring-datepicker #start_date_general .labelFirst,
	.monitoring-datepicker #end_date_general .labelFirst,
	.label-group {
		display: none !important;
	}

	.upperContainer .btn-group.firstGroup,
	.upperContainer .btn-group.secondGroup,
	.upperContainer .btn-group.thirdGroup,
	.dateTimePickerContainer {
		padding: 10px 5px
	}

	.monitoring-datepicker {
		padding: 0px 0px 0px 5px
	}

	.tracking-dateTimePickerContainer {
		min-width: 42% !important;
	}

	.dateTimePickerContainer .col-md-6 {
		width: 50% !important;
	}

	.firstGroup {
		margin-left: -250px;
	}

	.secondGroup {
		margin-left: 124px;
	}

	.thirdGroup {
		width: 130px
	}

	/*.tracking-dateTimePickerContainer{max-width:43% !important}*/
	.tracking-dateTimePickerContainer {
		margin-top: 0;
		max-width: 42% !important;
	}

}

@media screen and (min-width: 320px) and (max-width: 1023px) {

	.monitoring-datepicker #start_date_general .labelFirst,
	.monitoring-datepicker #end_date_general .labelFirst,
	.upperContainer .btn-group label.label-group {
		display: none
	}

	.upperContainer .btn-group.firstGroup,
	.upperContainer .btn-group.secondGroup,
	.upperContainer .btn-group.thirdGroup,
	.dateTimePickerContainer {
		padding: 10px 5px
	}

	.monitoring-datepicker {
		padding: 0px 0px 0px 5px
	}

	.tracking-dateTimePickerContainer {
		min-width: 42% !important;
	}

	.dateTimePickerContainer .col-md-6 {
		width: 50% !important;
	}

	.firstGroup {
		margin-left: -248px;
	}

	.secondGroup {
		margin-left: 120px;
	}

	.thirdGroup {
		width: 120px
	}

	/*.tracking-dateTimePickerContainer{max-width:43% !important}*/
	.tracking-dateTimePickerContainer {
		margin-top: 0;
		max-width: 42% !important;
	}

}

@media screen and (max-width: 1030px) {
	.dateTimePickerContainer {
		margin-top: 0;
		max-width: 50%;
	}

	.dateTimePickerContainer .col-md-6 {
		width: 40%;
		float: left;
	}

	.monitoring-datepicker #start_date_general.monitoringModule .labelFirst,
	.monitoring-datepicker #end_date_general.monitoringModule .labelFirst {
		display: none
	}

	.box.projects.projects-list.symmetrik-in-box {
		display: block;
		width: 18% !important;
	}
}

.title-bar-tracking {
	padding: 10px 0px;
}

@media screen and (min-width: 1280px) {
	#detailsListContainer {
		display: none !important;
	}

	.box.projects.projects-list.symmetrik-in-box {
		display: block;
	}

	.monitoring-tab-details .col-lg-3 {
		width: 25%;
	}

	.monitoring-tab-details .col-lg-6 {
		width: 50%;
	}

	.monitoring-tab-details .col-lg-9 {
		width: 75%;
	}
}

@media screen and (max-width: 1279px) {
	#detailsListContainer {
		display: block;
	}

	.box.projects.projects-list.symmetrik-in-box {
		display: none;
	}

	#dropToggleList span.username {
		float: left;
		width: 95%;
		text-align: left;
		overflow: hidden;
	}

	#project-html-stats-pie,
	#project-html-stats-time {
		width: 100%;
	}
}

.voile-title-bar,
.datePickerVoile {
	background: transparent !important
}

.disabledUser,
.disabledUser:hover {
	color: rgb(152, 155, 160);
	background-color: rgb(191, 195, 196);
}

.disabledUser a,
.disabledUser:hover a,
.disabledUser:hover a:hover,
.disabledUser a:hover {
	color: rgb(152, 155, 160);
}

.reloadPage {
	color: rgb(21, 164, 250) !important;
	text-decoration: underline;
}

.dialog-screen-list-control {
	width: 100%;
	height: 40px;
	display: inline-block;
	text-align: center;
	clear: both;
	margin: 20px auto;
}

.dialog-screen-list-control li {
	width: 140px;
	height: 38px;
	display: inline-block;
	margin: 0 25px;
}

.dialog-screen-list-control li button {
	width: 140px;
}

.dialog-screen-list-control li button.inactive-button {
	opacity: 0.65;
	background-color: rgb(160, 163, 170) !important;
	border-color: rgb(160, 163, 170) !important;
}

.dialog-screen-list-control li button.inactive-button:hover {
	opacity: 1;
}

.dialog-tab {
	min-height: 300px;
}

.hidden-tab {
	display: none;
}