/*
	(c)2021 - visuallizard.com

	Responsive styles based on browser breakpoints
*/

.mobile-menu-toggle {
	display: none;

	/*
	position: absolute;
	z-index: 1000;
	top: 15px;
	right: 15px;
	*/

	width: 30px;
	padding: 3px 0 0 0;
	border-top: 9px double #fff;
	border-bottom: 9px double #fff;
	line-height: 0;
}

	.t-plain .mobile-menu-toggle {
		border-color: #000;
	}

@media only screen and (max-width: 1360px) {

	html {
		font-size: 12px;
	}

	main .container { display: flex; flex-direction: column; max-width: 100%; }
	.w45 .view-wrapper-content > .view-wrapper-block { flex-basis: 50%; max-width: 50%; }
	.w25 .view-wrapper-content > .view-wrapper-block { flex-basis: 100%; max-width: 100%; }
}

@media only screen and (max-width: 1100px) {

	html {
		font-size: 11px;
	}

}

@media only screen and (max-width: 900px) {


	main { padding: 1em; }

	.view-cell.w40,
	.view-cell.w45,
	.view-cell.w60 { width: 100%; }
	.view-cell.w15,
	.view-cell.w25,
	.view-cell.w30 { width: 50%; }

	table.table-list tbody tr td { vertical-align: top; }
	.w25 .view-wrapper-content > .view-wrapper-block.w33 { max-width: 33.3%; }

	.table-list td.right:not(:last-child) { padding-right: 0.5em; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Payment Method"] { max-width: 130px; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Payment Method"] > .input-select > select.w100 { width: 80px !important; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Amount Owing"] { max-width: 130px; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Amount Owing"] > .input-currency > input { max-width: 80%; }

}

@media only screen and (max-width: 768px) {
	.t-default .site-title a {
		left: auto;
		width: 3.5rem;
		height: 3.5rem;
		margin: 0 0 0.75rem 0;
		background-image: url("../../img/header-logo-white.svg");
		background-position: left 5px;
	}

		.t-plain .site-title a {
		    /* background-image: url("../../img/header-logo.svg"); */
		}

	.t-default header { padding: 1em 1em 0.5em; }

	.mobile-menu-toggle { display: block; }

	.img-left,
	.img-right { float: none; margin: 0; }

	.flex-order-1 { order: 1; }
	.flex-order-2 { order: 2; }
	.flex-order-3 { order: 3; }
	.flex-order-4 { order: 4; }
	.flex-order-5 { order: 5; }
	.flex-order-99 { order: 99; }

	main { padding: 1em; }

	.cke > .c1,
	.cke > .c-first,
	.cke > .c2,
	.cke > .c3,
	.cke > .c4,
	.cke > .c5,
	.cke > .c6 { width: 100%; flex-basis: 100%; max-width: 100%; margin: 0; }

	body { overflow-x: hidden; }

	.nav-link {
		border: none;

		color: #111827;
	}

	nav.main-nav {
		position: absolute;
		top: 0;
		left: 100%;
		z-index: 2;

		display: block;
		width: 0;
		height: 0;
		border-top: 1px solid #eef0f2;
		border-bottom: 1px solid #eef0f2;

		background: #9F1239;

		box-shadow: 0 120px 80px rgba(0,0,0,0.4);

		overflow: hidden;
		transition: all 0.2s ease;
	}

		.t-plain nav.main-nav {
			background: white;
		}

	nav.main-nav.show {
		top: 60px;
		left: 0;

		height: auto;
		width: 100%;
		min-height: 80vh;

		border-bottom: 3px solid black;
	}

	.main-nav .nav-1 {
		display: block;
		position: relative;
		background: white;
	}
	.main-nav .nav-1 > li { padding: 0; margin: 0; }
	.main-nav .nav-1 > li > a { padding: 0 1em; margin: 0; line-height: 3em; text-align: left; }
	#navigation-1-19 > a:after { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: auto; border-radius: 0; }
	.main-nav li > .sub-list,
	.main-nav > .nav-list > li:first-child .sub-list {
		display: flex;
		flex-wrap: wrap;

		position: relative;
		left: auto;
		top: auto;
		width: auto;
		padding: 0 0.5em 1em;
		margin: 0;
		border: none;
		border-radius: 0;
		box-shadow: none;
		visibility: visible;
		opacity: 1;
	}

	/*
	.main-nav li#navigation-1-3 > .sub-list,
	.main-nav li#navigation-1-5 > .sub-list,
	.main-nav li#navigation-1-9 > .sub-list { display: none; }
	*/

	.main-nav .sub-list a[data-page-description]::after, .site-header-tools .nav-list a[data-page-description]::after { display: none; }

	.main-nav .sub-list:before,
	.main-nav > .nav-list > li:first-child .sub-list:before { display: none; }
	.main-nav .nav-2 > li { width: 50%; padding: 0; }
	.main-nav .nav-2 > li:first-child, .site-header-tools .nav-list > li:first-child { border-top: 1px solid #EEF0F2; }

	.main-nav .nav-2 > li > a { padding: 0.5em; font-weight: 400; font-size: 1em; }

	.t-plain .main-nav .nav-1 > li > a {
		font-size: 2rem;
		text-align: center;
	}

		.t-plain .main-nav .nav-1 > li.clientsite-nav-orders-new {
			margin-right: 0;
			padding: 2em 0;
		}

		.t-plain .main-nav .nav-1 > li.clientsite-nav-orders-new a {
			width: 70vw;
			margin: 0 auto;

			font-size: 1rem;
		}

	.site-header-member-wrapper { right: 50px; }

	.five-day-schedule { flex-wrap: wrap; }
	.five-day-schedule table { flex-basis: 100%; width: auto; max-width: 100%; }

	.view-cell.w15,
	.view-cell.w20,
	.view-cell.w25,
	.view-cell.w30,
	.view-cell.w33,
	.view-cell.w50,
	.view-cell.w55,
	.view-cell.w66,
	.form-cell.w20,
	.form-cell.w25,
	.form-cell.w33,
	.form-cell.w66 { width: 100%; }
	.order-log-list-item.create-appointment { z-index: 1; }

	input,
	select,
	textarea,
	output { padding: 0.5em; }
	div.w100 > div.input-text > input.w95,
	div.input-textarea > textarea.w80 { width: 100%; }

	.filter-form form [class^='input-'] { max-width: 35%; margin: 0 0.825rem 0.825rem 0; }
	.filter-form form select,
	.filter-form form input,
	form select,
	form input { min-width: 0; }
	div.w50 div.input-select select { width: 95%; }
	body.clientReports div.filter > div,
	body.userSummaryReports div.filter > div,
	body.userComparisonReports div.filter > div,
	body.userDailySummaryReports div.filter > div,
	body.userDailyInvoiceReports div.filter > div { width: 100%; }
	body.clientReports div.filter > div form div.w50 input,
	body.clientReports div.filter > div form div.w50 select,
	body.userSummaryReports div.filter > div form div.w50 input,
	body.userSummaryReports div.filter > div form div.w50 select,
	body.userComparisonReports div.filter > div form div.w50 input,
	body.userComparisonReports div.filter > div form div.w50 select,
	body.userDailySummaryReports div.filter > div form div.w50 input,
	body.userDailySummaryReports div.filter > div form div.w50 select,
	body.userDailyInvoiceReports div.filter > div form div.w50 input,
	body.userDailyInvoiceReports div.filter > div form div.w50 select { width: 95%; }
	body.schedule .filter-form div.input-datepicker.w15 { width: auto; }
	ul.filter-pagination { display: none; }
	.filter-form .advanced-options.show { margin-top: 1em; }

	table.table-list {}

	table.table-list thead { display: none; }
	div.five-day-schedule table.table-list thead { display: block; }

	table.table-list thead tr,
	table.table-list tbody tr { display: flex; /* flex-wrap: wrap; */ border-bottom: 0.5em solid #eef0f2; }
	table.table-list tfoot tr { display: flex; flex-wrap: wrap; }

	table.table-list thead tr th,
	table.table-list tbody tr th,
	table.table-list tbody tr td { display: block; flex-basis: 50%; flex-grow: 1; padding: 1em ; border-top: none; text-align: left; line-height: 1.125; vertical-align: top; }
	table.table-list tfoot tr td { border: none; }

	table.table-list thead tr th:first-child,
	table.table-list tbody tr td:first-child,
	table.table-list th.right:not(:last-child),
	table.table-list td.right:not(:last-child) { padding: 1em; }


	table.table-list dl { line-height: normal; }
	table.table-list dt,
	table.table-list dd { margin: 0 0 0.25em 0; color: #6B7280 !important; font-weight: 400 !important; }

	table.table-list tbody tr td.with-squircle,
	body.home table.table-list tbody tr td.with-squircle,
	body.clients table.table-list tbody tr td:first-child {
		max-width: 10%;
		padding: 1em 0 1em 1em;
	}

	.squircle [class*="fa-"] {
		padding: 0;
		width: 2em;
		height: 2em;
		border-radius: 4px;

		line-height: 0.9em;
	}

	body.rentals table.table-list tbody tr th,
	body.rentals table.table-list tbody tr td { max-width: 20%; }
	body.fees table.table-list tbody tr td { flex-basis: 16%; max-width: 20%; }

	/*
	table.table-list tbody tr td[data-title="Description"] { max-width: 35%; }
	table.table-list tbody tr td[data-title="Total"].right { max-width: 35%; text-align: left; }
	table.table-list tbody tr td[data-title="Client"] { max-width: 30%; }
	table.table-list tbody tr td[data-title="Contact"],
	table.table-list tbody tr td[data-title="Order"] { max-width: 35%; }
	table.table-list tbody tr td[data-title="Appraiser"] { max-width: 35%; border-bottom: 1px solid #eef0f2; }
	table.table-list tbody tr td[data-title="CSI"].right,
	table.table-list tbody tr td[data-title="Due"].right { max-width: 35%; text-align: left; }
	table.table-list tbody tr td[data-title="Issued"].right,
	table.table-list tbody tr td[data-title="Status"].right,
	table.table-list tbody tr td[data-title="Security"].right { max-width: 30%; text-align: left;  }
	table.table-list tbody tr td[data-title="Institution"] { max-width: 65%; }
	table.table-list tbody tr td[data-title="ID"],
	table.table-list tbody tr td[data-title="Title"] { max-width: 25%; }
	*/

	/*
	body.home table.table-list tbody tr td { max-width: 20%; border-bottom: 1px solid #eef0f2; }
	body.home table.table-list tbody tr td[data-title="ID"] {  }
	body.home table.table-list tbody tr td[data-title="Description"] { max-width: 25%; }
	body.home table.table-list tbody tr td[data-title="Client"] { max-width: 25%; }
	body.home table.table-list tbody tr td[data-title="State"] {  }
	body.home table.table-list tbody tr td[data-title="Invoice"],
	body.home table.table-list tbody tr td[data-title="Event"] { max-width: 90%; }
	*/

	body.clients table.table-list tbody tr td[data-title="Client"] { max-width: 25%; }

	body.institutions table.table-list tbody tr td {  }
	body.institutions table.table-list tbody tr td:first-child { max-width: 10%; }
	body.institutions table.table-list tbody tr td[data-title="Institution"] { max-width: 30%; }
	body.institutions table.table-list tbody tr td[data-title="Type"] { max-width: 30%; }
	body.institutions table.table-list tbody tr td[data-title="Address"] { max-width: 30%; }
	body.institutions table.table-list tbody tr td[data-title="Phone"] { max-width: 40%; padding-left: 11.5%; border-bottom: 1px solid #eef0f2; }
	body.institutions table.table-list tbody tr td[data-title="Primary Branch"] { max-width: 60%; border-bottom: 1px solid #eef0f2; }
	body.viewInstitution table.table-list tbody tr td[data-title="Client"] { max-width: 30%; }
	body.viewInstitution table.table-list tbody tr td[data-title="Contact"] { max-width: 30%; padding: 1em; }
	body.viewInstitution table.table-list tbody tr td[data-title="Security"] { max-width: 30%; }
	body.documents table.table-list tbody tr td[data-title="Description"] { max-width: 65%; }
	body.adjustments table.table-list tbody tr td { border-bottom: 1px solid #eef0f2; }
	body.rentals table.table-list tbody tr td[data-title="Type"],
	body.rentals table.table-list tbody tr td[data-title="Property"],
	body.rentals table.table-list tbody tr td[data-title="Address"],
	body.rentals table.table-list tbody tr td[data-title="Region"],
	body.rentals table.table-list tbody tr td[data-title="MLS Code"],
	body.rentals table.table-list tbody tr td[data-title="MLS Area"],
	body.rentals table.table-list tbody tr td[data-title="Rent"],
	body.rentals table.table-list tbody tr td[data-title="Bed"],
	body.rentals table.table-list tbody tr td[data-title="Bath"],
	body.rentals table.table-list tbody tr td[data-title="Size"],
	body.rentals table.table-list tbody tr td[data-title="Age"],
	body.rentals table.table-list tbody tr td[data-title="Condition"],
	body.rentals table.table-list tbody tr td[data-title="Park-in"],
	body.rentals table.table-list tbody tr td[data-title="Park-out"] { max-width: 14.125%; }
	body.rentals table.table-list tbody tr td[data-title="Bed"],
	body.rentals table.table-list tbody tr td[data-title="Bath"],
	body.rentals table.table-list tbody tr td[data-title="Size"],
	body.rentals table.table-list tbody tr td[data-title="Age"],
	body.rentals table.table-list tbody tr td[data-title="Condition"],
	body.rentals table.table-list tbody tr td[data-title="Park-in"],
	body.rentals table.table-list tbody tr td[data-title="Park-out"] { border-bottom: 1px solid #eef0f2; }
	body.construction table.table-list tbody tr td { border-bottom: 1px solid #eef0f2; }
	body.fees table.table-list tbody tr td[data-title="Name"] { flex-basis: 100%; max-width: 100%; }
	body.fees table.table-list tbody tr td[data-title="Tier 1"] { border-bottom: 1px solid #eef0f2; }
	body.fees table.table-list tbody tr td[data-title="Tier 2"] { border-bottom: 1px solid #eef0f2; }
	body.fees table.table-list tbody tr td[data-title="Tier 3"] { border-bottom: 1px solid #eef0f2; }
	body.fees table.table-list tbody tr td[data-title="Tier 4"] { border-bottom: 1px solid #eef0f2; }
	body.fees table.table-list tbody tr td[data-title="Tier 5"] { border-bottom: 1px solid #eef0f2; }
	body.fees table.table-list tbody tr td[data-title="Tier 6"] { border-bottom: 1px solid #eef0f2; }
	body.links table.table-list tbody tr td[data-title="Name"] { max-width: 35%; }
	body.links table.table-list tbody tr td[data-title="Description"] { max-width: 55%; }
	body.your-messages table.table-list tbody tr td { max-width: 100%; }
	body.your-messages table.table-list tbody tr td.with-squircle { max-width: 10%; order: 1; }
	body.your-messages table.table-list tbody tr td[data-title="Subject"] { max-width: 65%; order: 2; }
	body.your-messages table.table-list tbody tr td[data-title="Date"] { max-width: 25%; order: 3; }
	body.your-messages table.table-list tbody tr td[data-title="Message"] { max-width: 100%; padding: 1em 2em; order: 4; border-bottom: 1px solid #eef0f2; }
	body.accounting-invoices table.table-list tbody tr td[data-title="ID"] { max-width: 35%; font-size: 1rem; line-height: 1.5; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Mark Paid"] { max-width: 35%; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Payment Method"] { max-width: 30%; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Amount Owing"] { max-width: 35%; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Order"] { padding-left: 1em; }

	table.table-list tbody tr td:before { display: block; margin: 0 0 0.25em 0; color: #222; font-size: 1em; font-weight: 500; line-height: 1.2;  }
	table.table-list tbody tr td:after { display: block; margin: 0 0 0.25em 0; font-size: 1.125rem; line-height: 1.2; }

	td:before { content: attr(data-title); }

/*
	table.table-list tbody tr td[data-title="Description"]:before { content: "Order Type:"; }
	table.table-list tbody tr td[data-title="Institution"]:before { content: "Institution:"; }
	table.table-list tbody tr td[data-title="Total"]:before { content: "Total:"; }
	table.table-list tbody tr td[data-title="Client"]:before { content: "Client:"; }
	table.table-list tbody tr td[data-title="Contact"]:before { content: "Contact Info:"; }
	table.table-list tbody tr td[data-title="Order"]:before { content: "Order:"; }
	table.table-list tbody tr td[data-title="Appraiser"]:before { content: "Appraiser:"; }
	table.table-list tbody tr td[data-title="CSI"]:before { content: "CSI:"; }
	table.table-list tbody tr td[data-title="Due"]:before { content: "Due:"; }
	table.table-list tbody tr td[data-title="Issued"]:before { content: "Issued:"; }
	table.table-list tbody tr td[data-title="Status"]:before { content: "Status:"; }
	table.table-list tbody tr td[data-title="Security"]:before { content: "Security:"; }
*/

/*
	body.home table.table-list tbody tr td[data-title="ID"]:before { content: "Order ID"; content: attr(data-title); }
	body.home table.table-list tbody tr td[data-title="State"]:before { content: "Due Date:"; }
	body.invoices table.table-list tbody tr td[data-title="ID"]:before { content: "Invoice #"; }
	body.orders table.table-list tbody tr td[data-title="ID"]:before { content: "Order ID"; content: attr(data-title); }
	body.viewClient table.table-list tbody tr td[data-title="ID"]:before { content: "Invoice:" }
	body.institutions table.table-list tbody tr td[data-title="Institution"]:before { content: "Institution"; }
	body.institutions table.table-list tbody tr td[data-title="Type"]:before { content: "Type"; }
	body.institutions table.table-list tbody tr td[data-title="Address"]:before { content: "Address"; }
	body.institutions table.table-list tbody tr td[data-title="Phone"]:before { content: "Phone/Fax"; }
	body.institutions table.table-list tbody tr td[data-title="Primary Branch"]:before { content: "Main Branch"; }
	body.rewards table.table-list tbody tr td[data-title="Description"]:before { content: ""; }
	body.rentals table.table-list tbody tr td[data-title="Type"]:before { content: "Type"; }
	body.rentals table.table-list tbody tr td[data-title="Property"]:before { content: "Property"; }
	body.rentals table.table-list tbody tr td[data-title="Address"]:before { content: "Address"; }
	body.rentals table.table-list tbody tr td[data-title="Region"]:before { content: "Region"; }
	body.rentals table.table-list tbody tr td[data-title="MLS Code"]:before { content: "MLS Code"; }
	body.rentals table.table-list tbody tr td[data-title="MLS Area"]:before { content: "MLS Area"; }
	body.rentals table.table-list tbody tr td[data-title="Rent"]:before { content: "Rent"; }
	body.rentals table.table-list tbody tr td[data-title="Bed"]:before { content: "Bed"; }
	body.rentals table.table-list tbody tr td[data-title="Bath"]:before { content: "Bath"; }
	body.rentals table.table-list tbody tr td[data-title="Size"]:before { content: "Size"; }
	body.rentals table.table-list tbody tr td[data-title="Age"]:before { content: "Age"; }
	body.rentals table.table-list tbody tr td[data-title="Condition"]:before { content: "Condition"; }
	body.rentals table.table-list tbody tr td[data-title="Park-in"]:before { content: "Park-in"; }
	body.rentals table.table-list tbody tr td[data-title="Park-out"]:before { content: "Park-out"; }
	body.rentals table.table-list tbody tr td[data-title="Median Rent"]:before { content: "Median Rent"; }
	body.rentals table.table-list tbody tr td[data-title="Median"]:before { content: "Median"; }
	body.rentals table.table-list tbody tr td[data-title="r"]:before { content: "r"; }
	body.rentals table.table-list tbody tr td[data-title="Intercept"]:before { content: "Intercept"; }
	body.rentals table.table-list tbody tr td[data-title="Slope"]:before { content: "Slope"; }
	body.documents table.table-list tbody tr td[data-title="Title"]:before { content: "Title"; }
	body.documents table.table-list tbody tr td[data-title="Description"]:before { content: "Description"; }
	body.fees table.table-list tbody tr td[data-title="Name"]:before { content: "Name"; }
	body.fees table.table-list tbody tr td[data-title="Tier 1"]:before { content: "Tier 1"; }
	body.fees table.table-list tbody tr td[data-title="Tier 2"]:before { content: "Tier 2"; }
	body.fees table.table-list tbody tr td[data-title="Tier 3"]:before { content: "Tier 3"; }
	body.fees table.table-list tbody tr td[data-title="Tier 4"]:before { content: "Tier 4"; }
	body.fees table.table-list tbody tr td[data-title="Tier 5"]:before { content: "Tier 5"; }
	body.fees table.table-list tbody tr td[data-title="Tier 6"]:before { content: "Tier 6"; }
	body.links table.table-list tbody tr td[data-title="Name"]:before { content: "Link Name" }
	body.links table.table-list tbody tr td[data-title="Description"]:before { content: "Description" }
	body.your-messages table.table-list tbody tr td[data-title="Subject"]:before { content: "Subject:"; }
	body.your-messages table.table-list tbody tr td[data-title="Date"]:before { content: "Date:"; }
	body.your-messages table.table-list tbody tr td[data-title="Message"]:before { content: "Message:"; }
*/
	body.reports table.table-list tbody tr td[data-title="Total"]:before { display: none; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Mark Paid"]:before {
		display: inline-block; position: relative;
		padding: 0.25em 0 0 0;
	}
	body.accounting-invoices table.table-list tbody tr td[data-title="Payment Method"]:before {
		content: "Method:"; display: inline-block; position: relative;
		padding: 0.25em 0 0 0;
	}
	body.accounting-invoices table.table-list tbody tr td[data-title="Amount Owing"]:before {
		content: "Owing:"; display: inline-block; position: relative;
		padding: 0.25em 0 0 0;
	}

	table.table-list.table-capacity thead,
	table.table-list.table-capacity tbody,
	body.rewards table.table-list thead,
	body.rewards table.table-list tbody,
	body.reports table.table-list thead,
	body.reports table.table-list tbody,
	body.adjustments table.table-list thead,
	body.adjustments table.table-list tbody,
	body.construction table.table-list thead,
	body.construction table.table-list tbody,
	body.viewInvoice table.table-list thead,
	body.viewInvoice table.table-list tbody,
	body.viewClient table.table-list thead,
	body.viewClient table.table-list tbody,
	body.viewInstitution table.table-list thead,
	body.viewInstitution table.table-list tbody { display: table-row-group; }

	table.table-list.table-capacity thead tr,
	table.table-list.table-capacity tbody tr,
	body.rewards table.table-list thead tr,
	body.rewards table.table-list tbody tr,
	body.reports table.table-list thead tr,
	body.reports table.table-list tbody tr,
	body.adjustments table.table-list thead tr,
	body.adjustments table.table-list tbody tr,
	body.construction table.table-list thead tr,
	body.construction table.table-list tbody tr,
	body.viewInvoice table.table-list thead tr,
	body.viewInvoice table.table-list tbody tr,
	body.viewClient table.table-list thead tr,
	body.viewClient table.table-list tbody tr,
	body.viewInstitution table.table-list thead tr,
	body.viewInstitution table.table-list tbody tr { display: table-row; }
	table.table-list.table-capacity th,
	table.table-list.table-capacity td,
	body.rewards table.table-list th,
	body.rewards table.table-list td,
	body.reports table.table-list th,
	body.reports table.table-list td,
	body.adjustments table.table-list th,
	body.adjustments table.table-list td,
	body.construction table.table-list th,
	body.construction table.table-list td,
	body.viewInvoice table.table-list th,
	body.viewInvoice table.table-list td,
	body.viewClient table.table-list th,
	body.viewClient table.table-list td,
	body.viewInstitution table.table-list th,
	body.viewInstitution table.table-list td { display: table-cell; }

	body.manageInvoice div.dynamic-input-item { display: flex; position: relative; width: 100%; padding: 1em; }
	body.manageInvoice div.dynamic-input-item > div { display: block; position: relative; flex-grow: 1; max-width: 35%; }
	body.manageInvoice div.dynamic-input-item > div:first-of-type { max-width: 25%; }
	body.manageInvoice div.dynamic-input-item > div.input-checkbox { padding-top: 15px; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Mark Paid"] > div.input-checkbox { float: right; width: 40%; padding: 0.75em 0 0 0; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Payment Method"] > .input-select > select.w100 { width: 80% !important; }
	body.accounting-invoices table.table-list.accounting-report-list tbody tr td[data-title="Amount Owing"] .input-currency { margin: 0; }

	#data-lookup-target.popup-left { width: 60%; margin-left: 20%; left: auto !important; }
	#data-lookup-target.popup-right { width: 60%; margin-left: 20%; left: auto !important; }
	#data-lookup-target:after { display: none; }

	.order-info-files .order-info-files-delete,
	.view-footer .auditing,
	.view-footer .order-action-delete {
		display: none !important;
	}


    .view-footer .summary {
        text-align: right;
    }

}

@media only screen and (max-width: 670px) {
	body { overflow-x: hidden; }
	.mobile-menu-toggle { display: block; }
	.t-plain .mobile-menu-toggle { display: none; }
	.site-header-tools .nav-list { display: none; }

	h2, .h2 { font-size: 1.875rem; }
	h3, .h3 { font-size: 1.625rem; margin-bottom: 0.75rem; }
	h4, .h4 { font-size: 1.375rem; }

	main { padding: 1em; }
	main ul.breadcrumbs { flex-wrap: wrap; }
	main ul.breadcrumbs li { width: 80%; margin: 0 auto; }

	.pagination-links { padding: 0; margin: 1em 0; font-size: 0.75rem; }
	.pagination-links a,
	.pagination-links .current { padding: 0 0.5em; }

	div.message-display { padding: 2em 1em; }

	.t-plain .site-title > a { background-size: contain; }
	.t-plain main, .t-plain .main-region { max-width: 100%; padding: 0 1em; }
	.t-plain .site-footer { max-width: 100%; padding: 1em; }



	div.table-wrap {
		display: block;
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0 0 1.5em 0;
	}
	div.table-wrap table {
		display: block;
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0;
		border-bottom: 1px solid #ddd;
	}
	div.table-wrap table tr { display: block; }
	div.table-wrap table thead { display: none; }
	div.table-wrap table tbody { display: block; width: 100%; }
	div.table-wrap table tbody td {
		display: block;
		position: relative;
		width: 100%;
		border: none;
	}

	.view-wrapper,
	.s-main.p-home .main-region > .view-layout:first-child .view-wrapper { max-width: 100%; border-radius: 0; box-shadow: none; }

	table.table-list { border-radius: 0; box-shadow: none; }
	table.table-list tbody tr td[data-title="Contact"],
	table.table-list tbody tr td[data-title="Order"] {  }

	table.table-list.order-info-files thead { display:table-header-group; }
	.order-info-files tfoot .button { display: none; }

	#data-lookup-target { display: none; }

}

@media only screen and (max-width: 520px) {

	/* header { padding: 0 1em 1em 1em; } */

	.w20,
	.w25,
	.w30,
	.w33,
	.w35,
	.w40,
	.w45,
	.w50 { width: 50%; }
	.w55,
	.w60,
	.w65,
	.w70,
	.w75,
	.w80,
	.w85,
	.w90,
	.w95,
	.w100 { width: 100%; }

	div.input-text input[type="text"],
	div.input-email input[type="email"],
	div.input-password input[type="password"],
	div.input-datepicker input[type="date"],
	div.input-select select { width: 95%; }
	select { padding-right: 30px; }

	.site-header-search { margin: 0 0.125rem 0 0; }
		.site-header-search input { min-width: 0; width: 25vw; }

	.site-header-member-wrapper { right: auto; }
	.view-top { flex-wrap: wrap; }
	.view-top > div { flex-basis: 100%; max-width: 100%; padding: 0 0 1em 0; }

	.view-top .button { display: none; }
		.view-top .button.show-mobile { display: inline-block; }
		.view-top .button.show-mobile:first-child { margin-left: 0; }

	.view-wrapper-content,
	.form-wrapper-content { flex-wrap: wrap; padding: 1em; }
	.view-wrapper-content > div,
	.form-wrapper-content > div,
	.w45 .view-wrapper-content > .view-wrapper-block,
	.w25 .view-wrapper-content > .view-wrapper-block { flex-basis: 50%; max-width: 50%; }
	.view-wrapper-content > .w100  {max-width: 100%; flex-basis: 100%; }

	.view-wrapper-content .flyout-card,
	.view-wrapper-content .flyout-card:first-child {
		margin: 0;
		padding: 1em 0;

		max-width: 100%;
		flex-basis: unset;
	}

	.view-wrapper-content > div.w60,
	.view-wrapper-content > div.w40 { max-width: 100%; flex-basis: 100%; display: block; width: 100%; }

	.order-log-list-item {
		border-bottom: 1px solid #eee;
	}

		.order-log-list-item .view-wrapper-figure [class*="fa-"],
		.order-log-list-item .squircle [class*="fa-"] {
			width: 1.5rem;
			height: 1.5rem;
		}

		.order-log-list-item .button {
			display: none;
		}

	.order-log-list-item .view-wrapper-figure,
	.order-log-list-item .squircle { margin-right: auto; }

	.view-wrapper-content > div.order-status-summary {
		flex-basis: 85%;

		display: flex;
		align-items: center;
		justify-content: space-between;

		max-width: 100%;
	}

		.view-wrapper-content > div.order-status-summary :nth-child(2) { order: 2; }
		.view-wrapper-content > div.order-status-summary :nth-child(3) { order: 1; }

		.order-status-list-item .view-wrapper-figure {
			width: 2rem;
			height: 2rem;
			margin-right: 0.9rem;
			border-radius: 4px;
		}

			.order-status-list-item .view-wrapper-figure:empty:after {
				font-size: 1rem;
			}


	.profile-splits .w33 {
		flex-basis: unset;

		width: 33%;
	}

	.filter { display: none; }

	table.table-list thead tr th,
	table.table-list tbody tr th,
	table.table-list tbody tr td {  }
	body.home table.table-list tbody tr td { border: none; }

	/*
	table.table-list tbody tr td.with-squircle,
	body.home table.table-list tbody tr td.with-squircle,
	body.your-messages table.table-list tbody tr td.with-squircle,
	body.clients table.table-list tbody tr td:first-child { max-width: 15%; }
	*/

	/*
	body.home table.table-list tbody tr td.with-squircle {}
	body.home table.table-list tbody tr td[data-title="ID"] {}
	body.home table.table-list tbody tr td[data-title="Description"] {}
	body.home table.table-list tbody tr td[data-title="State"] {}
	*/
	body.home table.table-list tbody tr td[data-title="Client"] { display: none; }

	body.home table.table-list tbody tr td[data-title="Invoice"],
	body.home table.table-list tbody tr td[data-title="Event"] {
		order: 2;

		align-items: center;
		display: flex;

		max-width: 85%;
	}

		body.home table.table-list tbody tr td[data-title="Invoice"]:before,
		body.home table.table-list tbody tr td[data-title="Event"]:before {
			display: none;
		}

		body.home table.table-list tbody tr td[data-title="Invoice"] dl,
		body.home table.table-list tbody tr td[data-title="Event"] dl {
			display: flex;
			justify-content: space-between;
			align-items: center;

			width: 100%;
		}

	body.your-messages table.table-list tbody tr td[data-title="Subject"] { max-width: 100%; order: 3; }
	body.your-messages table.table-list tbody tr td[data-title="Date"] { max-width: 85%; order: 2; }
	body.your-messages table.table-list tbody tr td[data-title="Message"] { padding: 1em; }

	body.schedule table.table-list tbody tr td[data-title="Event"] { max-width: 80%; }

	body.orders table.table-list tbody tr { padding-top: 1em; }

	/* body.orders table.table-list tbody tr td { flex-basis: 50%; max-width: 50%; border: none; padding: 0.25em 1.5em 1em !important; }
	body.orders table.table-list tbody tr td.with-squircle { order: 1; max-width: 15%; }
	body.orders table.table-list tbody tr td[data-title="ID"] { order: 2; max-width: 35%; }
	body.orders table.table-list tbody tr td[data-title="Description"],
	body.orders table.table-list tbody tr td[data-title="Client"],
	body.orders table.table-list tbody tr td[data-title="Appraiser"],
	body.orders table.table-list tbody tr td[data-title="Due"] { order: 4; flex-basis: 50%; }
	body.orders table.table-list tbody tr td[data-title="Status"] { order: 3; max-width: 50%; }
	*/

	body.orders table.table-list tbody tr td[data-title="Client"],
	body.orders table.table-list tbody tr td[data-title="Appraiser"] { display: none; }


	body.invoices table.table-list tbody tr td { flex-basis: 50%; max-width: 100%; border: none; }
	/* body.invoices table.table-list tbody tr td.with-squircle { max-width: 15%; } */
	body.invoices table.table-list tbody tr td[data-title="ID"] { max-width: 35%; }
	body.invoices table.table-list tbody tr td[data-title="Total"] { max-width: 50%; }
	body.invoices table.table-list tbody tr td[data-title="Client"],
	body.invoices table.table-list tbody tr td[data-title="Order"] { max-width: 50%; padding: 1em; }
	body.invoices table.table-list tbody tr td[data-title="Appraiser"],
	body.invoices table.table-list tbody tr td[data-title="Issued"] { max-width: 50%; border-bottom: 1px solid #eef0f2; }

	body.documents table.table-list tbody tr td[data-title="Title"] { max-width: 85%; width: 85%; }
	body.documents table.table-list tbody tr td[data-title="Description"] { max-width: 100%; width: 100%; }

	body.rentals table.table-list tbody tr td[data-title="Type"],
	body.rentals table.table-list tbody tr td[data-title="Property"],
	body.rentals table.table-list tbody tr td[data-title="Address"],
	body.rentals table.table-list tbody tr td[data-title="Region"],
	body.rentals table.table-list tbody tr td[data-title="MLS Code"],
	body.rentals table.table-list tbody tr td[data-title="MLS Area"],
	body.rentals table.table-list tbody tr td[data-title="Rent"],
	body.rentals table.table-list tbody tr td[data-title="Bed"],
	body.rentals table.table-list tbody tr td[data-title="Bath"],
	body.rentals table.table-list tbody tr td[data-title="Size"],
	body.rentals table.table-list tbody tr td[data-title="Age"],
	body.rentals table.table-list tbody tr td[data-title="Condition"],
	body.rentals table.table-list tbody tr td[data-title="Park-in"],
	body.rentals table.table-list tbody tr td[data-title="Park-out"] { flex-basis: 33%; max-width: 34%; border: none; }
	body.rentals table.table-list tbody tr td[data-title="Park-in"],
	body.rentals table.table-list tbody tr td[data-title="Park-out"] { flex-basis: 50%; max-width: 50%; border-bottom: 1px solid #eef0f2; }
	body.rentals table.table-list tbody tr td:before { text-align: left; }

	body.accounting-invoices table.table-list tbody tr td[data-title="ID"] { max-width: 50%; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Mark Paid"] { max-width: 50%; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Payment Method"] { max-width: 50%; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Amount Owing"] { max-width: 50%; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Order"] { border: none; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Appraiser"] { max-width: 50%; }
	body.accounting-invoices table.table-list tbody tr td[data-title="Issued"] { max-width: 50%; }

	body.accounting-invoices table.table-list tbody tr td[data-title="Mark Paid"] > div.input-checkbox { width: 25%; }

	body.fees table.table-list tbody tr td { flex-basis: 33%; max-width: 34%; }
	body.fees table.table-list tbody tr td[data-title="Tier 1"],
	body.fees table.table-list tbody tr td[data-title="Tier 2"],
	body.fees table.table-list tbody tr td[data-title="Tier 3"] { border: none; }

	body.links table.table-list tbody tr td[data-title="Title"] { max-width: 85%; width: 85%; }
	body.links table.table-list tbody tr td[data-title="Description"] { max-width: 100%; width: 100%; }

	table.table-list.table-capacity {}
	table.table-list.table-capacity thead { display: none; }
	table.table-list.table-capacity td { vertical-align: middle; }
	table.table-list.table-capacity td:not(:first-child, :nth-child(2), :last-child) { display: none; }
	table.table-list.table-capacity td:not(:first-child):before { display: inline-block; margin-right: 0.75em; }
}