.lead-status-step-wizard { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; user-select: none; }
.lead-status-step-wizard ul { width: auto }
.lead-status-step-wizard ul li {
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 26px;
}
.lead-status-step-wizard ul li .step {
	width: 16px;
	height: 16px;
	line-height: 14px;
	font-size: 10px;
}
.lead-step-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(200px, 1fr));
	align-items: center;
	margin-bottom: 10px;
	/* flex-wrap: wrap; */
}
.lead-step-wrapper .lead-step-item-wrapper {
	flex-basis: 100%;
	margin-right: 10px;
}
.lead-step-wrapper .lead-step-item-wrapper:not(.active){
	opacity: .3;
}
.lead-step-wrapper .lead-step-item-wrapper:hover {
	opacity: 1;
	cursor: pointer;
}
.lead-step-item {
	font-weight: 400 !important;
	margin-top: 0;
	display: inline-block;
	width: 95%;
	color: #fff;
	padding: 10px 15px;
	user-select: none;
	font-size: 14px;
	border-radius: 10px 0 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	white-space: nowrap;
}
.lead-step-wrapper .triangle {
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}
.lead-step-wrapper .lead-step-item-wrapper.unavailable {
	cursor: not-allowed !important;
}
.lead-step-wrapper .lead-step-item-wrapper.next {
	opacity: 1 !important;
}
.lead-status-step-wizard ul li.active::before { z-index: 10 !important }
.lead-status-step-wizard ul li.previous::before {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: -1px;
	height: 2px;
	max-height: 2px;
	overflow: hidden;
	z-index: 10;
}
.lead-stage-wrapper { display: flex }
.lead-stage-wrapper .lead-stage {
	width: 30px;
	height: 5px;
	margin-right: 1px;
	border: 1px solid #ddd;
}
.lead-stage-wrapper .lead-stage:hover { cursor: pointer }
.lead-stage-wrapper .lead-stage.previous { background-color: #eee }
.lead-status-name {
	font-size: 12px;
	margin-bottom: 3px;
}
.lead-last-contact { color: #3c3c3c; background-color: #f2f2f2; margin-top: 5px }
.lead-phone { color: #4eb91d; background-color: #f6f9f5 }
.lead-email { color: #10a7f0; background-color: #eef3ff }
.lead-morph .modal-body { padding: 15px }
.lead-morph .modal-content { padding-bottom: 0 }
.lead-morph select { width: 100% }
.lead-source-wrapper {
	margin: 3px 0;
}
.lead-shop-item-wrapper {
	display: flex;
	align-items: flex-start;
}
.lead-shop-item-wrapper .image {
	margin-right: 10px;
}
.lead-shop-item-wrapper .image img {
	object-fit: contain;
	width: 50px;
	height: 50px;
	max-width: 100%;
}
.lead-shop-item-wrapper .content .name {
	font-weight: bold;
	display: flex;
}
.lead-shop-item-actions {
	position: absolute;
	right: 20px;
	top: 10px;
	display: none;
}
.well:hover div.lead-shop-item-actions {
	display: block;
}
.lead-shop-item-actions a {
	color: #d0d0d0;
	display: inline-block;
	margin-left: 3px;
}
.lead-shop-item-actions a:hover {
	cursor: pointer;
}
.lead-add-shop-item {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.lead-add-shop-item > div:first-child {
	margin-right: 10px;
}
.lead-add-shop-item .add-event {
	width: 100%;
}
#lead-notes .comment .comment-text {
	position: relative;
	border: none;
	padding-left: 0;
	padding-top: 0;
	white-space: pre-line;
}
#lead-shop-items .table-toolbar {
	padding-top: 0;
}
#lead-status-steps{
	background-color: transparent;
}
#lead-notes div.dataTables_paginate { float: none }
#lead-notes .comment-text, #lead-notes .comment-text-right { display: inline-block }
#lead-notes .comment-text-right {
	color: #ccc;
	font-size: 11px;
	font-weight: 600;
}