.deleted, .manufacturing, .ordered, .not_measured, .measured, .installed, .status, .cut, .cutting {
	 float: left;
	 background: #eef;
	 border: 1px solid #ccf;
	 border-radius: 9px;
	 padding-left: 3px;
	 padding-right: 3px;
	 padding-top: 1px;
	 padding-bottom: 1px;
}
 .icon {
	 vertical-align: middle;
	 width: 15px;
	 height: 15px;
}
 .ordered {
	 color: blue;
}
 .not_measured {
	 color: red;
}
 .installed {
	 color: green;
}
 .measured {
	 color: orange;
}
 th, td {
	 border: 1px solid #ddd;
	 padding: 3px;
}
 #lots table {
	 border-collapse: collapse;
	 border: 0px solid #ddd;
}
 #lots th, #lots td {
	 border: 0px solid #ddd;
	 border-spacing: 0px 0px;
	 padding: 3px;
}
 #lots tr {
	 border-top: 1px solid #ccc;
}
 #lots .no_border {
	 border-top: 0px solid #ddd;
}
 #container {
	 position: relative;
}
 #menu {
	 position: absolute;
	 width: 10em;
}
 #menu ul {
	 list-style-type: none;
	 padding: 0px 0px 0px 0px;
	 text-transform: uppercase;
	 letter-spacing: 2px;
}
 #menu li {
	 background-color: rgba(255, 255, 255, 0.9);
}
 #menu a {
	 color: black;
}
 #menu a:hover {
	 color: #fff;
	 background-color: rgba(0, 0, 0, 0.9);
}
 .menu {
	 padding: 9px 9px 9px 9px;
	 display: block;
	 text-decoration: none;
}
 #contentContainer {
	 margin-left: 10em;
	 padding: 1em 1em;
}
 #content {
	 padding: 1em 1em 1em 1em;
	 background-color: rgba(255, 255, 255, 0.8);
	 overflow: auto;
}
 .slider_deleted, .slider_installed, .slider_cut {
	 text-decoration: line-through;
	 color: green;
}
 #header_table table, #header_table th, #header_table td {
	 border: 0px solid black;
}
 .mirrors_table table, .mirrors_table th, .mirrors_table td {
	 border: 0px solid black;
	 border-collapse: collapse;
}
 .mirror_table table, .mirror_table th, .mirror_table td {
	 border: 1px solid black;
}
 .closet_doors {
	 border-collapse: collapse;
}
 .slider_table table, .slider_table th, .slider_table td {
	 border: 0px solid black;
}
 .square {
	 width: 60px;
	 height: 60px;
	 border: 1px solid black;
}
 .style_1 {
	 background-color: #eee;
}
 .style_2 {
	 background-color: rgba(255, 255, 255, 1);
}
 .centered_table {
	 text-align: center;
}
 .header {
	 background-color: #99f;
	 color: white;
	 padding: 10px;
}
 .header a, .header a:visited {
	 color: white;
}
 .large_font td, .large_font th {
	 font-size: 1.5em;
	 line-height: 150%;
}
 .blue {
	 color: blue;
}
 .mirror_to_cut {
	 border: 1px;
	 border-style: solid;
	 padding: 1em;
	 margin: 1em 0em 1em 0em;
	 overflow: auto;
}
 .cutting_status {
	 float: left;
}
 .clear_both {
	 clear: both;
}
 .item_description {
	 color: blue;
	 font-size: 1.1em;
	 text-decoration: none;
}
 .item_description a, .item_description a:visited {
	 color: blue;
	 text-decoration: none;
}
 .item_description a:hover, .item_description a:visited:hover {
	 color: white;
	 background-color: rgba(0, 0, 0, 0.9);
}
 .shape_to_cut {
	 border: 0px;
	 border-style: solid;
	 border-color: #ddd;
	 padding: 1em;
	 margin: 1em 0em 1em 0em;
	 overflow: auto;
}
 .active_tab {
	 float: left;
	 padding: 0.3em 0.7em 0.3em 0.7em;
	 text-decoration: none;
	 font-size: 1.1em;
	 border-style: solid;
	 border-color: black;
	 border-bottom-style: none;
	 border-width: 1px;
}
 .inactive_tab {
	 float: left;
	 padding: 0.3em 0.7em 0.3em 0.7em;
	 text-decoration: none;
	 background-color: rgba(210, 210, 210, 0.9);
	 text-decoration: none;
	 font-size: 1.1em;
	 border-style: none;
	 border-color: black;
	 border-bottom-style: solid;
	 border-width: 1px;
}
 #other_mirrors {
	 height: 10em;
	 width: 50em;
	 overflow: auto;
}
 .watermark {
	 position: absolute;
	 top: 0.4em;
	 left: 3em;
	 z-index: -1;
	 font-size: 10em;
	 color: rgba(0, 0, 0, 1);
}
 .shape_container {
	 position: relative;
}
 .devel {
	 position: absolute;
	 top: 1.4em;
	 z-index: -2;
	 font-size: 12em;
	 font-weight: bold;
	 color: rgba(210, 210, 210, 3);
}
 .transparent {
	 border: none;
	 background-color: transparent;
	 font-size: 1.05em;
}
 #calculator {
	 position: fixed;
	 background-color: rgba(255, 255, 255, 0.8);
}
/* Hide the checkbox */
 .collapsible-toggle {
	 position: absolute;
	 opacity: 0;
	 z-index: -1;
}
/* Header styling */
 .collapsible-header {
	 display: block;
	 padding: 12px 15px;
	 background: #f5f5f5;
	 color: #333;
	 cursor: pointer;
	 border-radius: 4px;
	 transition: background 0.2s;
}
 .collapsible-header:hover {
	 background: #e9e9e9;
}
/* Arrow styling */
 .arrow {
	 display: inline-block;
	 margin-right: 10px;
	 transition: transform 0.3s ease;
}
/* Content wrapper - the magic happens here */
 .collapsible-content {
	 max-height: 0;
	 overflow: hidden;
	 transition: max-height 0.3s ease-out;
	 background: white;
	 border-radius: 0 0 4px 4px;
}
/* Inner content padding */
 .collapsible-inner {
	 padding: 15px;
}
/* The checked state */
 .collapsible-toggle:checked ~ .collapsible-content {
	 max-height: 1000px;
	/* Adjust this based on your content */
	 transition: max-height 0.5s ease-in;
}
 .collapsible-toggle:checked ~ .collapsible-header .arrow {
	 transform: rotate(180deg);
}
/* Optional: Add a border when open */
 .collapsible-toggle:checked ~ .collapsible-content {
	 border: 1px solid #ddd;
	 border-top: none;
}
 @media print {
	 footer {
		 page-break-after: always;
	}
	 .large_font {
		 page-break-inside: avoid;
	}
	 .keep_together {
		 page-break-inside: avoid;
	}
}
 .lot_checkbox, .lot_number, .lot_qa, .lot_showers, .lot_sliders, .lot_mirrors, .lot_railings, .lot_invoice {
	 display: inline-block;
	 padding: 5px 5px 5px 5px;
	 border: 0px solid black;
	 vertical-align: text-top;
}
 .lot_checkbox {
	 width: 1.5em;
}
 .lot_number {
	 width: 5em;
}
 .lot_qa {
	 width: 10em;
}
 .lot_showers {
	 width: 10em;
}
 .lot_sliders {
	 width: 15em;
}
 .lot_mirrors {
	 width: 20em;
}
 .lot_railings {
	 width: 20em;
}
 .sketch_info {
	 float: left;
	 min-width: 30em;
	 max-width: 35em;
	 padding: 1em;
}
 .sketch {
	 display: inline-block;
	 padding: 1em;
}
 .sketch_table table, .sketch_table th, .sketch_table td {
	 border: 0px solid black;
}
 .one_line {
	 float: left;
	 display: inline-block;
	 white-space: nowrap;
}
 .full_width {
	 height: 5em;
	 width: 100%;
	 max-width: 30em;
}
 #order {
	 width: 11em;
}
 .item_container {
	 margin-bottom: 1em;
}
 .glass_lite_info {
	 font-size: 1.3em;
	 color: #00b;
}
 .glass_lite_info a, .glass_lite_info a:visited {
	 color: #00b;
}
 .glass_lite_label {
	 color: #ccc;
}
 @media (max-width: 800px) {
	 .lot_qa, .lot_showers, .lot_sliders, .lot_mirrors, .lot_railings {
		 clear: both;
		 width: 17em;
	}
	 .active_tab, .inactive_tab {
		 width: 93%;
	}
	 #contentContainer, #container, #menu {
		 padding: 0em;
		 margin: 0em;
		 position: static;
		 width: 100%;
	}
	 .sketch_info {
		 min-width: 10em;
		 max-width: 100%;
	}
	 .cutting_status {
		 clear: both;
	}
	 .watermark {
		 left: 1em;
	}
	 .glassliteCanvas {
		 width: 80%;
	}
	 .railingCanvas {
		 width: 80%;
	}
	 .mirrorCanvas {
		 width: 80%;
	}
}