@import "variables";
.cp-spare-delivery-constraints {
	font-size: 12px;
	.sdc-heading {
		margin-bottom: 16px;
		h1,.h1,h2,.h2 {
			font-size: 34px;
			font-weight: bold;
			&:not(:last-child){
				margin-bottom: 16px;
			}
		}
	}
	.sdc-form {
		margin-bottom: 16px;
		.sdc-form__row {
			display: flex;
			flex-wrap: wrap;
			align-items: flex-end;
			margin: 0 -8px;
			padding: 0;
			list-style: none;
			& > li {
				flex-grow: 1;
				padding: 4px 8px;
				min-width: 200px;
				max-width: 320px;
				&.col_daterange {
					max-width: 276px;
				}
				&.col_alcode {
					max-width: 200px;
				}
				&.col_intrastat {
					min-width: 140px;
					max-width: 140px;
				}
				&.col_button {
					min-width: auto;
					max-width: none;
				}
			}
			.form-group {
				.form-label {
					font-size: 11px;
					white-space: nowrap;
				}
				.form-field {}
			}
		}
	}
	.sdc-result {
		margin-bottom: 16px;
	}
	.sdc-table {
		position: relative;
		overflow: hidden;
		overflow-x: auto;
		width: 100%;
		.table-constraints {
			width: 100%;
			font-size: 11px;
			tr {
				th {
					background: #e9e9e9;
					padding: 4px 8px;
					white-space: nowrap;
					&:not(:first-child){
						border-left: 1px solid #d2d2d2;
					}
				}
				td {
					border-bottom: 1px solid #e1e1e1;
					padding: 4px 8px;
					vertical-align: top;
					&:not(:first-child){
						border-left: 1px solid #e1e1e1;
					}
				}
				&.odd {
					td {
						background: #f5f7fa;
					}
				}
				&.even {}
			}
		}
	}
}