/* here you can put your own css to customize and override the theme */

.login-holder {
	width: 28%;
	min-width: 300px;
	max-width: 400px;
	float: none;
	margin: 80px auto 0 auto;
	border: 1px solid #f7f7f7;
	padding: 10px 20px;
	text-align: center;
	border-radius: 15px;
	box-shadow: 0 0 11px #5d5c5c;
	background: #ffffff69;
	overflow: hidden;
}

.flash-todark {
	background-color: #00cc93 !important;
	color: #ffffff !important;
}

.flash-tolight {
	background-color: #eaeaea !important;
	color: #2f2f2f !important;
}

.flash-trans {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.login-inner {
	display: block;
	float: none;
	margin: 0 auto;
}

.bgl {
	border-radius: 20px;
	box-shadow: none;
	font-size: 13px;
	padding: 8px 30px;
}

.bgl-default {
	background: #fff;
	border: 1px solid #06618c;
	color: #06618c;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-success {
	background: #fff;
	border: 1px solid #36c6d3;
	color: #36c6d3;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-danger {
	background: #fff;
	border: 1px solid #d43f3a;
	color: #d43f3a;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-danger:hover {
	box-shadow: inset 0px 0px 1px 0px #d9534f;
	color: #d9534f;
	padding: 8px 25px 8px 35px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-default:hover {
	box-shadow: inset 0px 0px 8px 0px #d2f5eb;
	color: #06618c;
	padding: 8px 25px 8px 35px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-success:hover {
	box-shadow: inset 0px 0px 1px 0px #2bb8c4;
	color: #2bb8c4;
	padding: 8px 25px 8px 35px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-danger:active {
	box-shadow: inset 0px 0px 6px #d9534f;
	background: #d43f3a;
	color: #fff;
	border: 1px solid #d9534f;
	outline: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-default:active {
	box-shadow: inset 0px 0px 6px #024869;
	background: #06618c;
	color: #fff;
	border: 1px solid #023248;
	outline: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-success:active {
	box-shadow: inset 0px 0px 6px #147355;
	background: #36c6d3;
	color: #fff;
	border: 1px solid #30fff4;
	outline: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-danger:focus {
	outline: none;
	box-shadow: inset 0px 0px 1px #d43f3a;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-default:focus {
	outline: none;
	box-shadow: inset 0px 0px 1px #4cd7ab;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-success:focus {
	outline: none;
	box-shadow: inset 0px 0px 1px #36c6d3;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.login-content {
	/* height: 600px; */
	/* background: #fff; */
}

.logo-holder {
	width: 333px;
	min-width: 250px;
	float: none;
	margin: 65px auto 0 auto;
}

.logo-holder img {
	display: block;
	float: none;
	margin: 0 auto;
	height: 45px;
}

.login-title {
	font-size: 14px;
	/* padding: 10px; */
	padding-left: 2px;
	margin-bottom: 11px;
	color: #ffffff;
	text-shadow: 0px 0px 10px #00202f;
	font-weight: bold;
	/* text-transform: uppercase; */
	/* font-size: 12px; */
	/* display: none; */
}

.login-holder input {
	border: 1px solid #72b4d4;
	/* box-shadow: 5px 2px 24px #f3f3f3 !important; */
	background: #ffffffcc;
	color: #06618c;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.login-holder input:focus {
	background: #ffffff;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.lo-position-info {
	display: none;
	background: rgba(255, 255, 255, 0.98);
	position: relative;
	/* font-weight: bold; */
}

.lo-position-info a {
	display: block;
	margin: 15px 0 0 0;
	text-decoration: none;
	font-weight: bold;
}

.lop-waiter {
	/* position: absolute; */
}

.lop-text {}

.lop-overall {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	box-shadow: 0px 0px 11px #ccc;
	z-index: 999;
	padding: 24px;
	border-radius: 3px;
}

.lg-errors {
	/* background: #f36a5a; */
	color: #f36a5a;
	font-size: 13px;
	padding: 5px 10px;
	margin-top: -2px;
	text-align: left;
}

.gl-inputerror {
	border: 1px solid #f36a5a !important;
}

.gl-errors {
	background: #f36a5a;
	color: #ffffff;
	font-size: 13px;
	padding: 5px 10px;
	margin-top: -2px;
	text-align: left;
}

.lg-wrong-infos {
	background: #fff0ef;
	display: none;
	color: #636262;
	border: 1px solid #efb2ab;
	padding: 7px;
	margin: -10px 0 10px 0;
	border-radius: 5px;
}

.new-sidebar {
	position: fixed;
	top: 105px;
	left: 0;
	z-index: 10000;
	box-shadow: 1px 1px 2px #ccc !important;
	overflow: scroll;
}

.sidebar-logo-holder {
	background: #fff;
	padding: 20px 12px 15px 0 !important;
	/* position: absolute; */
	z-index: 100013;
	width: 200px;
}

.sidebar-logo-holder .page-logo>a>img {
	height: 62px;
	display: block;
	float: none;
	margin: 3px auto 3px auto;
}

@media (max-width: 991px) {
	.page-header.navbar {
		width: 100%;
	}
}

.gl-soon {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: absolute;
	vertical-align: middle;
	top: 0;
	left: 0;
	background: rgba(237, 239, 241, 0.95);
	z-index: 12000;
	color: #717373;
	/* font-weight: bold; */
	padding: 20px;
	text-align: center;
}

.index-carousel-inner .text-icon {
	/* margin: 0 0 0 34%; */
	position: relative;
	font-size: 18px;
}

.dash-carousel-card {
	display: inline-block;
	position: relative;
	background: #00b5ee;
	height: 100px;
	width: 210px;
	color: #fff;
	margin-left: 20px;
}

.dash-carousel-card-icon {
	display: block;
	float: left;
	width: 35%;
	line-height: 92px;
	font-size: 60px;
	padding: 0 8px 0 8px;
}

.dash-carousel-card-text {
	display: flex;
	float: left;
	height: 100%;
	font-size: 20px;
	width: 65%;
	text-align: left;
	align-items: center;
}

.index-carousel-inner .item {
	text-align: center;
	max-height: 104px;
	overflow: hidden;
}

[data-link] {
	cursor: pointer;
}

.admin-landing-container {
	background: #fff;
	padding: 30px 5px;
}

.admin-topnav {
	list-style: none;
	text-align: center;
	min-height: 81px;
	padding: 0;
	border-bottom: 1px solid #f7f7f7;
	/* box-shadow: 0px 1px 1px #ccc; */
	/* display: block; */
	/* float: right; */
}

.admin-topnav li {
	float: left;
	display: block;
	height: 50px;
	width: 20%;
	min-width: 50px;
	margin: 5px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.admin-topnav li>a {
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.admin-topnav li>a:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.admin-topnav li>a:hover .atn-icon {
	color: #676767;
	text-shadow: 1px -4px 13px #e4e4e4;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.admin-topnav li>a:hover .atn-text {
	background: #f9f9f9;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.admin-topnav li>a:hover .atn-image {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.saut {}

.admin-topnav-holder {
	height: 70px;
}

.atn-icon {
	display: block !important;
	width: 20px !important;
	height: 30px;
	margin: 0 auto;
	font-size: 30px;
	color: #404040;
	line-height: normal !important;
}

.atn-text {
	color: #848484;
	font-size: 12px;
	padding: 1px 6px;
	/* display: block; */
}

.atn-image {
	display: block;
	height: 30px;
	max-width: 50px;
	display: block;
	margin: 0 auto;
}

.admin-tools-holder {}

.admin-tools {
	list-style: none;
	padding: 0;
	text-align: center;
}

.admin-tools>li {
	display: inline-block;
	width: 190px;
	/* max-width: 190px; */
	height: 115px;
	background: #e2e2e2;
	margin: 2vh 1vw;
	padding: 8px;
	position: relative;
	overflow: hidden;
	text-align: center;
	color: #3a3a3a;
	border: 1px solid #ccc;
	/* cursor: default; */
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

.admin-tools>li:hover {
	background: #bdbdbd;
	border: 1px solid #545454;
	/* color: #fff; */
	/* box-shadow: inset 0px 0px 14px 0px #828282; */
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

.admin-tools>li:hover .ati-text {
	color: #131313;
	text-shadow: 0px 0px 4px #fff;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

.admin-tools>li:hover>a {
	text-decoration: none;
}

.admin-tools>li>a {
	text-decoration: none;
}

.admin-tools>li>a:hover {
	text-decoration: none;
}

.ati-icon {
	height: 45px;
	width: 45px !important;
	display: block !important;
	margin: 0 auto 8px;
	line-height: normal !important;
	font-size: 40px;
}

.ati-image {
	height: 45px;
	/* width: 45px !important; */
	display: block !important;
	margin: 0 auto 8px;
	/* line-height: normal !important; */
	/* font-size: 40px; */
}

.ati-text {
	font-size: 14px;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

.i-input {
	width: 102px;
	border-radius: 50px;
	border: 1px solid #36d2a1;
	font-size: 15px;
	outline: none;
	padding: 3px 10px;
}

.i-input:hover {}

.i-input:active,
.i-input.active {}

.i-input:focus {}

.i-input.i-date {
	width: 130px;
	cursor: text;
	background: #f1f1f1;
	font-weight: bold;
	border: 1px solid #a0a0a0;
}

.i-input.i-date::after {
	content: "\f073";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.dd-date {
	width: auto;
	display: inline-block;
	background: #fff;
	padding: 5px;
	position: relative;
}

.dd-date input {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: #fff !important;
	border: 1px solid #ffffff !important;
}

.dd-date .fa {
	font-size: 20px;
	padding-top: 10px;
	padding: 10px 3px;
	position: absolute;
	right: 0;
	top: 0;
	height: 33px;
}

.dd-date .fa:hover {
	background: #eee;
}

.nlogo {
	width: 200px;
	text-align: center;
	padding: 0 0 10px 0;
	box-shadow: -7px 4px 9px #e6e6e6;
}

.normal-link {
	background: none;
	color: #fff;
}

@media (max-width: 991px) {
	.nlogo {
		height: 70px;
		width: 100px;
		overflow: hidden;
		box-shadow: none;
		margin-left: 20px;
	}

	.nlogo img {
		height: 50px;
		margin: 10px !important;
	}
}

.nouveau-prospet {
	width: auto !important;
	background: #fff;
	margin: 0 -15px;
}

.np-row {
	width: 100%;
	margin: 10px 0 7px 0;
	/* padding: 0 10px; */
	border-bottom: 1px solid #f1f1f1;
	overflow: hidden;
	/* text-align: center; */
	/* box-shadow: 0px 8px 9px #f3f3f3; */
}

.np-row h6 {
	display: block;
	margin: 0 0 15px 0;
	padding: 0 0 5px 14px;
	font-size: 20px;
	border-bottom: 2px solid #d2d2d2;
	text-align: left;
}

.np-rowcontent {
	padding: 10px;
	position: relative;
	border-right: 1px solid #f3f3f3;
	min-height: 164px;
	overflow: hidden;
	background: #fff;
}

.npage-titre {
	padding: 0 0 10px 16px;
	margin: 15px 0 36px 0;
	text-align: center;
	border-bottom: 1px solid #ececec;
}

.np-optinner {
	width: 100%;
	background: red;
	height: 100%;
	top: 0;
}

.np-opt-red .inc {
	background: #b34646 !important;
}

.np-opt-red .check {
	border-color: #b34646 !important;
}

.np-opt-red .box {
	border-color: #b34646 !important;
}

.np-opt-red label {
	color: #b34646 !important;
}

.np-opt-orange .inc {
	background: #ffbc3e !important;
}

.np-opt-orange .check {
	border-color: #ffbc3e !important;
}

.np-opt-orange .box {
	border-color: #ffbc3e !important;
}

.np-opt-orange label {
	color: #ffbc3e !important;
}

.np-opt-blue .inc {
	background: #bdbdbd !important;
}

.np-opt-blue .check {
	border-color: #ababab !important;
}

.np-opt-blue .box {
	border-color: #bfbfbf !important;
}

.np-opt-blue label {
	color: #9e9e9e !important;
}

.gl-audio-btn {
	height: 100px;
	width: 100px;
	border-radius: 100%;
	background: #d7ffef;
	color: #14905c;
	text-align: center;
	margin: 10px 0;
	/* padding: 0 0 0 6px; */
	border: 2px solid #4fd29d;
	border-right: 2px solid #2a7356;
	border-bottom: 2px solid #2a7356;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	outline: none;
}

.gl-audio-btn:hover {
	background: #26c281;
	color: #fff;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.gl-audio-btn .fa {
	display: block;
	/* position: absolute; */
	/* left: 50%; */
	/* top: 50%; */
	font-size: 50px;
}

.gl-audio-btn i {}

.gl-play-btn {
	height: 100px;
	width: 100px;
	border-radius: 100%;
	background: #d1fbff;
	color: #32c5d2;
	text-align: center;
	margin: 10px 0;
	/* padding: 0 0 0 6px; */
	line-height: 100px;
	border: 2px solid #36d2e0;
	border-right: 2px solid #1c96a0;
	border-bottom: 2px solid #18828c;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	outline: none;
}

.gl-play-btn:hover {
	background: #32c5d2;
	color: #fff;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.gl-play-btn .fa {
	display: block;
	/* position: absolute; */
	/* left: 50%; */
	/* top: 50%; */
	font-size: 50px;
	/* padding-left: 8px; */
}

.gl-play-btn i {}

.audio-canvas-container {
	width: 100%;
	overflow: hidden;
	height: 150px;
	float: none;
	margin: 0 auto;
	/* border: 1px solid #ccc; */
	position: relative;
}

.audio-canvas-container canvas {
	width: 100%;
	height: 100%;
}

.np-produits {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.np-produits li {
	display: inline-block;
	position: relative;
	height: 130px;
	width: 100px;
	background-color: #ffffff;
	border: 1px solid #00adea;
	margin: 3px 0;
	background-position-x: 50%;
	background-repeat: no-repeat;
	background-size: 100%;
}

.np-produits li span {
	display: table-cell;
	position: absolute;
	bottom: 0;
	min-height: 30px;
	width: 100%;
	font-size: 10px;
	text-align: center;
	background: #00adea;
	color: #ffffff;
}

.no-data {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(255, 255, 255, 0.95);
	/* border: 1px dotted #ccc; */
}

.no-data span {
	display: inline-block;
	padding: 50px 0;
	font-size: 20px;
	font-weight: bold;
}

.title-label {
	display: block;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #949494;
	border-left: 2px solid #50e3c2;
	padding: 0 0 0 10px;
}

.np-audio-control {
	display: block;
	text-align: center;
	padding: 15px;
}

@media (max-width: 480px) {
	.dropdown-inbox {
		display: none !important;
	}

	.dropdown-notification {
		display: none !important;
	}
}

@media (max-width: 340px) {
	.page-logo a {
		display: none !important;
	}

	.new-sidebar.floatable {
		width: 100%;
	}

	.commercial-chart-card .ccc-txt li>span {
		width: 80px !important;
	}
}

.np-audio-control {}

.np-audio-control button:disabled {
	opacity: 0.2;
}

.np-audio-control button {
	display: inline-block;
	height: 50px;
	width: 50px;
	background: #fff;
	border: 1px #dcdcdc solid;
	border-radius: 100%;
	line-height: 50px;
	text-align: center;
	font-size: 25px;
	padding: 1px 0 0 1px;
	outline: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.np-audio-control button:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.np-audio-control button#record {
	background: #1bbc9b;
	border: 2px solid #099a7c;
	color: #fff;
}

.np-audio-control button#record:hover:not(:disabled) {
	background: #16d2ac;
	border: 2px solid #20b99b;
	color: #075848;
}

.np-audio-control button#pause {
	background: #35e5ef;
	border: 2px solid #21b1b9;
	color: #138086;
}

.np-audio-control button#pause:hover:not(:disabled) {
	background: #adf5f9;
	border: 2px solid #2dcfd8;
	color: #074548;
}

.np-audio-control button#stop {
	background: #e43a45;
	border: 2px solid #b91a24;
	color: #fff;
}

.np-audio-control button#stop:hover:not(:disabled) {
	background: #ff6d76;
	border: 2px solid #f71f2c;
	color: #ffe0e0;
}

.np-audio-control .rec {
	display: inline-block;
	height: 50px;
	width: 50px;
	background: #e7505a;
	border: 2px solid #981a23;
	border-radius: 100%;
	font-size: 25px;
	color: #fff;
}

.np-audio-control .rec:disabled {
	opacity: 0.3;
}

.np-audio-control .pause {
	display: inline-block;
	height: 50px;
	width: 50px;
	background: #e7505a;
	border: 2px solid #981a23;
	border-radius: 100%;
	font-size: 25px;
	color: #fff;
}

.np-audio-control .rec:disabled {
	opacity: 0.3;
}

.np-audio-control .rec:hover(:not(:disabled)) {
	background: #f5888f;
	border: 2px solid #b1323b;
	color: #751f1f;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.np-audio-control .stop {
	display: inline-block;
	height: 50px;
	width: 50px;
	background: #f5f5f5;
	border: 2px solid #adadad;
	border-radius: 100%;
	font-size: 25px;
	color: #717171;
}

.np-audio-control .stop:disabled {
	opacity: 0.3;
}

.np-audio-control .stop:hover(:not(:disabled)) {
	background: #797979;
	border: 2px solid #151515;
	color: #e4e4e4;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.np-audio-control button>.fa {}

.demo-notif {
	display: block;
	width: 90%;
	background: #fbffc8;
	position: absolute;
	right: 5%;
	top: 0;
	font-size: 13px;
	text-align: center;
	z-index: 2;
}

.gl-container {
	margin: 0;
	padding: 0 10px;
}

.table-actions {
	position: absolute;
}

.ta-menu {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

@media (max-width: 750px) {
	.btn-group {
		position: relative !important;
	}

	.tbl-menu {
		position: relative;
	}

	.tbl-menu li {}

	.tbl-menu a {}
}

@media screen and (max-width: 800px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #e7ecf1;
	}
}

.panel-more {
	text-align: right;
	padding: 0 10px 5px;
	background: #f3f3f3;
}

.panel-more a {
	font-size: 12px;
	background: none;
	color: #464646;
	text-decoration: none;
}

.panel-action {
	position: absolute;
	right: 20px;
	top: 10px;
	background: none;
	color: #fff;
	border: none;
	outline: none;
}

.panel-action:hover {
	background: #1c5586;
	/* border-left: 4px solid #0e314e; */
	color: #c5e4ff;
	border-radius: 6px 0 6px 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.prev-role {
	padding-top: 4px;
	border-bottom: 1px solid #f3f3f3;
	border-right: 1px solid #dcdcdc;
}

.modal_sucess {
	padding: 20px;
	text-align: center;
}

.modal_sucess span:not(.fa) {
	color: #676767;
}

.modal_sucess .fa {
	display: block;
	height: 30px;
	width: 30px;
	background: #e9fff6;
	border-radius: 100%;
	color: #15c77d;
	border: 1px solid #c7ffe8;
	font-size: 17px;
	text-align: center;
	line-height: 30px;
	float: none;
	margin: 0 auto;
	margin-bottom: 10px;
}

.modal_fail {
	padding: 20px;
	text-align: center;
}

.modal_fail span:not(.fa) {
	color: #676767;
}

.modal_fail .fa {
	display: block;
	height: 30px;
	width: 30px;
	background: #ffd1d4;
	border-radius: 100%;
	color: #e43a45;
	border: 1px solid #ffa8ae;
	font-size: 17px;
	text-align: center;
	line-height: 30px;
	float: none;
	margin: 0 auto;
	margin-bottom: 10px;
}

.modal_loader {
	padding: 20px;
	text-align: center;
}

.modal_loader .fa {
	font-size: 30px;
	color: #26c281;
	display: block;
}

.modal_loader span:not(.fa) {
	color: #6d6d6d;
}

.modal-action-detail {
	text-align: right;
	padding: 0 10px 5px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}

.panel-actions {
	position: absolute;
	right: 0;
	top: 0;
}

.ddm-dark {}

.ddm-dark li {}

.ddm-dark li:hover {}

.ddm-dark li:hover a {}

.ddm-dark li a {
	background: #efefef;
	color: #212121;
	border-bottom: 1px solid #d0d0d0;
}

.row-eq-height {
	display: table;
}

.row-eq-height [class*="col-"] {
	float: none;
	display: table-cell;
	vertical-align: top;
}

@media (min-width: 450px) {
	.gl-modal-wc {
		width: 96%;
	}
}

@media (min-width: 768px) {
	.gl-modal-wc {
		width: 90%;
	}
}

@media (min-width: 992px) {
	.gl-modal-wc {
		width: 80%;
	}
}

@media (min-width: 1200px) {
	.gl-modal-wc {
		width: 60%;
	}
}

/* gl material form group*/
.gl-mdfg {
	margin-bottom: 10px !important;
}

.no-permission {
	position: relative;
	background: #fff;
	width: 100%;
	padding: 20px 15px;
	text-align: center;
}

.no-permission h1 {
	font-size: 45px;
	/* margin-top: 40px; */
	color: #464646;
}

.no-permission p {
	font-size: 15px;
	color: #585858;
}

.no-permission>.fa {
	color: #f1f1f1;
	font-size: 100px;
	margin-bottom: -10px;
	display: block;
	padding-top: 32px;
}

.nop-dirs {
	background: #fff;
	margin: 1px 0 0 0;
	padding: 10px;
	text-align: center;
	border-top: 2px solid #f1f1f1;
}

.nop-dirs a {}

.commercial-chart-cards {}

.commercial-chart-card {
	background: #fff;
	/* margin: 2px; */
	border: 1px #e5e5e5 solid;
	padding-bottom: 10px;
}

.commercial-chart-card h3 {
	text-align: center;
	padding: 8px 0;
	margin: 0 -15px 15px;
	background: #f9f9f9;
	border-bottom: 1px solid #e6e6e6;
}

.commercial-chart-card .ccc-chart {}

.commercial-chart-card .ccc-txt {
	display: inline-block;
	width: 40%;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 160px;
	padding-top: 27px;
}

.commercial-chart-card .ccc-txt li {
	/* position: relative; */
	line-height: 46px;
	font-size: 15px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

.commercial-chart-card .ccc-txt li>span {
	float: right;
	padding: 0px 20px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	/* position: absolute; */
	max-width: 100px;
	/* right: 0; */
	width: 100%;
	/* overflow: hidden; */
	/* text-align: left; */
	position: relative;
}

.commercial-chart-card .ccc-txt li>span i {
	position: relative;
	/* z-index: auto; */
	/* display: none; */
	color: #fff;
	font-style: normal;
	display: block;
	width: 100px;
	text-align: center;
	margin-left: -20px;
	z-index: 9;
}

.commercial-chart-card .ccc-txt li>span::before {
	content: "";
	background: #00b5ee;
	/*transform: rotate(3deg);*/
	position: absolute;
	height: 50px;
	width: 100px;
	z-index: 0;
	left: 0;
	animation-name: ccc-animation;
	animation-duration: 1s;
}

.flashy {
	animation-name: flash-animation;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

.ccc-msg {
	/* position: absolute; */
	bottom: 5px;
	display: block;
	width: 100%;
	text-align: center;
	padding: 9px 5%;
	background: #fff;
	float: none;
	margin: 0 auto;
}

@keyframes ccc-animation {
	0% {
		transform: rotate(80deg);
	}

	25% {
		transform: rotate(50deg);
	}

	50% {
		transform: rotate(-10deg);
	}

	75% {
		transform: rotate(15deg);
	}

	85% {
		transform: rotate(5deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

.dash-prosp-card {
	display: block;
	/* width: 80%; */
	margin: 8px auto 0;
	float: none;
	position: relative;
	height: 120px;
}

.dpc-titre {
	position: absolute;
	left: 0;
	display: table;
	top: 0;
	height: 100%;
	width: 50%;
	background: #00b0ff;
	text-align: center;
	font-size: 18px;
	/* word-wrap: unset; */
	/* padding: 35px 0 0 0; */
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.dpc-top {
	display: block;
	height: 58px;
	text-align: center;
	background: #fff;
	width: 96%;
	margin: 0 0 0 4px;
}

.dpc-titre span {
	display: table-cell;
	vertical-align: middle;
}

.dpct-title {
	display: block;
	width: 100%;
	font-size: 12px;
	height: 14px;
	color: #9e9e9e;
	overflow: hidden;
}

.dpc-percent {
	height: calc(100% - 15px);
	padding-bottom: 15px;
	position: relative;
}

.dpc-percent span {
	position: absolute;
	display: block;
	font-size: 40px;
	/* font-weight: bold; */
	left: 50%;
	margin-left: -23px;
	height: 50px;
	margin-top: -7px;
}

.dpc-percent .fa-arrow-up {
	position: absolute;
	left: 50%;
	display: block;
	margin-left: 25px;
	font-size: 20px;
	font-weight: lighter;
	height: 100%;
	line-height: 45px;
	color: #93c53b;
}

.dpc-percent .fa-arrow-down {
	position: absolute;
	left: 50%;
	display: block;
	margin-left: 25px;
	font-size: 20px;
	font-weight: lighter;
	height: 100%;
	line-height: 45px;
	color: #ff0000;
}

.dpc-bottom {
	display: block;
	height: 58px;
	text-align: center;
	background: #fff;
	width: 96%;
	margin: 4px 0 0 4px;
}

.dpcb-title {}

.dpc-right-holder {
	position: absolute;
	display: block;
	right: 0;
	width: 50%;
	height: 120px;
}

.dash-prosp-card.card-regu {
	width: 100%;
	max-width: 400px;
}

.dash-prosp-card.card-regu .dpc-titre {
	background: #62bf08;
}

.val-result {
	padding: 0px 30px;
	margin-bottom: 12px;
	margin-top: -15px;
	display: none;
}

.val-result ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin: 9px 0;
	background: #fdfdfd;
	border: 1px solid #e4e4e4;
	padding: 5px;
}

.val-result ul li span {
	font-weight: bold;
	/* float: right; */
	/* display: block; */
}

.val-result ul li:hover {
	background: #ffffff;
	cursor: default;
}

.val-result ul li {
	font-size: 13px;
	margin: 3px 0;
	border-bottom: 1px solid #f5f5f5;
}

.val-result>a {
	font-size: 11px;
	text-transform: uppercase;
	/* font-weight: bold; */
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

div#data-map {
	width: 100%;
	height: 400px;
}

/*calendar edits*/
span.fc-time {
	/* display: block !important; */
	background: rgba(255, 255, 255, 0.22);
	padding: 0px;
	color: #ffffff !important;
	padding: 0 3px;
}

.demo-note-holder {
	background: #fffed9;
	margin: 0 0 7px 0;
}

.demo-note {
	width: 80%;
	margin: 0 auto;
	padding: 10px 35px;
	/* background: #fffed9; */
}

.demo-note h3 {
	margin: 0 0 6px 0;
	padding: 0px 0 0px 0;
	border-bottom: 1px solid #d8d7ab;
}

.demo-note>div {}

.waiting-input {
	background-image: url(http://127.0.0.1/ISOLAB/CRM/assets/global/img/awsome_loader.gif);
	background-repeat: no-repeat;
	background-position-x: 96%;
	background-size: 15px;
	background-position-y: 50%;
	border: 1px dashed #06618c;
}

.search-btn {
	height: 100%;
	width: 35px;
	background: none;
	border: none;
	outline: none;
	/* border-radius: 0 18px 18px 0; */
	color: #06618c;
}

.search-btn:hover {
	background-color: #06618c;
	color: #fff;
}

.search-top-container {
	float: left;
	height: 40px;
	/* border: 1px solid #ccc; */
	margin-top: 13px;
	margin-left: -34px;
	border-radius: 18px;
}

.search-inner {
	height: 100%;
	background: none;
}

#search-text {
	height: 100%;
	border: none;
	outline: none;
	background: none;
	padding: 0 0 0 10px;
}

@media (max-width: 991px) {
	.search-top-container {
		display: none;
	}
}

.recorder-holder {
	background: #fff;
}

.rec-status {
	text-align: center;
	color: #afafaf;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

@keyframes flash-animation {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.np-player {}

.np-player audio {
	display: none;
}

.np-audio-playback {
	text-align: center;
	padding: 20px 0;
}

.npap-action {
	width: 80%;
	float: none;
	margin: 0 auto;
	padding: 10px 0;
}

.np-audio-playback audio {
	width: 80%;
}

.eaas-inner {
	display: block;
	height: 3px;
	width: 20%;
	background: #32c5d2;
}

.ea-audio-slide {
	display: block;
	height: 3px;
	overflow: hidden;
	width: 80%;
	background: #d1fbff;
	margin: 0 auto;
	float: none;
}

.ea-button-holder {
	text-align: center;
}

.gl-play-btn .fa.fa-play {
	padding-left: 8px;
}

.a-error {
	background: #e73d4a;
	width: 100%;
	display: block;
	margin: 2px 0 0 0;
	padding: 2px 0 3px 16px;
	color: #fff;
}

.na-mapinfo {
	display: block;
	padding: 8px 5px;
	background: #ffebaf;
	border: 1px solid #bb9830;
	color: #6f5300;
	margin: 5px 0;
	position: absolute;
	z-index: 999;
	left: 15px;
	top: -5px;
	width: calc(100% - 30px);
	text-align: center;
}

/* calendar ui */
.fc-day {
	padding-top: 10px;
}

.fc-day:hover {
	cursor: pointer;
	background: #fefff5;
}

.fc-slats,
.fc-content-skeleton,
.fc-bgevent-skeleton {
	pointer-events: none;
}

.fc-bgevent,
.fc-event-container {
	pointer-events: auto;
}

#cal-tt {
	display: none;
	position: absolute;
	z-index: 999999;
	left: 0;
	top: 0;
	background: #ccc;
	padding: 4px 10px;
}

#cal-tt a {
	background: none;
	color: #fff;
	text-decoration: none;
}

.cal-mapsign {
	display: none;
	/* position: relative; */
	/* z-index: 99999999999; */
	/* margin: 9px 0 0 0; */
	color: #009bcc;
}

.prof-sepp {
	border-left: 2px solid #ccc;
	min-height: 100px;
	padding: 20px 0 0 15px;
}

.col-xs-offset-right-12 {
	margin-right: 100%;
}

.col-xs-offset-right-11 {
	margin-right: 91.66666667%;
}

.col-xs-offset-right-10 {
	margin-right: 83.33333333%;
}

.col-xs-offset-right-9 {
	margin-right: 75%;
}

.col-xs-offset-right-8 {
	margin-right: 66.66666667%;
}

.col-xs-offset-right-7 {
	margin-right: 58.33333333%;
}

.col-xs-offset-right-6 {
	margin-right: 50%;
}

.col-xs-offset-right-5 {
	margin-right: 41.66666667%;
}

.col-xs-offset-right-4 {
	margin-right: 33.33333333%;
}

.col-xs-offset-right-3 {
	margin-right: 25%;
}

.col-xs-offset-right-2 {
	margin-right: 16.66666667%;
}

.col-xs-offset-right-1 {
	margin-right: 8.33333333%;
}

.col-xs-offset-right-0 {
	margin-right: 0;
}

@media (min-width: 768px) {
	.col-sm-offset-right-12 {
		margin-right: 100%;
	}

	.col-sm-offset-right-11 {
		margin-right: 91.66666667%;
	}

	.col-sm-offset-right-10 {
		margin-right: 83.33333333%;
	}

	.col-sm-offset-right-9 {
		margin-right: 75%;
	}

	.col-sm-offset-right-8 {
		margin-right: 66.66666667%;
	}

	.col-sm-offset-right-7 {
		margin-right: 58.33333333%;
	}

	.col-sm-offset-right-6 {
		margin-right: 50%;
	}

	.col-sm-offset-right-5 {
		margin-right: 41.66666667%;
	}

	.col-sm-offset-right-4 {
		margin-right: 33.33333333%;
	}

	.col-sm-offset-right-3 {
		margin-right: 25%;
	}

	.col-sm-offset-right-2 {
		margin-right: 16.66666667%;
	}

	.col-sm-offset-right-1 {
		margin-right: 8.33333333%;
	}

	.col-sm-offset-right-0 {
		margin-right: 0;
	}
}

@media (min-width: 992px) {
	.col-md-offset-right-12 {
		margin-right: 100%;
	}

	.col-md-offset-right-11 {
		margin-right: 91.66666667%;
	}

	.col-md-offset-right-10 {
		margin-right: 83.33333333%;
	}

	.col-md-offset-right-9 {
		margin-right: 75%;
	}

	.col-md-offset-right-8 {
		margin-right: 66.66666667%;
	}

	.col-md-offset-right-7 {
		margin-right: 58.33333333%;
	}

	.col-md-offset-right-6 {
		margin-right: 50%;
	}

	.col-md-offset-right-5 {
		margin-right: 41.66666667%;
	}

	.col-md-offset-right-4 {
		margin-right: 33.33333333%;
	}

	.col-md-offset-right-3 {
		margin-right: 25%;
	}

	.col-md-offset-right-2 {
		margin-right: 16.66666667%;
	}

	.col-md-offset-right-1 {
		margin-right: 8.33333333%;
	}

	.col-md-offset-right-0 {
		margin-right: 0;
	}
}

@media (min-width: 1200px) {
	.col-lg-offset-right-12 {
		margin-right: 100%;
	}

	.col-lg-offset-right-11 {
		margin-right: 91.66666667%;
	}

	.col-lg-offset-right-10 {
		margin-right: 83.33333333%;
	}

	.col-lg-offset-right-9 {
		margin-right: 75%;
	}

	.col-lg-offset-right-8 {
		margin-right: 66.66666667%;
	}

	.col-lg-offset-right-7 {
		margin-right: 58.33333333%;
	}

	.col-lg-offset-right-6 {
		margin-right: 50%;
	}

	.col-lg-offset-right-5 {
		margin-right: 41.66666667%;
	}

	.col-lg-offset-right-4 {
		margin-right: 33.33333333%;
	}

	.col-lg-offset-right-3 {
		margin-right: 25%;
	}

	.col-lg-offset-right-2 {
		margin-right: 16.66666667%;
	}

	.col-lg-offset-right-1 {
		margin-right: 8.33333333%;
	}

	.col-lg-offset-right-0 {
		margin-right: 0;
	}
}

.raq-binfo {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}

.raq-binfo h3 {
	margin: 3px 0 10px 0;
	font-size: 16px;
	color: #636363;
}

.raq-binfo .bginfo {
	display: inline-block;
	margin: 0 auto;
	float: none;
	width: auto;
	padding: 5px 20px;
	background: #f3f3f3;
	/* border: 1px solid #383838; */
	font-size: 25px;
	font-weight: bold;
}

.noti-statistics {
	margin-top: 30px;
	border-top: 1px solid #ccc;
	padding-top: 15px;
}

.routes-statistics {}

.rs-item {
	max-width: 200px;
	/* background: #ccc; */
	float: none;
	margin: 0 auto;
	border-bottom: 2px solid #ccc;
}

.rs-item h6 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.rsi-number {
	display: inline-block;
	padding: 0px 5px;
	color: #1bbc9b;
	font-size: 40px;
	position: relative;
	text-align: center;
}

.rsi-number span.badge {
	position: absolute;
	bottom: 5px;
	right: -20px;
}

.badge-gl {
	background: #1bbc9b;
	color: #ffffff;
	border: 1px solid #097962;
	line-height: 8px;
	/* box-shadow: none; */
}

.badge-white {
	background: #ccc;
	color: #fff;
}

.inperror {
	background: #fff4f4;
	color: #c70000;
}

.gl-portlet-controller {}

.gl-list {
	height: 300px;
	border-left: 1px solid #32c5d2;
	padding: 0 0 0 5px;
	/* overflow-y: auto; */
	/* overflow-x: hidden; */
	position: relative !important;
}

.gl-list>h3 {
	padding: 4px 4px 4px 15px;
	margin: 0 0 5px -5px;
	border-bottom: 2px solid #32c5d2;
	font-size: 21px;
	background: #32c5d2;
	color: #fff;
}

span.gll-subtitle {
	display: block;
	width: 100%;
	text-align: right;
	color: #b1b1b1;
	margin-top: -5px;
	padding-right: 4px;
	padding: 3px 6px;
}

.gl-list ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 280px;
	overflow-x: hidden;
}

.gl-list ul>li {
	display: block;
	margin: 0 0 4px 0;
	border-bottom: 1px solid #e0e0e0;
	position: relative;
	/* height: 50px; */
	padding-left: 5px;
	cursor: pointer;
}

.gl-list ul>li:hover {
	background: #fbfbfb;
}

.gl-list ul>li.selected {
	background: #f9f9f9;
}

.gl-list ul>li:hover .pll-item-action {}

span.pll-item-title {
	display: block;
	font-size: 16px;
	color: #5f5f5f;
	/* font-weight: bold; */
}

span.pll-item-details {
	display: block;
	font-size: 12px;
	color: #969696;
	padding: 0 0 0 0px;
}

span.pll-item-action {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

span.pll-item-action a {
	height: 100%;
	line-height: 50px !important;
	font-size: 23px;
	text-decoration: none;
	color: #9a9a9a;
	background: none;
}

span.pll-item-action a:hover {
	color: #656565;
}

.pll-item-title i {
	display: block;
	font-size: 12px;
	color: #afafaf;
}

.color-green {
	color: #23ca22;
}

.pll-item-details i.fa {
	margin-right: 5px;
}

span.pll-adress {
	color: #32c5d2;
	font-size: 12px;
	display: block;
	padding: 0 0 4px 3px;
}

span.pll-adress .fa {
	color: #32afbc;
}

#reporting_map_holder {
	height: 345px;
}

.gl-content-loader {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9;
	text-align: center;
	/* display: table; */
}

.gl-content-loader img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -33px;
	margin-top: -33px;
	width: 66px;
	min-height: 66px;
}

span.ti-title {
	font-size: 14px;
	font-weight: bold;
	color: #22adb9;
	/* display: block; */
}

span.ti-stitle {
	/* display: block; */
	font-size: 12px;
	margin-top: -3px;
}

.reporting_timeline time {
	background: #e2e2e2;
	margin: -2px -2px 2px -2px;
	color: #3c3c3c;
	text-align: center;
	font-size: 14px;
}

.reporting_timeline ol>li p {
	font-size: 12px;
	margin: 0;
	height: 53px;
	overflow: hidden;
	border-top: 1px solid #909090;
	padding: 13px 0 0 0;
	position: relative;
	text-align: center;
	color: #545454;
}

.reporting_timeline ol>li p:before {
	content: "NOTE";
	font-size: 10px;
	position: absolute;
	right: 5px;
	top: 0;
	background: #909090;
	color: #fff;
	padding: 0 5px;
}

.rep-nodata {
	display: block;
	text-align: center;
	height: 120px;
	padding-top: 26px;
	font-size: 16px;
}

.forpasswordreset {
	text-align: center;
	padding: 40px 15px 15px 15px;
	border-top: 2px solid #eaeaea;
	position: relative;
}

.forpasswordreset:after {
	content: "Autre action";
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -50px;
	width: 100px;
	text-align: center;
	background: #eaeaea;
}

.dataTables_processing {
	background: rgba(255, 255, 255, 0.96);
	text-align: center;
	padding: 0;
	height: 50px;
}

.dataTables_processing:before {
	content: " ";
	display: block;
	float: none;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.actiontable .btn-group {
	position: relative !important;
}

.sv-search-area {
	width: 290px;
	float: none;
	margin: 0 auto;
}

.search_container {
	background: #fff;
	padding: 10px;
}

.search_result {}

.gl-pl {
	background: #36c9de;
	border: 1px solid #36c9de;
}

.gl-pl .caption {
	color: #fff;
}

.xtra-collapse {}

.xtra-collapse:hover {}

.xtra-collapse:before {
	content: "\f102";
}

.xtra-expande:before {
	content: "\f103";
}

.xtra-reload {}

.xtra-reload:hover {}

.xtra-reload:before {
	content: "\f021";
}

.glpl-xtra {
	float: right;
}

.glpl-xtra span {
	display: block;
	float: right;
	margin: 0 5px;
	width: 30px;
	height: 30px;
	background: #0a6673;
	margin-top: -2px;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.glpl-xtra span:before {
	text-align: center;
	line-height: 100%;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	margin-top: 8px;
	color: #f2fdff;
}

.glpl-xtra span:hover {
	background: #19a0b3;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.result-item {
	display: block;
	margin: 1px 1px 8px 1px;
	padding: 2px 7px;
	position: relative;
	border-bottom: 1px solid #c7c7c7;
}

.ri-title {
	padding: 0;
	margin: 0;
	font-size: 15px;
	font-family: sans-serif;
	color: #36c9de;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}

.ri-detail {
	font-size: 14px;
}

.ri-actions {
	position: absolute;
	right: 20px;
	top: 50%;
	background: transparent;
	border: none;
	font-size: 20px;
	color: #36c9de;
}

.ri-foot {
	display: block;
	margin: 1px 0 0 0;
	color: #b3b3b3;
	border-top: 1px solid #f5f5f5;
	font-size: 12px;
}

.gl-gray {
	background: #ececec !important;
	border: 1px solid #e2e2e2;
}

.gl-gray .caption {
	color: #5f5f5f;
}

.gl-gray .glpl-xtra span {
	background: #868686;
}

.gl-gray .glpl-xtra span:hover {
	background: #6b6b6b;
}

.gl-gray .glpl-xtra span:before {
	color: #fff !important;
}

.inner-ajax-loader {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	height: 100%;
	width: 100%;
	z-index: 1;
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 50%;
	background-size: 36px;
}

.search-highlight {
	background: #fbffbf;
	/* color: #2b2b2b; */
}

.rep-noactions {
	display: none;
	text-align: center;
	height: 120px;
	padding-top: 26px;
	font-size: 16px;
}

.rowx {
	/* margin: 20px 0; */
}

#comfirm_devis {
	max-width: 350px;
	margin: 0 auto;
	float: none;
}

#enter_code {
	max-width: 300px;
	margin: 0 auto;
	float: none;
}

.history_dates {
	height: 34px;
	border: 1px solid #15b3c1;
	display: none;
}

.history_dates:hover {}

.history_dates ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #32c5d2;
	height: 100%;
	padding-left: 1%;
	overflow: hidden;
}

.history_dates ul>li {
	display: block;
	width: 24%;
	float: left;
	height: 32px;
	text-align: center;
	background: #ffffff;
	color: #147e88;
	padding: 7px 0;
	cursor: pointer;
	margin: 0 0.1em;
}

.history_dates ul>li:hover {
	background: #f1f1f1;
}

.history_dates ul>li.active,
.history_dates ul>li:active {
	background: #32c5d2;
	color: #fff;
	cursor: default;
}

.floatable-cmd {
	position: absolute;
	top: 4px;
	right: 10px;
}

@media (max-width: 500px) {
	.history_dates {
		height: 50px;
	}

	.history_dates:hover {}

	.history_dates ul {
		display: none;
		list-style: none;
		margin: 0;
		padding-left: 2%;
		text-align: center;
		/* height: 100px; */
		background: #32c5d2;
	}

	.history_dates ul>li {
		display: inline-block;
		width: 48%;
		min-width: 100px;
		height: 25px;
		text-align: center;
		background: #ffffff;
		padding: 3px 0;
		cursor: pointer;
		margin: 0 0.1em 0.1em 0.1em;
	}

	.history_dates ul>li:hover {
		background: #f1f1f1;
	}

	.history_dates ul>li.active,
	.history_dates ul>li:active {
		background: #32c5d2;
		color: #fff;
		cursor: default;
	}
}

.prefix_info {
	font-size: 11px;
	padding: 0 0 0 4px;
}

.prefix_info span {
	padding: 0;
	margin: 0;
}

.notifdevis {
	min-height: 50px;
	background: #efefef;
	border: 1px solid #ccc;
	padding: 10px;
	text-align: center;
}

.tasknote {
	display: block;
	font-size: 12px;
}

.tasknote b {
	display: block;
}

.badge-gl-default {
	background: #00b5ee;
}

.as-phoning {}

.as-phoning div {
	background: #faffff !important;
}

.as-phoning time {
	background: #32c5d2 !important;
	color: #fff;
}

.cft_tot {
	display: block;
	width: 185px;
	border-bottom: 1px solid #d6d6d6;
	margin-left: 22px;
}

.cft_tot b {
	float: right;
}

.showdetaillink {
	text-align: center;
	width: 100%;
}

.r-container {
	padding: 2px 10px;
}

.ref-info {
	text-align: left;
	margin-bottom: 5px;
}

.notifsettings {
	position: absolute;
	right: 4px;
	top: 6px;
	cursor: pointer;
}

.notifsettings .fa {
	font-size: 20px;
}

.changeemailinput {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 3px;
	display: none;
}

.changeemailinput span {
	display: block;
	text-align: center;
	font-size: 12px;
	padding-bottom: 3px;
}

.changeemailinput button {}

#new_email {}

[data-lat][data-lng] {
	cursor: pointer;
}

.raq_km_statistics {
	display: block;
	width: 95%;
	border: 1px solid #868686;
	float: none;
	margin: 0 auto;
	height: 80px;
	position: relative;
}

.rks-number {
	height: 63%;
	text-align: center;
	background: #dcdcdc;
	font-size: 37px;
	font-weight: bold;
	color: #353535;
	padding: 0;
	border-bottom: 1px solid #353535;
}

.rks-detail {
	text-align: center;
	font-size: 14px;
	/* font-weight: bold; */
	padding-top: 6px;
}

.rks-unit {
	font-size: 12px;
	margin-left: -10px;
}

.raq_km_statistics.green {
	border: 1px solid #1397a2;
}

.raq_km_statistics.green .rks-number {
	background: #32c5d2;
	color: #ffffff;
	border-bottom: 1px solid #1397a2;
}

.raq_km_statistics.green .rks-detail {
	color: #1eadb9;
}

.raq_km_statistics.green .rks-unit {}

.raq_km_statistics.blue {
	border: 1px solid #2089bd;
}

.raq_km_statistics.blue .rks-number {
	background: #53c6ff;
	color: #232323;
	border-bottom: 1px solid #2089bd;
}

.raq_km_statistics.blue .rks-detail {
	color: #2089bd;
}

.raq_km_statistics.blue .rks-unit {}

.raq_km_statistics.red {
	border: 1px solid #868686;
}

.raq_km_statistics.red .rks-number {
	background: #dcdcdc;
	color: #353535;
	border-bottom: 1px solid #353535;
}

.raq_km_statistics.red .rks-detail {}

.raq_km_statistics.red .rks-unit {}

.raq_km_statistics.yellow {
	border: 1px solid #940303;
}

.raq_km_statistics.yellow .rks-number {
	background: #ca3f3f;
	color: #ffffff;
	border-bottom: 1px solid #940303;
}

.raq_km_statistics.yellow .rks-detail {
	color: #940303;
}

.raq_km_statistics.yellow .rks-unit {}

.file-uploader {
	height: 130px;
}

.fu-files {
	height: 120px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 0;
	list-style: none;
}

.fu-files li {
	padding: 6px 3px;
	width: 99%;
	overflow: hidden;
	padding-left: 20px;
	position: relative;
}

.fu-files li .fa {
	position: absolute;
	left: 0;
	top: 7px;
}

.fu-files li a {
	/* display: block; */
	/* border-bottom: 1px solid #ccc; */
	/* padding-bottom: 3px; */
	color: #1f1f1f;
	background: unset;
}

.fu-files li:hover {
	background: #efefef;
}


.fu-files-p {
	/* min-height: 120px; */
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 0;
	list-style: none;
}

.fu-files-p li {
	padding: 6px 3px;
	width: 99%;
	overflow: hidden;
	padding-left: 20px;
	position: relative;
}

.fu-files-p li .fa {
	position: absolute;
	left: 0;
	top: 7px;
}

.fu-files-p li a {
	/* display: block; */
	/* border-bottom: 1px solid #ccc; */
	/* padding-bottom: 3px; */
	color: #1f1f1f;
	background: unset;
}

.fu-files-p li:hover {
	background: #efefef;
}

.fu-upload {
	float: right;
}


span.datadata {
	border-bottom: 1px solid #dcdcdc;
	display: block;
}

.fu-rem {
	position: absolute !important;
	right: 0;
	top: 0px;
	height: 27px;
	padding-right: 11px !important;
	padding-bottom: 5px !important;
}

.rnoti {
	margin-top: 20px;
	/* padding: 0 15px; */
}

.rntitle {
	margin: 0 0 20px 0;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	border-left: 2px solid #ccc;
	padding-left: 6px;
	padding-bottom: 5px;
	width: calc(100% - 58px);
}

.fu-title {
	display: block;
	font-size: 14px;
}

.item-controller {
	display: block;
	width: 50px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	height: 33px;
	margin-top: 1px;
	padding-top: 1px;
}

.forhiding {
	overflow: hidden !important;
}

.nparam {
	min-height: 45px;
}

.dateparam {
	display: block;
	width: 200px;
	float: right;
	/* margin: 0 auto; */
}

.datechooser {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 999;
	text-align: center;
	display: none;
}

.dc-inner {
	width: 300px;
	margin: 0 auto;
	float: none;
	margin-top: 20px;
}

.dc-action {
	margin-top: 10px;
}

.dcgo {}

.ignored_maps {
	background: #f7ffbc;
	color: #151515;
	font-weight: lighter;
	font-size: 12px;
	margin-top: 5px;
	padding: 8px 7px;
	border: 1px solid #dce692;
	border-bottom: 4px solid #dce692;
}

.ignored_maps span {}

.ignored_maps ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 8px;
	margin-top: 7px;
}

.ignored_maps ul li {
	display: block;
	border-bottom: 1px solid #dde4a5;
	border-left: 6px solid #dde4a5;
	padding-left: 5px;
	margin-top: 4px;
}

.ignored_maps ul li b {}

.ignored_maps a {
	border-bottom: 1px dotted #909090;
	text-decoration: none !important;
}

.fastuce {
	background: #8edaf2;
	border: 1px solid #56a8c1;
	position: relative;
}

span.atitle {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #246579;
	color: #f2fcff;
	padding: 5px 0;
}

.fastuce p {
	margin: 0;
	padding: 5px 10px;
}

.fastuce .fa.fa-close {
	position: absolute;
	right: 3px;
	top: 3px;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
}

.pn .nav-tabs>li {
	background: #fff !important;
	border-bottom: 3px solid #01a7e7 !important;
}

.pn .nav-tabs>li:hover {
	background: #0075a2 !important;
}

.pn .nav-tabs>li:hover a {
	color: #fff !important;
}

.pn .nav-tabs>li.active {
	background: #01a7e7 !important;
	color: #fff !important;
	border-bottom: 3px solid #0075a2 !important;
	font-weight: bold;
}

.pn .nav-tabs>li.active a {
	color: #fff !important;
}

#newclient_container {
	max-width: 450px;
	margin: 0 auto;
	float: none;
}

.login-shadow {
	position: absolute;
	opacity: 0.3;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #06618c;
	/* filter: blur(64px); */
	z-index: -1;
}

@-webkit-keyframes enters_ {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes enters_ {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes enters_ {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.logo-part {
	height: 80px;
	width: calc(100% + 70px);
	margin: -10px -35px 35px -35px;
	background: #ffffff5e;
	border-radius: 10px 10px 0 0;
	padding-top: 7px;
}

.logo-part img {
	height: 65px;
}

.bottom-part {
	margin: 0 -35px -10px -35px;
	background: #ffffff7d;
	padding: 12px 0 12px;
}

/* THE PRELOADER */
.ild-container {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	/* background-color: #ffffffeb; */
}

.drop {
	position: absolute;
	width: 0px;
	height: 0px;
	margin: auto;
	top: 0px;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #06618c;
	border-radius: 50% 1px 50% 50%;
	-webkit-transform: rotate(-45deg);
	-webkit-animation: drip 0.4s linear;
}

.drop:nth-child(2) {
	border-radius: 50%;
	-webkit-transform: rotate(0deg);
	-webkit-animation: bounce 0.55s 0.8s linear;
}

.drop:nth-child(4) {
	border-radius: 50%;
	-webkit-transform: rotate(45deg);
	-webkit-animation: splash-right 0.55s 1.2s linear;
}

.drop:nth-child(5) {
	border-radius: 50%;
	-webkit-transform: rotate(45deg);
	-webkit-animation: splash-left 0.55s 1.2s linear;
}

.sink {
	position: absolute;
	opacity: 1;
	width: 0px;
	height: 0px;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #06618c;
	border-radius: 50%;
	-webkit-animation: sink 0.6s 0.35s ease-out;
}

.sink:nth-child(5) {
	-webkit-animation: sink 0.5s 1.3s ease-out;
}

.ripple {
	position: absolute;
	opacity: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	border: #06618c solid 1px;
	border-radius: 50%;
	-webkit-animation: ripple 0.55s 0.4s linear;
}

.ripple:nth-child(2) {
	-webkit-animation: ripple 0.55s 0.6s linear;
}

.ripple:nth-child(3) {
	-webkit-animation: ripple 0.55s 1.2s linear;
}

.ripple:nth-child(7) {
	-webkit-animation: ripple 0.55s 1.4s linear;
}

@-webkit-keyframes drip {
	0% {
		width: 0px;
		height: 0px;
		top: -300px;
	}

	50% {
		width: 20px;
		height: 20px;
		top: -100px;
	}

	100% {
		width: 20px;
		height: 20px;
		top: 10px;
	}
}

@-webkit-keyframes bounce {
	0% {
		width: 0px;
		height: 0px;
		top: 10px;
	}

	40% {
		width: 10px;
		height: 10px;
		top: -100px;
	}

	100% {
		width: 10px;
		height: 10px;
		top: 0px;
	}
}

@-webkit-keyframes splash-right {
	0% {
		opacity: 1;
		width: 0px;
		height: 0px;
		top: 10px;
	}

	60% {
		opacity: 1;
		width: 6px;
		height: 6px;
		top: -80px;
		left: 50px;
	}

	100% {
		opacity: 0;
		width: 6px;
		height: 6px;
		top: -70px;
		left: 80px;
	}
}

@-webkit-keyframes splash-left {
	0% {
		opacity: 1;
		width: 0px;
		height: 0px;
		top: 10px;
	}

	60% {
		opacity: 1;
		width: 6px;
		height: 6px;
		top: -60px;
		left: -50px;
	}

	100% {
		opacity: 0;
		width: 6px;
		height: 6px;
		top: -40px;
		left: -80px;
	}
}

@-webkit-keyframes sink {
	0% {
		opacity: 1;
		width: 0px;
		height: 0px;
	}

	50% {
		opacity: 1;
		width: 40px;
		height: 10px;
	}

	100% {
		opacity: 0;
		width: 0px;
		height: 0px;
	}
}

@-webkit-keyframes ripple {
	0% {
		opacity: 1;
		width: 60px;
		height: 10px;
	}

	100% {
		opacity: 0;
		width: 200px;
		height: 20px;
	}
}

.isolab-loader {
	position: fixed;
	z-index: 9999999999999999;
	height: 100%;
	width: 100%;
	background-color: rgb(255, 255, 255);
}

.ill-logo {
	/* height: 100px; */
	/* width: 100px; */
	position: absolute;
	/* left: calc(50% - 50px); */
	bottom: 4%;
	width: 100%;
	/* background: #ffff; */
	text-align: center;
}

.ill-logo img {
	width: 70px;
	max-height: 100px;
}

.ml-icon img {
	width: 65px;
	max-height: 65px;
}

.ill-caption {
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #1d1d1d;
	text-transform: uppercase;
	margin-top: 10px;
	/* text-shadow: 4px 5px 0px #06618c14; */
}

.subtable {
	display: block;
	padding: 5px 1px;
	overflow: hidden;
	position: relative;
	min-height: 120px;
	max-height: 150px;
	overflow-y: scroll;
	/* border: 1px solid #e8e8e8; */
	/* padding-top: 30px; */
}

.st-title {
	font-size: 15px;
	font-weight: bold;
	height: 35px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	padding: 3px 0 0 10px;
	display: none;
	/* z-index: 9; */
	background: #fff;
	/* width: 100%; */
	/* top: 0; */
}

.st-action button {}

.st-action {
	position: absolute;
	right: 2px;
	top: 3px;
	z-index: 99;
}

.st-content {}

.select_item {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: #fffffff0;
}

.sc-list {
	padding: 10px 0;
	text-align: center;
}

.sc-btn {
	text-align: center;
}

.sc-close {
	position: absolute;
	right: 5px;
	top: 5px;
	color: #a50404;
	cursor: pointer;
}

.fileawaiting {
	background: #06618c;
	color: #fff;
	border-radius: 3px;
	width: 130px;
	float: none;
	margin: 2px auto;
	padding: 1px 4px;
	font-size: 12px;
}

.fileawaiting .fa {
	font-size: 13px;
}

.st-prio {}

.ticket_client_image {
	display: table;
	width: 100%;
	height: 125px;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	float: left;
	border: 3px solid #c1c1c1;
	border-radius: 6px;
	margin-bottom: 10px;
	/* filter: blur(2px); */
}

.prio-col {
	display: block;
	width: 4px;
	height: 19px;
	position: absolute;
	left: 0;
	top: 0;
}

.tk-title {
	margin: 0;
	padding: 0 0 5px 0;
	text-align: left;
	font-size: 20px;
	border-bottom: 1px solid #f3f3f3;
	color: #353535;
}

.tk-subtitle {
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding-top: 6px;
	border-bottom: 1px solid #06618c;
	padding-bottom: 5px;
	margin-bottom: 20px;
	color: #9e9e9e;
}

.tk-props {
	margin-top: 10px;
	/* background: #f9f9f9; */
	color: #444;
	padding: 5px 0;
	/* border: 1px dotted #e4e4e4; */
	border-left: 1px solid #ccc;
}

.tk-props ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: table;
	width: 100%;
	/* box-shadow: 0px 7px 10px #f1f1f1; */
}

.tk-props ul li {
	display: table-cell;
	padding: 0 5px;
	border-right: 1px solid #ccc;
}

.tkp-title {
	display: block;
	text-align: center;
	font-size: 12px;
}

.tkp-val span.fa {
	color: #148ec7;
}

.tkp-val {
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	position: relative;
}

.tk-client-name {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	background: #06618ce0;
	color: #f3f3f3;
	text-shadow: -1px 0px 6px #e0e0e0;
}

.ticket_detail {
	margin-top: 20px;
	/* border-top: 1px solid #ccc; */
}

.tdetail_item {
	/* margin: 0 0 30px 0; */
}

.tdetail_item label {
	font-size: 15px;
	display: block;
	font-weight: bold;
}

.tdetail_item>span {
	display: block;
	width: 100%;
	font-size: 15px;
	/* font-weight: bold; */
	border-left: 2px solid #06618c;
	padding-left: 5px;
}

.tdetail_item>span ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.tdetail_item>span ul li {
	margin-bottom: 3px;
}

.tdetail_item>span ul a.icommande {
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 16px;
}

.tdetail_item>span ul a.ifile {
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 16px;
}

.tdetail_item>span ul li a {
	/* text-decoration: underline; */
	padding: 4px 10px 4px 25px;
	color: #06618c;
	font-size: 12px;
}

.nofiles {
	display: none;
	font-weight: lighter;
}

.det-title {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
}

.tclient_detail_item {
	margin-left: 7px;
	/* margin-top: 20px; */
	/* border-top: 1px solid #ccc; */
}

.tclient_detail_item label {
	font-weight: bold;
	display: block;
	margin: 0;
}

.tclient_detail_item span {
	padding-left: 3px;
	border-left: 1px solid #ccc;
	display: block;
	margin-bottom: 10px;
}

.tclient_detail {
	margin-top: 20px;
	padding-bottom: 14px;
	border-bottom: 1px solid #ccc;
}

.client_actions a {
	display: block;
	color: #464646;
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 16px;
	padding: 2px 3px;
	padding-left: 20px;
}

.tcommercials {
	display: block;
	border: 1px solid #ccc;
	margin: 20px -10px 0 -5px;
}

.tcommercials ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding: 7px;
}

.tcommercials ul li {
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	max-width: 103px;
	text-align: center;
	/* border-left: 1px solid #ccc; */
	padding: 5px 5px;
	border-radius: 5px;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}

.tcommercials ul li:hover {
	background: #00354e;
	color: #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.tcommercials ul li span {
	display: block;
	font-size: 10px;
}

.tcommercials ul li img {
	height: 32px;
	width: 32px;
	display: block;
	float: none;
	margin: 0 auto;
}

.tctitle {
	background: #06618c;
	color: #fff;
	padding: 4px 0;
	text-align: center;
}

.nocommercials {
	display: block;
	text-align: center;
	margin-top: 15px;
}

.label-white {
	background: #fff;
	border: 1px solid #868686;
	color: #545454;
}

.loader--style1 svg {
	height: 40px;
}

.stat-card {
	width: 200px;
	/* background: #ccc; */
	border: 1px solid #ccc;
	height: 90px;
	position: relative;
}

.sc-icon {
	position: relative;
	display: block;
	float: left;
	left: 0;
	top: 0;
	height: 100%;
	width: 35%;
	background: #06618c;
	color: #fff;
	/* font-size: 50px; */
	/* padding-left: 9%; */
	/* padding-top: 5%; */
	overflow: hidden;
}

.sc-icon span {
	height: 50px;
	width: 50px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
	font-size: 50px;
	text-align: center;
	padding-top: 18px;
}

.sc-detail {
	display: inline-block;
	width: 65%;
	text-align: center;
	position: relative;
}

.scd-icon {
	position: absolute;
	left: 0;
	top: 0;
	height: 44px;
	width: 25px;
	font-size: 20px;
	line-height: 20px !important;
	padding-top: 16px;
	margin-top: -5px;
}

.scd-number {
	display: block;
	height: 44px;
	width: 100%;
}

.scd-number b {
	display: block;
	text-align: center;
	font-size: 35px;
	line-height: 44px;
	font-weight: bold;
}

.scd-subtitle {
	font-size: 12px;
	display: block;
	height: 44px;
}

.stats-overview {
	margin-bottom: 30px;
}

.stat-date-choser {}

.as-datechose {
	position: absolute;
	right: 41px;
	width: 243px;
	float: right;
	padding: 5px 10px;
	border: 1px solid #3d4248;
	background: #ffff;
	z-index: 9999;
	border-radius: 3px;
	display: none;
}

.as-datechose>label {
	display: block;
	background: #3d4248;
	color: #fff;
	text-align: center;
	margin: -5px -10px;
	width: 257px;
}

.as-date-chooser-container {}

.asd-input {}

.asd-input input {}

.asd-input label {}

.asd-title {
	background: #3d4248;
	color: #fff;
	padding: 6px;
	margin: -5px -10px;
	width: 242px;
	display: block;
	text-align: center;
	box-shadow: 0px 1px 3px #ccc;
	margin-bottom: 10px;
}

.adt-v {
	display: none;
}

.actiondatechose {
	text-align: right;
	padding-top: 10px;
}

.whenloading {
	height: 500px;
}

.vx-footer {
	text-align: right;
	border-top: 1px solid #ccc;
	padding-top: 20px;
}

button#vx-ok {
	float: right;
	min-width: 110px;
	margin-left: 20px;
}

.maplive {
	border: 1px solid red;
	background: #ffffff91;
	position: absolute;
	left: 3px;
	bottom: 28px;
	z-index: 999;
	padding: 2px 10px 2px 10px;
	color: red;
	box-shadow: 0px 0px 13px 4px #ffffff91;
	text-transform: uppercase;
	font-weight: bold;
}

.maplive .fa {
	margin-right: 9px;
	animation: pulse 1s infinite;
}

@keyframes pulse {
	0% {
		opacity: 1;
	}

	10% {
		opacity: 0.6;
	}

	20% {
		opacity: 0.2;
	}

	30% {
		opacity: 0;
	}

	40% {
		opacity: 0.2;
	}

	50% {
		opacity: 0.4;
	}

	60% {
		opacity: 0.6;
	}

	70% {
		opacity: 0.8;
	}

	80% {
		opacity: 1;
	}

	90% {
		opacity: 1;
	}

	100% {
		opacity: 1;
	}
}

.colorhelper {
	margin-top: 5px;
}

.colorhelper ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
	text-align: center;
}

.colorhelper ul li {
	display: inline-block;
	height: 15px;
	width: 15px;
	cursor: pointer;
	border: 1px solid #fff;
}

.colorhelper ul li:hover {
	border: 1px solid #060606;
}

.iconhelper {
	text-align: center;
}

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

.iconhelper ul li {
	width: 46px;
	height: 46px;
	display: inline-block;
	background-position: 50% 0%;
	/* background-size: 38%; */
	background-repeat: no-repeat;
	cursor: pointer;
	border: 1px solid #ccc;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.iconhelper ul li:hover {
	background-position: 50%;
	border: 1px solid #06618c;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.iconhelper ul li.active {
	background-position: 50% 0%;
	border: 1px solid #031b26;
	background-color: #06618c;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

#live_map_holder {
	position: relative;
	overflow: hidden;
	margin: -15px;
}

#live_map {
	height: 440px;
}

#list_commercials {
	position: absolute !important;
	display: none;
	z-index: 999;
	background: #fffffff2;
	left: 0;
	top: 0;
	padding-top: 15px;
}

#list_commercials ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 440px;
	max-height: 440px;
	/* overflow-x: hidden; */
	/* overflow-y: scroll; */
	width: 200px;
}

#list_commercials ul li {
	display: block;
	min-height: 30px;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	padding-left: 10px;
}

#list_commercials ul li:hover {
	background: #f9f9f9;
	border-bottom: 1px solid #ccc;
}

.map_controls {
	position: absolute;
	z-index: 19;
}

.btn-formap {
	background: #ffffffeb;
	color: #797979;
}

.mc-right {
	right: 8px;
	top: 7px;
	z-index: 21 !important;
}

.mc-left {
	left: 8px;
	top: 8px;
}

.cl_close {
	position: absolute;
	right: -16px;
	top: -6px;
	cursor: pointer;
	color: #fff;
	text-shadow: 0px 0px 2px #000;
	font-size: 25px;
}

.cl_close i {}

.ci-top .label {
	float: right;
	margin-right: 8px;
}

.ci-top {}

.map-info {
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
	width: 100%;
	z-index: 20;
	background: #06628c;
	text-align: center;
	color: #fff;
	display: none;
}

.map-info span {
	margin-right: 10px;
	display: none !important;
}

.map-info div {
	display: inline-block;
	padding: 9px 0;
}

.ic-mp {
	position: absolute;
	left: 0;
	top: 2px;
}

.in-mp {
	font-size: 10px;
	font-style: normal;
	margin-left: 4px;
	/* color: #06618c; */
}

.tl-mp {
	margin-left: 13px;
}

.map-com-detail .mcd-close {
	position: absolute;
	right: 2px;
	top: 1px;
	color: #790707;
	cursor: pointer;
}

.map-com-detail .mcd-online {
	position: absolute;
	left: 10px;
	top: 7px;
	/* color: #31a031 !important; */
}

.map-com-detail {
	display: none;
	position: absolute;
	left: 0px;
	right: unset;
	height: 100%;
	top: 0;
	z-index: 999999;
	background: #fffffff2;
	color: #003a64;
	width: 250px;
	padding: 10px;
	border: 1px solid #fff;
	box-shadow: 0px 0px 8px 0px #00000082;
}

.map-com-detail i {
	font-size: 12px;
	font-style: normal;
	margin-bottom: -2px;
	display: block;
}

.map-com-detail b {
	display: block;
	font-weight: lighter;
	font-size: 11px;
	padding-top: 2px;
}

.mcd-name {
	margin: 0;
	padding: 0;
	padding-left: 28px;
	margin-top: -11px;
	padding-top: 4px;
	padding-bottom: 5px;
	margin-left: -12px;
	width: 110%;
	background: #f3f3f3;
	font-size: 21px;
	/* color: #fff; */
}

.mcd-detail {
	color: #525252;
	display: block;
	padding: 8px 0 11px 0px;
}

.mcd-actions {
	display: none;
	margin: 15px 0 0px 0px;
	/* background: #fff; */
	text-align: center;
	padding: 10px 0;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.mcd-now {
	color: #404040;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

.mcd-stats {
	display: block;
	margin: 0 0 0 0;
	font-size: 13px;
	color: #232323;
	text-align: center;
}

.mcd-stats span {
	display: inline-block;
	height: 50px;
	width: 49%;
	/* background: #fff; */
	border: 1px solid #ffffff;
	margin: 0 0 5px 0;
	cursor: help;
}

.mcd-stats span>i {
	font-size: 20px;
	font-weight: bold;
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	background: #fff;
	color: #3e3e3e;
}

.mcd-stats span>b {}

.mcd-stats .kms {
	background: #337ab7;
	color: #fff;
	border: 1px solid #125086;
}

.mcd-stats .acts {
	background: #bd4141;
	border: 1px solid #ab2727;
	color: #fff;
}

.mcd-stats .pros {
	background: #717171;
	border: 1px solid #656565;
	color: #fff;
}

.mcd-stats .cmds {
	background: #50e2c2;
	border: 1px solid #24b999;
}

.mi-topper {
	position: absolute;
	left: 0;
	top: 0;
	height: 30%;
	width: 100%;
	background: #000000d6;
}

.mi-bellower {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 30%;
	width: 100%;
	background: #000000d6;
}

.mi-txt {
	/* position: absolute; */
	/* left: 0; */
	/* top: 30%; */
	/* height: 40%; */
	text-align: center;
	width: 100%;
	color: #fff;
	font-weight: bold;
}

.mcdn-stat {}

.mcdn-next {}

.mcdn-next span {}

.mcdn-next b {}

.mcdn-detail {
	font-size: 11px;
}

.mcdn-detail b {
	display: inline-block !important;
	font-size: 12px;
	font-weight: bold;
}

.mcdn-card {
	margin-bottom: 9px;
	border: 1px solid #06618c;
	border-bottom: none;
}

.mcdnc-time {
	display: block;
	text-align: center;
	background: #06618c;
	color: #fff;
	font-size: 11px;
}

.mcdnc-title {
	display: block;
	text-align: left;
	font-size: 12px;
	padding: 0 5px;
}

.mcdnc-detail {
	display: block;
	font-size: 12px;
	padding: 0 5px;
}

.mcdnc-detail b {
	display: inline !important;
	font-size: 12px;
	font-weight: bold;
}

.mcda-more {
	padding: 0 0 11px 9px;
}

.mcda-more ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

.mcda-more ul li {
	/* padding: 3px 0 3px 0; */
}

.mcda-more ul li:hover {
	background: #fbfbfb;
}

.mcda-more ul li a {
	background: none !important;
	color: #292929;
	text-decoration: none !important;
	border-bottom: 1px dotted #bdbdbd;
	font-size: 12px;
}

.mcda-more ul li a .fa {}

.mcda-more ul li a:hover {}

.pnp {
	padding: 2px 7px;
}

.opp-client {
	position: relative;
}

.op-typeclientselect {
	display: table;
	height: 36px;
	text-align: center;
	width: 100%;
	margin-bottom: 15px;
}

.op-typeclientselect b {
	display: table-caption;
	text-align: center;
	padding: 5px 0;
	width: 100%;
}

.op-typeclientselect span {
	width: 49%;
	position: relative;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
	background: #f7f7f7;
	border: 1px solid #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.op-typeclientselect span:hover {
	background: #dcdcdc;
	color: #2b2b2b;
	border: 1px solid #9a9696;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.op-typeclientselect span.active {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background: #337ab7;
	color: #fff;
	border: 1px solid #164f7f;
}

.op-typeclientselect span::after {
	content: "\f00c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: -75px;
	color: #fff;
	opacity: 0.2;
	top: -26px;
	font-size: 80px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.op-typeclientselect span.active::after {
	left: -7px;
	top: -26px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.op-client-new {
	display: none;
}

.op-client-exists {
	display: none;
	margin-bottom: 15px;
}

.list-agents-pic {}

.lap-control {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #ffffffbf;
	width: 100%;
	text-align: center;
}

.lap-control .lapc-delete {
	display: inline-block;
	/* background: #fff; */
	/* border: 2px solid #bd0000; */
	color: #bd0000;
	border-radius: 100%;
	font-size: 17px;
	cursor: pointer;
	text-shadow: 0px 0px 2px #e6e6e6;
	/* height: 25px; */
	/* width: 25px; */
	/* text-align: center; */
}

.content-is-loading {
	min-height: 80px !important;
	min-width: 80px !important;
}

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

.list-agents-pic ul li {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 90px;
	overflow: hidden;
	padding: 2px 0;
	border: 1px solid #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.list-agents-pic ul li:hover {
	background: #f9f9f9;
	border: 1px solid #eaeaea;
	border-radius: 6px;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.list-agents-pic img {
	display: block;
	height: 50%;
	float: none;
	margin: auto;
}

.list-agents-pic .lap-name {
	display: block;
	text-align: center;
	font-size: 11px;
	margin-top: 7px;
	word-wrap: break-word;
}

.list-agents-pic .lap-number {
	display: block;
	position: absolute;
	left: calc(50% - 18px);
	width: 36px;
	top: calc(50% - 10px);
	font-size: 9px;
	background: #06618c;
	color: #fff;
	text-align: center;
	border: 1px solid #06618c;
	border-radius: 3px;
	overflow: hidden;
}

.no-data-inner {
	text-align: center;
	min-height: 100px;
	padding-top: 50px;
}

.opt-footer {
	text-align: center;
}

.doc_header {
	width: 90%;
	/* min-width: 21cm; */
	margin: 0 auto;
	float: none;
	border-bottom: 1px solid #ccc;
	height: 135px;
	margin-bottom: 20px;
}

.doc-type {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bold;
	/* padding-left: 15px; */
}

.doc-detail {
	padding-left: 2px;
}

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

.doc-detail ul li {
	/* border-bottom: 1px solid #f1f1f1; */
}

.doc-detail ul li b {
	font-weight: lighter;
	width: 105px;
	display: inline-block;
}

.doc-detail ul li i {
	font-weight: bold;
	font-style: normal;
}

.doc-big-det b {
	font-weight: normal;
}

.doc-big-det i {
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	display: block;
}

.doc-big-det {
	margin-top: 0px;
}

.doc_body {
	padding: 0 10px;
	width: 90%;
	margin: 0 auto;
}

.doc-articles {
	margin-top: 45px;
}

.ptble {}

.ptble thead {
	background: #868686;
	color: #fff;
	text-align: center;
	/* vertical-align: middle; */
}

.ptble thead tr {}

.ptble thead td {
	vertical-align: middle !important;
}

.ptble tbody td {
	/* border-right: none !important; */
}

.ptble tbody tr {}

.ptble tbody {}

table .ptext {
	text-align: left;
}

table .pnum {
	text-align: right;
}

.psubnum {
	text-align: right;
	font-weight: bold;
	/* font-size: 16px !important; */
}

.psubtext {
	text-align: left;
	vertical-align: middle !important;
	border-left: none !important;
	/* border-right: none !important; */
}

.doc-prefoot {
	font-weight: bold;
	text-align: right;
	font-size: 12px;
}

.doc-foot {
	width: 90%;
	border-top: 1px solid #ccc;
	margin: 43px auto 0 auto;
}

.doc-nav {
	height: 15px;
	border-bottom: 1px solid #ececec;
	position: relative;
	width: 104%;
	margin-left: -14px;
	box-shadow: -1px 4px 5px #e8e8e8;
	margin-bottom: 20px;
}

.doc-close {
	display: block;
	position: absolute;
	right: 10px;
	top: -10px;
	color: #ccc;
	cursor: pointer;
}

.doc-nav .btn-group {
	position: absolute;
	right: 70px;
	top: -12px;
}

.doc-content {
	background: #fff;
}

.na-maperror {
	display: block;
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	/* height: 80px; */
	text-align: center;
	color: #fff;
	padding: 15px;
	z-index: 1000;
	background: #ca5353;
}

.navbar-collapse.collapsing {
	position: absolute;
	overflow: hidden !important;
	overflow-y: auto !important;
	display: block !important;
	width: 100%;
	left: -20px;
	top: 52px;
	z-index: 10000;
}

.menu-extra {}

li.menu-extra a {
	color: #2d2d2d;
	font-weight: bold;
}

li.menu-extra a .fa {
	color: #06618c;
}

.il-animation-holder {}

.il-animation {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -33px;
	margin-left: -33px;
	width: 66px;
	max-height: 66px;
}

.resultlist {
	/* display: none; */
	position: absolute;
	width: 100%;
	padding: 4px 0 0 0;
	background: #ffffff;
	border: 1px solid #ccc;
	overflow: hidden;
}

.resultlist ul {
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 200px;
	overflow: hidden;
}

.resultlist ul li {
	padding: 0px 0 0 8px;
	border-bottom: 1px solid #fff;
}

.resultlist ul li:hover {
	background: #1978a50f;
	cursor: pointer;
	border-bottom: 1px solid #1978a5c9;
}

.resultlist ul li a {
	background: transparent;
	color: #6b6b6b;
	text-decoration: none;
	display: block;
	padding: 5px 0;
}

.tcp-editor-holder {}

.tcp-editor {
	height: 30px;
	padding: 0 0 5px 10px;
	width: 100%;
	border: 1px solid #ffffff;
	outline: none;
	border-bottom: 1px solid #1978a5;
	box-shadow: 0px 6px 3px #e8e8e8;
	margin-bottom: 11px;
}

.crm-search-panel-holder {
	display: none;
	position: absolute;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 50px;
	/* overflow: hidden; */
	background: #ffffff;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 2px #ccc;
	border-radius: 0 0 5px 5px;
}

.crm-search-panel {}

.cs-title {
	width: 100%;
	display: block;
	text-align: center;
	padding: 8px 0 1px 0;
	background: #f9f9f9;
	color: #848484;
	/* border-bottom: 1px solid #ccc; */
}

.crm-search-panel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.crm-search-panel ul li.subname {
	color: #ccc;
}

.crm-search-panel ul li {
	font-family: "Monda", sans-serif;
	font-size: 14px;
	border-bottom: 2px solid #fff;
	padding: 2px 0 2px 5px;
	cursor: pointer;
	overflow: hidden;
}

.crm-search-panel ul li:hover {
	background: #eaeaea;
	border-bottom: 2px solid #b3b3b3;
	color: #464646;
}

.crm-search-panel ul li.disabled {}

.crm-search-panel .close {}

.crm-search-panel .close:hover {}

.crm-picker {
	background: #f9f9f9;
	border: 1px dashed #ccc;
}

.crm-picker.valid-choice {
	background: #f9f9f9;
	border: 1px dashed #337ab7;
}

.crm-picker.invalid-choice {
	background: rgba(255, 19, 0, 0.08) !important;
	border: 1px dashed #c90000;
}

i.subname {
	float: right;
	font-size: 11px;
	color: #9a9a9a;
	font-style: normal;
}

.font-new {
	font-family: "Questrial", sans-serif;
}

.crm-picker:hover {}

.crm-picker:focus {
	background-color: #fff;
}

.crm-picker.waiting {
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 50%;
	background-size: 30px;
	background-color: #fff;
}

.cs-action {
	text-align: center;
	display: block;
	padding: 5px 0;
	background: #06618c;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	margin-top: 10px;
	/* margin-bottom: -8px; */
}

.cs-action:hover {
	background: #3391bd;
	color: #fff;
	text-decoration: none;
}

.cs-action span {}

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

.crm-steps {}

.oppp_header {
	padding: 11px 13px;
	margin: 0;
	box-shadow: 0px 3px 10px #e2e2e2;
}

.oppp_header h3 {
	font-size: 18px;
	font-weight: bold;
	width: calc(100% - 102px);
	margin: 0;
	display: inline-block;
	padding-left: 7px;
	color: #505050;
}

.oppp_header span.icon {
	display: inline-block;
	width: 100px;
	text-align: right;
	padding-right: 9px;
	height: 27px;
	/* border: 1px solid #0aa0e6; */
	background: #06618c;
	color: #fff;
	margin-left: -15px;
	padding-top: 2px;
	cursor: help;
	font-size: 15px;
	font-weight: bold !important;
}

#opp_preview {
	/* background: #ccc; */
	margin: -15px -15px 0px -15px;
	overflow: hidden;
}

.oppp_body {
	margin: 0;
	padding: 10px 7px 0 7px;
}

.opp_stages {
	margin: 0px -8px;
}

.crm-details {
	margin: 15px -7px;
	text-align: center;
}

.crm-detail {
	display: inline-block;
	text-align: left;
	margin-bottom: 5px;
	border-bottom: 1px solid #eaeaea;
	padding: 5px 0 4px 0;
}

.crm-detail:hover {}

.crm-detail.xs {}

.crm-detail.sm {
	width: 33.33%;
}

.crm-detail.lg {
	width: 100%;
	/* border-bottom: 1px solid #eaeaea; */
	/* margin-bottom: 5px; */
}

.crm-detail.md {
	width: calc(50% - 2px);
}

.crd-title {
	color: #a5a5a5;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

.crd-title::after {
	content: ":";
	color: #06618c;
	font-weight: bold;
	margin-left: 5px;
}

.crd-text {
	/* font-weight: bold; */
}

.oppc_logo {
	width: 100px;
	height: 100px;
	background-size: 100%;
	position: absolute;
}

.oppc_name {}

.opp-details {
	margin: 0;
	padding: 0;
	list-style: none;
}

.opp-details li {
	border-left: 2px solid #32c5d2;
	margin-bottom: 2px;
	padding-left: 3px;
	border-bottom: 1px solid #e8e8e8;
	color: #969696;
	cursor: default;
}

.opp-details li:hover {
	background: #fbfbfb;
	color: #424242;
	border-left: 2px solid #06618c;
	border-bottom: 1px solid #06618c;
}

.opp-details li label {
	padding: 0 3px 0 0;
}

.opp-details li label::after {
	content: ":";
	font-weight: bold;
	padding-left: 3px;
}

.opp-details li b {
	color: #545454;
}

.opp-details li b a {
	text-decoration: none;
	color: #06618c;
	border-bottom: 1px dotted #f3f3f3;
	background: transparent;
}

.opp-details li b a:hover {
	color: #1499d8;
	border-bottom: 1px dotted #06618c;
}

.opp-desc {
	margin: 0;
	padding: 0;
	margin-bottom: -16px;
	font-size: 15px;
	border-left: 2px solid #32c5d2;
	border-bottom: 1px solid #ccc;
	padding-left: 5px;
	padding-bottom: 5px;
	color: #969696;
}

td.highlight {
	position: relative;
}

.new-sidebar.floatable {
	margin-left: -280px;
	margin-top: -33px;
	overflow: hidden;
	width: 260px;
	box-shadow: 5px 0px 8px #8a8a8a !important;
	z-index: 99999999999;
	background: #fff;
}

.nlogo.floatable {
	height: 70px;
	cursor: default;
}

.nlogo.floatable img {
	max-height: 55px;
	margin-top: 8px !important;
}

.page-content.floatable {
	margin-left: 0px;
}

.tw_sandwich {
	height: 50px;
	width: 52px;
	position: absolute;
	left: -20px;
	top: 13px;
	cursor: pointer;
	padding-top: 7px;
	/* overflow: hidden; */
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.tw_sandwich:hover {
	left: -10px;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.tw_sandwich.open {
	left: -10px;
}

.tw_sandwich span {
	display: block;
	height: 3px;
	width: 100%;
	background: #06618c;
	margin-bottom: 5px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.tw_sandwich span.i1 {}

.tw_sandwich span.i2 {}

.tw_sandwich span.i3 {}

.tw_sandwich span.i4 {}

.tw_sandwich.open span {}

.tw_sandwich.open span {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.tw_sandwich.open span.i1 {
	position: absolute;
	left: 15px;
	top: 18px;
	transform: rotate(133deg);
	width: 35px;
}

.tw_sandwich.open span.i2 {
	position: absolute;
	right: 2px;
	top: 18px;
	transform: rotate(226deg);
	width: 35px;
}

.tw_sandwich.open span.i3 {
	display: none;
}

.tw_sandwich.open span.i4 {
	display: none;
}

@media (max-width: 500px) {
	.new-sidebar {
		width: 100%;
	}
}

.devis_container {
	margin: 0;
	margin-top: 12px;
}

.devis_left {
	/* width: 100%; */
	/* display: inline-block; */
	padding: 0 6px 0 0;
	margin: 0;
	/* max-height: 300px; */
	/* overflow-y: scroll; */
	padding-right: 10px;
	/* border-bottom: 1px solid #807e7e; */
}

.devis_right {
	/* width: 59%; */
	/* display: inline-block; */
	margin: 0;
	padding: 0;
}

.portlet-title.pt-min {
	position: absolute;
	left: -5px;
	top: 3px;
	width: calc(100% + 10px);
	padding-bottom: 5px !important;
	/* box-shadow: 0px 2px 2px #ccc; */
}

.portlet-title.pt-min .caption {
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
	padding: 5px 2px 8px 7px;
}

.portlet-title.pt-min .actions {
	position: absolute;
	right: 5px;
	top: -5px;
}

.portlet-title.pt-min .actions button {
	border-radius: 0 !important;
}

.pt-portlet {
	padding: 0 10px 0 10px !important;
	margin-bottom: 7px;
	border-radius: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.pt-portlet .portlet-body {
	padding-top: 40px !important;
}

.pt-closed {
	/* height: 28px !important; */
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.ccol {
	padding: 0;
}

.inline_change {
	display: block;
	text-align: right;
	font-size: 12px;
	margin: 4px 0;
	text-decoration: none;
	color: #252424;
}

.inline_change:hover {}

.crm_select_view {}

.cs-header {
	background: #ffffff;
	margin: -22px -15px 10px -15px;
	/* border-bottom: 1px solid #ccc; */
	position: relative;
	box-shadow: 0px 7px 10px #c5c5c5;
	overflow: hidden;
	border-radius: 4px 3px 0 0;
}

.cs-header h3 {
	font-size: 20px;
	padding: 12px 0 12px 80px;
	margin: 0 0 0 0;
}

.csh-close {
	background: #046390;
	border: 1px solid #06618c;
	color: #fff;
	position: absolute;
	right: 10px;
	top: -1px;
	padding: 2px 11px;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.csh-close:hover {
	background: #2997cc;
	border: 1px solid #568aa2;
	color: #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.csh-icon {
	position: absolute;
	left: -1px;
	top: 10px;
	width: 67px;
	height: 29px;
	background: #06618c;
	color: #fff;
	display: block;
	text-align: right;
}

.csh-icon b {}

.csh-icon i {
	font-size: 18px;
	margin-top: 7px;
	margin-right: 8px;
}

.cs-body {}

.cs-results {
	width: 100%;
}

.cs-result {
	border-bottom: 1px solid #ccc;
	margin-bottom: 2px;
	padding-bottom: 5px;
	cursor: default;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	margin: 0;
}

.cs-result:hover {
	background: #efefef;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.cs-result.selected {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.cs-result.selected:hover {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.cs-result .col {
	vertical-align: middle;
	/* min-height: 50px; */
	/* height: 100%; */
	padding-top: 6px;
}

.cs-result .col b {
	font-size: 11px;
	font-weight: normal;
	display: block;
	text-align: center;
}

.cs-result .col span {
	display: block;
}

.cs-select {
	height: 30px;
	width: 30px;
	background: #fff;
	text-align: center;
	border: 1px #06618c solid;
	border-radius: 2px;
	padding: 0;
	overflow: hidden;
	cursor: pointer;
	box-shadow: 0 0 7px #ccc;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.cs-select i {
	color: #efefef;
	font-size: 40px;
	margin: 4px 0px 0px -6px;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.cs-select:hover {
	background: #fdfdfd;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.cs-select:hover i {
	color: #06618c;
	font-size: 30px;
	margin: 6px 0px 0 -1px;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.cs-select.active {
	background: #06618c;
	box-shadow: 0 0 2px #06618c;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.cs-select.active i {
	color: #fff;
	font-size: 30px;
	margin: 6px 0px 0 -1px;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.cs-select.active:hover {
	background: #05425f;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.devis_list {
	border: 1px solid #ccc;
	margin: 0 -15px;
}

.dl-header {
	background: #dcdcdc;
	border-bottom: 2px solid #ccc;
	color: #404040;
	font-weight: bold;
	text-align: center;
	margin: 0;
}

.devis_list {}

.dl-item:hover {
	background: #f7f7f7;
}

.devis_list .col {
	padding: 3px 2px 3px 6px;
}

.dl-item .col {
	padding: 7px 2px 7px 6px;
	border-right: 1px solid #ccc;
}

.dl-item input[type="text"] {
	/*display: none;*/
}

.dl-item {
	margin: 0;
	border-top: 1px solid #32c5d2;
	cursor: default;
}

.dl-item .main {
	font-size: 15px;
	font-weight: bold;
	text-align: left !important;
}

.dl-item .num {
	/* font-weight: bold; */
	text-align: right;
	padding-right: 5px;
	overflow: hidden;
}

.dl-item .txt {
	text-align: center;
	/* font-weight: bold; */
}

@media (min-width: 992px) {
	.devis_list .col {}
}

@media (min-width: 768px) {
	.devis_list .col {}
}

@media (max-width: 767px) {
	.dl-item .num {
		text-align: center !important;
		border: none;
	}

	.dl-item {
		margin-bottom: 10px;
		border: 1px solid #dedede;
	}

	.devis_list {
		border: unset;
	}

	.dl-item .txt {
		text-align: center !important;
		border: none;
	}

	.dl-item .main {
		text-align: left !important;
		border-bottom: 1px solid #32c5d2;
		padding-right: 5px;
	}

	.dl-header {
		display: none;
	}

	.dl-item>.col>span {
		display: block !important;
	}

	.dl-item .edit_item {
		/* width: 80%; */
	}

	.dl-item .edit_item span {
		/* display: inline !important; */
	}
}

.dl-item .edit_item span {
	display: none;
}

.dl-item>.col>span {
	display: none;
	background: #8a8a8a;
	color: #fff;
	margin: -8px -5px 3px -6px;
	text-align: center;
}

.mdv_montant {
	text-align: right;
	font-size: 17px;
	border-bottom: 1px solid #ccc;
}

.mdv_montant span {
	padding-right: 0px;
	font-weight: bold;
}

.mdv_montant b {
	font-weight: normal;
	/* font-style: italic; */
}

.mdv_info {
	font-size: 12px;
	border-left: 1px solid #ccc;
	display: block;
	margin-left: -7px;
	padding: 7px 2px;
	padding-left: 6px;
}

.devis_list .delete_item {
	margin: 2px 0 0 3px;
}

.devis_list .edit_item {
	margin: 2px 0 0 3px;
}

.dl-nodata {
	margin: 0 !important;
	overflow: hidden;
}

.dl-nodata span {
	font-size: 80px;
	position: absolute;
	display: block;
	right: 6px;
	top: -18px;
	color: #efefef;
	z-index: 8;
}

.dl-nodata p {
	display: block;
	text-align: center;
	position: relative;
	z-index: 9;
	padding: 10px 10px 0 10px;
}

.dl-nodata a {
	color: #06618c;
	background: unset;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #06618c;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.dl-nodata a:hover {
	border-bottom: 1px dotted #06618c;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.pt-toggle {
	cursor: pointer;
}

.devis_sub {
	/* background: #ccc; */
	border-bottom: 1px dotted #ccc;
	margin: 0 -10px 0 -16px;
	padding: 3px 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.devis_sub:hover {
	background: #e5e5e5;
	padding-left: 5px;
	/* padding-right: 3px; */
	border-left: 5px solid #ccc;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.dtitle {
	text-align: left;
	padding: 0 !important;
	padding-left: 10px !important;
	cursor: default;
	font-size: 15px;
}

.dtitle::after {}

.dcontent {
	text-align: right;
	font-size: 15px;
	font-weight: bold;
}

.dcontent span {
	padding-right: 3px;
}

.dcontent b {
	font-weight: normal;
}

.ddivider {
	margin: 5px 0;
}

div#devis_summary {
	max-width: 300px;
	width: 100%;
	float: right;
}

.pop_waiting {
	position: fixed;
	left: 50%;
	margin-left: -85px;
	z-index: 999999;
	top: 20%;
	background: #1f85b5e0;
	border: 2px solid #06618c;
	padding: 5px 8px;
	color: #fff;
	border-radius: 5px;
	font-weight: bold;
	cursor: wait;
	box-shadow: 2px 2px 2px #adadad;
}

.pop_inner {}

.pop_inner .ileft {
	position: absolute;
	left: -2px;
	height: 7px;
	top: 0%;
	width: 2px;
	background: #fff;
	box-shadow: 0 0 4px 1px #fff;

	-webkit-animation: l-move 2s infinite;
	-o-animation: l-move 2s infinite;
	animation: l-move 2s infinite;
}

.pop_inner .itop {
	position: absolute;
	left: 96%;
	height: 2px;
	top: -3px;
	width: 8px;
	background: #fff;
	box-shadow: 0 0 4px 1px #fff;

	-webkit-animation: t-move 2s infinite;
	-o-animation: t-move 2s infinite;
	animation: t-move 2s infinite;
}

.pop_inner .iright {
	position: absolute;
	right: -2px;
	height: 7px;
	top: 0;
	width: 2px;
	background: #fff;
	box-shadow: 0 0 4px 1px #fff;

	-webkit-animation: r-move 2s infinite;
	-o-animation: r-move 2s infinite;
	animation: r-move 2s infinite;
}

.pop_inner .ibottom {
	position: absolute;
	left: -2px;
	height: 2px;
	bottom: -2px;
	width: 8px;
	background: #fff;
	box-shadow: 0 0 4px 1px #fff;

	-webkit-animation: b-move 2s infinite;
	-o-animation: b-move 2s infinite;
	animation: b-move 2s infinite;
}

.pop_shadow {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #00000042;
	z-index: 888888;
}

@keyframes l-move {
	0% {
		height: 0;
		top: 0;
		opacity: 1;
	}

	2% {
		height: 8px;
	}

	23% {
		height: 8px;
	}

	25% {
		top: 100%;
		height: 1px;
		opacity: 1;
	}

	26% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	75% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@keyframes t-move {
	0% {
		opacity: 0;
		left: 96%;
	}

	24% {}

	25% {}

	26% {}

	50% {}

	51% {}

	74% {
		opacity: 0;
	}

	75% {
		left: 96%;
		opacity: 1;
	}

	100% {
		left: -2px;
		opacity: 1;
	}
}

@keyframes b-move {
	0% {
		left: -2px;
		opacity: 0;
	}

	24% {
		opacity: 0;
	}

	25% {
		left: -2px;
		opacity: 1;
	}

	26% {}

	50% {
		left: 96%;
		opacity: 1;
	}

	51% {
		opacity: 0;
	}

	75% {}

	100% {
		left: 96%;
		opacity: 0;
	}
}

@keyframes r-move {
	0% {
		top: 96%;
		opacity: 0;
	}

	24% {}

	25% {}

	49% {
		top: 96%;
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	75% {
		top: -2px;
		opacity: 1;
	}

	76% {
		opacity: 0;
	}

	100% {
		top: -2px;
		opacity: 0;
	}
}

.dvstatus {
	text-align: center;
	background: #f8ffe5;
	margin-bottom: 6px;
	font-size: 12px;
}

.devis_actions.floating {
	position: fixed;
	z-index: 999;
	bottom: 1px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.devis_actions {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #fff;
	padding: 10px;
	text-align: right;
	width: 100%;
	height: 55px;
	border: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.devis_actions button {}

.previewdevis {
	float: left;
}

span.error {
	background: #e73d4a;
	color: #fff;
	display: block;
	text-align: center;
	margin: -2px 0 0 0;
	padding: 3px 0;
}

.dialog_container {
	position: fixed;
	z-index: 9999999;
	left: calc(50% - 175px);
	cursor: default;
	top: calc(50% - 80px);
	background: #fff;
	border: 1px solid #b3b3b3;
	box-shadow: 2px 2px 3px 0px #444;
	padding: 15px;
	overflow: hidden;
	border-radius: 3px;
	opacity: 1;
	-webkit-transform: scale3d(3.3, 4.3, 0.3);
	-moz-transform: scale3d(3.3, 4.3, 0.3);
	-ms-transform: scale3d(3.3, 4.3, 0.3);
	-o-transform: scale3d(3.3, 4.3, 0.3);
	transform: scale3d(0, 0, 0.3);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.dialog_container.shown {
	opacity: 1;
	-webkit-transform: scale3d(3.3, 4.3, 0.3) !important;
	-moz-transform: scale3d(3.3, 4.3, 0.3) !important;
	-ms-transform: scale3d(3.3, 4.3, 0.3) !important;
	-o-transform: scale3d(3.3, 4.3, 0.3) !important;
	transform: scale3d(1, 1, 1) !important;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.dialog_container.hiden {
	opacity: 0;

	-webkit-transform: scale3d(3.3, 4.3, 0.3) !important;
	-moz-transform: scale3d(3.3, 4.3, 0.3) !important;
	-ms-transform: scale3d(3.3, 4.3, 0.3) !important;
	-o-transform: scale3d(3.3, 4.3, 0.3) !important;

	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.d_header h3 {
	padding: 8px 10px 8px 12px;
	margin: 0 0 0 0;
	font-size: 17px;
	font-weight: bold;
	/* padding-bottom: 22px; */
	flex: 1;
}

.d_header span {}

.d_close {
	display: none !important;
}

.d_close:hover {}

.d_body {
	margin: 10px 5px;
}

.d_body p {
	text-align: center;
	margin: 0;
	padding: 22px;
}

.d_footer {
	background: #fff;
	margin: 0px -15px -15px -15px;
	padding: 10px 0 10px 0;
	/* text-align: center; */
	padding: 13px 13px;
	background: #fbfbfb;
}

.d_footer button {
	margin: 0 3px;
}

.d_footer button.tw_oui {
	float: right;
}

.tw_dialog_shadow {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #0000008a;
	z-index: 999999;
}

.d_header {
	background: #f5f5f5;
	margin: -15px -15px 0 -15px;
	box-shadow: -1px 5px 9px #dedede;
	display: flex;
	align-items: center;
}

.d_icon {
	/* position: absolute; */
	left: 0;
	top: 0;
	background: #32c5d2;
	color: #fff;
	padding: 10px 24px;
	line-height: 25px !important;
}

.tw_oui {
	min-width: 120px;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.tw_non {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.tw_btn_anim {
	position: absolute;
	display: none;
	top: 0px;
	left: 0;
	width: 100%;
	height: 3px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.tw_btn_anim li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	height: 100%;
	animation-duration: 2s;
	animation-iteration-count: infinite;
}

.tw_btn_anim li:nth-child(1) {
	background: #b1f8ff;
	animation-name: tbanim1;
	z-index: 3;
}

.tw_btn_anim li:nth-child(2) {
	background: #145a61;
	left: 30%;
	z-index: 2;
	animation-name: tbanim1;
	animation-delay: 0.9s;
}

.tw_btn_anim li:nth-child(3) {
	background: #24ecff;
	left: 60%;
	z-index: 1;
	animation-name: tbanim1;
	animation-delay: 1.3s;
}

@keyframes tbanim1 {
	0% {
		left: -100%;
	}

	25% {}

	50% {}

	75% {}

	100% {
		left: 100%;
	}
}

.inputinfo {
	display: block;
	width: 100%;
	text-align: center;
	/* padding: 1px 8px 1px 0px; */
	background: #f9f9f9;
	margin: 5px 0 0 0;
	border: 1px solid #717171;
	position: relative;
	font-size: 12px;
	color: #3c481d;
}

.inputinfo::after {
	content: " ";
	position: absolute;
	left: calc(50% - 5px);
	top: -5px;
	height: 10px;
	width: 10px;
	background: #717171;
	transform: rotate(45deg);
	box-shadow: 0px 0px 2px #ccc;
}

.inputinfo b {}

.inputinfo a {
	background: none !important;
	color: #545454;
	font-weight: bold;
	border-bottom: 1px dotted #404040;
	cursor: help;
	text-decoration: none;
	cursor: pointer;
}

.inputinfo a:hover {
	border-bottom: 1px dashed #545454;
	/* color: #32c5d2; */
}

.inputinfo span {
	position: relative;
	z-index: 2;
	background: #f9f9f9;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0px 0 0 0;
	padding: 3px 0 2px 0;
	cursor: help;
}

.gc_navigate {
	display: block;
	background: #fff;
	text-align: center;
	/* border: 1px solid #ccc; */
	border-right: none;
	box-shadow: 0px 4px 2px 0px #b1b1b1;
	margin-top: 0;
	margin-bottom: 0px;
	position: relative;
	z-index: 2;
	/* border-radius: 5px 5px 0 0; */
	/* overflow: hidden; */
	width: 100%;
}

.gc_navigate>ul {
	margin: 0;
	padding: 0;
	display: table;
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
}

.gc_navigate>ul>li {
	display: table-cell;
	width: calc(22%);
	text-align: center;
	margin: 0 0 0 0;
	position: relative;
	overflow: hidden;
	height: 82px;
	flex-wrap: nowrap;
	vertical-align: middle;
}

.gc_navigate>ul>li:first-child {
	width: 12%;
	text-align: center;
}

.gc_navigate>ul>li:first-child i {
	position: relative;
	left: unset !important;
	color: #06618c !important;
	top: 32px !important;
}

.gc_navigate>ul>li>a {
	min-height: 70px;
	display: block;
	height: 100% !important;
	text-decoration: none;
	color: #3e3e3e;
	border-right: 1px solid #ccc;
	border-top: 2px solid #fff;
	text-transform: uppercase;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_navigate>ul>li:last-child>a {
	border-right: none;
}

.gc_navigate>ul>li>a span {
	display: block;
	font-weight: bold;
	position: relative;
	z-index: 99;
	padding: 10px 3px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_navigate>ul>li>a b {
	display: inline-block;
	/* position: absolute; */
	background: #f1f1f1;
	color: #a0a0a0;
	padding: 1px 9px;
	margin: 0;
	border-radius: 2px;
	width: auto;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_navigate>ul>li>a i {
	position: absolute;
	left: -40px;
	top: 25px;
	font-size: 30px;
	z-index: 1;
	color: #f1f1f1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_navigate>ul>li>a:hover {
	background: #f1f1f1;
	border-top: 2px solid #3e3e3e;
}

.gc_navigate>ul>li>a:hover span {
	/* letter-spacing: 3px; */
	/* color: #fff; */
}

.gc_navigate>ul>li>a:hover b {
	background: #06618c;
	color: #fff;
	padding: 1px 16px;
}

.gc_navigate>ul>li>a:hover i {
	color: #e2e2e2;
	left: 3px;
}

.gc_navigate>ul>li.active>a {
	background: #fbfbfb;
	border-top: 2px solid #06618c;
}

.gc_navigate ul>li.active>a span {
	/* letter-spacing: 3px; */
	color: #06618c;
}

.gc_navigate>ul>li.active>a b {
	background: #c5c5c5;
	color: #ffffff;
	/* margin-top: 5px; */
}

.gc_navigate>ul>li.active>a i {
	color: #a7a7a7;
	left: -40px;
}

.gc_content_holder {
	display: block;
	min-height: 100px;
	background: #fff;
	padding: 20px 10px;
	margin-top: 15px;
}

.gc_content {
	margin-top: 30px;
}

.crm_table {
	border: none !important;
}

.crm_table th {
	background: #dadada !important;
	color: #2f2f2f;
	border: none !important;
	border-right: 1px solid #ffffff !important;
	border-top: 5px solid #a9a9a9 !important;
	padding: 5px 0px 10px 7px !important;
	width: auto !important;
}

.crm_table th:hover {
	background: #f3f3f3 !important;
}

.crm_table th.sorting_desc {
	background: #ccc !important;
}

.crm_table th.sorting_desc::before {
	content: "\f107";
	font: normal normal normal 20px/1 FontAwesome !important;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 6px !important;
	top: 5px;
	color: #000000 !important;
}

.crm_table th.sorting_asc {
	background: #ccc !important;
}

.crm_table th.sorting_asc::before {
	content: "\f106" !important;
	font: normal normal normal 20px/1 FontAwesome !important;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 6px !important;
	top: 5px;
	color: #000000 !important;
}

.crm_table tr {
	/* border: 1px solid #ccc !important; */
}

.crm_table td {
	border: none !important;
	overflow: visible !important;
}

.crm_table td:last-child {}

.crm_table tr.odd td {
	/* border-right: 1px solid #5fa9e8 !important; */
}

.crm_table tr.even td {
	/* border-right: 1px solid #5fa9e8 !important; */
}

.crm_table tr.even td:last-child {
	border-right: none !important;
}

.crm_table tr.odd td:last-child {
	border-right: none !important;
}

.crm_table tr.odd {}

.crm_table tr.even {}

.crm_table td.number {
	font-weight: bold;
	text-align: right;
}

.crm_table td.text {}

.crm_table_holder {
	border: none !important;
	/* overflow: visible !important; */
}

.gc_content_header {
	margin: -20px 0px 9px 0;
	padding: 10px 0;
	position: relative;
	border-bottom: 1px solid #ccc;
}

.gcc_title {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	padding-left: 10px;
}

.gcc_title i {
	margin-right: 10px;
}

.gcc_actions {
	display: block;
	position: absolute;
	right: 0;
	top: 10px;
}

.gcc_actions a {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gcc_actions a:hover {}

.gcc_filter {
	margin-bottom: 2px;
}

.gcc_content {}

.crm_table_search {
	font-size: 15px;
	padding: 3px 3px 3px 30px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-bottom: 4px solid #ccc;
	outline: none;
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: -6px 50%;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.crm_table_search:hover {
	background-color: #f5f5f5;
}

.crm_table_search:focus {
	background-color: #fbffed;
}

.gcc_filter_items {
	margin: 0;
	padding: 0;
	list-style: none;
	display: table;
	float: right;
}

.gcc_filter_items li {
	display: table-cell;
	padding: 3px 10px;
	text-align: center;
	vertical-align: middle;
	background: #ffffff;
	border-right: 1px solid #ccc;
	border-bottom: 4px solid #fff;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gcc_filter_items li span {
	font-size: 12px;
	font-weight: bold;
	/* color: #949494; */
}

.gcc_filter_items li:last-child {
	border-right: none !important;
}

.gcc_filter_items li:hover {
	border-bottom: 4px solid #dadada;
}

.gcc_filter_items li.active {
	/* background: #06618c; */
	cursor: text;
	color: #06618c;
	border-bottom: 4px solid #06618c;
}

.gcc_footer {
	margin-top: 45px;
}

.gcc_table_pagination {
	text-align: center;
}

.gcc_table_pagination ul {
	margin: 0;
	padding: 0;
	display: block;
}

.gcc_table_pagination ul li {
	display: inline-block;
	background: #06618c;
	margin: 0px 0px;
	padding: 4px 9px;
	border-right: 1px solid #fff;
}

.gcc_table_pagination ul li:last-child {}

.gcc_table_pagination ul li:hover {}

.gcc_table_pagination ul li:hover a {}

.gcc_table_pagination ul li:hover a i {}

.gcc_table_pagination ul li a {
	background: none !important;
	color: #fff;
	text-decoration: none;
}

.gcc_table_pagination ul li a i {}

.gcc_table_pagination ul li.disabled {
	opacity: 0.2;
}

.gcc_table_pagination ul li.active {
	background: #03415f;
}

.gcc_table_pagination ul li.disabled a {
	cursor: not-allowed;
}

.gcc_table_pagination ul li.disabled a i {}

.gcc_content_item {
	display: none;
}

#suivi_commandes {
	display: none;
}

.gc_landing_holder {
	padding: 5px;
}

.gc_landing_shortcuts {}

.gc_landing_shortcuts>ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.gc_landing_shortcuts>ul>li {
	display: inline-block;
	vertical-align: text-bottom;
	min-width: 150px;
	width: 23%;
	height: 150px;
	position: relative;
	margin: 0 10px 10px 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_landing_shortcuts>ul>li>a {
	display: block;
	min-height: 150px;
	min-width: 150px;
	text-decoration: none;
	background: #fff;
	border-radius: 2px;
	border: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-box-shadow: 3px 3px 2px 0px #ccc;
	-moz-box-shadow: 3px 3px 2px 0px #ccc;
	box-shadow: 3px 3px 2px 0px #ccc;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_landing_shortcuts>ul>li>a:hover {
	background: #efefef;
	border: 1px solid #a2a2a2;
	border-bottom: 2px solid #008bb7;
	-webkit-box-shadow: 3px 3px 2px 0px #ccc;
	-moz-box-shadow: 3px 3px 2px 0px #ccc;
	box-shadow: 3px 4px 2px 0px #ccc;
}

.gc_landing_shortcuts>ul>li>a .icon {
	display: block !important;
	font-size: 40px;
	color: #06618c;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_landing_shortcuts>ul>li>a .icon img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	max-width: 40px;
	max-height: 40px;
}

.gc_landing_shortcuts>ul>li>a .title {
	display: block;
	text-align: center;
	margin: 5px 5px;
	color: #5d5d5d;
	font-weight: bold;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_landing_shortcuts>ul>li>a b {
	display: block;
	background: #00b5ee;
	z-index: 99;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	color: #fff;
	border-radius: 100%;
	position: absolute;
	right: -5px;
	top: -6px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_landing_shortcuts>ul>li>a p {
	margin: 0 0 0 0;
	color: #000000;
	font-size: 12px;
	padding: 2px 5px;
}

.gc_landing_shortcuts>ul>li>a:hover .icon {
	color: #054361;
	/* margin-bottom: 12px; */
	/* font-size: 45px; */
}

.gc_landing_shortcuts>ul>li>a:hover .icon img {}

.gc_landing_shortcuts>ul>li>a:hover .title {
	letter-spacing: 2px;
	color: #9e9e9e;
}

.gc_landing_shortcuts>ul>li>a:hover b {
	top: -1px;
	background: #008bb7;
	right: 0px;
}

.gc_landing_shortcuts>ul>li>a:hover p {}

.gcc_back_home {
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #ffffff;
	background: #06618c;
	position: fixed;
	right: 2em;
	bottom: -100px;
	overflow: hidden;
	z-index: 99;
	border-radius: 100%;
	-webkit-box-shadow: inset 0px 0px 1px #000000;
	-moz-box-shadow: inset 0px 0px 1px #000000;
	box-shadow: 0px 1px 19px 6px #00000024;

	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-ms-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}

.gcc_back_home:hover {
	background: #fff;
	color: #06618c;
}

.gcc-inline-portlet {
	padding: 5px;
	border: 1px solid #f5f5f5;
	box-shadow: 2px 3px 5px 0px #d8d8d8;
	border-radius: 3px;
	overflow: hidden;
}

.gcc-inline-portlet>h3 {
	padding: 7px 5px 7px 15px;
	margin: -5px -5px 15px -5px;
	background: #06618c;
	color: #fff;
	font-size: 17px;
}

.gcc-inline-portlet>div {
	text-align: center;
}

.gc_feeds {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-bottom: 30px;
	/* margin-top: -26px; */
}

.gc_feeds li {
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 4px 0;
	margin: 0 0 4px 0;
	text-align: left;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_feeds li:hover {
	background: #ececec;
	cursor: default;
}

.gc_feeds li .icon {
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	padding: 0;
}

.gc_feeds li .icon i {}

.gc_feeds li .text {
	display: block;
	margin-left: 30px;
	margin-right: 77px;
}

.gc_feeds li a {
	background: none;
	color: #06618c;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	border-bottom: 1px dotted #3299ca;
}

.gc_feeds li a:hover {
	color: #000;
	cursor: help;
}

.gc_feeds li .date {
	display: block;
	width: 100%;
	text-align: right;
	font-size: 11px;
	color: #909090;
	margin-top: -19px;
	padding-bottom: 10px;
	float: right;
}

#sparkline2_quick {}

.sparkline_title {
	color: #484848;
	font-weight: bold;
	/* border-bottom: 1px dotted #ccc; */
	margin-bottom: 10px;
	box-shadow: 0px 4px 4px #d8d8d8;
}

.sparkline_title b {}

.sparkline_title::after {
	content: "\f201";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	float: left;
	margin-right: 6px;
	color: #06618c;
}

.sparkline_item {
	vertical-align: top;
	min-width: 175px;
	display: inline-block;
	width: 48%;
	/* float: left; */
	/* margin: 0 auto; */
	border-right: 1px solid #f1f1f1;
	margin-right: 3px;
	overflow: hidden;
}

.sparkline_item:last-child {
	border-right: none;
}

.gc_cnt_stats {}

.gc_cnt_stats ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	margin-bottom: 20px;
}

.gc_cnt_stats ul>li {
	display: inline-block;
	padding: 9px;
	background: #efefef;
	border: 1px solid #e2e2e2;
	margin-right: 2px;
	position: relative;
	min-height: 50px;
	min-width: 105px;
	width: 20%;
	overflow: hidden;
	cursor: default;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_cnt_stats ul>li:nth-child(1) {
	background: #ffffff;
	border: 1px solid #f3f3f3;
	width: 38%;
	color: #868686;
	font-size: 14px;
}

.gc_cnt_stats ul>li:nth-child(2) {
	background: #b1e6ff;
	border: 1px solid #4d8faf;
	color: #035277;
}

.gc_cnt_stats ul>li:nth-child(3) {
	background: #36c6d3;
	border: 1px solid #1c9da9;
	color: #fff;
}

.gc_cnt_stats ul>li:nth-child(4) {
	background: #06618c;
	border: 1px solid #003d5a;
	color: #fff;
}

.gc_cnt_stats ul>li:nth-child(1):hover {
	background: #e8e8e8;
	border: 1px solid #e8e8e8;
	color: #000;
}

.gc_cnt_stats ul>li:nth-child(2):hover {
	background: #5c9fbf;
	color: #fff;
	border: 1px solid #5c9fbf;
}

.gc_cnt_stats ul>li:nth-child(3):hover {
	background: #20a3af;
	border: 1px solid #20a3af;
}

.gc_cnt_stats ul>li:nth-child(4):hover {
	background: #004769;
	border: 1px solid #004769;
}

.gc_cnt_stats ul>li:nth-child(1) small {
	color: #f3f3f3;
}

.gc_cnt_stats ul>li:nth-child(1) b {
	font-size: 19px;
	line-height: 35px;
}

.gc_cnt_stats ul>li:nth-child(2) small {
	color: #95ddff;
}

.gc_cnt_stats ul>li:nth-child(3) small {
	color: #24b6c3;
}

.gc_cnt_stats ul>li:nth-child(4) small {
	color: #03557b;
}

.gc_cnt_stats ul>li:nth-child(1):hover small {
	color: #f3f3f3;
	right: -40px;
}

.gc_cnt_stats ul>li:nth-child(2):hover small {
	color: #77bbdc;
	right: -40px;
}

.gc_cnt_stats ul>li:nth-child(3):hover small {
	color: #2bb3bf;
	right: -40px;
}

.gc_cnt_stats ul>li:nth-child(4):hover small {
	color: #065c86;
	right: -40px;
}

.gc_cnt_stats ul>li:hover {}

.gc_cnt_stats ul>li span {
	position: absolute;
	z-index: 3;
	left: 0;
	bottom: 0;
	width: 100%;
	/* color: #505050; */
	font-size: 12px;
}

.gc_cnt_stats ul>li b {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	/* padding-left: 25px; */
	font-size: 25px;
}

.gc_cnt_stats ul>li small {
	position: absolute;
	font-size: 50px;
	display: block;
	right: -23px;
	top: 0;
	height: 100%;
	line-height: 50px;
	color: #fff;
	z-index: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_cnt_stats ul>li:hover span {}

.gc_cnt_stats ul>li:hover b {}

.gc_cnt_stats ul>li:hover small {}

.show-ticket-content {
	background: #fff;
	padding: 7px;
}

.sav_tasks_show {
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	list-style: none;
	border-left: 2px solid #06618c;
	position: relative;
}

.sav_tasks_show li.meta {
	border-bottom: 1px solid #ccc;
	padding-top: 5px;
	position: relative;
}

.sav_tasks_show li.actions {
	padding: 10px;
	text-align: right;
	display: none;
}

.sav_tasks_show li.actions button {}

.sav_tasks_show li.meta .title {
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #004a6d;
	/* border-left: 1px solid #ccc; */
	padding-left: 3px;
}

.sav_tasks_show li.meta .desc {
	font-size: 12px;
	color: #585858;
	margin-top: -3px;
	margin-bottom: 10px;
	display: block;
	padding: 5px;
	padding-left: 36px;
	padding-top: 0;
	/* border-left: 1px solid #ccc; */
}

.sav_tasks_show li.meta .control {
	opacity: 0;
	position: absolute;
	right: 6px;
	top: calc(50% - 13px);
	height: 25px;
	width: 25px;
	background: #f95b5b;
	text-align: center;
	line-height: 25px;
	color: #fff;
	cursor: pointer;
	border-radius: 2px;
}

.sav_tasks_show li.meta:hover .control {
	opacity: 1;
}

.sav_tasks_show li.meta .control i {}

.sav_tasks_show li.meta.done {}

.sav_tasks_show li.meta:hover {
	background: #e9edef;
	cursor: default;
}

.sav_tasks_show li.meta .crm-checkbox {
	float: left;
}

.sav_tasks_show.inedit {
	background: #fbfbfb;
	border: 1px solid #ccc;
	border-left: 2px solid #06618c;
}

.sav_tasks_show.inedit li.actions {
	display: block;
}

.sav_tasks_show li.more {
	display: block;
	margin-top: 7px;
	text-align: right;
}

.sav_tasks_show li.new {
	display: none;
	background: #f1f1f1;
	padding: 7px;
}

.sav_tasks_show li.new .title {
	margin-bottom: 5px;
}

.sav_tasks_show li.new .desc {}

.sav_tasks_show li.new .addtask {
	float: right;
	margin-top: 5px;
}

.sav_tasks_show li.new .noaddtask {
	margin-top: 5px;
	margin-bottom: 7px;
}

.sav_tasks_show li.more button {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.mv_landing_holder {
	padding: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.mv_landing_shortcuts {}

.mv_landing_shortcuts>ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.mv_landing_shortcuts>ul>li {
	display: inline-block;
	vertical-align: text-bottom;
	min-width: 150px;
	width: 23%;
	height: 150px;
	position: relative;
	margin: 0 10px 10px 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.mv_landing_shortcuts>ul>li>a {
	display: block;
	min-height: 150px;
	min-width: 150px;
	text-decoration: none;
	background: #fff;
	border-radius: 2px;
	border: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-box-shadow: 3px 3px 2px 0px #ccc;
	-moz-box-shadow: 3px 3px 2px 0px #ccc;
	box-shadow: 3px 3px 2px 0px #ccc;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.mv_landing_shortcuts>ul>li>a:hover {
	background: #efefef;
	border: 1px solid #a2a2a2;
	border-bottom: 2px solid #008bb7;
	-webkit-box-shadow: 3px 3px 2px 0px #ccc;
	-moz-box-shadow: 3px 3px 2px 0px #ccc;
	box-shadow: 3px 4px 2px 0px #ccc;
}

.mv_landing_shortcuts>ul>li>a .icon {
	display: block !important;
	font-size: 40px;
	color: #06618c;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.mv_landing_shortcuts>ul>li>a .icon img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	max-width: 40px;
	max-height: 40px;
}

.mv_landing_shortcuts>ul>li>a .title {
	display: block;
	text-align: center;
	margin: 5px 5px;
	color: #5d5d5d;
	font-weight: bold;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.mv_landing_shortcuts>ul>li>a b {
	display: block;
	background: #00b5ee;
	z-index: 99;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	color: #fff;
	border-radius: 100%;
	position: absolute;
	right: -5px;
	top: -6px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.mv_landing_shortcuts>ul>li>a p {
	margin: 0 0 0 0;
	color: #000000;
	font-size: 12px;
	padding: 2px 5px;
}

.mv_landing_shortcuts>ul>li>a:hover .icon {
	color: #054361;
	/* margin-bottom: 12px; */
	/* font-size: 45px; */
}

.mv_landing_shortcuts>ul>li>a:hover .icon img {}

.mv_landing_shortcuts>ul>li>a:hover .title {
	letter-spacing: 2px;
	color: #9e9e9e;
}

.mv_landing_shortcuts>ul>li>a:hover b {
	top: -1px;
	background: #008bb7;
	right: 0px;
}

.mv_landing_shortcuts>ul>li>a:hover p {
	/* opacity: 1 !important; */
	display: block !important;
}

.mvc_back_home {
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #ffffff;
	background: #06618c;
	position: fixed;
	right: 2em;
	bottom: -100px;
	overflow: hidden;
	z-index: 99;
	border-radius: 100%;
	-webkit-box-shadow: inset 0px 0px 1px #000000;
	-moz-box-shadow: inset 0px 0px 1px #000000;
	box-shadow: 0px 1px 19px 6px #00000024;

	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-ms-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}

.mvc_back_home:hover {
	background: #fff;
	color: #06618c;
}

.mvc-inline-portlet {
	padding: 5px;
	border: 1px solid #f5f5f5;
	box-shadow: 2px 3px 5px 0px #d8d8d8;
	border-radius: 3px;
	overflow: hidden;
}

.mvc-inline-portlet>h3 {
	padding: 7px 5px 7px 15px;
	margin: -5px -5px 15px -5px;
	background: #06618c;
	color: #fff;
	font-size: 17px;
}

.mvc-inline-portlet>div {
	text-align: center;
}

.mv_landing_shortcuts.minimized {}

.mv_landing_shortcuts.minimized>ul {}

.mv_landing_shortcuts.minimized>ul>li {
	/* height: 50px !important; */
	margin: 0 -1px;
	height: 40px;
	width: calc(25% - 1px);
}

.mv_landing_shortcuts.minimized>ul>li>a {
	min-height: 40px;
	height: 40px;
	text-align: left;
}

.mv_landing_shortcuts.minimized>ul>li>a .icon {
	display: inline-block !important;
	vertical-align: top;
	font-size: 27px;
	line-height: 40px;
	padding-left: 6px;
	width: 20%;
}

.mv_landing_shortcuts.minimized>ul>li>a .icon .img {}

.mv_landing_shortcuts.minimized>ul>li>a p {
	display: none;
	/* display: block; */
	text-align: center;
	background: #f5f5f5;
	padding: 7px 3px;
	margin-top: -4px;
	overflow: hidden;
	position: absolute;
	font-size: 11px;
	left: 0;
	top: 45px;
	width: 100%;
	/* height: 0px; */
	/* opacity: 0; */
	cursor: text;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.mv_landing_shortcuts.minimized>ul>li>a .title {
	display: inline-block;
	line-height: 29px;
	font-size: 12px;
	width: 71%;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
}

.mv_landing_shortcuts.minimized>ul>li>a:hover {
	border-color: #f5f5f5;
	border-top-color: #06618c;
	background: #f5f5f5;
}

.mv_landing_shortcuts.minimized>ul>li>a:hover .icon {}

.mv_landing_shortcuts.minimized>ul>li>a:hover .icon .img {}

.mv_landing_shortcuts.minimized>ul>li>a:hover .title {}

.mv_landing_shortcuts.minimized>ul>li>a:hover .title {
	letter-spacing: normal;
	color: #505050;
}

.mv_landing_shortcuts.minimized>ul>li.active {}

.mv_landing_shortcuts.minimized>ul>li.active>a {
	background: #3989af;
	border-color: #3989af;
	border-bottom: 2px solid #fff;
}

.mv_landing_shortcuts.minimized>ul>li.active>a .icon {
	color: #fff;
}

.mv_landing_shortcuts.minimized>ul>li.active>a .icon .img {}

.mv_landing_shortcuts.minimized>ul>li.active>a p {}

.mv_landing_shortcuts.minimized>ul>li.active>a .title {
	color: #fff;
}

.mv_all_content {}

.mv_all_content>div {
	display: none;
}

.amodal_container {}

.amodal_title {}

.amodal_icon {}

.amodal_control {}

.amodal_control>span {}

.amodal_control>span>i {}

.amodal_body {}

.stats_row {
	border: 1px solid #18a1d2;
	margin: 10px 0 10px 0;
	padding: 5px 3px;
	box-shadow: 3px 3px 4px #ccc;
}

.stats_row h3 {
	padding: 10px 5px;
	margin: -5px -3px 0 -3px;
	background: #18a1d2;
	text-align: center;
	color: #fff;
	font-size: 20px;
}

.sr-content {
	padding: 0 7px;
}

.ac_ic {
	font-size: 20px;
	line-height: 20px !important;
	margin: 0 10px 0 0;
}

.statscards {
	text-align: center;
	padding: 7px 0;
	width: auto;
	float: none;
	margin: 0 auto;
}

.stcard {
	display: inline-block;
	vertical-align: top;
	width: 19%;
	min-width: 170px;
	height: 90px;
	background: #ffffff;
	border: 1px solid #ccc;
	margin: 4px 4px;
	position: relative;
	/* overflow: hidden; */
	padding-left: 45px;
	padding-top: 22px;
}

.stcard>i {
	position: absolute;
	z-index: 2;
	font-size: 50px;
	color: #f1f1f1;
	right: 0;
	top: 11px;
	height: 80px;
	line-height: 80px !important;
}

.stcard div {}

.stc-flesh {
	display: block;
	position: absolute;
	left: 0;
	top: 22px;
	width: 45px;
	line-height: 59px;
	font-size: 30px;
	background: rgba(255, 255, 255, 0.51);
	text-align: center;
}

.stc-total {
	font-size: 40px;
	font-weight: bold;
	position: relative;
	z-index: 3;
	padding-left: 10px;
	text-align: left;
}

.stc-detail {
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	position: absolute;
	z-index: 2;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	background: #eaeaea;
	padding: 2px 3px;
}

.stcard .fa-arrow-down {
	color: #a00606;
	text-shadow: 0px -3px 5px #c1c1c1;
}

.stcard .fa-arrow-up {
	color: #2cacb7;
	text-shadow: 0px 4px 5px #a8d6da;
}

.stcard .fa-minus {
	color: #ffffff;
	text-shadow: 0px 0px 5px #929292;
}

.stcard.primary {
	background: #29bdef;
	color: #fff;
	border: 1px solid #1781a5;
}

.stcard.primary .stc-flesh {}

.stcard.primary .stc-total {}

.stcard.primary .stc-detail {
	color: #055f7d;
	border-top: 1px solid #67d4f9;
}

.stcard.primary>i {
	color: #46caf7;
}

.stcard.success {
	background: #46cbd6;
	border-color: #21a7b3;
	color: #fff;
}

.stcard.success .stc-flesh {}

.stcard.success .stc-total {}

.stcard.success .stc-detail {
	color: #1b8790;
	border-color: #62e4ef;
}

.stcard.success>i {
	color: #40bdc7;
}

.stcard.warning {}

.stcard.warning .stc-flesh {}

.stcard.warning .stc-total {}

.stcard.warning .stc-detail {}

.stcard.warning>i {}

.stcard.danger {
	background: #e7505a;
	color: #fff;
	border: 1px solid #c72b36;
}

.stcard.danger .stc-flesh {}

.stcard.danger .stc-total {}

.stcard.danger .stc-detail {
	border-top: 1px solid #f56c75;
	color: #921019;
}

.stcard.danger>i {
	color: #d63a45;
}

#heatmap_places {
	height: 250px;
}

.top_places {}

.top_places>li {}

.top_places>li:after {
	content: "1";
}

.top_places>li:hover {}

.top_places>li:nth-child(1):after {}

.top_places>li:nth-child(2):after {}

.top_places>li:nth-child(3):after {}

.top_places>li:nth-child(4):after {}

.top_places>li:nth-child(5):after {}

.top_places>li:nth-child(6):after {}

.top_places>li:nth-child(7):after {}

.top_places>li:nth-child(8):after {}

.top_places>li:nth-child(9):after {}

.top_places>li:nth-child(10):after {}

.prospect_incompletecte>td {
	background: #e0fdff !important;
	border-bottom: 2px solid #32c5d2 !important;
}

.prospect_incompletecte:hover {
	color: black !important;
}

.stc-mdetail {
	display: block;
	position: absolute;
	z-index: 4;
	bottom: 0;
	width: calc(100% - 45px);
	left: 45px;
	text-align: left;
	padding-left: 12px;
	color: #828282;
	border-top: 1px solid #ccc;
	cursor: default;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
}

.stc-mdetail.di {
	color: #a00606;
}

.stc-mdetail.in {
	color: #1a9aa5;
}

.sparkline_item.xtr {
	width: 100%;
	margin-top: 15px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

.sparkline_item.xtr .sparkline_title::after {
	content: "\f080";
}

.topcommercials {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	text-align: center;
}

.topcommercials>li {}

.topcommercials>li.x {
	display: block;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #ececec;
	position: relative;
	padding-left: 24px;
}

.topcommercials>li.x:hover {
	border-bottom: 1px solid #c7c7c7;
	background: #f7f7f7;
}

.topcommercials>li.it {
	display: block;
	margin-bottom: 15px;
}

.topcommercials>li.x:after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #e2e2e2;
	height: 22px;
	width: 22px;
	border-radius: 100%;
	line-height: 23px;
	color: #585858;
	font-size: 12px;
}

.topcommercials>li>div {
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
}

.topcommercials>li>div:nth-child(1) {}

.topcommercials>li>div:nth-child(2) {}

.topcommercials>li>div:nth-child(3) {}

.topcommercials>li.it>div {
	display: inline-block;
	text-align: left;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	/* border-left: 1px solid #ccc; */
	padding-left: 2px;
	/* white-space: nowrap; */
	/* overflow: hidden; */
}

.topcommercials>li.it>div:nth-child(1) {
	width: 49%;
	/* text-align: left; */
	/* font-weight: bold; */
}

.topcommercials>li.it>div:nth-child(2) {
	width: 24%;
	text-align: right;
}

.topcommercials>li.it>div:nth-child(3) {
	width: 24%;
	text-align: right;
	padding-right: 5px;
}

.topcommercials>li.x:nth-child(1):after {
	content: "1";
}

.topcommercials>li.x:nth-child(2):after {
	content: "1";
	background: #117882;
	color: #fff;
}

.topcommercials>li.x:nth-child(3):after {
	content: "2";
	background: #36c6d3;
	color: #fff;
}

.topcommercials>li.x:nth-child(4):after {
	content: "3";
	background: #62dfea;
}

.topcommercials>li.x:nth-child(5):after {
	content: "4";
}

.topcommercials>li.x:nth-child(6):after {
	content: "5";
}

.topcommercials>li.x:nth-child(7):after {
	content: "6";
}

.topcommercials>li.x:nth-child(8):after {
	content: "7";
}

.topcommercials>li.x:nth-child(9):after {
	content: "8";
}

.topcommercials>li.x:nth-child(10):after {
	content: "9";
}

.topcommercials>li.x:nth-child(11):after {
	content: "10";
}

.topcommercials>li.x>div {
	display: inline-block;
}

.topcommercials>li.x>div:nth-child(1) {
	width: 49%;
	text-align: left;
}

.topcommercials>li.x>div:nth-child(2) {
	width: 24%;
	font-weight: bold;
	/* background: #ccc; */
	text-align: right;
}

.topcommercials>li.x>div:nth-child(2) i {
	font-size: 10px;
	font-style: normal;
}

.topcommercials>li.x>div:nth-child(3) {
	width: 24%;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
	font-size: 15px;
}

.qtype {
	display: block;
	margin: 0 0 15px 0;
}

.qtype>div {
	display: inline-block;
	width: 49%;
	text-align: center;
	vertical-align: top;
	background: #f3f3f3;
	padding: 4px 3px;
	cursor: pointer;
	border-bottom: 3px solid #ccc;
	position: relative;
}

.qtype>div.active {
	background: #36c6d3 !important;
	color: #fff;
	border-bottom: 3px solid #117882 !important;
	cursor: text;
}

.qtype>div:hover {
	background: #e8e8e8;
	border-color: #36c6d3;
}

.qtype>div>i {
	opacity: 0;
	position: absolute;
	right: 6px;
	top: 7px;
}

.qtype>div.active>i {
	opacity: 1;
}

.ctitle_ {
	text-align: center;
	font-size: 15px;
	border-bottom: 2px solid #ccc;
	padding-bottom: 5px;
	/* box-shadow: inset 0px 5px 2px #ccc; */
	/* padding-top: 24px; */
}

.gccip_refresh {
	display: block;
	position: absolute;
	height: 30px;
	width: 30px;
	background: #fff;
	color: #06618c;
	right: 4px;
	top: -3px;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	box-shadow: -1px 1px 2px #232323;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gccip_refresh i {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gccip_refresh:hover {
	background: #dedede;
	color: #012638;
	box-shadow: 1px 1px 2px #232323;
}

.gccip_refresh:hover i {
	-webkit-transform: rotate(350deg);
	-moz-transform: rotate(350deg);
	-ms-transform: rotate(350deg);
	-o-transform: rotate(350deg);
	transform: rotate(350deg);
}

.client_dashboard {}

.cslide {
	height: 350px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.cslide h3 {
	/* text-align: center; */
	text-shadow: 0px 0px 2px #000;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	padding-left: 20px;
	margin-top: 250px;
}

.cslide span {
	display: inline-block;
	margin-left: 20px;
	font-size: 18px;
	color: #000000;
	/* text-shadow: 0px 0px 1px #f1f1f1; */
	background: rgba(255, 255, 255, 0.62);
	padding: 5px 20px;
}

.ctopprods {
	display: block;
	overflow: hidden;
	width: 100%;
	text-align: center;
	background: rgba(255, 255, 255, 0.68);
	padding: 10px 0;
	border-bottom: 7px solid #fff;
	/* box-shadow: 1px 1px 2px #ccc; */
}

.ctopprods>div {
	display: inline-block;
	position: relative;
	vertical-align: top;
	height: 100px;
	width: 240px;
	padding-left: 90px;
	background: #fff;
	margin: 2px 2px;
	border: 1px solid #ccc;
}

.ctopprods>div>span {
	position: absolute;
	display: block;
	height: 100%;
	width: 90px;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: 50% 50%;
	border-right: 2px solid #e5e5e5;
}

.ctopprods>div>h3 {
	padding: 10px 2px 3px 5px;
	margin: 0 0 0 0;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #038dc7;
	cursor: pointer;
}

.ctopprods>div>b {
	min-height: 20px;
	display: block;
	font-size: 12px;
	font-weight: normal;
}

.ctopprods>div>i {
	display: block;
	position: absolute;
	background: #86bc24;
	border: 1px solid #689614;
	box-shadow: 1px 1px 1px #000;
	color: #fff;
	padding: 1px 5px;
	left: -3px;
	bottom: 4px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

.ctopprods>div>button {
	position: absolute !important;
	bottom: 7px;
	left: calc(50% - 11px);
	width: 112px;
}

.ctoptitle {
	font-size: 17px;
	font-weight: bold;
	background: #fff;
	padding: 5px 9px;
}

.ctel {
	display: block;
	background: #f2f2f2;
	padding: 6px 3px;
	font-size: 25px;
	/* box-shadow: 1px 1px 2px #000; */
	margin-top: 37px;
}

.ctel:hover {
	/* background: #ececec; */
}



.ctel a {
	font-size: 26px;
	line-height: 38px;
	display: inline-block;
	vertical-align: text-bottom;
	font-weight: bold;
	text-decoration: none !important;
	color: #526171;
}

.ctel a:hover {
	color: #05729a;
}

.image-upload {}

.image-upload button {
	width: 80%;
	margin: 0 auto;
	float: none;
	display: block;
}

.forimage {
	width: 80%;
	height: 150px;
	margin: 0 auto -5px auto;
	float: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	border: 2px solid #ccc;
	border-radius: 5px;
}

.cancelprod {}

.addprod {}

.margin_right {
	float: right;
	position: relative;
	right: 25%;
}

.readonly-input {}

.produit_featured_image {}

.pv-images {
	margin-top: 15px;
	margin-bottom: 20px;
}

.pv-images>ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
	text-align: center;
}

.pv-images>ul>li {
	display: inline-block;
	height: 80px;
	width: 80px;
	vertical-align: top;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	border: 1px solid #337ab7;
	border-bottom: 2px solid #337ab7;
}

.pv-images>ul>li:hover {
	/* filter: blur(1px); */
	/* position: absolute; */
	border: 1px solid #36c6d3;
	border-bottom: 2px solid #32a8b2;
}

.pv-featured-image {
	/* min-width: 200px; */
	/* min-height: 200px; */
	width: 240px;
	height: 240px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: pointer;
	box-shadow: 0px 0px 6px #8a8a8a;
	border: 2px solid #696969;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: -35px;
	background-color: #fff;
}

.pv-featured-image:hover {}

.product_view {}

.product_detail {
	margin-bottom: 50px;
}

.product_detail h3 {
	margin: 0 0 0 0;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #e8e8e8;
	display: block;
	width: 100%;
}

.product_detail h6 {
	margin: 3px 0 5px 0;
	text-align: right;
	padding: 0 15px 11px 0;
	border-bottom: 1px solid #ccc;
}

.littleinfo {
	display: block;
}

.pv-dtitle {
	display: block;
	padding: 7px 7px;
	background: #fbfbfb;
	color: #4e4e4e;
	font-weight: bold;
	border-left: 3px solid #36c6d3;
}

.pv-ddetail {
	min-height: 10px;
	font-size: 15px;
	padding: 2px 2px 2px 10px;
	margin-bottom: 10px;
	border-left: 1px solid #36c6d3;
}

.pv-dcarte {
	display: inline-block;
	vertical-align: top;
	height: 60px;
	min-width: 138px;
	background: #f1f1f1;
	border: 1px solid #ccc;
	color: #5f5f5f;
	margin: 0 1px 0 2px;
	box-shadow: 2px 2px 0px #ccc;
}

.pv-dcarte span {
	display: block;
	height: 30px;
	line-height: 30px;
}

.pv-dcarte b {
	display: block;
	height: 40px;
	font-size: 18px;
	width: 80%;
	margin: 0 auto;
	border-top: 1px solid #ffffff7a;
}

.pv-dcartes {
	text-align: center;
	margin: 20px 0;
}

.pv-dcarte.success {
	background: #36c6d3;
	border: 1px solid #1f99a5;
	color: #ffffff;
}

.pv-dcarte.warning {
	background: #fff2dd;
	border: 1px solid #e6c081;
	color: #545454;
}

.pv-dcarte.danger {
	background: #f77070;
	border: 1px solid #dc4e4e;
	color: #ffffff;
	box-shadow: 2px 2px 0px #711919;
}

.pv-dcarte.dark {
	background: #8c8c8c;
	border: 1px solid #5d5a5a;
	color: #f3f3f3;
}

.pv-dcarte.light {}

.spb-content {
	/* margin-top: 3px; */
	border-left: 1px solid #525252;
	padding-top: 5px;
}

.spb-content ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	list-style: none;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.spb-content ul.minied {
	height: 160px;
	/* margin-bottom: 20px; */
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.spb-content ul .exp {}

.spb-content ul.minied .exp.closed {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #f1f1f1;
	color: #4e4e4e;
	display: block;
	width: 100%;
	text-align: center;
	padding: 7px 5px;
	font-weight: bold;
	cursor: pointer;
}

.spb-content ul.minied .exp.opened {}

.spb-content ul li {
	display: block;
	/* border-left: 3px solid #36c6d3; */
	/* padding-left: 5px; */
	padding: 2px 0 2px 5px;
	cursor: default;
}

.spb-content ul li:hover {
	background: #f3f3f3;
}

.spb-content ul li .text-sm {
	font-size: 12px;
	border-left: 1px solid #337ab7;
	padding-left: 5px;
}

.spb-content ul li a {
	color: #0c9ca9;
	font-weight: bold;
	font-size: 17px;
}

.spb-title {
	font-size: 16px;
	font-weight: bold;
	background: #efefef;
	border-left: 3px solid #525252;
	padding-left: 5px;
}

.sideprod_bar {
	border-bottom: 1px solid #36c6d3;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-top: 5rem;
}

.client_header {
	min-height: 120px;
	border-bottom: 1px solid #ccc;
	box-shadow: 1px 6px 17px 0px #00000085;
	position: relative;
	z-index: 999999999;
}

.client_header>h3 {
	margin: 0 0 0 240px;
	padding: 15px 5px 5px 0;
	font-size: 30px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.client_header>h3 i {
	font-size: 11px;
	font-style: normal;
	background: #6d6d6d;
	color: #fff;
	padding: 6px 5px 5px 5px;
	font-weight: normal;
	border-radius: 5px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: top;
	cursor: help;
}

.cf-details>ul {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: inline-block;
	vertical-align: top;
	width: 48%;
	min-width: 240px;
}

.cf-details>ul>li {
	display: block;
	padding: 2px 2px 2px 30px;
	margin: 0px 0 2px 0;
	/* background: #f5f5f5; */
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #efefef;
	min-height: 25px;
	position: relative;
	font-size: 13px;
	cursor: default;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.cf-details>ul>li:hover {
	background: #fbfbfb;
	border-color: #19baee;
}

.cf-details>ul>li:hover span {}

.cf-details>ul>li:hover b {}

.cf-details>ul>li:hover i {
	background: #19baee;
	color: #fff;
}

.cf-details>ul>li span {}

.cf-details>ul>li span:after {
	content: ":";
}

.cf-details>ul>li b {}

.cf-details>ul>li i {
	display: block !important;
	position: absolute;
	height: 25px;
	width: 25px;
	background: #efefef;
	color: #5f5f5f;
	padding: 5px 5px 5px 4px;
	text-align: center;
	line-height: 17px !important;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.cf-logo {
	display: block;
	height: 200px;
	width: 200px;
	overflow: hidden;
	position: absolute;
	left: 20px;
	top: 25px;
	border: 4px solid #ffffff;
	background: #19baee;
	border-radius: 5px;
	box-shadow: 0px 0px 8px 0px #757373;
}

.cf-logo img {
	max-height: 100%;
	min-height: 100%;
	max-width: 100%;
	/* opacity: .5; */
}

.cf-logo span {
	display: block;
	text-align: center;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	z-index: 2;
	margin-top: 123px;
	text-shadow: 0px -2px 3px #086c8c;
}

.cf-logo i {
	font-size: 90px;
	display: block !important;
	text-align: center;
	margin: 0 auto;
	color: #0f91bb;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.cf-logo:hover img {}

.cf-logo:hover {}

.client_view {
	margin: -15px -15px 0px -15px;
	overflow: hidden;
}

.cf-details {
	margin-left: 240px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.client_body {
	padding: 0 10px 0 10px;
	min-height: 200px;
	position: relative;
	z-index: 1;
}

@media (max-width: 580px) {
	.cf-logo {
		position: absolute;
		top: unset;
		bottom: -65px;
		left: calc(50% - 75px);
		height: 150px;
		width: 150px;
	}

	.cf-details {
		margin-left: 20px;
		margin-bottom: 90px;
	}

	.client_header>h3 {
		margin-left: 10px;
	}

	#client_map_holder {
		min-height: 250px !important;
	}

	.cf-mapcontrol {
		display: none;
	}
}

.label_margin_bottom {
	margin-top: 23px;
}

.rappot_raq_title {
	font-size: 13px;
}

.transfor_rotat {
	transform: rotate(-90deg);
}

#client_map_holder {
	min-height: 150px;
	/* border: 5px solid #fff; */
	border-top: unset;
}

.cmg {
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.cf-mapcontrol {
	position: absolute;
	right: 17px;
	bottom: -32px;
	z-index: 99999;
	background: #fff;
	font-size: 14px;
	/* line-height: 35px; */
	font-weight: bold;
	/* min-height: 37px; */
	cursor: pointer;
	padding: 8px 10px 4px 10px;
	border: 1px solid #ccc;
	border-top: unset;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.cf-mapcontrol:hover {}

.cf-mapcontrol:hover span {
	color: #19baee;
}

.cf-mapcontrol:hover i {
	color: #ccc;
}

.cf-mapcontrol i {
	font-size: 18px;
	margin-right: 7px;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.cf-mapcontrol span {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.wnodata {
	text-align: center;
	font-size: 12px;
	padding: 10px 5px !important;
}

.cf-actions {
	list-style: none;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
}

.cf-actions li {}

.cf-actions li a {
	padding: 6px 0 3px 10px;
	/* margin: 5px 0 0 0; */
	display: block;
	text-decoration: none;
	color: #01789e;
	font-weight: bold;
}

.cf-actions li i {}

.cf-actions li a:hover {
	background: #19baee;
	color: #fff;
}

/* new dash commercial */
small.devise {
	font-size: 9px;
	font-weight: normal;
}

.com_dashboard_overview {
	/* background: #fff; */
	margin: 25px 2px 20px 2px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.cdo_item {
	flex: 1;
	background: #fff;
	margin: 0 2px 20px 0;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.42);
	min-width: 310px;
	min-height: 61px;
}

.cdo_item .cdo_title {
	background: #06618c;
	color: #fff;
	position: relative;
}

.cdo_item .cdo_title h3 {
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px 42px 10px 10px;
}

.cdo_actions {
	position: absolute;
	right: 3px;
	top: 7px;
	padding-right: 10px;
}

.cdo_actions a {
	font-size: 18px;
	color: #fff;
	background: none;
	text-decoration: none;
}

.cdo_actions a:hover {}

.cdo_actions a:hover i {}

.cdo_actions a i {}

.cdo_inner {
	padding: 15px;
	min-height: 120px;
}

.ca_item {
	padding: 5px 0;
	border-bottom: 1px solid #eaeaea;
}

.ca_item:last-child {
	border-bottom: none;
}

.ca_item:last-child span {
	line-height: 26px;
}

.ca_item:last-child b {
	font-size: 22px;
	line-height: 26px;
}

.ca_item span {
	/* text-transform: uppercase; */
}

.ca_item b {
	float: right;
	font-size: 17px;
}

.n_cards {
	display: flex;
	padding: 5px;
	justify-content: center;
	flex-wrap: wrap;
}

.n_card {
	min-width: 220px;
	background: #fff;
	height: 100px;
	position: relative;
	box-shadow: 2px 3px 2px #ccc;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	border-radius: 3px;
	margin: 5px 5px;
	width: 23%;
}

.n_card span {
	color: #909090;
	display: block;
	text-align: center;
	padding: 5px 2px;
	background: #efefef;
	/* margin-bottom: 4px; */
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

.n_card b {
	display: block;
	text-align: center;
	font-size: 27px;
	line-height: 39px;
	padding-top: 28px;
	padding-left: 27px;
	white-space: nowrap;
}

.n_card i {
	position: absolute;
	left: 2px;
	top: 50%;
	width: 22px;
	height: 22px;
	/* overflow: hidden; */
	text-align: center;
	font-size: 18px;
	font-weight: 200;
	margin-top: 4px;
}

.n_card i.p {
	color: #26c281;
}

.n_card i.n {
	color: #ca6161;
}

.n_card i.a {
	color: #00b5ee;
}

.n_card i.o {
	color: #06618c;
	font-size: 45px;
	/* opacity: .5; */
	padding-left: 13px;
}

.n_card.noicon b {
	padding-left: 0;
}

.n_card b small {
	font-size: 12px;
	line-height: 39px;
}

div#daily_chart {
	height: 350px;
}

#daily_chart {
	height: 350px;
}

#monthly_chart {
	height: 350px;
}

.dayspagination {}

.dayspagination>ul {
	display: block;
	text-align: center;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/* border-top: 1px solid #d8d8d8; */
	min-height: 40px;
}

.dayspagination>ul>li {
	display: inline-block;
	height: 25px;
	width: 25px;
	margin: 0 1px 0 0;
	text-align: center;
	line-height: 25px;
	font-size: 15px;
	cursor: pointer;
	vertical-align: middle;
	/* border-bottom: 2px solid #f7f7f7; */

	-webkit-transition: background 0.7s;
	-moz-transition: background 0.7s;
	-ms-transition: background 0.7s;
	-o-transition: background 0.7s;
	transition: background 0.7s;
}

.dayspagination>ul>li.d {
	background: #f9f9f9;
}

.dayspagination>ul>li.navi {
	/* background: #d8d8d8; */
	font-size: 20px;
	height: 32px;
	line-height: 32px;
	font-weight: bold;
	width: 40px;
	/* border-radius: 5px 0px 0px 5px; */
}

.dayspagination>ul>li.navi:hover {
	background: #ccc;
}

.dayspagination>ul>li.navi i {}

.dayspagination>ul>li.navi.next {
	/* border-radius: 0px 5px 5px 0px; */
}

.dayspagination>ul>li.navi.prev {
	/* border-radius: 5px 0px 0px 5px; */
}

.dayspagination>ul>li.d:hover {
	background: #d8d8d8;
	/* border-color: #848282; */
	height: 32px;
	line-height: 32px;
}

.dayspagination>ul>li.d.active {
	background: #32c5d2;
	color: #fff;
	border-color: #4bf0ff;
	height: 30px;
	line-height: 30px;
}

.dayspagination>ul>li.d.disabled {
	color: #e4e4e4;
	background: #fdfdfd;
	cursor: not-allowed;
}

.dayspagination>ul>li.sep {
	cursor: text;
}

.ppinner .pptitle {
	margin-top: 18px;
	background: #ccc;
}

.pptitle {
	display: block;
	font-size: 16px;
	font-weight: bold;
	background: #32c5d2;
	margin: -12px -15px 10px -15px;
	padding: 9px 10px;
	color: #ffffff;
}

.ppinner {}

#histmap {
	min-height: 400px;
	margin: -10px -15px -12px -15px;
}

.map-windowinfo {}

.map-windowinfo h3 {
	margin: 0 0 3px 0;
	padding: 0 0 0 0;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #32c5d2;
	color: #168a94;
}

.map-windowinfo span {
	/* display: block; */
}

.map-windowinfo b {
	padding-left: 5px;
}

.map-windowinfo small {
	display: block;
	border-top: 1px solid #ccc;
	margin-top: 5px;
}

/* here you can put your own css to customize and override the theme */
.img_dashbord {
	width: 114%;
	height: 254px;
	border: 1px solid #abf333;
	box-shadow: 8px 8px 12px #aaa;
}

.login-holder {
	width: 40%;
	min-width: 280px;
	max-width: 400px;
	float: none;
	margin: 50px auto;
	border: 1px solid #f3f0f0;
	padding: 10px 35px;
	text-align: center;
	border-radius: 15px;
	box-shadow: 0px 0px 11px #e4e4e4;
}

.flash-todark {
	background-color: #00cc93 !important;
	color: #ffffff !important;
}

.flash-tolight {
	background-color: #eaeaea !important;
	color: #2f2f2f !important;
}

.flash-trans {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.login-inner {
	display: block;
	float: none;
	margin: 0 auto;
}

.bgl {
	border-radius: 20px;
	box-shadow: none;
	font-size: 13px;
	padding: 8px 30px;
}

.bgl-success {
	background: #fff;
	border: 1px solid #36c6d3;
	color: #36c6d3;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-danger {
	background: #fff;
	border: 1px solid #d43f3a;
	color: #d43f3a;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-danger:hover {
	box-shadow: inset 0px 0px 1px 0px #d9534f;
	color: #d9534f;
	padding: 8px 25px 8px 35px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-success:hover {
	box-shadow: inset 0px 0px 1px 0px #2bb8c4;
	color: #2bb8c4;
	padding: 8px 25px 8px 35px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-danger:active {
	box-shadow: inset 0px 0px 6px #d9534f;
	background: #d43f3a;
	color: #fff;
	border: 1px solid #d9534f;
	outline: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-success:active {
	box-shadow: inset 0px 0px 6px #147355;
	background: #36c6d3;
	color: #fff;
	border: 1px solid #30fff4;
	outline: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-danger:focus {
	outline: none;
	box-shadow: inset 0px 0px 1px #d43f3a;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.bgl-success:focus {
	outline: none;
	box-shadow: inset 0px 0px 1px #36c6d3;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.lo-position-info a {
	display: block;
	margin: 15px 0 0 0;
	text-decoration: none;
	font-weight: bold;
}

.lop-waiter {
	/* position: absolute; */
}

.lop-text {}

.lop-overall {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
	box-shadow: 0px 0px 11px #ccc;
	z-index: 999;
	padding: 24px;
	border-radius: 3px;
}

.lg-errors {
	/* background: #f36a5a; */
	color: #f36a5a;
	font-size: 13px;
	padding: 5px 10px;
	margin-top: -2px;
	text-align: left;
}

.gl-inputerror {
	border: 1px solid #f36a5a !important;
}

.gl-errors {
	background: #f36a5a;
	color: #ffffff;
	font-size: 13px;
	padding: 5px 10px;
	margin-top: -2px;
	text-align: left;
}

.lg-wrong-infos {
	background: #fff0ef;
	/* display: none; */
	color: #636262;
	border: 1px solid #efb2ab;
	padding: 7px;
	margin: -10px 0 10px 0;
	border-radius: 5px;
}

.new-sidebar {
	position: fixed;
	top: 70px;
	left: 0;
	z-index: 10000;
	box-shadow: 1px 1px 2px #ccc !important;
	overflow: scroll;
}

.sidebar-logo-holder {
	background: #fff;
	padding: 20px 12px 15px 0 !important;
	/* position: absolute; */
	z-index: 100013;
	width: 200px;
}

.sidebar-logo-holder .page-logo>a>img {
	height: 62px;
	display: block;
	float: none;
	margin: 3px auto 3px auto;
}

@media (max-width: 991px) {
	.page-header.navbar {
		width: 100%;
	}
}

.gl-soon {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: absolute;
	vertical-align: middle;
	top: 0;
	left: 0;
	background: rgba(237, 239, 241, 0.95);
	z-index: 12000;
	color: #717373;
	/* font-weight: bold; */
	padding: 20px;
	text-align: center;
}

.index-carousel-inner .text-icon {
	/* margin: 0 0 0 34%; */
	position: relative;
	font-size: 18px;
}

.dash-carousel-card {
	display: inline-block;
	position: relative;
	background: #00b5ee;
	height: 100px;
	width: 210px;
	color: #fff;
	margin-left: 20px;
}

.dash-carousel-card-icon {
	display: block;
	float: left;
	width: 35%;
	line-height: 92px;
	font-size: 60px;
	padding: 0 8px 0 8px;
}

.dash-carousel-card-text {
	display: flex;
	float: left;
	height: 100%;
	font-size: 20px;
	width: 65%;
	text-align: left;
	align-items: center;
}

.index-carousel-inner .item {
	text-align: center;
	max-height: 104px;
	overflow: hidden;
}

[data-link] {
	cursor: pointer;
}

.admin-landing-container {
	background: #fff;
	padding: 30px 5px;
}

.admin-topnav {
	list-style: none;
	text-align: center;
	min-height: 81px;
	padding: 0;
	border-bottom: 1px solid #ccc;
	/* box-shadow: 0px 1px 1px #ccc; */
	/* display: block; */
	/* float: right; */
}

.admin-topnav li {
	float: left;
	display: block;
	height: 50px;
	width: 20%;
	min-width: 50px;
	margin: 5px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.admin-topnav li>a {
	text-decoration: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.admin-topnav li>a:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.admin-topnav li>a:hover .atn-icon {
	color: #676767;
	text-shadow: 1px -4px 13px #e4e4e4;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.admin-topnav li>a:hover .atn-text {
	background: #f9f9f9;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.admin-topnav li>a:hover .atn-image {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.saut {}

.admin-topnav-holder {
	height: 70px;
}

.atn-icon {
	display: block !important;
	width: 20px !important;
	height: 30px;
	margin: 0 auto;
	font-size: 30px;
	color: #404040;
	line-height: normal !important;
}

.atn-text {
	color: #848484;
	font-size: 12px;
	padding: 1px 6px;
	/* display: block; */
}

.atn-image {
	display: block;
	height: 30px;
	max-width: 50px;
	display: block;
	margin: 0 auto;
}

.admin-tools-holder {}

.admin-tools {
	list-style: none;
	padding: 0;
	text-align: center;
}

.admin-tools>li {
	display: inline-block;
	width: 190px;
	/* max-width: 190px; */
	height: 115px;
	background: #e2e2e2;
	margin: 2vh 1vw;
	padding: 8px;
	position: relative;
	overflow: hidden;
	text-align: center;
	color: #3a3a3a;
	border: 1px solid #ccc;
	/* cursor: default; */
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

.admin-tools>li:hover {
	background: #bdbdbd;
	border: 1px solid #545454;
	/* color: #fff; */
	/* box-shadow: inset 0px 0px 14px 0px #828282; */
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

.admin-tools>li:hover .ati-text {
	color: #131313;
	text-shadow: 0px 0px 4px #fff;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

.admin-tools>li:hover>a {
	text-decoration: none;
}

.admin-tools>li>a {
	text-decoration: none;
}

.admin-tools>li>a:hover {
	text-decoration: none;
}

.ati-icon {
	height: 45px;
	width: 45px !important;
	display: block !important;
	margin: 0 auto 8px;
	line-height: normal !important;
	font-size: 40px;
}

.ati-image {
	height: 45px;
	/* width: 45px !important; */
	display: block !important;
	margin: 0 auto 8px;
	/* line-height: normal !important; */
	/* font-size: 40px; */
}

.ati-text {
	font-size: 14px;
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-ms-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

.i-input {
	width: 102px;
	border-radius: 50px;
	border: 1px solid #36d2a1;
	font-size: 15px;
	outline: none;
	padding: 3px 10px;
}

.i-input:hover {}

.i-input:active,
.i-input.active {}

.i-input:focus {}

.i-input.i-date {
	width: 130px;
	cursor: text;
	background: #f1f1f1;
	font-weight: bold;
	border: 1px solid #a0a0a0;
}

.i-input.i-date::after {
	content: "\f073";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.dd-date {
	width: auto;
	display: inline-block;
	background: #fff;
	padding: 5px;
	position: relative;
}

.dd-date input {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: #fff !important;
	border: 1px solid #ffffff !important;
}

.dd-date .fa {
	font-size: 20px;
	padding-top: 10px;
	padding: 10px 3px;
	position: absolute;
	right: 0;
	top: 0;
	height: 33px;
}

.dd-date .fa:hover {
	background: #eee;
}

.nlogo {
	width: 200px;
	text-align: center;
	padding: 0 0 0 0;
	box-shadow: -7px 4px 9px #e6e6e6;
}

.normal-link {
	background: none;
	color: #fff;
}

@media (max-width: 991px) {
	.nlogo {
		height: 70px;
		width: 100px;
		overflow: hidden;
		box-shadow: none;
	}

	.nlogo img {
		height: 50px;
		margin: 10px !important;
	}
}

.nouveau-prospet {
	width: auto !important;
	background: #fff;
	margin: 0 -15px;
}

.np-row {
	width: 100%;
	margin: 10px 0 7px 0;
	/* padding: 0 10px; */
	border-bottom: 1px solid #f1f1f1;
	overflow: hidden;
	/* text-align: center; */
	/* box-shadow: 0px 8px 9px #f3f3f3; */
}

.np-row h6 {
	display: block;
	margin: 0 0 15px 0;
	padding: 0 0 5px 14px;
	font-size: 20px;
	border-bottom: 2px solid #d2d2d2;
	text-align: left;
}

.np-rowcontent {
	padding: 10px;
	position: relative;
	border-right: 1px solid #f3f3f3;
}

.npage-titre {
	padding: 0 0 10px 16px;
	margin: 15px 0 36px 0;
	text-align: center;
	border-bottom: 1px solid #ececec;
}

.np-optinner {
	width: 100%;
	background: red;
	height: 100%;
	top: 0;
}

.np-opt-red .inc {
	background: #b34646 !important;
}

.np-opt-red .check {
	border-color: #b34646 !important;
}

.np-opt-red .box {
	border-color: #b34646 !important;
}

.np-opt-red label {
	color: #b34646 !important;
}

.np-opt-orange .inc {
	background: #ffbc3e !important;
}

.np-opt-orange .check {
	border-color: #ffbc3e !important;
}

.np-opt-orange .box {
	border-color: #ffbc3e !important;
}

.np-opt-orange label {
	color: #ffbc3e !important;
}

.np-opt-blue .inc {
	background: #bdbdbd !important;
}

.np-opt-blue .check {
	border-color: #ababab !important;
}

.np-opt-blue .box {
	border-color: #bfbfbf !important;
}

.np-opt-blue label {
	color: #9e9e9e !important;
}

.gl-audio-btn {
	height: 100px;
	width: 100px;
	border-radius: 100%;
	background: #d7ffef;
	color: #14905c;
	text-align: center;
	margin: 10px 0;
	/* padding: 0 0 0 6px; */
	border: 2px solid #4fd29d;
	border-right: 2px solid #2a7356;
	border-bottom: 2px solid #2a7356;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	outline: none;
}

.gl-audio-btn:hover {
	background: #26c281;
	color: #fff;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.gl-audio-btn .fa {
	display: block;
	/* position: absolute; */
	/* left: 50%; */
	/* top: 50%; */
	font-size: 50px;
}

.gl-audio-btn i {}

.gl-play-btn {
	height: 100px;
	width: 100px;
	border-radius: 100%;
	background: #d1fbff;
	color: #32c5d2;
	text-align: center;
	margin: 10px 0;
	/* padding: 0 0 0 6px; */
	line-height: 100px;
	border: 2px solid #36d2e0;
	border-right: 2px solid #1c96a0;
	border-bottom: 2px solid #18828c;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	outline: none;
}

.gl-play-btn:hover {
	background: #32c5d2;
	color: #fff;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.gl-play-btn .fa {
	display: block;
	/* position: absolute; */
	/* left: 50%; */
	/* top: 50%; */
	font-size: 50px;
	/* padding-left: 8px; */
}

.gl-play-btn i {}

.audio-canvas-container {
	width: 100%;
	overflow: hidden;
	height: 150px;
	float: none;
	margin: 0 auto;
	/* border: 1px solid #ccc; */
	position: relative;
}

.audio-canvas-container canvas {
	width: 100%;
	height: 100%;
}

.np-produits {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	position: absolute;
	white-space: nowrap;
	overflow: visible;
}

.np-produits li {
	display: inline-block;
	position: relative;
	height: 130px;
	width: 100px;
	background-color: #ffffff;
	border: 1px solid #00adea;
	margin: 4px 2px;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	background-size: 100%;
	cursor: pointer;
}

.np-produits li span {
	display: table-cell;
	position: absolute;
	bottom: 0;
	min-height: 30px;
	width: 100%;
	font-size: 10px;
	text-align: center;
	background: #00adea;
	color: #ffffff;
}

.no-data {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(255, 255, 255, 0.95);
	/* border: 1px dotted #ccc; */
}

.no-data span {
	display: inline-block;
	padding: 50px 0;
	font-size: 20px;
	font-weight: bold;
}

.title-label {
	display: block;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #949494;
	border-left: 2px solid #50e3c2;
	padding: 0 0 0 10px;
}

.np-audio-control {
	display: block;
	text-align: center;
	padding: 15px;
}

@media (max-width: 340px) {
	.page-logo {
		display: none !important;
	}

	.commercial-chart-card .ccc-txt li>span {
		width: 80px !important;
	}
}

.np-audio-control {}

.np-audio-control button:disabled {
	opacity: 0.2;
}

.np-audio-control button {
	display: inline-block;
	height: 50px;
	width: 50px;
	background: #fff;
	border: 1px #dcdcdc solid;
	border-radius: 100%;
	line-height: 50px;
	text-align: center;
	font-size: 25px;
	padding: 1px 0 0 1px;
	outline: none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.np-audio-control button:hover {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.np-audio-control button#record {
	background: #1bbc9b;
	border: 2px solid #099a7c;
	color: #fff;
}

.np-audio-control button#record:hover:not(:disabled) {
	background: #16d2ac;
	border: 2px solid #20b99b;
	color: #075848;
}

.np-audio-control button#pause {
	background: #35e5ef;
	border: 2px solid #21b1b9;
	color: #138086;
}

.np-audio-control button#pause:hover:not(:disabled) {
	background: #adf5f9;
	border: 2px solid #2dcfd8;
	color: #074548;
}

.np-audio-control button#stop {
	background: #e43a45;
	border: 2px solid #b91a24;
	color: #fff;
}

.np-audio-control button#stop:hover:not(:disabled) {
	background: #ff6d76;
	border: 2px solid #f71f2c;
	color: #ffe0e0;
}

.np-audio-control .rec {
	display: inline-block;
	height: 50px;
	width: 50px;
	background: #e7505a;
	border: 2px solid #981a23;
	border-radius: 100%;
	font-size: 25px;
	color: #fff;
}

.np-audio-control .rec:disabled {
	opacity: 0.3;
}

.np-audio-control .pause {
	display: inline-block;
	height: 50px;
	width: 50px;
	background: #e7505a;
	border: 2px solid #981a23;
	border-radius: 100%;
	font-size: 25px;
	color: #fff;
}

.np-audio-control .rec:disabled {
	opacity: 0.3;
}

.np-audio-control .rec:hover(:not(:disabled)) {
	background: #f5888f;
	border: 2px solid #b1323b;
	color: #751f1f;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.np-audio-control .stop {
	display: inline-block;
	height: 50px;
	width: 50px;
	background: #f5f5f5;
	border: 2px solid #adadad;
	border-radius: 100%;
	font-size: 25px;
	color: #717171;
}

.np-audio-control .stop:disabled {
	opacity: 0.3;
}

.np-audio-control .stop:hover(:not(:disabled)) {
	background: #797979;
	border: 2px solid #151515;
	color: #e4e4e4;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.np-audio-control button>.fa {}

.demo-notif {
	display: block;
	width: 90%;
	background: #fbffc8;
	position: absolute;
	right: 5%;
	top: 0;
	font-size: 13px;
	text-align: center;
	z-index: 2;
}

.gl-container {
	margin: 0;
	padding: 0 10px;
}

.table-actions {
	position: absolute;
}

.ta-menu {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

@media (max-width: 750px) {
	.btn-group {
		position: relative !important;
	}

	.tbl-menu {
		position: relative;
	}

	.tbl-menu li {}

	.tbl-menu a {}
}

@media screen and (max-width: 800px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #e7ecf1;
	}
}

.panel-more {
	text-align: right;
	padding: 0 10px 5px;
	background: #f3f3f3;
}

.panel-more a {
	font-size: 12px;
	background: none;
	color: #464646;
	text-decoration: none;
}

.panel-action {
	position: absolute;
	right: 20px;
	top: 10px;
	background: none;
	color: #fff;
	border: none;
	outline: none;
}

.panel-action:hover {
	background: #1c5586;
	/* border-left: 4px solid #0e314e; */
	color: #c5e4ff;
	border-radius: 6px 0 6px 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.prev-role {
	padding-top: 4px;
	border-bottom: 1px solid #f3f3f3;
	border-right: 1px solid #dcdcdc;
}

.modal_sucess {
	padding: 20px;
	text-align: center;
}

.modal_sucess span:not(.fa) {
	color: #676767;
}

.modal_sucess .fa {
	display: block;
	height: 30px;
	width: 30px;
	background: #e9fff6;
	border-radius: 100%;
	color: #15c77d;
	border: 1px solid #c7ffe8;
	font-size: 17px;
	text-align: center;
	line-height: 30px;
	float: none;
	margin: 0 auto;
	margin-bottom: 10px;
}

.modal_fail {
	padding: 20px;
	text-align: center;
}

.modal_fail span:not(.fa) {
	color: #676767;
}

.modal_fail .fa {
	display: block;
	height: 30px;
	width: 30px;
	background: #ffd1d4;
	border-radius: 100%;
	color: #e43a45;
	border: 1px solid #ffa8ae;
	font-size: 17px;
	text-align: center;
	line-height: 30px;
	float: none;
	margin: 0 auto;
	margin-bottom: 10px;
}

.modal_loader {
	padding: 20px;
	text-align: center;
}

.modal_loader .fa {
	font-size: 30px;
	color: #26c281;
	display: block;
}

.modal_loader span:not(.fa) {
	color: #6d6d6d;
}

.modal-action-detail {
	text-align: right;
	padding: 0 10px 5px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}

.panel-actions {
	position: absolute;
	right: 0;
	top: 0;
}

.ddm-dark {}

.ddm-dark li {}

.ddm-dark li:hover {}

.ddm-dark li:hover a {}

.ddm-dark li a {
	background: #efefef;
	color: #212121;
	border-bottom: 1px solid #d0d0d0;
}

.row-eq-height {
	display: table;
}

.row-eq-height [class*="col-"] {
	float: none;
	display: table-cell;
	vertical-align: top;
}

@media (min-width: 450px) {
	.gl-modal-wc {
		width: 96%;
	}

	.doc-nav .btn-group {
		position: absolute !important;
		right: 10px;
		top: -12px;
	}
}

@media (min-width: 768px) {
	.gl-modal-wc {
		width: 90%;
	}
}

@media (min-width: 992px) {
	.gl-modal-wc {
		width: 80%;
	}
}

@media (min-width: 1200px) {
	.gl-modal-wc {
		width: 60%;
	}
}

/* gl material form group*/
.gl-mdfg {
	margin-bottom: 10px !important;
}

.no-permission {
	position: relative;
	background: #fff;
	width: 100%;
	padding: 20px 15px;
	text-align: center;
}

.no-permission h1 {
	font-size: 45px;
	/* margin-top: 40px; */
	color: #464646;
}

.no-permission p {
	font-size: 15px;
	color: #585858;
}

.no-permission>.fa {
	color: #f1f1f1;
	font-size: 100px;
	margin-bottom: -10px;
	display: block;
	padding-top: 32px;
}

.nop-dirs {
	background: #fff;
	margin: 1px 0 0 0;
	padding: 10px;
	text-align: center;
	border-top: 2px solid #f1f1f1;
}

.nop-dirs a {}

.commercial-chart-cards {}

.commercial-chart-card {
	background: #fff;
	/* margin: 2px; */
	border: 1px #e5e5e5 solid;
	padding-bottom: 10px;
}

.commercial-chart-card h3 {
	text-align: center;
	padding: 8px 0;
	margin: 0 -15px 15px;
	background: #f9f9f9;
	border-bottom: 1px solid #e6e6e6;
}

.commercial-chart-card .ccc-chart {}

.commercial-chart-card .ccc-txt {
	display: inline-block;
	width: 40%;
	list-style: none;
	padding: 0;
	margin: 0;
	height: 160px;
	padding-top: 27px;
}

.commercial-chart-card .ccc-txt li {
	/* position: relative; */
	line-height: 46px;
	font-size: 15px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

.commercial-chart-card .ccc-txt li>span {
	float: right;
	padding: 0px 20px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	/* position: absolute; */
	max-width: 100px;
	/* right: 0; */
	width: 100%;
	/* overflow: hidden; */
	/* text-align: left; */
	position: relative;
}

.commercial-chart-card .ccc-txt li>span i {
	position: relative;
	/* z-index: auto; */
	/* display: none; */
	color: #fff;
	font-style: normal;
	display: block;
	width: 100px;
	text-align: center;
	margin-left: -20px;
	z-index: 9;
}

.commercial-chart-card .ccc-txt li>span::before {
	content: "";
	background: #00b5ee;
	/*transform: rotate(3deg);*/
	position: absolute;
	height: 50px;
	width: 100px;
	z-index: 0;
	left: 0;
	animation-name: ccc-animation;
	animation-duration: 1s;
}

.flashy {
	animation-name: flash-animation;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

.ccc-msg {
	/* position: absolute; */
	bottom: 5px;
	display: block;
	width: 100%;
	text-align: center;
	padding: 9px 5%;
	background: #fff;
	float: none;
	margin: 0 auto;
}

@keyframes ccc-animation {
	0% {
		transform: rotate(80deg);
	}

	25% {
		transform: rotate(50deg);
	}

	50% {
		transform: rotate(-10deg);
	}

	75% {
		transform: rotate(15deg);
	}

	85% {
		transform: rotate(5deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

.dash-prosp-card {
	display: block;
	/* width: 80%; */
	margin: 8px auto 0;
	float: none;
	position: relative;
	height: 120px;
}

.dpc-titre {
	position: absolute;
	left: 0;
	display: table;
	top: 0;
	height: 100%;
	width: 50%;
	background: #00b0ff;
	text-align: center;
	font-size: 18px;
	/* word-wrap: unset; */
	/* padding: 35px 0 0 0; */
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.dpc-top {
	display: block;
	height: 58px;
	text-align: center;
	background: #fff;
	width: 96%;
	margin: 0 0 0 4px;
}

.dpc-titre span {
	display: table-cell;
	vertical-align: middle;
}

.dpct-title {
	display: block;
	width: 100%;
	font-size: 12px;
	height: 14px;
	color: #9e9e9e;
	overflow: hidden;
}

.dpc-percent {
	height: calc(100% - 15px);
	padding-bottom: 15px;
	position: relative;
}

.dpc-percent span {
	position: absolute;
	display: block;
	font-size: 40px;
	/* font-weight: bold; */
	left: 50%;
	margin-left: -23px;
	height: 50px;
	margin-top: -7px;
}

.dpc-percent .fa-arrow-up {
	position: absolute;
	left: 50%;
	display: block;
	margin-left: 25px;
	font-size: 20px;
	font-weight: lighter;
	height: 100%;
	line-height: 45px;
	color: #93c53b;
}

.dpc-percent .fa-arrow-down {
	position: absolute;
	left: 50%;
	display: block;
	margin-left: 25px;
	font-size: 20px;
	font-weight: lighter;
	height: 100%;
	line-height: 45px;
	color: #ff0000;
}

.dpc-bottom {
	display: block;
	height: 58px;
	text-align: center;
	background: #fff;
	width: 96%;
	margin: 4px 0 0 4px;
}

.dpcb-title {}

.dpc-right-holder {
	position: absolute;
	display: block;
	right: 0;
	width: 50%;
	height: 120px;
}

.dash-prosp-card.card-regu {
	width: 100%;
	max-width: 400px;
}

.dash-prosp-card.card-regu .dpc-titre {
	background: #62bf08;
}

.val-result {
	padding: 0px 30px;
	margin-bottom: 12px;
	margin-top: -15px;
	display: none;
}

.val-result ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin: 9px 0;
	background: #fdfdfd;
	border: 1px solid #e4e4e4;
	padding: 5px;
}

.val-result ul li span {
	font-weight: bold;
	/* float: right; */
	/* display: block; */
}

.val-result ul li:hover {
	background: #ffffff;
	cursor: default;
}

.val-result ul li {
	font-size: 13px;
	margin: 3px 0;
	border-bottom: 1px solid #f5f5f5;
}

.val-result>a {
	font-size: 11px;
	text-transform: uppercase;
	/* font-weight: bold; */
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

div#data-map {
	width: 100%;
	height: 400px;
}

/*calendar edits*/
span.fc-time {
	/* display: block !important; */
	background: rgba(255, 255, 255, 0.22);
	padding: 0px;
	color: #ffffff !important;
	padding: 0 3px;
}

.demo-note-holder {
	background: #fffed9;
	margin: 0 0 7px 0;
}

.demo-note {
	width: 80%;
	margin: 0 auto;
	padding: 10px 35px;
	/* background: #fffed9; */
}

.demo-note h3 {
	margin: 0 0 6px 0;
	padding: 0px 0 0px 0;
	border-bottom: 1px solid #d8d7ab;
}

.demo-note>div {}

.waiting-input {
	background-image: url(http://www.ticket.ma/img/fb-loader.gif);
	background-repeat: no-repeat;
	background-position-x: 96%;
	background-size: 15px;
	background-position-y: 50%;
}

.search-top-container {
	float: left;
	height: 40px;
	/* border: 1px solid #ccc; */
	margin-top: 13px;
	margin-left: -34px;
	border-radius: 18px;
}

.search-inner {
	height: 100%;
	background: none;
}

#search-text {
	height: 100%;
	border: none;
	outline: none;
	background: none;
	padding: 0 0 0 10px;
}

@media (max-width: 991px) {
	.search-top-container {
		display: none;
	}
}

.recorder-holder {
	background: #fff;
}

.rec-status {
	text-align: center;
	color: #afafaf;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

@keyframes flash-animation {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.np-player {}

.np-player audio {
	display: none;
}

.np-audio-playback {
	text-align: center;
	padding: 20px 0;
}

.npap-action {
	width: 80%;
	float: none;
	margin: 0 auto;
	padding: 10px 0;
}

.np-audio-playback audio {
	width: 80%;
}

.eaas-inner {
	display: block;
	height: 3px;
	width: 20%;
	background: #32c5d2;
}

.ea-audio-slide {
	display: block;
	height: 3px;
	overflow: hidden;
	width: 80%;
	background: #d1fbff;
	margin: 0 auto;
	float: none;
}

.ea-button-holder {
	text-align: center;
}

.gl-play-btn .fa.fa-play {
	padding-left: 8px;
}

.a-error {
	background: #e73d4a;
	width: 100%;
	display: block;
	margin: 2px 0 0 0;
	padding: 2px 0 3px 16px;
	color: #fff;
}

.na-mapinfo {
	display: block;
	padding: 8px 5px;
	background: #ffebaf;
	border: 1px solid #bb9830;
	color: #6f5300;
	margin: 5px 0;
	position: absolute;
	z-index: 999;
	left: 15px;
	top: -5px;
	width: calc(100% - 30px);
	text-align: center;
}

/* calendar ui */
.fc-day {
	padding-top: 10px;
}

.fc-day:hover {
	cursor: pointer;
	background: #fefff5;
}

.fc-slats,
.fc-content-skeleton,
.fc-bgevent-skeleton {
	pointer-events: none;
}

.fc-bgevent,
.fc-event-container {
	pointer-events: auto;
}

#cal-tt {
	display: none;
	position: absolute;
	z-index: 999999;
	left: 0;
	top: 0;
	background: #ccc;
	padding: 4px 10px;
}

#cal-tt a {
	background: none;
	color: #fff;
	text-decoration: none;
}

.cal-mapsign {
	display: none;
	/* position: relative; */
	/* z-index: 99999999999; */
	/* margin: 9px 0 0 0; */
	color: #009bcc;
}

.prof-sepp {
	border-left: 2px solid #ccc;
	min-height: 100px;
	padding: 20px 0 0 15px;
}

.col-xs-offset-right-12 {
	margin-right: 100%;
}

.col-xs-offset-right-11 {
	margin-right: 91.66666667%;
}

.col-xs-offset-right-10 {
	margin-right: 83.33333333%;
}

.col-xs-offset-right-9 {
	margin-right: 75%;
}

.col-xs-offset-right-8 {
	margin-right: 66.66666667%;
}

.col-xs-offset-right-7 {
	margin-right: 58.33333333%;
}

.col-xs-offset-right-6 {
	margin-right: 50%;
}

.col-xs-offset-right-5 {
	margin-right: 41.66666667%;
}

.col-xs-offset-right-4 {
	margin-right: 33.33333333%;
}

.col-xs-offset-right-3 {
	margin-right: 25%;
}

.col-xs-offset-right-2 {
	margin-right: 16.66666667%;
}

.col-xs-offset-right-1 {
	margin-right: 8.33333333%;
}

.col-xs-offset-right-0 {
	margin-right: 0;
}

@media (min-width: 768px) {
	.col-sm-offset-right-12 {
		margin-right: 100%;
	}

	.col-sm-offset-right-11 {
		margin-right: 91.66666667%;
	}

	.col-sm-offset-right-10 {
		margin-right: 83.33333333%;
	}

	.col-sm-offset-right-9 {
		margin-right: 75%;
	}

	.col-sm-offset-right-8 {
		margin-right: 66.66666667%;
	}

	.col-sm-offset-right-7 {
		margin-right: 58.33333333%;
	}

	.col-sm-offset-right-6 {
		margin-right: 50%;
	}

	.col-sm-offset-right-5 {
		margin-right: 41.66666667%;
	}

	.col-sm-offset-right-4 {
		margin-right: 33.33333333%;
	}

	.col-sm-offset-right-3 {
		margin-right: 25%;
	}

	.col-sm-offset-right-2 {
		margin-right: 16.66666667%;
	}

	.col-sm-offset-right-1 {
		margin-right: 8.33333333%;
	}

	.col-sm-offset-right-0 {
		margin-right: 0;
	}
}

@media (min-width: 992px) {
	.col-md-offset-right-12 {
		margin-right: 100%;
	}

	.col-md-offset-right-11 {
		margin-right: 91.66666667%;
	}

	.col-md-offset-right-10 {
		margin-right: 83.33333333%;
	}

	.col-md-offset-right-9 {
		margin-right: 75%;
	}

	.col-md-offset-right-8 {
		margin-right: 66.66666667%;
	}

	.col-md-offset-right-7 {
		margin-right: 58.33333333%;
	}

	.col-md-offset-right-6 {
		margin-right: 50%;
	}

	.col-md-offset-right-5 {
		margin-right: 41.66666667%;
	}

	.col-md-offset-right-4 {
		margin-right: 33.33333333%;
	}

	.col-md-offset-right-3 {
		margin-right: 25%;
	}

	.col-md-offset-right-2 {
		margin-right: 16.66666667%;
	}

	.col-md-offset-right-1 {
		margin-right: 8.33333333%;
	}

	.col-md-offset-right-0 {
		margin-right: 0;
	}
}

@media (min-width: 1200px) {
	.col-lg-offset-right-12 {
		margin-right: 100%;
	}

	.col-lg-offset-right-11 {
		margin-right: 91.66666667%;
	}

	.col-lg-offset-right-10 {
		margin-right: 83.33333333%;
	}

	.col-lg-offset-right-9 {
		margin-right: 75%;
	}

	.col-lg-offset-right-8 {
		margin-right: 66.66666667%;
	}

	.col-lg-offset-right-7 {
		margin-right: 58.33333333%;
	}

	.col-lg-offset-right-6 {
		margin-right: 50%;
	}

	.col-lg-offset-right-5 {
		margin-right: 41.66666667%;
	}

	.col-lg-offset-right-4 {
		margin-right: 33.33333333%;
	}

	.col-lg-offset-right-3 {
		margin-right: 25%;
	}

	.col-lg-offset-right-2 {
		margin-right: 16.66666667%;
	}

	.col-lg-offset-right-1 {
		margin-right: 8.33333333%;
	}

	.col-lg-offset-right-0 {
		margin-right: 0;
	}
}

.raq-binfo {
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
}

.raq-binfo h3 {
	margin: 3px 0 10px 0;
	font-size: 16px;
	color: #636363;
}

.raq-binfo .bginfo {
	display: inline-block;
	margin: 0 auto;
	float: none;
	width: auto;
	padding: 5px 20px;
	background: #f3f3f3;
	/* border: 1px solid #383838; */
	font-size: 25px;
	font-weight: bold;
}

.noti-statistics {
	margin-top: 30px;
	border-top: 1px solid #ccc;
	padding-top: 15px;
}

.routes-statistics {}

.rs-item {
	max-width: 200px;
	/* background: #ccc; */
	float: none;
	margin: 0 auto;
	border-bottom: 2px solid #ccc;
}

.rs-item h6 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.rsi-number {
	display: inline-block;
	padding: 0px 5px;
	color: #1bbc9b;
	font-size: 40px;
	position: relative;
	text-align: center;
}

.rsi-number span.badge {
	position: absolute;
	bottom: 5px;
	right: -20px;
}

.badge-gl {
	background: #1bbc9b;
	color: #ffffff;
	border: 1px solid #097962;
	line-height: 8px;
	/* box-shadow: none; */
}

.badge-white {
	background: #ccc;
	color: #fff;
}

.inperror {
	background: #fff4f4;
	color: #c70000;
}

.gl-portlet-controller {}

.gl-list {
	height: 300px;
	border-left: 1px solid #32c5d2;
	padding: 0 0 0 5px;
	/* overflow-y: auto; */
	/* overflow-x: hidden; */
	position: relative !important;
}

.gl-list>h3 {
	padding: 4px 4px 4px 15px;
	margin: 0 0 5px -5px;
	border-bottom: 2px solid #32c5d2;
	font-size: 21px;
	background: #32c5d2;
	color: #fff;
}

span.gll-subtitle {
	display: block;
	width: 100%;
	text-align: right;
	color: #b1b1b1;
	margin-top: -5px;
	padding-right: 4px;
	padding: 3px 6px;
}

.gl-list ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 280px;
	overflow-x: hidden;
}

.gl-list ul>li {
	display: block;
	margin: 0 0 4px 0;
	border-bottom: 1px solid #e0e0e0;
	position: relative;
	/* height: 50px; */
	padding-left: 5px;
	cursor: pointer;
}

.gl-list ul>li:hover {
	background: #fbfbfb;
}

.gl-list ul>li.selected {
	background: #f9f9f9;
}

.gl-list ul>li:hover .pll-item-action {}

span.pll-item-title {
	display: block;
	font-size: 16px;
	color: #5f5f5f;
	/* font-weight: bold; */
}

span.pll-item-details {
	display: block;
	font-size: 12px;
	color: #969696;
	padding: 0 0 0 0px;
}

span.pll-item-action {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

span.pll-item-action a {
	height: 100%;
	line-height: 50px !important;
	font-size: 23px;
	text-decoration: none;
	color: #9a9a9a;
	background: none;
}

span.pll-item-action a:hover {
	color: #656565;
}

.pll-item-title i {
	display: block;
	font-size: 12px;
	color: #afafaf;
}

.color-green {
	color: #23ca22;
}

.pll-item-details i.fa {
	margin-right: 5px;
}

span.pll-adress {
	color: #32c5d2;
	font-size: 12px;
	display: block;
	padding: 0 0 4px 3px;
}

span.pll-adress .fa {
	color: #32afbc;
}

#reporting_map_holder {
	height: 345px;
}

.gl-content-loader {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 9;
	text-align: center;
	display: table;
}

.gl-content-loader img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
}

span.ti-title {
	font-size: 14px;
	font-weight: bold;
	color: #22adb9;
	/* display: block; */
}

span.ti-stitle {
	/* display: block; */
	font-size: 12px;
	margin-top: -3px;
}

.reporting_timeline time {
	background: #e2e2e2;
	margin: -2px -2px 2px -2px;
	color: #3c3c3c;
	text-align: center;
	font-size: 14px;
}

.reporting_timeline ol>li p {
	font-size: 12px;
	margin: 0;
	height: 53px;
	overflow: hidden;
	border-top: 1px solid #909090;
	padding: 13px 0 0 0;
	position: relative;
	text-align: center;
	color: #545454;
}

.reporting_timeline ol>li p:before {
	content: "NOTE";
	font-size: 10px;
	position: absolute;
	right: 5px;
	top: 0;
	background: #909090;
	color: #fff;
	padding: 0 5px;
}

.rep-nodata {
	display: block;
	text-align: center;
	height: 120px;
	padding-top: 26px;
	font-size: 16px;
}

.forpasswordreset {
	text-align: center;
	padding: 40px 15px 15px 15px;
	border-top: 2px solid #eaeaea;
	position: relative;
}

.forpasswordreset:after {
	content: "Autre action";
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -50px;
	width: 100px;
	text-align: center;
	background: #eaeaea;
}

.dataTables_processing {
	background: rgba(255, 255, 255, 0.96);
	text-align: center;
	padding: 0;
	height: 50px;
}

.dataTables_processing:before {
	content: " ";
	display: block;
	float: none;
	margin: 0 auto;
	width: 50px;
	height: 50px;
	-webkit-background-size: 100%;
	background-size: 100%;
}

.actiontable .btn-group {
	position: relative !important;
}

.sv-search-area {
	width: 290px;
	float: none;
	margin: 0 auto;
}

.search_container {
	background: #fff;
	padding: 10px;
}

.search_result {}

.gl-pl {
	background: #36c9de;
	border: 1px solid #36c9de;
}

.gl-pl .caption {
	color: #fff;
}

.xtra-collapse {}

.xtra-collapse:hover {}

.xtra-collapse:before {
	content: "\f102";
}

.xtra-expande:before {
	content: "\f103";
}

.xtra-reload {}

.xtra-reload:hover {}

.xtra-reload:before {
	content: "\f021";
}

.glpl-xtra {
	float: right;
}

.glpl-xtra span {
	display: block;
	float: right;
	margin: 0 5px;
	width: 30px;
	height: 30px;
	background: #0a6673;
	margin-top: -2px;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.glpl-xtra span:before {
	text-align: center;
	line-height: 100%;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	margin-top: 8px;
	color: #f2fdff;
}

.glpl-xtra span:hover {
	background: #19a0b3;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.result-item {
	display: block;
	margin: 1px 1px 8px 1px;
	padding: 2px 7px;
	position: relative;
	border-bottom: 1px solid #c7c7c7;
}

.ri-title {
	padding: 0;
	margin: 0;
	font-size: 15px;
	font-family: sans-serif;
	color: #36c9de;
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}

.ri-detail {
	font-size: 14px;
}

.ri-actions {
	position: absolute;
	right: 20px;
	top: 50%;
	background: transparent;
	border: none;
	font-size: 20px;
	color: #36c9de;
}

.ri-foot {
	display: block;
	margin: 1px 0 0 0;
	color: #b3b3b3;
	border-top: 1px solid #f5f5f5;
	font-size: 12px;
}

.gl-gray {
	background: #ececec !important;
	border: 1px solid #e2e2e2;
}

.gl-gray .caption {
	color: #5f5f5f;
}

.gl-gray .glpl-xtra span {
	background: #868686;
}

.gl-gray .glpl-xtra span:hover {
	background: #6b6b6b;
}

.gl-gray .glpl-xtra span:before {
	color: #fff !important;
}

.inner-ajax-loader {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	height: 100%;
	width: 100%;
	z-index: 1;
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 50%;
	background-size: 36px;
}

.search-highlight {
	background: #fbffbf;
	/* color: #2b2b2b; */
}

.rep-noactions {
	display: none;
	text-align: center;
	height: 120px;
	padding-top: 26px;
	font-size: 16px;
}

.rowx {
	/* margin: 20px 0; */
}

#comfirm_devis {
	max-width: 350px;
	margin: 0 auto;
	float: none;
}

#enter_code {
	max-width: 300px;
	margin: 0 auto;
	float: none;
}

.history_dates {
	height: 34px;
	border: 1px solid #15b3c1;
	display: none;
}

.history_dates:hover {}

.history_dates ul {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #32c5d2;
	height: 100%;
	padding-left: 1%;
	overflow: hidden;
}

.history_dates ul>li {
	display: block;
	width: 24%;
	float: left;
	height: 32px;
	text-align: center;
	background: #ffffff;
	color: #147e88;
	padding: 7px 0;
	cursor: pointer;
	margin: 0 0.1em;
}

.history_dates ul>li:hover {
	background: #f1f1f1;
}

.history_dates ul>li.active,
.history_dates ul>li:active {
	background: #32c5d2;
	color: #fff;
	cursor: default;
}

.floatable-cmd {
	position: absolute;
	top: 4px;
	right: 10px;
}

@media (max-width: 500px) {
	.history_dates {
		height: 50px;
	}

	.history_dates:hover {}

	.history_dates ul {
		display: none;
		list-style: none;
		margin: 0;
		padding-left: 2%;
		text-align: center;
		/* height: 100px; */
		background: #32c5d2;
	}

	.history_dates ul>li {
		display: inline-block;
		width: 48%;
		min-width: 100px;
		height: 25px;
		text-align: center;
		background: #ffffff;
		padding: 3px 0;
		cursor: pointer;
		margin: 0 0.1em 0.1em 0.1em;
	}

	.history_dates ul>li:hover {
		background: #f1f1f1;
	}

	.history_dates ul>li.active,
	.history_dates ul>li:active {
		background: #32c5d2;
		color: #fff;
		cursor: default;
	}
}

.prefix_info {
	font-size: 11px;
	padding: 0 0 0 4px;
}

.prefix_info span {
	padding: 0;
	margin: 0;
}

.notifdevis {
	min-height: 50px;
	background: #efefef;
	border: 1px solid #ccc;
	padding: 10px;
	text-align: center;
}

.tasknote {
	display: block;
	font-size: 12px;
}

.tasknote b {
	display: block;
}

.badge-gl-default {
	background: #00b1eb;
}

.as-phoning {}

.as-phoning div {
	background: #faffff !important;
}

.as-phoning time {
	background: #32c5d2 !important;
	color: #fff;
}

.cft_tot {
	display: block;
	width: 185px;
	border-bottom: 1px solid #d6d6d6;
	margin-left: 22px;
}

.cft_tot b {
	float: right;
}

.showdetaillink {
	text-align: center;
	width: 100%;
}

.r-container {
	padding: 2px 10px;
}

.ref-info {
	text-align: left;
	margin-bottom: 5px;
}

.notifsettings {
	position: absolute;
	right: 4px;
	top: 6px;
	cursor: pointer;
}

.notifsettings .fa {
	font-size: 20px;
}

.changeemailinput {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 3px;
	display: none;
}

.changeemailinput span {
	display: block;
	text-align: center;
	font-size: 12px;
	padding-bottom: 3px;
}

.changeemailinput button {}

#new_email {}

[data-lat][data-lng] {
	cursor: pointer;
}

.raq_km_statistics {
	display: block;
	width: 95%;
	border: 1px solid #868686;
	float: none;
	margin: 0 auto;
	height: 80px;
	position: relative;
}

.rks-number {
	height: 63%;
	text-align: center;
	background: #dcdcdc;
	font-size: 37px;
	font-weight: bold;
	color: #353535;
	padding: 0;
	border-bottom: 1px solid #353535;
}

.rks-detail {
	text-align: center;
	font-size: 14px;
	/* font-weight: bold; */
	padding-top: 6px;
}

.rks-unit {
	font-size: 12px;
	margin-left: -10px;
}

.raq_km_statistics.green {
	border: 1px solid #1397a2;
}

.raq_km_statistics.green .rks-number {
	background: #32c5d2;
	color: #ffffff;
	border-bottom: 1px solid #1397a2;
}

.raq_km_statistics.green .rks-detail {
	color: #1eadb9;
}

.raq_km_statistics.green .rks-unit {}

.raq_km_statistics.blue {
	border: 1px solid #2089bd;
}

.raq_km_statistics.blue .rks-number {
	background: #53c6ff;
	color: #232323;
	border-bottom: 1px solid #2089bd;
}

.raq_km_statistics.blue .rks-detail {
	color: #2089bd;
}

.raq_km_statistics.blue .rks-unit {}

.raq_km_statistics.red {
	border: 1px solid #868686;
}

.raq_km_statistics.red .rks-number {
	background: #dcdcdc;
	color: #353535;
	border-bottom: 1px solid #353535;
}

.raq_km_statistics.red .rks-detail {}

.raq_km_statistics.red .rks-unit {}

.raq_km_statistics.yellow {
	border: 1px solid #940303;
}

.raq_km_statistics.yellow .rks-number {
	background: #ca3f3f;
	color: #ffffff;
	border-bottom: 1px solid #940303;
}

.raq_km_statistics.yellow .rks-detail {
	color: #940303;
}

.raq_km_statistics.yellow .rks-unit {}

.file-uploader {
	height: 130px;
}

.fu-files {
	height: 120px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 0;
	list-style: none;
}

.fu-files li {
	padding: 6px 3px;
	width: 99%;
	overflow: hidden;
	padding-left: 20px;
	position: relative;
}

.fu-files li .fa {
	position: absolute;
	left: 0;
	top: 7px;
}

.fu-files li a {
	/* display: block; */
	/* border-bottom: 1px solid #ccc; */
	/* padding-bottom: 3px; */
	color: #1f1f1f;
	background: unset;
}

.fu-files li:hover {
	background: #efefef;
}

.fu-upload {
	float: right;
}

span.datadata {
	border-bottom: 1px solid #dcdcdc;
	display: block;
}

.fu-rem {
	position: absolute !important;
	right: 0;
	top: 0px;
	height: 27px;
	padding-right: 11px !important;
	padding-bottom: 5px !important;
}

.rnoti {
	margin-top: 20px;
	/* padding: 0 15px; */
}

.rntitle {
	margin: 0 0 20px 0;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	border-left: 2px solid #ccc;
	padding-left: 6px;
	padding-bottom: 5px;
	width: calc(100% - 58px);
}

.fu-title {
	display: block;
	font-size: 14px;
}

.item-controller {
	display: block;
	width: 50px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	height: 33px;
	margin-top: 1px;
	padding-top: 1px;
}

.forhiding {
	overflow: hidden !important;
}

.nparam {
	min-height: 45px;
}

.dateparam {
	display: block;
	width: 200px;
	float: right;
	/* margin: 0 auto; */
}

.datechooser {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 999;
	text-align: center;
	display: none;
}

.dc-inner {
	width: 300px;
	margin: 0 auto;
	float: none;
	margin-top: 20px;
}

.dc-action {
	margin-top: 10px;
}

.dcgo {}

.ignored_maps {
	background: #f7ffbc;
	color: #151515;
	font-weight: lighter;
	font-size: 12px;
	margin-top: 5px;
	padding: 8px 7px;
	border: 1px solid #dce692;
	border-bottom: 4px solid #dce692;
}

.ignored_maps span {}

.ignored_maps ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 8px;
	margin-top: 7px;
}

.ignored_maps ul li {
	display: block;
	border-bottom: 1px solid #dde4a5;
	border-left: 6px solid #dde4a5;
	padding-left: 5px;
	margin-top: 4px;
}

.ignored_maps ul li b {}

.ignored_maps a {
	border-bottom: 1px dotted #909090;
	text-decoration: none !important;
}

.fastuce {
	background: #8edaf2;
	border: 1px solid #56a8c1;
	position: relative;
}

span.atitle {
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #246579;
	color: #f2fcff;
	padding: 5px 0;
}

.fastuce p {
	margin: 0;
	padding: 5px 10px;
}

.fastuce .fa.fa-close {
	position: absolute;
	right: 3px;
	top: 3px;
	color: #fff;
	font-size: 15px;
	cursor: pointer;
}

.pn .nav-tabs>li {
	background: #fff !important;
	border-bottom: 3px solid #01a7e7 !important;
}

.pn .nav-tabs>li:hover {
	background: #0075a2 !important;
}

.pn .nav-tabs>li:hover a {
	color: #fff !important;
}

.pn .nav-tabs>li.active {
	background: #01a7e7 !important;
	color: #fff !important;
	border-bottom: 3px solid #0075a2 !important;
	font-weight: bold;
}

.pn .nav-tabs>li.active a {
	color: #fff !important;
}

#newclient_container {
	max-width: 450px;
	margin: 0 auto;
	float: none;
}

.doc_header {
	width: 90%;
	/* min-width: 21cm; */
	margin: 0 auto;
	float: none;
	border-bottom: 1px solid #ccc;
	height: 135px;
	margin-bottom: 20px;
}

.doc-type {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: bold;
	/* padding-left: 15px; */
}

.doc-detail {
	padding-left: 2px;
}

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

.doc-detail ul li {
	/* border-bottom: 1px solid #f1f1f1; */
}

.doc-detail ul li b {
	font-weight: lighter;
	width: 145px;
	display: inline-block;
}

.doc-detail ul li i {
	font-weight: bold;
	font-style: normal;
}

.doc-big-det b {
	font-weight: normal;
}

.doc-big-det i {
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	display: block;
}

.doc-big-det {
	margin-top: 0px;
}

.doc_body {
	padding: 0 10px;
	width: 90%;
	margin: 0 auto;
}

.doc-articles {
	margin-top: 45px;
}

.ptble {}

.ptble thead {
	background: #868686;
	color: #fff;
	text-align: center;
	/* vertical-align: middle; */
}

.ptble thead tr {}

.ptble thead td {
	vertical-align: middle !important;
}

.ptble tbody td {
	/* border-right: none !important; */
}

.ptble tbody tr {}

.ptble tbody {}

table .ptext {
	text-align: left;
}

table .pnum {
	text-align: right;
}

.psubnum {
	text-align: right;
	font-weight: bold;
	/* font-size: 16px !important; */
}

.psubtext {
	text-align: left;
	vertical-align: middle !important;
	border-left: none !important;
	/* border-right: none !important; */
}

.doc-prefoot {
	font-weight: bold;
	text-align: right;
	font-size: 12px;
}

.doc-foot {
	width: 90%;
	border-top: 1px solid #ccc;
	margin: 43px auto 0 auto;
}

.doc-nav {
	height: 15px;
	border-bottom: 1px solid #ececec;
	position: relative;
	width: calc(100% + 30px);
	margin-left: -14px;
	box-shadow: -1px 4px 5px #e8e8e8;
	margin-bottom: 20px;
}

.doc-close {
	display: block;
	position: absolute;
	right: 10px;
	top: -10px;
	color: #ccc;
	cursor: pointer;
}

.doc-nav .btn-group {
	position: absolute;
	right: 70px;
	top: -12px;
}

.doc-content {
	background: #fff;
}

.crm-floatable {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 34px;
	height: 12px;
	padding: 0;
	overflow: hidden;
	font-size: 8px;
	color: #fff;
	background: #e43a45;
}

.crm-floatable .fa {}

.dropdown-geotracking {
	width: 47px;
}

.dropdown-apk {
	width: 47px;
}

.inforhistoryarticle {
	display: block;
	background: #36c6d3;
	height: 18px;
	width: 18px;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	cursor: help;
}

.articlehistorypreview {
	display: none;
	width: 450px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -120px;
	margin-left: -225px;
	background: #fff;
	border: 1px solid #000;
	box-shadow: 2px 3px 7px 0px #8a8a8a;
	padding: 15px;
	z-index: 100;
}

.articlehistorypreview table {
	width: 100%;
	border: 1px solid #ccc;
}

.articlehistorypreview table tbody {}

.articlehistorypreview table tbody tr {}

.articlehistorypreview table tbody tr td {
	border-left: 1px solid #ccc;
	padding: 10px 0 10px 5px;
	text-align: center;
}

.articlehistorypreview table thead {}

.articlehistorypreview table thead tr {}

.articlehistorypreview table thead tr td {
	background: #f7f7f7;
	padding: 7px 0;
	border-left: 1px solid #dcdcdc;
	text-align: center;
}

.articlehistorypreview h6 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

.articlehistorypreview p {
	margin: 0;
	margin-bottom: 10px;
}

.articlehistorypreviewback {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000bd;
	z-index: 99;
	display: none;
}

.ahpc {
	display: block;
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
}

#live_map_holder {
	position: relative;
	overflow: hidden;
	margin: -15px;
}

#live_map {
	height: 440px;
}

#list_commercials {
	position: absolute !important;
	display: none;
	z-index: 999;
	background: #fffffff2;
	left: 0;
	top: 0;
	padding-top: 15px;
}

#list_commercials ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 440px;
	max-height: 440px;
	/* overflow-x: hidden; */
	/* overflow-y: scroll; */
	width: 200px;
}

#list_commercials ul li {
	display: block;
	min-height: 30px;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	padding-left: 10px;
}

#list_commercials ul li:hover {
	background: #f9f9f9;
	border-bottom: 1px solid #ccc;
}

.map_controls {
	position: absolute;
	z-index: 19;
}

.btn-formap {
	background: #ffffffeb;
	color: #797979;
}

.mc-right {
	right: 8px;
	top: 7px;
	z-index: 21 !important;
}

.mc-left {
	left: 8px;
	top: 8px;
}

.cl_close {
	position: absolute;
	right: -16px;
	top: -6px;
	cursor: pointer;
	color: #fff;
	text-shadow: 0px 0px 2px #000;
	font-size: 25px;
}

.cl_close i {}

.ci-top .label {
	float: right;
	margin-right: 8px;
}

.ci-top {}

.map-info {
	position: absolute;
	top: 0;
	left: 0;
	height: 40px;
	width: 100%;
	z-index: 20;
	background: #06628c;
	text-align: center;
	color: #fff;
	display: none;
}

.map-info span {
	margin-right: 10px;
	display: none !important;
}

.map-info div {
	display: inline-block;
	padding: 9px 0;
}

.ic-mp {
	position: absolute;
	left: 0;
	top: 2px;
}

.in-mp {
	font-size: 10px;
	font-style: normal;
	margin-left: 4px;
	/* color: #06618c; */
}

.tl-mp {
	margin-left: 13px;
}

.map-com-detail .mcd-close {
	position: absolute;
	right: 2px;
	top: 1px;
	color: #790707;
	cursor: pointer;
}

.map-com-detail .mcd-online {
	position: absolute;
	left: 10px;
	top: 9px;
	/* color: #31a031 !important; */
}

.map-com-detail {
	display: none;
	position: absolute;
	left: 0px;
	right: unset;
	height: 100%;
	top: 0;
	z-index: 999999;
	background: #fffffff2;
	color: #003a64;
	width: 250px;
	padding: 10px;
	border: 1px solid #fff;
	box-shadow: 0px 0px 8px 0px #00000082;
}

.map-com-detail i {
	font-size: 12px;
	font-style: normal;
	margin-bottom: -2px;
	display: block;
}

.map-com-detail b {
	display: block;
	font-weight: lighter;
	font-size: 11px;
	padding-top: 2px;
}

.mcd-name {
	margin: 0;
	padding: 0;
	padding-left: 28px;
	margin-top: -11px;
	padding-top: 4px;
	margin-left: -12px;
	width: 110%;
	background: #f3f3f3;
	/* color: #fff; */
}

.mcd-detail {
	color: #525252;
	display: block;
	padding: 8px 0 11px 0px;
}

.mcd-actions {
	display: none;
	margin: 15px 0 0px 0px;
	/* background: #fff; */
	text-align: center;
	padding: 10px 0;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.mcd-now {
	color: #404040;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

.mcd-stats {
	display: block;
	margin: 0 0 0 0;
	font-size: 13px;
	color: #232323;
	text-align: center;
}

.mcd-stats span {
	display: inline-block;
	height: 50px;
	width: 49%;
	/* background: #fff; */
	border: 1px solid #ffffff;
	margin: 0 0 5px 0;
	cursor: help;
}

.mcd-stats span>i {
	font-size: 20px;
	font-weight: bold;
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	background: #fff;
	color: #3e3e3e;
}

.mcd-stats span>b {}

.mcd-stats .kms {
	background: #337ab7;
	color: #fff;
	border: 1px solid #125086;
}

.mcd-stats .acts {
	background: #bd4141;
	border: 1px solid #ab2727;
	color: #fff;
}

.mcd-stats .pros {
	background: #717171;
	border: 1px solid #656565;
	color: #fff;
}

.mcd-stats .cmds {
	background: #50e2c2;
	border: 1px solid #24b999;
}

.mi-topper {
	position: absolute;
	left: 0;
	top: 0;
	height: 30%;
	width: 100%;
	background: #000000d6;
}

.mi-bellower {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 30%;
	width: 100%;
	background: #000000d6;
}

.mi-txt {
	/* position: absolute; */
	/* left: 0; */
	/* top: 30%; */
	/* height: 40%; */
	text-align: center;
	width: 100%;
	color: #fff;
	font-weight: bold;
}

.mcdn-stat {}

.mcdn-next {}

.mcdn-next span {}

.mcdn-next b {}

.mcdn-detail {
	font-size: 11px;
}

.mcdn-detail b {
	display: inline-block !important;
	font-size: 12px;
	font-weight: bold;
}

.mcdn-card {
	margin-bottom: 9px;
	border: 1px solid #06618c;
	border-bottom: none;
}

.mcdnc-time {
	display: block;
	text-align: center;
	background: #06618c;
	color: #fff;
	font-size: 11px;
}

.mcdnc-title {
	display: block;
	text-align: left;
	font-size: 12px;
	padding: 0 5px;
}

.mcdnc-detail {
	display: block;
	font-size: 12px;
	padding: 0 5px;
}

.mcdnc-detail b {
	display: inline !important;
	font-size: 12px;
	font-weight: bold;
}

.mcda-more {
	padding: 0 0 11px 9px;
}

.mcda-more ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}

.mcda-more ul li {
	/* padding: 3px 0 3px 0; */
}

.mcda-more ul li:hover {
	background: #fbfbfb;
}

.mcda-more ul li a {
	background: none !important;
	color: #292929;
	text-decoration: none !important;
	border-bottom: 1px dotted #bdbdbd;
	font-size: 12px;
}

.mcda-more ul li a .fa {}

.mcda-more ul li a:hover {}

.pnp {
	padding: 2px 7px;
}

.opp-client {
	position: relative;
}

.op-typeclientselect {
	display: table;
	height: 36px;
	text-align: center;
	width: 100%;
	margin-bottom: 15px;
}

.op-typeclientselect b {
	display: table-caption;
	text-align: center;
	padding: 5px 0;
	width: 100%;
}

.op-typeclientselect span {
	width: 49%;
	position: relative;
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
	background: #f7f7f7;
	border: 1px solid #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.op-typeclientselect span:hover {
	background: #dcdcdc;
	color: #2b2b2b;
	border: 1px solid #9a9696;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.op-typeclientselect span.active {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background: #337ab7;
	color: #fff;
	border: 1px solid #164f7f;
}

.op-typeclientselect span::after {
	content: "\f00c";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: -75px;
	color: #fff;
	opacity: 0.2;
	top: -26px;
	font-size: 80px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.op-typeclientselect span.active::after {
	left: -7px;
	top: -26px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.op-client-new {
	display: none;
}

.op-client-exists {
	display: none;
	margin-bottom: 15px;
}

.list-agents-pic {}

.lap-control {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #ffffffbf;
	width: 100%;
	text-align: center;
}

.lap-control .lapc-delete {
	display: inline-block;
	/* background: #fff; */
	/* border: 2px solid #bd0000; */
	color: #bd0000;
	border-radius: 100%;
	font-size: 17px;
	cursor: pointer;
	text-shadow: 0px 0px 2px #e6e6e6;
	/* height: 25px; */
	/* width: 25px; */
	/* text-align: center; */
}

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

.list-agents-pic ul li {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 90px;
	overflow: hidden;
	padding: 2px 0;
	border: 1px solid #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.list-agents-pic ul li:hover {
	background: #f9f9f9;
	border: 1px solid #eaeaea;
	border-radius: 6px;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.list-agents-pic img {
	display: block;
	height: 50%;
	float: none;
	margin: auto;
}

.list-agents-pic .lap-name {
	display: block;
	text-align: center;
	font-size: 11px;
	margin-top: 7px;
	word-wrap: break-word;
}

.list-agents-pic .lap-number {
	display: block;
	position: absolute;
	left: calc(50% - 18px);
	width: 36px;
	top: calc(50% - 10px);
	font-size: 9px;
	background: #06618c;
	color: #fff;
	text-align: center;
	border: 1px solid #06618c;
	border-radius: 3px;
	overflow: hidden;
}

.playbtn {
	display: block;
	position: absolute !important;
	right: 45px;
	bottom: 23px;
	height: 30px;
	width: 50px;
	z-index: 9;
}

.playbtn i {
	/* font-size: 25px; */
	/* position: absolute; */
	/* left: 14px; */
	/* top: 8px; */
}

.maptimeline {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 20px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 9;
	background: #ffffffc7;
}

.maptimeline li {
	display: inline-block;
	width: 2px;
	height: 100%;
	background: #ccc;
	/* margin: 0 1px; */
}

.maptimeline li:hover {
	background: #000000 !important;
	box-shadow: 0px 0px 3px 2px #ccc;
}

.maptl-hour {}

.maptl-hour:hover {}

.maptl-event {}

.maptl-event:hover {}

.maptimeline-holder {
	position: relative;
}

.maptl-info {
	display: block;
	position: absolute;
	width: 120px;
	height: 50px;
	/* overflow: hidden; */
	margin-left: -60px;
	left: 50%;
	top: -85px;
	background: #fff;
	border: 1px solid #888;
}

.maptl-info b {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 25px;
	color: #215a8c;
}

.maptl-info span {
	display: block;
	position: absolute;
	right: -55px;
	width: 50px;
	height: 50px;
	background: #fff;
	top: -1px;
	text-align: center;
	/* border-radius: 100%; */
	border: #215a8c 1px solid;
	font-size: 30px;
	font-weight: bold;
}

.maptl-info span u {
	font-size: 12px;
	text-decoration: none;
	display: block;
	font-weight: lighter;
	margin-top: -8px;
}

.maptl-progress {
	position: absolute;
	z-index: 99;
	width: 100%;
	left: 0;
	top: -7px;
}

.maptl-info i {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: -5px;
	font-size: 12px;
	font-style: normal;
	color: #848484;
}

.free_ligne {
	background: #feffe9;
}

.f_change {
	font-size: 12px;
	text-decoration: none !important;
	border-bottom: 1px dotted #717171;
	display: block;
	text-align: center;
	background: #fbffa0;
	color: #3c3c3c;
}

.fee-entrie {
	border: #efefef 1px solid;
	margin-top: 15px;
	padding: 6px;
	position: relative;
}

.fee-entrie h6 {
	text-align: center;
	background: #efefef;
	color: #5f5f5f;
	font-weight: bold;
	padding: 4px 3px;
	margin: -6px -6px 10px -6px;
	border-bottom: 2px solid #7b7b7b;
}

.fee-entrie label {
	display: inline-block;
}

.fee-entrie>div {
	width: 100% !important;
}

.fixed_devis_action {
	display: block;
	position: fixed;
	top: 113px;
	left: 0;
	z-index: 9;
	width: 100%;
	background: #fff;
}

.del-fees {
	position: absolute !important;
	right: 5px;
	top: 5px;
}

.front-header {
	height: 50px;
	background: #f5f5f5fa;
	margin: 0;
	box-shadow: 1px 4px 6px #ccc;
	margin-bottom: 20px;
	width: 100%;
	padding-top: 5px;
	z-index: 999;
}

.front-header .logo {
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	color: #00aeea;
	text-decoration: none;
}

.preview_print {
	text-align: right;
	padding-right: 20px;
}

.preview_print a {}

@media print {
	.front-header {
		display: none !important;
	}

	.cmd_history {
		display: none;
	}
}

.popnotif-holder {
	display: block;
	position: fixed;
	left: 50%;
	margin-left: -175px;
	top: 20px;
	background: #fff;
	z-index: 999999999;
	width: 350px;
	box-shadow: 2px 4px 10px 2px #000000ad;
}

.popnotif {
	padding: 10px;
	border: 1px solid #949494;
}

.pn-title {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

.pn-text {
	padding: 2px 7px;
	margin: 5px 0 20px 0;
}

.pn-action {}

.pn-cancel {}

.pn-footer {
	border-top: 1px solid #e2e2e2;
	padding-top: 5px;
}

.popoverlay {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.52);
	z-index: 999999998;
}

.help-list-nav {
	padding: 0;
	margin: 0;
	list-style: none;
	padding: 0 10px;
	position: relative;
}

.help-list-nav li {
	display: inline-block;
	position: relative;
}

.help-list-nav li::after {
	content: "\f054";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: 3px;
	top: 16px;
	z-index: 999;
	color: #009ee3;
	height: 20px;
	width: 20px;
}

.help-list-nav li a {
	padding: 10px 6px 10px 20px;
	display: block;
	font-size: 17px;
	color: #8e8e8e;
	text-decoration: none;
}

.help-list-nav li a:hover {}

.help-list-nav li span {
	padding: 10px 6px 10px 20px;
	display: block;
	font-size: 17px;
	color: #8e8e8e;
	text-decoration: none;
}

.help-list-nav li span:hover {}

#help-subsections {}

.sub-section {}

.sub-section ul {}

.sub-section ul li {}

.sub-section ul li a {}

.sub-section ul li a:hover {}

.sstats {}

.sstat-tbl {
	width: 100%;
	border: 1px solid #0172a2;
}

.sstat-tbl thead {}

.sstat-tbl thead tr {
	height: 41px;
	background: #05a1e4;
	color: #fff;
}

.sstat-tbl thead th {
	text-align: center;
	border-right: 1px solid #0172a2;
}

.sstat-tbl tbody {}

.sstat-tbl tbody tr {
	height: 50px;
	font-weight: bold;
	border: 1px solid #05a1e4;
}

.sstat-tbl tbody td {
	border-right: 1px solid #0172a2;
	padding-right: 7px;
	padding-left: 7px;
}

.sstat-tbl td.n {
	text-align: right;
	font-size: 18px;
}

.stockcount {
	display: block;
	background: #efefef;
	color: #5f5f5f;
	border: 1px solid #d4d4d4;
	border-top: unset;
}

.cmd_history {
	margin-bottom: 20px;
	border-bottom: 1px solid #1b9ec9;
	padding-bottom: 10px;
	box-shadow: 0px 3px 5px 0px #9090905c;
	padding: 0;
}

.cmd_history_item {
	text-align: center;
	padding: 10px 0px;
	background: #f9f9f9;
	border-left: 2px solid #cecece;
	cursor: default;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.cmd_history_item:hover {
	background: #ffffff;
	border-left: 2px solid #6b6b6b;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.cmd_history_item.indispo {
	opacity: 0.2;
}

.cmd_history_item h3 {
	padding: 0 0 2px 0;
	margin: 0;
	font-size: 18px;
}

.cmd_history_item span {
	display: block;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 7px;
}

.cmd_history_item:hover a {
	opacity: 1;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.cmd_history_item a {
	font-size: 17px;
	border-radius: 5px;
	background: #66c9f3;
	color: #ffffff;
	padding: 5px 20px;
	text-decoration: none;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.cmd_history_item a:hover {
	background: #009fe3;
	color: #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.cmd_history_title {
	background: #868686;
}

.cmd_history_title h3 {
	padding: 0;
	margin: 0;
	padding: 5px 3px;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
}

.cmdh_indispo {}

.delai_trans {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #eee;
	border: 1px solid #ccc;
	margin-bottom: -15px;
	margin-right: 1px;
	padding: 5px 0 6px 0;
	margin-top: 11px;
	border-radius: 5px 5px 0 0;
}

.crm-table-filter {}

.ref-prod {
	text-align: left !important;
	padding-left: 10px !important;
	font-weight: normal;
	overflow-wrap: break-word;
	min-width: 180px !important;
	font-size: 14px !important;
}

.nameprod {
	font-weight: bold;
	min-width: 180px;
}

.numtd {
	text-align: right;
	font-size: 16px !important;
	font-weight: bold;
}

.tinytd {
	font-size: 12px !important;
	color: #5d5d5d;
}

.unittd {
	text-align: center;
	font-weight: bold;
	color: #ffffff;
	background: #32c5d2;
}

.centertd {
	text-align: center !important;
	position: relative;
}

.unitspan {}

.portless {
	padding: 2px 20px 20px 20px !important;
	margin: 7px 0 0 0 !important;
	box-shadow: none !important;
}

.portless .form-group {
	/* max-width: 300px; */
	position: relative;
	padding-top: 5px !important;
}

.supplierlogo {
	overflow: hidden;
	width: 200px;
	position: relative;
	height: 125px;
	text-align: center;

	margin: 0 auto 20px auto;
	float: none;
	border: 2px solid #a2a2a2;
	border-radius: 5px;
	box-shadow: 0px 0px 11px 0px #cacaca;
	opacity: 0;
}

.supplierlogo img {
	width: 100%;
}

.supplierlogo small {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	filter: blur(2px);
	opacity: 0.6;
}

.supplierlogo span {
	display: block;
	position: absolute;
	z-index: 2;
	height: 125px;
	width: 100%;
	line-height: 125px;
	/* font-weight: bold; */
	font-family: sans-serif;
	font-size: 12px;
	color: #636363;
	/* text-shadow: 2px 2px 4px #000; */
	background: #ffffff38;
}

.supplierlogo:hover {}

.supplierlogo:hover img {}

.produit_logo {}

.produit_image {
	display: block;
	height: 120px;
	width: 120px;
}

.produit_images {}

.produit_images ul {
	display: block;
	padding: 0 0 0 0;
	margin: 0px 0 0 0;
	list-style: none;
	/* border-top: 1px solid #ccc; */
}

.produit_images ul li.item {
	vertical-align: top;
	display: inline-block;
	height: 100px;
	width: 100px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #f7f7f7;
	margin: 1px;
	background-size: contain;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.produit_images ul li.item:hover {
	box-shadow: 0px 0px 9px #ababab;
}

.produit_images ul li.item span {
	display: block;
	position: absolute;
	left: 0;
	width: 0;
	height: calc(100% + 2px);
	width: calc(100% + 2px);
	background: transparent;
	border: 3px solid #7d7d7d;
	margin: -1px;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.produit_images ul li.selected.item span {
	opacity: 1;
	border: 3px solid #00a7e6;
}

.produit_images ul li.item:hover span {
	opacity: 1;
}

.produit_images ul li.item span i {
	background: #797979;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 20px !important;
	color: #fff;
}

.produit_images ul li.item.selected span i {
	background: #00a7e6;
}

.produit_images ul li.item.selected {
	box-shadow: 0px 0px 3px #00b4ec;
}

.produit_images ul li.addimage span i {}

.produit_images ul li.addimage span {
	position: absolute;
	left: calc(50% - 25px);
	top: calc(50% - 25px);
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	text-align: center;
	color: #bcbcbc;
	border: 1px dashed #ccc;
}

.produit_images ul li.addimage {
	vertical-align: top;
	display: inline-block;
	height: 100px;
	width: 100px;
	/* border: 1px dashed #ccc; */
	border-radius: 3px;
	background-color: #fff;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: relative;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.produit_images ul li.addimage:hover {
	background: #ffffff;
	/* border: 1px dashed #00a7e6; */
	/* box-shadow: inset 0px 0px 16px 2px #00a7e652; */
}

.produit_images ul li.addimage:hover span {
	color: #00a7e6;
	border: 1px dashed #00a7e6;
}

.produit_images ul li.addimage:hover span i {}

.produit_images ul li.waiting span i {}

.produit_images ul li.waiting span b {
	font-size: 14px;
	line-height: 20px;
}

.produit_images ul li.waiting span {
	position: absolute;
	left: calc(50% - 25px);
	top: calc(50% - 25px);
	width: 50px;
	height: 50px;
	/* line-height: 50px; */
	font-size: 24px;
	text-align: center;
	color: #00a7e6;
	/* border: 1px dashed #ccc; */
}

.produit_images ul li.waiting {
	vertical-align: top;
	display: inline-block;
	height: 100px;
	width: 100px;
	border: 1px dotted #ccc;
	border-radius: 3px;
	background-color: #fff;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: relative;
	cursor: wait;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.featured_image {
	display: block;
	height: 150px;
	width: 150px;
	float: none;
	margin: 0 auto 0 auto;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.as-datechose {
	position: absolute;
	right: 41px;
	width: 243px;
	float: right;
	padding: 5px 10px;
	border: 1px solid #3d4248;
	background: #ffff;
	z-index: 9999;
	border-radius: 3px;
	display: none;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.heading-panel {
	padding: 21px 15px;
}

.no_padding_left {
	padding-left: 0 !important;
}

.ctrl {
	position: absolute;
	width: 36px;
	height: 25px;
	background: #ff4d4d;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	line-height: 25px;
	top: -27px;
	left: 29px;
	cursor: pointer;
}

.ctrl:hover {
	background: #d63737;
}

.ctrl:hover::after {
	background: #d63737;
}

.ctrl::after {
	content: " ";
	height: 10px;
	width: 10px;
	background: #ff4d4d;
	position: absolute;
	left: 13px;
	bottom: -5px;
	transform: rotate(45deg);
}

.produit_images label {
	display: block;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #ccc;
	color: #2f353b;
	font-weight: bold;
	font-size: 16px;
}

.produit_images label i {
	font-size: 12px;
	font-weight: lighter;
}

.one_produit_container {
	padding: 5px 20px 60px 20px;
	background: #fff;
}

.one_produit_container .col {
	margin: 0 !important;
	padding: 2px 4px;
}

.forfiles {}

.forfiles ul {
	display: block;
	padding: 0 0 0 0;
	margin: 14px 0 0 0;
	list-style: none;
}

.forfiles ul li {
	background: #f5f5f5;
	/* color: #000; */
	/* font-weight: bold; */
	/* font-size: 16px; */
	padding: 5px 2px;
	position: relative;
	margin-top: 3px;
	overflow: hidden;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.forfiles ul li:hover {}

.forfiles ul li:hover span {
	right: 0;
}

.forfiles ul li span {
	background: #ff8c8c;
	color: #fff;
	padding: 3px;
	position: absolute;
	right: -50px;
	top: 0;
	font-size: 18px;
	cursor: pointer;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.forfiles ul li a {
	font-size: 16px;
	font-weight: bold;
	padding: 5px 3px !important;
	text-decoration: none;
	text-decoration: underline;
	text-decoration-style: dotted;
}

.forfiles label {
	display: block;
	height: 33.5px;
}

.forfiles button {
	float: right;
	margin-top: -37px;
}

label.error {
	display: block;
	color: #d80011;
	padding: 3px;
}

.form-group.has-error>label {
	text-decoration: underline;
	text-decoration-color: #ea0000;
}

.cancelprod {}

.addprod {}

.margin_right {
	float: right;
	position: relative;
	right: 25%;
}

.readonly-input {}

.produit_featured_image {}

.pv-images {
	margin-top: 15px;
	margin-bottom: 20px;
}

.pv-images>ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
	text-align: center;
}

.pv-images>ul>li {
	display: inline-block;
	height: 80px;
	width: 80px;
	vertical-align: top;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	border: 1px solid #337ab7;
	border-bottom: 2px solid #337ab7;
}

.pv-images>ul>li:hover {
	/* filter: blur(1px); */
	/* position: absolute; */
	border: 1px solid #36c6d3;
	border-bottom: 2px solid #32a8b2;
}

.pv-featured-image {
	/* min-width: 200px; */
	/* min-height: 200px; */
	width: 240px;
	height: 240px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	cursor: pointer;
	box-shadow: 0px 0px 6px #8a8a8a;
	border: 2px solid #696969;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: -35px;
	background-color: #fff;
}

.pv-featured-image:hover {}

.product_view {}

.product_detail {
	margin-bottom: 50px;
}

.product_detail h3 {
	margin: 0 0 0 0;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #e8e8e8;
	display: block;
	width: 100%;
}

.product_detail h6 {
	margin: 3px 0 5px 0;
	text-align: right;
	padding: 0 15px 11px 0;
	border-bottom: 1px solid #ccc;
}

.littleinfo {
	display: block;
}

.pv-dtitle {
	display: block;
	padding: 7px 7px;
	background: #fbfbfb;
	color: #4e4e4e;
	font-weight: bold;
	border-left: 3px solid #36c6d3;
	margin-top: 22px;
}

.pv-ddetail {
	min-height: 10px;
	font-size: 15px;
	padding: 2px 2px 2px 10px;
	margin-bottom: 10px;
	border-left: 1px solid #36c6d3;
}

.pv-dcarte {
	display: inline-block;
	vertical-align: top;
	height: 60px;
	min-width: 138px;
	background: #f1f1f1;
	border: 1px solid #ccc;
	color: #5f5f5f;
	margin: 0 1px 0 2px;
	box-shadow: 2px 2px 0px #ccc;
}

.pv-dcarte span {
	display: block;
	height: 30px;
	line-height: 30px;
}

.pv-dcarte b {
	display: block;
	height: 40px;
	font-size: 18px;
	width: 80%;
	margin: 0 auto;
	border-top: 1px solid #ffffff7a;
}

.pv-dcartes {
	text-align: center;
	margin: 20px 0;
}

.pv-dcarte.success {
	background: #36c6d3;
	border: 1px solid #1f99a5;
	color: #ffffff;
}

.pv-dcarte.warning {
	background: #fff2dd;
	border: 1px solid #e6c081;
	color: #545454;
}

.pv-dcarte.danger {
	background: #f77070;
	border: 1px solid #dc4e4e;
	color: #ffffff;
	box-shadow: 2px 2px 0px #711919;
}

.pv-dcarte.dark {
	background: #8c8c8c;
	border: 1px solid #5d5a5a;
	color: #f3f3f3;
}

.pv-dcarte.light {}

.spb-content {
	/* margin-top: 3px; */
	border-left: 1px solid #525252;
	padding-top: 5px;
}

.spb-content ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0px;
	list-style: none;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.spb-content ul.minied {
	height: 160px;
	/* margin-bottom: 20px; */
	position: relative;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.spb-content ul .exp {}

.spb-content ul.minied .exp.closed {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #f1f1f1;
	color: #4e4e4e;
	display: block;
	width: 100%;
	text-align: center;
	padding: 7px 5px;
	font-weight: bold;
	cursor: pointer;
}

.spb-content ul.minied .exp.opened {}

.spb-content ul li {
	display: block;
	/* border-left: 3px solid #36c6d3; */
	/* padding-left: 5px; */
	padding: 2px 0 2px 5px;
	cursor: default;
}

.spb-content ul li:hover {
	background: #f3f3f3;
}

.spb-content ul li .text-sm {
	font-size: 12px;
	border-left: 1px solid #337ab7;
	padding-left: 5px;
}

.spb-content ul li a {
	color: #0c9ca9;
	font-weight: bold;
	font-size: 17px;
}

.spb-title {
	font-size: 16px;
	font-weight: bold;
	background: #efefef;
	border-left: 3px solid #525252;
	padding-left: 5px;
}

.sideprod_bar {
	border-bottom: 1px solid #36c6d3;
	padding-top: 5px;
	padding-bottom: 10px;
}

.client_header {
	min-height: 120px;
	border-bottom: 1px solid #ccc;
	box-shadow: 1px 6px 17px 0px #00000085;
	position: relative;
	z-index: 999999999;
}

.client_header>h3 {
	margin: 0 0 0 240px;
	padding: 15px 5px 5px 0;
	font-size: 30px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.client_header>h3 i {
	font-size: 11px;
	font-style: normal;
	background: #6d6d6d;
	color: #fff;
	padding: 6px 5px 5px 5px;
	font-weight: normal;
	border-radius: 5px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: top;
	cursor: help;
}

.cf-details>ul {
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display: inline-block;
	vertical-align: top;
	width: 48%;
	min-width: 240px;
}

.cf-details>ul>li {
	display: block;
	padding: 2px 2px 2px 30px;
	margin: 0px 0 2px 0;
	/* background: #f5f5f5; */
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #efefef;
	min-height: 25px;
	position: relative;
	font-size: 13px;
	cursor: default;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.cf-details>ul>li:hover {
	background: #fbfbfb;
	border-color: #19baee;
}

.cf-details>ul>li:hover span {}

.cf-details>ul>li:hover b {}

.cf-details>ul>li:hover i {
	background: #19baee;
	color: #fff;
}

.cf-details>ul>li span {}

.cf-details>ul>li span:after {
	content: ":";
}

.cf-details>ul>li b {}

.cf-details>ul>li i {
	display: block !important;
	position: absolute;
	height: 25px;
	width: 25px;
	background: #efefef;
	color: #5f5f5f;
	padding: 5px 5px 5px 4px;
	text-align: center;
	line-height: 17px !important;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.cf-logo {
	display: block;
	height: 200px;
	width: 200px;
	overflow: hidden;
	position: absolute;
	left: 20px;
	top: 25px;
	border: 4px solid #ffffff;
	background: #19baee;
	border-radius: 5px;
	box-shadow: 0px 0px 8px 0px #757373;
}

.cf-logo img {
	max-height: 100%;
	min-height: 100%;
	max-width: 100%;
	/* opacity: .5; */
}

.cf-logo span {
	display: block;
	text-align: center;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	z-index: 2;
	margin-top: 123px;
	text-shadow: 0px -2px 3px #086c8c;
}

.cf-logo i {
	font-size: 90px;
	display: block !important;
	text-align: center;
	margin: 0 auto;
	color: #0f91bb;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.cf-logo:hover img {}

.cf-logo:hover {}

.client_view {
	margin: -15px -15px 0px -15px;
	overflow: hidden;
}

.cf-details {
	margin-left: 240px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.client_body {
	padding: 0 10px 0 10px;
	min-height: 200px;
	position: relative;
	z-index: 1;
}

@media (max-width: 580px) {
	.cf-logo {
		position: absolute;
		top: unset;
		bottom: -65px;
		left: calc(50% - 75px);
		height: 150px;
		width: 150px;
	}

	.cf-details {
		margin-left: 20px;
		margin-bottom: 90px;
	}

	.client_header>h3 {
		margin-left: 10px;
	}

	#client_map_holder {
		min-height: 250px !important;
	}

	.cf-mapcontrol {
		display: none;
	}
}

.label_margin_bottom {
	margin-top: 23px;
}

.rappot_raq_title {
	font-size: 13px;
}

.transfor_rotat {
	transform: rotate(-90deg);
}

.text-white {
	color: white !important;
}

.panel-table .panel-footer .pagination {
	margin: 0;
}

/*
used to vertically center elements, may need modification if you're not using default sizes.
*/
.panel-table .panel-footer .col {
	line-height: 34px;
	height: 34px;
}

.bg-success {
	background: #abe7ed !important;
	color: white !important;
}

#client_map_holder {
	min-height: 150px;
	/* border: 5px solid #fff; */
	border-top: unset;
}

.cmg {
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.cf-mapcontrol {
	position: absolute;
	right: 17px;
	bottom: -32px;
	z-index: 99999;
	background: #fff;
	font-size: 14px;
	/* line-height: 35px; */
	font-weight: bold;
	/* min-height: 37px; */
	cursor: pointer;
	padding: 8px 10px 4px 10px;
	border: 1px solid #ccc;
	border-top: unset;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.cf-mapcontrol:hover {}

.cf-mapcontrol:hover span {
	color: #19baee;
}

.cf-mapcontrol:hover i {
	color: #ccc;
}

.cf-mapcontrol i {
	font-size: 18px;
	margin-right: 7px;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.cf-mapcontrol span {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.wnodata {
	text-align: center;
	font-size: 12px;
	padding: 10px 5px !important;
}

.cf-actions {
	list-style: none;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
}

.cf-actions li {}

.cf-actions li a {
	padding: 6px 0 3px 10px;
	/* margin: 5px 0 0 0; */
	display: block;
	text-decoration: none;
	color: #01789e;
	font-weight: bold;
}

.cf-actions li i {}

.cf-actions li a:hover {
	background: #19baee;
	color: #fff;
}

.admin-apps {}

.admin-apps>ul {
	display: block;
	list-style: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
}

.admin-apps>ul>li {}

.admin-apps>ul>li:hover {
	/* background: #fbfbfb; */
	box-shadow: 0px 0px 8px #969696;
}

.admin-apps>ul>li {
	display: inline-block;
	vertical-align: top;
	margin: 5px 2px 10px 2px;
	position: relative;
	width: 23%;
	min-width: 140px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	box-shadow: 1px 3px 2px #d4d4d4;
}

.admin-apps>ul>li>a {
	display: block;
	text-decoration: none;
	min-width: 120px;
	min-height: 150px;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-bottom: 4px solid #fbfbfb;
	color: #656565;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.admin-apps>ul>li>a>span {
	display: block !important;
	font-size: 50px;
	text-align: center;
	width: 100%;
	color: #0f83b5;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.admin-apps>ul>li>a>span i {}

.admin-apps>ul>li>a>img {
	max-height: 70px;
	display: block;
	margin: auto;
	float: none;
	padding: 10px 0;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.admin-apps>ul>li>a>b {
	display: block;
	text-align: center;
	color: #333;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.admin-apps>ul>li>a>small {
	display: block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	margin-bottom: 6px;
}

.admin-apps>ul>li>a>i {}

.admin-apps>ul>li>a:hover {
	background: #f7f7f7;
	color: #7b7b7b;
	border: 1px solid #f7f7f7;
	border-bottom: 4px solid #17b3f7;
}

.admin-apps>ul>li>a:hover>span {
	margin-top: -7px;
	margin-bottom: 7px;
	color: #17b3f7;
}

.admin-apps>ul>li>a:hover>span i {}

.admin-apps>ul>li>a:hover>img {}

.admin-apps>ul>li>a:hover>b {
	letter-spacing: 1px;
	color: #0f83b5;
}

.admin-apps>ul>li>a:hover>small {
	padding-top: 3px;
}

.admin-apps>ul>li>a:hover>i {}

.admin-apps>ul>li>i {
	position: absolute;
	right: calc(50% - 58px);
	bottom: 6px;
	background: #585858;
	padding: 0px 7px;
	font-style: normal;
	font-size: 12px;
	border-radius: 3px;
	border: 1px solid #585858;
	cursor: help;
	color: #dedede;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.admin-apps>ul>li:hover>i {
	bottom: -8px;
	background: #17b3f7;
	color: #fff;
	border-color: #17b3f7;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.title-sep {
	display: block;
	text-align: center;
	background: #fff;
	position: relative;
	height: 2px;
	margin: 20px 0px;
}

.title-sep span {
	display: block;
	position: absolute;
	width: 300px;
	height: 32px;
	line-height: 34px;
	left: calc(50% - 150px);
	top: -16px;
	background: #fff;
	/* border: 1px solid #ffffff; */
	color: #696969;
	font-size: 20px;
	font-weight: bold;
}

.admin-actions {}

.admin-actions>ul {
	list-style: none;
	margin: 20px 0;
	padding: 0 0 0 0;
	text-align: center;
}

.admin-actions>ul>li {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
	position: relative;
}

.admin-actions>ul>li a {
	display: block;
	min-width: 150px;
	min-height: 100px;
	background: #fff;
	text-decoration: none;
	position: relative;
}

.admin-actions>ul>li i {
	display: block !important;
	font-size: 40px !important;
	text-align: center !important;
	width: 100%;
	margin: 10px;
	min-height: 30px;
	line-height: 34px !important;
	position: absolute;
	left: 0;
	top: 0;
}

.admin-actions>ul>li span {
	padding: 50px 7px 0 7px;
	display: block;
	text-align: center;
	width: 100%;
}

.admin-actions>ul>li:hover {}

.admin-actions>ul>li:hover a {}

.admin-actions>ul>li:hover i {}

.admin-actions>ul>li:hover span {}

.rappot_raq_bg {
	background: #32c5d2 !important;
}

.transfor_rotat {
	transform: rotate(-90deg);
}

.gc_landing_holder {
	padding: 5px;
}

.gc_landing_shortcuts {}

.gc_landing_shortcuts>ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.gc_landing_shortcuts>ul>li {
	display: inline-block;
	vertical-align: text-bottom;
	min-width: 220px;
	width: 23%;
	height: 150px;
	position: relative;
	margin: 0 10px 10px 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_landing_shortcuts>ul>li>a {
	display: block;
	min-height: 150px;
	min-width: 150px;
	text-decoration: none;
	background: #fff;
	border-radius: 2px;
	border: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-box-shadow: 3px 3px 2px 0px #ccc;
	-moz-box-shadow: 3px 3px 2px 0px #ccc;
	box-shadow: 3px 3px 2px 0px #ccc;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_landing_shortcuts>ul>li>a:hover {
	background: #efefef;
	border: 1px solid #a2a2a2;
	border-bottom: 2px solid #67c9f3;
	-webkit-box-shadow: 3px 3px 2px 0px #ccc;
	-moz-box-shadow: 3px 3px 2px 0px #ccc;
	box-shadow: 3px 4px 2px 0px #ccc;
}

.gc_landing_shortcuts>ul>li>a .icon {
	display: block !important;
	font-size: 40px;
	color: #009fe3;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_landing_shortcuts>ul>li>a .title {
	display: block;
	text-align: center;
	margin: 5px 5px;
	color: #5d5d5d;
	font-weight: bold;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_landing_shortcuts>ul>li>a b {
	display: block;
	background: #000000;
	z-index: 99;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	color: #fff;
	border-radius: 100%;
	position: absolute;
	right: -5px;
	top: -6px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_landing_shortcuts>ul>li>a p {
	margin: 0 0 0 0;
	color: #000000;
	font-size: 12px;
}

.gc_landing_shortcuts>ul>li>a:hover .icon {
	color: #054361;
	/* margin-bottom: 12px; */
	/* font-size: 45px; */
}

.gc_landing_shortcuts>ul>li>a:hover .title {
	letter-spacing: 2px;
	color: #9e9e9e;
}

.gc_landing_shortcuts>ul>li>a:hover b {
	top: -1px;
	background: #008bb7;
	right: 0px;
}

.gc_landing_shortcuts>ul>li>a:hover p {}

#suivi {
	background: #fff;
}

.gc_navigate {
	display: block;
	background: #fff;
	text-align: center;
	/* border: 1px solid #ccc; */
	border-right: none;
	box-shadow: 0px 4px 2px 0px #b1b1b1;
	margin-top: 0;
	margin-bottom: 0px;
	position: relative;
	z-index: 2;
	/* border-radius: 5px 5px 0 0; */
	/* overflow: hidden; */
	width: 100%;
}

.gc_navigate>ul {
	margin: 0;
	padding: 0;
	display: table;
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
}

.gc_navigate>ul>li {
	display: table-cell;
	width: 22%;
	text-align: center;
	margin: 0 0 0 0;
	position: relative;
	overflow: hidden;
	height: 82px;
	flex-wrap: nowrap;
	vertical-align: middle;
}

.gc_navigate>ul>li:first-child {
	width: 12%;
	text-align: center;
}

.gc_navigate>ul>li:first-child i {
	position: relative;
	left: unset !important;
	color: #009fe3 !important;
	top: 32px !important;
	line-height: 14px !important;
}

.gc_navigate>ul>li>a {
	min-height: 70px;
	display: block;
	height: 100% !important;
	text-decoration: none;
	color: #3e3e3e;
	border-right: 1px solid #ccc;
	border-top: 2px solid #fff;
	text-transform: uppercase;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_navigate>ul>li:last-child>a {
	border-right: none;
}

.gc_navigate>ul>li>a span {
	display: block;
	font-weight: bold;
	position: relative;
	z-index: 99;
	padding: 10px 3px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_navigate>ul>li>a b {
	display: inline-block;
	/* position: absolute; */
	background: #f1f1f1;
	color: #a0a0a0;
	padding: 3px 9px 1px 9px;
	margin: 0;
	border-radius: 2px;
	width: auto;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_navigate>ul>li>a i {
	position: absolute;
	left: -40px;
	top: 0;
	font-size: 30px;
	z-index: 1;
	color: #f1f1f1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	height: 82px;
	line-height: 82px !important;
}

.gc_navigate>ul>li>a:hover {
	background: #f1f1f1;
	border-top: 2px solid #3e3e3e;
}

.gc_navigate>ul>li>a:hover span {
	letter-spacing: 1px;
	/* color: #fff; */
}

.gc_navigate>ul>li>a:hover b {
	background: #009fe3;
	color: #fff;
	padding: 3px 16px 1px 16px;
}

.gc_navigate>ul>li>a:hover i {
	color: #e2e2e2;
	left: 3px;
}

.gc_navigate>ul>li.active>a {
	background: #fbfbfb;
	border-top: 2px solid #06618c;
}

.gc_navigate ul>li.active>a span {
	/* letter-spacing: 3px; */
	color: #009fe3;
}

.gc_navigate>ul>li.active>a b {
	background: #ffffff;
	color: #4e4e4e;
	/* margin-top: 5px; */
	padding: 3px 20px 1px 20px;
	box-shadow: 0px 0px 4px 0px #ccc;
}

.gc_navigate>ul>li.active>a i {
	color: #f1f1f1;
	left: 0px;
}

.suivi_content {
	margin: 20px 0 0 0;
}

.suivi_content>div {
	display: none;
}

.table_bycount {
	display: block;
	float: right;
}

.table_bycount>ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	display: block;
	text-align: center;
}

.table_bycount>ul>li {
	display: inline-block;
	margin: 0px -1px;
	padding: 10px 10px 3px 10px;
	vertical-align: top;
	cursor: pointer;
	/* border: 1px solid #fff; */
	border-bottom: 4px solid #ccc;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.table_bycount>ul>li span {}

.table_bycount>ul>li b {
	margin-left: 5px;
	font-size: 12px;
}

.table_bycount>ul>li.active {
	border-bottom: 4px solid #009fe3 !important;
	background: #ffffff !important;
	cursor: text;
	color: #000;
	font-weight: bold;
}

.table_bycount>ul>li.active span {}

.table_bycount>ul>li.active b {}

.table_bycount>ul>li:hover {
	border-bottom: 4px solid #757474;
	background: #f9f9f9;
}

.table_bycount>ul>li:hover span {}

.table_bycount>ul>li:hover b {}

.gc_navigate {
	display: block;
	background: #fff;
	text-align: center;
	/* border: 1px solid #ccc; */
	border-right: none;
	box-shadow: 0px 4px 2px 0px #b1b1b1;
	margin-top: 0;
	margin-bottom: 0px;
	position: relative;
	z-index: 2;
	/* border-radius: 5px 5px 0 0; */
	/* overflow: hidden; */
	width: 100%;
}

.gc_navigate>ul {
	margin: 0;
	padding: 0;
	display: table;
	width: 100%;
	border-collapse: collapse;
	overflow: hidden;
}

.gc_navigate>ul>li {
	display: table-cell;
	width: 20%;
	text-align: center;
	margin: 0 0 0 0;
	position: relative;
	overflow: hidden;
	height: 82px;
	flex-wrap: nowrap;
	vertical-align: middle;
}

.gc_navigate>ul>li:first-child {
	width: 12%;
	text-align: center;
}

.gc_navigate>ul>li:first-child i {
	position: relative;
	left: unset !important;
	color: #06618c !important;
	top: 32px !important;
}

.gc_navigate>ul>li>a {
	min-height: 70px;
	display: block;
	height: 100% !important;
	text-decoration: none;
	color: #3e3e3e;
	border-right: 1px solid #ccc;
	border-top: 2px solid #fff;
	text-transform: uppercase;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_navigate>ul>li:last-child>a {
	border-right: none;
}

.gc_navigate>ul>li>a span {
	display: block;
	font-weight: bold;
	position: relative;
	z-index: 99;
	padding: 10px 3px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_navigate>ul>li>a b {
	display: inline-block;
	/* position: absolute; */
	background: #f1f1f1;
	color: #a0a0a0;
	padding: 1px 9px;
	margin: 0;
	border-radius: 2px;
	width: auto;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_navigate>ul>li>a i {
	position: absolute;
	left: -40px;
	top: 25px;
	font-size: 30px;
	z-index: 1;
	color: #f1f1f1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_navigate>ul>li>a:hover {
	background: #f1f1f1;
	border-top: 2px solid #3e3e3e;
}

.gc_navigate>ul>li>a:hover span {
	/* letter-spacing: 3px; */
	/* color: #fff; */
}

.gc_navigate>ul>li>a:hover b {
	background: #06618c;
	color: #fff;
	padding: 1px 16px;
}

.gc_navigate>ul>li>a:hover i {
	color: #e2e2e2;
	left: 3px;
}

.gc_navigate>ul>li.active>a {
	background: #fbfbfb;
	border-top: 2px solid #06618c;
}

.gc_navigate ul>li.active>a span {
	/* letter-spacing: 3px; */
	color: #06618c;
}

.gc_navigate>ul>li.active>a b {
	background: #c5c5c5;
	color: #ffffff;
	/* margin-top: 5px; */
}

.gc_navigate>ul>li.active>a i {
	color: #a7a7a7;
	left: -40px;
}

.gc_content_holder {
	display: block;
	min-height: 100px;
	background: #fff;
	padding: 20px 10px;
	margin-top: 15px;
}

.gc_content {
	margin-top: 30px;
}

.crm_table.o {
	border: none !important;
}

.crm_table.o th {
	background: #dadada !important;
	color: #2f2f2f;
	border: none !important;
	border-right: 1px solid #ffffff !important;
	border-top: 5px solid #a9a9a9 !important;
	padding: 5px 0px 10px 7px !important;
	/* text-align: center; */
}

.crm_table.o th:hover {
	background: #f3f3f3 !important;
}

.crm_table.o th.sorting_desc {
	background: #ccc !important;
}

.crm_table.o th.sorting_desc::before {
	content: "\f107";
	font: normal normal normal 20px/1 FontAwesome !important;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 6px !important;
	top: 5px;
	color: #000000 !important;
}

.crm_table.o th.sorting_asc {
	background: #ccc !important;
}

.crm_table.o th.sorting_asc::before {
	content: "\f106" !important;
	font: normal normal normal 20px/1 FontAwesome !important;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 6px !important;
	top: 5px;
	color: #000000 !important;
}

.crm_table.o tr {
	/* border: 1px solid #ccc !important; */
}

.crm_table.o td {
	border: none !important;
	overflow: visible !important;
}

.crm_table.o td:last-child {}

.crm_table.o tr.odd td {
	/* border-right: 1px solid #5fa9e8 !important; */
}

.crm_table.o tr.even td {
	/* border-right: 1px solid #5fa9e8 !important; */
}

.crm_table.o tr.even td:last-child {
	border-right: none !important;
}

.crm_table.o tr.odd td:last-child {
	border-right: none !important;
}

.crm_table.o tr.odd {}

.crm_table.o tr.even {}

.crm_table.o td.number {
	font-weight: bold;
	text-align: right;
}

.crm_table.o td.text {}

.crm_table_holder.o {
	border: none !important;
	overflow: visible !important;
}

.gc_content_header {
	margin: -20px 0px 9px 0;
	padding: 10px 0;
	position: relative;
	border-bottom: 1px solid #ccc;
}

.gcc_title {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	padding-left: 10px;
}

.gcc_title i {
	margin-right: 10px;
}

.gcc_actions {
	display: block;
	position: absolute;
	right: 0;
	top: 10px;
}

.gcc_actions a {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gcc_actions a:hover {}

.gcc_filter {
	margin-bottom: 2px;
}

.gcc_content {}

.crm_table_search {
	font-size: 15px;
	padding: 3px 3px 3px 30px;
	background-color: #fff;
	border: 1px solid #32c5d2;
	border-bottom: 4px solid #32c5d2;
	outline: none;
	background-repeat: no-repeat;
	background-size: 40px;
	background-position: -6px 50%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.crm_table_search:hover {
	background-color: #ffffff;
}

.crm_table_search:focus {
	background-color: #f2feff;
}

.gcc_filter_items {
	margin: 0;
	padding: 0;
	list-style: none;
	display: table;
	float: right;
}

.gcc_filter_items li {
	display: table-cell;
	padding: 3px 10px;
	text-align: center;
	vertical-align: middle;
	background: #ffffff;
	border-right: 1px solid #ccc;
	border-bottom: 4px solid #fff;
	cursor: pointer;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gcc_filter_items li span {
	font-size: 12px;
	font-weight: bold;
	/* color: #949494; */
}

.gcc_filter_items li:last-child {
	border-right: none !important;
}

.gcc_filter_items li:hover {
	border-bottom: 4px solid #dadada;
}

.gcc_filter_items li.active {
	/* background: #06618c; */
	cursor: text;
	color: #32c5d2;
	border-bottom: 4px solid #32c5d2;
}

.gcc_footer {
	margin-top: 45px;
}

.gcc_table_pagination {
	text-align: center;
}

.gcc_table_pagination ul {
	margin: 0;
	padding: 0;
	display: block;
}

.gcc_table_pagination ul li {
	display: inline-block;
	background: #06618c;
	margin: 0px 0px;
	padding: 4px 9px;
	border-right: 1px solid #fff;
}

.gcc_table_pagination ul li:last-child {}

.gcc_table_pagination ul li:hover {}

.gcc_table_pagination ul li:hover a {}

.gcc_table_pagination ul li:hover a i {}

.gcc_table_pagination ul li a {
	background: none !important;
	color: #fff;
	text-decoration: none;
}

.gcc_table_pagination ul li a i {}

.gcc_table_pagination ul li.disabled {
	opacity: 0.2;
}

.gcc_table_pagination ul li.active {
	background: #03415f;
}

.gcc_table_pagination ul li.disabled a {
	cursor: not-allowed;
}

.gcc_table_pagination ul li.disabled a i {}

.gcc_content_item {
	display: none;
}

#suivi_commandes {
	display: none;
}

.gc_landing_holder {
	padding: 5px;
}

.gc_landing_shortcuts {}

.gc_landing_shortcuts>ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.gc_landing_shortcuts>ul>li {
	display: inline-block;
	vertical-align: text-bottom;
	min-width: 150px;
	width: 23%;
	height: 150px;
	position: relative;
	margin: 0 10px 10px 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_landing_shortcuts>ul>li>a {
	display: block;
	min-height: 150px;
	min-width: 150px;
	text-decoration: none;
	background: #fff;
	border-radius: 2px;
	border: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-box-shadow: 3px 3px 2px 0px #ccc;
	-moz-box-shadow: 3px 3px 2px 0px #ccc;
	box-shadow: 3px 3px 2px 0px #ccc;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_landing_shortcuts>ul>li>a:hover {
	background: #efefef;
	border: 1px solid #a2a2a2;
	border-bottom: 2px solid #008bb7;
	-webkit-box-shadow: 3px 3px 2px 0px #ccc;
	-moz-box-shadow: 3px 3px 2px 0px #ccc;
	box-shadow: 3px 4px 2px 0px #ccc;
}

.gc_landing_shortcuts>ul>li>a .icon {
	display: block !important;
	font-size: 40px;
	color: #06618c;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_landing_shortcuts>ul>li>a .title {
	display: block;
	text-align: center;
	margin: 5px 5px;
	color: #5d5d5d;
	font-weight: bold;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_landing_shortcuts>ul>li>a b {
	display: block;
	background: #00b5ee;
	z-index: 99;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	color: #fff;
	border-radius: 100%;
	position: absolute;
	right: -5px;
	top: -6px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_landing_shortcuts>ul>li>a p {
	margin: 0 0 0 0;
	color: #000000;
	font-size: 12px;
}

.gc_landing_shortcuts>ul>li>a:hover .icon {
	color: #054361;
	/* margin-bottom: 12px; */
	/* font-size: 45px; */
}

.gc_landing_shortcuts>ul>li>a:hover .title {
	letter-spacing: 2px;
	color: #9e9e9e;
}

.gc_landing_shortcuts>ul>li>a:hover b {
	top: -1px;
	background: #008bb7;
	right: 0px;
}

.gc_landing_shortcuts>ul>li>a:hover p {}

.gcc_back_home {
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: #ffffff;
	background: #06618c;
	position: fixed;
	right: 2em;
	bottom: -100px;
	overflow: hidden;
	z-index: 99;
	border-radius: 100%;
	-webkit-box-shadow: inset 0px 0px 1px #000000;
	-moz-box-shadow: inset 0px 0px 1px #000000;
	box-shadow: 0px 1px 19px 6px #00000024;

	-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;
	-ms-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}

.gcc_back_home:hover {
	background: #fff;
	color: #06618c;
}

.gcc-inline-portlet {
	padding: 5px;
	border: 1px solid #f5f5f5;
	box-shadow: 2px 3px 5px 0px #d8d8d8;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
}

.gcc-inline-portlet>h3 {
	padding: 7px 5px 7px 15px;
	margin: -5px -5px 15px -5px;
	background: #06618c;
	color: #fff;
	font-size: 17px;
}

.gcc-inline-portlet>div {
	text-align: center;
}

.gc_feeds {
	margin: 0;
	padding: 6px 0 0 0;
	list-style: none;
	padding-bottom: 30px;
	/* margin-top: -26px; */
}

.gc_feeds li {
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 4px 0;
	margin: 0 0 4px 0;
	text-align: left;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_feeds li:hover {
	background: #ececec;
	cursor: default;
}

.gc_feeds li .icon {
	display: block;
	float: left;
	width: 25px;
	height: 25px;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	padding: 0;
}

.gc_feeds li .icon i {}

.gc_feeds li .text {
	display: block;
	margin-left: 30px;
	margin-right: 77px;
}

.gc_feeds li a {
	background: none;
	color: #06618c;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	border-bottom: 1px dotted #3299ca;
}

.gc_feeds li a:hover {
	color: #000;
	cursor: help;
}

.gc_feeds li .date {
	display: block;
	width: 100%;
	text-align: right;
	font-size: 11px;
	color: #909090;
	margin-top: -19px;
	padding-bottom: 10px;
	float: right;
}

#sparkline2_quick {}

.sparkline_title {
	color: #484848;
	font-weight: bold;
	/* border-bottom: 1px dotted #ccc; */
	margin-bottom: 10px;
	box-shadow: 0px 4px 4px #d8d8d8;
}

.sparkline_title b {}

.sparkline_title::after {
	content: "\f201";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	float: left;
	margin-right: 6px;
	color: #06618c;
}

.sparkline_item {
	vertical-align: top;
	min-width: 175px;
	display: inline-block;
	width: 48%;
	/* float: left; */
	/* margin: 0 auto; */
	border-right: 1px solid #f1f1f1;
	margin-right: 3px;
	overflow: hidden;
}

.sparkline_item:last-child {
	border-right: none;
}

.gc_cnt_stats {}

.gc_cnt_stats ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	margin-bottom: 20px;
}

.gc_cnt_stats ul>li {
	display: inline-block;
	padding: 9px;
	background: #efefef;
	border: 1px solid #e2e2e2;
	margin-right: 2px;
	position: relative;
	min-height: 50px;
	min-width: 105px;
	width: 20%;
	overflow: hidden;
	cursor: default;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_cnt_stats ul>li:nth-child(1) {
	background: #ffffff;
	border: 1px solid #f3f3f3;
	width: 38%;
	color: #868686;
	font-size: 14px;
}

.gc_cnt_stats ul>li:nth-child(2) {
	background: #b1e6ff;
	border: 1px solid #4d8faf;
	color: #035277;
}

.gc_cnt_stats ul>li:nth-child(3) {
	background: #36c6d3;
	border: 1px solid #1c9da9;
	color: #fff;
}

.gc_cnt_stats ul>li:nth-child(4) {
	background: #06618c;
	border: 1px solid #003d5a;
	color: #fff;
}

.gc_cnt_stats ul>li:nth-child(1):hover {
	background: #e8e8e8;
	border: 1px solid #e8e8e8;
	color: #000;
}

.gc_cnt_stats ul>li:nth-child(2):hover {
	background: #5c9fbf;
	color: #fff;
	border: 1px solid #5c9fbf;
}

.gc_cnt_stats ul>li:nth-child(3):hover {
	background: #20a3af;
	border: 1px solid #20a3af;
}

.gc_cnt_stats ul>li:nth-child(4):hover {
	background: #004769;
	border: 1px solid #004769;
}

.gc_cnt_stats ul>li:nth-child(1) small {
	color: #f3f3f3;
}

.gc_cnt_stats ul>li:nth-child(1) b {
	font-size: 19px;
	line-height: 35px;
}

.gc_cnt_stats ul>li:nth-child(2) small {
	color: #95ddff;
}

.gc_cnt_stats ul>li:nth-child(3) small {
	color: #24b6c3;
}

.gc_cnt_stats ul>li:nth-child(4) small {
	color: #03557b;
}

.gc_cnt_stats ul>li:nth-child(1):hover small {
	color: #f3f3f3;
	right: -40px;
}

.gc_cnt_stats ul>li:nth-child(2):hover small {
	color: #77bbdc;
	right: -40px;
}

.gc_cnt_stats ul>li:nth-child(3):hover small {
	color: #2bb3bf;
	right: -40px;
}

.gc_cnt_stats ul>li:nth-child(4):hover small {
	color: #065c86;
	right: -40px;
}

.gc_cnt_stats ul>li:hover {}

.gc_cnt_stats ul>li span {
	position: absolute;
	z-index: 3;
	left: 0;
	bottom: 0;
	width: 100%;
	/* color: #505050; */
	font-size: 12px;
}

.gc_cnt_stats ul>li b {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	/* padding-left: 25px; */
	font-size: 25px;
}

.gc_cnt_stats ul>li small {
	position: absolute;
	font-size: 50px;
	display: block;
	right: -23px;
	top: 0;
	height: 100%;
	line-height: 50px;
	color: #fff;
	z-index: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gc_cnt_stats ul>li:hover span {}

.gc_cnt_stats ul>li:hover b {}

.gc_cnt_stats ul>li:hover small {}

.pop_waiting {
	position: fixed;
	left: 50%;
	margin-left: -85px;
	z-index: 999999;
	top: 20%;
	background: #1f85b5e0;
	border: 2px solid #06618c;
	padding: 5px 8px;
	color: #fff;
	border-radius: 5px;
	font-weight: bold;
	cursor: wait;
	box-shadow: 2px 2px 2px #adadad;
}

.pop_inner {}

.pop_inner .ileft {
	position: absolute;
	left: -2px;
	height: 7px;
	top: 0%;
	width: 2px;
	background: #fff;
	box-shadow: 0 0 4px 1px #fff;

	-webkit-animation: l-move 2s infinite;
	-o-animation: l-move 2s infinite;
	animation: l-move 2s infinite;
}

.pop_inner .itop {
	position: absolute;
	left: 96%;
	height: 2px;
	top: -3px;
	width: 8px;
	background: #fff;
	box-shadow: 0 0 4px 1px #fff;

	-webkit-animation: t-move 2s infinite;
	-o-animation: t-move 2s infinite;
	animation: t-move 2s infinite;
}

.pop_inner .iright {
	position: absolute;
	right: -2px;
	height: 7px;
	top: 0;
	width: 2px;
	background: #fff;
	box-shadow: 0 0 4px 1px #fff;

	-webkit-animation: r-move 2s infinite;
	-o-animation: r-move 2s infinite;
	animation: r-move 2s infinite;
}

.pop_inner .ibottom {
	position: absolute;
	left: -2px;
	height: 2px;
	bottom: -2px;
	width: 8px;
	background: #fff;
	box-shadow: 0 0 4px 1px #fff;

	-webkit-animation: b-move 2s infinite;
	-o-animation: b-move 2s infinite;
	animation: b-move 2s infinite;
}

.pop_shadow {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #00000042;
	z-index: 888888;
}

@keyframes l-move {
	0% {
		height: 0;
		top: 0;
		opacity: 1;
	}

	2% {
		height: 8px;
	}

	23% {
		height: 8px;
	}

	25% {
		top: 100%;
		height: 1px;
		opacity: 1;
	}

	26% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	75% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@keyframes t-move {
	0% {
		opacity: 0;
		left: 96%;
	}

	24% {}

	25% {}

	26% {}

	50% {}

	51% {}

	74% {
		opacity: 0;
	}

	75% {
		left: 96%;
		opacity: 1;
	}

	100% {
		left: -2px;
		opacity: 1;
	}
}

@keyframes b-move {
	0% {
		left: -2px;
		opacity: 0;
	}

	24% {
		opacity: 0;
	}

	25% {
		left: -2px;
		opacity: 1;
	}

	26% {}

	50% {
		left: 96%;
		opacity: 1;
	}

	51% {
		opacity: 0;
	}

	75% {}

	100% {
		left: 96%;
		opacity: 0;
	}
}

@keyframes r-move {
	0% {
		top: 96%;
		opacity: 0;
	}

	24% {}

	25% {}

	49% {
		top: 96%;
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	75% {
		top: -2px;
		opacity: 1;
	}

	76% {
		opacity: 0;
	}

	100% {
		top: -2px;
		opacity: 0;
	}
}

table.table .btn-group.open {
	position: absolute !important;
	right: 0;
}

table.table .btn-group {
	position: relative !important;
}

.sparkline_item.xtr {
	width: 100%;
	margin-top: 15px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}

.sparkline_item.xtr .sparkline_title::after {
	content: "\f080";
}

.topcommercials {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	text-align: center;
}

.topcommercials>li {}

.topcommercials>li.x {
	display: block;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #ececec;
	position: relative;
	padding-left: 24px;
}

.topcommercials>li.x:hover {
	border-bottom: 1px solid #c7c7c7;
	background: #f7f7f7;
}

.topcommercials>li.it {
	display: block;
	margin-bottom: 15px;
}

.topcommercials>li.x:after {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #e2e2e2;
	height: 22px;
	width: 22px;
	border-radius: 100%;
	line-height: 23px;
	color: #585858;
	font-size: 12px;
}

.topcommercials>li>div {
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
}

.topcommercials>li>div:nth-child(1) {}

.topcommercials>li>div:nth-child(2) {}

.topcommercials>li>div:nth-child(3) {}

.topcommercials>li.it>div {
	display: inline-block;
	text-align: left;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	/* border-left: 1px solid #ccc; */
	padding-left: 2px;
	/* white-space: nowrap; */
	/* overflow: hidden; */
}

.topcommercials>li.it>div:nth-child(1) {
	width: 49%;
	/* text-align: left; */
	/* font-weight: bold; */
}

.topcommercials>li.it>div:nth-child(2) {
	width: 24%;
	text-align: right;
}

.topcommercials>li.it>div:nth-child(3) {
	width: 24%;
	text-align: right;
	padding-right: 5px;
}

.topcommercials>li.x:nth-child(1):after {
	content: "1";
}

.topcommercials>li.x:nth-child(2):after {
	content: "1";
	background: #117882;
	color: #fff;
}

.topcommercials>li.x:nth-child(3):after {
	content: "2";
	background: #36c6d3;
	color: #fff;
}

.topcommercials>li.x:nth-child(4):after {
	content: "3";
	background: #62dfea;
}

.topcommercials>li.x:nth-child(5):after {
	content: "4";
}

.topcommercials>li.x:nth-child(6):after {
	content: "5";
}

.topcommercials>li.x:nth-child(7):after {
	content: "6";
}

.topcommercials>li.x:nth-child(8):after {
	content: "7";
}

.topcommercials>li.x:nth-child(9):after {
	content: "8";
}

.topcommercials>li.x:nth-child(10):after {
	content: "9";
}

.topcommercials>li.x:nth-child(11):after {
	content: "10";
}

.topcommercials>li.x>div {
	display: inline-block;
}

.topcommercials>li.x>div:nth-child(1) {
	width: 49%;
	text-align: left;
}

.topcommercials>li.x>div:nth-child(2) {
	width: 24%;
	font-weight: bold;
	/* background: #ccc; */
	text-align: right;
}

.topcommercials>li.x>div:nth-child(2) i {
	font-size: 10px;
	font-style: normal;
}

.topcommercials>li.x>div:nth-child(3) {
	width: 24%;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
	font-size: 15px;
}

.qtype {
	display: block;
	margin: 0 0 15px 0;
}

.qtype>div {
	display: inline-block;
	width: 49%;
	text-align: center;
	vertical-align: top;
	background: #f3f3f3;
	padding: 4px 3px;
	cursor: pointer;
	border-bottom: 3px solid #ccc;
	position: relative;
}

.qtype>div.active {
	background: #36c6d3 !important;
	color: #fff;
	border-bottom: 3px solid #117882 !important;
	cursor: text;
}

.qtype>div:hover {
	background: #e8e8e8;
	border-color: #36c6d3;
}

.qtype>div>i {
	opacity: 0;
	position: absolute;
	right: 6px;
	top: 7px;
}

.qtype>div.active>i {
	opacity: 1;
}

.ctitle_ {
	text-align: center;
	font-size: 15px;
	border-bottom: 2px solid #ccc;
	padding-bottom: 5px;
	/* box-shadow: inset 0px 5px 2px #ccc; */
	/* padding-top: 24px; */
}

.gccip_refresh {
	display: block;
	position: absolute;
	height: 30px;
	width: 30px;
	background: #fff;
	color: #06618c;
	right: 4px;
	top: -3px;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	box-shadow: -1px 1px 2px #232323;

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gccip_refresh i {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);

	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.gccip_refresh:hover {
	background: #dedede;
	color: #012638;
	box-shadow: 1px 1px 2px #232323;
}

.gccip_refresh:hover i {
	-webkit-transform: rotate(350deg);
	-moz-transform: rotate(350deg);
	-ms-transform: rotate(350deg);
	-o-transform: rotate(350deg);
	transform: rotate(350deg);
}

.client_dashboard {}

.cslide {
	height: 350px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.cslide h3 {
	/* text-align: center; */
	text-shadow: 0px 0px 2px #000;
	font-size: 40px;
	font-weight: bold;
	color: #fff;
	padding-left: 20px;
	margin-top: 250px;
}

.cslide span {
	display: inline-block;
	margin-left: 20px;
	font-size: 18px;
	color: #000000;
	/* text-shadow: 0px 0px 1px #f1f1f1; */
	background: rgba(255, 255, 255, 0.62);
	padding: 5px 20px;
}

.ctopprods {
	display: block;
	overflow: hidden;
	width: 100%;
	text-align: center;
	background: rgba(255, 255, 255, 0.68);
	padding: 10px 0;
	border-bottom: 7px solid #fff;
	/* box-shadow: 1px 1px 2px #ccc; */
}

.ctopprods>div {
	display: inline-block;
	position: relative;
	vertical-align: top;
	height: 100px;
	width: 240px;
	padding-left: 90px;
	background: #fff;
	margin: 2px 2px;
	border: 1px solid #ccc;
}

.ctopprods>div>span {
	position: absolute;
	display: block;
	height: 100%;
	width: 90px;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: 50% 50%;
	border-right: 2px solid #e5e5e5;
}

.ctopprods>div>h3 {
	padding: 10px 2px 3px 5px;
	margin: 0 0 0 0;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #038dc7;
	cursor: pointer;
}

.ctopprods>div>b {
	min-height: 20px;
	display: block;
	font-size: 12px;
	font-weight: normal;
}

.ctopprods>div>i {
	display: block;
	position: absolute;
	background: #86bc24;
	border: 1px solid #689614;
	box-shadow: 1px 1px 1px #000;
	color: #fff;
	padding: 1px 5px;
	left: -3px;
	bottom: 4px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}

.ctopprods>div>button {
	position: absolute !important;
	bottom: 7px;
	left: calc(50% - 11px);
	width: 112px;
}

.ctoptitle {
	font-size: 17px;
	font-weight: bold;
	background: #fff;
	padding: 5px 9px;
}

/* .ctel {
	display: block;
	background: #f2f2f2;
	padding: 6px 3px;
	font-size: 25px;
	
	margin-top: 37px;
} */

.ctel:hover {
	/* background: #ececec; */
}

.ctel span {
	display: inline-block;
	vertical-align: top;
	font-size: 25px;
	color: #526171;
	width: 36px;
	text-align: center;
}

.ctel a {
	font-size: 18px;
	line-height: 35px;
	display: inline-block;
	vertical-align: text-bottom;
	font-weight: bold;
	text-decoration: none !important;
	color: #526171;
}

.ctel a:hover {
	color: #05729a;
}

.image-upload {}

.image-upload button {
	width: 80%;
	margin: 0 auto;
	float: none;
	display: block;
}

.forimage {
	width: 80%;
	height: 150px;
	margin: 0 auto -5px auto;
	float: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;
	border: 2px solid #ccc;
	border-radius: 5px;
}

.stats_row {
	border: 1px solid #18a1d2;
	margin: 10px 0 10px 0;
	padding: 5px 3px;
	box-shadow: 3px 3px 4px #ccc;
}

.stats_row h3 {
	padding: 10px 5px;
	margin: -5px -3px 0 -3px;
	background: #18a1d2;
	text-align: center;
	color: #fff;
	font-size: 20px;
}

.sr-content {
	padding: 0 7px;
}

.ac_ic {
	font-size: 20px;
	line-height: 20px !important;
	margin: 0 10px 0 0;
}

.statscards {
	text-align: center;
	padding: 7px 0;
	width: auto;
	float: none;
	margin: 0 auto;
}

.stcard {
	display: inline-block;
	vertical-align: top;
	width: 19%;
	min-width: 170px;
	height: 90px;
	background: #ffffff;
	border: 1px solid #ccc;
	margin: 4px 4px;
	position: relative;
	/* overflow: hidden; */
	padding-left: 45px;
	padding-top: 22px;
}

.stcard>i {
	position: absolute;
	z-index: 2;
	font-size: 50px;
	color: #f1f1f1;
	right: 0;
	top: 11px;
	height: 80px;
	line-height: 80px !important;
}

.stcard div {}

.stc-flesh {
	display: block;
	position: absolute;
	left: 0;
	top: 22px;
	width: 45px;
	line-height: 59px;
	font-size: 30px;
	background: rgba(255, 255, 255, 0.51);
	text-align: center;
}

.stc-total {
	font-size: 40px;
	font-weight: bold;
	position: relative;
	z-index: 3;
	padding-left: 10px;
	text-align: left;
}

.stc-detail {
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	position: absolute;
	z-index: 2;
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	background: #eaeaea;
	padding: 2px 3px;
}

.stcard .fa-arrow-down {
	color: #a00606;
	text-shadow: 0px -3px 5px #c1c1c1;
}

.stcard .fa-arrow-up {
	color: #2cacb7;
	text-shadow: 0px 4px 5px #a8d6da;
}

.stcard .fa-minus {
	color: #ffffff;
	text-shadow: 0px 0px 5px #929292;
}

.stcard.primary {
	background: #29bdef;
	color: #fff;
	border: 1px solid #1781a5;
}

.stcard.primary .stc-flesh {}

.stcard.primary .stc-total {}

.stcard.primary .stc-detail {
	color: #055f7d;
	border-top: 1px solid #67d4f9;
}

.stcard.primary>i {
	color: #46caf7;
}

.stcard.success {
	background: #46cbd6;
	border-color: #21a7b3;
	color: #fff;
}

.stcard.success .stc-flesh {}

.stcard.success .stc-total {}

.stcard.success .stc-detail {
	color: #1b8790;
	border-color: #62e4ef;
}

.stcard.success>i {
	color: #40bdc7;
}

.stcard.warning {}

.stcard.warning .stc-flesh {}

.stcard.warning .stc-total {}

.stcard.warning .stc-detail {}

.stcard.warning>i {}

.stcard.danger {
	background: #e7505a;
	color: #fff;
	border: 1px solid #c72b36;
}

.stcard.danger .stc-flesh {}

.stcard.danger .stc-total {}

.stcard.danger .stc-detail {
	border-top: 1px solid #f56c75;
	color: #921019;
}

.stcard.danger>i {
	color: #d63a45;
}

#heatmap_places {
	height: 250px;
}

.top_places {}

.top_places>li {}

.top_places>li:after {
	content: "1";
}

.top_places>li:hover {}

.top_places>li:nth-child(1):after {}

.top_places>li:nth-child(2):after {}

.top_places>li:nth-child(3):after {}

.top_places>li:nth-child(4):after {}

.top_places>li:nth-child(5):after {}

.top_places>li:nth-child(6):after {}

.top_places>li:nth-child(7):after {}

.top_places>li:nth-child(8):after {}

.top_places>li:nth-child(9):after {}

.top_places>li:nth-child(10):after {}

.prospect_incompletecte>td {
	background: #e0fdff !important;
	border-bottom: 2px solid #32c5d2 !important;
}

.prospect_incompletecte:hover {
	color: black !important;
}

.stc-mdetail {
	display: block;
	position: absolute;
	z-index: 4;
	bottom: 0;
	width: calc(100% - 45px);
	left: 45px;
	text-align: left;
	padding-left: 12px;
	color: #828282;
	border-top: 1px solid #ccc;
	cursor: default;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
}

.stc-mdetail.di {
	color: #a00606;
}

.stc-mdetail.in {
	color: #1a9aa5;
}

.gc_feed_filter {
	margin-bottom: 15px;
	box-shadow: 0px 6px 6px 0px rgba(1, 1, 1, 0.33);
	margin: 0 -5px 0px -5px;
}

.gc_feed_filter label {
	display: block;
	text-align: left !important;
}

.gc_feed_filter span {
	display: inline-block;
	vertical-align: top;
	border-bottom: 2px solid #fff;
	width: 19%;
	/* margin-bottom: 15px; */
	cursor: pointer;
	padding: 5px 0;
	margin-left: -2px;
	font-size: 13px;
}

.gc_feed_filter span:hover {
	background: #f5f5f5;
	border-color: #20a7e6;
}

.gc_feed_filter span.active {
	border-color: #06618c !important;
	background: #f1f1f1 !important;
	cursor: text;
	font-weight: bold;
	/* font-size: 13px; */
}

.sportlet {
	background: #fff;
	padding: 10px;
	box-shadow: 1px 1px 2px #ccc;
	border-radius: 1px;
}

.copy_produit {
	font-size: 13px;
}

.button_add_icon {
	font-size: 16px;
}

.prospect_incompletecte {
	background: #509ee0 !important;
	/* color: white; */
}

.prospect_incompletecte:hover {
	color: black !important;
}

.parent {
	position: relative;
}

.navbar-info {
	background-color: #00bfe3;
}

.navbar-info .navbar-brand,
.navbar-info .dropdown a {
	color: #fff;
}

.navbar-info .dropdown:hover a {
	background-color: #f4f4f4;
	color: #00bfe3;
}

.child {
	position: absolute;
}

.child li div {
	display: inline-block;
}

ul {
	list-style-type: disc;
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-bottom: 6px solid #00bfe3;
	border-radius: 0;
}

.dropdown-menu h3 {
	margin: 0;
	font-size: 15px;
	font-weight: normal;
}

.dropdown-menu:before {
	position: absolute;
	top: -19px;
	left: 34px;
	display: inline-block;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ccc;
	border-left: 20px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: "";
}

.dropdown-menu:after {
	position: absolute;
	top: -18px;
	left: 35px;
	display: inline-block;
	border-right: 19px solid transparent;
	border-bottom: 19px solid #ffffff;
	border-left: 19px solid transparent;
	content: "";
}

.dropdown-menu ul {
	/* margin-top: 20px; */
}

.navbar-nav>li>.dropdown-menu {
	margin-top: 15px;
}

.second-example {
	font-size: 12px;
}

.second-example .icon-container {
	padding: 35px;
	display: block;
}

.second-example h3 {
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
	font-size: 20px;
}

.second-example h3:after {
	content: "";
	position: absolute;
	width: 60%;
	border-bottom: 3px solid #00bfe3;
	bottom: 0;
	left: 0;
	top: 25px;
}

.btn-primary {
	background-color: #00bfe3;
}

.first-col-domains .box {
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	clear: both;
	padding: 20px 10px;
	position: relative;
}

.first-col-domains .box:first-child {
	border-top: none;
}

.first-col-domains .box .icon-container {
	width: 65px;
	height: 65px;
	border-radius: 50%;
	line-height: 65px;
	background-color: #00bfe3;
	color: #fff;
	text-align: center;
	float: left;
	margin: 0 30px 0 0;
	position: relative;
}

.first-col-domains .box .icon-container i {
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
}

.box {
	/*padding: 20px 10px;*/
}

.box .top-third-col-div {
	border-bottom: 1px dotted gray;
	padding-bottom: 20px;
}

.box .bottom-third-col-div .btn {
	margin-top: 10px;
}

.box ul {
	padding-left: 12px;
}

.box ul li a {
	color: #777;
	text-transform: uppercase;
}

.animation {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes slideDownIn {
	0% {
		-webkit-transform: translateY(-20px);
	}

	100% {
		-webkit-transform: translateY(0);
	}

	0% {
		-webkit-transform: translateY(-20);
	}
}

@keyframes slideDownIn {
	0% {
		transform: translateY(-20px);
	}

	100% {
		transform: translateY(0);
	}

	0% {
		transform: translateY(-20px);
	}
}

.slideDownIn {
	-webkit-animation-name: slideDownIn;
	animation-name: slideDownIn;
}

@-webkit-keyframes slideUpIn {
	0% {
		-webkit-transform: translateY(20px);
	}

	100% {
		-webkit-transform: translateY(0);
	}

	0% {
		-webkit-transform: translateY(20px);
	}
}

@keyframes slideUpIn {
	0% {
		transform: translateY(20px);
	}

	100% {
		transform: translateY(0);
	}

	0% {
		transform: translateY(20px);
	}
}

.slideUpIn {
	-webkit-animation-name: slideUpIn;
	animation-name: slideUpIn;
}

.floating {
	animation-name: floating;
	-webkit-animation-name: floating;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);
	}

	50% {
		transform: translateY(1%);
	}

	100% {
		transform: translateY(0%);
	}
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);
	}

	50% {
		-webkit-transform: translateY(1%);
	}

	100% {
		-webkit-transform: translateY(0%);
	}
}

.start_reporting {
	border-bottom: 1px solid #dadada;
}

.sr_step {}

.sr_step h3 {
	font-size: 19px;
	border-bottom: 1px solid #32c5d2;
	padding: 8px;
	position: relative;
	padding-left: 43px;
	margin: 0 0 12px 0px;
	min-height: 38px;
}

.sr_step h3 i {
	position: absolute;
	width: 38px;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	background: #32c5d2;
	text-align: center;
	line-height: 38px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	font-style: normal;
}

.srs_content {
	text-align: center;
	margin: 12px 0;
	/* border-bottom: 1px solid #ccc; */
}

.start_reporting .input-icon {
	max-width: 250px;
	margin: 0 auto;
	float: none;
}

.hidden_datepicker {
	width: 1px;
	height: 1px;
	opacity: 0;
}

.comblock {
	min-height: 90px;
	padding-left: 90px !important;
}

.comblock h3 {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

.comblock>span {
	display: block;
	/* font-weight: bold; */
	border-left: 2px solid #ccc;
	margin: 3px 0 0 0;
	padding: 3px;
}

.comimg {
	display: block;
	height: 80px;
	width: 80px;
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: 50% 100%;
	position: absolute;
	left: 6px;
	top: calc(50% - 40px);
	border: 1px solid #2c3e50;
	border-radius: 3px;
}

.pportlet {
	background: #fff;
	padding: 12px 15px;
	display: block;
	border-radius: 2px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.38);
	position: relative;
	margin: 0px 0 10px 0px;
	overflow: hidden;
}

.rdetail {
	border-bottom: 1px solid #ccc;
	margin-bottom: 2px;
}

.rdetail label {
	color: #16939e;
	font-weight: bold;
}

.rdetail span {
	font-weight: bold;
	font-size: 15px;
}

.ppinner .pptitle {
	margin-top: 18px;
	background: #ccc;
}

.pptitle {
	display: block;
	font-size: 16px;
	font-weight: bold;
	background: #32c5d2;
	margin: -12px -15px 10px -15px;
	padding: 9px 10px;
	color: #ffffff;
}

.ppinner {}

#histmap {
	min-height: 400px;
	margin: -10px -15px -12px -15px;
}

.map-windowinfo {}

.map-windowinfo h3 {
	margin: 0 0 3px 0;
	padding: 0 0 0 0;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #32c5d2;
	color: #168a94;
}

.map-windowinfo span {
	/* display: block; */
}

.map-windowinfo b {
	padding-left: 5px;
}

.map-windowinfo small {
	display: block;
	border-top: 1px solid #ccc;
	margin-top: 5px;
}

.dayspagination {}

.dayspagination>ul {
	display: block;
	text-align: center;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/* border-top: 1px solid #d8d8d8; */
	min-height: 40px;
}

.dayspagination>ul>li {
	display: inline-block;
	height: 25px;
	width: 25px;
	margin: 0 1px 0 0;
	text-align: center;
	line-height: 25px;
	font-size: 15px;
	cursor: pointer;
	vertical-align: middle;
	/* border-bottom: 2px solid #f7f7f7; */

	-webkit-transition: background 0.7s;
	-moz-transition: background 0.7s;
	-ms-transition: background 0.7s;
	-o-transition: background 0.7s;
	transition: background 0.7s;
}

.dayspagination>ul>li.d {
	background: #f9f9f9;
}

.dayspagination>ul>li.navi {
	/* background: #d8d8d8; */
	font-size: 20px;
	height: 32px;
	line-height: 32px;
	font-weight: bold;
	width: 40px;
	/* border-radius: 5px 0px 0px 5px; */
}

.dayspagination>ul>li.navi:hover {
	background: #ccc;
}

.dayspagination>ul>li.navi i {}

.dayspagination>ul>li.navi.next {
	/* border-radius: 0px 5px 5px 0px; */
}

.dayspagination>ul>li.navi.prev {
	/* border-radius: 5px 0px 0px 5px; */
}

.dayspagination>ul>li.d:hover {
	background: #d8d8d8;
	/* border-color: #848282; */
	height: 32px;
	line-height: 32px;
}

.dayspagination>ul>li.d.active {
	background: #32c5d2;
	color: #fff;
	border-color: #4bf0ff;
	height: 30px;
	line-height: 30px;
}

.dayspagination>ul>li.d.disabled {
	color: #e4e4e4;
	background: #fdfdfd;
	cursor: not-allowed;
}

.dayspagination>ul>li.sep {
	cursor: text;
}

.rqa-footer {}

.raqactions {
	padding-left: 60px;
}

.raqaction {
	display: block;
	border-left: 2px solid #8eca2e;
	/* padding-left: 3px; */
	margin-bottom: 8px;
	border-bottom: 2px solid #8eca2e;
	/* box-shadow: 2px 4px 4px rgba(97, 97, 97, 0.45); */
	position: relative;
}

.raqphoning {
	display: block;
	border-left: 2px solid #2aa5da;
	/* padding-left: 3px; */
	margin-bottom: 8px;
	border-bottom: 2px solid #2aa5da;
	/* box-shadow: 2px 4px 4px rgba(97, 97, 97, 0.45); */
	position: relative;
}

.rqa-title {
	position: relative;
	/* padding-left: 60px; */
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	/* border-bottom: 1px solid #e4e4e4; */
	/* background: #56bfec; */
	background: #effaff;
}

.rqa-title i {
	display: inline-block;
	vertical-align: top;
	font-size: 12px !important;
	height: 30px;
	line-height: 30px;
	background: #56bfec;
	color: #fff;
	padding: 0 5px;
	min-width: 51px;
	font-style: normal;
	border-left: 2px solid #8adcff;
	margin-right: 10px;
}

.rqa-title span {}

.rqa-title div {
	display: inline-block;
	vertical-align: top;
	/* margin-left: 10px; */
	/* color: #fff; */
}

.rqa-title b {
	display: inline-block;
	vertical-align: top;
	height: 30px;
	line-height: 30px;
	background: #86bc24;
	color: #fff;
	padding: 0 5px;
	min-width: 51px;
}

.rqa-content {}

.rqac-item {
	border-left: 1px solid #b3b3b3;
	margin: 6px 0 0 6px;
	min-width: 200px;
	padding: 5px;
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.rqac-item.x2 {
	width: 48%;
}

.rqac-item.x3 {
	width: 31%;
}

.rqac-item.x4 {}

.rqac-item label {
	display: block;
	background: #fbfbfb;
	padding: 3px;
	margin: -5px 0px 0 -5px;
	font-size: 12px;
}

.rqac-item div {
	padding: 5px;
	font-weight: bold;
}

.rqac-item div>ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}

.rqac-item div>ul li {}

.rqac-item div a {}

.rapportcard {
	display: inline-block;
	width: 30%;
	min-width: 200px;
	vertical-align: top;
	text-align: left;
	/* background: #f5f5f5; */
	position: relative;
	border: 1px solid #e6e6e6;
	margin: 2px 1px;
}

.rapportcard>label {
	display: block;
	text-align: center;
	background: #2aa5da;
	color: #fff;
	font-weight: bold;
	padding: 3px 0;
}

.rapportcard>div {
	padding: 2px 2px;
	border-bottom: 1px solid #e2e2e2;
	position: relative;
}

.rapportcard>div>label {
	display: inline-block;
	font-size: 12px;
	vertical-align: middle;
	width: 40%;
}

.rapportcard>div>b.t {
	color: #2395c5;
}

.rapportcard>div>b {
	display: inline-block;
	width: 57%;
	/* padding-right: 15px !important; */
	text-align: right;
	vertical-align: middle;
	font-size: 21px;
}

.rapportcard>div>b i {
	color: #000000;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	display: inline-block;
	/* vertical-align: top; */
	min-width: 37px;
	text-align: right;
	/* padding-left: 2px; */
}

.rapportcard>div>span {
	display: none;
	width: 15px;
	text-align: center;
	font-size: 16px;
	vertical-align: middle;
	height: 24px;
	/* background: #ccc; */
	position: absolute;
	right: 1px;
	top: calc(50% - 12px);
}

.rapportcard>div>i {}

.raport_sum {
	text-align: center;
}

.rqa-date {
	display: block;
	width: 60px;
	height: 30px;
	background: #8eca2e;
	color: #fff;
	/* padding: 5px 0; */
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	position: absolute;
	left: -60px;
}

.gc_cancel {
	/* color: #a20202 !important; */
	font-weight: bold !important;
	text-decoration: underline !important;
}

.location_history_holder {}

.lh_control {
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 12px;
	top: 0;
	z-index: 99999;
	background: #da6161;
	color: #ffffff;
	text-align: center;
	line-height: 25px;
	/* border: #f3f3f3 1px solid; */
	box-shadow: 0px 1px 10px #ffffff;
	border-radius: 0 0 2px 2px;
	cursor: pointer;
}

#lhmap {
	min-height: 500px;
}

.lh_map {
	display: table-cell;
	width: 74%;
	margin: 0 -2px 0 -1px;
	height: 500px;
}

.lh_lefty {
	display: table-cell;
	width: 28%;
	vertical-align: top;
	position: relative;
	z-index: 9;
	height: 500px;
	/* margin: 0 -2px 0 0; */
	background: #fff;
	box-shadow: 4px 1px 5px rgba(0, 0, 0, 0.45);
}

.location_history_holder {
	margin: -15px -15px -45px -16px;
	display: table;
	width: calc(100% + 32px);
	/* overflow: hidden; */
	border-radius: 3px;
}

.lh_user_info {
	display: block;
	text-align: center;
	padding: 25px 3px 3px 0;
	margin: 5px 5px 9px 5px;
	position: relative;
	background: #f1f1f1;
	border-radius: 4px;
}

.lh_user_info>img {
	max-width: 50px;
	max-height: 50px;
	position: absolute;
	top: -25px;
	left: calc(50% - 25px);
	background: #ffffff;
	border-radius: 100%;
	box-shadow: 0px 0px 10px #a2a2a2;
}

.lh_user_info>span {}

.lh_user_info>a {
	display: block;
	font-size: 12px;
	color: #5a5a5a;
	text-decoration: none;
	border-bottom: 1px dotted #8a8a8a;
	margin: 0 auto;
	margin-top: 5px;
	float: none;
	width: 80%;
}

.lh_user_info>h3 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	color: #2d2d2d;
}

.lh_user_info>a:hover {}

.lh_user_info>span.label-primary {}

.lh_user_info>span.label-warning {}

.lh_user_info>span.label-danger {}

.lh_user_info>span.label-default {}

.lh_time_control {
	text-align: center;
	margin: 15px 0 0 0;
}

.lh_time_control>div {
	display: block;
	margin: 5px 0;
	text-align: left;
	padding: 5px 2px 5px 15px;
}

.lh_time_control>div:hover {}

.lh_time_control>div>label {}

.lh_time_control>div>input {
	border: none;
	outline: none;
	background: none;
}

.lh_time_control>div>input:hover {}

.lh_time_control>div>input:focus {}

.bs-container .dropdown-menu.open {
	max-width: 100%;
}

span[data-timestamp] {
	padding: 1px 2px;
	font-weight: bold;
	cursor: help;
	/*display: block;*/
}

li.d.weekend {
	opacity: 0.1;
	width: 3px;
	overflow: hidden;
	color: #fff;
	background: #fff;
	cursor: not-allowed;
}

.aslink {
	cursor: pointer;
	border-bottom: 1px dotted #ccc;
}

.doc-detail ul li:hover {
	background: #f5f5f5;
}

.table>tbody>tr>td {
	padding: 8px;
}

.crm-floating-button,
.crm-floating-button * {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.crm-floating-button {
	position: fixed;
	z-index: 999999999;
	bottom: 30px;
	right: 30px;
}

.flb_inner {
	position: relative;
}

.flb_primary:hover {
	background: #056d9a;
	color: #d5f2ff;
}

.flb_primary {
	width: 56px;
	height: 56px;
	background: #009fe3;
	border: 1px solid #00b5ee;
	color: #fff;
	border-radius: 100%;
	outline: none;
	font-size: 34px;
	font-weight: normal;
	-webkit-box-shadow: 1px 4px 2px #ccc;
	-moz-box-shadow: 1px 4px 2px #ccc;
	box-shadow: 1px 4px 2px #ccc;
}

.flb_primary>span {}

.flb_primary:hover>span {
	transform: rotate(359deg);
}

.flb_buttons {
	position: absolute;
	bottom: 100%;
	right: -100%;
	margin-right: -19px;
	margin-bottom: 0;
	opacity: 0;
	padding-bottom: 12px;

	-webkit-transition: all 0.3s !important;
	-moz-transition: all 0.3s !important;
	-ms-transition: all 0.3s !important;
	-o-transition: all 0.3s !important;
	transition: all 0.3s !important;
}

.flb_buttons:after {
	content: " ";
	background: #fff;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	border-radius: 100%;
	filter: blur(25px);
	/* opacity: .6; */
}

.flb_buttons .axp {
	display: block;
	height: 42px;
	width: 42px;
	/* overflow: hidden; */
	position: relative;
	margin-bottom: 10px;
	z-index: 2;
	/* bottom: 50px; */
	/* margin-top: 150px; */
}

.flb_buttons .axp .ax {
	height: 42px;
	width: 42px;
	border-radius: 100%;
	border: 1px solid #5ad201;
	background: #51bb03;
	color: #fff;
	float: right;
	box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.55);
	font-size: 16px;
	cursor: pointer;
}

.flb_buttons .axp .ax:hover {}

.flb_buttons .axp span {
	opacity: 0;
	position: absolute;
	display: none;
	right: 120%;
	top: 6px;
	white-space: nowrap;
	background: rgba(255, 255, 255, 0.64);
	padding: 5px 15px;
	border: 1px solid #ccc;
	border-radius: 17px;
}

.flb_buttons .axp:hover span {
	opacity: 1;
}

.flb_buttons .axp:hover .ax {}

.flb_inner:hover .flb_buttons {
	opacity: 1;
	right: 50%;
}

.flb_inner:hover .axp {
	/* margin-top : 0px; */
}

.flb_inner:hover .flb_buttons .axp span {
	display: block;
}

@media (max-width: 768px) {
	.flb_buttons .axp span {
		opacity: 1 !important;
	}
}

.page-container {
	/* padding-bottom: 80px !important; */
}

div#greenline_view {
	margin-bottom: 50px;
}

.actions_inday {
	padding: 15px 0px 0 5px;
	background: #fbfbfb;
	margin-top: 10px;
	border: 1px solid #eee;
}

.actions_inday h3 {
	display: block;
	background: #eee;
	margin: -15px 0px 10px -5px;
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
	padding: 7px 0;
}

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

.actions_inday ul li {
	padding: 5px 0px;
	border-bottom: 1px solid #eeeeee;
}

.actions_inday ul li.x {
	opacity: 0.3;
	background: #fff;
	cursor: help;
}

.actions_inday ul li b {
	display: inline-block;
	background: #009fe3;
	color: #fff;
	padding: 5px;
}

.actions_inday ul li a {
	color: #009fe3;
	text-decoration-style: dotted;
	font-weight: bold;
}

.actions_inday ul li a:hover {}

.actions_inday ul li:hover {}

.time_conflict {
	background: #ffe4e4;
	padding: 8px;
}

.time_conflict a {
	white-space: nowrap;
}

.postpone_action {}

.postpone_action p {}

.agenda_ppaction {
	/* margin: 0 auto; */
	/* float: none; */
	/* display: block; */
	/* width: 222px; */
}

.agenda_event_actions {
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 11px 0px;
}

.agenda_event_actions a {
	margin: 0 4px;
}

span.ttdx {
	display: none;
}

.raqphoning .rqa-date {
	background: #2aa5da;
}

.raqphoning .rqa-title i {
	background: #0a79a9 !important;
	border-color: #014461;
}

.raqphoning .rqa-title {
	background: #045071;
	color: #fff;
}

.anomalie_desc {
	background: #f7f7f7;
	max-height: 400px;
	padding: 15px;
	border-left: 2px solid #ccc;
}

.anomalie {}

.anomalie ul.lst {
	list-style: none;
	margin: 0;
	padding: 0;
	/* display: flex; */
	/* flex-wrap: wrap; */
	/* justify-content: center; */
}

.anomalie ul.lst li {
	padding: 5px;
	border-bottom: 1px solid #e8e8e8;
	/* text-align: center; */
	/* flex: 1; */
}

.anomalie ul.lst li>span {
	font-weight: bold;
	/* display: block; */
	padding: 6px;
}

.anomalie_files {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.anomalie_files li {
	border: none !important;
	flex: 1;
	text-align: center;
}

.anomalie_files li a {
	text-decoration: none !important;
	color: #009fe3;
}

.anomalie_files li a span {
	font-weight: 100;
	font-size: 12px;
}

.anomalie_files li a small {
	width: 92px;
	height: 92px;
	display: block !important;
	text-align: center !important;
	margin: 0 auto;
	line-height: 90px;
	font-size: 32px;
	background: #efefef;
	border: 1px solid #ccc;
}

.anomalie_files li a img {
	height: 92px;
	width: 92px;
	display: block;
	margin: 0 auto;
}

.anomali_actions {}

.anomali_actions a {}

.anomalie_comments {
	margin-top: 50px;
	border-top: 1px solid #ccc;
}

.anomalie_comments h3 {}

.ac_comments {
	/* display: flex; */
}

.ac_comment {
	display: flex;
	margin-left: 20px;
	border-left: 2px solid #ccc;
	padding-left: 12px;
	margin-top: 10px;
}

.ac_user {}

.ac_user img {
	width: 32px;
	height: 32px;
}

.ac_user span {}

.accom {
	margin-left: 12px;
	font-size: 16px;
	flex: 2;
	background: #dcf3fd;
	padding: 6px 10px 10px;
	border-radius: 5px;
	position: relative;
}

.accom a {
	display: block;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	z-index: 9;
}

.accom small {
	/* display: block; */
	/* margin-top: 12px; */
	cursor: pointer;
	color: #524f4f;
	font-weight: bold;
}

.accom div {
	margin-top: 20px;
	border-top: 1px solid #ccc;
	text-align: right;
}

.accom span {
	display: block;
	font-size: 14px;
	color: #969696;
	float: right;
	margin-top: -21px;
}

.accom::before {
	content: " ";
	width: 16px;
	height: 16px;
	background: #dcf3fd;
	position: absolute;
	z-index: 8;
	left: -7px;
	top: 9px;
	transform: rotate(45deg);
}

.ac_new_comment {
	margin-top: 30px;
}

.ac_new_comment label {
	display: block;
}

.ac_new_comment textarea {
	display: block;
	width: 100%;
	margin: 10px 0;
	padding: 8px 8px 8px 15px;
}

.ac_new_comment button {}

.comms_count {
	display: block;
	float: right;
	color: #32c5d2;
	font-weight: bold;
}

.inhelp {
	color: #828282;
}

.prod_summary {
	text-align: center;
	font-size: 16px;
}

.prod_summary div {
	margin-top: 50px;
}

.psy_infos {
	display: flex;
	flex-wrap: wrap;
}

.psy_infos ul {
	width: 50%;
	margin: 0;
	padding: 5px 12px;
	list-style: none;
}

.psy_infos ul li {
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}

.psy_infos ul li span {
	font-weight: bold;
	float: right;
	/* overflow: hidden; */
	/* max-width: 154px; */
}

.psy_status {
	width: 80%;
	margin: 0 auto;
	border-top: 1px solid #ccc;
	margin-top: 20px;
	padding: 20px 4px;
}

.psy_status span {
	display: block;
	text-align: center;
}

.psy_status small {
	text-align: center;
	display: block;
	padding: 5px 5px 20px;
}

.psy_status .progress {
	height: 16px;
}

.psy_status .progress .progress-bar {}

.psy_status .progress .progress-bar span {}

.prod_sync {
	display: none;
}

.psy_status button {
	display: block;
	margin: 0 auto;
	float: none;
}

[data-idnotif] {
	background: #ddd;
}

#gestion_comptes_view {
	margin-top: 33px;
}

#chart-organization {
	position: relative;
	display: inline-block;
	top: 10px;
	left: 10px;
	height: auto;
	width: calc(100% - 24px);
	border-radius: 5px;
	overflow: auto;
	text-align: center;
	border: none;
}

/*#chart-organization .title:first-child {*/
/*background-color: #36c6d3 !important;*/
/*}*/

/*#chart-organization .content:first-child{*/
/*border: 1px solid rgb(54, 198, 211) !important;*/
/*}*/

[data-produit] {
	cursor: pointer;
}

[data-produit]::after {
	/* content: "\f08e";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #097cb3;
	padding-left: 5px; */
}

.prod_margin_top {
	margin-top: 33px;
	margin-bottom: 19px;

	border-bottom: 1px solid #e5e5e5;
}

.content_product {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 11px;
}

.forproduct {
	float: left !important;
}

.prod_marge_top {
	margin-top: 7px;
	flex: 1;
}

.forproduct a {
	padding: 6px 24px;
	background: none;
	text-decoration: none;
}

.no_padding_right {
	padding-right: 0;
}

.locations_explorer {
	margin: -15px;
	margin-bottom: -65px;
	position: relative;
	min-height: 450px;
	overflow: hidden;
}

.le_map_holder {
	position: absolute !important;
	z-index: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.le_menu_trigger {
	position: absolute;
	z-index: 1;
	background: #009fe3;
	color: #ffffff;
	top: 10px;
	left: 10px;
	padding: 3px 18px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
	cursor: pointer;
	box-shadow: 0 0 4px #9ae1ff;
	border-radius: 1px;
}

.le_close {
	position: absolute;
	z-index: 1;
	right: 6px;
	top: 6px;
	width: 32px;
	height: 24px;
	color: #fff;
	background: #232323;
	cursor: pointer;
	text-align: center;
	line-height: 24px;
	border-radius: 2px;
	opacity: 0.8;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.le_close:hover {
	opacity: 1;
	background: #0188c1;
}

.le_menu {
	position: absolute;
	z-index: 2;
	left: -300px;
	top: 0;
	width: 280px;
	height: 100%;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 6px 0 11px -8px #000;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.open .le_menu {
	/* transform: scaleX(1); */
	left: 0;
}

.le_current_user {
	display: flex;
	/* border-bottom: 1px solid #ccc; */
	margin-bottom: 12px;
	box-shadow: 0px 5px 12px -9px #000;
	background: #f9f9f9;
	max-height: 68px;
	position: relative;
}

.lecu_image {}

.lecu_info {
	display: block;
	padding: 6px;
}

.le_all_users {
	height: 100%;
	margin-top: -80px;
	padding: 80px 0 0 0;
}

.le_all_users>div {}

.leau_user {
	border-left: 2px solid #fff;
	border-bottom: 1px solid #e3e3e3;
	position: relative;
	cursor: pointer;
	padding: 8px 6px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.leau_user:hover {
	background: #f9f9f9;
	border-left-color: #36c6d3;
}

.leau_user>label {
	display: block;
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	white-space: nowrap;
	cursor: unset;
	margin-bottom: 4px;
}

.leau_user>p {
	margin: 0;
	font-size: 12px;
	color: #848484;
	min-height: 16px;
	white-space: nowrap;
	width: 92%;
	overflow: hidden;
}

.leau_user>span {
	position: absolute;
	right: 12px;
	top: 8px;
	font-size: 12px;
}

.leau_user>span i {
	display: inline-block;
	margin-left: 7px;
	height: 8px;
	width: 8px;
	background: #ff7d7d;
	border-radius: 100%;
	display: none;
}

.leau_user>span i.online {
	background: #38e038;
	display: inline-block;
}

.leau_user>span i.offline {
	background: #b1b1b1;
}

.le_preloader {
	position: absolute;
	z-index: 99;
	height: 100%;
	width: 100%;
	background: #00000045 !important;
	text-align: center;
	background-size: cover;
	cursor: wait;
}

.le_preloader::after {
	content: " ";
	height: 4px;
	width: 4px;
	border-radius: 100%;
	background: #009fe3;
	position: absolute;
	top: 29%;
	left: 50.2%;
	animation: flash-animation infinite 0.8s;
}

.le_preloader>p {
	position: absolute;
	width: 250px;
	left: 50%;
	margin: 0;
	margin-left: -125px;
	bottom: 20%;
	font-size: 14px;
	font-weight: 600;
	color: #737373;
	background: rgba(255, 255, 255, 0.88);
	padding: 10px 0 46px 0;
	border-radius: 4px;
	cursor: default;
}

.le_preloader>button {
	position: absolute;
	left: 50%;
	bottom: 17%;
	width: 120px;
	margin-left: -60px;
	background: #ffffff;
	border: none;
	color: #009fe3;
	padding: 6px 0;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.le_preloader>button:hover {
	background: #e6e6e6;
	color: #424242;
}

.loading .le_map_holder {}

.lecu_image {
	width: 44px;
	/* height: 36px; */
	background-position: 50%;
	background-size: 90%;
	background-repeat: no-repeat;
	margin-right: 10px;
	margin-left: 10px;
}

.lecu_info {}

.lecu_info>u {}

.lecu_info>label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	margin: 0;
	margin-bottom: 2px;
}

.lecu_info>span {
	font-size: 12px;
	color: #d48a8a;
	display: block;
	position: relative;
}

.lecu_info>span.online {
	color: #737373;
	padding-left: 13px;
	cursor: pointer;
}

.lecu_info>span.online::after {
	content: " ";
	height: 8px;
	width: 8px;
	border-radius: 100%;
	background: #38e038;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
}

.lecu_info>span.offline {}

.lecu_info>span.offline::after {
	content: " ";
}

.lecu_info>i {
	font-style: normal;
	font-size: 12px;
	color: #afafaf;
	min-height: 16px;
	display: block;
}

.lemenu_holder {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	overflow: hidden;
	transition: all 0s;
	transition-delay: 0.4s;
}

.lemenu_holder.open {
	width: 320px;
	transition-delay: 0s;
}

.lemenu_holder.open::after {}

.lemenu_close {
	position: absolute;
	z-index: 1;
	left: 2px;
	opacity: 0;
	background: #f9f9f9;
	color: #8e8e8e;
	top: 8px;
	padding: 2px 8px;
	font-size: 18px;
	cursor: pointer;
	box-shadow: 0 0 6px #000;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.lemenu_close i {}

.open .lemenu_close i {}

.leal_inner {
	/* padding-right: 10px; */
}

.positionflasher {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	height: 8px;
	width: 8px;
	margin-left: -4px;
	margin-top: -4px;
	background: rgba(0, 159, 227, 0.37);
	box-shadow: 0 0 6px #009fe3;
	border-radius: 100%;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.positionflasher.shown {
	transform: scale(20);
}

.positionflasher.goingby {
	transform: scale(0);
}

.open .lemenu_close {
	left: 280px;
	opacity: 1;

	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}

.le_user_details {
	position: absolute;
	z-index: 9;
	width: 300px;
	opacity: 1;
	background: rgba(255, 255, 255, 0.95);
	right: 42px;
	bottom: -6px;
	box-shadow: 0 0 30px -8px #000;
	padding: 0 10px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.le_user_details.loading {}

.le_user_details>h3 {
	margin: 0;
	background: #009fe3;
	color: #fff;
	text-align: center;
	padding: 6px 0;
	font-size: 16px;
	margin-bottom: 10px;
	margin-left: -10px;
	margin-right: -10px;
}

.le_user_details>small {
	border-bottom: 1px solid #ccc;
	display: block;
	margin-bottom: 8px;
}

.le_user_details>button {
	border: none;
	background: #383c3f;
	color: #fff;
	position: absolute;
	right: 4px;
	top: -4px;
}

.le_user_details>button:hover {
	background: #525252;
}

.le_user_details>label {
	display: block;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 0;
}

.le_user_details>.leud_pstatus {
	display: flex;
	justify-content: center;
	text-align: center;
	margin-bottom: 8px;
}

.le_user_details>.leud_pstatus.online {}

.le_user_details>.leud_pstatus.offline {}

.le_user_details>.leud_pstatus.online i {
	background: #38e038;
}

.le_user_details>.leud_pstatus.offline i {}

.le_user_details>.leud_pstatus i {
	height: 8px;
	width: 8px;
	background: #c7c7c7;
	margin-top: 5px;
	border-radius: 100%;
	margin-right: 6px;
}

.le_user_details>.leud_pstatus span {}

.leud_activities {
	margin-bottom: 13px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 12px;
	display: none;
}

.leud_activities>h3 {
	margin: 0;
	font-size: 16px;
	text-transform: uppercase;
	background: #f1f1f1;
	padding: 3px 10px;
	border-bottom: 1px solid #ddd;
	margin: 0 -10px 8px -10px;
}

.leud_activities>div {
	margin: 2px 0;
	border-left: 1px solid #ccc;
	padding-left: 6px;
}

.leud_activities>div:hover {}

.leud_activities>div i {}

.leud_activities>div span {
	min-width: 100px;
	display: inline-block;
	margin-right: 6px;
}

.leud_activities>div b {}

.leud_play {
	display: inline-block;
	text-align: center;
	background: #009fe3;
	color: #fff !important;
	/* margin-bottom: 12px; */
	text-decoration: none !important;
	padding: 4px 16px;
	border-radius: 2px;
	box-shadow: 0 5px 9px -6px #65d1ff;
}

.leud_play:hover {
	text-decoration: none;
	color: #fff;
	background: #0579ab;
}

.leud_actions>p {
	font-size: 11px;
	margin: 0;
	margin-bottom: 12px;
}

.leud_actions {
	margin-bottom: 12px;
	text-align: center;
}

.le_player_controler {
	position: absolute;
	display: none;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	text-align: center;
	height: 94px;
}

.lep_track * {
	-webkit-transition: all 100ms;
	-moz-transition: all 100ms;
	-ms-transition: all 100ms;
	-o-transition: all 100ms;
	transition: all 100ms;
}

.lep_track {
	height: 32px;
	position: relative;
}

.lep_track>div {
	position: absolute;
	height: 8px;
	background: #cff1ff;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -4px;
	/* border-bottom: 1px dotted #009fe3; */
}

.lep_track>div span:hover {
	/* box-shadow: 0 0 6px #009fe3; */
}

.lep_track>div span i {
	position: absolute;
	left: 100%;
	top: -6px;
	height: 18px;
	width: 18px;
	background: #0377a9;
	border-radius: 100%;
	margin-left: -10px;
	/* opacity: 0; */
	box-shadow: 0 0 4px #888888, inset 0 0 6px #005579;
	border: 2px solid #fff;
	box-sizing: content-box;
}

.lep_track>div span:hover i {
	box-shadow: 0 0 6px #009fe3;
}

.lep_track>div span {
	position: absolute;
	width: 0;
	height: 8px;
	background: #35c1fb;
	/* border-radius: 100%; */
	top: 0;
	left: 0;
	box-shadow: 0 0 0 #009fe3;
}

.lep_track small::after {
	height: 8px;
	content: " ";
	width: 8px;
	border: 8px solid transparent;
	border-top: 8px solid #696969;
	position: absolute;
	left: 50%;
	margin-left: -4px;
	top: 100%;
}

.lep_track small {
	position: absolute;
	z-index: 9;
	left: calc(100% - 32px);
	bottom: 100%;
	background: #696969;
	color: #fff;
	padding: 3px 15px;
	border-radius: 3px;
	box-shadow: 0 0px 19px -6px #000;
	margin-bottom: 30px;
	display: none;
}

.lep_track small>u {
	text-decoration: none;
	font-size: 14px;
}

.lep_buttons {
	/* margin-top: 12px; */
	display: flex;
	/* text-align: right; */
	flex: 1;
	margin-bottom: 8px;
	margin-left: 320px;
	/* justify-content: right; */
	/* align-items: flex-end; */
	justify-content: flex-end;
}

.lep_buttons>button {
	background: #fff;
	border: 1px solid #0377a9;
	color: #0376a7;
	margin-right: 12px;
	margin-top: 6px;
	border-radius: 2px;
	padding: 2px 12px;
}

.lep_buttons>button:hover {}

.lep_buttons>button.stop {}

.lep_buttons>button.back {}

.lep_buttons>button.play {
	font-size: 22px;
	background: #cff1ff;
	color: #0377a9;
	padding-left: 10px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	margin-top: -4px;
}

.lep_buttons>button.forward {}

.lep_buttons>select {
	margin-right: 20px;
	height: 25px;
	margin-top: 6px;
}

.lec_detholder {
	/* display: flex; */
	/* width: 50%; */
}

.lepc_uinfo {
	width: 320px;
	position: absolute;
	top: -62px;
	background: #f7f7f7;
	padding-left: 76px;
}

.lepc_uinfo>h3 {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding: 6px 4px;
}

.lepc_uinfo>small {
	display: block;
	text-align: left;
	padding: 0px 4px;
	font-size: 12px;
}

.lepc_uinfo>span {
	font-size: 12px;
	text-align: left;
	display: block;
	padding: 0 4px;
	padding-bottom: 8px;
}

.lepc_uinfo>a {
	font-size: 12px;
	text-align: left;
	display: block;
	padding: 0 4px;
	padding-bottom: 8px;
	text-decoration: none !important;
	color: #0376a7 !important;
	font-weight: bold;
	text-align: right;
}

.lepc_image {
	height: 64px;
	width: 64px;
	background-repeat: no-repeat;
	background-size: 80%;
	background-position: 50%;
	position: absolute;
	top: 0;
	left: 10px;
}

.lepcpb_info {
	flex: 1;
}

button.lepc_cancel {}

button.lepc_play {
	background: #0376a7;
	border: 1px solid #0377a9;
	color: #ffffff;
	margin-left: 12px;
	margin-top: 6px;
	border-radius: 2px;
	padding: 2px 40px;
}

span.lepcpb_pinfo {
	position: absolute;
	left: 50%;
	top: 5px;
	background: #fff;
	width: 232px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 0;
	border-radius: 2px;
	background: #009fe3;
	color: #fff;
	box-shadow: 0px 3px 11px -4px #000;
	margin-left: -116px;
	display: none;
}

button.lepc_play.playing {
	background: #ef9999;
	border-color: #a55050;
}

@media (max-width: 670px) {
	.lepc_uinfo {
		top: -96px;
	}
}

.daterangeselector::after {
	/* content : ' '; */
	position: fixed;
	z-index: 1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.2;
}

.daterangeselector {
	display: none;
	position: fixed;
	z-index: 99;
	left: 50%;
	top: 50%;
	background: #fff;
	width: 250px;
	height: 120px;
	margin-left: -125px;
	margin-top: -60px;
	padding-top: 14px;
	border-radius: 4px;
	box-shadow: 0 0px 40px -10px #000;
}

.daterangeselector label {
	display: block;
	width: 70%;
	margin: 0 auto;
}

.daterangeselector input {
	display: block;
	margin: 0 auto;
}

.daterangeselector button {
	margin: 10px auto;
	display: block;
}

.le_loadingactivities {
	margin: 6px 0px;
	text-align: center;
	font-size: 12px;
}

.nprc_left {
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	line-height: 164px;
	font-size: 62px;
	color: #000;
	cursor: pointer;
	opacity: 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.95);
	padding: 0 7px;
	box-shadow: 13px 0px 19px rgba(255, 255, 255, 0);
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.nprc_left:hover {}

.nprc_right {
	position: absolute;
	z-index: 99;
	right: 0px;
	top: 0;
	line-height: 164px;
	font-size: 62px;
	color: #000;
	cursor: pointer;
	opacity: 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.95);
	padding: 0 7px;
	box-shadow: 13px 0px 19px rgba(255, 255, 255, 0);
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.nprc_right:hover {}

.np-rowcontent:hover .nprc_right,
.np-rowcontent:hover .nprc_left {
	opacity: 1;
}

.np-produits.loading li {
	border-color: #e5e5e5;
}

.np-produits.loading li::after {
	content: " ";
	position: absolute;
	left: 50%;
	top: 16px;
	width: 64px;
	height: 64px;
	background: #efefef;
	z-index: 2;
	margin-left: -32px;
	border-radius: 100%;
}

.np-produits.loading li::before {
	content: " ";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 1;
}

.np-produits.loading li span::after {
	content: " ";
	position: absolute;
	left: 5%;
	top: 12px;
	width: 91%;
	height: 28%;
	z-index: 3;
	background: #e5e5e5;
}

.np-produits.loading li span::before {
	content: " ";
	position: absolute;
	left: 5%;
	top: 0;
	width: 80%;
	height: 20%;
	z-index: 3;
	background: #e5e5e5;
}

.p_m_top {
	margin-top: 14px;
}

.crm_table>thead th {
	width: auto !important;
}

.permissions_view {
	display: flex;
	flex-wrap: wrap;
	padding-left: 12px;
}

.prm_group {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.prm_group>h3 {
	width: 100%;
	margin: 10px 0;
	position: relative;
}

.prm_group>h3 span {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	padding: 0px 10px;
	margin-left: 6px;
}

.prm_group>h3::after {
	content: "";
	width: 100%;
	position: absolute;
	height: 1px;
	left: 0;
	top: 50%;
	background: #ccc;
}

.prm_page {
	border: 1px solid #06618c;
	position: relative;
	margin: 10px 10px;
	flex: 1;
	/* min-width: 222px; */
}

.prm_page>h3 {
	margin: 0;
	font-size: 15px;
	background: #06618c;
	margin-bottom: 10px;
	position: relative;
}

.prm_page>h3 span {
	padding: 5px 11px;
	display: block;
	color: #fff;
	min-width: 200px;
}

.prm_actions {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}

.prm_action {
	padding: 4px 8px;
	border-bottom: 1px solid #f1f1f1;
	display: flex;
}

.prm_action.c {
	background: #f4fffd;
}

.prm_action:hover {
	background: #f1f1f1;
}

.prm_action label {
	flex: 1;
	white-space: nowrap;
	cursor: pointer;
}

.fancycheckbox {
	width: 8px;
	height: 8px;
	position: relative;
	cursor: pointer;
	margin: 8px 20px !important;
}

.fancycheckbox::after {
	content: "";
	position: absolute;
	height: 20px;
	width: 20px;
	background: #ffffff;
	top: -7px;
	left: -12px;
	border-radius: 100%;
	border: 1px solid #ccc;
	box-sizing: content-box;
	box-shadow: 0px 0px 16px -5px #909090;
	-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.45, 0.45, 0.42, 1.36);
	transition: -webkit-transform 0.3s cubic-bezier(0.45, 0.45, 0.42, 1.36);
	transition: all 0.3s cubic-bezier(0.45, 0.45, 0.42, 1.36);
	transition: all 0.3s cubic-bezier(0.45, 0.45, 0.42, 1.36),
		-webkit-transform 0.3s cubic-bezier(0.45, 0.45, 0.42, 1.36);
}

.fancycheckbox::after:hover {}

.fancycheckbox::before:hover {}

.fancycheckbox::before {
	content: " ";
	display: block;
	position: absolute;
	height: 22px;
	width: 40px;
	background: #fff;
	top: -7px;
	left: -11px;
	border: 2px solid #c3c3c3;
	border-radius: 10px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.fancycheckbox:checked::after {
	left: 8px;
	/* margin-left: -8px; */
	/* background: #1bbc9b; */
	border-color: #1bbc9b;
	box-shadow: 0px 0px 16px -4px #14967b;
}

.fancycheckbox:checked::before {
	content: " ";
	background: #c1fff2;
	border-color: #1bbc9b;
}

.forpv_controls {
	border-top: 1px solid #ccc;
	padding-top: 16px;
	position: relative;
	padding-bottom: 5px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.forpv_controls h3 {
	margin: 0 0;
	font-size: 21px;
	flex: 1;
	white-space: nowrap;
}

.forpv_controls>div {
	/* position: absolute; */
	/* right: 0; */
	/* bottom: 0; */
	text-align: right;
	/* width: 100%; */
	flex: 3;
	white-space: nowrap;
}

.forpv_controls>div b {
	margin: 0 13px;
}

.forpv_controls>div span.n {
	border-right: none;
}

.forpv_controls>div span {
	border-right: 1px solid #ccc;
	/* margin: 0 4px; */
	padding: 0 6px;
	cursor: pointer;
}

.forpv_controls>div span i {}

.prm_page>h3>i {
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	padding: 6px 11px;
}

.forg_list {
	overflow: hidden;
}

.forg_item:hover {
	/* background: #ccc; */
}

.forg_item>span:hover {
	background: #f5f5f5;
}

.forg_item {
	padding: 4px 0;
	/* cursor: pointer; */
	/* background: #f1f1f1; */
	position: relative;
	/* overflow: hidden; */
}

.forg_item>span {
	display: block;
	background: #fbfbfb;
	color: #5d5d5d;
	padding: 0px 9px;
	border-left: 4px solid #ccc;
	/* display: flex; */
	/* align-items: center; */
	cursor: default;
	height: 36px;
	line-height: 36px;
	position: relative;
}

.forg_item>span>i::after {
	content: "\f105";
}

.forg_item>span>i {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 16px;
	width: 16px;
	margin-right: 3px;
	line-height: 16px;
	text-align: center;
	opacity: 0;
}

.forg_item.open>span>i {
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	/* margin: 0 3px; */
	transform: rotate(90deg);
	text-align: center;
	line-height: 16px;
}

.forg_item>div {
	height: 0px;
	overflow: hidden;
	padding: 0 0 0 20px;
	position: relative;
	/* margin: 0 8px; */
}

.forg_item.open>div {
	height: auto;
	/* position: relative; */
	/* border-left: 1px solid #ccc; */
}

.forg_item span>s {
	position: absolute;
	left: -14px;
	top: 18px;
	width: 10px;
	height: 1px;
	background: #ccc;
}

.forg_item>span>u {
	position: absolute;
	background: #ccc;
	left: -14px;
	bottom: 18px;
	width: 1px;
	height: 100vh;
	margin-top: -29px;
}

.forg_item>span>b {
	position: absolute;
	left: -17px;
	top: 14px;
	z-index: 9;
	color: #ccc;
	height: 11px;
	width: 11px;
	background: #fff;
	border: 1px solid #ccc;
	display: flex;
	line-height: 11px;
	text-align: center;
	font-size: 13px;
	font-weight: 100;
}

.forg_item>span>b::after {
	content: "+";
	display: block;
	text-align: center;
	width: 100%;
}

.forg_item.open>span>b::after {
	content: "-";
}

.forg_item.hs>span {
	cursor: pointer;
	font-weight: 600;
}

.forg_item.hs>span>i {
	opacity: 1;
}

#user_profile {
	/* background: #ccc; */
	margin: -15px -15px;
	position: relative;
	overflow: hidden;
}

.up_close {
	position: absolute;
	z-index: 9999;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #06618c;
	color: #fff;
	right: 14px;
	top: 0;
	cursor: pointer;
}

.up_header {
	height: 160px;
	position: relative;
	box-shadow: 0px 16px 36px -22px #000;
	/* margin-bottom: 32px; */
	position: relative;
	z-index: 9;
}

.uph_back {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #000;
}

.uph_back>div {
	position: absolute;
	left: -10%;
	top: -10%;
	width: 120%;
	height: 120%;
	background-position: center;
	background-size: cover;
	/* filter: blur(4px); */
	opacity: 0.6;
}

.uph_avatar {
	position: absolute;
	z-index: 9999;
	height: 122px;
	width: 122px;
	background: rgba(255, 255, 255, 0.84);
	border: 2px solid #fff;
	border-radius: 3px;
	bottom: -16px;
	left: 5%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50%;
	box-shadow: 0px -1px 23px -7px #000;
}

.uph_title {
	position: absolute;
	left: 5%;
	padding-left: 146px;
	width: 95%;
	bottom: 14px;
}

.uph_title h3 {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	text-shadow: 0 0 6px #000;
	padding: 4px 0;
}

.uph_title>div {
	position: absolute;
	right: 12px;
	bottom: 0;
}

.uph_title>div button {
	/* background: #fff; */
	/* border: 1px solid #fff; */
	/* padding: 2px 12px; */
	/* border-radius: 3px; */
	/* font-size: 13px; */
}

.uph_title>div button:hover {}

.uph_title h5 {
	margin: 0;
	color: #fff;
	text-shadow: 0 0 6px #000;
}

.up_body {
	display: flex;
}

.up_nav {
	width: 220px;
	padding-top: 42px;
	background: #f5f5f5;
	box-shadow: 0px 0px 6px 0px #ccc;
	position: relative;
	z-index: 8;
}

.up_nav>span {
	display: block;
	border-left: 4px solid #f5f5f5;
	padding: 8px 10px;
	cursor: pointer;
	width: 100%;
	/* margin-left: 2px; */
	border-bottom: 1px solid #ccc;
}

.up_nav>span:hover {
	background: #e0e4e6;
	border-color: #b2b9bd;
}

.up_nav>span.active {
	background: #eaeaea;
	/* color: #909090; */
	border-left-color: #06618c;
}

.up_nav>span.active i {}

.up_nav>span:hover i {}

.up_nav>span i {}

.up_inner {
	min-height: 220px;
	flex: 1;
	padding-left: 7px;
	padding-bottom: 22px;
}

.up_inner>div {
	padding-top: 42px;
	display: none;
}

.up_inner>div.active {
	display: block;
}

.up_inner>div>h3 {
	margin: 0;
	margin-top: -42px;
	padding: 8px 7px;
	padding-top: 30px;
	font-size: 17px;
	background: #f5f5f5;
	display: block;
	/* width: 100%; */
	margin-bottom: 9px;
	margin-left: -7px;
	padding-left: 12px;
}

.user_profil_dets {
	margin: 0 0;
	padding: 0 0;
}

.user_profil_dets ul {
	padding: 0px 16px;
	margin: 0 0;
	list-style: none;
}

.user_profil_dets ul li {
	padding: 4px 3px;
	border-left: 2px solid #06618c;
	margin: 4px 0;
	font-weight: normal;
	padding-left: 8px;
}

.user_profil_dets ul li span {
	font-weight: 600;
}

.uap_permissions {
	display: flex;
	flex-wrap: wrap;
}

.uap_permissions>div {
	/* display: flex; */
	position: relative;
	border: 1px solid #ccc;
	flex: 1;
	min-width: 160px;
	margin: 8px 4px;
	padding-top: 12px;
	/* white-space: nowrap; */
}

.uap_permissions>div h3 {
	margin: 0 0;
	padding: 0 0;
	font-size: 16px;
	font-weight: 600;
	color: #ccc;
	margin-top: -21px;
	margin-bottom: 8px;
	/* left: 4px; */
	white-space: nowrap;
	padding-left: 5px;
	display: block;
	position: relative;
	width: auto;
	max-width: 96%;
	overflow: hidden;
}

.uap_permissions>div h3 span {
	background: #f5f5f5;
	color: #5f5f5f;
	font-size: 15px;
	padding: 2px 10px;
	display: inline-block;
}

.uap_permissions>div h3::after {
	content: "";
}

.uap_permissions>div>div {
	display: flex;
	flex-direction: column;
}

.uap_permissions>div>div span {
	padding: 1px 10px;
	display: flex;
	border-bottom: 1px solid #f5f5f5;
}

.uap_permissions>div>div span b {
	font-weight: normal;
	flex: 1;
}

.uap_permissions>div>div span i {}

.uap_permissions>div>div span i.fa-check {
	color: #1ab91a;
	text-shadow: 0px 0px 3px #91f191;
}

.uap_permissions>div>div span i.fa-close {
	color: #f33d3d;
	text-shadow: 0px 0px 3px #ffbcc0;
}

.uac_map {
	position: relative;
}

.uacmap_inner {
	min-height: 320px;
	margin-top: -42px;
	margin-left: -7px;
}

.uacmap_status {
	position: absolute;
	z-index: 99;
	left: 0;
	top: 12px;
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 16px;
}

.uacmap_status span {
	background: #fff;
	padding: 4px 9px;
	font-weight: 600;
	font-size: 12px;
}

.uacmap_status.o {}

.uacmap_status.o span {}

.uacmap_status.o span i {}

.uacmap_status span i {}

.uacmap_status.o i {}

.notif_dropdown {
	max-width: 400px !important;
	height: 300px;
	/* overflow: hidden; */
	box-shadow: 0px 10px 44px -9px #000 !important;
}

.notif_dropdown>div {
	max-height: 300px;
	overflow: hidden;
	margin-top: -6px;
}

.notif_section {
	border-top: 1px solid #ccc;
	margin-bottom: 10px;
	/* padding-bottom: 31px; */
}

.notif_section>h3 {
	font-size: 12px;
	background: #e8e8e8;
	color: #989898;
	padding: 4px 6px;
	/* margin-top: -6px; */
}

.notif_section>a {
	position: relative;
	border-bottom: 1px solid #dedede;
	display: flex;
	text-decoration: none !important;
	color: unset !important;
	background: #fff;
	border-left: 3px solid #06618b;
}

.notif_section>a:hover {
	background: #f5f5f5;
	border-left: 3px solid #f5f5f5 !important;
}

.notif_section>a .h {
	width: 52px;
	position: relative;
	/* justify-content: center; */
	padding-top: 12px;
}

.notif_section>a .h span {
	width: 36px;
	height: 36px;
	display: block;
	margin: 0 auto;
	border-radius: 100%;
	background-color: #fff;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	box-shadow: 0px 5px 16px -4px #ababab;
	border: 2px solid #fff;
	box-sizing: content-box;
}

.notif_section>a .h span i.blue {
	color: #42caf7;
}

.notif_section>a .h span i.yellow {
	color: #00e487;
	font-size: 20px;
	right: -10px;
	bottom: -4px;
}

.notif_section>a .h span u {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #5cd7ff;
	color: #fff;
	border-radius: 100%;
	/* text-align: center; */
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	font-size: 17px;
	font-weight: 600;
	/* border: 2px solid #fff; */
	/* box-sizing: content-box; */
}

.notif_section>a .h span i.red {}

.notif_section>a .h span i.orange {}

.notif_section>a .h span i.green {}

.notif_section>a .h span i.dark {}

.notif_section>a .h span i {
	position: absolute;
	right: -10px;
	bottom: -4px;
	color: #06618c;
	font-size: 20px;
	text-shadow: 0px 0px 2px #ffffff;
}

.notif_section>a .b {
	flex: 1;
	position: relative;
	padding-top: 10px;
	padding-left: 10px;
}

.notif_section>a .b>b {
	position: absolute;
	right: 3px;
	bottom: 1px;
	font-size: 11px;
	/* font-weight: normal; */
	color: #06618c;
	/* width: 100%; */
	padding: 5px 6px;
}

.notif_section>a .b h3 {
	font-size: 13px;
	font-weight: normal;
	padding: 0 4px 3px 0;
	min-height: 15px;
	/* font-family: sans-serif; */
}

.notif_section>a .b p {
	margin: 0;
	font-size: 12px;
	color: #717171;
	padding: 0px 0px;
	margin-bottom: 22px;
	border-bottom: 1px solid #ececec;
}

.notif_section>a.s {
	/* border-left-color: #06618c; */
}

.notif_section>a.r {
	border-left-color: #fff;
}

.notif_section>a.r h3 {
	/* font-weight: normal; */
	/* color: #636363; */
}

.notif_section>a.s h3 {
	font-weight: normal;
	color: #636363;
}

.notif_section>a.s .b b {
	font-weight: normal;
}

.notif_section>a.r .b b {
	color: #ccc;
	font-weight: normal;
}

.notnotif {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	height: 100%;
	/* background: #ccc; */
	padding-top: 22px;
}

.notnotif i {
	color: #e4e4e4;
	font-size: 22px;
}

.notnotif p {
	margin: 0;
	font-size: 12px;
	color: #828282;
	padding-top: 12px;
}

.new_notif:hover {
	background: #f5f5f5c9;
}

.new_notif {
	position: fixed;
	bottom: 42px;
	right: 22px;
	z-index: 99999999;
	background: #ffffff;
	color: #6b6b6b;
	width: 280px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0px 0px 16px -7px #000;
}

.new_notif>a {
	color: inherit;
	display: flex;
	background: inherit;
	text-decoration: none;
}

.new_notif>a .h {
	width: 56px;
}

.new_notif>a .h span {
	display: block;
	width: 42px;
	height: 42px;
	border-radius: 100%;
	background-size: contain;
	background-position: center;
	margin: 0 auto;
	margin-top: 9px;
	position: relative;
}

.new_notif>a .h span i {
	color: #337ab7;
	position: absolute;
	right: -3px;
	bottom: 0;
}

.new_notif>a .b {
	flex: 1;
}

.new_notif>a .b h3 {
	font-size: 13px;
	font-weight: 600;
	color: #404040;
	margin: 0 0;
	padding: 12px 19px 3px 6px;
}

.new_notif>a .b p {
	margin: 0;
	padding: 4px 6px;
	margin-bottom: 10px;
	font-size: 12px;
}

.new_notif>i {
	display: flex !important;
	align-items: center;
	justify-content: center;
	color: #06618c;
	right: -6px;
	top: -7px;
	position: absolute;
	cursor: pointer;
	padding: 12px 12px;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>u {
	height: 32px;
	width: 32px;
	display: block;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: none !important;
	border-radius: 100%;
	border: 2px solid #fff;
	box-sizing: content-box;
	box-shadow: 0px 0px 12px -4px #000;
	left: 5px;
	top: 50%;
	margin-top: -18px;
}

.user_badge {
	color: #fff;
	display: flex;
	height: 32px;
	width: 32px;
	border-radius: 100%;
	justify-content: center;
	align-items: center;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 600;
	border: 2px solid #fff;
	box-sizing: border-box;
	box-shadow: 0px 0px 4px #000;
	cursor: default;
}

.nofeeditems {
	/* display: flex; */
}

.nofeeditems p {
	margin: 0;
	color: #9e9e9e;
}

.nofeeditems i {
	font-size: 22px;
	color: #ececec;
	display: block !important;
	line-height: inherit !important;
	font-size: 38px;
}

.clfd {
	/* display: flex; */
	/* flex-wrap: wrap; */
}

.show_client_btn_container {}

.show_client_btn_container button {}

.devis_hist {
	border: 1px solid #ccc;
	margin: 5px 0;
}

.devis_hist h3 {
	font-size: 12px;
	background: #f9f9f9;
	margin: 0 0;
	padding: 4px 6px;
}

.devis_hist i {
	color: #c5c5c5;
}

.devis_hist span {
	display: block;
	border-left: 3px solid #ccc;
	font-size: 12px;
	margin: 4px 4px;
	padding: 1px 4px;
}

.devis_hist a {
	text-decoration: none !important;
	text-transform: uppercase;
	color: #545454;
	font-weight: 600;
	border-bottom: 1px dotted #a2a2a2;
}

.devis_hist a:hover {}

#search_produit_view {}

.spv_inner {}

.spv_inner>.form-group {
	background: #f7f7f7;
	padding: 14px 12px;
}

.spv_inner>.form-group>label {
	display: block;
	text-align: center;
}

.spv_inner>.form-group>input {
	max-width: 300px;
	margin: 0 auto;
	margin-top: 3px;
}

.spv_results {
	/* max-width: 320px; */
	/* margin: 0 auto; */
	border-top: 4px solid #f7f7f7;
	padding-top: 10px;
}

.spv_results>p {
	text-align: center;
	font-size: 12px;
	color: #ccc;
}

.spv_results>div {
	position: relative;
	margin: 4px 0;
	padding: 3px 2px;
	border-bottom: 1px solid #fbfbfb;
	padding-left: 8px;
	border-left: 2px solid #a9a9a9;
	cursor: pointer;
}

.spv_results>div:hover {
	background: #f7f7f7;
	border-left-color: #06618c;
}

.spv_results>div h3 {
	font-size: 14px;
	font-weight: 600;
	margin: 0 0;
	padding: 4px 0;
	/* padding-left: 8px; */
	/* border-left: 2px solid #06618c; */
	padding-right: 48px;
}

.spv_results>div h5 {
	margin: 0;
	padding: 2px 2px 2px 10px;
	font-size: 12px;
	color: #929292;
}

.spv_results>div>div {
	display: flex;
}

.spv_results>div>div span {
	margin: 0;
	padding: 2px 0px;
	font-size: 12px;
	color: #929292;
	padding-right: 10px;
}

.spv_results>div>div span i {
	font-weight: 600 !important;
	font-size: 16px;
	margin-right: 7px;
	border-left: 1px solid #ccc;
	padding-left: 6px;
}

.spv_results>div>div span i.fa-angle-down {
	color: #a57474;
}

.spv_results>div>div span i.fa-angle-up {
	color: green;
	/* font-weight: 600 !important; */
	/* font-size: 16px; */
	/* margin-right: 4px; */
	/* border-left: 1px solid #ccc; */
}

.spv_results>div a {
	position: absolute !important;
	right: 9px;
	top: 9px;
}

.spv_results>div a:hover {}

.datatable_link {
	color: #1289c1;
	background: none !important;
	text-decoration: none !important;
	border-bottom: 1px dotted #1289c1;
	/* padding: 2px 4px; */
}

.datatable_link:hover {
	/* background: #1289c1 !important; */
	color: #006c9e;
	border-bottom-color: #757575;
}

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

ul.map_infobull>li {
	display: flex;
	margin-bottom: 2px;
}

ul.map_infobull>li>span {
	flex: 1;
}

.map_infobulltitle {
	font-size: 16px;
	margin: 0 0;
	/* background: #ccc; */
	display: block;
}

.map_client_info {
	position: relative;
	z-index: 99999;
	background: white;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.map_client_info h3 {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	padding: 3px 0;
	color: #656565;
	max-width: 272px;
}

.map_client_info h5 {
	margin: 0;
	font-size: 12px;
	color: #9a9a9a;
}

.map_client_info p {
	color: #30bfef;
	margin: 6px 0;
	font-size: 14px;
	padding: 7px 8px;
	background: #fdfdfd;
	border: 1px solid #ccc;
	text-align: center;
}

.map_client_info ul {
	margin: 6px 0;
	padding: 0 0;
	list-style: none;
}

.map_client_info ul>li {
	display: flex;
	line-height: 22px;
	margin-bottom: 3px;
}

.map_client_info ul>li i {
	width: 32px;
	color: #30bfef;
	line-height: inherit !important;
	border: 1px solid #9fe7ff;
}

.map_client_info ul>li span {
	flex: 1;
	line-height: inherit;
	margin-left: 5px;
	max-width: 272px;
	font-weight: 600;
}

.map_client_info>div {
	display: flex;
	justify-content: center;
}

.map_client_info>div button {
	padding: 4px 8px;
	background: #fff;
	border: 1px solid #30bfef;
	margin: 0 2px;
	margin-top: 9px;
}

.map_client_info>div button:hover {}

button.gm-ui-hover-effect[title="Close"] {
	background: #ffe6e6 !important;
	color: #fff !important;
	width: 24px !important;
	height: 24px !important;
	overflow: hidden;
	padding: 0px 6px !important;
	margin-top: -10px !important;
	margin-right: 6px !important;
	opacity: 1 !important;
	position: absolute !important;
}

button.gm-ui-hover-effect[title="Close"] img {
	margin: 0 !important;
}

.gm-style-iw {
	left: 9px !important;
	top: 4px !important;
	/* width: 100% !important; */
	/* height: 100% !important; */
	/* max-height: 401px !important; */
	/* max-width: 300px; */
}

.filter_map {
	position: fixed;
	bottom: 16px;
	left: 16px;
	z-index: 9;
	/* background: #fff; */
	/* box-shadow: 0px 0px 16px -3px #000; */
	border-radius: 2px;
}

.filter_map ul {
	margin: 0 0;
	padding: 0 0;
	list-style: none;
	overflow: hidden;
	background: #fff;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	box-shadow: 0px 0px 32px -2px #000;
}

.filter_map ul li {
	padding: 2px 6px;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
	/* padding-right: 12px; */
	cursor: pointer;
	display: flex;
	align-items: center;
	line-height: 32px;
}

.filter_map ul li:hover {
	background: #f1f1f1;
}

.filter_map ul li img {
	max-height: 32px;
}

.filter_map ul li.no {
	opacity: 0.2;
}

.filter_map ul li.no b {
	background: #fff;
	color: #ececec;
}

.filter_map ul li.no b i.fa-check {}

.filter_map ul li.no b i.fa-close {}

.filter_map ul li b {
	line-height: 19px;
	background: #30bfef;
	border: 1px solid #0e9bcb;
	color: #ffffff;
	/* margin: -4px -6px -4px 0; */
	font-size: 13px;
	padding: 0 6px;
	padding: 0 2px;
}

.filter_map ul li b i {}

.filter_map ul li b i.fa-check {}

.filter_map ul li b i.fa-close {
	display: none;
}

.filter_map ul li span {
	flex: 1;
	padding: 0 6px;
}

.filter_map>a {
	padding: 4px 15px;
	display: block;
	color: #797979;
	background: #fff;
	box-shadow: 0px 0px 16px -3px #000;
	display: inline-block;
	border-radius: 2px;
	text-decoration: none !important;
}

.me_route_info {
	display: none;
	width: 300px;
	height: auto;
	position: fixed;
	z-index: 9999;
	background: #ffffff;
	left: 50%;
	bottom: 16px;
	margin-left: -150px;
	border-radius: 3px;
	box-shadow: 0px 0px 18px -4px #000;
	padding-bottom: 12px;
}

.me_route_info p {
	margin: 0;
	padding: 7px 5px;
	background: #32c5d2;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 12px;
}

.me_route_info div {
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: center; */
}

.me_route_info div * {
	/* margin: 4px 6px; */
	/* line-height: 32px; */
	/* border: 1px solid #ccc; */
	/* padding: 0px 9px; */
	/* font-size: 18px; */
}

.me_route_info span {
	font-size: 18px;
	font-weight: 600;
	display: block;
	text-align: center;
}

.me_route_info b {
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	color: #949494;
}

.me_route_info button {
	margin: 0 auto;
	float: none;
	display: block;
	width: 120px;
	margin-top: 14px;
	background: #d7fcff;
	border: 1px solid #32c5d2;
}

.map_new_action {
	position: fixed;
	display: none;
	/* opacity: 0; */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: rgba(0, 0, 0, 0.31);
	/* display: flex; */
	align-items: center;
	justify-content: center;
}

.map_new_action>div {
	background: #fff;
	padding: 9px 14px;
	border-radius: 2px;
	box-shadow: 0px 0px 32px -10px #000;
	max-width: 600px;
	margin: 0 10px;
}

.map_new_action>div h3 {
	background: #00bfe3;
	margin: -9px -14px;
	padding: 6px 9px;
	margin-bottom: 17px;
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
}

.map_new_action>div .r {
	display: flex;
	flex-wrap: wrap;
	/* border-bottom: 1px solid #ccc; */
}

.map_new_action>div .c {
	flex: 1;
	margin: 4px 5px;
}

.map_new_action>div .infos {
	border-bottom: 1px solid #ccc;
	min-width: 300px;
	margin-bottom: 7px;
	padding-bottom: 6px;
	/* border-right: 1px solid #ccc; */
	padding-right: 6px;
}

.map_new_action>div .infos span {
	display: flex;
}

.map_new_action>div .infos span i {
	min-width: 61px;
	font-style: normal;
}

.map_new_action>div .infos span b {
	font-weight: normal;
	padding-left: 6px;
}

.map_new_action>div label {
	display: block;
	cursor: pointer;
	font-weight: 600;
	text-transform: uppercase;
}

.map_new_action>div input {
	padding: 5px 8px;
	font-size: 14px;
	font-weight: 600;
	width: 100%;
	min-width: 160px !important;
}

.map_new_action>div textarea {
	width: 100%;
	min-height: 100px;
	padding: 4px 8px;
}

.map_new_action>div select {
	padding: 6px 6px;
	width: 100%;
	min-width: 200px !important;
}

.map_new_action>div .btns {
	padding: 0 5px;
	margin-top: 9px;
	margin-bottom: 14px;
}

.map_new_action>div .btns>button {}

.mapactionsavebtn {
	float: right;
}

.mdtimepicker {
	z-index: 9999999999999999 !important;
}

b#mapaction_client {
	font-weight: 600;
}

.me_message {
	position: fixed;
	left: 50%;
	bottom: -120px;
	z-index: 99999999999;
	background: #fff;
	width: 320px;
	margin-left: -160px;
	border-radius: 3px;
	box-shadow: 0px 0px 32px -5px #000;
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #30bfef;
	overflow: hidden;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.me_message h3 {
	margin: 0 0;
	padding: 0 0;
	font-size: 15px;
	font-weight: 600;
	padding: 3px 0px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 8px;
	padding-right: 22px;
}

.me_message p {
	margin: 0 0;
	padding: 6px 4px;
	font-size: 14px;
}

.me_message div {
	/* flex: 1; */
}

.me_message div.icon {
	width: 50px;
	background: #30bfef;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
}

.me_message div.icon i {}

.me_message div.infos {
	flex: 1;
	padding: 6px 8px;
}

.me_message div.buttons {
	position: absolute;
	right: 0;
	top: 0;
}

.me_message div.buttons button {
	background: #30bfef;
	color: #fff;
	border: 1px solid #30bfef;
	margin-top: 0px;
}

.me_message.success {
	border-color: #1bbc9b;
}

.me_message.success div.buttons button {
	border-color: #1bbc9b;
	background: #1bbc9b;
}

.me_message.success div.icon {
	background: #1bbc9b;
}

.me_message.success h3 {}

.me_message.danger {
	border-color: #ff5454;
}

.me_message.danger div.buttons button {
	background: #ff5454;
	border-color: #ff5454;
}

.me_message.danger div.icon {
	background: #ff5454;
}

.me_message.danger h3 {}

.me_message.warning {
	border-color: orange;
}

.me_message.warning div.buttons button {
	background: orange;
	border-color: orange;
}

.me_message.warning div.icon {
	background: orange;
}

.me_message.warning h3 {}

.mape_zoom {
	position: fixed;
	z-index: 9;
	right: 12px;
	bottom: 22px;
	display: flex;
	flex-direction: column;
	display: none;
}

.mape_zoom span {
	text-align: center;
	margin-bottom: 8px;
	background: #fff;
	border-radius: 2px;
	padding: 5px 0;
	width: 38px;
	cursor: help;
	box-shadow: 0px 0px 16px -2px #000;
}

.mape_zoom span b {}

.mape_zoom button {
	background: rgba(255, 255, 255, 0.91);
	border: 1px solid #ccc;
	border: none;
	margin-bottom: 12px;
	font-size: 21px;
	color: #545454;
	border-radius: 3px;
	box-shadow: 0px 0px 6px -1px #000;
}

.mape_zoom button i {}

.mape_zoom button:hover {
	background: rgba(243, 243, 243, 0.79);
}

.mape_zoom button:hover i {}

.mape_zoom button.mypos {
	display: none;
	color: rgba(71, 209, 255, 0.82);
}

.mape_zoom button.mypos:hover {}

.lme_client_details {
	position: fixed;
	bottom: -400px;
	left: 50%;
	margin-left: -225px;
	width: 450px;
	z-index: 9;
	background: #fff;
	box-shadow: 0px 0px 42px -6px #000;
	border-radius: 3px 3px 0 0;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.cd_header {
	position: relative;
	overflow: hidden;
	background: #fff;
	padding: 10px 10px;
	border-bottom: 1px solid #aadaff;
}

.cd_header>div {
	background-size: cover;
	background-position: 50% 50%;
	position: absolute;
	left: -10%;
	top: -10%;
	width: 120%;
	height: 120%;
	filter: blur(4px);
	opacity: 0.2;
}

.cd_header h3 {
	margin: 0 0;
	position: relative;
	color: #525252;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 4px 0;
	padding-bottom: 9px;
}

.cd_header h5 {
	position: relative;
	margin: 0;
	padding: 0 0;
	font-size: 13px;
	color: #8c8c8c;
}

.cd_inner {
	padding: 10px 10px;
}

.cd_inner p {
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
	margin-bottom: 6px;
	/* font-size: 16px; */
	/* text-indent: 12px; */
	border-bottom: 1px solid #ccc;
	padding: 11px 20px;
	/* text-align: center; */
}

.cd_inner span {
	display: flex;
	line-height: 25px;
	border: 1px solid #e6e6e6;
	margin: 4px 4px;
}

.cd_inner span b {
	padding: 0 7px;
}

.cd_inner span i {
	line-height: inherit !important;
	width: 32px;
	text-align: center;
	background: #d2f4ff;
	border-right: 1px solid #e6e6e6;
}

.cd_actions {
	padding: 10px 12px;
	padding-bottom: 42px;
	display: flex;
	flex-wrap: wrap;
}

.cd_actions button {
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.cda_p {
	background: #30bfef;
	border: 1px solid #1ab3e6;
	color: #fff;
	padding: 5px 13px;
	margin-right: 6px;
	font-size: 16px;
}

.cda_p:hover {
	background: #0694c3;
}

.cda_n {
	background: #ffffff;
	border: 1px solid #30bfef;
	color: #565656;
	padding: 5px 13px;
	margin: 2px 5px;
	font-size: 16px;
}

.cda_n:hover {
	background: #f5f5f5;
	border-color: #e6e6e6;
}

@media (max-width: 790px) {
	.lme_client_details {
		width: 100%;
		margin-left: 0;
		left: 0;
	}

	.lme_client_details>button {
		position: absolute !important;
		bottom: 100% !important;
		top: unset !important;
		right: unset !important;
		z-index: 0 !important;
		left: 50%;
		width: 120px;
		margin-left: -60px;
		background: #fff !important;
		border: none !important;
		border-radius: 2px 2px 0 0;
		padding: 6px 0px !important;
		font-size: 15px;
		color: #929090;
		box-shadow: 0px 0px 16px -2px #000;
	}

	.lme_client_details>button i {
		line-height: inherit !important;
	}

	.lme_client_details>button i.fa-close {
		display: none;
	}

	.lme_client_details>button span {
		display: block !important;
	}

	.lme_client_details>button:hover {}

	.lme_client_details>button:hover i {}

	.lme_nearby_clients {
		width: 100% !important;
		left: 0 !important;
		margin-left: 0 !important;
	}
}

.cd_actions>div {
	flex: 1;
	justify-content: flex-end;
	display: flex;
	/* flex-wrap: wrap; */
}

.cdi_contact {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center; */
}

.lme_client_details>button {
	background: #f3f3f3;
	border: 1px solid #d6d6d6;
	/* top: -22px; */
	bottom: 96%;
	right: 7px;
	position: absolute;
	z-index: 9;
	padding: 5px 12px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	overflow: hidden;
	/* height: 1px; */
	/* bottom: 80%; */
}

.lme_client_details>button i {}

.lme_client_details>button i.fa-close {}

.lme_client_details>button span {
	display: none;
}

.lme_client_details.shown {
	bottom: 0 !important;
}

.lme_client_details.shown>button {
	/* bottom: 100%; */
}

.twins_modal {
	z-index: 999999999;
}

.mape_nearby_notif {
	position: fixed;
	z-index: 1;
	left: 16px;
	bottom: 120px;
	cursor: pointer;
	display: none;
}

.mape_nearby_notif b {
	position: absolute;
	right: -16px;
	top: -11px;
	background: #30bfef;
	border: 1px solid #30bfef;
	color: #fff;
	/* padding: 4px 6px; */
	font-size: 12px;
	line-height: 22px;
	width: 24px;
	text-align: center;
	border-radius: 100%;
}

.mape_nearby_notif span {
	display: block;
	background: rgba(255, 255, 255, 0.77);
	padding: 4px 8px;
	font-size: 12px;
	font-weight: 600;
	border-radius: 3px;
	box-shadow: 0px 0px 16px -3px #000;
}

.mape_route_notif {
	position: fixed;
	z-index: 1;
	left: 16px;
	bottom: 76px;
	cursor: pointer;
	/* display: none; */
}

.mape_route_notif span {
	display: block;
	background: rgba(255, 255, 255, 0.77);
	padding: 4px 8px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: 600;
	border-radius: 3px;
	box-shadow: 0px 0px 16px -3px #000;
}

.mape_route_notif b {
	position: absolute;
	right: -16px;
	top: -11px;
	background: #30bfef;
	border: 1px solid #30bfef;
	color: #fff;
	/* padding: 4px 6px; */
	font-size: 12px;
	line-height: 22px;
	width: 24px;
	text-align: center;
	border-radius: 100%;
}

.nearby_list {}

.lme_nearby_clients.shown {
	bottom: 0;
}

.lme_nearby_clients {
	position: fixed;
	z-index: 99;
	/* display: none; */
	bottom: -100%;
	left: 50%;
	width: 60%;
	margin-left: -30%;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.lme_nearby_clients>a {
	position: absolute;
	bottom: 100%;
	left: 50%;
	width: 120px;
	margin-left: -60px;
	text-align: center;
	padding: 5px 0px;
	color: #ccc;
	font-size: 15px;
	font-weight: 600;
	text-decoration: none;
	background: #fff;
}

.lme_nearby_clients>a:hover {}

.lme_nearby_clients>div {
	background: #fff;
	border-radius: 3px 3px 0 0;
}

.lme_nearby_clients>div>h3 {
	margin: 0;
	font-size: 17px;
	padding: 8px 0;
	border-bottom: 1px solid #f5f5f5;
	color: #ccc;
	padding-left: 17px;
}

.lmenbc_list {
	padding: 12px 0;
	padding-bottom: 16px;
}

.lmenbc_list a {
	display: flex;
	text-decoration: none !important;
	color: #585858;
	flex-wrap: wrap;
	border-bottom: 1px solid #ccc;
	margin-bottom: 6px;
}

.lmenbc_list a:hover {
	background: #f5f5f5;
}

.lmenbc_list a img {
	width: 64px;
	height: 64px;
	padding: 17px;
}

.lmenbc_list a span {
	flex: 1;
	padding: 6px;
}

.lmenbc_list a span label {
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	cursor: inherit;
	margin-bottom: 0;
	color: #0297ca;
}

.lmenbc_list a span label b {
	background: #30bfef;
	color: #fff;
	padding: 2px 5px;
	border-radius: 2px;
	box-shadow: 2px 2px 6px -2px #b3b3b3;
}

.lmenbc_list a span u {
	text-decoration: none !important;
	color: #b7b7b7;
	display: block;
	margin-bottom: 6px;
}

.lmenbc_list a span u i {}

.lmenbc_list a span b {}

.page-sidebar .page-sidebar-menu>li>a b {
	background: #048ccc;
	color: #fff;
	padding: 1px 3px;
	border-radius: 2px;
}

.forpv_search {}

.forpv_search div {
	width: 320px;
	border: 1px solid #ccc;
	padding: 0 0;
	margin: 0 auto;
	display: flex;
	line-height: 30px;
}

.forpv_search div input {
	border: none;
	outline: none;
	flex: 1;
	padding: 1px 14px;
}

.forpv_search div i {
	line-height: inherit !important;
	padding: 0 9px;
}

.forpv_search div i.fa-close {
	cursor: pointer;
}

.forpv_search div i.fa-close:hover {
	background: #f7f7f7;
}

.mape_route_notif:hover span {
	background: #ffffff;
}

.mape_nearby_notif:hover span {
	background: #fff;
}

.crm_currency_symbol {
	padding-left: 2px;
	cursor: help;
}

.ndashboard {
	position: relative;
	padding-top: 22px;
	margin: 0 -6px;
	padding-bottom: 96px;
}

.nd_tools {
	position: absolute;
	left: -10px;
	top: -34px;
	width: calc(100% + 20px);
	background: #f9f9f9;
	display: flex;
	align-items: center;
	padding: 0 16px;
}

.nd_tools>h3 {
	flex: 1;
	font-size: 18px;
	padding: 4px 0;
}

.nd_tools>div {}

.nd_tools>div button {}

.nd_panel {
	background: #fff;
	min-height: 160px;
	border-radius: 2px;
	box-shadow: 2px 2px 6px -3px #000;
	margin: 12px 6px;
}

.nd_panel>h4 {
	margin: 0;
	padding: 11px 12px;
	font-size: 17px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: 100;
	color: #636363;
	border-bottom: 1px solid #f5f5f5;
}

.ndp_body {
	padding: 12px;
}

.ca_chart_view {
	display: flex;
	flex-wrap: wrap;
	background: #06618c;
	border-radius: 3px;
	overflow: hidden;
}

.ccv_left {
	min-width: 176px;
	min-height: 176px;
	color: #e2ebef;
	padding-top: 26px;
	flex: 1;
	position: relative;
	background-image: linear-gradient(135deg, #045073, #06618c);
	z-index: 99;
}

.ccv_left>b {
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: 100;
}

.ccv_left>label {
	text-align: center;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	opacity: 0.8;
}

.ccv_left>ul {
	position: absolute;
	bottom: 14px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	padding: 0 11px;
	font-size: 12px;
	/* opacity: .8; */
	/* display: flex; */
}

.ccv_left>ul li {
	display: flex;
	flex-wrap: wrap;
	padding: 2px 0px;
	max-width: 200px;
	margin: 0 auto;
}

.ccv_left>ul li b {
	font-weight: 100;
	flex: 1;
}

.ccv_left>ul li span {
	width: 68px;
	/* text-align: right; */
}

.ccv_left>ul li b.a {
	color: #ffffdc;
}

.ccv_left>ul li b.l {
	color: #fff8c5;
}

.ccv_left>ul li b.c {
	color: #d3ffd3;
}

.ccv_right {
	height: 260px;
	min-width: 260px;
	flex: 2;
	background: #1096d6;
	background-image: linear-gradient(135deg, #279fd8, #0371a5);
}

.ndp_c_charts {
	display: flex;
	flex-wrap: wrap;
}

.ndp_c_charts>div {
	flex: 1;
}

div#weeklychart {
	height: 100%;
	margin-left: -59px;
	margin-right: -15px;
	margin-top: 14px;
}

div#weekvisites {
	min-height: 30rem;
	height: 100%;
}

div#barChart {
	height: 100%;
	min-height: 32rem;
}

.ndp_cards {
	display: flex;
	flex-wrap: wrap;
	margin: -9px 0;
}

.ndp_cards>div {
	flex: 1;
	min-width: 200px;
	background: #ffffff;
	box-shadow: 0px 0px 6px -2px #000;
	margin: 10px 10px;
	border-radius: 2px;
	border: 1px solid #ccc;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.ndp_cards>div>b {
	display: block;
	text-align: center;
	/* margin-top: 10px; */
	font-size: 32px;
	font-weight: normal;
	min-width: 120px;
	min-height: 58%;
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 87px;
}

.ndp_cards>div label {
	/* min-width: 120px; */
	flex: 1;
	text-align: center;
	font-size: 12px;
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	/* padding-bottom: 9px; */
	position: relative;
	white-space: nowrap;
	padding: 0 8px;
	padding-bottom: 10px;
	color: #484848;
	opacity: 0.5;
}

.ndp_cards>div span {
	position: absolute;
	right: 10px;
	top: 36%;
	text-align: center;
}

.ndp_cards>div span i {
	display: block !important;
}

.ndp_cards>div span b {}

.ndp_cards>div.a {
	background-image: linear-gradient(-7deg, #055980, #1189c1);
	box-shadow: 2px 2px 2px 0px #dcf4ff;
	border-color: #106790;
}

.ndp_cards>div.a>b {
	color: #73c0e4;
}

.ndp_cards>div.a label {
	color: #8fcdea;
}

.ndp_cards>div.a span i {
	color: #17d241;
}

.ndp_cards>div.a span b {
	color: #effaff;
}

.ndp_cards>div.b {
	background-image: linear-gradient(-70deg, #4edaa0, #3ec58d);
	box-shadow: 2px 2px 2px 0px #c0ecda;
	border-color: #c8ffe8;
}

.ndp_cards>div.b>b {
	color: #01693e;
}

.ndp_cards>div.b label {
	/* color: #484848; */
	/* opacity: .3; */
}

.ndp_cards>div.b span i {
	color: #17d241;
}

.ndp_cards>div.b span b {
	color: #99ffd4;
}

.ndp_cards>div.c {
	background-image: linear-gradient(-7deg, #ffc55a, #ffbf49);
	box-shadow: 2px 2px 2px 0px #fff5e2;
	border-color: #ffc559;
}

.ndp_cards>div.c>b {
	color: #7d5100;
}

.ndp_cards>div.c label {
	/* color: #3486ad; */
}

.ndp_cards>div.c span i {
	color: #17d241;
}

.ndp_cards>div.c span b {
	color: #fff2db;
}

.ndp_cards>div.d {
	background-image: linear-gradient(-7deg, #424242, #7b7b7b);
	box-shadow: 2px 2px 2px 0px #dedede;
	border-color: #656565;
}

.ndp_cards>div.d>b {
	color: #bbbbbb;
}

.ndp_cards>div.d label {
	color: #c7c7c7;
}

.ndp_cards>div.d span i {
	color: #17d241;
}

.ndp_cards>div.d span b {
	color: #080808;
}

.rowc {
	margin: 0 0 !important;
}

.colc {
	padding: 0 0 !important;
}

.hyp_table {
	width: 100%;
}

.hyp_table thead {}

.hyp_table thead tr {}

.hyp_table thead tr th {
	padding: 6px 2px;
	/* border-bottom: 1px solid #ccc; */
	background: #f7f7f7;
}

.hyp_table thead tr th:hover {}

.hyp_table thead tr:hover {}

.hyp_table thead tr:hover th {}

.hyp_table tbody {}

.hyp_table tbody tr {}

.hyp_table tbody tr:hover {}

.hyp_table tbody tr:hover td {}

.hyp_table tbody tr td {
	padding: 6px 2px;
	border-bottom: 1px solid #f5f5f5;
}

.hyp_table tbody tr td:hover {}

.ndp_actions {
	position: absolute;
	right: 0;
	top: 0;
}

.ndp_actions a {}

.ndp_actions a:hover {}

.ndp_actions button {}

.ndp_actions button:hover {}

.pdp_title {
	display: flex;
	border-bottom: 1px solid #f5f5f5;
}

.pdp_title>div {
	display: flex;
	align-items: center;
	padding: 0px 7px;
}

.pdp_title>div button {}

.pdp_title>div a {}

.pdp_title h4 {
	margin: 0;
	padding: 11px 12px;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 100;
	color: #636363;
	/* border-bottom: 1px solid #f5f5f5; */
	flex: 1;
}

.nd_list_notif {}

.ndln_inner {}

.ndln_inner>div {
	margin: 4px 0;
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 12px;
	padding: 0 3px;
}

.ndln_inner>div>.h {
	display: flex;
	align-items: center;
}

.ndln_inner>div>.h .d {
	color: #989898;
	font-size: 12px;
	padding-top: 3px;
	display: block;
}

.ndln_inner>div>.h .t {
	font-size: 12px;
	text-transform: uppercase;
}

.ndln_inner>div>.h .uh {
	display: flex;
	flex: 1;
}

.ndln_inner>div>.h .uh>span {
	margin-right: 10px;
}

.ndln_inner>div>.h .uh a {
	line-height: 15px !important;
	text-decoration: none !important;
}

.ndln_inner>div>.h .uh a b {
	display: block;
}

.ndln_inner>div>.h .uh a:hover {}

.ndln_inner>div>.h span {}

.ndln_inner>div>.t {
	padding-top: 10px;
	color: #2f2f2f;
}

.ndln_inner>div>.t p {
	margin: 0;
	padding: 10px 6px;
	padding-top: 3px;
	color: #ccc;
}

.ndln_inner>div>.t h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 600;
	padding-left: 6px;
	padding-top: 2px;
	font-weight: normal;
}

.prospection_chart {
	min-height: 300px;
	/* margin-left: -60px; */
}

.prospection_chart_toggle {}

.prospection_chart_toggle>div {
	width: 220px;
	margin: 0 auto;
	/* background: #ccc; */
	border: 1px solid #89c8e6;
	border-radius: 2px;
	display: flex;
}

.prospection_chart_toggle>div span {
	flex: 1;
	text-align: center;
	padding: 4px 2px;
	cursor: pointer;
}

.prospection_chart_toggle>div span i {}

.prospection_chart_toggle>div span.active {
	background: #d7f2ff;
	cursor: text;
}

.prospection_chart_toggle>div span.active i {}

.prospection_chart_line {
	min-height: 300px;
}

.ndp_all_prospects {
	text-align: center;
	padding-top: 12px !important;
}

.ndp_all_prospects>a {}

.btn {
	-webkit-transition: all 0.4s !important;
	-moz-transition: all 0.4s !important;
	-ms-transition: all 0.4s !important;
	-o-transition: all 0.4s !important;
	transition: all 0.4s !important;
}

.nd_nearbyclients_list {
	/* height: 200px; */
}

.nd_nearclient {
	display: flex;
	/* flex-wrap: wrap; */
	position: relative;
	margin: 4px 0;
	margin-bottom: 12px;
	/* padding-bottom: 6px; */
	border-bottom: 1px solid #003f5d;
	margin-left: 3%;
	cursor: default;
	background: #06618c;
}

.nd_nearclient>.p {
	width: 32px;
	width: 32px;
	min-width: 32px;
}

.nd_nearclient>.p img {
	max-width: 100%;
	max-height: 100%;
}

.nd_nearclient>.d {
	padding-left: 8px;
}

.nd_nearclient>.d a {
	display: block;
	font-weight: 600;
	font-size: 14px;
	background: none !important;
	color: #fff;
}

.nd_nearclient>.d a:hover {}

.nd_nearclient>.d b {
	font-weight: normal;
	font-size: 13px;
	color: #94cce6;
	margin-top: -4px;
	display: block;
}

.nd_nearclient>.d p {
	margin: 0;
	/* padding: 4px 0; */
	color: #cadce4;
	font-size: 12px;
	/* white-space: pre-wrap; */
}

.nd_nearclient>.t {
	position: absolute;
	right: 0;
	top: 0;
}

.nd_nearclient>.t span {
	background: #003852;
	color: #fff;
	padding: 2px 6px;
	border-radius: 2px;
	font-size: 12px;
}

.ndp_sav {
	display: flex;
	flex-wrap: wrap;
}

.ndp_sav>div {
	/* width: 100%; */
}

.nd_stat_charts {
	/* max-width: 600px; */
	min-width: 260px;
	min-height: 300px;
	/* flex: 1; */
	display: flex;
	margin-right: 16px;
	margin-bottom: 24px;
}

.nd_tickets_list {
	flex: 2;
	min-width: 400px;
	overflow-x: hidden;
	width: auto;
	height: 280px;
}

.nd_tickets_list::-webkit-scrollbar {
	background: #fff;
    width: 5px;
	border-radius: 10px;
}

/* Track */
.nd_tickets_list::-webkit-scrollbar-track {
	background: #fff;
}

/* Handle */
.nd_tickets_list::-webkit-scrollbar-thumb {
	background: #9FA8DA; 
}

/* Handle on hover */
.nd_tickets_list::-webkit-scrollbar-thumb:hover {
	background: #9FA8DA;
}

.ndp_cards>div span i.fa-angle-down {
	color: red;
}

.nd_stat_card {
	width: 100%;
	background-color: #6d6d6d;
	background-image: linear-gradient(120deg, #e0e0e0, #868686);
	display: flex;
	flex-direction: column;
	padding-top: 16px;
	position: relative;
	overflow: hidden;
	box-shadow: 6px 6px 7px -5px #b1b1b1;
	border: 1px solid #c3c3c3;
	flex: 1;
	max-height: 320px;
}

.nd_stat_card>i {
	position: absolute;
	font-size: 80px;
	top: -10px;
	right: -6px;
	line-height: 80px;
	opacity: 0.3;
	transform: rotate(20deg);
	color: #898989;
}

.nd_stat_card>b {
	display: block;
	text-align: center;
	font-size: 48px;
	/* text-shadow: 1px 1px 1px #3e3e3e; */
	font-weight: normal;
	color: #fff;
	position: relative;
}

.nd_stat_card>label {
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	flex: 1;
	position: relative;
}

.nd_stat_card>ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

.nd_stat_card>ul li {
	/* display: flex; */
	/* max-width: 120px; */
	/* margin: 0 auto; */
	display: flex;
	flex-wrap: wrap;
	padding: 2px 0px;
	max-width: 200px;
	margin: 0 auto;
	align-items: center;
	color: #efefef;
}

.nd_stat_card>ul li.c b {
	color: #b4ffb4;
	/* border-right: 1px solid #ccc; */
}

.nd_stat_card>ul li.l b {
	color: #ffffb0;
}

.nd_stat_card>ul li.a b {
	color: #fff2cc;
}

.nd_stat_card>ul li b {
	flex: 1;
	/* font-weight: normal; */
	text-align: center;
}

.nd_stat_card>ul li b.c {
	/* flex: 1; */
}

.nd_stat_card>ul li b.l {}

.nd_stat_card>ul li b.a {}

.nd_stat_card>ul li u {
	flex: 0.5;
	text-align: right;
	text-decoration: none;
	font-size: 90%;
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: center; */
	line-height: 12px;
}

.nd_stat_card>ul li span {
	flex: 1;
}

.nd_sav_card {
	background-color: #6ec5ef;
	background-image: linear-gradient(120deg, #6ec5ef, #3a7b9a);
	border-color: #4f98bb;
	box-shadow: 6px 6px 7px -5px #66bde6;
}

.nd_sav_card>ul li {
	color: #8eceec;
}

.nd_sav_card>i {
	color: #3b7c9b;
}

.nd_pos_card {
	background-color: #6ec5ef;
	background-image: linear-gradient(120deg, #4effdb, #1bbc9b);
	border-color: #1bbc9b;
	box-shadow: 6px 6px 7px -5px #1bbc9b;
}

.nd_pos_card>ul li {
	color: #d8fff7;
}

.nd_pos_card>i {
	color: #1dbe9d;
	top: 28px;
}

.nd_stat_chart {
	flex: 2;
}

.ndp_sav>div>h3 {
	margin: 0;
	font-size: 17px;
	color: #ccc;
	padding: 6px 0;
}

.ndp_sav>div>h3 {
	margin: 0;
	font-size: 15px;
	color: #a7a7a7;
	padding: 6px 0;
	text-align: center;
	margin-bottom: 10px;
}

.nd_nearclients_list {
	min-width: 310px;
	flex: 1;
	/* border-left: 1px solid #efefef; */
	/* padding-left: 6px; */
	background: #06618c;
	margin-left: 14px;
	max-height: 300px;
}

.nd_visitedclients_list {}

.nd_vclient {
	display: flex;
	margin: 7px 0;
	/* background: #21b4c1; */
	margin: 6px 0;
	margin-left: 3%;
	/* border-top: 1px solid #1ca1ad; */
	border-bottom: 1px solid #1ca1ad;
}

.nd_vclient>span {
	width: 32px;
	display: block;
}

.nd_vclient span img {
	max-width: 100%;
	max-height: 100%;
}

.nd_vclient a {
	flex: 1;
	text-decoration: none;
	padding-left: 9px;
	background: none !important;
	color: #fff !important;
}

.nd_vclient a span {
	display: block;
	font-weight: 600;
}

.nd_vclient a b {
	font-weight: normal;
	font-size: 80%;
	color: #005258;
}

.nd_vclient a:hover {}

.nd_vclient a:hover span {}

.nd_vclient a:hover b {}

.nd_vclients_list {
	flex: 1;
	background: #32c5d2;
	max-height: 300px;
	min-width: 300px;
	overflow: hidden;
}

.nd_vclients_list>h3 {
	color: #d9fcff !important;
	background: #1ca1ad;
	padding: 11px 0 !important;
}

.nd_vclient:hover {
	background: #23abb7;
}

.nd_nearclients_list>h3 {
	background: #003f5d;
	color: #cfedfb !important;
	padding: 11px 0 !important;
}

.nd_nearclient:hover {
	background: #054d6f;
}

.nd_nodata {
	text-align: center;
	margin-top: 16px;
	margin-bottom: 22px;
}

.nd_nodata span {
	font-size: 44px;
	color: #ccc;
}

.nd_nodata span i {}

.nd_nodata a {}

.nd_nodata p {
	margin: 0;
	font-size: 13px;
	color: #5d5d5d;
	margin-bottom: 22px;
	padding: 0 12px;
}

.nd_visitedclients_list .nd_nodata span {
	color: #1ca1ad;
	font-size: 26px;
}

.nd_visitedclients_list .nd_nodata p {
	color: #a5eaf1;
}

.nd_nearbyclients_list .nd_nodata span {
	color: #003f5d;
	font-size: 26px;
}

.nd_nearbyclients_list .nd_nodata p {
	color: #59a5ca;
}

.dddevices {
	margin: 0;
	padding: 0 0;
	margin-top: 7px;
	list-style: none;
	background: #efefef;
	margin-top: -2px;
	padding-top: 6px;
	padding-bottom: 6px;
}

.dddevices li {
	padding: 4px 8px;
	cursor: pointer;
}

.dddevices li:hover {
	background: #e2e2e2;
}

.nd_filter_holder {
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	width: 30%;
	min-width: 320px;
	z-index: 999;
	background: #fff;
	padding-top: 70px;
	box-shadow: 0px 0px 32px -4px #000;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.nd_filter_holder.notshown {
	right: -44%;
}

.nd_filter_holder>h3 {
	padding: 10px 0;
	margin: 0 0;
	text-align: center;
	font-size: 17px;
	text-transform: uppercase;
	background: #e8e8e8;
}

.nd_filter_holder>a {
	position: absolute;
	left: -32px;
	top: 120px;
	width: 32px;
	height: 64px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: -9px 0px 16px -6px #000;
	text-decoration: none;
}

.nd_filter_holder>a:hover {}

.nd_filter_holder>a i {}

.nd_filter_holder>a:hover i {}

.nd_filter {}

.nd_panel>h4 i {
	font-size: 72%;
	font-style: normal;
	padding-left: 12px;
	line-height: inherit;
}

.nd_filter_items {
	padding: 0 24px;
}

.nd_filter_items>div {}

.nd_filter_items>div h5 {
	margin: 0;
	margin-top: 12px;
	color: #797979;
	border-left: 1px solid #ccc;
	padding-left: 3px;
}

.nd_filter_items>div>div {
	padding-left: 6px;
	border-left: 1px solid #ccc;
	padding-top: 9px;
}

.nd_filter_items>div>div label {
	cursor: pointer;
	font-size: 13px;
	padding: 1px 0px;
	display: block;
}

.nd_filter_items>div>div input {}

.nwra {
	white-space: nowrap;
}

.nd_filter_submit {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #ccc;
}

.uph_title h6 {
	color: #fff;
	margin: 0 0;
	padding: 0 0;
	font-size: 11px;
	background: rgba(255, 255, 255, 0.34);
	float: left;
	padding: 2px 5px;
	border-radius: 3px;
	margin-top: 6px;
}

.uph_title h6 b {
	font-weight: normal;
}

.team_stats {}

.team_stats_list {
	display: flex;
	/* overflow: hidden; */
}

.team_stats_item {
	min-width: 216px;
	margin: 6px 6px;
	border: 1px solid #b6cdd8;
	/* padding: 2px 10px; */
	margin-top: 23px;
}

.tsi_head {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 6px;
	margin-bottom: 7px;
	margin: 17px 15px;
	margin-top: -16px;
}

.tsi_head>div {
	/* border-radius: 0 !important; */
	/* transform: rotate(45deg); */
}

.tsi_head>span {
	display: block;
	text-align: center;
	font-size: 14px;
	/* font-weight: 600; */
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 10px;
}

.user_avatar {
	height: 64px;
	width: 64px;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: #fff;
	border: 3px solid #fff;
	box-shadow: 0px 0px 6px -2px #000;
	margin: 0px auto;
	cursor: default;
}

.tsi_ca {
	text-align: center;
}

.tsi_ca>b {
	font-size: 18px;
	color: #06618c;
}

.tsi_other_stats {
	display: flex;
	background: #b6cdd8;
	padding: 7px 0;
	margin-top: 10px;
}

.tsi_other_stats>span {
	text-align: center;
	border-right: 1px solid #8cacbb;
	padding: 0 9px;
	flex: 1;
}

.tsi_other_stats>span:last-child {
	border: none !important;
}

.tsi_other_stats>span small {
	display: block;
	white-space: nowrap;
	font-size: 11px;
	color: #597d8e;
	text-transform: uppercase;
}

.tsi_other_stats>span b {
	display: block;
}

.team_stats_list_holder {
	overflow: hidden;
	position: relative;
}

div#isolab_view {
	/* overflow-x: hidden; */
}

.uinfo_lastseen {
	color: #ccc;
}

#monthly_report_view {
	min-height: 100vh;
	background: #f3f3f3 !important;
	margin-bottom: 64px;
	margin-top: 76px;
}

.mrv_header {
	background: #ffffff;
	box-shadow: 0px 16px 29px -20px #000;
	display: flex;
	flex-wrap: wrap;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}

.mrv_commercial {
	display: flex;
	margin: 6px 10px;
	flex: 2;
	/* justify-content: center; */
	padding-left: 16px;
	position: relative;
}

.mrvc_image {
	padding-right: 11px;
}

.mrvc_image img {
	max-height: 42px;
}

.mrvc_dets {
	min-width: 200px;
}

.mrvc_dets h3 {
	margin: 0 0;
	font-size: 18px;
	font-weight: 600;
}

.mrvc_dets h5 {
	margin: 4px 0 0px 0;
}

.mrv_title {
	padding-top: 7px;
	background: #00ade9;
	color: #fff;
	padding: 0 24px;
	padding-top: 7px;
	/* margin-bottom: 8px; */
}

.mrv_title h3 {
	margin: 0 0;
	font-size: 18px;
	font-weight: 600;
}

.mrv_title h5 b {
	text-transform: uppercase;
	color: #e7f1f5;
	border-top: 1px solid rgba(255, 255, 255, 0.39);
	margin-top: 1px;
	display: inline-block;
	padding-top: 4px;
	margin-bottom: 7px;
}

.mrv_title h5 {
	margin: 4px 0 0px 0;
	text-align: center;
}

.mrv_tools {
	display: flex;
	justify-content: center;
	flex: 1;
	text-align: center;
	align-items: center;
	margin: 10px 0;
	padding-right: 12px;
	position: relative;
}

.mrv_tools button {
	margin: 0 8px;
}

.mrv_tools button.green {}

@media (max-width: 770px) {
	.mrv_title {
		width: 100%;
		text-align: center;
		padding-bottom: 10px !important;
		margin-bottom: 12px;
	}
}

@media print {
	.mrv_commercial {
		width: 100% !important;
		flex: 1 !important;
		/* text-align: center; */
		justify-content: center;
	}

	.print_details {
		display: block !important;
	}

	.mrvc_action,
	.mrv_commercial,
	.mrv_tools,
	.mrv_print_btn {
		display: none !important;
	}

	.mrv_header {
		display: none;
	}

	.mrv_cards>div {
		border: 1px solid #0ba585;
	}

	.mrv_cards>div label {
		background: #fff !important;
		color: #06735c !important;
		border-bottom: 1px solid #0ba585;
	}

	.mrv_day>label {
		padding: 24px 4px !important;
		text-align: center !important;
	}

	.mrv_day>label span {
		float: none !important;
		display: block !important;
	}
}

#monthly_report_view input#month {
	opacity: 0;
	width: 1px;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: -30px;
}

#monthly_report_view.loading * {}

#monthly_report_view.loading button,
#monthly_report_view.loading a {
	opacity: 0.8;
	pointer-events: none;
}

#monthly_report_view.loading .mrv_print_btn {
	display: none;
}

.mrvc_action {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.91);
	/* text-align: center; */
	padding-top: 4px;
}

.mrv_commercial:hover .mrvc_action {
	opacity: 1;
}

.mrv_change_user {
	position: fixed;
	z-index: 99;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0, 0, 0, 0.69);
	display: none;
}

.mrv_change_user>div {
	max-width: 320px;
	margin: 0 auto;
	margin-top: 76px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 16px;
}

.mrv_change_user>div label {
	display: block;
}

.mrv_change_user>div select {}

.mrv_change_user>div>a {
	position: absolute;
	right: 26px;
	top: 12px;
	font-size: 32px;
	color: #fff;
	padding: 9px;
}

.mrv_change_user>div a:hover {
	/* background: #ffbcbc; */
}

.mrv_change_user>div>button {
	margin-top: 26px;
}

.mrv_days {
	margin: 32px 0;
	padding: 4px 16px;
}

.mrv_day {
	position: relative;
	border-bottom: 2px solid #ccc;
	padding-bottom: 40px;
	margin-bottom: 40px;
	page-break-before: always;
}

.mrv_day>label span {
	color: #8a8a8a;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 12px;
	/* display: block; */
	float: right;
}

.mrv_day>label {
	display: block;
	background: #fbfbfb;
	padding: 10px 6px;
	border-left: 4px solid #00ade9;
	font-weight: 600;
	font-size: 14px;
}

.mrvd_inner {}

.mrvd_action {}

.mrvd_action label {}

.mrdva_title {}

.mrdva_title span {}

.mrdva_title h3 {
	margin: 0 0;
}

.mrdva_body {}

.mrv_note {
	/* width: 160px; */
	display: block;
	max-width: 160px;
}

.mrv_day table {
	background: #fff;
	width: 100%;
}

.mrv_day table .thead {
	border-bottom: 0;
}

.mrv_day table .thead tr {}

.mrv_day table .thead tr th {
	padding: 4px 8px;
	border-bottom: 4px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
	padding-top: 18px;
}

.mrv_day table .thead tr th:last-child {}

.mrv_day table .thead tr th:first-child {
	border-left: 4px solid #ccc;
}

.mrv_day table tbody {
	background: #fff;
	border-bottom: 18px solid #f3f3f3;
}

.mrv_day table tbody.jn {
	border-bottom: 6px solid #f3f3f3;
}

.mrv_day table tbody tr {}

.mrv_day table tbody tr:first-child {}

.mrv_day table tbody tr:last-child {}

.mrv_day table tbody tr td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 4px 6px;
}

.mrv_day table tbody tr td:last-child {}

.mrv_day table tbody tr td:first-child {
	text-align: center;
	border-left: 4px solid #0ba585;
	font-weight: 600;
}

.mrv_day table tbody tr.ph td:first-child {
	border-left: 4px solid #65ffdf;
}

.mrv_day table tbody tr td.nd {
	padding: 21px 0;
	border-left-color: #d2d2d2 !important;
}

.mrv_day table tbody tr td.nd span {
	font-weight: 400;
	color: #8a8a8a;
	display: block;
	margin-top: 9px;
}

.fxtd {
	border-left-color: #fff !important;
	font-weight: 100 !important;
}

.mrv_day table .c {
	text-align: center;
}

.mrv_day table .n {
	text-align: right;
}

.mrv_day table .b {
	font-weight: 600;
}

.mrv_day table .s {}

.mrv_print_btn {
	position: fixed;
	z-index: 9999;
	right: 26px;
	bottom: 30px;
	background: #00ade9;
	color: #fff;
	height: 62px;
	width: 62px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	border: 1px solid #00ade9;
	cursor: pointer;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.35),
		0px 11px 32px -10px rgba(0, 0, 0, 0.68);
}

.mrv_print_btn a {
	color: #fff;
	font-size: 23px;
}

.mrv_print_btn a:hover {}

.print_details h3 span {
	display: block;
	font-weight: 600;
	font-size: 18px;
	margin-top: 6px;
}

.print_details h3 {
	margin: 0 0;
	font-size: 14px;
	font-weight: 400;
}

.print_details {
	width: 100%;
	text-align: center;
	/* border-top: 1px solid #ccc; */
	padding-top: 16px;
	padding-bottom: 12px;
	display: none;
}

.mrv_cards {
	display: flex;
	flex-wrap: wrap;
}

.mrv_cards>div {
	background: #fff;
	flex: 1;
	margin: 0 4px;
	text-align: center;
	/* display: flex; */
	/* flex-direction: column; */
	box-shadow: 0px 12px 47px -20px #a2a2a2;
	/* border: 1px solid #0ba585; */
}

.mrv_cards>div label {
	display: block;
	background: #0ba585;
	color: #fff;
	padding: 4px 0px;
	font-weight: 600;
}

.mrv_cards>div span {
	padding: 16px;
	display: block;
	font-weight: 600;
	font-size: 18px;
}

.mrv_cards>div span::after {
	content: "/jour";
	font-size: 60%;
	font-weight: 400;
	color: #6b6a6a;
	margin-left: 2px;
}

.mrv_cards_title {}

.mrv_cards_title h3 {
	display: block;
	/* background: #fbfbfb; */
	padding: 9px 6px;
	border-top: 1px solid #ffffff;
	font-weight: 600;
	font-size: 14px;
}

.mrv_nodata {
	background: #fff;
	padding: 32px;
	text-align: center;
	margin-top: 26px;
}

.mrv_nodata i {
	display: block !important;
	text-align: center;
	font-size: 34px;
	line-height: 64px !important;
	color: #f3f3f3;
}

.mrv_nodata span {
	display: block;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 17px;
	color: #868686;
}

.mrv_nodata small {
	color: #b7b7b7;
	font-size: 14px;
}

.loading .mrv_days {
	background: #fff;
	min-height: 400px;
	position: relative;
}

.loading .mrv_days * {
	opacity: 0;
}

.loading .mrv_days::after {
	content: "";
	background: #f3f3f3;
	position: absolute;
	left: 12px;
	top: 43px;
	width: 80%;
	height: 6px;
	box-shadow: 0px 16px rgba(243, 243, 243, 0.51),
		0px 32px rgba(243, 243, 243, 0.51), 0px 48px rgba(243, 243, 243, 0.3);
	border-radius: 3px;
}

.loading .mrv_days::before {
	content: "";
	background: #ccc;
	position: absolute;
	left: 12px;
	top: 24px;
	width: 45%;
	height: 6px;
	border-radius: 3px;
}

.mrv_loading_data {
	position: fixed;
	z-index: 999;
	background: rgba(0, 0, 0, 0.08);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
	align-items: center;
	justify-content: center;
}

.mrvl_number {
	font-size: 36px;
	font-weight: 600;
	color: #1bbc9b;
	margin-top: 22px;
	display: none;
}

.mrvl_progress {
	width: 240px;
	height: 6px;
	margin: 22px 4px;
	background: #e6fffa;
	display: none;
}

.mrvlp_in {
	height: 100%;
	background: #1bbc9b;
	border-radius: 0 6px 6px 0;
}

.mrv_txt {
	font-size: 11px;
	color: #a9a9a9;
	max-width: 262px;
	margin: 0 auto;
}

.mrv_txt b {
	display: block;
	font-size: 125%;
	color: #8e8e8e;
}

.mrv_loading_body {
	background: rgb(255, 255, 255);
	padding: 20px;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0px 18px 32px -16px #000;
}

.mrv_action a {
	pointer-events: auto !important;
	opacity: 1 !important;
}

.mrv_action {
	margin-top: 24px;
	margin-bottom: 18px;
}

/* Author: BENSASSI
*** ADD  STYLES TAB  *** */
/* Style the tab */
.twCattab {
	overflow: hidden;
	background-color: #fff;
}

.twCattab div {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
	border: 3px solid #e2e2e2;
	color: #74777b;
	font-size: 14px;
}

.twCattab div:hover {
	background-color: #ddd;
}

.twCattab div.active {
	background-color: #1976d2;
	color: #fff;
}

.twCattabcontent {
	display: none;
	padding: 6px 12px;
	border-top: none;
}

.twTab {
	justify-content: center !important;
	margin: 10px 0px;
	background: rgba(40, 44, 42, 0.05) !important;
	padding: 10px;
}

.active_tabe_cat {
	background-color: #fafafa !important;
}

.tabalignItam {
	justify-content: center !important;
	align-items: center !important;
	display: flex !important;
}

/* CUSTOM BTN AFFECTIONS NEW */
.view-affectees {
	overflow: hidden;
	justify-content: center;
	align-items: center;
	display: flex;
}

.view-affectees-btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 15px 60px;
	display: inline-block;
	margin: 15px 30px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background-color: #00bfe3;
	color: #ffff;
}

.view-affectees-btn:hover {
	background: #0095af;
}

.view-affectees-btn:hover:after {
	background: #0095af;
}

.view-affectees-btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

#affectees {
	/* display: none; */
}

#le_all_users_processing_new {
	position: absolute;
	z-index: 10000;
	width: 100%;
	justify-content: center;
	align-items: center;
	height: 50%;
	display: flex;
	background-color: #fff;
	align-content: center;
}
.db-instruments{
	
    height: 340px;
    background: #f4f9fd;
    border: 1px solid #dee2ea;
    padding: 2rem;
    overflow: auto;
    box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 8%);
    border-radius: 10px;
}

.db-instruments-conc ,.db-instruments-commercial {
	
    height: 340px;
    background: #f4f9fd;
    border: 1px solid #dee2ea;
    padding: 2rem;
    overflow: auto;
    box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 8%);
    border-radius: 10px;
}


.ctg_product:hover > a {
    opacity : 1;
}

.ctg_product > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.21);
    color: #fff;
    padding: 6px 12px;
    text-decoration: none;
    opacity: 0;
    -webkit-transition: all 600ms;
    -moz-transition: all 600ms;
    -ms-transition: all 600ms;
    -o-transition: all 600ms;
    transition: all 600ms;
}