/*
asdf

asdf
*/
*{margin:0;padding:0;font-family:verdana, arial, sans-serif;cursor:default;}
html,body {height:100%;}
body {font-size:90%;}
:focus {outline:0;}
::-moz-focus-inner {border:0;}


.clickable,
.clickable *,
a, a *,
label,
select,
select option {
	cursor:pointer;
}

a,a *{color:blue;text-decoration:none;}
a:hover *,
a:hover {color:red;}
a:focus {outline:1px dotted red;}

a img {border:0;}

hr {clear:both;visibility:hidden;}

ul,
ol {
	padding:0.5em;
	padding-left:2em;
}


pre {font-family:monospace;font-size:110%;}


table td,
table th,
table {clear:both;border:1px solid black;}

table {margin:1em 0;width:100%;font-size:90%;}
table th {padding:0.1em 0.3em;vertical-align:bottom;}
table td {padding:0.2em;}

thead {display: table-header-group;}
tfoot {display: table-header-group;}

table tbody tr:hover td {background:#EAEAEA;}
table tbody tr.highlight td {background:#FFCC99;}
table tbody tr.highlight:hover td {background:#FFD7AE;}

@media print
{
thead {display: table-header-group;}
}

table.right {float:right;clear:none;}

table.small {margin-right:2em;border-collapse:collapse;width:auto;border:0;}
table.small caption {font-weight:bold;white-space:nowrap;}
table.small th {vertical-align:top;}
table.small th,
table.small td {padding:2px 5px;border:0;font-size:90%;}

table.details {font-size:80%;border-collapse:collapse;border:none;}
table.details thead th {white-space:normal;border:2px solid black;}
table.details tbody tr td {height:3em;vertical-align:top;border:none;border-bottom:2px solid black;}

table.summary {margin:30px;font-size:75%;width:auto;border-collapse:collapse;border:none;border-top:2px solid black;border-bottom:2px solid black;}
table.summary thead {border-bottom:inherit;}
table.summary tfoot {border-top:inherit;}
table.summary th,
table.summary td {border:none;}
table.summary td {padding:2px 4px;}


table.bcl-profile-list {width:40%;}
table.bcl-profile-list thead th:nth-child(2) {text-align:left;}
table.bcl-profile-list tbody td:nth-child(1),
table.bcl-profile-list tbody td:nth-child(4),
table.bcl-profile-list tbody td:nth-child(5),
table.bcl-profile-list tbody td:nth-child(6) {text-align:right;padding-right:1em;}
table.bcl-profile-list tbody td:nth-child(3) {text-align:center;}

table.bcl-profile-summary {width:40%;}
table.bcl-profile-summary {text-align:left;}
table.bcl-profile-summary thead th:nth-child(3) {text-align:center;}
table.bcl-profile-summary tbody td:nth-child(3) {text-align:center;}

.captionHeader caption {text-align:left;padding:0em .1em;font-size:130%;font-weight:bold;line-height:1.03em;}


table.sortable thead th {cursor:pointer;}
table.sortable thead th::selection{background-color:transparent;color:inherit;}


table.details-color {border-collapse:collapse;border:none;width:100%;}
	table.details-color thead {}
	table.details-color thead th {color:white;background-color:#0070C0;}
	table.details-color th,
	table.details-color td {white-space:nowrap;}
		table.details-color .highlight {background-color:#FFFF00;}
		table.details-color .done {background-color:#92D050;}
		table.details-color .warn {background-color:#FFC000;}
		table.details-color .error {background-color:#FF0000;}


table td.space {border-top:none;border-bottom:none;background:inherit !important;}

table .num {text-align:right;padding-right:0.5em;}


input.txt,textarea{cursor:text;}
input.btn {cursor:pointer;}

input,textarea,select,option {box-sizing:border-box;-moz-box-sizing:border-box;}
label,legend {white-space:nowrap;}

input[readonly] {background:lightgray;cursor:not-allowed;}

form {margin:30px;font-size:95%;}
form fieldset {position:relative;padding:1em .5em;}
form fieldset legend {padding:0 1em;color:blue;margin-left:10%;}
form fieldset div {position:relative;height:auto !important;height:5em;min-height:2.3em;padding-bottom:.5em;}
form fieldset div label {position:absolute;display:block;top:20%;left:0px;width:11.5em;font-size:95%;text-align:right;line-height:100%;}
form fieldset div select,
form fieldset div textarea,
form fieldset div input {position:relative;top:.1em;left:12em;padding:.4em;font-size:95%;width:18em;}
select option,
select optgroup {padding:.5em;}

form fieldset div button,
form fieldset div span {position:relative;top:.1em;left:12.5em;padding:0 .2em;font-size:95%;}

form fieldset div .small {width:8em;}
form fieldset div .big   {width:36em;}
form fieldset div textarea.big {height:15em;}

form fieldset div input.chb {width:28px;height:28px;}

form fieldset div sup {color:red;}

/*also for the dropdown arrow in a textbox autofill*/
input::-webkit-calendar-picker-indicator {
	cursor:pointer;
}

.hidden {display:none;}

/*the buttons in a table to edit/delete row */

.clickable {background:transparent;border:none;}
.clickable img {padding:6px;}
.clickable:focus {outline:1px dotted black;}

input.editbtn,
input.delbtn,
input.delbtndis,
button.plus,
button.minus,
button.times {
	border:none;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
	width:28px;
	height:28px;
	display:inline-block;
	
	line-height:9999px;
	color:transparent;
	overflow:hidden;
}

input.editbtn {background-image:url(/assets/img/edit.png);}
input.delbtn {background-image:url(/assets/img/remove.png);}
input.delbtndis {background-image:url(/assets/img/remove-gray.png);}
button.plus {background-image:url(/assets/img/plus.gif);}
button.minus {background-image:url(/assets/img/minus.gif);}
button.times {background-image:url(/assets/img/times.gif);}


form table input.clickable {
	padding:7px;
}
input.clickable, button.clickable {vertical-align:middle;}
form table .clickable:focus,
form table .clickable:hover {
	background-color:#D2D2D2;
}

form fieldset button.times {position:absolute;top:1em;right:2em;}




.pageinator {
	margin:0 auto;
	display:block;
	width:90%;
	padding:5px 0;
}
	.pageinator a {
		position:relative;
		display:inline-block;
		border:1px solid black;
		background:white;
		padding:2px 0;
		width:100px;
		color:black;
		font-size:10px;
		font-family:arial,sans-serif;
		text-decoration:none;
		text-align:center;
	}
	.pageinator a:first-of-type {float:left;}
	.pageinator a:last-of-type {float:right;}
	
	.pageinator a:focus,
	.pageinator a:hover {
		color:gray;
		border:1px #4A4A4A solid;
	}
	
		.pageinator a:first-of-type::after {
			position:absolute;
			top:1px;
			left:6px;
			content:'?';
		}
		
		.pageinator a:last-of-type::after {
			position:absolute;
			top:1px;
			right:6px;
			content:'?';
		}



button.more {display:block;width:95%;height:auto;margin:5px auto;padding:5px;border:1px #555 solid;-moz-border-radius:6px;border-radius:6px;cursor:pointer;font-weight:bold;font-size:13px;color:#FFF;text-align:center;text-decoration:none;text-shadow:1px 1px 0px #000;outline:0;}
button.more:active {color:#FFF;background:#B2AD9E;text-shadow:none;}

button.more:hover {color:#FFF;}

button.more::-moz-selection {background:transparent;}
button.more::selection {background:transparent;}



button.more {
background:#A69F8E;
background:-moz-linear-gradient(top, #b2ad9e 0%, #a69f8e 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2ad9e), color-stop(100%,#a69f8e));
background:-webkit-linear-gradient(top, #b2ad9e 0%,#a69f8e 100%);
background:-o-linear-gradient(top, #b2ad9e 0%,#a69f8e 100%);
background:-ms-linear-gradient(top, #b2ad9e 0%,#a69f8e 100%);
background:linear-gradient(to bottom, #b2ad9e 0%,#a69f8e 100%);
}









#nav {display:block;width:100%;height:42px;}
#nav ul {padding:0;list-style:none;clear:both;}
#nav ul li {float:left;position:relative;padding-right:2px;background:#111111;}
#nav ul li a {display:block;position:relative;padding:14px 20px;font-size:12px;font-family:Verdana, Geneva, sans-serif;color:#FFF;text-decoration:none;background:#000;}
#nav ul li a:hover,#nav ul li a:focus{color:#CCCCCC;background:#1F1F1F;}
#nav ul li a:active{color:#555555;background:#111111;}
#nav ul li.cur a {text-decoration:underline;}

#nav ul li a, #nav {
background-image: linear-gradient(bottom, rgb(16,16,16) 0%, rgb(44,44,44) 100%);
background-image: -moz-linear-gradient(bottom, rgb(16,16,16) 0%, rgb(44,44,44) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(16,16,16) 0%, rgb(44,44,44) 100%);}

#nav ul ul {display:none;position:absolute;width:200px;z-index:5;}
#nav ul ul li {float:none;padding:0;}
#nav ul ul li a {display:block;background:#222;}

/*free*/
#nav ul>li:hover>a {background:#1F1F1F;}

#nav ul li:hover > ul {display:block;
-webkit-animation: main-nav-menu 0.25s linear;}

#nav ul li a:not(:only-child):after {position:absolute;display:block;right:5px;bottom:13px;width:12px;height:12px;border:1px #141414 solid;background:#262626;-moz-border-radius:2px;text-align:center;font-size:10px;color:#888;content:'>';text-shadow:0 0 1px #AAA;}
#nav>ul>li>a:not(:only-child):after {content:'v';}


#nav ul ul ul {top:0px;left:200px;}


@-webkit-keyframes main-nav-menu {
0% {opacity:0;}
100%{opacity:1;}
}



.nav {display:block;width:100%;height:42px;clear:both;}
.nav ul {padding:0;list-style:none;}
.nav ul li {float:left;position:relative;padding-right:2px;background:#111111;}
.nav ul li a {display:block;position:relative;padding:14px 20px;font-size:12px;font-family:Verdana, Geneva, sans-serif;color:#FFF;text-decoration:none;background:#000;}
.nav ul li a:hover,.nav ul li a:focus{color:#CCCCCC;background:#1F1F1F;}
.nav ul li a:active{color:#555555;background:#111111;}
.nav ul li.cur a {text-decoration:underline;}

.nav ul li a, .nav {
background-color:#2A2A2A;
background-image: linear-gradient(bottom, rgb(16,16,16) 0%, transparent 100%);
background-image: -moz-linear-gradient(bottom, rgb(16,16,16) 0%, transparent 100%);
background-image: -webkit-linear-gradient(bottom, rgb(16,16,16) 0%, transparent 100%);}

.nav ul ul {display:none;position:absolute;width:200px;z-index:5;}
.nav ul ul li {float:none;padding:0;}
.nav ul ul li a {display:block;background:#222;}

/*free*/
.nav ul>li:hover>a {background:#1F1F1F;}

.nav ul li:hover > ul {display:block;
-webkit-animation: main-nav-menu 0.25s linear;}

.nav ul li a:not(:only-child):after {position:absolute;display:block;right:5px;bottom:13px;width:12px;height:12px;border:1px #141414 solid;background:#262626;-moz-border-radius:2px;text-align:center;font-size:10px;color:#888;content:'>';text-shadow:0 0 1px #AAA;}
.nav>ul>li>a:not(:only-child):after {content:'v';}


.nav ul ul ul {top:0px;left:200px;}



.nav2 ul li a, .nav2 {background-color:#D56A00;}




form table.details input.clickable {
	padding:7px;
}
form table.details input.clickable:hover {background-color:lightgray;}
div.cols {
	display: -moz-box;
	display:flex;
	padding:0;
}
div.cols>div {
	flex:0 1 auto;
	padding:0;
	width:210px;
}


/*ALL JOB PAGES*/
body.job {}
	body.job h1 {font-size:150%;}

/*body.job-measurements, body.glass-order*/
table.right {clear:none;float:right;}
div.left {float:left;}
.logo {padding:.8em;display:block;width:155px;font-size:90%;letter-spacing:0.1em;line-height:1.1em;font-weight:bold;color:black;}
.logo img {float:left;margin-right:.8em;}
.ref {margin:20px 0 12px 70px;display:block;width:420px;font-size:100%;}


@media print {
	.ref,
	.logo {font-weight:normal;}
	body.glass-order h1 {position:absolute;top:0px;width:100%;text-align:center;}
}

/*Measurements page*/
body.job-measurements form.print {margin:0;}
body.job-measurements form.print fieldset:first-child {display:none;}
body.job-measurements table#measurements input.txt {padding:0px 5px 8px 0px;text-align:center;font-size:110%;width:34px;border:none;background:inherit;}
body.job-measurements table#measurements input.txt:focus,
body.job-measurements table#measurements input.txt:hover {outline:1px dotted black;}
body.job-measurements table#measurements input.chb {width:28px;height:28px;}



/*Glass order page*/
.glass-order table.details tbody td {text-align:center;}
.glass-order table.summary tbody td:nth-child(1),
.glass-order table.summary tbody td:nth-child(2),
.glass-order table.summary tbody td:nth-child(3) {white-space:nowrap;}





/* CUTTING LIST */
	/*center total texts*/
	body.cutting-list .bcl-profile-summary thead tr:first-child th:last-child,
	body.cutting-list .bcl-profile-summary tfoot tr:last-child th {text-align:center;}
	body.cutting-list .bcl-profile-summary {white-space:nowrap;}

	/*Cutting List Table*/
	div.cltable {
		margin:50px;
		border:2px solid black;
	}
		div.cltable hr {display:none;}
		div.cltable table,
		div.cltable th,
		div.cltable td {border:0;}
		div.cltable table {margin:0;}
		
		div.cltable table.cltablehead {
			margin:8px 0;
			page-break-inside:avoid;
		}
			div.cltable table.cltablehead td:first-child {width:120px;}
			div.cltable table.cltablehead tr:first-child td {font-size:110%;font-weight:bold;}
			
			div.cltable table.cltablehead td.img {
				width:150px;
				height:90px;
				text-align:center;
			}
		
		
		div.cltable table.cltablebody {
			border:none;
			border-collapse:collapse;
		}
			div.cltable table.cltablebody td,
			div.cltable table.cltablebody th {
				border:2px solid black;
				border-left:none;
				border-bottom:none;
				border-right-width:1px;
			}
			
			div.cltable table.cltablebody th:last-child,
			div.cltable table.cltablebody td:last-child {
				border-right:none;
			}
			
			div.cltable table.cltablebody td {padding:2px 10px;}
			div.cltable table.cltablebody td:nth-child(1) {width:40px;text-align:right;}
			div.cltable table.cltablebody td:nth-child(2) {width:50px;text-align:right;}
			div.cltable table.cltablebody td:nth-child(3) {width:120px;text-align:center;}
			div.cltable table.cltablebody thead {display:none;}



/* SASH-DIMENSIONS */
	body.sash-dimensions {}
	body.sash-dimensions table {border-collapse:collapse;}
	
	/*sash-unit*/
		body.sash-dimensions div.sash-unit {padding:20px;clear:both;}
		body.sash-dimensions div.sash-unit img {float:left;padding:20px;}
		body.sash-dimensions div.sash-unit dl {
		float:left;
		
		
		
		}
		body.sash-dimensions div.sash-unit dl * {}
		body.sash-dimensions div.sash-unit dl dt {float: left;}
		body.sash-dimensions div.sash-unit dl dd {float: left;clear:right;}
		body.sash-dimensions .sash-unit dl dd.glass-measurement {color:red;}




/*
dl dt, dl dd{
 display: inline;
}

dt, dd{
 margin-right: 25px;
 color: #fff;
 background-color: green;
 min-width: 200px;
 border-radius: 15px; 
}
*/


dl {width:420px;outline:0px red solid;}
dt:after {content:':';}
dt {
  float:left;
  clear: left;
  width: 180px;
  
  padding-right:10px;
  text-align:right;
}
dd {
    clear: left;
    float: left;
}
dt + dd {
    float: left;
    clear: none;
    margin-left: 0;
}




.§crumbs {font-size:80%;overflow:hidden;}
.§crumbs ul {list-style:none;}
.§crumbs li {display:inline;margin:0;padding:0;float:left;}
.§crumbs li a {padding:0.5em 1em;}
.§crumbs li:after {content:'/';}
.§crumbs li:last-child:after {content:'';}

.§crumbs li:last-child {float:none;}




/*
.team fieldset legend {background-color:cyan;}
.team div.fnm {background-color:red;}
.team div.lnm {background-color:green;}
.team div.dob {background-color:yellow;}
.team div.grl {background-color:magenta;}
fieldset.team fieldset:first-of-type {background-color:purple;}
.team label {background:#FAA;}
*/



form.isp .team,
form.isp {display:block;}
.isp legend {color:black;}
input.refresh {visibility:hidden;position:absolute;}

.isp .response {position:relative;display:inline-block;margin:1em;padding:0.8em 1.5em;background:lemonchiffon;border:1px gray outset;border-radius:2px;}
	.isp .response:before {display:inline-block;position:absolute;top:-0.5em;left:3px;padding:0 0.5em;font-size:75%;color:royalblue;content:'notice';background:aliceblue;z-index:2;}

.isp fieldset {border:0;}
.isp fieldset fieldset {border:2px outset gray;}
.isp>fieldset {padding:0;margin-bottom:2em;}
.isp>fieldset>legend {margin:0;font-weight:bold;font-size:110%;}


	.isp .team fieldset {border:0;padding:0;}
	.isp .team fieldset input {position:static;}
	.isp .team fieldset legend,
	.isp .team fieldset div {position:relative;float:left;margin:0;padding:0;width:25%;}
	.isp .team fieldset input {width:100%;}
	
		.isp .team fieldset legend {width:5em;font-weight:normal;}
		.isp .team div.dob {width:12em;}
		.isp .team div.grl {width:2em;}
		.isp .team div.grl input {position:relative;top:1px;left:1px;}
	
		.isp .team fieldset.grl {background-color:lavenderblush;}
		.isp .team fieldset.grl input.txt, .isp .team fieldset.grl legend {color:magenta;}
		.isp .team fieldset.grl label {color:purple;}
		.isp .team fieldset.grl:before {
			content:'♀';
			font-size:1.11em;
		}


.isp .team fieldset legend {top:0.5em;}


.isp .team fieldset p {display:none;}



	/* :LABELS: hide all the labels except for the first row */
	.isp .team fieldset label {display:none;}
	.isp .team fieldset:first-of-type {margin-top:1em;}
	.isp .team fieldset:first-of-type label {display:block;top:-1.6em;padding:0.25em 0;width:100%;text-align:center;}



fieldset.team div.error {float:none;clear:both;display:block;}




input.txt {border:1px solid gray;padding:0.5em;height:2.25em;}




@media ascreen,print {
	form.isp .team,img,
	form.isp {page-break-inside:avoid;}
	
	.update-page form.isp {page-break-inside:auto;} /* reset page-break for the update page */
	
	.isp fieldset.team {border:0;}
	.isp .team > legend {margin:0;padding:0;position:relative;top:1em;left:-1em;font-size:130%;z-index:3;font-family:times;}
	
	input.txt {border:0;border-bottom:1px dashed black;}
	
	.isp .team div.dob input {color:white;}
	.isp .team div.grl {display:none;}
	
	[type=date] {text-align:center;}
	::-webkit-datetime-edit {color:lightgray;}
	::-webkit-datetime-edit-text {color:black;}
	::-webkit-calendar-picker-indicator {display:none;}
	::-webkit-inner-spin-button {display:none;}
	::-webkit-clear-button {display:none;}
	
	.isp .step3,
	.isp input.btn,
	.isp>fieldset>legend,
	form div.error {display:none !important;}
	.isp .team fieldset.grl * {color:black !important;}
	.isp .team fieldset.grl:before {position:relative;top:0.2em;left:-1em;z-index:4;}
	* {background-color:white !important;}
}




/* REMOVE ME 
body {padding-bottom:9999px;}*/




/* hide placeholdertext for date inputs 
input:placeholder-shown::-webkit-datetime-edit-day-field,
input::-webkit-datetime-edit-month-field,
input::-webkit-datetime-edit-year-field {color:gold;}
input::-webkit-datetime-edit-text {color:black;}
input:blank{color:yellow;}
*/



/* #PRINT# */
@media print {
	a,a *{color:black;text-decoration:none;}
	
	abbr {text-decoration:none !important;border:0 !important;cursor:default !important;}
	
	form,
	#navmain,
	/*
	body.job-measurements table#measurements thead tr th:last-child,
	body.job-measurements table#measurements tbody tr td:last-child,
	*/
	.pageinator,
	body.job-measurements table#measurements thead tr th:nth-child(2),
	body.job-measurements table#measurements tbody tr td:nth-child(2),
	body.job-measurements table#measurements thead tr th:first-child,
	body.job-measurements table#measurements tbody tr td:first-child,
	body.job-measurements form fieldset {
		display:none;
	}
	
	table tbody tr:hover td,
	table tbody tr.highlight td,
	table tbody tr.highlight:hover td {background:#FFF;}
	
	.print {display:block;}
	.noprint {display:none !important;}
}