html {
	height: 100%;
}
body {
	background: #F4F4F4;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 14px;
	overflow-x: hidden;
}
body.darkmode {
	background: #242931;
	color: #9e9e9e;
}
body.login {
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	background-size: cover;
	background-image: url('../img/home-bg.png');
	height: 100%;
}
*, *:hover, *:focus {
	outline: 0 !important;
	outline: none !important;
}
*::-moz-focus-inner {
	border: 0 !important;
}

a {
	color: #2FA47F;
}
a.white {
	color: #333;
}

.tintcolor {
	background-color: #CADBDD;
}

.pt-0 { padding-top: 0px; }
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-60 { padding-top: 60px; }
.pb-0 { padding-bottom: 0px; }
.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-60 { padding-bottom: 60px; }
.mt-0 { margin-top: 0px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-05 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }
.ml-10 { margin-left: 10px; }
.ml-20 { margin-left: 20px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }
.ml-50 { margin-left: 50px; }
.ml-60 { margin-left: 60px; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}
h1 {
	font-size: 24px;
	margin-top: 0px;
	margin-bottom: 30px;
}
h1 span {
	color: #bbb;
	margin-left: 15px;
}

.modal-dialog {
	z-index: 1041;
}

.number.big {
	font-size: 36px;
	font-weight: 400;
}
.text-center {
	text-align: center;
}

.navbar {
	padding: 0px 20px;
	margin-bottom: 0px;
}
#sidebar.offcanvas {
	display: block;
}
#sidebar {
	background: #303641;
	width: 280px;
	position: fixed;
	height: 100%;
	z-index: 1;
	margin-top: 0px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
#sidebar .logo {
	display: block;
	float: left;
	width: 100%;
	height: 78px;
	background: url('../img/logo_white.png') left center no-repeat;
	background-size: 70%;
	margin-bottom: 0px;
}
.navbar-toggle {
	display: none;
}
#mobile-menu-bar {
	display: none;
	background: #303641;
	border-bottom: 1px solid #2c3341;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#sidebar ul li.seperate {
	height: 2px;
	background: rgba(0,0,0, 0.1);
	border-bottom: 1px solid rgba(255,255,255, 0.1);
}
#sidebar ul {
	margin: 0px;
	padding: 0px;
}
#sidebar ul li {
	position: relative;
	list-style-type: none;
}
#sidebar ul li a {
	padding: 0px 16px;
	display: block;
	line-height: 50px;
	color: #d5d5d5;
	-webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
	-moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
	-o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
	transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
	border-bottom: 1px solid #2c3341;
	border-top: 1px solid #3a4253;

}
#sidebar ul li a:hover {
	color: #fff;
	background-color: rgba(69, 74, 84, 0.3);
	text-decoration: none;
}
#sidebar ul li.active a {
	color: #c98910;
	font-weight: 600;
}
#sidebar ul li.submenu-item a {
	background-color: #2b303a;
	padding-left: 48px;
}
#sidebar ul li.submenu-item.first a {
	border-bottom: 0px;
}
#sidebar ul li.submenu-item.last a {
	border-top: 1px solid #313848;
}
#sidebar ul li a .nav-icon {
	float: left; 
	font-size: 13px;
	opacity: 0.5;
	margin-right: 16px;
	position: relative;
	top: 0px;
}
#sidebar ul li a .nav-text {
	font-weight: 400;
	line-height: 22px;
	padding: 14px 0px;
	font-size: 14px;
	letter-spacing: 0.4px;
	-webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
	-moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
	-o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
	transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
}
#sidebar ul li a .nav-text.active {
	color: #fff;
	font-weight: 600;
}
#sidebar ul li a:hover .nav-text {
	opacity: 1;
	color: #fff;
}
#sidebar ul li a:hover .nav-icon {
	opacity: 1;
}
#sidebar ul li.sublevel {
	background: #292929;
	border-top: 1px solid #222;
	border-bottom: 1px solid #3e3e3e;
}
#sidebar ul li.sublevel a {
	color: #aaa;
}
#sidebar ul li.sublevel a:hover {
	background: #313131;
}
#sidebar ul li.sublevel i.menu-sublevel {
	width: 18px;
	height: 14px;
	display: inline-block;
	background: url('../images/menu_expanded.png') no-repeat;
	opacity: 0.5;
}
#sidebar ul li a .label {
	display: inline;
    background: transparent;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    padding: 2px 7px 3px;
    margin-left: 10px;
    border-radius: 4px;
    font-weight: 400;
    border: 1px solid #2fa57f;
}
#sidebar ul li .devider {
	height: 1px;
	background-color: rgba(0,0,0,0.075);
	margin: 10px 0px;
}
#sidebar ul li.divider {
	padding: 10px 16px 0;
	color: #a5a5a5;
	line-height: 38px;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
}
.navmenu-right {
	background: #303641;
	width: 280px;
	position: fixed;
	height: 100%;
	z-index: 1;
	margin-top: 0px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.navmenu-right .title {
	padding: 0px 16px;
	font-weight: bold;
	color: #fff;
	line-height: 60px;
}
.navmenu-right ul {
	margin: 0px;
	padding: 0px;
}
.navmenu-right ul li {
	position: relative;
	list-style-type: none;
}
.navmenu-right ul li a {
	padding: 0px 16px;
	display: block;
	line-height: 30px;
	color: #c3c3c3;
	-webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
	-moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
	-o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
	transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
	border-bottom: 1px solid #2c3341;
	border-top: 1px solid #3a4253;
}
.navmenu-right ul li a:hover {
	color: #fff;
	text-decoration: none;
}
.navmenu-right ul li a i {
	margin-right: 8px;
}

#sidebar.editor_sidebar {
	background: #fff;
	overflow-y: scroll;
}
#sidebar.editor_sidebar ul li a {
	border-top: 0px;
	border-bottom: 1px solid #ededed;
	color: #777;
}
#sidebar.editor_sidebar ul li a:hover {
	background: #f0f0f0;
}
#sidebar.editor_sidebar ul li a:hover .nav-text {
	color: #666;
}
#sidebar.editor_sidebar ul li a .nav-icon {
	font-size: 16px;
	opacity: 0.7;
}
#sidebar.editor_sidebar ul li.active a {
	color: #2FA47F;
}
#sidebar.editor_sidebar .options i {
	font-size: 16px;
}
#sidebar.editor_sidebar .btn-group > .btn {
	border-radius: 0px !important;
	border-top: 0px !important;
}
#sidebar.editor_sidebar .options .btn-success {
	background: #4f7d6d;
	border-color: #395f52;
}
#sidebar.editor_sidebar .options .btn-success:hover {
	background: #5d9380;
}
#sidebar.editor_sidebar .options .btn-info {
	background: #454e5f;
	border-color: #2f3645;
}
#sidebar.editor_sidebar .options .btn-info:hover {
	background: #5a6a87;
}
#sidebar.editor_sidebar .options .btn-danger {
	background: #ae4542;
	border-color: #903937;
}
#sidebar.editor_sidebar .options .btn-danger:hover {
	background: #ce4846;
}

label.variables {
	width: 100%;
	display: block;
}
label.variables ul {
	float: right;
	margin: 0px;
	padding: 0px;
}
label.variables ul li {
	padding: 0px;
	list-style-type: none;
	display: inline;
	font-weight: 300;
	font-size: 13px;
	position: relative;
	padding-left: 16px;
}
label.variables ul li:first-child {
	padding-left: 0px;
}
label.variables ul li:before {
	content:"";
	position: absolute;
	left: 8px;
	top: 50%;
	margin-left: -1px;
	height: 3px;
	width: 3px;
	background: #999;
}
label.variables ul li:first-child:before {
	display: none;
}

#animatedModal .close-animatedModal, #content_image .close-content_image {
	position: absolute;
	top: 10px;
	right: 18px;
	font-size: 40px;
	cursor: pointer;
	opacity: 0.7;
	z-index: 5;
}
#animatedModal .close-animatedModal:hover, #content_image .close-content_image:hover {
	opacity: 1;
}
#animatedModal .modal-content, #content_image .modal-content  {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0);
	box-shadow: 0 5px 15px rgba(0,0,0,0);
	border: 0px;
}

#add_mobile_pic {
	display: block;
	position: relative;
	z-index: 1;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-bottom: 0px !important;
}

.icon {
	width: 24px;
	height: 24px;
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
}
.icon.icon-leads {
	background-image: url('../img/icon_leads_gr.png');
}
.icon.icon-leads-ok {
	background-image: url('../img/icon_leads_ok_gr.png');
}
.icon.icon-home {
	background-image: url('../img/icon_home_gr.png');
}
.icon.icon-tools {
	background-image: url('../img/icon_tools_gr.png');
}
.icon.icon-map {
	background-image: url('../img/icon_map_gr.png');
}
.icon.icon-details {
	background-image: url('../img/icon_details_gr.png');
}
.icon.icon-key {
	background-image: url('../img/icon_key_gr.png');
}
.icon.icon-logout {
	background-image: url('../img/icon_logout_gr.png');
}
.icon.icon-help {
	background-image: url('../img/icon_help_gr.png');
}

#content {
	padding: 15px 25px 30px 305px;
}
#content .seperator {
	height: 2px;
	background: #e7e7e7;
	border-bottom: 1px solid #fff;
	margin-bottom: 30px;
}
#content.report {
	padding: 80px 24px 50px;
}

#content .wider {
	margin: 0px -24px 0px;
}
#content .profile_left {
	width: 250px;
}
#content .profile_left.bigger {
	width: 350px;
}
#content .profile_left a {
	color: #202020;
}
#content .profile_right {
	padding: 0px 24px;
}
#content.report h1 {
	margin-bottom: 5px;
	margin-top: 15px;
}
#content.report h1 + p {
	margin-bottom: 36px;
}
#content.report .delimeter {
	height: 2px;
	background: rgba(0,0,0,0.05);
	margin-top: 16px;
	margin-bottom: 33px;
}
.box-intro {
	margin-bottom: 10px;
	height: 36px;
}
.box-intro h2 {
	font-size: 16px;
	color: rgba(0,0,0,0.87);
	line-height: 36px;
	margin-bottom: 0px;
	float: left;
}
.box-intro .actions {
	float: right;
	text-align: right;
}
.box-intro .actions .box-cancel {
	margin-right: 5px;
	display: none;
}
.box-intro .filters {
	float: left;
	margin-left: 30px;
}
.box-intro .filters select {
	padding-right: 30px;
	margin-right: 10px;
	width: auto;
}
p.subdata { margin-bottom: 0px; margin-top: 2px; opacity: 0.7; font-size: 90%; }
.country_flag { position: relative; top: -2px; margin-right: 8px; }

.dropdown-add {
	padding: 15px;
	width: 350px;
	top: 38px;
	-webkit-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.1);
}
.dropdown-add .text {
	color: #999;
	margin-bottom: 10px;
	font-size: 12px;
}
.dropdown-add .form-group {
	width: 183px;
}
.dropdown-add .form-group input {
	line-height: 22px;
	max-width: 100%;
}
.dropdown-add button {
	width: 132px;
}
.form-group { 
	margin-bottom: 15px;
}
.form-info {
	color: #999;
	font-size: 13px;
	display: block;
	margin-top: 5px;
}
.faq-answer {
	position: relative;
	color: #888;
	padding: 0 20px 5px;
}
.faq-answer:before {
	display: block;
	content: "";
	height: 10px;
}
.faq-answer:after {
	display: block;
	content: "";
	height: 10px;
}
.faq-question, .faq-question:active, .faq-question:visited, .faq-question:focus {
	color: #666;
    display: block;
    font-size: 16px;
    padding: 15px 45px 15px 20px;
    border: 1px solid #f3f3f3;
    font-weight: normal;
    position: relative;
    background-color: #fdfdfd;
    margin-bottom: 5px;
	text-decoration: none;
}
.faq-question:hover {
	font-weight: bold;
	text-decoration: none;
	color: #666;
}
.faq-question i {
    position: absolute;
    right: 20px;
    top: 15px;
    font-size: 16px;
	line-height: 24px;
    color: #2fa57f;
}
div.alert {
}

.page-head {
	padding:0px 0px 25px 0px;
	position:relative
}
.page-head-title {
	display:block;
	margin-bottom:5px;
	margin-top:6px;
	font-weight:500;
	letter-spacing:-0.5px;
	font-size:25px;
	color:#373e4a;
	line-height:36px;
	border-bottom: 4px double #e9e7e7;
    padding-bottom: 20px;
}
.darkmode .page-head-title {
	color: #c3c3c3;
	border-bottom: 4px double #545454;
}
.page-head .breadcrumb>li,.page-head-description {
	font-size:14px;
	font-weight:400
}
.page-head-description {
	display:block;
	color:#6e6e6e
}
.page-head .breadcrumb {
	background-color:transparent;
	padding:3px 0;
	margin-bottom:7px;
	display: none;
}
.page-head .breadcrumb>li+li:before {
	padding:0 2px;
	color:#a3a3a3
}
.page-head .breadcrumb>li>a {
	color:#5e5e5e
}
.page-head .breadcrumb>li>a:hover {
	color:#303030
}
.page-head .breadcrumb>.active {
	color:#7a7a7a
}
.separator {
	margin-top: 8px;
	margin-bottom: 8px;
	height: 1px;
	background: #ddd;
	display: block;
}
.profile_container {
	height: 180px;
	position: relative;
	margin-top: -24px;
	margin-left: -24px;
	margin-right: -24px;
	padding: 24px;
	z-index: 2;
}
.profile_container .full_height {
	height: 132px;
}
.profile_container .avatar {
	position: absolute;
	bottom: -60px;
	left: 12px;
	background: #fff;
	border: 1px solid #666;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px;
	width: 150px;
	height: 150px;
	text-align: center;
}
.profile_container .avatar img {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	max-width: 96%;
	max-height: 96%;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	margin: auto;
}
.profile_container .name {
	position: absolute;
	bottom: 0px;
	left: 36px;
	width: 350px;
	color: #fff;
	font-size: 36px;
	line-height: 42px;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}
.profile_container .avatar + .name {
    left: 188px;
} 
.profile_container .name a {
	color: #fff;
}
.profile_container .name a:hover {
	color: #ddd;
}
.profile_container .name .subinfo {
	font-size: 21px;
	line-height: 24px;
}
.profile_container .name .subinfo i {
	font-size: 18px;
	margin-left: 10px;
	margin-right: 10px;
}
.profile_container .name .project-info {
	font-size: 13px;
	line-height: 18px;
}
.profile_container .name .project-info span {
	margin-right: 15px;
}
.profile_container .name .project-info span:last-child {
	margin-right: 0px;
}
.profile_container .name .project-info span i {
	margin-right: 5px;
}
.profile_container .box-edit {
	position: absolute;
	bottom: 0px;
	right: 24px;
}
.info-row {
	margin-bottom: 15px;
	color: #888;
}
.info-row:last-child {
	margin-bottom: 0px;
}
.info-row label {
	display: block;
	margin-bottom: 5px;
	color: #444;
	font-weight: 600;
}
.profile_timeline {
	background: #fff;
	border-bottom: 1px solid #dadada;
	position: relative;
	z-index: 1;
	margin: 0px -24px 24px -24px;
}
.profile_subheader {
	color: #999;
	line-height: 42px;
	background: #fff;
	margin: 0px -24px 24px -24px;
	overflow: hidden;
	padding-left: 24px;
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #e9e9e9;
}
.profile_subheader.has_logo {
	padding-left: 202px;
}
.profile_subheader span {
	margin-right: 25px;
}
.profile_subheader span i {
	margin-right: 5px;
}
.box-site .box-header {
	padding-bottom: 5px;
}
.box-site .site_detail, .box-project .proj_detail {
	margin-top: 7px;
	padding-left: 26px;
	position: relative;
	word-wrap: break-word;
}
.box-site .site_detail:first-child, .box-project .proj_detail:first-child {
	margin-top: 0px;
}
.box-site .site_detail i, .box-project .proj_detail i {
	color: #888;
	position: absolute;
	left: 0px;
	top: 3px;
}
.info_row {
	margin-bottom: 7px;
}
.info_row:last-child {
	margin-bottom: 0px;
}
.box-list .box-list-item {
	padding: 10px 16px;
	border-bottom: 1px solid #EDEEF0;
	display: block;
}
.box-list .box-list-item.highlight {
	background: #fff9ea;
}
.box-list .box-list-item:last-of-type {
	border-bottom: 0px;
}

.panel {
    border: 1px solid rgba(0, 0, 0, 0);
}
.panel-heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding: 20px 20px 15px;
}
.panel-group .panel-heading, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
    border-bottom: 0 none;
}
.panel-heading .credits {
	float: right;
	font-size: 30px;
}
.panel-footer {
    background-color: #f5f5f5;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top: 1px solid #dddddd;
    padding: 20px 20px 15px;
}
.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-radius: 0;
    border-width: 1px 0;
}
.panel > .table-responsive:last-child > .table:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0 none;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0 none;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.panel > .table-responsive:first-child > .table:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.list-group + .panel-footer, .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}
.panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
}
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
    border-top-left-radius: 2px;
}
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
    border-top-right-radius: 2px;
}
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 2px;
}
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 2px;
}
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #dddddd;
}
.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
    border-top: 0 none;
}
.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0 none;
}
.panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0 none;
}
.panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0 none;
}
.panel > .table-responsive {
    border: 0 none;
    margin-bottom: 0;
}
.panel-group {
    margin-bottom: 18px;
}
.panel-group .panel {
    border-radius: 3px;
    margin-bottom: 0;
}
.panel-group .panel + .panel {
    margin-top: 5px;
}
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
    border-top: 0 none;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd;
}
.panel-default {
    border-color: #dddddd;
}
.panel-default > .panel-heading {
    background-color: rgba(0, 0, 0, 0);
    border-color: #dddddd;
    color: #333333;
}
.darkmode .panel-default > .panel-heading {
	border-color: #424242;
}
.darkmode .panel-default > .panel-heading {
	background: #1c2025;
	color: #a5a5a5;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
    background-color: #333333;
    color: rgba(0, 0, 0, 0);
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #dddddd;
}
.panel-primary {
    border-color: #c98910;
}
.panel-primary > .panel-heading {
    background-color: #c98910;
    border-color: #c98910;
    color: #ffffff;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #c98910;
}
.panel-primary > .panel-heading .badge {
    background-color: #ffffff;
    color: #c98910;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #c98910;
}
.panel-success {
    border-color: #34a853;
}
.panel-success > .panel-heading {
    background-color: #34a853;
    border-color: #34a853;
    color: #37b358;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #34a853;
}
.panel-success > .panel-heading .badge {
    background-color: #37b358;
    color: #34a853;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #34a853;
}
.panel-info {
    border-color: #bce8f1;
}
.panel-info > .panel-heading {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
    background-color: #31708f;
    color: #d9edf7;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1;
}
.panel-warning {
    border-color: #fbbc05;
}
.panel-warning > .panel-heading {
    background-color: #fcf8e3;
    border-color: #fbbc05;
    color: #f6c163;
}
.panel-danger, .panel-danger > .panel-heading {
    border-color: #ea4335;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fbbc05;
}
.panel-warning > .panel-heading .badge {
    background-color: #f6c163;
    color: #fcf8e3;
}
.panel-danger > .panel-heading, .panel-danger > .panel-heading .badge {
    background-color: #ea4335;
    color: #ea4335;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #fbbc05;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ea4335;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ea4335;
}

.panel {
    background-color: #ffffff;
    border-radius: 3px;
    border-width: 0;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 25px;
}
.darkmode .panel {
	background-color: #1c2025;
}
.panel-body {
    border-radius: 0 0 3px 3px;
    padding: 8px 20px 20px;
}
.panel-heading {
    border-bottom-width: 0;
    border-radius: 3px 3px 0 0;
    font-size: 18px;
    font-weight: 400;
    margin: 0 20px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
}
.panel-heading .tools {
    float: right;
    font-size: 0;
}
.panel-heading .tools > a {
    display: inline-block;
}
.panel-heading .tools .icon {
    color: #bababa;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    line-height: 25px;
    min-width: 20px;
    text-align: center;
    vertical-align: middle;
}
.panel-heading .tools .icon + .icon {
    margin-left: 2px;
}
.panel-heading .tools .icon:hover {
    color: #a6a6a6;
}
.panel-title {
    display: block;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}
.panel-subtitle {
    color: #707070;
    display: block;
    font-size: 14px;
    margin-bottom: 6px;
    margin-top: 5px;
}
.panel-full-color .panel-heading .icon, .panel-full-color .panel-heading .panel-subtitle, .panel-full-primary, .panel-full-primary .tools .icon {
    color: #ffffff;
}
.panel-heading-divider {
    border-bottom: 1px solid #d9d9d9;
    margin: 0 20px 8px;
    padding-left: 0;
    padding-right: 0;
}
.panel-flat {
    border: medium none;
    box-shadow: none;
}
.panel-border {
    border: 1px solid #d4d4d4;
    box-shadow: none;
}
.dropdown-menu-danger > li .dropdown-tools .btn-group .btn:hover + .btn, .dropdown-menu-primary > li .dropdown-tools .btn-group .btn:hover + .btn, .dropdown-menu-success > li .dropdown-tools .btn-group .btn:hover + .btn, .dropdown-menu-warning > li .dropdown-tools .btn-group .btn:hover + .btn {
    border-left-color: rgba(0, 0, 0, 0);
}
.panel-contrast .panel-heading {
    margin: 0;
    padding: 20px 20px 11px;
}
.panel-contrast .panel-body {
    padding-top: 16px;
}
.panel-body-contrast, .panel-heading-contrast {
    background-color: #f5f5f5;
}
.panel-border-color {
    border-top: 3px solid #c9c9c9;
}
.panel-border-color-primary {
    border-top-color: #c98910;
}
.panel-border-color-danger {
    border-top-color: #ea4335;
}
.panel-border-color-warning {
    border-top-color: #fbbc05;
}
.panel-border-color-success {
    border-top-color: #34a853;
}
.panel-border-color-dark {
    border-top-color: #3d3c3c;
}
.panel-full .panel-heading {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
}
.panel-full .panel-heading .panel-title {
    border-width: 0;
}
.panel-full-color .panel-heading {
    color: #ffffff;
    margin: 0;
    padding: 27px 20px 15px;
}
.panel-full-color .panel-body {
    padding: 20px;
}
.panel-full-primary {
    background-color: #5f99f5;
}
.panel-full-primary .panel-heading-contrast {
    background-color: #6da2f6;
    margin: 0;
    padding: 20px 20px 15px;
}
.panel-full-primary .tools .icon:hover {
    color: #4287f3;
}
.panel-full-success {
    background-color: #37b358;
    color: #ffffff;
}
.panel-full-success .panel-heading-contrast {
    background-color: #3bbf5e;
    margin: 0;
    padding: 20px 20px 15px;
}
.panel-full-success .tools .icon {
    color: #ffffff;
}
.panel-full-success .tools .icon:hover {
    color: #309c4c;
}
.panel-full-warning {
    background-color: #f6c163;
    color: #ffffff;
}
.panel-full-warning .panel-heading-contrast {
    background-color: #f7c771;
    margin: 0;
    padding: 20px 20px 15px;
}
.panel-full-warning .tools .icon {
    color: #ffffff;
}
.panel-full-warning .tools .icon:hover {
    color: #f4b646;
}
.panel-full-danger {
    background-color: #eb6357;
    color: #ffffff;
}
.panel-full-danger .panel-heading-contrast {
    background-color: #ed7065;
    margin: 0;
    padding: 20px 20px 15px;
}
.panel-full-danger .tools .icon {
    color: #ffffff;
}
.panel-full-danger .tools .icon:hover {
    color: #e84a3c;
}
.panel-full {
    background-color: #bdbdbd;
    color: #ffffff;
}
.panel-full .panel-heading-contrast {
    background-color: #c4c4c4;
    margin: 0;
    padding: 20px 20px 15px;
}
.panel-full .tools .icon {
    color: #ffffff;
}
.panel-full .tools .icon:hover {
    color: #adadad;
}
.panel-full-dark {
    background-color: #333333;
    color: #ffffff;
}
.panel-full-dark .panel-heading-contrast {
    background-color: #3b3b3b;
    margin: 0;
    padding: 20px 20px 15px;
}
.panel-full-dark .tools .icon {
    color: #ffffff;
}
.panel-full-dark .tools .icon:hover {
    color: #242424;
}
.panel-table .panel-body {
    padding: 0;
}
.panel-approve {
	border: 1px solid #ccc;
	position: relative;
}
.darkmode .panel-approve {
	border: 1px solid #363b42;
}
.panel-divider {
	margin:14px 0;
	border-top:1px solid #f2f2f2;
	position: relative;
}
.panel-approve .panel-divider {
	border-top:1px solid #ccc;
	margin: 15px -20px;
}
.darkmode .panel-approve .panel-divider {
	border-top:1px solid #363b42;
}
.darkmode .select2-container--default .select2-selection--multiple {
	background: #232a31;
	border: 1px solid #363b42;
}
.darkmode .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: #000;
	border-color: #000;
}
.darkmode .form-control {
	background: #232a31;
	color: #adadad;
}
.panel-approve label {
	color: #aaa;
	margin-bottom: 3px;
}
.panel-approve .form-control {
	border-color: #bfbfbf;
}
.darkmode .panel-approve .form-control {
	border-color: #363b42;
}
.panel-approve .step {
	position: absolute;
	left: -51px;
	background: #2FA57F;
	line-height: 30px;
	width: 30px;
	text-align: center;
	color: #fff;
}
.panel-divider-lg {
	margin:15px 0
}
.panel-divider-xl {
	margin:20px 0
}

.panel-lead {
	padding: 12px 15px;
	border-radius: 2px;
	font-weight: 400;
	margin-bottom: 10px;
}
.panel-lead:hover {
	background: #fafafa;
}
.panel-lead .double {
	min-height: 40px;
	height: 40px;
	display: table;
}
.panel-lead .double div {
	display: table-cell;
	vertical-align: middle;
}
.panel-lead span {
	display: block;
	line-height: 20px;
}
.panel-lead span.subinfo {
	color: #999;
	font-size: 11px;
}
.panel-lead .action {
	text-align: right;
	padding-top: 5px;
}

.lead-panel {
	margin-bottom: 30px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.lead-panel .lead-top {
	background: url('../img/lead_icon.png') 17px center no-repeat;
	background-color: #303641;
	color: #fff;
	position: relative;
	padding-left: 65px;
}
.lead-panel .lead-top h2 {
	font-size: 16px;
	font-weight: 600;
	line-height: 60px;
	text-transform: uppercase;
	margin: 0px;
}
.lead-panel .lead-top .datum {
	position: absolute;
	right: 25px;
	top: 0px;
	line-height: 60px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}
.lead-panel .lead-top span {
	color: #ababab;
	padding: 0px 5px;
}
@media (max-width: 1350px) { 
	.lead-panel .lead-top h2 {
		font-size: 14px;
	}
	.lead-panel .lead-top .datum {
		font-size: 14px;
	}
}
.lead-panel .lead-body {
	padding: 17px 20px 17px 17px;
	color: #666666;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.2px;
}
.lead-panel .lead-body p {
	margin: 0px;
}
.lead-panel .lead-body strong {
	color: #333333;
}
.lead-panel .lead-more {
	background: #e9e7e7;
	text-align: center;
	line-height: 50px;
	color: #1a7784;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}
.lead-panel .lead-more:hover {
	background: #efefef;
	color: #777;
}
.lead-panel .lead-bottom {
	background: #d4d4d4;
	color: #666666;
	position: relative;
	line-height: 50px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	padding-left: 65px;
}
.lead-panel .lead-bottom.slots_0 {
	background: #d4d4d4 url('../img/lead_slots_0.png') 17px 10px no-repeat;
}
.lead-panel .lead-bottom.slots_1 {
	background: #d4d4d4 url('../img/lead_slots_1.png') 17px 10px no-repeat;
}
.lead-panel .lead-bottom.slots_2 {
	background: #d4d4d4 url('../img/lead_slots_2.png') 17px 10px no-repeat;
}
.lead-panel .lead-bottom.slots_3 {
	background: #d4d4d4 url('../img/lead_slots_3.png') 17px 10px no-repeat;
}
.lead-panel .lead-bottom.slots_4 {
	background: #d4d4d4 url('../img/lead_slots_4.png') 17px 10px no-repeat;
}
.lead-panel .lead-bottom.slots_5 {
	background: #d4d4d4 url('../img/lead_slots_5.png') 17px 10px no-repeat;
}
.lead-panel .lead-bottom.slots_5_0 {
	background: #d4d4d4 url('../img/lead_slots_0.png') 17px 10px no-repeat;
}
.lead-panel .lead-bottom.slots_5_1 {
	background: #d4d4d4 url('../img/lead_slots_1.png') 17px 10px no-repeat;
}
.lead-panel .lead-bottom.slots_5_2 {
	background: #d4d4d4 url('../img/lead_slots_2.png') 17px 10px no-repeat;
}
.lead-panel .lead-bottom.slots_5_3 {
	background: #d4d4d4 url('../img/lead_slots_3.png') 17px 10px no-repeat;
}
.lead-panel .lead-bottom.slots_5_4 {
	background: #d4d4d4 url('../img/lead_slots_4.png') 17px 10px no-repeat;
}
.lead-panel .lead-bottom.slots_5_5 {
	background: #d4d4d4 url('../img/lead_slots_5.png') 17px 10px no-repeat;
}
.lead-panel .lead-bottom.slots_3_0 {
	background: #d4d4d4 url('../img/lead_slots_3_0.png') 17px 10px no-repeat;
}
.lead-panel .lead-bottom.slots_3_1 {
	background: #d4d4d4 url('../img/lead_slots_3_1.png') 17px 10px no-repeat;
}
.lead-panel .lead-bottom.slots_3_2 {
	background: #d4d4d4 url('../img/lead_slots_3_2.png') 17px 10px no-repeat;
}
.lead-panel .lead-bottom.slots_3_3 {
	background: #d4d4d4 url('../img/lead_slots_3_3.png') 17px 10px no-repeat;
}
.lead-panel .lead-bottom span {
	color: #2fa47f;
}
.lead-panel .lead-bottom strong {
	color: #999999;
}
.lead-panel .lead-bottom .time-left {
	position: absolute;
	right: 25px;
	top: 0px;
	line-height: 50px;
	color: #666666;
	padding-left: 44px;
	background: url('../img/lead_timing.png') 0px center no-repeat;
}
.lead-panel .lead-bottom .time-left span {
	color: #b92d2d;
}
.lead-panel .lead-bottom .rating {
	position: absolute;
	width: 153px;
	height: 23px;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	line-height: 23px;
	font-size: 18px;
	color: #2fa47f;
	text-align: center;
}
.lead-panel .lead-bottom .rating i {
	margin-right: 5px;
}
.lead-panel .lead-bottom .rating i:last-child {
	margin-right: 0px;
}
@media (max-width: 1439px) { 
	.lead-panel .lead-bottom .rating {
		display: none;
	}
}
@media (max-width: 991px) { 
	.lead-panel .lead-bottom .rating {
		display: block;
	}
}
@media (max-width: 767px) { 
	.succes-tip {
		display: none;
	}
	.lead-panel .lead-bottom .rating {
		display: none;
	}
}
@media (max-width: 650px) { 
	.lead-panel .lead-bottom {
		line-height: 55px;
	}
	.lead-panel .lead-bottom strong {
		display: none;
	}
	.lead-panel .lead-bottom .time-left {
		position: relative;
		right: auto;
		left: -48px;
		width: calc(100% + 31px);
		font-size: 12px;
		font-weight: 400;
		border-top: 1px solid #c1c1c1;
	}
}


.lead-panel-new { 
	margin-bottom: 30px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.lead-panel-new .lead-top {
	background: url('../img/lead_icon.png') 17px center no-repeat;
	background-color: #fff;
	color: #333;
	position: relative;
	padding-left: 65px;
	border-bottom: 4px double #f3f3f3;
}
.lead-panel-new .lead-top h2 {
	font-size: 16px;
	font-weight: 600;
	line-height: 60px;
	text-transform: uppercase;
	margin: 0px;
}
.lead-panel-new .lead-top .datum {
	position: absolute;
	right: 25px;
	top: 0px;
	line-height: 60px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}
.lead-panel-new .lead-top span {
	color: #ababab;
	padding: 0px 5px;
}
@media (max-width: 1350px) { 
	.lead-panel-new .lead-top h2 {
		font-size: 14px;
	}
	.lead-panel-new .lead-top .datum {
		font-size: 14px;
	}
}
.lead-panel-new .lead-body {
	padding: 17px 20px 17px 17px;
	color: #666666;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.2px;
}
.lead-panel-new .lead-body p {
	margin: 0px;
}
.lead-panel-new .lead-body strong {
	color: #1a7784;
}
.lead-panel-new .lead-more {
	background: #ffffff;
    text-align: center;
    padding: 15px 20px 15px 20px;
    border-bottom: 1px solid #f3f3f3;
    border-top: 4px double #f3f3f3;
    margin-top: 10px;
}
.lead-panel-new .lead-more .more-btn {
	background: #2ea37f;
    text-align: center;
    line-height: 36px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
	display: inline-block;
	padding: 0 20px;
	border-radius: 5px;
}
.lead-panel-new .lead-more .more-btn:hover {
	background: #1c7a83;
}

.lead-panel-new .lead-bottom {
	background: #fbfbfb;
	color: #666666;
	position: relative;
	line-height: 50px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.2px;
	padding-left: 65px;
}
.lead-panel-new .lead-bottom.slots_0 {
	background: #fbfbfb url('../img/lead_slots_0.png') 17px 10px no-repeat;
}
.lead-panel-new .lead-bottom.slots_1 {
	background: #fbfbfb url('../img/lead_slots_1.png') 17px 10px no-repeat;
}
.lead-panel-new .lead-bottom.slots_2 {
	background: #fbfbfb url('../img/lead_slots_2.png') 17px 10px no-repeat;
}
.lead-panel-new .lead-bottom.slots_3 {
	background: #fbfbfb url('../img/lead_slots_3.png') 17px 10px no-repeat;
}
.lead-panel-new .lead-bottom.slots_4 {
	background: #fbfbfb url('../img/lead_slots_4.png') 17px 10px no-repeat;
}
.lead-panel-new .lead-bottom.slots_5 {
	background: #fbfbfb url('../img/lead_slots_5.png') 17px 10px no-repeat;
}
.lead-panel-new .lead-bottom.slots_5_0 {
	background: #fbfbfb url('../img/lead_slots_0.png') 17px 10px no-repeat;
}
.lead-panel-new .lead-bottom.slots_5_1 {
	background: #fbfbfb url('../img/lead_slots_1.png') 17px 10px no-repeat;
}
.lead-panel-new .lead-bottom.slots_5_2 {
	background: #fbfbfb url('../img/lead_slots_2.png') 17px 10px no-repeat;
}
.lead-panel-new .lead-bottom.slots_5_3 {
	background: #fbfbfb url('../img/lead_slots_3.png') 17px 10px no-repeat;
}
.lead-panel-new .lead-bottom.slots_5_4 {
	background: #fbfbfb url('../img/lead_slots_4.png') 17px 10px no-repeat;
}
.lead-panel-new .lead-bottom.slots_5_5 {
	background: #fbfbfb url('../img/lead_slots_5.png') 17px 10px no-repeat;
}
.lead-panel-new .lead-bottom.slots_3_0 {
	background: #fbfbfb url('../img/lead_slots_3_0.png') 17px 10px no-repeat;
}
.lead-panel-new .lead-bottom.slots_3_1 {
	background: #fbfbfb url('../img/lead_slots_3_1.png') 17px 10px no-repeat;
}
.lead-panel-new .lead-bottom.slots_3_2 {
	background: #fbfbfb url('../img/lead_slots_3_2.png') 17px 10px no-repeat;
}
.lead-panel-new .lead-bottom.slots_3_3 {
	background: #fbfbfb url('../img/lead_slots_3_3.png') 17px 10px no-repeat;
}
.lead-panel-new .lead-bottom span {
	color: #2fa47f;
}
.lead-panel-new .lead-bottom strong {
	color: #999999;
}
.lead-panel-new .lead-bottom .time-left {
	position: absolute;
	right: 25px;
	top: 0px;
	line-height: 50px;
	color: #666666;
	padding-left: 44px;
	background: url('../img/lead_timing.png') 0px center no-repeat;
}
.lead-panel-new .lead-bottom .time-left span {
	color: #b92d2d;
}
.lead-panel-new .lead-bottom .rating {
	position: absolute;
	width: 153px;
	height: 23px;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	line-height: 23px;
	font-size: 18px;
	color: #2fa47f;
	text-align: center;
}
.lead-panel-new .lead-bottom .rating i {
	margin-right: 5px;
}
.lead-panel-new .lead-bottom .rating i:last-child {
	margin-right: 0px;
}
@media (max-width: 1439px) { 
	.lead-panel-new .lead-bottom .rating {
		display: none;
	}
}
@media (max-width: 991px) { 
	.lead-panel-new .lead-bottom .rating {
		display: block;
	}
}
@media (max-width: 767px) { 
	.succes-tip {
		display: none;
	}
	.lead-panel-new .lead-bottom .rating {
		display: none;
	}
}
@media (max-width: 650px) { 
	.lead-panel-new .lead-bottom {
		line-height: 55px;
	}
	.lead-panel-new .lead-bottom strong {
		display: none;
	}
	.lead-panel-new .lead-bottom .time-left {
		position: relative;
		right: auto;
		left: -48px;
		width: calc(100% + 31px);
		font-size: 12px;
		font-weight: 400;
		border-top: 1px solid #c1c1c1;
	}
}

.panel-default > .panel-heading.note-toolbar {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}

.bobex_list {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url('../img/bobex.png') no-repeat;
	background-size: contain;
	vertical-align: bottom;
	margin-left: 8px;
	position: relative;
}
.offrea_list {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url('../img/offrea.png') no-repeat;
	background-size: contain;
	vertical-align: bottom;
	margin-left: 8px;
	position: relative;
}
.bobex_list > .valid, .offrea_list > .valid {
	position: absolute;
	width: 10px;
	height: 10px;
	right: -5px;
	bottom: -5px;
	background: url('../img/backup_valid.png') no-repeat;
}
.bobex_list > .invalid, .offrea_list > .invalid {
	position: absolute;
	width: 10px;
	height: 10px;
	right: -5px;
	bottom: -5px;
	background: url('../img/backup_invalid.png') no-repeat;
}
.lead-extra {
	margin-top: 15px;
	border-top: 1px solid #eee;
}
.lead-extra strong {
	margin-top: 15px;
	display: block;
}
.lead-extra ul {
	padding: 0px;
	margin: 0px;
	margin-top: 8px;
	overflow: hidden;
	margin-left: -5px;
	margin-right: -5px;
}
.lead-extra li.lead {
	float: left;
	list-style-type: none;
	padding: 0px 5px;
	width: 20%;
}
.lead-extra li.lead .status {
	background: #EFEFEF;
	border: 1px solid #ddd;
	height: 80px;
	padding: 50px 0px 0px;
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
}
.lead-extra li.lead .status.locked {
	background: #2FA47F;
	border: 1px solid #1d8463;
	color: #fff;
}
.lead-extra li.lead .status i {
	position: absolute;
	font-size: 35px;
	left: 0px;
	right: 0px;
	margin: auto;
	top: 10px;
	color: #ccc;
}
.lead-extra li.lead .status.locked i {
	color: #fff;
}
.lead-extra .free_tokens {
	color: #2FA47F;
	padding: 8px 8px 8px 35px;
	position: relative;
	border: 1px solid #2FA47F;
	background: #F1FBF8;
	margin-bottom: 15px;
	margin-top: 8px;
}
.lead-extra .free_tokens i {
	position: absolute;
	top: 13px;
	left: 10px;
}
.lead-extra .two-buttons {
	overflow: hidden;
	margin-top: 15px;
}
.lead-extra .two-buttons .first-button {
	width: 50%;
	padding-right: 7px;
	float: left;
}
.lead-extra .two-buttons .second-button {
	width: 50%;
	padding-left: 7px;
	float: left;
}
.lead-extra .two-buttons a {
	margin-top: 10px;
}
.lead-extra .two-buttons span.price {
	float: right;
	color: #222;
}
.lead-extra .contactinfo {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}
.lead-extra .contactinfo li {
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	margin-bottom: 3px;
	position: relative;
}
.lead-extra .contactinfo li i {
	position: absolute;
	left: 0px;
	top: 5px;
	color: #2FA47F;
	font-weight: bold;
}
.lead-extra .contactinfo li span {
	display: inline-block;
	font-weight: bold;
	margin-right: 5px;
}
.lead-panel-new .lead-extra {
	margin-top: 15px;
	padding: 20px 10px;
	padding-top: 0;
	border-top: 1px solid #eee;
}
.lead-panel-new .lead-extra strong {
	margin-top: 20px;
	display: block;
	color: #333;
}
.lead-panel-new .lead-extra .lead-beschrijving {
	padding: 20px 10px;
    border-bottom: 1px solid #eee;
}
.lead-panel-new .lead-extra .lead-beschrijving strong {
	margin-top: 0;
}
.lead-panel-new .lead-extra ul {
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
	overflow: hidden;
	margin-left: -5px;
	margin-right: -5px;
}
.lead-panel-new .lead-extra li.lead {
	float: left;
	list-style-type: none;
	padding: 0px 5px;
	width: 25%;
}
.lead-panel-new .lead-extra li.lead .status {
	background: #EFEFEF;
	border: 1px solid #ddd;
	height: 80px;
	padding: 50px 0px 0px;
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
	position: relative;
}
.lead-panel-new .lead-extra li.lead .status.locked {
	background: #2FA47F;
	border: 1px solid #1d8463;
	color: #fff;
}
.lead-panel-new .lead-extra li.lead .status i {
	position: absolute;
	font-size: 35px;
	left: 0px;
	right: 0px;
	margin: auto;
	top: 10px;
	color: #ccc;
}
.lead-panel-new .lead-extra li.lead .status.locked i {
	color: #fff;
}
.lead-panel-new .lead-extra .free_tokens {
	color: #2FA47F;
	padding: 8px 8px 8px 35px;
	position: relative;
	border: 1px solid #2FA47F;
	background: #F1FBF8;
	margin-bottom: 15px;
	margin-top: 8px;
}
.lead-panel-new .lead-extra .free_tokens i {
	position: absolute;
	top: 13px;
	left: 10px;
}
.lead-panel-new .lead-extra .two-buttons {
	overflow: hidden;
	margin-top: 20px;
}
.lead-panel-new .lead-extra .two-buttons .first-button {
	width: 50%;
	padding-right: 7px;
	float: left;
}
.lead-panel-new .lead-extra .two-buttons .second-button {
	width: 50%;
	padding-left: 7px;
	float: left;
}
.lead-panel-new .lead-extra .two-buttons a {
	margin-top: 10px;
}
.lead-panel-new .lead-extra .two-buttons span.price {
	float: right;
	color: #222;
}
.lead-panel-new .lead-extra .contactinfo {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}
.lead-panel-new .lead-extra .contactinfo li {
	margin: 0px;
	padding: 0px;
	padding-left: 20px;
	margin-bottom: 3px;
	position: relative;
}
.lead-panel-new .lead-extra .contactinfo li i {
	position: absolute;
	left: 0px;
	top: 5px;
	color: #2FA47F;
	font-weight: bold;
}
.lead-panel-new .lead-extra .contactinfo li span {
	display: inline-block;
	font-weight: bold;
	margin-right: 5px;
}
@media (max-width: 650px) { 
	.lead-extra li.lead {
		padding: 5px;
		width: 100%;
		margin: 0;
	}
	.lead-extra li.lead .status {
		padding: 5px 20px;
		line-height: 35px;
		height: auto;
		font-weight: 400;
	}
	.lead-extra li.lead .status i {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		padding-right: 20px;
		top: 0;
	}
	.lead-extra li.lead .status span {
		display: table-cell;
		vertical-align: middle;
	}
	.lead-extra .two-buttons .first-button {
		width: 100%;
		padding: 0;
		padding-bottom: 10px;
	}
	.lead-extra .two-buttons .second-button {
		width: 100%;
		padding: 0;
	}
	.lead-panel-new .lead-extra li.lead {
		padding: 5px;
		width: 100%;
		margin: 0;
	}
	.lead-panel-new .lead-extra li.lead .status {
		padding: 5px 20px;
		line-height: 35px;
		height: auto;
		font-weight: 400;
	}
	.lead-panel-new .lead-extra li.lead .status i {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		padding-right: 20px;
		top: 0;
	}
	.lead-panel-new .lead-extra li.lead .status span {
		display: table-cell;
		vertical-align: middle;
	}
	.lead-panel-new .lead-extra .two-buttons .first-button {
		width: 100%;
		padding: 0;
		padding-bottom: 10px;
	}
	.lead-panel-new .lead-extra .two-buttons .second-button {
		width: 100%;
		padding: 0;
	}
	.lead-panel .lead-top {
		padding: 10px 20px;
		background-image: none;
	}
	.lead-panel .lead-top h2 {
		line-height: 24px;
	}
	.lead-panel .lead-top .datum {
		position: static;
		line-height: 24px;
	}
	.lead-panel .lead-top span {
		padding: 0;
		padding-right: 5px;
	}
	.lead-panel .lead-top h2 span {
		padding: 0;
		padding-right: 5px;
	}
	.lead-panel .lead-top h2 span::before {
		content: '\a' ; 
		white-space: pre;  
	}
	.lead-panel-new .lead-top {
		padding: 10px 20px;
		background-image: none;
	}
	.lead-panel-new .lead-top h2 {
		line-height: 24px;
	}
	.lead-panel-new .lead-top .datum {
		position: static;
		line-height: 24px;
	}
	.lead-panel-new .lead-top span {
		padding: 0;
		padding-right: 5px;
	}
	.lead-panel-new .lead-top h2 span {
		padding: 0;
		padding-right: 5px;
	}
	.lead-panel-new .lead-top h2 span::before {
		content: '\a' ; 
		white-space: pre;  
	}
}

.timeline {
	position: relative;
}
.timeline::before {
	content: '';
	position: absolute;
	left: 75px;
	width: 3px;
	height: 100%;
	background: #E7E9F5;
}
.darkmode .timeline::before {
	background: #000;
}
.timeline .timeline_item {
	display: table;
	position: relative;
	margin-top: 20px;
	width: 100%;
}
.timeline .timeline_item:first-child {
	margin-top: 0px;
}
.timeline .timeline_item .item_row {
	display: table-row;
}
.timeline .timeline_item .timeline_item_time {
	display: table-cell;
	font-weight: 600;
	vertical-align: top;
	text-transform: uppercase;
	color: #898b96;
	letter-spacing: 0.3px;
	width: 70px;
}
.timeline .timeline_item .timeline_item_time span {
	display: block;
	font-weight: 300;
	letter-spacing: 0px;
	font-size: 13px;
}
.timeline .timeline_item .timeline_item_circle {
	position: absolute;
	background: #F4F4F4;
	width: 20px;
}
.panel .timeline .timeline_item .timeline_item_circle {
	background: #fff;
}
.timeline .timeline_item .timeline_item_circle i {
	color: #DADADA;
}
.darkmode .timeline .timeline_item .timeline_item_circle {
	background: #242931;
}
.darkmode .timeline .timeline_item .timeline_item_circle i {
	color: #000;
}
.timeline .timeline_item .timeline_item_text {
	display: table-cell;
	vertical-align: top;
	font-weight: 400;
	padding-bottom: 5px;
	padding-left: 25px;
	height: 40px;
}
.timeline .timeline_item .timeline_item_text .text_box {
	background: #fff;
	position: relative;
	padding: 20px 15px 10px;
	border-radius: 3px;
	color: #666;
}
.timeline .timeline_item .timeline_item_text .text_box label {
	position: absolute;
	top: -10px;
	left: 14px;
	padding: 2px 8px;
	font-size: 12px;
	color: #fff;
	border-radius: 3px;
}
.timeline .timeline_item .timeline_item_text small {
	color: #333;
	font-size: 12px;
	opacity: 0.5;
}
.darkmode .timeline .timeline_item .timeline_item_text .text_box {
	background: #1c2025;
	color: #9e9e9e;
}
.darkmode .timeline .timeline_item .timeline_item_text small {
	color: #a2a2a2;
}

.alert-contrast {
	padding: 0;
	position: relative;
}
.alert-contrast.alert-success {
	background: #2FA47F;
	color: #fff;
	border: 0px;
}
.alert-contrast.alert-warning {
	background: #FBBC05;
	color: #fff;
	border: 0px;
}
.alert-contrast.alert-warning a {
	color: #fff;
	text-decoration: underline;
}
.alert-contrast.alert-danger {
	background: #a94442;
	color: #fff;
	border: 0px;
}
.alert-contrast>.icon {
	text-align:center
}
.alert-contrast>.icon {
	display:table-cell;
	width:60px;
	vertical-align:middle;
	cursor:default;
	background-color:rgba(255,255,255,.08)
}
.alert-contrast>.message {
	display:table-cell;
	padding:18px;
	border-left-width:0
}

.white-panel {
	background: #fff;
	border: 1px solid #e9e7e7;
	padding: 20px;
	margin-bottom: 30px;
}
.white-panel h3 {
	font-size: 21px;
	color: #333333;
	margin-bottom: 15px;
	margin-top: 0;
	text-transform: uppercase;
}
.white-panel p {
	color: #666666;
	font-size: 15px;
	line-height: 24px;
}
.transparent-panel {
	padding: 20px;
	padding-top: 0;
	margin-bottom: 30px;
}
.transparent-panel h3 {
	font-size: 21px;
	color: #333333;
	margin-bottom: 15px;
	margin-top: 0;
	text-transform: uppercase;
}
.transparent-panel p {
	color: #666666;
	font-size: 15px;
	line-height: 24px;
}
ul.circles {
	margin: 0px;
	padding: 0px;
}
ul.circles li {
	padding: 10px 15px 10px 60px;
    margin: 0px;
    margin-bottom: 5px;
    color: #666666;
    font-size: 15px;
    line-height: 24px;
    position: relative;
    list-style-type: none;
    background-color: #fdfdfd;
    border: 1px solid #f3f3f3;
}
ul.circles li span {
	position: absolute;
	left: 13px;
	top: 15px;
	color: #2FA47F;
	border: 2px solid #2FA47F;
	border-radius: 50%;
	line-height: 30px;
	width: 34px;
	text-align: center;
	font-weight: 700;
}
.transparent-panel ul.circles li {
	padding: 10px 0px 10px 45px;
    margin: 0px;
    margin-bottom: 5px;
    color: #666666;
    font-size: 15px;
    line-height: 24px;
    position: relative;
    list-style-type: none;
    background-color: transparent;
    border: none;
}
.transparent-panel ul.circles li span {
	position: absolute;
	left: 0px;
	top: 15px;
	color: #2FA47F;
	border: 2px solid #2FA47F;
	border-radius: 50%;
	line-height: 30px;
	width: 34px;
	text-align: center;
	font-weight: 700;
}
.transparent-panel .faq-question, .transparent-panel .faq-question:active, .transparent-panel .faq-question:visited, .transparent-panel .faq-question:focus {
    border: 1px solid #e8e6e6;
}

.page_sidebar {
	width: 260px;
	background: #f8f8f8;
	border-left: 1px solid #e5e5e5;
	position: static;
	float: right;
	margin-right: -24px;
	margin-top: -24px;
}
.page_sidebar::before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0px;
	bottom: 0px;
	background-color: inherit;
	border: inherit;
	width: inherit;
}
.page_sidebar .sidebar_content {
	position: relative;
	z-index: 1;
}
.page_sidebar .sidebar_content .empty {
	padding: 12px;
}
.page_sidebar .sidebar_content .comment {
	border-bottom: 1px solid #e5e5e5;
	background: #fff;
}
.page_sidebar .sidebar_content .comment .box-header {
	padding: 8px;
}
.page_sidebar .sidebar_content .comment .box-header small {
	font-size: 11px;
}
.page_sidebar .sidebar_content .comment .box-header .box-tool {
	right: 8px;
	top: 8px;
}
.page_sidebar .sidebar_content .comment .box-body {
	padding: 8px;
	padding-top: 0px;
	font-size: 13px;
}
.page_sidebar .sidebar_content .comment_add {
	display: block;
	width: 100%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: #888;
}
.page_sidebar .sidebar_content .comment_add:hover {
	background: #eaa183;
}
.page_sidebar .sidebar_content .edit_comment {
	font-size: 13px;
	padding: 4px 12px;
}
.page_tabs {
	width: 190px;
	background: #f8f8f8;
	border-right: 1px solid #e5e5e5;
	position: static;
	float: left;
	margin-left: -24px;
	margin-top: -24px;
}
.page_tabs::before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0px;
	bottom: 0px;
	background-color: inherit;
	border: inherit;
	width: inherit;
}
.page_tabs .tab_content {
	position: relative;
	z-index: 1;
}
.page_tabs .tab_content ul {
	margin: 0px;
	padding: 0px;
}
.page_tabs .tab_content ul li {
	list-style-type: none;
	padding: 0px;
}
.page_tabs .tab_content ul li a {
	display: block;
	padding: 16px 25px 16px 24px;
	border-bottom: 1px solid #e5e5e5;
	color: #888;
}
.page_tabs .tab_content ul li a:hover {
	color: #555;
	background: #f4f4f4;
}
.page_tabs .tab_content ul li a.active {
	color: #333;
	background: #fff;
	font-weight: bold;
	position: relative;
}
.page_tabs .tab_content ul li a.active::after {
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #fff;
	margin-top: -10px;
}
.page_tabs .tab_content ul li a.active::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	width: 0; 
	height: 0; 
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	border-left: 11px solid #e5e5e5;
	margin-top: -11px;
}
.tab-shift {
	margin-left: 188px;
}
.page_tab_map {
	margin-left: 164px;
	position: relative;
	top: -24px;
	margin-right: -24px;
	margin-bottom: -24px;
}
.page_tabs_contents.righted .tab-shift {
	margin-left: -12px;
	margin-right: 258px;
}
.page_tabs_contents .page_tabs_content {
	display: none;
}
.page_tabs_contents .page_tabs_content.active {
	display: block;
}

.comment_lvl_1 {
	/*padding-left: 60px !important;*/
}
.comment_lvl_2 {
	/*padding-left: 120px !important;*/
}
.comment_body p {
	margin: 0px;
}
.activity .name span {
	margin-left: 20px;
}
.list-m-last {
	margin-right: 22px;
}
.list-m-last:last-child {
	margin-right: 0px;
}
.details_info {
	opacity: 0.7;
	margin-top: 8px;
}
.machine-log > div {
	font-weight: 600;
	font-size: 15px;
}
.machine-log > span {
	font-size: 12px;
	letter-spacing: 1px;
}
.box .open-modal {
	position: absolute;
	top: 16px;
	right: 16px;
}
.note_row {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.note_row:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.message.active {
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: #303641;
	padding: 15px 20px;
	color: #2fa57f;
	z-index: 999;
}
.message.active span {
	animation: blinker 2s linear infinite;
	margin-left: 10px;
	color: #fff;
}

@keyframes blinker {  
	50% { opacity: 0.5; }
}
.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr>th.warning:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.active,.table>tbody>tr>td.danger,.table>tbody>tr>td.info,.table>tbody>tr>td.success,.table>tbody>tr>td.warning,.table>tbody>tr>th.active,.table>tbody>tr>th.danger,.table>tbody>tr>th.info,.table>tbody>tr>th.success,.table>tbody>tr>th.warning,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.active,.table>tfoot>tr>td.danger,.table>tfoot>tr>td.info,.table>tfoot>tr>td.success,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.active,.table>tfoot>tr>th.danger,.table>tfoot>tr>th.info,.table>tfoot>tr>th.success,.table>tfoot>tr>th.warning,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.active,.table>thead>tr>td.danger,.table>thead>tr>td.info,.table>thead>tr>td.success,.table>thead>tr>td.warning,.table>thead>tr>th.active,.table>thead>tr>th.danger,.table>thead>tr>th.info,.table>thead>tr>th.success,.table>thead>tr>th.warning {
	color:#fff
}
.table-hover > tbody > tr:hover, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
	background-color: #f0f0f0;
}
.table {
	width:100%;
	max-width:100%;
	margin-bottom:18px
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
	padding:12px 10px;
	line-height:1.42857143;
	vertical-align:top;
	border-top:1px solid #ddd
}
.darkmode .table>tbody>tr>td,.darkmode .table>tbody>tr>th,.darkmode .table>tfoot>tr>td,.darkmode .table>tfoot>tr>th,.darkmode .table>thead>tr>td,.darkmode .table>thead>tr>th {
	border-top:1px solid #363e48
}
.table>thead>tr>th {
	vertical-align:bottom;
	border-bottom:2px solid #ddd
}
.darkmode .table>thead>tr>th {
	border-bottom:2px solid #363e48
}
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
	border-top:0
}
.table>tbody+tbody {
	border-top:2px solid #ddd
}
.table .table {
	background-color:#EEE
}
.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
	padding:7px
}
.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
	border:1px solid #ddd
}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
	border-bottom-width:2px
}
.table-striped>tbody>tr:nth-of-type(odd) {
	background-color:#fafafa
}
.darkmode .table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #272d33;
}
.table-hover>tbody>tr:hover,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
	background-color:#f0f0f0
}
.darkmode .table-hover>tbody>tr:hover,.darkmode .table>tbody>tr.active>td,.darkmode .table>tbody>tr.active>th,.darkmode .table>tbody>tr>td.active,.darkmode .table>tbody>tr>th.active,.darkmode .table>tfoot>tr.active>td,.darkmode .table>tfoot>tr.active>th,.darkmode .table>tfoot>tr>td.active,.darkmode .table>tfoot>tr>th.active,.darkmode .table>thead>tr.active>td,.darkmode .table>thead>tr.active>th,.darkmode .table>thead>tr>td.active,.darkmode .table>thead>tr>th.active {
	background-color:#272d33
}
table col[class*=col-] {
	position:static;
	float:none;
	display:table-column
}
table td[class*=col-],table th[class*=col-] {
	position:static;
	float:none;
	display:table-cell
}
.btn-group>.btn-group,.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group,.dropdown-menu {
	float:left
}
.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
	background-color:#e3e3e3
}
.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
	background-color:#34a853
}
.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
	background-color:#2e9549
}
.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
	background-color:#d9edf7
}
.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
	background-color:#c4e3f3
}
.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
	background-color:#fcf8e3
}
.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
	background-color:#faf2cc
}
.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
	background-color:#ea4335
}
.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
	background-color:#e82e1e
}
.table-responsive {
	overflow-x:auto;
	min-height:.01%
}
@media screen and (max-width:767px) {
	.table-responsive {
		width:100%;
		margin-bottom:13.5px;
		overflow-y:hidden;
		-ms-overflow-style:-ms-autohiding-scrollbar;
		border:1px solid #ddd
	}
	.table-responsive>.table {
		margin-bottom:0
	}
	.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
		white-space:nowrap
	}
	.table-responsive>.table-bordered {
		border:0
	}
	.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
		border-left:0
	}
	.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
		border-right:0
	}
	.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
		border-bottom:0
	}
}
.panel-table table {
    margin-bottom: 0;
}
.table>thead>tr>th {
	border-bottom-width:2px;
	font-weight:700
}
.table>thead.primary>tr>th {
	color:#4285f4
}
.table>thead.success>tr>th {
	color:#34a853
}
.table>tbody>tr>td {
	font-weight:400;
	vertical-align:middle
}
.badge,.label {
	font-weight:700
}
.table-condensed>thead>tr>th {
	padding-top:10px;
	padding-bottom:8px
}
.table-bordered>thead>tr>th {
	padding:14px 10px
}
.table-bordered tbody>tr td:first-child {
	padding-left:10px
}
.table-bordered tbody>tr td:last-child {
	padding-right:10px
}
.table>tbody>tr.primary>td,.table>tbody>tr.primary>th,.table>tbody>tr>td.primary,.table>tbody>tr>th.primary,.table>tfoot>tr.primary>td,.table>tfoot>tr.primary>th,.table>tfoot>tr>td.primary,.table>tfoot>tr>th.primary,.table>thead>tr.primary>td,.table>thead>tr.primary>th,.table>thead>tr>td.primary,.table>thead>tr>th.primary {
	background-color:#5f99f5
}
.table-hover>tbody>tr.primary:hover>td,.table-hover>tbody>tr.primary:hover>th,.table-hover>tbody>tr:hover>.primary,.table-hover>tbody>tr>td.primary:hover,.table-hover>tbody>tr>th.primary:hover {
	background-color:#478af4
}
.table-hover>tbody>tr.primary:hover>td,.table-hover>tbody>tr.primary:hover>th,.table-hover>tbody>tr:hover>.primary,.table-hover>tbody>tr>td.primary:hover,.table-hover>tbody>tr>th.primary:hover,.table>tbody>tr.primary>td,.table>tbody>tr.primary>th,.table>tbody>tr>td.primary,.table>tbody>tr>th.primary,.table>tfoot>tr.primary>td,.table>tfoot>tr.primary>th,.table>tfoot>tr>td.primary,.table>tfoot>tr>th.primary,.table>thead>tr.primary>td,.table>thead>tr.primary>th,.table>thead>tr>td.primary,.table>thead>tr>th.primary {
	color:#fff
}
.table-responsive {
	border:0;
	margin-bottom:0
}
.table-responsive tbody>tr>td {
	padding-top:11px;
	padding-bottom:11px
}
.table tr td .be-checkbox,.table tr th .be-checkbox {
	padding:0
}
.table tr td.actions .icon,.table tr th.actions .icon {
	color:#a1a1a1;
	font-size:18px;
	line-height:18px
}
.table tr td.actions .icon:hover,.table tr th.actions .icon:hover {
	color:grey
}
.table tbody tr td.user-avatar img {
	height:30px;
	width:30px;
	border-radius:50%;
	margin-right:10px
}
@media (max-width:767px) {
	.table tbody tr td.user-avatar img {
		display:none
	}
}
.table tbody tr td.cell-detail span {
	display:block
}
.table tbody tr td.cell-detail .cell-detail-description {
	display:block;
	font-size:11px;
	color:#999
}
.table tbody tr td.user-info img {
	float:left
}
.table tbody tr td.user-info span {
	padding-left:40px
}
.table tbody tr td.milestone {
	min-width:100px
}
.table tbody tr td.milestone span {
	display:block;
	font-size:11px;
	color:#999;
	margin-bottom:6px
}
.table tbody tr td.milestone span.completed {
	float:right
}
.table tbody tr td.milestone .progress {
	height:6px;
	background-color:#e6e6e6;
	margin-bottom:0
}
.table tbody tr td.milestone .progress .progress-bar {
	border-radius:2px
}
.table tbody tr.online td:first-child {
	border-left:3px solid #5f99f5;
	padding-left:17px
}
.table .number {
	text-align:right
}
.table.table-borderless tbody tr td {
	border-top-width:0
}
.panel-table table {
	margin-bottom:0
}
.panel-table tr td:first-child,.panel-table tr th:first-child {
	padding-left:20px
}
.panel-table tr td:last-child,.panel-table tr th:last-child {
	padding-right:20px
}
.panel-table thead tr th {
	padding-top:15px;
	padding-bottom:10px
}

i.flag {
	display: inline-block;
	width: 16px;
	height: 10px;
	vertical-align: middle;
	margin-right: 10px;
	position: relative;
	top: -1px;
}
i.flag.be {
	background: url('../img/country_be.png') no-repeat;
}
i.flag.nl {
	background: url('../img/country_nl.png') no-repeat;
}
i.flag.de {
	background: url('../img/country_de.png') no-repeat;
}
i.flag.fr {
	background: url('../img/country_fr.png') no-repeat;
}
i.flag.uk {
	background: url('../img/country_uk.png') no-repeat;
}


/* *****************************************************************************
#	HELPERS
***************************************************************************** */
.mt-0 { margin-top: 0px !important; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.hidden { display: none; }
.text-grey { color: #999; }
.empty { color: #999; }
.contain-img { max-width: 100%; max-height: 100%; }
.pointer { cursor: pointer; }
.text-bold { font-weight: 700; }
.cs-class-1, .cs-class-2, .cs-class-3, .cs-class-4, .cs-class-5, .cs-class-6, .cs-class-7, .cs-class-8, .cs-class-9, .cs-class-10 {
	font-weight: bold;
}
.cs-class-1 { color: #F92C19; }
.cs-class-2 { color: #F92C19; }
.cs-class-3 { color: #F92C19; }
.cs-class-4 { color: #F92C19; }
.cs-class-5 { color: #F7861E; }
.cs-class-10 { color: #28971B; }
.cs-tr-1 { border-left: 5px solid #F92C19; }
.cs-tr-2 { border-left: 5px solid #F92C19; }
.cs-tr-3 { border-left:5px solid  #F92C19; }
.cs-tr-4 { border-left: 5px solid #F92C19; }
.cs-tr-5 { border-left: 5px solid #F7861E; }
.cs-tr-10 { border-left: 5px solid #28971B; }

.table td.cs-status-td { padding-top: 5px; padding-bottom: 0px; width: 135px; }
.cs-status { position: relative; text-align: center; font-size: 10px; text-transform: uppercase; color: #999; display: inline-block; margin-right: 12px; }
.cs-status:last-child { margin-right: 0px; }
.cs-status.green { background: none; color: #28971B; }
.cs-status.red { background: none; color: #F92C19; }
.cs-status i { display: block; font-size: 22px; }

.fa-icons { margin: 0px; padding: 0px; margin-bottom: 18px; }
.fa-icons li { list-style-type: none; padding: 0px; padding-left: 2px; margin-bottom: 6px; }
.fa-icons li i { margin-right: 10px; }

/* *****************************************************************************
#	BUTTONS
***************************************************************************** */
.btn-primary {
	background: #2FA47F;
	color: #fff;
	border: 1px solid #2FA47F;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background: #259672 !important;
	border: 1px solid #2FA47F !important;
}
.actions .btn-group {
	margin-right: 5px;
}
.btn-dark {
	background: #c0c0c0;
	color: #fff;
}
.btn-group .btn {
	border-right: 1px solid rgba(0,0,0,0.13);
	border-left: 1px solid rgba(0,0,0,0.13);
}
.btn-group .btn.btn-dark.active {
	-webkit-box-shadow: inset 0px -4rem 0px 0px rgba(158, 158, 158, 0.4);
	-moz-box-shadow: inset 0px -4rem 0px 0px rgba(158, 158, 158, 0.4);
	box-shadow: inset 0px -4rem 0px 0px rgba(158, 158, 158, 0.4);
}
.btn-group .btn:first-child {
	border-left: 0px;
}
.btn-group .btn.note-btn:first-child {
	border-left: 1px solid rgba(0,0,0,0.13);
}
.btn-group .btn:last-child {
	border-right: 0px;
}
.btn-group .btn.note-btn:last-child {
	border-right: 1px solid rgba(0,0,0,0.13);
}
.btn-compact {
	line-height: 28px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 2px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.5px;
	border-width: 1px;
	margin-bottom: 5px;
}
.btn-compact.btn-success {
	border: 1px solid #37ae37;
}
.btn-second {
	background: #303641;
	color: #fff;
}
.btn-second:hover, .btn-second:focus {
	background: #272d37;
	width: 100%;
	color: #fff;
}

/* *****************************************************************************
#	LOGIN PAGE
***************************************************************************** */
.front_box {
	width: 360px;
	position: absolute;
	top: 50%;
	margin-top: -230px;
	left: 50%;
	margin-left: -180px;
	background: #fff;
	padding: 15px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.front_box .logo {
    width: 80%;
    height: 56px;
    margin: 10px auto 20px auto;
    background: url(../img/logo.png) center top no-repeat;
    background-size: contain;
}
.front_box .input-group i {
	color: #666;
}
.front_box a {
	color: #999;
	font-size: 12px;
}
.front_box a:hover {
	color: inherit;
}
.front_box .footer {
	margin-top: 80px;
	color: #3f4143;
	text-align: center;
	font-size: 10px;
}
.front_box .box {
	margin-bottom: 0px;
	border-radius: 5px;
}
.front-box {
	position: absolute;
	bottom: 50px;
	left: 50px;
	width: 360px;
}
.front-box form .form-group:last-child {
	margin-bottom: 0px;
}

/* *****************************************************************************
#	FORMS
***************************************************************************** */
.button {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 7px 0px;
	width: 100%;
	display: block;
	background: #338AA3;
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	border: 1px solid #1B6377;
}
.button:hover {
	background: #1B6377;
}
input[type="submit"] {
	width: 100%;
	display: block;
	padding: 7px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 0px;
	font-weight: 600;
}
input[type="submit"].inline {
	display: inline-block;
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
}
input[type="submit"].btn-sm {
	padding-top: 4px;
	padding-bottom: 4px;
}
input[type="submit"].primary:hover {
	background-color: #00A58F;
}
.form-control {
	font-size: 15px;
	border-color: #d5d8de;
}
.form-control::-moz-placeholder {
	opacity: 0.5;
}
.form-control.smaller {
	font-size: 14px;
	padding: 4px 12px;
}
.c-select {
	padding: 7px 8px;
}
.c-select optgroup {
	padding: 6px 5px 0px 3px;
	font-weight: 700;
	color: #222;
}
.c-select optgroup > option:first-child {
	margin-top: 6px;
}
.c-select option span {
	color: #aaa;
}
.data-form .form-group:last-child {
	margin-bottom: 0px;
}
.data-form .help-block {
	display: block;
	position: relative;
	top: 5px;
	font-size: 12px;
	color: #888;
	padding-left: 18px;
}
.data-form .help-block:before {
	position: absolute;
	left: 0px;
	top: -1px;
	font-family: 'FontAwesome';
	content: '\f05a';
}
.data-form .form-group input,
.data-form .form-group textarea,
.data-form .form-group select,
.data-form .box-hiding {
	display: none;
}
.data-form.editing .box-hiding {
	display: inherit;
}
.data-form .form-group .box-grid {
	position: relative;
}
.data-form .form-group .box-grid .grid-wrapper {
	overflow-x: auto;
}
.data-form .form-group .box-grid.locked {
	margin-left: 13px;
	margin-right: 13px;
}
.data-form .form-group .box-grid input {
	display: block;
	border: 0px;
	padding: 0px 8px;
	height: 23px !important;
	line-height: 23px !important;
	background: #fff9ea;
}
.data-form .form-group .box-grid input.sp_cell {
	line-height: 22px !important;
	height: 22px !important;
	min-height: 22px;
}
.data-form .current_value {
	padding: 7px 13px;
}
.box-body .row.files {
	margin-top: -24px;
}
.picture_holder {
	height: 120px;
	background: #f6f6f6;
	border: 1px solid #dfdfdf;
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.04);
	-moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.04);
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.04);
	text-align: center;
	padding: 8px;
	margin-top: 24px;
	position: relative;
}
.picture_holder img {
	max-height: 104px;
	max-width: 90%;
	position: absolute;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.picture_holder .btn-delete {
	position: absolute;
	top: -6px;
	right: -6px;
	display: none;
}
.picture_holder:hover .btn-delete {
	display: block;
}
.picture_holder .btn-delete i {
	position: relative;
	top: -1px;
}
.picture_holder.placeholder {
	background: #fafafa;
	-webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0);
	-moz-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0);
	box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0);
	color: #aaa;
	border: 1px dashed #dfdfdf;
	position: relative;
}
.picture_holder.placeholder:hover {
	color: #888;
	border: 1px dashed #d7d7d7;
}
.picture_holder.placeholder span {
	display: block;
	margin-top: 30px;
}
.picture_holder.placeholder input.upload {
    position: absolute;
    top: 0;
    right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
#files_placeholder input.upload {
	position: absolute;
    top: 0;
    right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
	display: block;
}

.file_upload {
	position: relative;
	background: #c98910;
	color: #fff;
	border-radius: 4px;
	padding: 6px;
	width: 100%;
	line-height: 24px;
	font-size: 16px;
	cursor: pointer;
	text-align: center;
}
.file_upload:hover {
	background: #b67a0a;
}
.file_upload span i {
	margin-right: 12px;
}
.file_upload input.upload {
	position: absolute;
    top: 0;
    right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
	display: block;
}

#box_edit_product_files .form-group:last-child {
	margin-bottom: 15px;
}
.form-group.placeholder .placeholder_info {
	background: #fafafa;
	color: #aaa;
	border: 1px dashed #dfdfdf;
	text-align: center;
	padding: 6px 0px;
	cursor: pointer;
}
.form-group.placeholder .placeholder_info:hover {
	color: #888;
	border: 1px dashed #d7d7d7;
}
.box-body.box-map {
	padding: 4px;
}

.be-checkbox,.be-radio {
	display:block;
	line-height:20px;
	margin:0;
	padding:7px 0
}
.form-horizontal .be-checkbox,.form-horizontal .be-radio {
	padding:7px 0;
	min-height:auto
}
.be-checkbox input[type=checkbox],.be-checkbox input[type=radio],.be-radio input[type=checkbox],.be-radio input[type=radio] {
	margin:0;
	display:none;
	width:20px
}
.be-checkbox label,.be-radio label {
	margin-bottom:0;
	cursor: pointer;
}
.be-checkbox label::-moz-selection,.be-radio label::-moz-selection {
	background-color:transparent
}
.be-checkbox label::selection,.be-radio label::selection {
	background-color:transparent
}
.be-checkbox input[type=checkbox]+label,.be-checkbox input[type=radio]+label,.be-radio input[type=checkbox]+label,.be-radio input[type=radio]+label {
	padding-left:0
}
.be-checkbox input[type=checkbox]+label:before,.be-checkbox input[type=radio]+label:before,.be-radio input[type=checkbox]+label:before,.be-radio input[type=radio]+label:before {
	content:"";
	width:20px;
	height:20px;
	display:inline-block;
	border:1px solid #ccc;
	border-radius:3px;
	margin-right:12px;
	font-size:14px;
	font-family:'FontAwesome';
	font-weight:200;
	line-height:19px;
	vertical-align:bottom;
	text-align:center;
	background-color:#fff;
	cursor:pointer
}
.darkmode input[type=radio]+label:before {
	background-color: #000;
	border: 1px solid #464646;
}
.darkmode .prijs_badge {
	background-color: #000000 !important;
}
.be-checkbox input[type=checkbox]+label:hover:before,.be-checkbox input[type=radio]+label:hover:before,.be-radio input[type=checkbox]+label:hover:before,.be-radio input[type=radio]+label:hover:before {
	border-color:#a2a8b6
}
.be-checkbox input[type=checkbox]:hover+label:before,.be-checkbox input[type=radio]:hover+label:before,.be-radio input[type=checkbox]:hover+label:before,.be-radio input[type=radio]:hover+label:before {
	border-color:#b8bdc8
}
.be-checkbox input[type=checkbox]:checked+label:before,.be-checkbox input[type=radio]:checked+label:before,.be-radio input[type=checkbox]:checked+label:before,.be-radio input[type=radio]:checked+label:before {
	content:"\f17b";
	color:#2fa57f;
	border-color:#2fa57f
}
.be-checkbox input[type=checkbox]:disabled+label,.be-checkbox input[type=radio]:disabled+label,.be-radio input[type=checkbox]:disabled+label,.be-radio input[type=radio]:disabled+label {
	opacity:.5;
	pointer-events:none
}
.be-checkbox input[type=checkbox]:disabled+label:before,.be-checkbox input[type=radio]:disabled+label:before,.be-radio input[type=checkbox]:disabled+label:before,.be-radio input[type=radio]:disabled+label:before {
	pointer-events:none;
	background-color:#fff
}
.be-checkbox input[type=radio]+label:before,.be-radio input[type=radio]+label:before {
	border-radius:50%;
	width:21px;
	height:21px;
	line-height:21px;
	font-size:13px
}
.be-checkbox input[type=radio]:checked+label:before,.be-radio input[type=radio]:checked+label:before {
	content:"\f17b"
}
.be-checkbox.inline,.be-radio.inline {
	display:inline-block
}
.be-checkbox.inline+.be-checkbox.inline,.be-checkbox.inline+.be-radio.inline,.be-radio.inline+.be-checkbox.inline,.be-radio.inline+.be-radio.inline {
	margin-left:18px
}
.be-checkbox.has-success input[type=checkbox]+label:before,.be-checkbox.has-success input[type=radio]+label:before,.be-radio.has-success input[type=checkbox]+label:before,.be-radio.has-success input[type=radio]+label:before {
	color:#37b358;
	border-color:#37b358
}
.be-checkbox.has-warning input[type=checkbox]+label:before,.be-checkbox.has-warning input[type=radio]+label:before,.be-radio.has-warning input[type=checkbox]+label:before,.be-radio.has-warning input[type=radio]+label:before {
	color:#f6c163;
	border-color:#f6c163
}
.be-checkbox.has-danger input[type=checkbox]+label:before,.be-checkbox.has-danger input[type=radio]+label:before,.be-radio.has-danger input[type=checkbox]+label:before,.be-radio.has-danger input[type=radio]+label:before {
	color:#eb6357;
	border-color:#eb6357
}
.be-checkbox-color input[type=checkbox]:checked+label:before,.be-checkbox-color input[type=radio]:checked+label:before,.be-radio-color input[type=checkbox]:checked+label:before,.be-radio-color input[type=radio]:checked+label:before {
	color:#fff;
	border-color:#2fa57f;
	background-color:#2fa57f
}
.be-checkbox-color.has-success input[type=checkbox]:checked+label:before,.be-checkbox-color.has-success input[type=radio]:checked+label:before,.be-radio-color.has-success input[type=checkbox]:checked+label:before,.be-radio-color.has-success input[type=radio]:checked+label:before {
	color:#fff;
	border-color:#37b358;
	background-color:#37b358
}
.be-checkbox-color.has-warning input[type=checkbox]:checked+label:before,.be-checkbox-color.has-warning input[type=radio]:checked+label:before,.be-radio-color.has-warning input[type=checkbox]:checked+label:before,.be-radio-color.has-warning input[type=radio]:checked+label:before {
	color:#fff;
	border-color:#f6c163;
	background-color:#f6c163
}
.be-checkbox-color.has-danger input[type=checkbox]:checked+label:before,.be-checkbox-color.has-danger input[type=radio]:checked+label:before,.be-radio-color.has-danger input[type=checkbox]:checked+label:before,.be-radio-color.has-danger input[type=radio]:checked+label:before {
	color:#fff;
	border-color:#eb6357;
	background-color:#eb6357
}
.be-radio-icon {
	display:block;
	margin:0;
	padding:7px 0
}
.be-radio-icon input[type=radio] {
	margin:0;
	display:none;
	width:52px
}
.be-radio-icon label {
	cursor:pointer;
	margin:0;
	width:52px;
	height:52px;
	line-height:52px;
	border:1px solid #d5d8de;
	border-radius:50%;
	text-align:center;
	font-size:36px;
	vertical-align:middle;
	color:grey
}
.be-radio-icon label:hover {
	border-color:#b8bdc8
}
.be-radio-icon input[type=radio]:checked+label {
	border-color:#4285f4;
	color:#4285f4
}
.be-radio-icon.has-success input[type=radio]:checked+label {
	border-color:#37b358;
	color:#37b358
}
.be-radio-icon.has-warning input[type=radio]+label,.be-radio-icon.has-warning input[type=radio]:checked+label {
	border-color:#f6c163;
	color:#f6c163
}
.be-radio-icon.has-danger input[type=radio]:checked+label {
	border-color:#eb6357;
	color:#eb6357
}
.be-radio-icon.inline {
	display:inline-block
}
.be-radio-icon.inline+.be-radio-icon.inline {
	margin-left:18px
}
.be-checkbox-sm {
	line-height:18px
}
.be-checkbox-sm input[type=checkbox]+label:before {
	width:18px;
	height:18px;
	font-size:17px;
	line-height:15px
}

.tile-stats {
	position: relative;
	display: block;
	background: #303641;
	padding: 20px;
	margin-bottom: 30px;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.tile-stats:hover {
	background: #252a32;
}
.tile-stats.hpointer:hover {
	cursor: pointer;
}
.tile-stats .icon {
	color: rgba(0, 0, 0, 0.1);
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 1;
}
.tile-stats .icon {
    bottom: 35px;
	right: 90px;
}
.tile-stats .icon i {
	font-size: 100px;
	line-height: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.tile-stats .icon i:before {
	margin: 0;
	padding: 0;
	line-height: 0;
}
.tile-stats .num,
.tile-stats h3,
.tile-stats p {
	position: relative;
	color: #fff;
	z-index: 5;
	margin: 0;
	padding: 0;
}
.tile-stats .num {
	font-size: 38px;
	font-weight: bold;
}
.tile-stats h3 {
	font-size: 18px;
	margin-top: 5px;
}
.tile-stats p {
	font-size: 11px;
	margin-top: 5px;
}
.tile-stats.tile-red {
	background: #f56954;
}
.tile-stats.tile-red:hover {
	background: #f4543c;
}
.tile-stats.tile-red .icon {
	color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-red .num,
.tile-stats.tile-red h3,
.tile-stats.tile-red p {
	color: #fff;
}
.tile-stats.tile-green {
	background: #00a65a;
}
.tile-stats.tile-green:hover {
	background: #008d4c;
}
.tile-stats.tile-green .icon {
	color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-green .num,
.tile-stats.tile-green h3,
.tile-stats.tile-green p {
	color: #fff;
}
.tile-stats.tile-blue {
	background: #0073b7;
}
.tile-stats.tile-blue:hover {
	background: #00639e;
}
.tile-stats.tile-blue .icon {
	color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-blue .num,
.tile-stats.tile-blue h3,
.tile-stats.tile-blue p {
	color: #fff;
}
.tile-stats.tile-aqua {
	background: #00c0ef;
}
.tile-stats.tile-aqua:hover {
	background: #00acd6;
}
.tile-stats.tile-aqua .icon {
	color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-aqua .num,
.tile-stats.tile-aqua h3,
.tile-stats.tile-aqua p {
	color: #fff;
}
.tile-stats.tile-cyan {
	background: #00b29e;
}
.tile-stats.tile-cyan:hover {
	background: #009987;
}
.tile-stats.tile-cyan .icon {
	color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-cyan .num,
.tile-stats.tile-cyan h3,
.tile-stats.tile-cyan p {
	color: #fff;
}
.tile-stats.tile-purple {
	background: #ba79cb;
}
.tile-stats.tile-purple:hover {
	background: #b167c4;
}
.tile-stats.tile-purple .icon {
	color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-purple .num,
.tile-stats.tile-purple h3,
.tile-stats.tile-purple p {
	color: #fff;
}
.tile-stats.tile-pink {
	background: #ec3b83;
}
.tile-stats.tile-pink:hover {
	background: #ea2474;
}
.tile-stats.tile-pink .icon {
	color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-pink .num,
.tile-stats.tile-pink h3,
.tile-stats.tile-pink p {
	color: #fff;
}
.tile-stats.tile-orange {
	background: #ffa812;
}
.tile-stats.tile-orange:hover {
	background: #f89d00;
}
.tile-stats.tile-orange .icon {
	color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-orange .num,
.tile-stats.tile-orange h3,
.tile-stats.tile-orange p {
	color: #fff;
}
.tile-stats.tile-brown {
	background: #6c541e;
}
.tile-stats.tile-brown:hover {
	background: #584418;
}
.tile-stats.tile-brown .icon {
	color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-brown .num,
.tile-stats.tile-brown h3,
.tile-stats.tile-brown p {
	color: #fff;
}
.tile-stats.tile-plum {
	background: #701c1c;
}
.tile-stats.tile-plum:hover {
	background: #5c1717;
}
.tile-stats.tile-plum .icon {
	color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-plum .num,
.tile-stats.tile-plum h3,
.tile-stats.tile-plum p {
	color: #fff;
}
.tile-stats.tile-gray {
	background: #f5f5f5;
}
.tile-stats.tile-gray:hover {
	background: #e8e8e8;
}
.tile-stats.tile-gray .icon {
	color: rgba(0, 0, 0, 0.1);
}
.tile-stats.tile-gray .num,
.tile-stats.tile-gray h3,
.tile-stats.tile-gray p {
	color: #8f8f8f;
}
.tile-stats.tile-white {
	background: #fff;
	border: 1px solid #ebebeb;
}
.tile-stats.tile-white:hover {
	background: #f2f2f2;
}
.tile-stats.tile-white .icon {
	color: #f2f2f2;
}
.tile-stats.tile-white .num,
.tile-stats.tile-white h3,
.tile-stats.tile-white p {
	color: #303641;
}
.tile-stats.tile-white:hover {
	background-color: #fafafa;
}
.tile-stats.tile-white-red {
	background: #fff;
	border: 1px solid #ebebeb;
}
.tile-stats.tile-white-red:hover {
	background: #f2f2f2;
}
.tile-stats.tile-white-red .icon {
	color: #f2f2f2;
}
.tile-stats.tile-white-red .num,
.tile-stats.tile-white-red h3,
.tile-stats.tile-white-red p {
	color: #f56954;
}
.tile-stats.tile-white-red:hover {
	background-color: #fafafa;
}
.tile-stats.tile-white-green {
	background: #fff;
	border: 1px solid #ebebeb;
}
.tile-stats.tile-white-green:hover {
	background: #f2f2f2;
}
.tile-stats.tile-white-green .icon {
	color: #f2f2f2;
}
.tile-stats.tile-white-green .num,
.tile-stats.tile-white-green h3,
.tile-stats.tile-white-green p {
	color: #00a65a;
}
.tile-stats.tile-white-green:hover {
	background-color: #fafafa;
}
.tile-stats.tile-white-blue {
	background: #fff;
	border: 1px solid #ebebeb;
}
.tile-stats.tile-white-blue:hover {
	background: #f2f2f2;
}
.tile-stats.tile-white-blue .icon {
	color: #f2f2f2;
}
.tile-stats.tile-white-blue .num,
.tile-stats.tile-white-blue h3,
.tile-stats.tile-white-blue p {
	color: #0073b7;
}
.tile-stats.tile-white-blue:hover {
	background-color: #fafafa;
}
.tile-stats.tile-white-aqua {
	background: #fff;
	border: 1px solid #ebebeb;
}
.tile-stats.tile-white-aqua:hover {
	background: #f2f2f2;
}
.tile-stats.tile-white-aqua .icon {
	color: #f2f2f2;
}
.tile-stats.tile-white-aqua .num,
.tile-stats.tile-white-aqua h3,
.tile-stats.tile-white-aqua p {
	color: #00c0ef;
}
.tile-stats.tile-white-aqua:hover {
	background-color: #fafafa;
}
.tile-stats.tile-white-cyan {
	background: #fff;
	border: 1px solid #ebebeb;
}
.tile-stats.tile-white-cyan:hover {
	background: #f2f2f2;
}
.tile-stats.tile-white-cyan .icon {
	color: #f2f2f2;
}
.tile-stats.tile-white-cyan .num,
.tile-stats.tile-white-cyan h3,
.tile-stats.tile-white-cyan p {
	color: #00b29e;
}
.tile-stats.tile-white-cyan:hover {
	background-color: #fafafa;
}
.tile-stats.tile-white-purple {
	background: #fff;
	border: 1px solid #ebebeb;
}
.tile-stats.tile-white-purple:hover {
	background: #f2f2f2;
}
.tile-stats.tile-white-purple .icon {
	color: #f2f2f2;
}
.tile-stats.tile-white-purple .num,
.tile-stats.tile-white-purple h3,
.tile-stats.tile-white-purple p {
	color: #ba79cb;
}
.tile-stats.tile-white-purple:hover {
	background-color: #fafafa;
}
.tile-stats.tile-white-pink {
	background: #fff;
	border: 1px solid #ebebeb;
}
.tile-stats.tile-white-pink:hover {
	background: #f2f2f2;
}
.tile-stats.tile-white-pink .icon {
	color: #f2f2f2;
}
.tile-stats.tile-white-pink .num,
.tile-stats.tile-white-pink h3,
.tile-stats.tile-white-pink p {
	color: #ec3b83;
}
.tile-stats.tile-white-pink:hover {
	background-color: #fafafa;
}
.tile-stats.tile-white-orange {
	background: #fff;
	border: 1px solid #ebebeb;
}
.tile-stats.tile-white-orange:hover {
	background: #f2f2f2;
}
.tile-stats.tile-white-orange .icon {
	color: #f2f2f2;
}
.tile-stats.tile-white-orange .num,
.tile-stats.tile-white-orange h3,
.tile-stats.tile-white-orange p {
	color: #ffa812;
}
.tile-stats.tile-white-orange:hover {
	background-color: #fafafa;
}
.tile-stats.tile-white-brown {
	background: #fff;
	border: 1px solid #ebebeb;
}
.tile-stats.tile-white-brown:hover {
	background: #f2f2f2;
}
.tile-stats.tile-white-brown .icon {
	color: #f2f2f2;
}
.tile-stats.tile-white-brown .num,
.tile-stats.tile-white-brown h3,
.tile-stats.tile-white-brown p {
	color: #6c541e;
}
.tile-stats.tile-white-brown:hover {
	background-color: #fafafa;
}
.tile-stats.tile-white-plum {
	background: #fff;
	border: 1px solid #ebebeb;
}
.tile-stats.tile-white-plum:hover {
	background: #f2f2f2;
}
.tile-stats.tile-white-plum .icon {
	color: #f2f2f2;
}
.tile-stats.tile-white-plum .num,
.tile-stats.tile-white-plum h3,
.tile-stats.tile-white-plum p {
	color: #701c1c;
}
.tile-stats.tile-white-plum:hover {
	background-color: #fafafa;
}
.tile-stats.tile-white-gray {
	background: #fff;
	border: 1px solid #ebebeb;
}
.tile-stats.tile-white-gray:hover {
	background: #f2f2f2;
}
.tile-stats.tile-white-gray .icon {
	color: #f2f2f2;
}
.tile-stats.tile-white-gray .num,
.tile-stats.tile-white-gray h3,
.tile-stats.tile-white-gray p {
	color: #8f8f8f;
}
.tile-stats.tile-white-gray:hover {
	background-color: #fafafa;
}
.tile-stats i.toggle_chart {
	position: absolute;
	top: 25px;
	right: 20px;
	font-size: 21px;
	color: #fff;
	display: none;
}
.tile-stats:hover i.toggle_chart {
	display: block;
}
.tile-title {
	position: relative;
	display: block;
	background: #303641;
	margin-bottom: 10px;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
.tile-title:hover {
	background-color: #252a32;
}
.tile-title .icon {
	text-align: center;
	padding: 20px;
}
.tile-title .icon i {
	font-size: 60px;
	line-height: 1;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.tile-title .icon i:before {
	margin: 0;
	padding: 0;
	line-height: 1;
}
.tile-title .icon i,
.tile-title h3,
.tile-title p {
	color: #fff;
}
.tile-title .title {
	background: #252a32;
	text-align: center;
}
.tile-title .title h3,
.tile-title .title p {
	margin: 0;
	padding: 0 20px;
}
.tile-title .title h3 {
	padding-top: 20px;
	font-size: 16px;
	font-weight: bold;
}
.tile-title .title p {
	padding-bottom: 20px;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.85);
}
.tile-title.tile-red {
	background: #f56954;
}
.tile-title.tile-red:hover {
	background-color: #f4543c;
}
.tile-title.tile-red .icon i,
.tile-title.tile-red h3,
.tile-title.tile-red p {
	color: #fff;
}
.tile-title.tile-red .icon i {
	color: #fff;
}
.tile-title.tile-red .title {
	background: rgba(0, 0, 0, 0.1);
}
.tile-title.tile-red .title p {
	color: rgba(255, 255, 255, 0.85);
}
.tile-title.tile-green {
	background: #00a65a;
}
.tile-title.tile-green:hover {
	background-color: #008d4c;
}
.tile-title.tile-green .icon i,
.tile-title.tile-green h3,
.tile-title.tile-green p {
	color: #fff;
}
.tile-title.tile-green .icon i {
	color: #fff;
}
.tile-title.tile-green .title {
	background: rgba(0, 0, 0, 0.1);
}
.tile-title.tile-green .title p {
	color: rgba(255, 255, 255, 0.85);
}
.tile-title.tile-blue {
	background: #0073b7;
}
.tile-title.tile-blue:hover {
	background-color: #00639e;
}
.tile-title.tile-blue .icon i,
.tile-title.tile-blue h3,
.tile-title.tile-blue p {
	color: #fff;
}
.tile-title.tile-blue .icon i {
	color: #fff;
}
.tile-title.tile-blue .title {
	background: rgba(0, 0, 0, 0.1);
}
.tile-title.tile-blue .title p {
	color: rgba(255, 255, 255, 0.85);
}
.tile-title.tile-aqua {
	background: #00c0ef;
}
.tile-title.tile-aqua:hover {
	background-color: #00acd6;
}
.tile-title.tile-aqua .icon i,
.tile-title.tile-aqua h3,
.tile-title.tile-aqua p {
	color: #fff;
}
.tile-title.tile-aqua .icon i {
	color: #fff;
}
.tile-title.tile-aqua .title {
	background: rgba(0, 0, 0, 0.1);
}
.tile-title.tile-aqua .title p {
	color: rgba(255, 255, 255, 0.85);
}
.tile-title.tile-cyan {
	background: #00b29e;
}
.tile-title.tile-cyan:hover {
	background-color: #009987;
}
.tile-title.tile-cyan .icon i,
.tile-title.tile-cyan h3,
.tile-title.tile-cyan p {
	color: #fff;
}
.tile-title.tile-cyan .icon i {
	color: #fff;
}
.tile-title.tile-cyan .title {
	background: rgba(0, 0, 0, 0.1);
}
.tile-title.tile-cyan .title p {
	color: rgba(255, 255, 255, 0.85);
}
.tile-title.tile-purple {
	background: #ba79cb;
}
.tile-title.tile-purple:hover {
	background-color: #b167c4;
}
.tile-title.tile-purple .icon i,
.tile-title.tile-purple h3,
.tile-title.tile-purple p {
	color: #fff;
}
.tile-title.tile-purple .icon i {
	color: #fff;
}
.tile-title.tile-purple .title {
	background: rgba(0, 0, 0, 0.1);
}
.tile-title.tile-purple .title p {
	color: rgba(255, 255, 255, 0.85);
}
.tile-title.tile-pink {
	background: #ec3b83;
}
.tile-title.tile-pink:hover {
	background-color: #ea2474;
}
.tile-title.tile-pink .icon i,
.tile-title.tile-pink h3,
.tile-title.tile-pink p {
	color: #fff;
}
.tile-title.tile-pink .icon i {
	color: #fff;
}
.tile-title.tile-pink .title {
	background: rgba(0, 0, 0, 0.1);
}
.tile-title.tile-pink .title p {
	color: rgba(255, 255, 255, 0.85);
}
.tile-title.tile-orange {
	background: #ffa812;
}
.tile-title.tile-orange:hover {
	background-color: #f89d00;
}
.tile-title.tile-orange .icon i,
.tile-title.tile-orange h3,
.tile-title.tile-orange p {
	color: #fff;
}
.tile-title.tile-orange .icon i {
	color: #fff;
}
.tile-title.tile-orange .title {
	background: rgba(0, 0, 0, 0.1);
}
.tile-title.tile-orange .title p {
	color: rgba(255, 255, 255, 0.85);
}
.tile-title.tile-brown {
	background: #6c541e;
}
.tile-title.tile-brown:hover {
	background-color: #584418;
}
.tile-title.tile-brown .icon i,
.tile-title.tile-brown h3,
.tile-title.tile-brown p {
	color: #fff;
}
.tile-title.tile-brown .icon i {
	color: #fff;
}
.tile-title.tile-brown .title {
	background: rgba(0, 0, 0, 0.1);
}
.tile-title.tile-brown .title p {
	color: rgba(255, 255, 255, 0.85);
}
.tile-title.tile-plum {
	background: #701c1c;
}
.tile-title.tile-plum:hover {
	background-color: #5c1717;
}
.tile-title.tile-plum .icon i,
.tile-title.tile-plum h3,
.tile-title.tile-plum p {
	color: #fff;
}
.tile-title.tile-plum .icon i {
	color: #fff;
}
.tile-title.tile-plum .title {
	background: rgba(0, 0, 0, 0.1);
}
.tile-title.tile-plum .title p {
	color: rgba(255, 255, 255, 0.85);
}
.tile-title.tile-gray {
	background: #f5f5f5;
}
.tile-title.tile-gray:hover {
	background-color: #e8e8e8;
}
.tile-title.tile-gray .icon i,
.tile-title.tile-gray h3,
.tile-title.tile-gray p {
	color: #8f8f8f;
}
.tile-title.tile-gray .icon i {
	color: #8f8f8f;
}
.tile-title.tile-gray .title {
	background: rgba(0, 0, 0, 0.1);
}
.tile-title.tile-gray .title p {
	color: rgba(143, 143, 143, 0.85);
}
.tile-block {
	background: #00a65b;
	-webkit-border-radius: 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 5px;
	-moz-background-clip: padding;
	border-radius: 5px;
	background-clip: padding-box;
	margin-bottom: 20px;
	background-color: #303641;
	color: #fff;
}
.tile-block:before,
.tile-block:after {
	content: " ";
	display: table;
}
.tile-block:after {
	clear: both;
}
.tile-block .tile-header {
	color: #fff;
	font-size: 17px;
	padding: 20px;
}
.tile-block .tile-header a,
.tile-block .tile-header span {
	color: #fff;
}
.tile-block .tile-header span {
	display: block;
	margin-top: 4px;
	font-size: 11px;
}
.tile-block .tile-header i {
	float: right;
	font-size: 28px;
	position: relative;
	top: 4px;
}
.tile-block .tile-header i[class^="entypo-"] {
	top: 0;
}
.tile-block .tile-content {
	background: rgba(0, 0, 0, 0.03);
	padding: 20px;
}
.tile-block .tile-content .todo-list .neon-cb-replacement .cb-wrapper + label {
	top: -3px;
	margin-left: 8px;
}
.tile-block .tile-footer {
	background: rgba(0, 0, 0, 0.03);
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 20px;
	color: #fff;
	-webkit-border-radius: 0 0 5px 5px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 0 0 5px 5px;
	-moz-background-clip: padding;
	border-radius: 0 0 5px 5px;
	background-clip: padding-box;
}
.tile-block .tile-footer a {
	color: #fff;
	font-weight: bold;
}
.tile-block .form-control,
.tile-block .btn {
	background: rgba(0, 0, 0, 0.15);
	color: #fff;
	border-color: transparent;
}
.tile-block .form-control::-moz-placeholder,
.tile-block .btn::-moz-placeholder {
	color: rgba(255, 255, 255, 0.6);
	opacity: 1;
}
.tile-block .form-control:-ms-input-placeholder,
.tile-block .btn:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}
.tile-block .form-control::-webkit-input-placeholder,
.tile-block .btn::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}
.tile-block .form-control::-webkit-input-placeholder,
.tile-block .btn::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}
.tile-block .form-control:-moz-placeholder,
.tile-block .btn:-moz-placeholder {
	color: rgba(255, 255, 255, 0.6);
}
.tile-block .form-control::-moz-placeholder,
.tile-block .btn::-moz-placeholder {
	color: rgba(255, 255, 255, 0.6);
}
.tile-block .form-control:-ms-input-placeholder,
.tile-block .btn:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.6);
}
.tile-block .form-control + .todo-list,
.tile-block .btn + .todo-list {
	margin-top: 20px;
}
.tile-block .form-control + .btn {
	margin-top: 10px;
}
.tile-block .tile-header a,
.tile-block .tile-header span,
.tile-block .tile-header i {
	color: #fff;
}
.tile-block .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
	background: #303641;
}
.tile-block .tile-footer {
	color: #fff;
}
.tile-block .tile-footer a {
	color: #fff;
}
.tile-block.tile-red {
	background-color: #f56954;
	color: #fff;
}
.tile-block.tile-red .tile-header a,
.tile-block.tile-red .tile-header span,
.tile-block.tile-red .tile-header i {
	color: #fff;
}
.tile-block.tile-red .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
	background: #f56954;
}
.tile-block.tile-red .tile-footer {
	color: #fff;
}
.tile-block.tile-red .tile-footer a {
	color: #fff;
}
.tile-block.tile-green {
	background-color: #00a65a;
	color: #fff;
}
.tile-block.tile-green .tile-header a,
.tile-block.tile-green .tile-header span,
.tile-block.tile-green .tile-header i {
	color: #fff;
}
.tile-block.tile-green .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
	background: #00a65a;
}
.tile-block.tile-green .tile-footer {
	color: #fff;
}
.tile-block.tile-green .tile-footer a {
	color: #fff;
}
.tile-block.tile-blue {
	background-color: #0073b7;
	color: #fff;
}
.tile-block.tile-blue .tile-header a,
.tile-block.tile-blue .tile-header span,
.tile-block.tile-blue .tile-header i {
	color: #fff;
}
.tile-block.tile-blue .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
	background: #0073b7;
}
.tile-block.tile-blue .tile-footer {
	color: #fff;
}
.tile-block.tile-blue .tile-footer a {
	color: #fff;
}
.tile-block.tile-aqua {
	background-color: #00c0ef;
	color: #fff;
}
.tile-block.tile-aqua .tile-header a,
.tile-block.tile-aqua .tile-header span,
.tile-block.tile-aqua .tile-header i {
	color: #fff;
}
.tile-block.tile-aqua .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
	background: #00c0ef;
}
.tile-block.tile-aqua .tile-footer {
	color: #fff;
}
.tile-block.tile-aqua .tile-footer a {
	color: #fff;
}
.tile-block.tile-cyan {
	background-color: #00b29e;
	color: #fff;
}
.tile-block.tile-cyan .tile-header a,
.tile-block.tile-cyan .tile-header span,
.tile-block.tile-cyan .tile-header i {
	color: #fff;
}
.tile-block.tile-cyan .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
	background: #00b29e;
}
.tile-block.tile-cyan .tile-footer {
	color: #fff;
}
.tile-block.tile-cyan .tile-footer a {
	color: #fff;
}
.tile-block.tile-purple {
	background-color: #ba79cb;
	color: #fff;
}
.tile-block.tile-purple .tile-header a,
.tile-block.tile-purple .tile-header span,
.tile-block.tile-purple .tile-header i {
	color: #fff;
}
.tile-block.tile-purple .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
	background: #ba79cb;
}
.tile-block.tile-purple .tile-footer {
	color: #fff;
}
.tile-block.tile-purple .tile-footer a {
	color: #fff;
}
.tile-block.tile-pink {
	background-color: #ec3b83;
	color: #fff;
}
.tile-block.tile-pink .tile-header a,
.tile-block.tile-pink .tile-header span,
.tile-block.tile-pink .tile-header i {
	color: #fff;
}
.tile-block.tile-pink .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
	background: #ec3b83;
}
.tile-block.tile-pink .tile-footer {
	color: #fff;
}
.tile-block.tile-pink .tile-footer a {
	color: #fff;
}
.tile-block.tile-orange {
	background-color: #ffa812;
	color: #fff;
}
.tile-block.tile-orange .tile-header a,
.tile-block.tile-orange .tile-header span,
.tile-block.tile-orange .tile-header i {
	color: #fff;
}
.tile-block.tile-orange .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
	background: #ffa812;
}
.tile-block.tile-orange .tile-footer {
	color: #fff;
}
.tile-block.tile-orange .tile-footer a {
	color: #fff;
}
.tile-block.tile-brown {
	background-color: #6c541e;
	color: #fff;
}
.tile-block.tile-brown .tile-header a,
.tile-block.tile-brown .tile-header span,
.tile-block.tile-brown .tile-header i {
	color: #fff;
}
.tile-block.tile-brown .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
	background: #6c541e;
}
.tile-block.tile-brown .tile-footer {
	color: #fff;
}
.tile-block.tile-brown .tile-footer a {
	color: #fff;
}
.tile-block.tile-plum {
	background-color: #701c1c;
	color: #fff;
}
.tile-block.tile-plum .tile-header a,
.tile-block.tile-plum .tile-header span,
.tile-block.tile-plum .tile-header i {
	color: #fff;
}
.tile-block.tile-plum .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
	background: #701c1c;
}
.tile-block.tile-plum .tile-footer {
	color: #fff;
}
.tile-block.tile-plum .tile-footer a {
	color: #fff;
}
.tile-block.tile-gray {
	background-color: #f5f5f5;
	color: #767676;
}
.tile-block.tile-gray .tile-header a,
.tile-block.tile-gray .tile-header span,
.tile-block.tile-gray .tile-header i {
	color: #767676;
}
.tile-block.tile-gray .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
	background: #f5f5f5;
}
.tile-block.tile-gray .tile-footer {
	color: #767676;
}
.tile-block.tile-gray .tile-footer a {
	color: #767676;
}
.tile-block.tile-gray .tile-content .todo-list .neon-cb-replacement .cb-wrapper .checked {
	background: #dcdcdc;
}

.pricing-box h1, .pricing-box h2, .pricing-box h3, .pricing-box h4, .pricing-box h5, .pricing-box h6 {
	font-weight: 400;
}

/* *****************************************************************************
#	TABLES
***************************************************************************** */
.box #object-table {
	margin-bottom: 0px;
}
.box .table-responsive.no-header .dataTables_wrapper {
	padding-top: 0px; 
}
.box .table-responsive tbody.rowlink tr:hover {
	background-color: #fff9ea;
}
table.dataTable thead .sorting, 
table.dataTable thead .sorting_asc, 
table.dataTable thead .sorting_desc, 
table.dataTable thead .sorting_asc_disabled, 
table.dataTable thead .sorting_desc_disabled {
	cursor: pointer;
	position: relative;
}
table.dataTable thead .sorting:after, 
table.dataTable thead .sorting_asc:after, 
table.dataTable thead .sorting_desc:after, 
table.dataTable thead .sorting_asc_disabled:after, 
table.dataTable thead .sorting_desc_disabled:after {
	position: absolute;
	right: 8px;
	bottom: 8px;
	display: block;
	opacity: 0.7;
	font-family: 'FontAwesome';
}
table.dataTable thead .sorting:hover:after, 
table.dataTable thead .sorting_asc:hover:after, 
table.dataTable thead .sorting_desc:hover:after, 
table.dataTable thead .sorting_asc_disabled:hover:after, 
table.dataTable thead .sorting_desc_disabled:hover:after {
	opacity: 1;
}
table.dataTable thead .sorting:after {
	content: "\f0dc";
	opacity: 0.2
}
table.dataTable thead .sorting_asc:after {
	content: "\f160";
}
table.dataTable thead .sorting_desc:after {
	content: "\f161";
}
#object-table_filter {
	float: left;
	padding: 13px 16px;
	color: #999;
}
#object-table_filter label {
	margin: 0px;
}
#object-table_filter input {
	color: #55595c;
	padding: 2px 6px;
	border: 1px solid #E4E6E8;
}
#object-table_filter input:focus {
	border: 1px solid #D6D9DC;
}
#object-table_info {
	float: left;
	padding: 16px;
	color: #999;
}
#object-table_paginate {
	float: right;
	padding: 16px;
	text-align: right;
}
.paginate_button {
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-right: 0px;
	color: #333;
}
.paginate_button:hover {
	background: #f3f3f3;
}
.paginate_button.next {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.paginate_button.current {
	background: #FCC100;
	color: #fff;
	border-color: #FCC100;
}
.paginate_button.disabled {
	color: #aaa;
	cursor: default;
}
.paginate_button.disabled:hover {
	background: transparent;
}

.show-mobile {
	display: none;
}
.vak-box {
	color: #666;
    display: block;
    font-size: 16px;
    padding: 15px 20px;
    border: 1px solid #f3f3f3;
    font-weight: normal;
    position: relative;
    background-color: #fdfdfd;
    margin-bottom: 5px;
	text-decoration: none;
}
#succesboard div.row {
	margin: 0 !important;
	overflow-x: hidden;
}
#succesboard div[class^="col-"] {
	padding: 0 !important;
}
.tile-stats {
	margin: 0 !important;
	border-radius: 0;
	background-color: transparent;
	color: #333;
	border: none;
}
.tile-height-half {
	width: 100%;
	height: 140px;
}
.tile-height-half-long {
	width: 100%;
	height: 210px;
}
.tile-height-long {
	width: 100%;
	height: 280px;
}
.sector-cell {
	padding: 20px;
	color: #fff;
	line-height: 24px;
	min-height: 68px;
}
.sector-cell span {
	display: inline-block;
}
.sector-cell span.stat {
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	margin-right: 10px;
}
.sector-cell h3 {
	font-size: 20px;
	line-height: 28px;
	font-weight: bold;
	margin: 0;
}
.list-filters {
	margin-bottom: 20px;
}
.list-filters input {
	padding: 8px 15px;
	border: 1px solid #ddd;
}
.darkmode .list-filters input {
	border: 1px solid #363b42;
    background: #1c2025;
}
.pricing-box {
	box-shadow: 0 0 20px rgba(0,0,0,0.05);
}
.pricing-box:hover {
	box-shadow: 0 0 20px rgba(0,0,0,0.15);
}
.pricing-box h3 {
	font-size: 32px;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	line-height: 100px;
	display: inline-block;
	margin: 0 auto;
	color: #fff;
	background: #303641;
}
.pricing-box h3 sup {
	font-size: 55%;
	margin-right: 5px;
}
.pricing-box .profit {
	text-align: center;
	padding: 8px 0px;
	position: relative;
	margin-bottom: 10px;
	border-top: 1px solid #e9e7e7;
    border-bottom: 1px solid #e9e7e7;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-divider {
	height: 0;
	margin: .5rem 0;
	overflow: hidden;
	border-top: 1px solid #e9ecef;
}
.second-pay-option {
	text-align: center;
    border-top: 1px dashed #dcdcdc;
    margin-top: 25px;
    padding-top: 25px;
}
.credit-box {
	margin-top: 10px !important;
    padding: 10px;
    background-color: #f6f6f6;
    border: 1px solid #e9e7e7;
}
.credit-box span {
	color: #2FA47F;
	font-weight: 600;
}

.funnel_stage {
	position: relative;
}
.funnel_stage {
	height: 210px;
}
#succesboard div[class^="col-"].funnel_stage, .funnel_stage {
	padding-left: 20px !important;
}
.funnel_stage h3 {
	font-size: 24px;
}
.panel-default .funnel_stage h3, .panel-default .funnel_stage p {
	color: #333;
}
.funnel_stage .base {
	background: #579982;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}
.panel-default .funnel_stage .base {
	background: #2FA47F;
}
.funnel_stage .slide {
	position: absolute;
	left: 0px;
	border-bottom: 0px solid #579982;
	border-right: 0px solid transparent;
	width: 100%;
	height: 0px; 
}
.panel-default .funnel_stage .slide {
	border-bottom: 0px solid #2FA47F;
}
.funnel_stage .line {
	position: absolute; 
	left: 0px; 
	top: 0px;
	height: 100%; 
	width: 1px; 
	background: #fff; 
	opacity: 0.3;
	z-index: 2;
}
.panel-default .funnel_stage .line {
	background: #000;
}
.funnel_stage .impact {
	position: absolute;
	width: 40px;
	left: 50%;
	margin-left: -20px;
	top: 195px;
	z-index: 3;
	text-align: center;
	color: #fff;
	font-weight: 700;
}
.panel-default .funnel_stage .impact {
	color: #333;
}
.funnel_stage .impact span {
	width: 30px;
	height: 30px;
	display: block;
	border-radius: 50%;
	border: 3px solid #303641;
	background: #ddd;
	text-align: center;
	margin-left: 3px;
}
.panel-default .funnel_stage .impact span {
	border: 3px solid #fff;
}
.funnel_stage .impact span i {
	line-height: 24px;
	font-size: 14px;
	color: #303641;
	font-weight: 700;
}

.uppercase, .check_city, .check_zipcode, .punctuate, .squared {
	margin-left: 10px;
	color: #aaa;
	cursor: pointer;
	border: 1px solid #fff;
	font-size: 10px;
	font-weight: 300;
}
.darkmode .uppercase, .check_city, .check_zipcode, .punctuate, .squared {
	border: 0px;
}
.uppercase:hover, .check_city:hover, .check_zipcode:hover, .punctuate:hover, .squared:hover {
	color: #2FA47F;
}
.uppercase i {
	display: inline;
}
.uppercase i:last-child {
	font-size: 80%;
	margin-left: -5px;
}

.managed_row {
	margin-top: 25px;
}
.managed_row .containing {
	border: 1px solid #aaa;
	padding: 32px 15px 15px;
	background: #e3e3e3;
}
.managed_row .options {
	position: absolute;
	font-size: 17px;
	left: 15px;
	top: 0px;
	height: 21px;
}
.managed_row .options i {
	margin: 0px 5px;
	cursor: pointer;
	vertical-align: top;
	margin-top: 2px;
}
.managed_row .containing .options {
	background: #aaa;
	color: #fff;
}
.managed_row .containing .options i:hover {
	color: #000;
}
.managed_row .section_col {
	background: #f7f7f7;
	border: 1px solid #aaa;
	padding: 32px 15px 15px;
}
.managed_row .section_col .object {
	background: #fff;
	border: 1px solid #ddd;
	padding: 6px 10px;
	margin-bottom: 5px;
	position: relative;
}
.managed_row .section_col .object:last-child {
	margin-bottom: 0px;
}
.managed_row .section_col .object .tools {
	position: absolute;
	right: 10px;
	top: 6px;
}
.managed_row .section_col .object .tools i {
	margin-left: 5px;
	cursor: pointer;
	color: #888;
}
.managed_row .section_col .object .tools i:hover {
	color: #000;
}


/* *****************************************************************************
#	RESPONSIVE: LARGE ( < 1500)
***************************************************************************** */
@media (max-width: 1650px){
	.app-header #pageTitle {
		font-size: 14px;
	}
	.app-header #pageTitle i {
		margin: 0px 5px;
		top: 0px;
		font-size: 11px;
	}
}

/* *****************************************************************************
#	RESPONSIVE: MEDIUM ( < 1200)
***************************************************************************** */
@media (max-width: 1200px){


	.app-header {
		margin-left: 0px;
	}
	#mobile-menu-bar {
		display: block;
		text-align: center;
	}
	.navbar-toggle {
		display: block;
		margin-right: 10px;
		margin-top: 8px;
		margin-left: 5px; 
		float: left;
		padding: 10px;
		position: relative;
		background: transparent;
		border: 0px;
		z-index: 100;
		color: #fff;
	}
	.navbar-toggle .icon-bar-container {
		display: inline-block;
		float:left;
	}
	.navbar-toggle .icon-bar-container .icon-bar {
		display: block;
		height: 2px;
		width: 22px;
		background: #fff;
	}
	.navbar-toggle .icon-bar-container .icon-bar + .icon-bar {
		margin-top: 4px;
	}
	.navbar-toggle .icon-bar-text {
		display: inline-block;
		float:left;
		line-height: 14px;
		font-size: 14px;
		margin-left: 10px;
	}
	#dashboard_filter_desktop, #mails_filter_desktop {
		display: none;
	}
	#filter_mobile i {
		margin-left: 8px;
		position: relative;
		top: -3px;
	}
	#sidebar.offcanvas {
		display: none;
	}
	#sidebar.offcanvas.in {
		display: block
	}
	#sidebar {
		width: 280px;
	}
	#sidebar ul li a {
		text-align: left;
	}
	#sidebar ul li a .nav-text {
		display: block;
	}
	#sidebar ul li a .nav-icon {
		float: left;
		font-size: 14px;
		margin-right: 16px;
	}
	#content {
		padding-left: 24px;
		padding-top: 70px;
	}
	.app-header .navbar .nav-item a .icon-text {
		display: none;
	}
	.app-header .navbar .nav-item a .label.up {
		margin-right: 0px;
	}
	.navbar-divider, 
	.navbar-nav .nav-item + .nav-item, 
	.navbar-nav .nav-link + .nav-link {
		margin-left: 30px;
	}
}

/* *****************************************************************************
#	RESPONSIVE: SMALL ( < 992)
***************************************************************************** */
@media (max-width: 992px){

	.app-header #pageTitle i, 
	.app-header #pageTitle a {
		display: none;
	}
	.app-header #pageTitle a:last-child {
		display: inherit;
	}
	.profile_container .name .subinfo {
		font-size: 14px;
		line-height: 18px;
	}
	.profile_container .box-edit {
		bottom: auto;
		top: 0px;
	}


	.page_tabs::before {
		display: none;
	}
	.page_tabs {
		float: none;
		margin-left: 0px;
		margin-top: 0px;
		width: auto;
		margin-bottom: 24px;
		border-bottom: 1px solid #e5e5e5;
	}
	.page_tabs .tab_content ul {
		overflow: hidden;
	}
	.page_tabs .tab_content ul li {
		float: left;
	}
	.page_tabs .tab_content ul li a.active::before {
		display: none;
	}
	.page_tabs .tab_content ul li a.active::after {
		display: none;
	}
	.page_tabs .tab_content ul li a {
		border-bottom: 0px;
		border-right: 1px solid #e5e5e5;
	}
	.tab-shift {
		margin-left: inherit;
	}
	.page_tabs_contents.righted .tab-shift {
		margin-left: inherit;
	}
	.page_tab_map {
		margin-left: 0px;
		margin-right: 0px;
		top: 0px;
	}
}

/* *****************************************************************************
#	RESPONSIVE: EXTA-SMALL ( < 768)
***************************************************************************** */
@media (max-width: 768px){
	.profile_container .avatar {
		display: none;
	}
	.profile_container .avatar + .name {
		left: 0px;
	}
	.profile_subheader.has_logo {
		padding-left: 24px;
	}
	.show-mobile {
		display: block;
	}
	.page_sidebar {
		float: none;
		background: none;
		border-left: 0px;
		margin: 0px;
		width: auto;
		margin-bottom: 15px;
	}
	.page_sidebar .sidebar_content {
		display: none;
	}
	.page_tabs_contents.righted .tab-shift {
		margin-right: inherit;
	}
	#add_mobile_pic {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		margin-bottom: 10px !important;
	}
	#object-table_info {
		display: none;
	}
	.hide-mobile {
		display: none;
	}
}

/* *****************************************************************************
#	RESPONSIVE: EXTA-SMALL ( < 543)
***************************************************************************** */
@media (max-width: 543px){
	.box-intro {
		height: auto;
	}
	.box-intro h2 {
		float: none;
	}
	.box-intro .actions {
		float: none;
		text-align: left;
	}
	.dropdown-add {
		right: auto;
		left: 0px;
	}
	#object-table_paginate {
		float: left;
		width: 100%;
		text-align: left;
	}
	.profile_container .name {
		position: static;
	}
	.profile_container .box-edit {
		position: static;
		margin-top: 20px;
	}
	.profile_container .full_height {
		height: auto;
	}

	.page_tabs .tab_content ul li {
		float: none;
	}
	.page_tabs .tab_content ul li a {
		border-right: 0px;
		border-bottom: 1px solid #e5e5e5;
	}
	.profile_container .name {
		font-size: 22px;
		line-height: 28px;
	}
	.page-head.succesboard {
		display: none;
	}
	#succesboard div.row {
		margin: 0 !important;
		overflow-x: hidden;
	}
	#succesboard div[class^="col-"] {
		padding: 0 !important;
	}
	#succesboard .tile-stats {
		margin: 0 !important;
		border-radius: 0;
		background-color: transparent;
		color: #333;
		border: none;
	}
	#succesboard .tile-stats p {
		display: none;
	}
	#succesboard .tile-stats p {
		display: none;
	}
	#succesboard .tile-height-half {
		width: 100%;
		height: 80px;
	}
	#succesboard .tile-height-long {
		width: 100%;
		height: 160px;
	}
	#succesboard .tile-height-half-long {
		width: 100%;
		height: 80px;
	}
	#succesboard.stay_big .tile-height-long {
		height: 280px;
	}
	#succesboard .tile-stats .num {
		font-size: 22px;
		line-height: 22px;
		font-weight: bold;
	}
	#succesboard .tile-stats h3 {
		font-size: 14px;
		margin-top: 5px;
	}
	.sector-cell {
		text-align: center !important;
	}
	.mt-40-sm {
		margin-top: 40px;
	}
}

/* *****************************************************************************
#	RESPONSIVE: SMALLEST ( < 400)
***************************************************************************** */
@media (max-width: 400px){
	.navbar {
		padding: 0px 15px;
	}
	.navbar-divider, 
	.navbar-nav .nav-item + .nav-item, 
	.navbar-nav .nav-link + .nav-link {
		margin-left: 10px;
	}
	.app-header .navbar-toggle {
		margin-right: 0px;
	}
	.app-header #pageTitle {
		margin-left: 0px;
		margin-right: 10px;
		max-width: 130px;
		overflow: hidden;
	}
	.profile_container .name {
		width: 272px;
	}
	.dropdown-add {
		width: auto;
	}
	.mt-40-sm {
		margin-top: 40px;
	}
	.front_box {
		width: 300px;
		margin-top: -180px;
		margin-left: -150px;
	}
}

.nav-sorting-container {
	display: flex;
    gap: 10px;
}
ul.nav-sorting {
	width: 50%;
    padding: 10px;
    background: #f1f1f1;
    border-radius: 5px;
	position: relative;
	margin-top: 26px;
}
ul.nav-sorting:after {
    content: "In menu";
    position: absolute;
    top: -26px;
    font-weight: 600;
}
ul.nav-sorting#sortable2:after {
    content: "Niet in menu";
}
ul.nav-sorting#sortable3 { margin-bottom: 50px; }
ul.nav-sorting#sortable3:after {
    content: "Info pagina's";
}
ul.nav-sorting#sortable4:after {
    content: "Magazine pagina's";
}
ul.nav-sorting#sortable4 { margin-bottom: 50px; }
ul.nav-sorting#sortable5:after {
    content: "Vragen pagina's";
}
ul.nav-sorting li {
	list-style-type: none;
    margin: 0px;
    padding: 5px 10px;
    cursor: move;
    margin-bottom: 5px;
    background: white;
    border-radius: 5px;
}
ul.nav-sorting li:last-child {
	margin-bottom: 0px;
}