/* BEGIN this section should be removed once they get 511 or higher release */
.form-horizontal {
    container: form-layout / inline-size;
}

@container form-layout (min-width: 1201px) {
    .form-horizontal,
    .form-horizontal fieldset {
        grid-template-columns: repeat(auto-fit, minmax(380px, 1fr)) !important;
    }
}

@container form-layout (min-width: 993px) and (max-width: 1200px) {
    .form-horizontal,
    .form-horizontal fieldset {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
    }
}

@container form-layout (min-width: 768px) and (max-width: 992px) {
    .form-horizontal,
    .form-horizontal fieldset {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    }
}

@container form-layout (min-width: 481px) and (max-width: 767px) {
    .form-horizontal,
    .form-horizontal fieldset {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    }
}

@container form-layout (max-width: 480px) {
    .form-horizontal {
        grid-template-columns: 1fr !important;
    }

    .form-horizontal fieldset {
        display: block !important;
    }
}

/* accessibility AA rules */
body.high-contrast font[color="red"],
body.high-contrast font[color="#ff0000"],
body.high-contrast font[color="#f00"] {
    color: #FFA8A8 !important;
}

/* END this section should be removed once they get 511 or higher release */


/* these rules need to stay to create custom fieldset breaks on Application Summary form */

#ff_contacten_samenvschermtitel\.row, 
#ff_label_archief\.row,
#ff_huidige_status_def\.row,
#ff_label_besluithistorie\.row,
#ff_label_belangrijke_data\.row,
#ff_label_registratie\.row,
#ff_label_distributiegegevens\.row
{
	grid-column: 1 / -1;
}

#collapseInfoPanel.fixed, #info-panel-collapse.fixed {
	position: fixed;
	top: 0;
  left: 0;
	right: 0;
	z-index: 500;
}

#info-panel-collapse.fixed {
	z-index: 1500;
}

#UUIDtoolbar.fixed {
	z-index: 2030;
}

#sidebarCollapse {
	padding-right: 26px;
}

.btn-info:hover, .btn-info:focus {
	background-position: 0;
}

#info-bar span {
	margin-bottom: 14px;
}
@supports (-moz-appearance: none) {
	/* Firefox-specific styles */
	#info-bar span {
		margin-bottom: 1px;
	}
}