.col-form-label {
	font-size: 13px;
	line-height: 1.5;
	padding: 0;
	padding-left: 7.5px;
	min-width: 100%;
	display: block;
}
.card-body {
	padding: 0.65rem;
}
#sts.tab-pane.active,
.flex-diag {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	align-items: end;
}
#sts.tab-pane .form-group.row,
.flex-diag .form-group.row {
	max-width: 100%;
}

/* navigation */
.nav-pills .nav-link {
	padding: 5px 12px;
	transition: .3s ease;
	border-radius: 0;
}
.nav-pills .nav-link:not(.active):hover {
	color: #343a40;
	background-color: #c1c3c5;

}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: #343a40;
}
.tab-content .form-group>.btn.btn-info {
	width: 30%;
	box-shadow: 0 6px 7px #00000038;
	margin-top: 20px;
}

/* header */
.card-header-cars {
	display: grid;
	grid-template-columns: repeat(4, auto);
	gap: 15px;
	margin-bottom: 15px;
	margin-top: 33px;
}
.card-header-cars .btn.btn-primary {
	font-size: 15px;
	padding: 4px 6px;
	background-color: #dee2e6;
	border: 0;
	color: #6a6a6a;
	box-shadow: 0 9px 14px transparent;
	transition: .2s ease;
}
.card-header-cars .btn.btn-primary:hover {
	box-shadow: 0 9px 14px #c9c9c9;
	background-color: #f9574b;
	color: white;
}
.card-header-cars .btn.btn-primary.success {
	box-shadow: 0 9px 14px #c9c9c9;
	background-color: #4CAF50;
	color: white;
}

.card-header-cars .btn.btn-primary.danger {
	box-shadow: 0 9px 14px #c9c9c9;
	background-color: #f9574b;
	color: white;
}

.cars-button {
	counter-reset: section; /* Устанавливает значение счётчика, равным 0 */
	margin-bottom: 10px;
}
.cars-button::before {
	content: attr(data-context);
	font-weight: 600;
	margin-right: 10px;
}

.cars-button .btn:not(:disabled):not(.disabled).active, .cars-button .btn:not(:disabled):not(.disabled):active, .show>.cars-button .btn.dropdown-toggle {
	color: #03a9f4;
	background-color: #03a9f4;
}

.cars-button .btn {
	position: relative;
	color: #03a9f4;
	background-color: #03a9f4;
	box-shadow: none;
	border: 0;
	border-radius: 100%;
	user-select: none;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	transition: .2s ease
}
.cars-button .btn:hover {
	background-color: #0498db;
	color: #0498db;
}
.cars-button .btn:last-child {
	margin-right: 0;
}
.cars-button .btn::after {
	counter-increment: section;
	content: counter(section);
	color: white;
	position: absolute;
	left: 50%;
	top: 6px;
	transform: translate(-40%, -5px);
	font-size: 20px;
}

/* image size */
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {

}
.range .input-group:nth-child(1) .input-group-prepend {
	width: 180px !important
}
.range .input-group:nth-child(2) .input-group-prepend,
.range .input-group:nth-child(3) .input-group-prepend {
	width: 37px !important;
}
.input-group-prepend .input-group-text {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

	

.input-group input[type="range"] {

}
.range {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.range .input-group {
	width: 49%;
}
.range .input-group:first-child {
	width: 100%;
	margin-bottom: 10px;
}
.range .input-group:last-child {
	margin-left: 10px;
}

/* Водитель */
#ip.tab-pane.active,
div#fl.tab-pane.active {
display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 10px;
	align-items: end;
}
#ip #inn.form-group .col-sm-12 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
	align-items: center;
}
#ip #inn {
	grid-column: 1 / 3;
}
#fl #inn.form-group .col-sm-12 button {
	
}
#ul.tab-pane.active {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0px 10px;
	padding-left: 10px;
}
#ul .__inn {
	grid-column: 1 / 3;
}
#ul .col-sm-12 {padding: 0;}
#ul.tab-pane.active .form-group.row {
	width: 100%;
}
#ul.tab-pane.active .form-group.row:first-child {
	width: 100%;
	grid-column: 1 / 3;

}
#ul.tab-pane.active .form-group.row:first-child .col-sm-12 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px
}
#ul.tab-pane.active .form-group.row:first-child .col-sm-12 input {
	width: 100%;
	
}
#ul.tab-pane.active .form-group.row:first-child .col-sm-12 button {
	width: 100%;
}
.dt-buttons {
	margin-top: 10px;
	margin-left: 15px;
}
td.td_comment {
	word-break: break-all;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 222px;
	overflow: hidden;
}
#requests .flex {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}