/* RESPONSIVE DATA TABLES - 3 Column
-----------------------------*/

td.property-name,
td.data-name { font-weight: bold; vertical-align: top; padding-top: 0.85rem; }

td.data-required,
.data-table td.data-required,
td span.data-required { width: 1%; text-align: center; vertical-align: top; font-size: 1.5rem; color: #dc3545 !important; padding-top: 0.85rem; padding-left: 1rem; }

.table-sm td.data-required,
.table-sm .data-table td.data-required,
.table-sm span.data-required { padding-top: 0.5rem;  }

p span.data-required { font-size: 1rem; color: #dc3545; padding-top: 0; }
span.star { font-size: 1.5rem; color: #dc3545; }

.table-collapse-form td.property-name,
.table-collapse-form td.data-name { width: 33%; }
.table-collapse-form td label:not(.custom-control-label) { padding-top: 0; padding-bottom: 0; }

@media screen and (max-width:767px) {
	.table-collapse-form td { display: block; width: 100%; padding-left: 0; padding-right: 0; }
	.table-collapse-form td,
	.table-collapse-form th { padding: 0; }
	.table-collapse-form td label:not(.custom-control-label),
	.table-collapse-form td.colspan { padding-top: 1.5rem; padding-bottom: 0; }
	.table-collapse-form td.data-name,
	.table-collapse-form td.property-name { width: auto; display: block !important; float: left; padding: 0; clear: both; }
	.table-collapse-form td.data-name.long { width: 80%; }
	.table-collapse-form td.data-fields { display: block; float: left; }
	.table-collapse-form td.data-required,
	.table-collapse-form.data-table td.data-required,
	.table-collapse-form span.data-required { height: 40px; width: auto; display: block; float: left; text-align: right; padding-top: 1.4rem; font-size: 1.5rem; }
	.table-collapse-form td.data-field { display: block; float: left; width: 100%; }
	.table-collapse-form td .btn { margin-top: 0; }

	.table-collapse-form td input.w-auto,
	.table-collapse-form td select.w-auto { width: 100% !important; }

	.table-collapse-form td .zipcode { max-width: 100px; }
	.table-collapse-form td .zip4 { max-width: 60px !important; }

	.table-collapse-form td div:not(.custom-control):not(.input-group):not(.input-group-append):not(.rating-stars):not(.recaptcha) { clear: both; margin-top: 1.5rem !important; }
	.table-collapse-form td div.custom-control:first-of-type { clear: both; margin-top: 1.5rem !important; }

	.table-collapse-form td div.rating-stars { float: left; margin-top: 0 !important; }

	.table-collapse-form td.data-blank { display: none !important; }

}

/* RESPONSIVE TABLES - 2 Column
-----------------------------*/

@media screen and (max-width:767px) {
	.table-collapse-form-alt td { display: block; width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 0 !important; }
	.table-collapse-form-alt td.data-name { padding-top: 1.4rem !important; padding-bottom: 0 !important; }
	.table-collapse-form-alt td.data-blank { display: none !important; }
	.table-collapse-form-alt td label { margin-bottom: 0; }

}