.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;	
}
.basic-extra-items .btn.dropdown-toggle.btn-default {
	height: 100%;
}
.btn-scroll {
	border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #313a3e;
    border-color: #313a3e;    
}
.btn-scroll svg {
	transition: 0.5s;
}
.btn-scroll.scrolled-right svg {
	transform: rotate(180deg);
}
.h-fill-available {
	height: -webkit-fill-available;
}
.overflow-x-auto {
	overflow-x: auto;
	flex-wrap: nowrap;
}
.overflow-x-auto::-webkit-scrollbar {
	height: 6px;
}
.overflow-x-auto::-webkit-scrollbar-track {
	background: #e1e1ef;
}
.overflow-x-auto::-webkit-scrollbar-thumb {
	background: #747474;
}

@media (max-width: 650px) {
	.step-container .step:before {
		width: 90px;
	}
	.upload-order-photo {
		width: 100px;
	}
	.justify-content-sm-left {
		justify-content: start!important;
	}
	.btn-app-default {
		font-size: 10px!important;
	}
	.btn-order-type, .btn-service-speed, .btn-checkbox {
		font-size: 9px!important;
	}
	.btn-service-speed:before, .btn-checkbox:before {
		top: 3px;
		left: 3px;
		width: 12px;
		height: 12px;
	}
	.btn-service-speed.active:after, .btn-checkbox.active:after {
		width: 7px;
	    height: 6px;
	    top: 6.9px;
	    left: 5.2px;
	}
	.btn-label {
		font-size: 10px!important;
	}
	.btn-scroll {
		width: 25px;
		height: 25px;		
	}
	.btn-scroll svg {
		width: 13px;
		height: 12px;
	}
}