/* Final responsive containment for shared institutional Diagnostics surfaces. */
.tds-diagnostics-campaign-header,
.tds-diagnostics-campaign-header__identity,
.tds-diagnostics-campaign-header__controls,
.tds-institutional-portfolio,
.tds-dg-school-panel,
.tds-dg-participants,
.tds-school-result-dashboard,
.tds-school-participants {
	min-width:0;
	box-sizing:border-box;
}

.tds-diagnostics-campaign-header__controls select,
.tds-diagnostics-campaign-header__controls .button {
	max-width:100%;
	box-sizing:border-box;
}

.tds-diagnostics-table-wrap,
.tds-dg-school-table-wrap,
.tds-dg-participant-table-wrap,
.tds-school-table-wrap,
.tds-counselor-diagnostics__table-wrap {
	width:100%;
	max-width:100%;
	min-width:0;
	overflow-x:auto;
	overflow-y:hidden;
	box-sizing:border-box;
	-webkit-overflow-scrolling:touch;
}

.tds-diagnostics-table-wrap table,
.tds-dg-school-table-wrap table,
.tds-dg-participant-table-wrap table,
.tds-school-table-wrap table,
.tds-counselor-diagnostics__table-wrap table {
	min-width:660px;
}

@media(max-width:620px){
	.tds-diagnostics-campaign-header__controls {
		grid-template-columns:minmax(0,1fr);
		width:100%;
		max-width:100%;
		min-width:0;
		box-sizing:border-box;
	}

	.tds-diagnostics-campaign-header__controls label,
	.tds-diagnostics-campaign-header__controls select,
	.tds-diagnostics-campaign-header__controls .button {
		width:100%;
		min-width:0;
		max-width:100%;
		box-sizing:border-box;
	}

	.tds-diagnostics-campaign-header__controls .button {
		justify-self:stretch;
	}

	.tds-dg-school-filters,
	.tds-dg-participants header form,
	.tds-school-participants form {
		width:100%;
		min-width:0;
		box-sizing:border-box;
	}

	.tds-dg-school-filters input,
	.tds-dg-school-filters select,
	.tds-dg-school-filters .button,
	.tds-dg-participants header form input,
	.tds-dg-participants header form select,
	.tds-dg-participants header form .button,
	.tds-school-participants form input,
	.tds-school-participants form select,
	.tds-school-participants form .button {
		width:100%;
		min-width:0;
		max-width:100%;
		box-sizing:border-box;
	}
}
