.bootstrap-select.btn-group .dropdown-menu.inner {
	max-height: 190px!important;
}
.step_view_container .input-group-text {
	font-weight: 400!important;
	color: #313a3e!important;
}
.field-label-text {
	font-size: 14px!important;
	font-weight: 500!important;
	color: #212121;
	line-height: 20px;
}
.upload-order-photo {
	width: 150px;
	height: auto;
	object-fit: contain;
	cursor: pointer;
	max-height: 80px;
}

.step-container {
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
}
.step-container .step {
	width: 100px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    position: relative;
}
.step-container .step:before {
	content: '';
	position: absolute;
	border: 1px solid #21212180;
	top: 35%;
	transform: translateY(-35%);
	width: 100px;
	left: -50%;
}
.step-container .step:first-child:before {
	content: unset;
}
.step-container .step.completed:before,
.step-container .step.active:before {
	border: 1px solid #212121;
}
.step-container .step .count {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	background: #a8a8a8;
	color: #212121;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    z-index: 9;
}
.step-container .step.active .count {
	background: #313a3e;
	color: #ffffff;
}
.step-container .step.completed .count {
	color: #fff;
	background: #313a3e;
}
.step-container .step .step-title {
	color: #212121E6;
	font-size: 14px;
	font-weight: 500;
}
.step-view-title {
	background: #a8a8a8;
	color: #212121;
	font-size: 16px;
	font-weight: 500;
	font-family: Poppins;
	border-radius: 4px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.flex-wrap-unset {
	flex-wrap: unset;
}
.h-350 {
	height: 350px;
}
.gap-10 {
	gap: 10px;
}
.btn-app-default {
	border: 1px solid #212121!important;
	background: #d2d9dc80!important;
	color: #212121!important;
    font-weight: 500!important;
    font-size: 14px!important;
}
.btn-label {
	background: #d2d9dc80!important;
	color: #212121!important;
	font-weight: 500!important;
    font-size: 14px!important;
}
.group-input {
	border: 1px solid #212121!important;
	border-radius: 0.25rem;
}
.border-none {
	border: 0px;
}
.number-count {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background: #a8a8a8;
	color: #212121;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 600;    
}
.position-relative {
	position: relative;
}
.btn-remove-line i {
	padding: 0px;
}
.btn-add-item {
	position: absolute;
	right: 20px;
}
#service_line_table thead tr th {
	border-bottom: 1px solid #a9a9a9;
	background: #313a3e;
	color: #fff;
	font-size: 14px!important;
	font-weight: 500!important;
	width: auto;
	max-width: 150px!important;
}
#service_line_table .form-control {
	min-width: 100px;
	height: auto!important;
}
#service_line_table .bootstrap-select>.dropdown-toggle {
	
}
.btn-order-type, .btn-service-speed, .btn-checkbox {
	min-height: 55px;
	background: #313a3eB3;
	border-color: #313a3eB3;
	position: relative;
}
.btn-order-type.active, .btn-service-speed.active, .btn-checkbox.active {
	background: #313a3e!important;
	border-color: #313a3e!important;
}
.btn-order-type:before {
	content: '';
	width: 15px;
	height: 15px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 10px;
}
.btn-service-speed:before, .btn-checkbox:before { 
	content: '';
	width: 15px;
	height: 15px;
	border: 1px solid #fff;
	border-radius: 50%;
	position: absolute;
	top: 7px;
	left: 7px;
}
.btn-order-type.active:after {
	content: '';
	background: url('../../../../media/icons/white-check.svg');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	width: 10px;
	height: 8px;
	top: 14px;
    left: 13px;	
}
.btn-service-speed.active:after, .btn-checkbox.active:after {
	content: '';
	background: url('../../../../media/icons/white-check.svg');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	width: 10px;
	height: 8px;
	top: 11px;
    left: 10px;	
}
@media (max-width: 650px) {
	.step-container .step:before {
		width: 90px;
	}
	.upload-order-photo {
		width: 100px;
	}
	.justify-content-sm-left {
		justify-content: start!important;
	}
}