:root {
	/* Bootstrap */
	--bs-black: #333333;
	--bs-primary: #0088CE;
	--bs-primary-rgb: 0, 136, 206;
	--bs-primary-100: #F3F9FD;
	--bs-primary-700: #056394;
	--bs-success: #198754;
	--bs-success-100: #F1FEF8;
	--bs-success-700: #0F7F28;
	--bs-warning: #FFC107;
	--bs-warning-100: #FEFAEC;
	--bs-warning-700: #CC9900;
	--bs-danger: #BE0000;
	--bs-danger-700: #930202;
	--bs-gray-100: #F8F9FA;
	--bs-gray-200: #E9ECEF;
	--bs-gray-400: #afafaf;
	--bs-gray-500: #6C757D;
	--bs-dark: #333333;
	--bs-light: #ffffff;
	
	/* Custom */
	--headline: 'BebasNeue', sans-serif;
	--semibold: 600;
	--bold: 700;
	--fs-lg: 1.15rem;
	--fs-base: 1rem;
	--fs-sm: 0.875rem;
	--fs-xs: 0.725rem;
	--fs-tiny: 0.65rem;
	--ttime: 110ms;
}

.container-fluid {
	--bs-gutter-x: 2em;
}

.containerFluidNoGutter {
    --bs-gutter-x: 0;
}

.card-header {
    background: #333333;
    color: white;
}

.card-body {
    display: flex;
    flex-wrap: wrap;
}

.mustBeConvertToOrder > .card-body {
    flex-direction: column;
}

.col-form-label {
    line-height: 1.2;
}

.btn-primary { background: var(--bs-primary); }