form {
		max-width:500px;
		margin:30px auto;
	}
	
	#page1 button {
		width:100% !important;
	}
	
	#page1 .col-md-6 {
		padding:0px;
	}
	
	.checkbox input[type="radio"] {
		margin-right: 5px;
	}
	.checkbox {
		width: 100%;
		display: inline-block;
		margin-right: 10px;
		margin-top: 20px;
	}
	
	.long-radios .checkbox {
		width: 46% !important;
		margin-right: 2% !important;
	}
	
	.long-radios .checkbox label {
		height:40px !important;
	}
	
	.col-md-6 {
		display:inline-block;
		margin:10px 0px !important;
		width:49% !important;
		padding:0px;
	}
	
	.custom-radio {
		display: inline-block;
		margin: 0px 10px;
	}
	
	button {
		margin-top: 20px;
		width: 93%;
		padding: 20px !important;
	}
	
	#page2 .col-md-6 {
		vertical-align:top;
	}
	
	#page22 h1 {
		margin-bottom:30px;
	}
	
	#page22 .col-md-4 {
		width:32%;
		vertical-align:top;
		display:inline-block;
		padding:0px;
	}

	#page222 .col-md-3 {
		width:23%;
		display:inline-block;
		vertical-align:top;
		padding:0px;
	}
	
	#page222 .col-md-6 .checkbox {
		margin-top:10px;
	}
	
	#page22 .col-md-4 .checkbox {
		margin-top:0px;
	}
	
	#page2 .col-md-6 img, #page22 .col-md-4 img, #page222 .col-md-6 img {
		width: 100%;
		padding: 0px;
		margin: 0px 0px 10px 0px;
		height:150px;
	}	
	
	#page2 .col-md-6 .checkbox {
		margin-top:0px;
	}
	
	#page2 .col-md-6 .checkbox label {
		font-weight:bold;
	}
	
	#page2 .col-md-6 p {
		font-size:14px;
		margin-top:10px;
	}
	

	#page2 .col-md-4 {
		display:inline-block;
		vertical-align:top;
		width:32%;
		padding:0px;
	}
	
	#page3 .col-md-6 {
		vertical-align:top;
	}
	
	#page3 .col-md-6 img {
		width: 100%;
		padding: 0px;
		margin: 0px 0px 10px 0px;
		height:150px;
	}	
	
	#page3 .col-md-6 .checkbox {
		margin-top:0px;
	}
	
	#page3 .col-md-6 .checkbox label {
		font-weight:bold;
	}
	
	#page3 .col-md-6 p {
		font-size:14px;
		margin-top:10px;
	}
	
	
	#page3 .col-md-3 {
		display:inline-block;
		vertical-align:top;
		width:23%;
		padding:0px;
	}
	
	
	#page4 .col-md-6 {
		vertical-align:top;
	}
	
	#page4 .col-md-6 img {
		width: 100%;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}	
	
	#page4 .col-md-6 .checkbox {
		margin-top:0px;
	}
	

	
	#page4 .col-md-6 p {
		font-size:14px;
		margin-top:10px;
	}
	
	#page4 .col-md-6:nth-of-type(1) p { 
		padding-top:10px;
	}
	
	#page4 .col-md-4 {
		display:inline-block;
		vertical-align:top;
		width:30%;
		padding:0px;
		margin-right:2%;
	}	
		
	form .checkbox input[type="checkbox"], form .checkbox input[type="radio"] {
		display: none;
	}

	form .checkbox label, #reports .checkbox label {
		position: relative;
		color: #333;
		background-color: #f7f7f7;
		font-size: 16px;
		text-align: center;
		height: 70px;
		line-height: 16px;
		cursor: pointer;
		border: 1px solid transparent;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-radius:5px;
		display: -webkit-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		justify-content: center;
		width:100%;
	}
	
	form .checkbox label > input[type="number"], form .checkbox label > select, #reports .checkbox label > input[type="number"] {
		width: 46%;
		border-radius: 5px;
		border: none;
		position: relative;
		top: 10px;
		background: #fff;
		text-align: center;
		border: 1px solid #000;
		display:none;
	}
	
	input[type="text"]:focus, select:focus, input[type="number"] {
		outline:none;
	}
	
	form .checkbox input:checked + label, #reports .checkbox input:checked + label{
		border:1px solid #333;
	}
	
	#page1 .checkbox {
		width:23.5%;
		margin-right:1%;
	}
	
	#page1 .checkbox:nth-of-type(4) {
		margin-right:0%;
	}

	#page4 .checkbox input:checked + label{
		display: inline-block;
		font-size: 12px;
		padding-top: 15px;
	}
	
	form .checkbox input:checked + label input[type='number'], form .checkbox input:checked + label select, #reports .checkbox input:checked + label input[type='number'] {
		display:inline-block;
		margin:0px auto;
	}

	form .checkbox input:checked + label:after, #reports .checkbox input:checked + label:after{
		content: "\2713";
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 100%;
		border: 1px solid #333;
		background-color: #2fcc71;
		z-index: 999;
		position: absolute;
		top: -10px;
		right: -10px;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
	}
	
	#page4 .col-md-6 {
		margin-right:2%;
		width:47%;
	}
	
	#page4 .checkbox label > span {
		display:block;
	}
	
	#page5 .col-md-6 {
		vertical-align:top;
	}
	
	#page5 input[type="text"].col-md-2 {
		width: 30%;
		display: inline-block;
		vertical-align: top;
		max-width: unset;
		margin-right: 1%;
		margin-bottom: 10px;
		font-size: 12px;
		padding: 10px 0px 10px 10px;
		height: 38px;
		text-align:center;
	}
	
	#page5 input[type="text"].col-md-3 {
		width: 39% !important;
		display: inline-block;
		vertical-align: top;
		min-width: unset;
		max-width: unset;
		margin-right: 9%;
		margin-bottom: 10px;
		text-align:center;
	}
	
	#page5 label {
		display:block;
		text-align:center;
	}
	
	#page5 .col-md-3 {
		width:24%;
		vertical-align:top;
		display:inline-block;
		padding:0px;
	}
	
	#page5 .col-md-12 {
		padding:0px 5px;
	}
	
	#page5 .col-md-12 textarea {
		resize:none;
		height:100px;
	}
	
	#page5 .long-radios .checkbox {
		margin-top:0px;
		position:relative;
		height:10px;
	}
	
	#page5 .long-radios .checkbox label {
		line-height:32px;
	}
	
	#page5 h3 {		
		margin: 20px 0px;
		border-bottom: 1px solid rgba(0, 0, 0, 1);
		padding-bottom: 10px;
	}
	
	#address1, #address2, #address3 { 
		margin-bottom:5px;
	}
	
	#page5 .col-md-12 > label {
		margin-top:20px;
		font-weight:bold;
	}
	
	#page5 .form-group.col-md-25 {
		display: inline-block;
		vertical-align: top;
		width: 17%;
		margin-right: 2%;
	}
	
	#page5 .checkbox label {
		height: 50px;
		line-height: 50px;
		font-size:14px;
	}
	
	.finaltotals {
		background-color:#f7f7f7;
		margin:20px 0px;
	}
	
	.finaltotal label {
		font-weight: bold;
		text-transform: uppercase;
		padding-top: 7px;
	}
	
	#page5 .signature {
		display:inline-block;
		vertical-align:top;
		margin:40px 0px 10px 0px;
	}
	
	#page5 .col-md-8 {
		width:60%;
	}
	
	#page5 .col-md-4.signature {
		width:39%
	}
	
	#invoice {
		max-width:500px;
		margin:30px auto;
	}
	
	#invoice h1 {
		margin-bottom:30px;
	}
	
	.invoice_header {
		padding: 10px 0px 0px 0px;
		background: #f7f7f7;
		border-radius: 10px;
	}
	
	.invoice_header > div {
		vertical-align:top;
		text-align:left;
		display:inline-block;
	}
	
	.invoice_header .col-sm-4 {
		width:40%;
	}
	
	.invoice_header .col-sm-8 {
		width:58%;
		font-weight:bold;
		padding-left:50px;
	}
	
	.invoice_header .col-sm-4 img {
		width: 100%;
		padding: 15px 0px 0px 0px;
	}
	
	.invoice_header .col-sm-8 p.invoice_address {
		font-weight:normal;
	}		
	
	#invoice .col-sm-12 {
		background:#f7f7f7;
		margin-top:20px;
		border-radius:10px;
		padding:10px;
	}
	
	#invoice .col-sm-4 {
		display:inline-block;
		vertical-align:top;
		width:40%;
	}
	
	#invoice .col-sm-8 {
		display:inline-block;
		vertical-align:top;
		width:58%;
	}		
	
	.patientname {
		font-weight:bold;
	}
	
	.patientaddress {
		font-size: 12px;
		font-style: italic;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}
	
	#invoice h2 {
		font-size: 18px;
		padding: 20px;
	}

	#invoice .orderdetails > p {
		display:inline-block;
		vertical-align:top;
		width:20%;
		padding:10px 0px;
		margin:0px;
		font-size:14px;
		text-align:right;
	}
	
	#invoice .orderdetails > p:nth-of-type(3) {
		width:58%;
		font-weight:500;
		padding-right:5px;
	}
	
	#invoice h3 {
		margin: 20px 0px;
		border-bottom: 1px solid rgba(0, 0, 0, 1);
		padding-bottom: 10px;
		font-size:20px;
	}
	
	.ordersummary {
		text-align:left;
		border-bottom:1px solid #333;
	}
	
	.paymentsummary {
		
	}
	
	.paymentsummary .col-md-6:nth-child(even) {
		font-weight:bold;
	}
	
	.paymentsummary .col-md-6:last-of-type {
		color:red;
	}
	
	.ordersummary .col-md-6 {
		text-align:left;
		padding-left:5px;
	}
	
	.ordersummary .col-md-6:nth-child(even) {
		font-weight:bold;
		text-align:center;
	}
	
	.invoice_total {
		background:#f7f7f7;
		padding-top:10px;
		padding-bottom:10px;
		border:radius:5px;
	}
	
	.shippingsummary {
		text-align:left;
		border-top:1px solid #333;
	}
	
	.shippingsummary h3 {
		text-align:center;
	}
	
	#processqueue {
		max-width:800px;
		margin:30px auto;
		font-size:14px;
	}
	
	.process_head {
		background-color:#f7f7f7;
		font-weight:bold;
	}
	
	#ordersqueue {
		width:100%;
	}
	
	
	
	.ball {
		display:inline-block;
		width:10px;
		height:10px;
		border-radius:50%;
	}

	.square {
		display:inline-block;
		width:10px;
		height:10px;
	}
	
	.status_red {
		background:red;
	}
	
	.status_blue {
		background:blue;
	}
	
	.status_green {
		background:green;
	}
	
	.status_purple {
		background:purple;
	}
	
	.status_orange {
		background:orange;
	}	
	
	.status_lightblue {
		background:lightblue;
	}
	
	#processqueue textarea {
		width: 100%;
		resize: none;
		border-radius: 5px;
		padding: 10px;
	}
	
	#processqueue textarea:focus {
		outline:none;
	}
	
	form, #invoice, #processqueue {
		  
	}
	
	.xdsoft_timepicker {
		display:none !important;
	}
	
	.visible {
		display:block !important;
	}
	
	.invisible {
		display:none !important;
	}
	
	.drill > div, .safety > div, .wrap > div, .expedite > div, .warranty > div {
		display:inline-block;
		vertical-align:top;
		padding:0px;
	}
	
	.drill input[type="number"], .expedite input[type="number"], .warranty input[type="number"] {
		width:100%;
		border: 1px solid #ccc;
		border-radius: 5px;
		font-size: 14px;
		height: 40px;
		text-align:center;
	}
	
	.drill > .col-md-6, .safety > .col-md-6, .wrap > .col-md-6, .expedite > .col-md-6, .warranty > .col-md-6 {
		width: 40% !important;
		margin-top: 0px !important;
		margin-left: 5% !important;
		margin-bottom: 20px !important;
	}
	
	#page4 .long-radios .checkbox input:checked + label {
		font-size: 15px;
		padding-top: 10px;
	}
	
	.modelling-header-section h2 {
		padding-top:150px !important;
	}
	
	#namesuggestions, #opticiansuggestions, #framesuggestions {
		display: none;
		position: absolute;
		background: #fff;
		z-index: 99;
		width: 100%;
		text-align: left;
		border: 1px solid #ccc;
		border-width: 0px 1px 1px;
		margin-top: -3px;	
		border-radius: 0px 0px 5px 5px;		
		overflow:none;
	}
	
	#patients-list, #opticians-list, #frames-list {
		padding: 0px;
		margin: 0px;
		height: 100%;
		width: calc(100% - 2px);
		margin-left: 1px;	
	}
	
	ul#patients-list li, ul#opticians-list li, ul#frames-list li {
		padding: 5px 0px 5px 0px;
		list-style:none;
		text-indent:10px;
		cursor:pointer;
	}
	
	ul#patients-list li:hover, ul#opticians-list li:hover, ul#frames-list li:hover {
		background-color:#f7f7f7;
	}
	
	.form-control:focus {
		outline: 0 !important;
		border-color: #ccc !important;
		box-shadow: none !important;
	}
	
	 #framesuggestions {
		 font-size:14px;
	 }
	 
	.nopadding {
		padding: 0px !important;
	}
	
	.hidden {
		display:none !important;
	}
	
	.full_width {
		width:100% !important;
		max-width:100% !important;
		flex:100%;
	}
	
	#processqueue h1 {
		margin-bottom:20px;
	}
	
	#processqueue .actions {
		display:none;
	}
	
	.bootgrid-header .search, .bootgrid-footer .search {
		width:100%;
	}
	
	.process_body tr {
		cursor:pointer;
	}
	
	.process_body tr:hover {
		background-color:#f7f7f7;
	}
	
	#exampleModal {
		opacity:1;
		top:40px;
		width: 70%;
		left: 15%;
	}
	
	#exampleModal .modal-dialog {
		max-width: 100%;
		padding-top:30px;
		overflow-y: initial !important
	}
	
	#exampleModal .modal-body {
		overflow-y: auto;
		height:300px;
	}
	
	#exampleModal #exampleModalLabel {
		text-align:center;
		width:100%;
	}
	
	#exampleModal button.close {
		width: 50px;
		float: right;
		padding: 0px !important;
		margin-top: 00px;
	}
	
	#exampleModal .pt15 {
		width: 100% !important;
		max-width: 100%;
		font-size: 30px;
	}
	
	#exampleModal .pt15 input {
		text-align: center;
		font-size: 40px;
	}
	
	.completed_orders {
		padding-bottom: 20px;
		font-size: 12px;
	}
	
	.expedite_order_days {
		padding: 0;
		margin: 0px;
		display: inline-block;
		width: 45%;
		max-width: unset;
		flex: unset;
	}
	
	.expedite_order_days input {
		width: 100%;
		text-align: center;
		text-indent: 10px;
	}
	
	/*
	 * Tooltip.js styles
	 */

	#tooltip {
		position:absolute;
		background:#000000;
		color:#ffffff;
		padding:8px;
		z-index:999;
		border-radius:10px;
		font-size:12px;
	}

	#tooltip.alt-tooltip {
		background:#490B22;
	}
	
	.billed, .norx {
		color: #fff;
		font-size: 8px;
		padding: 2px 5px;
		border-radius: 5px;		
	}
	
	.ball {
		border: 1px solid #fff;
	}
	.ball:hover {
		border-color: #333;
	}
	
	.process_body td hr {
		margin:0px;
	}
	
	.process_body hr {
		color:#000;
		background:#000;
	}
	
	.status > div > span {
		white-space: nowrap;
		margin-right: 2px;
	}
	
	.delete {    
		padding: 0px;
		margin: 0px;
	}
	
	.delete a {
		color:red;
		display: block;
		width: 100%;
		height: 100%;
	}
	
	form#addFrame, form#addOptician, form#addPatient, form#searchOrders {
		max-width:100%;
		border:1px solid #ccc;
		border-radius:5px;
		padding:10px 5px;
		display:block;
		margin-bottom:50px;
	}
	
	form#addFrame input, form#addOptician input, form#addPatient input, form#searchOrders input, form#searchOrders select {
		display: inline-block;
		vertical-align: top;
		max-width: 95px;
		height: calc(1.5em + .75rem + 2px);
		padding: .375rem .75rem;
		font-size: 12px;
		font-weight: 400;
		line-height: 1.5;
		color: #495057;
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #ced4da;
		border-radius: .25rem;
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		text-align: center;
	}
	
	form#searchOrders select {
		width:200px !important;
		max-width:unset;
	}
	
	form#addFrame input[type='submit'], form#addPatient input[type='submit'], form#addOptician input[type='submit'], form#searchOrders input[type="submit"] {
		background:green;
		color:#fff;
	}
	
	form#addFrame #a, form#addFrame #b, form#addFrame #dbl, form#addFrame #ed {
		max-width:50px;
	}
	
	.sales_reports {
		margin-top:-30px;
		border:1px solid #ccc;
		border-radius:5px;
		padding:10px 5px;
		display:block;
		margin-bottom:50px;
	}
	
	.sales_reports p:nth-of-type(1) {		
		font-size: 30px;
		margin-bottom: 0px;
	}
	
	.sales_reports p:nth-of-type(2) {		
		font-size: 40px;
		font-weight: bold;
	}	
	
	.expedite_order_days {
		max-width: 47%;
		padding: 0px;
		margin-right: 2%;
	}
	
	
	#reports {
		max-width:700px;
		margin:30px auto;
		background:#fff;
	}
	
	#reports h1 {
		margin-bottom:30px;
	}
	
	.reports_header {
		padding: 10px 0px 0px 0px;
		background: #f7f7f7;
		border-radius: 10px;
	}
	
	.reports_header > div {
		vertical-align:top;
		text-align:left;
		display:inline-block;
	}
	
	.reports_header .col-sm-4 {
		width:40%;
	}
	
	.reports_header .col-sm-8 {
		width:58%;
		font-weight:bold;
		padding-left:50px;
	}
	
	.reports_header .col-sm-4 img {
		width: 70%;
		padding: 10px 10px 10px 0px;
	}
	
	.reports_header .col-sm-8 p.reports_address {
		font-weight:normal;
	}		
	
	#reports .col-sm-12 {
		background:#fff;
		margin-top:20px;
		border-radius:10px;
		padding:10px;
	}
	
	#reports .col-sm-4 {
		display:inline-block;
		vertical-align:top;
		width:40%;
	}
	
	#reports .col-sm-8 {
		display: inline-block;
		vertical-align: top;
		width: 58%;
		padding-top: 15px;
		padding-right: 0px;
		text-align: right;
		font-size: 20px;
	}		
	
	.fieldset {
		position: relative;
		border: 1px solid #ddd;
		padding: 30px 10px 0px 10px;
		margin: 30px 0px;
		border-radius: 5px;
		width:49%;
		display:inline-block;
		font-size:14px;
	}
	
	.fieldset input {
		font-size:12px;
		text-align:center;
	}

	.fieldset h1 {
		position: absolute;
		top: 0;
		font-size: 16px;
		line-height: 1;
		margin: -9px 0 0;
		background: #fff;
		padding: 0 3px;
		width: 70%;
		left: 15%;
	}
	
	.checkbox input.no:checked + label:after{
		content: "\274C" !important;	
		background-color: white !important;		
	}
	
	.fieldset .col-md-4 {
		width: 32%;
		display: inline-block;
		padding: 0px;
	}
	
	.nopt {
		padding-top:10px;
	}
	
	.wrapper {
		position: relative;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 0px 0px !important;
		width: 100% !important;
	}
	.meter {
	  width: 100%; height: 100%;
	  transform: rotateX(180deg);
	}
	.circle {
	  fill: none;
	}
	.outline, .mask {
	 /*  stroke: #F1F1F1;	*/
	  stroke-width: 65;
	}
	.range {
	  stroke-width: 60;
	}
	.slider, .lbl {
	  position: absolute;
	}
	.slider {
	  cursor: pointer;
	  left: 0;
	  margin: auto;
	  right: 0;
	  top: 58%;
	  width: 94%;
	  display: none;
	}
	.lbl {
		margin: 0px auto;
		display: none;
		width: 100%;
		left: 0px;
		font-family: unset;
		background: none;
		color: #333;
		font-size: 22px;
		top: 60%;
		font-weight: bold;
	}
	.meter_needle {
	  height: 15%;
	  left: 0;
	  margin: auto;
	  position: absolute;
	  right: 0;
	  top: 35%;
	  transform-origin: bottom center;
	  /*orientation fix*/
	  transform: rotate(270deg);
	}
	
	.meters .fieldset {
		width:100%;
		max-height:230px;
	}
	
	.meters > .fieldset:nth-of-type(1), .meters > .fieldset:nth-of-type(3) {
		overflow:hidden;
	}
	
	#reports .fieldset p {
		font-size: 12px;
		padding: 0px 10px;
		text-align: left;
	}
	
	#reports .col-md-5 {		
		display: inline-block;
		max-width: 40%;
		padding: 0px;
	}
	
	#reports .col-md-7 {		
		display: inline-block;
		vertical-align: top;
	}
	
	#reports h4 {	
		background: #f7f7f7;
		padding: 10px;
	}
	
	.blue {
		color:blue;
	}
	
	.orange {
		color:orange;
	}
	
	.grey {
		color:grey;
	}
	
	.red {
		color:red;
	}
	
	.green {
		color:green;
	}
	
	.meters > .fieldset > .col-md-6 {
		text-align:left;
		vertical-align:top;
		min-height:35px;
		float:left !important;
		min-height:50px;
	}
	
	#reports .ball {
		background-color:#000;
		margin-right:10px;
	}
	
	#reports .actions h1 {
		width:50%;
		left:25%;
	}
	
	#reports .actions {
		padding: 30px 20px 10px 20px;
	}
	
	.wrapper2 {
		position: relative;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 0px 0px !important;
		width: 100% !important;
	}
	.meter2 {
	  width: 100%; height: 100%;
	  transform: rotateX(180deg);
	}
	.circle2 {
	  fill: none;
	}
	.outline2, .mask2 {
	 /*  stroke: #F1F1F1;	*/
	  stroke-width: 65;
	}
	.range2 {
	  stroke-width: 60;
	}
	.slider2, .lbl2 {
	  position: absolute;
	}
	.slider2 {
	  cursor: pointer;
	  left: 0;
	  margin: auto;
	  right: 0;
	  top: 58%;
	  width: 94%;
	  display: none;
	}
	.lbl2 {
		margin: 0px auto;
		display: none;
		width: 100%;
		left: 0px;
		font-family: unset;
		background: none;
		color: #333;
		font-size: 22px;
		top: 60%;
		font-weight: bold;
	}
	.meter_needle2 {
	  height: 15%;
	  left: 0;
	  margin: auto;
	  position: absolute;
	  right: 0;
	  top: 35%;
	  transform-origin: bottom center;
	  /*orientation fix*/
	  transform: rotate(270deg);
	}	
	
	.nopt h1 {
		width:80% !important;
		left:10% !important;
	}
	
	.wrapper3 {
		position: relative;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 0px 0px !important;
		width: 100% !important;
	}
	.meter3 {
	  width: 100%; height: 100%;
	  transform: rotateX(180deg);
	}
	.circle3 {
	  fill: none;
	}
	.outline3, .mask3 {
	 /*  stroke: #F1F1F1;	*/
	  stroke-width: 65;
	}
	.range3 {
	  stroke-width: 60;
	}
	.slider3, .lbl3 {
	  position: absolute;
	}
	.slider3 {
	  cursor: pointer;
	  left: 0;
	  margin: auto;
	  right: 0;
	  top: 58%;
	  width: 94%;
	  display: none;
	}
	.lbl3 {
		margin: 0px auto;
		display: none;
		width: 100%;
		left: 0px;
		font-family: unset;
		background: none;
		color: #333;
		font-size: 22px;
		top: 60%;
		font-weight: bold;
	}
	.meter_needle3 {
	  height: 15%;
	  left: 0;
	  margin: auto;
	  position: absolute;
	  right: 0;
	  top: 35%;
	  transform-origin: bottom center;
	  /*orientation fix*/
	  transform: rotate(270deg);
	}	
	
	
	.wrapper4 {
		position: relative;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 0px 0px !important;
		width: 100% !important;
	}
	.meter4 {
	  width: 100%; height: 100%;
	  transform: rotateX(180deg);
	}
	.circle4 {
	  fill: none;
	}
	.outline4, .mask4 {
	 /*  stroke: #F1F1F1;	*/
	  stroke-width: 65;
	}
	.range4 {
	  stroke-width: 60;
	}
	.slider4, .lbl4 {
	  position: absolute;
	}
	.slider4 {
	  cursor: pointer;
	  left: 0;
	  margin: auto;
	  right: 0;
	  top: 58%;
	  width: 94%;
	  display: none;
	}
	.lbl4 {
		margin: 0px auto;
		display: none;
		width: 100%;
		left: 0px;
		font-family: unset;
		background: none;
		color: #333;
		font-size: 22px;
		top: 60%;
		font-weight: bold;
	}
	.meter_needle4 {
	  height: 15%;
	  left: 0;
	  margin: auto;
	  position: absolute;
	  right: 0;
	  top: 35%;
	  transform-origin: bottom center;
	  /*orientation fix*/
	  transform: rotate(270deg);
	}	
	
	.wrapper5 {
		position: relative;
		margin: 0px 0px 0px 0px !important;
		padding: 0px 0px 0px 0px !important;
		width: 100% !important;
	}
	.meter5 {
	  width: 100%; height: 100%;
	  transform: rotateX(180deg);
	}
	.circle5 {
	  fill: none;
	}
	.outline5, .mask5 {
	 /*  stroke: #F1F1F1;	*/
	  stroke-width: 65;
	}
	.range5 {
	  stroke-width: 60;
	}
	.slider5, .lbl5 {
	  position: absolute;
	}
	.slider5 {
	  cursor: pointer;
	  left: 0;
	  margin: auto;
	  right: 0;
	  top: 58%;
	  width: 94%;
	  display: none;
	}
	.lbl5 {
		margin: 0px auto;
		display: none;
		width: 100%;
		left: 0px;
		font-family: unset;
		background: none;
		color: #333;
		font-size: 22px;
		top: 60%;
		font-weight: bold;
	}
	.meter_needle5 {
	  height: 15%;
	  left: 0;
	  margin: auto;
	  position: absolute;
	  right: 0;
	  top: 35%;
	  transform-origin: bottom center;
	  /*orientation fix*/
	  transform: rotate(270deg);
	}	


	.report_final_section h4 {
		margin-bottom: 30px;
	}
	
	.report_final_section img {
		width:100%;
	}
	
	.report_final_section .col-sm-6 {
		width: 48%;
		display: inline-block;
		vertical-align: top;
		padding:0px;
	}
	
	.report_final_section .col-sm-6:nth-of-type(2) {
		padding:0px 30px 0px 70px !important;
	}
	
	.report_final_section .checkbox input:checked + label {
		border:1px solid #333;
		font-size:14px;
	}
	
	.report_final_section .checkbox input:checked + label:after {
		top:5px;
		left:-40px;
		font-size:10px;
	}
	
	.report_final_section .checkbox label {
		width:90%;
	}
	
	.report_final_section .checkbox input:checked + label:after {
		top:5px !important;
	}
	
	.meters .fieldset:not(.actions) {
		margin-bottom: 0px;
	}
	
	.pediatric .meters > .fieldset {
		overflow:visible !important;
	}
	
	.pediatric .report_final_section .col-sm-6:nth-of-type(2) {
		padding: 0px 0px 0px 30px !important;
		vertical-align:top;
	}
	
	.pediatric .checkbox input:checked + label:after {
		width:20px !important;
		height:20px !important;
		line-height:18px !important;
		font-size:6px !important;
		left:-25px !important;
		top:10px !important;
	}
	
	.pediatric-radios .checkboxnew {
		width: 45% !important;
		display: inline-block !important;
		margin-right: 0px !important;
		vertical-align: top;
		float: left;
	}	
	
	.pediatric-radios .checkboxnew label {
		font-size: 12px !important;
		padding: 5px;
	}
	
	#reports .long-radios .checkbox {
		width: 100%;
		display: block;
	}	
	
	.pediatric-radios .checkboxnew:nth-of-type(2n) {
		margin-left: 25px;
		position: relative;
		left: 15px;
	}
	
	.pediatric .report_final_section .col-sm-6:nth-of-type(1) {
		width:45% !important;
	}
	
	.pediatric .report_final_section .col-sm-6:nth-of-type(2) {
		width:54% !important;
		max-width:unset;
	}
	
	.pediatric-radios .checkboxnew:nth-of-type(1), .pediatric-radios .checkboxnew:nth-of-type(2) {
		margin-top:15px;
	}
	
	.pediatric .col-sm-12 {
		padding-left:0px;
	}
	
	.report_xyz .long-radios .checkbox {
		width:100% !important;
	}
	
	.fieldset.nopt .long-radios .checkbox {
		width: 100% !important;
	}
	
	#reports .col-sm-12 .nopt { 
		margin-bottom:0px; 
	}
	
	.report_screens section.fieldset label {
		margin-top: 20px !important;
		font-weight: normal !important;
	}
	
	.report_screens form section.fieldset {
		vertical-align: top;
		padding-top: 0px !important;
	}
	
	.report_screens form {
		max-width:700px;
	}
	
	section.fieldset.col-sm-8 {
		margin-right: 30px !important;
		width: 60%;
	}	
	
	#ou {
		margin-bottom:5px;
	}
	
	.abnormal .checkbox, .abnormal .col-md-6 {
		margin-top:0px;
	}
	
	.abnormal label {
		margin-bottom:30px;
	}
	
	section.fieldset .col-sm-4 label {
		margin-top:30px !important;
	}
	
	.report_screens section.col-sm-4 {
		margin-bottom:10px;
	}
	
	.report_screens section.fieldset .form-group.col-md-12 {
		margin-bottom:5px;
	}
	
	.report_screens section.col-sm-4 label {
		margin-top:30px !important;
	}
	
	.additional_testing {
		width:96%;
		padding-top:30px;
	}
	
	.additional_testing .checkbox label {
		margin:0px;
	}
	
	.peripheral, .iop, .history, .family_history, .continue_button_section {
		width:96%;
	}
	
	.continue_button_section button {
		width:48%;
		display:inline-block;
		vertical-align:top;
	}
	
	.abnormal .col-md-4, .history .col-md-4 {
		width: 30%;
		margin-right: 1%;
	    margin-top: 20px;	
	}
	
	.abnormal .col-md-4:last-of-type,  .history .col-md-4:last-of-type {
		margin-right: 0px;
	}
	
	#A1C {
		padding: 15px 0px;
		font-size: 14px;
		height: 50px;
		background: #f7f7f7;
		border: none;
	}
	
	.abnormal {
		padding-top:30px !important;
	}
	
	.report_screens .abnormal .checkbox label {
		margin-top:0px !important;
	}
	
	.history .checkbox label {
		margin:0px !important;
	}
	
	.report_generator .checkbox label {
		margin-bottom:0px !important;
	}
	
	.doctor_halves {
		width:48% !important;
		margin-right:1% !important;
	}
	
	.doctor_halves:nth-of-type(2n) {
		margin-right:0px !important;
	}
	
	.notitle {
		padding-top:15px !important;
	}
	
	.doctor_halves input[type="text"] {
		font-size: 16px;
		text-align: center;
	}
	
	#loginform {
		width: 500px;
		border: 1px solid #ccc;
		padding: 20px;
		border-radius: 10px;
	}
	
	#loginform input[type="submit"], #loginform input[type="reset"] {
		width:49%;
	}
	
	#loginform img {
		max-height: 100px;
		max-width: 25%;
		display: inline-block;
	}
	
	.alert-danger {
		margin-left: 0.5%;
		text-align: center;
		width: 98.7%;
		padding: 10px 0px !important;
		font-size: 12px;
	}
	
	.alert-dismissible .close {
		width: 50px;
		height: 50px;
		top: -13px !important;		
		z-index: 99999;
	}
	
	.alert-dismissible .close:focus {
		outline:none;
	}
	
	#loginform .form-group {
		margin-bottom: 1rem;
		width: 49%;
		display: inline-block;
	}
	
	.dashboard_buttons {
		position: relative;
		color: #333;
		background-color: #f7f7f7;
		font-size: 16px;
		text-align: center;
		height: 70px;
		line-height: 16px;
		cursor: pointer;
		border: 1px solid transparent;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border-radius: 5px;
		display: -webkit-flexbox;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: inline-flex;
		-webkit-flex-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		justify-content: center;
		width: 49%;
		border:1px solid transparent;
	}
	
	.dashboard_buttons:hover {
		border:1px solid #333;
		color:#333;
		text-decoration:none;
	}		
	
	.dashboard_buttons_third {
		width:32%;
	}
	
	#loginform {
		max-width:700px;
		width:700px;
	}
	
	#loginform .fieldset {
		padding:30px 10px 20px 10px;
		width:100%;
		margin:15px 0px;
	}
	
	#loginform > h1 {
		font-size: 30px;
		display: inline-block;
		text-align: center;
		width: 50%;
	}
	
	
    #loginform p {
		width: 23%;
		display: inline-block;
		margin-bottom: 0px;
		padding-bottom: 0px;
		position: relative;
		top: 10px;
		font-size: 14px;
		text-align: right;
	}
	
    #loginform p a {
		font-size:12px;
	}
	
	.doctor_halves .col-md-12 {
		padding: 58px 10px 5px 10px !important;
		text-align: center;
	}
	
	.top-three {
		display: inline-block !important;
		width: 32% !important;
		vertical-align: top;
		padding: 0px !important;	
		margin-bottom: 0px !important;
		margin-top: 20px !important;
	}
	
	
	.hamburger{
	  background:none;
	  position:absolute;
	  top:0;
	  right:0;
	  line-height:45px;
	  padding:5px 15px 0px 15px;
	  color:#999;
	  border:0;
	  font-size:1.4em;
	  font-weight:bold;
	  cursor:pointer;
	  outline:none;
	  z-index:10000000000000;
	}
	.cross{
	  background:none;
	  position:absolute;
	  top:0px;
	  right:0;
	  padding:7px 15px 0px 15px;
	  color:#999;
	  border:0;
	  font-size:3em;
	  line-height:65px;
	  font-weight:bold;
	  cursor:pointer;
	  outline:none;
	  z-index:10000000000000;
	}
	
	
	header button {
		width: 50px;
		height: 50px;
		padding: 0px !important;
		color: #000 !important;
		background: #f7f7f7 !important;
		border-radius: 50%;
		top: 20px !important;
		right: 20px !important;
		position: fixed !important;
		z-index: 999999999999999999 !important;
	}
	
	header button:focus {
		outline:none !important;
		border:none !important;
	}
	
	.largemenu {
		position: fixed;
		max-width: unset !important;
		left: 0px;
		top: 0px;
		border: none !important;
		margin: 0px;
		width: 100% !important;
		height: 100%;
		z-index: 9999999 !important;
		background: rgb(255, 255, 255) !important;
		padding-top: 30px !important;
		padding-right: 25% !important;
		padding-bottom: 20px !important;
		padding-left: 25% !important;
	}
	
	.largemenu .dashboard_buttons {
		height: 50px;
	}
	
	.largemenu a.active {
		border:1px solid #000 !important;
	}
	
	.largemenu .fieldset, .report_screens .largemenu .fieldset {
		padding: 30px 10px 20px 10px !important;
	}
	
	.report_generator ul#patients-list li {
		font-size:12px !important;
	}
	
	.report_xyz .checkbox input + label:after {
		content: "\2713";
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 100%;
		border: 1px solid #333;
		background-color: #2fcc71;
		z-index: 999;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		position: absolute;
		left: -40px;
}

	.print_break {
		display:none;
	}
	
.progressive_lens_design_screen {
	max-width:600px;
}

.actions .col-md-12 {
	display:block;
	width:100%;
	max-width:100%;
	min-width:100%;
	flex:unset;
	float:none;
	padding-left: 15px !important;
    text-indent: unset;
    text-align: left;
}

.expedite_order_days {
	width: 100% !important;
    max-width: 47% !important;
    padding: 0px !important;
}

.pediatric-radios .hidden {
    display: none !important;
}

.pediatric .meters > .fieldset:nth-of-type(1) {
	max-height:250px !important;
}

@media print { 
	
	.col-lg-12 header {
		display:none;
	}
	
	@page { margin: 0; }
	
	.meters hr:nth-of-type(1) {
		margin:0px !important;
	}

	.meters .fieldset:nth-of-type(3) {
		margin-top:30px;
	}   

	.meters .fieldset:nth-of-type(5) {
		margin-top:100px !important;
	}
	
	.meters {
		margin-bottom:200px !important;
	}
	
	.print_break {
		display:block !important;
		padding-top:100px !important;
	}
	
	#reports h1 > span {
		display:none !important;
	}
	
	
	#page5 {
		max-width:900px !important;
	}
	
	.half {
		display:inline-block !important;
		vertical-align:top !important;
		width:49% !important;
		margin-top:40px;
	}
	
	.orders_page #page5 {
		max-width: 900px !important;
	}
	
	.orders_page > .container {
		display: none !important;
	}
	
	.orders_page #exampleModal {
		display: block !important;
		width: 100% !important;
		left: 0px !important;
		top: 0px !important;	
		height: 100% !important;
	}
	
	.orders_page #exampleModal .modal-body {
		height: 100%;
	}
	
	.orders_page .modal-header {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.orders_page .modal-content {
		border: none !important;
	}
	
	.orders_page .close {
		display: none !important;
	}
	
	.orders_page #exampleModal h3.hidden {
		display:block !important;
	}
	
	.orders_page .half:nth-of-type(1) {
		width:45% !important;
	}
	
	.orders_page .half:nth-of-type(2) {
		margin-left: 3%;
		width: 45% !important;
	}
	
	.orders_page h3 {
		text-align: center;
	}
	
	.orders_page .modal-footer {
		display: none;
	}
	
}

@media screen and (min-device-width: 319px) and (max-device-width:481px) {

#loginform {
	width: 100% !important;
    max-width: 100% !important;
    padding: 0px 10px 0px 10px !important;
	overflow-x: scroll;
}

#loginform img {
    max-height: 100px;
    max-width: 100%;
    display: inline-block;
    margin: 10px;
}

#loginform .form-group {
	width: 100%;
}

#loginform input[type="submit"], #loginform input[type="reset"] {
	width: 100%;
}

#loginform p {
	width: 100%;
	text-align: center;
}

#loginform > h1 {
	font-size: 20px;
	text-align: center;
}

.dashboard_buttons {
    width: 100%;
    margin-bottom: 10px;
}

.alert-success {
	font-size: 12px;
    width: 100%;
    padding: 10px 0px
}

.alert-dismissible .close {
	display:none;
}

#page1 .checkbox {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

form h1 {
	font-size: 30px;
    margin-bottom: 10px;
}

header button {
    width: 25px;
    height: 25px;
	border: 1px solid #000 !important;
}

.hamburger {
	line-height: 23px;
    font-size: 10px;
}

.cross {
	font-size: 24px;
    line-height: 35px;
}

form .col-md-6 {
	width: 100% !important;
	padding: 0px;
}

#page1 > .form-group:nth-of-type(1) .checkbox {
	width: 48%;
}

form .checkbox label, #reports .checkbox label {
	min-height: 50px;
}

#page2 .col-md-4 {
	width: 100%;
	padding: 0px;
	margin: 0px !important;
}

.btn-primary {
	width: 100%;
}

.col-md-4 .checkbox {
	margin-top:0px;
}

#loginform .btn-primary {
    margin: 10px 0px;
}

#page4 .col-md-4 {
    display: block;
    vertical-align: top;
    width: 100%;
}

#page4 .col-md-6 {
    margin-right: 0px !important;
    width: 100% !important;
    padding: 0px 0px 0px 0px !important;
    margin-left: 0px !important;
}

.long-radios .checkbox {
    width: 100% !important;
    margin-right: 0%;
}

.expedite_order_days {
    width: 100% !important;
    max-width: 100% !important;
}

#page5 input[type="text"].col-md-3 {
    width: 49% !important;
	margin-right: 0px;
	margin-bottom: 5px !important;
}

#page5 .col-md-3 {
    width: 23%;
}

#page5 .long-radios .checkbox {
    margin-top: 0px;
    position: relative;
    height: 10px;
    margin-bottom: 50px !important;
    display: block !important;
}

#page5 .col-md-8 {
    width: 100%;
    margin: 0px;
}

#page5 .col-md-4.signature {
    width: 100%;
    padding: 0px;
    margin: 20px 0px;
}

#page5 .form-group.col-md-25 {
    width: 100%;
    margin-bottom: 0px;
}

#page5 .form-group.col-md-25 .checkbox, #page5 .col-md-3 .checkbox {
	margin:0px !important;
}

#page5 .col-md-3 {
    width: 100%;
    margin: 0px !important;
}

#invoice .col-sm-4, #invoice .col-sm-8 {
	width: 100% !important;
}

#invoice .col-sm-8 { 
	margin-top:10px;
}

.invoice_header .col-sm-4 img {
	width: 75%;
    padding: 15px 0px 0px 0px;
    margin: 0px auto;
    display: block;
}

#invoice .orderdetails > p {
	width: 100%;
	text-align: center;
}

.ordersummary .col-md-6, .paymentsummary .col-md-6 {
    text-align: center;
    padding-left: 5px;
    width: 100% !important;
    margin: 5px 0px !important;
}

body {
	padding-top:20px;
}

h1 {
    font-size: 35px;
}

.report_generator .form-group, .report_screens form section.fieldset {
	width:100% !important;
}

}