/* Media specific variation,
	 display (left) label columns as table-caption */

div.move-up {
	margin-top: 0;
}

fieldset.toolbar-top-right {
	white-space: nowrap;
}
fieldset.toolbar-top-right * {
	font-size: initial !important;
	font-weight: normal !important;
}

img.map,img:not([class]) {
	height: auto !important;
	max-width: 95% !important;
}

input.checkbox {
	margin-left: 2px;
}
label.option-checkbox {
	font-size: calc(max(7pt, min(100%, 1.618vw))); /* adapts font-size to screen resize (within max predefined font-size =100% and min =7pt) (1.618vw since form-label-wide as caption creates more width) */
}
label[data-caption-none-column=yes] {
	display: none;
}
td[data-caption-bottom-column=yes] {
	caption-side: bottom;
	display: table-caption;
	padding: 1px 0 1px 0 !important;
	position: relative;
	width: 100% !important;
}

table.form-border {
	border-collapse: separate;
	padding: 4px;
}
table.form-border col {
	width: auto !important;
}
table.form-border span.text-label-left {
	display: block;
	float: none;
}
table.form-border td.form-input-invisible {
	border-width: 0 !important;
}
table.form-border td:not([class*=label]) ~ td.form-input-invisible {
	caption-side: bottom;
	display: table-caption;
}
table.form-border td.form-input-invisible:empty {
	display: none;
}
table.form-border td.form-label-wide,table.form-border th.details-node {
	display: table-caption;
	padding: 4px 0 1px 0 !important;
	position: relative;
	text-align: left;
	white-space: normal;
	width: 100% !important;
}
table[class|=form] td.form-label-wide {
	max-width: initial !important;
	min-width: initial !important;
}
table.form-border tr {
	border-collapse: collapse;
	display: table;
	height: auto;
	width: 100%;
}

table.mailing-response-form col {
	width: auto !important;
}
table.mailing-response-form span.text-label-left {
	display: block;
	float: none;
}
table.mailing-response-form td.form-input-invisible {
	border-left-width: 0 !important;
}
table.mailing-response-form td.form-label-wide {
	display: table-caption;
	padding: 4px 0 1px 0 !important;
	text-align: left;
	width: 100%;
}
table.mailing-response-form tr {
	border-collapse: collapse;
	display: table;
	width: 100%;
}