:root{
	--active-color:#eaeaea;
	--active-color-text:#000;
	--active-text-shadow:1px 1px 2px #fff;
	--active-text-font-size:14px;
}
::-webkit-input-placeholder { /* Chrome */
	color:#888;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #888;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #888;
	opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
	color: #888;
	opacity: 1;
}
input:focus, textarea:focus, select:focus{
	outline: none;
}
body, html {
	overflow: hidden; overscroll-behavior: none; margin: 0; padding: 0; width: 100%; height: 100%; font-family:trebuchet ms; font-size:12px;}
.input,div,textarea,button,p{
	font-family:trebuchet ms;
	font-size:12px;
}
.header {
	position: fixed; display:flex; place-items:center; width: 100%; place-items:flex-start; background-color: #000; color: #fff; z-index: 1; top: 0; padding:0px; }
.footer {
	position: fixed; display:flex; place-items:center; width: 100%; text-align: center; background-color: #fff; color: #000; bottom: 0; padding:0px; font-size:14px; border-top:1px solid #ddd; z-index: 1; }
.footer-item{
	flex-grow:1; padding:10px; cursor:pointer; display:flex;place-items:center;place-content:center; }
.footer-item div{
	display:flex;place-items:center;place-content:center;}
.footer-item-properties-img img{
	width:20px;margin-right:5px}
.footer-item-properties-label{
	font-size:12px;margin-top:2px	}
.footer-item-in-progress-img img{
	width:18px;margin-right:5px	}
.footer-item-in-progress-label{
	font-size:12px;margin-top:2px		}
.footer-item-past-img img{
	width:18px;margin-top:2px;margin-right:5px	}
.footer-item-past-label{
	font-size:12px;margin-top:2px }
.header-item{
	width:100%; padding:0px; display:flex;place-items:center;place-content:center	}
.header-item > div{
	padding:5px;text-align:center;font-size:10px
}
.content {
	height: calc(100vh - 68px); overflow-y: hidden; margin-top:32px; background:#fff;}
.return{
	padding:6px;display:flex;place-content:center;place-items:center;width:20px;}
.return img{
	width:100%;	}
.row-header{
	background:#eee; color:#000;}
.options{
	text-align: right; display:flex; place-items:center; place-content:flex-end; padding-right:5px;}
.date{
	margin-left:5px; min-width:80px;}
.status{
	place-content:center; flex-grow:1; margin-left:20px;}
.property{
	text-align: left;padding-left:5px;}
#propertyList{
	height:calc(100vh - 154px);	overflow-y:auto;}
.audit-property-list-header{
	display:flex;place-items:center;place-content:center;gap:10px;padding:10px 0px;gap:10px;border-bottom:1px solid #ddd;place-items:center;place-content:center;background:#eee}
.audit-property-list-search-container{
	flex-grow:1;margin-left:5px;display:flex;place-items:center;place-content:center;gap:10px;}
.audit-property-list-all-container{
	display:flex;flex-grow:0;margin-left:5px;margin-right:5px;place-content:center;place-items:center}
.audit-property-list-all-box{
	width:20px;display:flex;place-items:center;place-content:center}
.audit-property-list-all-label{
	flex-grow:1;min-width:50px;display:flex;place-items:center;place-content:base-line}
.audit-property-list-row-titles{
	display:flex;place-items:center;place-content:flex-start;padding:10px 0px;background:#000;color:#fff}
.audit-property-list-property-label{
	display:flex;place-items:center;place-content:flex-start;margin-left:5px;flex-grow:1}
.audit-property-list-code-label{
	display:flex;place-items:center;place-content:flex-end;width:80px;margin-right:5px	}
.audit-property-item{
	background:transparent;padding:5px 0px;border-bottom:1px solid #ddd;padding-left:5px;cursor:pointer;box-shadow:inset 5px -5px 6px #00000011;		}
.audit-property-item-container{
	flex-grow:1;display:flex	}
.audit-property-item-image{
	display:flex;place-items:center;place-content:center;width:20px	}
.audit-property-item-image img{
	height:30px;width:20px		}
.audit-property-item-name{
	flex-grow:1;margin:auto		}
.audit-property-item-code-container{
	width:98px;flex-direction:column;display:flex;place-items:left;place-content:center;overflow-y:hidden;	}
.audit-property-item-code-detail-container{
	display:flex;place-items:center;place-content:center;	}
.audit-property-item-code-detail-image{
	width:20px;display:flex;place-items:center;place-content:center;	}
.audit-property-item-code-detail-image img{
	width:15px;margin-right:5px;}
.audit-property-item-code-detail-image .garage-image img{
	margin-top:2px;width:12px;margin-right:5px	}
.audit-property-item-code-detail-text{
	flex-grow:1;display:flex;place-items:center;place-content:center;	}
.audit-property-list{
	display:none;}

.audit-visit-details{display:none;}
.audit-visit-header{
	display:flex;place-items:center;gap:20px;background:#eee;color:#000;				}
.audit-visit-header-name{
	flex-grow:1;display:flex;place-items:center;place-content:flex-start;padding:10px;				}
.audit-visit-header-date{
	padding:10px;width:80px;display:flex;place-items:center;place-content:flex-end;				}
.audit-visit-header-add-item{
	display:flex;flex-direction:column;place-items:center;place-content:center;background:#eee;width:70px;box-shadow: 1px 1px 1px #999;margin:auto;color:#000;margin-top:4px;margin-bottom:4px;border-radius:3px;}
.audit-visit-header-add-item-img-container{
	width:25px;height:23px;overflow-y:hidden;margin-top:4px}
.audit-visit-header-add-item-img-container img{
	width:100%;				}
.audit-visit-header-add-item-label{
	position:relative;top:-4px;
}
.audit-visit-header-row-titles{
	display:flex;place-items:center;border-top:1px solid #666;padding:0px;background:#000;color:#fff;place-content:flex-start;				}
.audit-visit-header-row-titles-photo{
	padding:0px 12px;				}
.audit-visit-header-row-titles-crew{
	border-left:1px solid #666;padding:5px 8px;				}
.audit-visit-header-row-titles-name{
	border-left:1px solid #666;padding:5px;				}

#issueList{height:calc(100vh - 180px);overflow-y:auto;}
.audit-item-container{
	cursor:pointer;display:flex;place-items:center;place-content:flex-start;border-bottom:1px solid #ddd;height:50px;overflow-y:hidden;box-shadow:inset 5px -5px 6px #00000011;				}
.audit-item-image{
	width:45px;min-width:55px;overflow-x:hidden;display:flex;place-items:center;place-content:flex-start;				}
.audit-item-image img{
	max-width:100%;margin-right:5px;				}
.audit-item-check-name-container{
	flex-grow:1;display:flex;place-items:center;place-content:flex-start;				}
.audit-item-check-box{
	padding:1px 15px 0px 15px				}
.audit-item-name{
	flex-grow:1;display:flex;max-height:38px;overflow-y:auto;margin-left:4px;place-items:self-start;place-content:flex-start;padding:10px 0px;font-size:15px;				}
.audit-item-delete{
	width:16px;margin-right:10px;				}
.audit-item-delete img{
	width:20px;				}

.audit-issue-details{display:none;}
.audit-start-button{
	cursor:pointer;  padding:10px;  border-radius:4px;  background:darkgreen;  color:#fff;  border:0px;  width:130px;  display:flex;place-items:center;place-content:center;  margin:auto; }
.audit-continue-button{
	cursor:pointer;font-size:12px;padding:6px 0px 5px 0px;border-radius:4px;background:transparent;color:darkorange;font-weight:bold;border:0px;width:100px;display:flex;place-items:center;place-content:center;}
.audit-list-row{
	display:flex;border-bottom:1px solid #ddd;box-shadow:inset 5px -5px 6px #00000011;	}
.audit-list-row-item{
	padding:10px 0px;display:flex;place-items:center;place-content:flex-start;}
.audit-list-row-item.property{
	flex-grow:1;margin-left:5px;}
.audit-list-row-item.options{
	margin-right:10px;}
.audit-button-container{
	padding:5px;				}
.audit-view-button{
	cursor:pointer;font-size:12px;padding:6px 0px 5px 0px;border-radius:4px;background:transparent;color:deepskyblue;font-weight:bold;border:0px;width:100px;display:flex;place-items:center;place-content:center;}
.audit-view{
	width:80px;display:flex;place-items:center;place-content:flex-end;
}
.audit-view-inspection img{
	width:35%;
}
.audit-view img{
	width:17px;margin-left:5px;
}
.audit-continue{
	width:80px;display:flex;place-items:center;place-content:flex-end;
}
.audit-continue img{
	width:15px;margin-left:5px;
}
.audit-inspection-buttons{
	width:160px;display:flex;gap:8px;place-items:center;place-content:flex-end;
}
.audit-open-inspection{
	display:flex;place-items:center;place-content:center;cursor:pointer;padding:4px 8px;background:#2196F3;color:white;border-radius:4px;font-size:12px;font-weight:600;transition:background 0.2s;
}
.audit-open-inspection:hover{
	background:#1976D2;
}
.audit-open-inspection img{
	width:17px;margin-left:5px;filter:brightness(0) invert(1);
}
.audit-view-inspection{
	display:flex;place-items:center;place-content:center;cursor:pointer;padding:4px 8px;background:transparent;color:#2196F3;border:1px solid #2196F3;border-radius:4px;font-size:12px;font-weight:600;transition:background 0.2s;
}
.audit-view-inspection:hover{
	background:#e3f2fd;
}
.audit-scroll{
	height:calc(100vh - 163px);	overflow-y:auto;				}
#saveBtn{
	position: absolute;top: 7px;width: 32px;text-align: center;padding: 1px;font-size: 10px;background: transparent;color: deepskyblue;border: 0px;border-radius: 3px;right: 5px;z-index: 1;font-weight: bold;				}
#photoBtn{
	position: absolute;top: 7px;width: 32px;text-align: center;padding: 1px;font-size: 10px;background: transparent;color: deepskyblue;border: 0px;border-radius: 3px;right: 40px;z-index: 1;font-weight: bold;				}
#undoBtn{
	position: absolute;top: 7px;width: 32px;text-align: center;padding: 1px;font-size: 10px;background: transparent;color: deepskyblue;border: 0px;border-radius: 3px;right: 75px;z-index: 1;font-weight: bold;				}
#imgCanvasFull{
	display:none;position:absolute;	top:0px;left:0px;z-index:2;	}
#fileInput {
	display:none;position: absolute;top: 3px;right: 50px;z-index: 2;opacity: 0.7; cursor: pointer;	}
.input-name{
	width: 95%;background: #eee;padding: 5px 0px;border: 1px solid #eee;margin-bottom: 5px;font-family: trebuchet ms;margin-left: 7px;padding-left: 5px;margin-top: 5px}
.input-comment{
	width: 95%;height: 50px; border: 1px solid #eee;padding: 5px 0px;background: #eee;font-family: trebuchet ms;padding-left: 7px;margin-left: 5px;}