html {
    height:100%;
}
.mobileOnly {
    display:none;
}
.mobileOnlyReports {
	display:none;
}
img {
	max-width:100%;
}
a {
	cursor: pointer;
}
body {
    margin:0;
    padding-left:0 !important;
    padding-right:0 !important;
    background:#fff;
    font-family:"Open Sans", sans-serif;
    color:#111;
    height:100%;
	font-size:100%;
}
#preloadSpinner {
	background: url('/images/ajax-spinner.svg') no-repeat -9999px -9999px;
}
div.stickyHeader {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:auto;
    height: 100px;
    text-align: right;
    padding: 0 2%;
    background:#fff;
    z-index: 1000;
    transition:height 200ms linear;
    -webkit-transition:height 200ms linear;
}
.stickyHeader.affix {
    height: 56px;
    transition:height 200ms linear;
    -webkit-transition:height 200ms linear;
    border-bottom:2px solid #bbb;
}
div.stickyHeader ul.menu {
    margin:0;
    padding:0;
    position:relative;
}
div.stickyHeader ul.menu>li {
    list-style-type:none;
    display:inline-block;
    vertical-align: top;
}
div.stickyHeader ul.menu>li>ul {
    position:absolute;
    left:0;
    right:0;
    text-align:right;
}
div.stickyHeader ul.menu>li>ul>li {
    display:none;
}
div.stickyHeader ul.menu>li.current.level1>ul>li {
    list-style-type:none;
    display:inline-block;
    vertical-align: top;
    margin:0 10px;
}
div.stickyHeader ul.menu>li>a {
    text-decoration:none;
    color:#555;
    font-size:1.5em;
    text-transform:uppercase;
}
div.stickyHeader ul.menu>li>ul>li>a {
    color:#555;
    font-size:.9em;
    text-transform:uppercase;
}
div.stickyHeader a.bigItem>span {
    font-family: 'Oswald', sans-serif;
    font-size: 1.3em;
}
div.stickyHeader a.smItem>span {
    font-family: 'Open Sans', sans-serif;
    font-size: .7em;
}
div.stickyHeader a.bigItem {
    margin: 0 20px;
}
div.stickyHeader li.item101>a.bigItem {
    margin-left:0;
}
div.stickyHeader a.smItem {
    margin: 0 10px;
}
div.stickyHeader ul.menu>li.maximenuck.item122.level1 {
    margin-left: 5%;
}
div.stickyHeader #mainMenu {
    margin-top:45px;
    float:right;
    width: 72%;
    transition:margin-top 200ms linear;
    -webkit-transition:margin-top 200ms linear;
}
div.stickyHeader.affix #mainMenu {
    margin-top:18px;
    transition:margin-top 200ms linear;
    -webkit-transition:margin-top 200ms linear;
}
#mainMenu li.item122, li.item121, li.item322, li.item330 {
    vertical-align:top;
}
div.stickyHeader a.menuLogo {
    float: left;
    margin-top: 20px;
    width: 28%;
    text-align: left;
    transition:all 200ms linear;
    -webkit-transition:all 200ms linear;
}
div.stickyHeader.affix a.menuLogo {
    margin-top:0;
    width:225px;
    transition:all 200ms linear;
    -webkit-transition:all 200ms linear;
}
li.item330 {
    border: 1px solid #555;
    margin-top: -1px;
}
li.item330:hover {
    border: 1px solid #000;
    margin-top: -1px;
}
.fullWidth .main {
    margin: 120px 0 60px 0;
}
body.admin .bottom {
    display:none;
}
body.admin .mainWrapper.show {
    margin-bottom:0;
}
.adminOnly {
    display:none;
}
.adminACMlogo {
    display:inline-block;
}
a.menuLogo>img {
    max-width: 70%;
    margin-top: 10px;
}
a.menuLogo>img.adminACMlogo {
    max-width: 29%;
    vertical-align: top;
    margin-top: 12px;
}
.footerWrapper {
    width:100%;
}
.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}
a.maximenuck.highLite>.titreck {
    color: #e4ff00;
    font-size: 1.1em !important;
}
img.menuImg {
    display: block;
    margin: 0 auto;
}
.footer form#login-form {
    color: #fff;
}
.footer form#login-form div {
    display: inline-block;
    margin: 7px;
}
/* end of styles copied over from agsadmin template */
.mainWrapper {
    padding-top: 100px;
}
div#hrPage, div#profilePage, div#srPage, div#srPage, div#ags2020 {
    background: #fff;
    color: #111;
	padding-bottom: 200px;
}
h1#hrTitle, h1#scheduleTitle {
    font-size: 1.7em;
    padding: 5px 2%;
    color: #0000b2;
	margin-bottom: 0;
	background: #ddd;
	margin-top: 33px;
}
h1>i {
    margin-right: 4px;
    font-size: .9em;
}
.addEmpButton, .addScheduleButton, .schedViewOptions, .newMessageButton, .addEquipmentButton {
    float: right;
    margin: 12px 2% 0 0;
}
.blueButton {
    background: #0000ff;
    padding: 3px 6px;
    font-size: .9em;
    color: #eee;
	cursor:pointer;
	font-weight: bold;
}
.blueButton>i {
    font-size: .8em;
    vertical-align: middle;
    padding-right: 4px;
}
.submitRow .blueButton {
	padding: 4px 6px 2px;
}
.orangeButton {
    background: orange;
    padding: 3px 6px;
    font-size: .9em;
    color: #0000b2;
	cursor:pointer;
	font-weight: bold;
}
.orangeButton>i {
    font-size: .9em;
    padding-right: 4px;
}
.greyButton {
    background: #999;
    padding: 3px 6px;
    font-size: .9em;
    color: #eee;
	cursor:pointer;
	font-weight: bold;
}
.greyButton>i {
    font-size: .8em;
    vertical-align: middle;
    padding-right: 4px;
}
.clearButton {
	background: transparent;
    padding: 3px 6px;
    font-size: .9em;
    color: #aaa;
    cursor: pointer;
    font-weight: bold;
    border: 3px solid #aaa;
}
.clearButton>i {
    font-size: 1em;
    margin: 0 4px 0 0;
}
.clearButton:hover {
	color: #888;
	border:3px solid #888;
}
.clearBlueButton {
	background: transparent;
    padding: 3px 6px;
    font-size: .9em;
    color: #0000ff;
    cursor: pointer;
    font-weight: bold;
    border: 3px solid #0000ff !important;
}
.clearBlueButton:hover {
	color: #000;
	border:3px solid #000;
}
.clearBlackButton {
	background: transparent;
    padding: 3px 6px;
    font-size: .9em;
    color: #000;
    cursor: pointer;
    font-weight: bold;
    border: 3px solid #000 !important;
}
.clearBlackButton:hover {
	color: #000;
	border:3px solid darkblue;
}
.clearWhiteButton {
	background: transparent;
    padding: 3px 6px;
    font-size: .9em;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    border: 3px solid #fff !important;
}
.clearWhiteButton:hover {
	color: #000;
	border:3px solid lightblue;
}
.clearRedButton {
	background: transparent;
    padding: 3px 6px;
    color: #ff0000;
    cursor: pointer;
    font-weight: bold;
    border: 3px solid #ff0000 !important;
}
.clearRedButton:hover {
	color: #000;
	border:3px solid #000;
}
.employeeRow.empActiveno .clearButton {
    color: #888;
    border: 2px solid #888;
}
.employeeRow.empActiveno .clearButton:hover {
    color: #666;
    border: 2px solid #666;
}
.addEmployeeForm, .addScheduleForm, .addContractorForm, .addApplicantForm, .addProjectForm, .addEquipmentForm {
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
    background: #ddd;
    padding: 10px 2%;
	max-height: 400px;
	border: 1px solid #000;
	height: auto;
	overflow: hidden;
}
.addEmployeeForm.hide, .addScheduleForm.hide, .addContractorForm.hide, .addApplicantForm.hide, .addProjectForm.hide, .addEquipmentForm.hide {
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
	max-height: 0px;
	border: 0 none;
	padding: 0;
}
.addEmployeeForm input, .addEmployeeForm select, .addEmployeeForm textarea, .addScheduleForm input, .addScheduleForm select, .addScheduleForm textarea, .addContractorForm input, .addContractorForm select, .addContractorForm textarea, .addApplicantForm input, .addApplicantForm select, .addApplicantForm textarea, .addProjectForm input, .addEquipmentForm input, .addEquipmentForm select, .addEquipmentForm textarea {
	border-right: 0 none;
    border-top: 0 none;
    border-left: 0 none;
    border-bottom: 1px solid #333;
    background: #eee;
	max-width: 76%;
}
.addProjectForm .fieldContainer {
	text-align:center;
}
a#addUserClose, a#addScheduleClose, a#addApplicantClose, a#addProjectClose, a#addEquipmentClose {
    float: right;
    color: #ff0000;
    font-size: 1.5em;
	cursor:pointer;
	margin-top: -4px;
}
.deleteOption {
	margin-left: 4px;
    color: #ff0000;
    font-size: 1em;
	cursor:pointer;
}
.flexFormFields {
    display: flex;
}
.flexFormFields>div {
    width: 100%;
}
.inlineBlockFormFields {
	width: 100%;
	text-align: center;
}
.inlineBlockFormFields>div {
	display:inline-block;
	margin:0 10px;
}
.inlineBlockFormFields>div.center {
	vertical-align: bottom;
}
.inlineBlockFormFields>div.center>a#submitProject {
    padding: 1px 6px;
}
.addEmployeeForm label, .addScheduleForm label, .addEquipmentForm label {
    display: block;
}
.addEmployeeForm h3, .addScheduleForm h3, .addContractorForm h3, .addApplicantForm h3, .addProjectForm h3, .addEquipmentForm h3 {
    margin: 0 0 10px;
    text-align: center;
}
.fieldContainer.center {
    text-align: center;
}
.addEmployeeForm .flexFormFields, .addScheduleForm .flexFormFields, .addContractorForm .flexFormFields, .addApplicantForm .flexFormFields, .addProjectForm .flexFormFields, .addEquipmentForm .flexFormFields {
    margin-bottom: 20px;
}
.clearOverlay {
	display:none;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:-10px;
	background: transparent;
	z-index: 1200;
}
.clearOverlay.show {
	display:block;
}
.lightOverlay {
	transition:opacity 200ms linear;
	-webkit-transition:opacity 200ms linear;
	z-index:-1;
	opacity:0;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:-10px;
	background:rgba(255,255,255,.8);
}
.lightOverlay.show {
	z-index:1159;
	opacity:1;
}
.spinner {
    position: fixed;
    top: 30%;
    text-align: center;
    width: 100%;
    z-index: 1210;
	left: 0;
}
.spinnerSmall {
	position:absolute;
	margin-top: -30px;
	text-align:center;
	width:100%;
	z-index:99999;
	left: 0;
}
.spinner img {
    height: 180px;
    padding: 0 0 20px;
}
.spinnerSmall img {
	height: 80px;
	padding: 0 0 20px;
}
.spinner .spinnerText {
    margin: -67px auto 0;
    color: #0000ff;
    display: block;
    font-weight: bold;
    font-size: 1.2em;
}
.spinnerSmall .spinnerText {
    margin: -42px auto 0;
    color: #0000ff;
    display: block;
    font-weight: bold;
    font-size: .8em;
}
.spinBG {
    display: inline-block;
    background: #0b005d;
    padding: 0 10px 10px;
    border-radius: 20px;
    box-shadow: 0 0 2px #000003;
    margin-top: 5px;
}
.notificationDiv, .errorDiv  {
	transition: max-height 200ms linear;
	-webkit-transition: max-height 200ms linear;
    background: #eeff84;
	padding: 2px 2% 1px 2%;
	max-height: 30px;
	height: auto;
	overflow: hidden;
    color: #6c5812;
	width: 100%;
    margin-left: -2%;
}
.notificationDiv {
    background: #eeff84;
	color: #6c5812;
}
.errorDiv {
	background: #ff0000;
	color:#fff;
}
.notificationDiv.error {
	background: #ff0000;
	color:#fff;
}
.notificationDiv.hide, .errorDiv.hide {
	transition: max-height 200ms linear;
	-webkit-transition: max-height 200ms linear;
	max-height: 0px;
	border: 0 none;
	padding: 0 2%;
}
div#notification, div#error {
    font-weight: bold;
    text-align: center;
    font-size: .9em;
}
div#closeNote, div#closeError {
    float: right;
	cursor: pointer;
}
div#closeError {
   	color:#fff;
}
div#closeNote {
	color: #6c5812;
}
.notificationDiv.error div#closeNote {
	color:#fff;
}
.employeeRow, .messageRow {
    display: flex;
    padding: 10px 2%;
	color: #555;
}
.empPicCol {
    width: 20%;
	min-width:100px;
}
#projects .empPicCol, #equipment .empPicCol {
	width: 10%;
}
#contractors .empPicCol {
    width: 12%;
}
.empPic {
	transition: all 250ms linear;
	-webkit-transition: all 250ms linear;
	/* transition: width 250ms linear, height 250ms linear;
	-webkit-transition: width 250ms linear, height 250ms linear; */
	background-position: center;
    background-size: cover;
    width: 100px;
    height: 100px;
    border-radius: 50%;
	box-shadow: 0 0 3px 1px inset #777;
	display: inline-block;
}
.empPic.large {
	transition: all 250ms linear;
	-webkit-transition: all 250ms linear;
    width: 300px;
    height: 300px;
}
.checkColumn {
    display: inline-block;
    width: 30px;
    vertical-align: top;
    margin-top: 37px;
}
.empNameCol {
    width: 30%;
}
#contractors .empNameCol {
    width: 60%;
}
#projects .empNameCol {
	 width: 50%;
}
#equipment .empNameCol {
    width: 60%;
}
.userCol {
    width: 25%;
	position:relative;
}
#contractors .userCol {
	width: 1%;
}
#projects .userCol {
	width: 17%;
}
#equipment .userCol {
	width: 15%;
}
.userCol>.userNameOptions {
    margin-bottom: 11px;
}
.updateUserOpenButton {
    margin-top: 14px;
}
.empName>a {
	font-size: 1.5em;
    color:#0000ff;
	cursor: pointer;
}
#contractors .empName {
	margin-top: 17px;
}
#projects .empName {
    margin-top: 8px;
}
#contractors .empName>a {
	font-size: 2.5em;
    color:#1063fa;
}
#projects .empName>a {
	font-size: 1.5em;
    color:#1063fa;
}
#contractors .empName>a:hover, #projects .empName>a:hover {
	color:#0000b2;
}
.empName>a:hover {
	color: #0000b2;
}
a.detailsLink>i {
    font-size: .9em;
    margin-left: 5px;
}
.contactCol {
    width: 25%;
    text-align: right;
}
#contractors .contactCol {
    width: 26%;
}
#projects .contactCol {
	width: 23%;
	margin-top: 10px;
}
#equipment .contactCol {
    width: 15%;
}
.addContractorForm .fieldContainer.left {
    text-align: right;
    margin-right: 10px;
}
.addContractorForm .fieldContainer.right {
    text-align: left;
    margin-left: 10px;
}
.contact>i, .openDocuments>i, .openSafetyReq>i, .contact>a>i {
	margin-left:4px;
}
.empNameCol>div {
    margin-bottom: 7px;
}
.contactCol>div {
	margin-bottom:4px;
}
.modernInput {
	border-top:0 none;
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 1px solid #0000ff;
	background: transparent;
}
.modernSelect {
	padding: 2px;
    border: 1px solid #0000ff;
    font-size: 1em;
    border-radius: 10px;
	color: #0000ff;
}
.companyNOTUSEDNOW {
    transform: rotate(-90deg);
    position: absolute;
    margin: 42px 0px 0px -41px;
    font-size: 1.8em;
    font-weight: bold;
    color: #777;
}
div#searchFilters {
    display: flex;
    margin: 20px 0;
    padding: 0 2%;
}
div#searchFilters>div {
    flex-grow: 1;
    text-align: right;
	display: flex;
    margin-right: 20px;
}
/* div#searchFilters>div#searchCol {
	width:22%;
} */
/* div#searchFilters>div#companyCol {
	width:14%
}
div#searchFilters>div#groupCol {
	width:14%
}
div#searchFilters>div#activeCol {
	width:14%
}
div#searchFilters>div#employedCol {
	width:14%
} */
/* div#searchFilters>div#sortCol {
	width:22%;
} */
div#sortCol {
	text-align: right;
}
input#search {
    width: 90%;
	font-size: 1.3em;
	color: #0000ff;
}
#searchCol>i {
    color: #0000ff;
    margin-right: 6px;
    font-size: 1.5em;
    vertical-align: bottom;
}
div#sortCol>label, div#companyCol>label, div#activeCol>label, div#groupCol>label, div#employedCol>label, div#masterFilterCol>label {
    margin-right: 5px;
}
h2#listTitle {
    padding: 20px 2% 0;
    color: #555;
	font-size: 1.4em;
	margin: 0;
	min-height: 30px;
}
h2#listTitle>i {
    margin-right: 5px;
    font-size: .9em;
}
h3.groupIndex {
    padding: 0 2%;
	background: #8bb9e9;
    color: #0000b2;
	text-align: center;
	margin: 0;
}
.contact>a {
    color: #555;
    text-decoration: none;
}
.openDocuments {
	color: #0000b2
}
.openDocuments>a, .openSafetyReq>a {
    cursor: pointer;
}
.openSafetyReq {
	color:#b00000;
}
.openSafetyReq>a {
	color: #ff0000;
}
.contact>a:hover {
	color:#0000b2;
}
.employeeRow.empActiveno {
    background: #eee;
}
.empCompany>select {
    text-transform: uppercase;
}
.settingsSection {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-top: 20px;
    padding: 5px 2% 20px 2%;
    background: #eee;
}
.settingsSection>h3 {
    color: #0000b2;
    margin: 0 0 10px;
    padding: 0;
}
.optionFlex {
    display: flex;
}
.optionFlex>.optionList {
	margin-right:20px;
	min-width:25%;
	border-right:1px solid #aaa;
}
.optionFlex>.newOptionCol {
	margin-left:20px;
} 
.optionFlex>div {
	vertical-align:top;
}
.newOptionCol>.modernInput {
    font-size: 1.1em;
}
.employeeDetails {
	transition: max-height 200ms linear;
	-webkit-transition: max-height 200ms linear;
	/* max-height: 1200px; */
	overflow: hidden;
}
.employeeDetails.hide {
	transition: max-height 200ms linear;
	-webkit-transition: max-height 200ms linear;
	/* max-height: 0px; */
}
.flexDetails {
	margin: 10px 2%;
	display:flex;
}
.flexDetails>div {
    width: 100%;
    margin: 0 5px;
	display: inline-grid;
}
.closeDetails {
    text-align: center;
}
.closeDetails>a {
	color:#2f6fff;
	cursor: pointer;
}
.closeDetails i {
	font-size: 2em;
}
.closeDetails p {
    font-size: 1em;
    margin: -7px 0 15px 0;
}
.employeeDetails .fieldContainer>label {
    vertical-align: top;
}
.contactCol i {
    width: 12px;
}
.detailAlert {
	display:none;
	position: inherit;
}
.detailAlert.warning {
	display:block;
	position: absolute;
	height:2px;
	background:#ff0000;
	margin: -22px 0 0 2%;
}
.detailArea {
    border: 3px solid #71beff;
    padding: 0 8px;
    margin-bottom: 10px;
	border-radius: 4px;
}
.employeeDetails h4 {
    margin: 0 0 5px;
    color: #71beff;
    font-size: 1.4em;
}
.employeeDetails .fieldContainer, .updateUser .fieldContainer {
    margin: 0 0 10px;
}
.fieldWarning {
	color:#ff0000;
	margin-left:5px;
	text-shadow: 1px 1px 1px #000;
}
.greenText {
	color:#00ff00;
	margin-left:5px;
	text-shadow: 1px 1px 1px #000;
}
.employeeDetails input, .employeeDetails select {
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
	border-bottom: 2px solid #aaa;
}
.employeeDetails textarea {
    border: 2px solid #eee;
}
.fieldNote {
    margin: 0;
    font-size: .9em;
    color: #aaa;
    font-style: italic;
}
.updateUser p.fieldNote {
    color: #aaa;
}
.employeeRow select, .employeeRow input {
    border-top: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    border-bottom: 2px solid #71beff;
    font-size: 1em;
}
.updateUser {
	transition: opacity 200ms linear;
	-webkit-transition: opacity 200ms linear;
	opacity:1;
	position:absolute;
	background:lightblue;
	padding:5px 10px;
	top: 0;
	z-index: 9999;
	border: 2px solid #0000b2;
	font-size: 1.1em;
}
.updateUser h4 {
    margin: 0 0 10px;
    text-align: center;
}
.updateUser.hide {
	transition: opacity 200ms linear;
	-webkit-transition: opacity 200ms linear;
	opacity:0;
	z-index:-1;
	border: 0 none;
}
span.empUserOptions {
    font-size: 1.2em;
}
span.empUserOptions a {
	cursor:pointer;
}
span.empUserOptions i {
    color: #0000b2;
    margin-left: 5px;
    font-size: .9em;
}
.closeUpdateUserButton {
	float:right;
	color:#ff0000;
	cursor:pointer;
}
input.blockDetails {
    height: 20px;
    width: 20px;
    vertical-align: middle;
}
a.detailsNoInput.link {
    border-bottom: 2px solid #eeee;
    cursor: pointer;
}
.empCompanyLogo>img {
    height: 20px;
    margin-right: 10px;
}
.empPosition {
    font-size: 1.1em;
    margin-top: -5px;
}
.empNameCol>div.empCompanyLogo {
    margin-top: 20px;
    margin-bottom: 0;
	font-size: .8em;
}
.submitRow {
    text-align: center;
    margin-bottom: 30px;
}
#projects .submitRow {
    margin-top: 20px;
}
img.ui-datepicker-trigger {
    height: 30px;
    margin: 0 0 -5px 0;
    cursor: pointer;
}
#addLog img.ui-datepicker-trigger {
    height: 21px;
}
body>.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
	left:50% !important;
	margin-left:-160px !important;
	z-index:9999 !important;
	box-shadow: 0 0 5px 5px #000;
	top:120px !important;
}
input#logDate, input#scheduleDate {
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    border: 0 none;
}
.documents a.empDocLink {
    text-decoration: none;
    margin: 10px;
    padding: 4px 11px 4px 8px;
    display: inline-block;
}
.documentRow {
    margin: 0 2%;
	display:flex;
}
.documentRow>div {
	width: 100%;
}
.documents, .assets {
    text-align: center;
    padding: 0 0 20px;
}
span.noDocsFound {
    display: block;
    text-align: center;
	margin: 17px 0;
}
.docUploadArea, .addAssetArea {
    text-align: center;
}
.docUpload, .addAsset {
    display: inline-block;
    padding: 10px;
    background: #eee;
    margin-bottom: 10px;
}
input.customUploadButton[type="file"] {
    display: none;
}
a.delDoc, a.delAsset {
	padding: 3px 5px;
    border-radius: 50%;
    display: inline-block;
    background: #ff0000;
    color: #fff;
    margin: 5px 0 0 -20px;
    vertical-align: top;
	cursor: pointer;
}
div#maximenuck123 a.maximenuck.redLink>span.titreck {
	color: yellow !important;
    background: #ff0000;
    padding: 2px 4px;
}
a#virusLink {
	display: none;
}
div#maximenuck123 ul.maximenuck li.maximenuck.level1 {
    padding: 0 1px;
}
.footer a.maximenuck {
    margin: 0 !important;
    padding: 4px !important;
    color: #6EA2F0 !important;
    text-shadow: 1px 1px 1px #000;
}
.colDocuments {
	margin-right:10px;
}
.documentRow .detailArea {
	height:95%;
}
span.asset {
    font-weight: bold;
    text-decoration: none;
    margin: 10px;
    padding: 4px 11px 4px 8px;
    display: inline-block;
    background: #333;
    color: #eef100;
}
form.picUploadForm.hide {
    display: none;
}
#projects form.picUploadForm {
    margin-left: 0
}
form.contractLogoUploadForm.hide {
	display:none;
}
.uploadPhotoLink {
	color:#0000ff;
	cursor:pointer;
}
.withChecked {
    margin: 0 0 0 2%;
}
.withChecked a {
    color: #0000ff;
    text-decoration: underline;
    margin: 0 15px 0 0;
    cursor: pointer;
}
.withChecked {
    font-size: .9em;
}
span#checkAll {
    margin-right: 70px;
}
.italicText {
	font-style: italic;
}
select#selectChecked {
    margin-right: 15px;
}
div#searchFilters.sticky {
    display: flex;
   	padding: 20px 2% 5px;
    position: fixed;
    top: 37px;
    z-index: 99;
    left: 0;
    right: 0;
    background: #fff;
    border-bottom: 2px solid #aaa;
}
.bulkMailDiv {
    z-index: 9999;
    position: fixed;
    top: 100px;
    width: 700px;
    background: #eee;
    left: 50%;
    margin-left: -350px;
    padding: 10px;
    text-align: center;
    border: 2px solid #aaa;
}
.bulkMailDiv .fieldContainer {
    display: flex;
}
.bulkMailDiv .fieldContainer>input, .bulkMailDiv .fieldContainer>textarea {
    width: 100%;
    margin-bottom: 20px;
}
.bulkMailDiv h4 {
    font-size: 1.5em;
    margin: 0 0 20px;
}
textarea#emailBody, .newMessage #newBody {
    min-height: 200px;
}
#closeEmail {
	float:right;
}
#closeEmail, #closeNewMessage {
    position: absolute;
    right: 10px;
    top: 9px;
    background: #ff0000;
    padding: 0 5px;
    border-radius: 50%;
    color: #fff;
	cursor:pointer;
}
.newMessage.bulkMailDiv label {
    white-space: nowrap;
}
.notificationDiv.largeNote {
    max-height: 400px;
}
.emailsError {
	background:#ff0000;
	color:#fff;
	padding:0 3px;
}
.redText {
	color:#ff0000;
}
.redStatus {
    background: #ff0000;
    color: #fff;
}
.greenStatus {
    background: #67ff67;
    color: #555;
}
.yellowStatus {
    background: yellow;
    color: #555;
}
.greyStatus {
    background: #ccc;
    color: #555;
}
.blackStatus {
    background: #333;
    color: #eee;
}
.orangeStatus {
    background: #e9b406;
    color: #555;
}
.greenOutStatus {
    background: #fff;
    color: #3bac00;
    box-shadow: 0 0 0px 2px #00c000 inset;
}
.redTotal {
	color: #ff0000;
}
.statuses>span {
    font-size: .8em;
    margin: 0 5px 5px 0;
    padding: 1px 7px;
    font-weight: bold;
    border-radius: 10px;
	display: inline-block;
}
.hazardStatus {
    color: yellow;
    background: #000;
}
.userCol>.statuses {
    margin-bottom: 0 !important;
}
#projects .userCol>.statuses {
    margin-bottom: 7px !important;
    margin-top: 15px;
}
#maximenuck123 #login-form>.login-greeting>.profileLink {
    display: inline-block;
    margin: -2px 0 0 0;
    color: #4799fe;
    border-bottom: 0 none;
	white-space: nowrap;
}
#profilePage .detailArea input, #profilePage .detailArea select, #profilePage .detailArea textarea {
	pointer-events:none;
	background:transparent;
	border:0 none;
	color:#000;
}
#mainMenuMobile {
    display:none;
}
.fieldContainer.militaryVet.hide {
    display: none;
}
.militaryLogo {
	margin-left:50px;
}
span.militaryText {
    vertical-align: top;
    display: inline-block;
    margin: 3px 0 0 -5px;
}
div#maximenuck123 ul.maximenuck li.maximenuck.level1 >span.separator.withSpace {
    padding-left: 5px;
    padding-right: 5px;
}
select#newPM {
    padding: 1px;
}
#srPage .flexFormFields select {
    max-width: 150px;
}
input#logDateAlt, input#scheduleDateAlt {
    pointer-events: none;
    background: transparent;
    border: 0 none;
    font-weight: bold;
	font-size: 1em;
}
.logRow {
    display: flex;
	font-size: .9em;
}
.scheduleRow>.scheduleRowTop, .scheduleRow>.scheduleRowBottom {
    display: flex;
	font-size: .9em;
}
.scheduleRowTop select {
    font-weight: bold;
}
.scheduleRow.dataRow.newRow {
	background: #a3a3a3;
}
.scheduleRow>.headerRow {
    display: flex;
	font-size: .9em;
	font-weight: bold;
	padding-left: 6px;
    padding-right: 8px;
    border-bottom: 2px solid #000;
    margin-bottom: 3px;
}
.logRow.headers {
    font-weight: bold;
    border-bottom: 2px solid #333;
    color: #333;
    padding: 5px 5px 0 5px;
    background: #a3a3a3;
}
.logRow.dataRow {
	color:#333;
	padding: 8px 5px 2px 5px;
}
ul.schedule {
	margin: 0;
	padding: 0;
}
li.scheduleRow.dataRow {
	list-style-type: none;
}
.scheduleRow.dataRow {
    color: #333;
    padding: 6px 8px 5px 6px;
}
.logRow.rowDark, .scheduleRow.rowDark {
	background: #76ff7a;
}
.logRow.rowLight, .scheduleRow.rowLight {
	background: #affeaa;
}
li.scheduleRow.dataRow.grabable {
	border:2px dashed #000;
}
.logRow div#colDate {
    width: 7%;
}
.logRow div#colPM {
	width: 11%
}
.logRow div#colJob {
	width: 17%;
}
.logRow div#colPO {
	width: 7%;
}
.logRow div#colVendor {
	width: 10%;
}
.logRow div#colSRdate {
    width: 11%;
}
.logRow div#colDeliver {
    width: 10%;
}
.logRow div#colDesc {
	width: 15%;
}
.logRow div#colNotes {
	width: 15%;
}
.logRow div#colUpdate, .logRow div#colDelete {
    width: 2%;
}
.scheduleRow div.colCompany {
    width: 2%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	max-height: 20px;
}
.scheduleRow div.colJob {
    width: 23%;
}
.scheduleRow div.colStart {
    width: 6%;
	margin-right:3px;
}
.scheduleRow div.colLocation {
	width: 22%;
}
.scheduleRow div.colNotes {
    width: 20%;
}
.scheduleRow div.colDesc {
	width: 19%;
}
.scheduleRow div.colRowFn {
    width: 4%;
	text-align: right;
}
.scheduleRow div.colOrder {
	width: 3%;
}
.superSection.bottomSection, .pmSection.bottomSection, .fmSection.bottomSection {
    width: 20%;
}
.colRowFn a {
    font-size: 1.2em;
	cursor:pointer;
}
.colRowFn .fa-minus-circle {
    color: #ef0000;
}
.colRowFn .fa-check-circle {
    color: #00ae00;
}
i.fas.fa-grip-vertical {
    color: #333;
}
.colRowFn a.updateButton, .colRowFn a.dragHandle {
    margin-right: 4px;
}
.colRowFn a.dragHandle {
	cursor: row-resize;
}
.colRowFn a.dragHandle:hover i.fas.fa-grip-vertical {
	color: #777;
}
.colRowFn a.updateButton.hide, .colRowFn a.dragHandle.hide {
	display:none;
}
.scheduleRow.dataRow textarea {
    min-height: 14px;
}
.empSection.bottomSection {
    width: 40%;
}
.schedFunctions {
    text-align: right;
    position: absolute;
    right: 20px;
    margin-top: 7px;
    color: #d10000;
    cursor: pointer;
}
.schedFunctions>a {
    margin-left: 30px;
}
a.blueButton.publishButton {
    border-radius: 4px;
}
a.unpublishButton {
    background: #585858;
    padding: 2px 4px;
    color: #fff;
    border-radius: 4px;
}
.scheduleRowBottom .bottomSection {
    background: #fff;
    border: 1px solid #ccc;
    padding: 3px 6px;
}
.pmSection.bottomSection, .fmSection.bottomSection {
	margin:0 3px;
}
.scheduleRow.rowDark {
    background: #61ccff;
}
.scheduleRow.rowLight {
	background: #caf5ff;
}
.scheduleRowBottom {
    margin-top: 8px;
}
.scheduleRowBottom .bottomSection>h5 {
    font-size: 1em;
    margin: 0 0 5px;
    display: inline-block;
}
span.crewSize {
    font-weight: bold;
    color: #818d91;
	margin-left: 20px;
}
.bottomSection>select {
    width: 125px !important;
    float:right;
	margin-right:5px;
}
div#searchFilters select {
    max-width: 250px;
}
.logRow.dateRow, .scheduleDateRow.dateRow {
	padding: 8px 2% 5px 2%;
    background: #c0ddfc;
    cursor: pointer;
    border: 1px solid #000;
	margin-top: 6px;
}
.scheduleDateRow.dateRow {
	display: flex;
    font-size: .9em;
}
.logRow.dateRow.opened, .scheduleDateRow.dateRow.opened {
	background: #a3a3a3;
}
.dateRowDate {
    width: 29%;
    text-align: right;
    margin-right: 1%;
    color: #000;
    font-weight: bold;
    font-size: 1.1em;
}
.scheduleDateRow.dateRow .dateRowDate {
	width: 50%;
}
.dateRowDesc {
    width: 70%;
    text-align: left;
}
.scheduleDateRow.dateRow .dateRowDesc {
    width: 50%;
}
.scheduleRowTop>.hide {
	display:none;
}
.scheduleRow.dataRow .colJob.wide select {
    width: auto;
}
.colJob>select {
    font-size: 1.1em;
}
.scheduleRow div.colJob.wide {
	width: auto;
	background: #8ee68e;
    padding: 5px;
}
.safetyTypeContainer.highlight {
    border: 2px solid #ff0000;
    padding: 3px;
}
.infoOnlyField {
    font-size: .8em;
    font-style: italic;
}
span.employee {
    border: 1px solid #555;
    margin: 3px;
    padding: 1px 5px;
    background: #f3ffc1;
    display: inline-block;
	position: relative;
	font-size: .9em;
}
span.employee>a {
    cursor: pointer;
    color: #ff0000;
    font-size: 1.1em;
    margin: 0px -4px 0px 4px;
    display: inline-block;
}
.scheduleRow.readOnlyRow .colJob {
    font-weight: bold;
    font-size: 1.2em;
	margin: 7px 0 0 0;
}
.scheduleRow.readOnlyRow .scheduleRowTop>div {
	margin-top:7px;
	margin-bottom: -3px;
}
.scheduleRow.readOnlyRow span.viewValue {
    background: #fff;
    padding: 0 3px;
    margin-left: 3px;
}
.scheduleRow.readOnlyRow div.colStart {
    width: 9%;
}
.scheduleRow.readOnlyRow div.colLocation {
    width: 22%;
}
.scheduleRow.readOnlyRow div.colDesc {
    width: 22%;
}
.scheduleRow.readOnlyRow div.colNotes {
    width: 22%;
}
.schedViewOptions {
    font-size: 1.1em;
}







div#safetyBoxes {
    display: flex;
    margin: 0 2%;
}
div#safetyBoxes>div {
    width: 33%;
    margin: 0 5px;
    display: inline-grid;
}
#safetyBoxes .fieldContainer {
    padding: 5px;
    border: 1px solid #ccc;
}
#safetyBoxes .fieldContainer.complete {
    background: #b9fabe;
}
#safetyBoxes .fieldContainer.incomplete {
    background: #ffadad;
}
a.addDateIcon {
    color: #0000ff;
    font-size: 1.5em;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
	cursor: pointer;
}
div#safetyBoxes label {
    display: block;
    margin-bottom: 5px;
}
a.certLink {
    float: right;
    text-decoration: none;
    border: 2px solid #555;
    padding: 2px 4px;
    font-weight: bold;
    font-size: .9em;
    color: #555;
	background: #fff;
}
a.certLink.noFloat {
	float:none;
}
form.safetyUploadForm {
    float: right;
}
form.safetyUploadForm.noFloat {
	float:none;
}
.uploadSafetyButton.blueButton>i {
    font-size: 1em;
    vertical-align: initial;
    padding-right: 0;
    padding-left: 2px;
}
.certRight {
	float:right;
	text-align: right;
}
label.changeSafetyButton.blueButton {
    background: transparent;
    color: #0000ff;
    margin-top: 12px;
    padding-right: 0;
    font-size: .8em;
}
label.changeSafetyButton.blueButton i {
    font-size: 1em;
}
.bold {
	font-weight:bold;
}
.modernResetBlue {
    cursor: pointer;
    padding: 0px 6px 2px;
    border: 1px solid #0000ff;
    font-size: 1em;
    border-radius: 10px;
    color: #0000ff;
    background: #d9efff;
}
.dateRowDesc>span {
    margin: 0 5px;
    padding: 3px 7px;
    background: #e2f8ff;
}
.dateRowDesc>span.dateRowPub {
	margin:0 0 0 10px;
	padding: 0;
	background: transparent;
    font-weight: bold;
}
.dateRowDesc>span.dateRowPub.published {
	color: #005d00;
}
.dateRowDesc>span.dateRowPub.unpublished {
	color: #b90000;
}
.dateLogs, .schedule {
	transition: max-height 250ms linear;
	-webkit-transition: max-height 500ms linear;
	max-height: 0;
	overflow:hidden;
    background: #f7ffcc;
}
.dateLogs.show, .schedule.show {
	transition: max-height 250ms linear;
	-webkit-transition: max-height 500ms linear;
	max-height:4000px;
	border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}
a.logRow.dateRow:hover, a.logRow.dateRow:hover span {
    background: #004fff;
	color:#fff;
}
.logRowWrapper, .dateRowWrapper {
    margin: 0 2%;
	position: relative;
}
div#logsWrapper, div#schedulesWrapper {
    padding-bottom: 100px;
}
.logRow.dataRow textarea {
	width:94%;
}
.logRow.dataRow select, .logRow.dataRow input, .logRow.dataRow textarea {
    width: 94%;
}
.scheduleRow.dataRow input, .scheduleRow.dataRow select, .scheduleRow.dataRow textarea {
    width: 97%;
}
.scheduleRow.dataRow input::placeholder, .scheduleRow.dataRow select::placeholder, .scheduleRow.dataRow textarea::placeholder {
    color: #0000ff;
    opacity: 1;
}
.scheduleRow.dataRow input {
    height: 14px;
}
div#colUpdate i, div#colDelete i, div.colRowFn {
    vertical-align: top;
}
div#colUpdate>a {
	font-size: 1.3em;
    color: #0000ff;
    margin-left: 6px;
    cursor:pointer;
}
div#colUpdate>a:hover {
	color:#0000b2
}
div#colDelete>a {
	font-size: 1.3em;
    color: #ff0000;
    margin-left: 6px;
    cursor:pointer;
}
div#colDelete>a:hover {
	color:darkred;
}
.logRow.noResults {
    text-align: center;
    display: block;
    background: #eee;
    padding: 5px 0;
}
span.scheduleCrewSize {
    color: #555;
    font-weight: bold;
    margin-right: 40px;
}
.ui-state-highlight {
    background: #00d2f3 !important;
}
.importantNote {
	font-weight: bold;
	font-size: 1em;
	color: red;
    text-align: center;
    display: block;
    margin: 50px 2%;
}
.settingField {
    background: #e7fffe;
    margin: 5px 0;
    padding: 4px 8px;
    border: 1px solid #d7d7d7;
}
.settingField>div {
    display:inline-block;
	width:49%;
}
.settingField>div.settingRight {
	text-align:right;
}
.settingField .fieldNote {
	margin-top: 15px;
    text-align: center;
}
.settingField input, .settingField select {
    min-width: 200px;
}
.settingRight a {
    color: #0066e5;
    font-size: 1.2em;
    margin-left: 10px;
	cursor:pointer;
}
.settingRight a:hover {
	color: #099900;
}
span#appMode, span#sysMode {
    float: right;
    color: #000;
    padding: 0 10px;
}
span.devModeText {
    background: #00ff00;
}
span.prodModeText {
    background: #ff0000;
}
div#searchFilters>#sortCol {
    margin-right: 0;
    text-align: right;
    display: inline-block;
}
h3#noResults {
    margin-bottom: 40px;
    text-align: center;
}
.safetyReqEmployee {
    text-align: center;
    background: #eee;
    padding: 10px;
    margin: 10px 0;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
.safetyReqEmployee h4 {
    margin: 0 0 10px;
    font-size: 1.2em;
	display: inline-block;
}
.notCompleteItem {
    background: #fff;
    display: inline-block;
    margin: 3px;
    padding: 2px 6px;
    border-radius: 10px;
}
.safetyReqEmployee>a {
    display: inline-block;
    margin: 2px 0 0 10px;
    vertical-align: top;
}
#backTop {
	width:40px;
	height:40px;
	cursor:pointer;
	opacity:.6;
	position:fixed;
	bottom: 40px;
    right: 0;
    text-align: right;
}
div#backTop>i {
    font-size: 1.8em;
	pointer-events: none;
}
.csvCalendar {
   height: 600px;
}
#jrange input {
   width: 200px;
}
#jrange div {
   font-size: 9pt;
}
.date-range-selected > .ui-state-active,
.date-range-selected > .ui-state-default {
   background: none;
   background-color: blue;
}
div#jrange .hasDatepicker {
    display: block !important;
	top: 0 !important;
}
div#jrange>input {
    opacity: 0;
}
.ui-datepicker-inline {
	width: 100% !important;
    display: block;
    margin: 20px auto !important;
    max-width: 1600px !important;
}
div#dateSection {
    margin: 0 2%;
}
p.csvInstruction {
    text-align: center;
	font-weight: bold;
	font-size: 1.2em;
}
p.calendarInstruction {
    margin-bottom: -10px;
}
div#filtersDisplay {
    margin: 0 2%;
	text-align: center;
}
div#currentFilter {
    min-width: 500px;
    text-align: left;
    margin-left: 20px;
}
div#filtersDisplay>span {
    padding: 2px 8px;
    background: #c0e6fc;
    border-radius: 10px;
	margin: 5px;
    display: inline-block;
}
span.filterDisplay>i {
    color: #ff0000;
    font-size: .9em;
    margin: -5px 0 0 5px;
	cursor: pointer;
}
#iosAppContent {
	margin: 0 2%;
	font-weight: bold;
}
.innerBox {
    border-top: 2px solid #71beff;
    margin-top: 15px;
}
.innerBox>h4 {
    font-size: 1.2em;
}
.detailArea h5 {
    font-size: 1.1em;
    margin: 2px 0 5px 0;
    color: #71beff;
}
a.submitIcon {
    float: right;
    font-size: 1.5em;
    color: #71beff;
	cursor: pointer;
}
a.submitIcon:hover {
	color: #0000ff;
}
.detailsForm .bottomField {
    display: block;
    margin-top: 16px;
	margin-bottom: 7px;
}
.detailsForm .pastJob {
    display: inline-block;
    margin: 3px;
    background: #eee;
    border-radius: 8px;
    padding: 1px 6px;
    border: 1px solid #ddd;
}
.detailsForm a.delJob {
    color: #888;
    margin-left: 4px;
    font-size: .9em;
    cursor: pointer;
}
.detailsForm .pastJob:hover a.delJob {
	color: #ff0000;
}
.fa-linkedin {
	color: #007bb5;
}
.fa-fa-twitter {
	color: #1da1f2;
}
.fa-fa-instagram {
	color: #c32aa3;
}
.fa-fa-facebook {
	color: #1877f2;
}
.detailsForm .socialLinks {
    display: flex;
	margin-bottom:20px;
}
.contactCol .socialLinks {
	display: flex;
	float: right;
}
.detailsForm .socialLink {
    width: 25%;
    text-align: center;
}
.contactCol .socialLink {
	margin: 0 0 0 15px;
}
.detailsForm .socialLink>a {
    font-size: 1.8em;
    opacity: .5;
}
.detailsForm .socialLink>a:hover {
    opacity: 1;
}
.contactCol .socialLink>a {
	font-size: 1.1em;
	opacity: .8;
}
.contactCol .socialLink>a:hover {
	opacity: 1;
}
.innerMultiBlock {
    display: flex;
}
.innerMultiBlock>div {
    width: 100%;
}
.innerMultiBlock>.delItem {
    width: 20px;
    text-align: left;
}
.innerMultiBlock>.delItem>a {
    color: #ff0000;
}
.addNewText {
    margin: 20px 0 -10px 0;
    font-weight: bold;
	color: #71beff;
    border-top: 1px solid #000;
    padding-top: 5px;
}
a.delEstimator, a.delProjMgr, a.delAccountant {
    color: #888;
    cursor: pointer;
}
a.delEstimator:hover, a.delProjMgr:hover, a.delAccountant:hover {
    color: #ff0000;
}
a.makePrimaryContact {
    margin-left: 8px;
	color: #888;
    cursor: pointer;
}
a.makePrimaryContact:hover {
	color: #00c600;
}
.detailsForm .estName, .detailsForm .pmName, .detailsForm .acctName {
    font-weight: bold;
    color: #777;
}
.detailsForm .primaryContact {
	color:#333;
}
#contractors .flexDetails, #projects .flexDetails {
    margin-bottom: -10px;
}
.boxLoading {
	background-color: #aaa;
	opacity:.5;
}
select.selectRight {
    float: right;
    font-size: 1.2em;
    color: #71beff;
    border-bottom: 2px solid #71beff;
    margin: 5px 10px 0 0;
    font-weight: bold;
}
.innerFlexBox {
    display: flex;
    margin-top: 12px;
}
.innerFlexBox>div {
    padding-right: 10px;
    width: 100%;
}
.conDetailsName {
    font-weight: bold;
}
.conDetailItem {
    margin-bottom: 5px;
    border-top: 2px solid #71beff;
}
/* #projects .contactCol>.contact {
    margin-top: 30px;
} */
p.noBoxResults {
    color: #aaa;
}
.agsDataBox>.detailArea>div select {
	font-size: 1em;
}
.noResults {
    font-weight: bold;
    margin: 20px 0 0 0;
    text-align: center;
}
a.projEmp {
    display: inline-block;
    background: #ccc;
    margin: 5px;
    padding: 2px 6px;
    border-radius: 4px;
    border: 1px solid #aaa;
	text-decoration: none;
}
.noEmpsOnSched {
    font-size: 1.1em;
    font-style: italic;
    text-align: center;
    font-weight: bold;
    color: #999;
}
a.projEmp>i {
    margin-left: 4px;
}
.noEdit input, .noEdit select, .noEdit textarea {
    border: 0 none;
    pointer-events: none;
	-o-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.noEdit .submitRow, .noEdit .submitIcon, .noEdit .delJob, .noEdit .delProjMgr, .noEdit .delEstimator, .noEdit .bottomField, .noEdit .addNewText, .noEdit .contractLogoUploadForm, .noEdit .picUploadForm, .noEdit .delAccountant, .noEdit .makePrimaryContact {
	display:none;
}
.filterDisplayTitle {
	font-weight: bold;
    color: #555;
}
li#loggedInfo {
    max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
}
span.preFieldText {
    color: #999;
    margin-left: 5px;
    margin-right: -4px;
    font-size: .9em;
}
a.maximenuck.smItem.imgItem img {
    display: none !important;
}
.innerMultiBlock .contactActions {
    max-width: 65px;
}
span.safetyWorkerType {
    color: #999;
    text-transform: capitalize;
    font-size: .9em;
}
.upperCase {
    text-transform: uppercase;
}
div.safetyReqFilters>div {
    flex-grow: 0 !important;
    width: 100%;
    display: inline-block !important;
    margin-right: 0 !important;
	text-align: left !important;
}
div.safetyReqFilters #colReset {
	text-align:right !important;
}
.projectLink {
    font-size: 1.1em;
    margin-top: 5px;
    color: #666;
}
.projectLink.noContractor {
	color: #aaa;
}
.projectLink>a {
    color: #1063fa;
    text-decoration: none;
	font-size: 1.1em;
}
.projectLink>a>i {
	margin-left: 4px;
    font-size: .8em;
    vertical-align: top;
    margin-top: 6px;
}
/*admin home*/
.bigBox {
	display:inline-block;
    height: 50vh;
    min-height: 300px;
    width: 48%;
    margin: 10px 1%;
    position: relative;
    overflow: hidden;
	box-shadow: 0 0 0 4px #727272;
	text-align: center;
}
.bigBox.fullWidth {
	width: 98%;
}
.bigBox>h2 {
	transition: margin-bottom 250ms linear;
	-webkit-transition: margin-bottom 250ms linear;
    font-family: "Open Sans", sans-serif;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color:#fff;
    text-shadow:0 0 1px #000;
    font-weight: 500;
    font-size: 2em;
    text-transform: uppercase;
	background: rgba(0,0,0,.5);
	margin-bottom: 26px;
}
.bbPic {
    /* -webkit-transition:-webkit-filter 800ms linear;
    transition:filter 800ms linear; */
    background-size:cover;
    background-position:center;
    height:100%;
    width:100%;
    background-repeat:no-repeat;
    /* -webkit-filter: blur(0);
    filter: blur(0); */
}
/* .bigBox:hover>.bbPic, .bigBox:focus>.bbPic {
    -webkit-transition:-webkit-filter 50ms linear;
    transition:filter 50ms linear;
    -webkit-filter: blur(3px);
    filter: blur(3px);
} */
.bbContent {
    position: absolute;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
	padding: 10px;
    background: rgba(100,100,100,.85);
    color: #fff;
    text-shadow:0 0 1px #000;
}
#box6 .bbContent {
    background:transparent;
}
.bbContent.left {
    transition:margin 150ms linear;
    -webkit-transition:margin 150ms linear;
    margin:0 -100% 0 100%;
}
.bbContent.right {
    transition:margin 150ms linear;
    -webkit-transition:margin 150ms linear;
    margin:0 100% 0 -100%;
}
.bbContent.center {
    transition:margin 150ms linear;
    -webkit-transition:margin 150ms linear;
    margin:100% 0 -100% 0;
}
.bigBox:hover>.bbContent, .bigBox:focus>.bbContent {
    transition:margin 150ms linear;
    -webkit-transition:margin 150ms linear;
    margin:0 0 0 0;
}
div.homeBoxLinks>.hbLink {
    display: inline-block;
    width: 48%;
    text-align: center;
    margin: 6px 0;
    vertical-align: top;
}
div.homeBoxLinks>.hbLink>a {
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
	border: 3px solid #fff;
    display: block;
    max-width: 94%;
    overflow: hidden;
	margin: 0 auto;
    padding: 2px 0;
	background: rgba(255,255,255,.1);
}
div.fullWidth div.homeBoxLinks>div.hbLink {
    width: 32%;
}
div.homeBoxLinks>.hbLink>a:hover {
	color: #2ac4ff;
	border: 3px solid #2ac4ff;
}
.adminHomeMenu {
	margin-top:20px;
}
a.openMapIcon {
    margin: 0 0 0 10px;
    color: #1063fa;
	font-size:1em;
}
a.openMapIcon>i.fa-apple {
	font-size: 1.25em;
}
.bigBox:hover h2 {
	transition: margin-bottom 250ms linear;
	-webkit-transition: margin-bottom 250ms linear;
	margin-bottom: 0px;
}
/* .calendarWrapper {
   height: 600px;
} */
#jrange input {
   width: 200px;
}
#jrange div {
   font-size: 9pt;
}
.date-range-selected > .ui-state-active,
.date-range-selected > .ui-state-default {
   background: none;
   background-color: lightsteelblue;
}
.csvRow {
    display: flex;
    width: 100%;
}
.csvRow>div {
    width: 9%;
    border: 1px solid #555;
    margin: 1px;
}
.csvRow input {
	max-width:99%;
}
div#csvTopSection, div#dataSelectionSection {
    margin: 40px auto;
	max-width: 1600px;
	padding: 0 2%;
}
.csvLetters.csvRow>div {
    border-top: 0 none;
    text-align: center;
    color: #999;
    border-right: 1px solid #999;
    border-left: 1px solid transparent;
}
.csvLetters.csvRow>div.colA {
    border-left: 1px solid #999 !important;
}
.csvRow>div.rowNumberColumn {
    width: 19px;
    color: #999;
    border: 0 none;
    text-align: right;
    margin-right: 4px;
}
.row6.saveCsvButton {
    text-align: center;
    padding-top: 20px;
}
p.centerNote {
    font-style: italic;
    text-align: center;
    margin:0 0 10px;
}
button.ui-datepicker-close {
    color: #fff !important;
    background: #0000ff !important;
    font-size: 1.2em;
}
.csvButtonWrapper {
	text-align:center;
}
select#empSelect {
    font-size: 1.1em;
}
.csvPage div#empSection {
    text-align: center;
    margin: 30px 0 50px;
}
p#csvDates {
    text-align: center;
    margin-top: -10px;
}
.hidden {
	display:none;
}
#csvExample {
	margin-top: 30px;
}
div#saveOptions, div#saveDBcols {
    text-align: center;
    margin: 0 0 20px 0;
}
.row6.saveCsvButton .modernInput {
    margin-right: 10px;
}
a#clearHeaders {
    margin-left: 20px;
    font-size: .9em;
    color: #0000ff;
    text-decoration: underline;
    cursor: pointer;
}
#csvDownload {
    text-align: center;
    margin-top: 30px;
}
div#csvDownload>.csvDownloadLink {
    text-decoration: none;
    border: 3px solid #008f00;
    color: #008f00;
    padding: 2px 6px;
    font-weight: bold;
    background: #92ff92;
}
div#csvDownload>.csvDownloadLink:hover {
    background: #00ff00;
}
.newMessage textarea#newBody {
    margin-bottom: 0;
}
.newMessage input#newTitle {
    margin-bottom: 0;
}
p#msgCharsLeft1, p#msgCharsLeft2 {
    margin-bottom: 20px;
}
.messageRow .empPic {
    width: 40px;
    height: 40px;
}
.messageRow>.empNameCol {
    color: #333;
    font-weight: bold;
}
.messageRow>div>span {
    vertical-align: middle;
    display: inline-block;
}
.msgTitleCol {
    width: 20%;
	margin-top: 10px;
	font-weight: bold;
	text-transform: capitalize;
}
.msgBodyCol {
    width: 50%;
    margin-top: 10px;
	white-space: pre-wrap;
}
.messageRow.topBorder {
	border-top: 1px solid #333;
}
.messageRow>div.msgBodyCol>span {
    display: inline;
}
a.readMoreLink {
    color: #0000ff;
    text-decoration: underline;
    font-size: .9em;
    font-weight: bold;
	cursor: pointer;
}
.messageRow {
	height: 40px;
}
.messageRow.expand {
	height: auto;
}
.messageRow .empNameCol {
    width: 27%;
}
.messageRow .statusCol {
	width: 3%;
}
.msgUnpublished {
	color: #ff0000;
}
.msgPublished {
	color: #00dd00;
}
.msgStatusCol {
    margin-top: 10px;
}
.msgStatus {
	font-size: 1.1em;
	cursor: pointer;
}
.messageRow.unpubMsg {
    background: #ddd;
}
span.unpubStatusText {
    font-size: .8em;
    line-height: 1.2em;
}
span.previewText {
	white-space: nowrap;
}
.bulkMailDiv .fieldContainer.emailTextCheckboxes input {
    width: auto;
    height: 15px;
    width: 15px;
    vertical-align: top;
}
.fieldContainer.emailTextCheckboxes {
    display: inline-block;
    width: 46%;
    margin-bottom: 20px;
}
.messageContactOptions {
    display: flex;
	margin-bottom: 20px;
}
.messageContactOptions>a {
    width: 30%;
    text-decoration: none;
    font-weight: bold;
    color: #0056b0;
    margin-right: 3%;
    overflow: hidden;
}
.messageContactOptions>a:hover {
	color:#0000ff;
}
.messageContactOptions>a>i {
    font-size: 1.5em;
    vertical-align: top;
    margin-right: 4px;
}
#contractors .employeeDetails {
	padding-bottom: 20px;
}
#contractors .employeeDetails.hide {
	padding-bottom: 0;
}
.dataSelectRow.csvRow select {
    width: 100%;
}
.dataSampleRow.csvRow>div.rowNumberColumn {
    width: 19px;
    color: #999;
    border: 0 none;
    text-align: right;
    margin-right: 4px;
}
div#colSampleRow>div {
    border: 0 none;
    padding: 1px;
}
.sampleDataRecord {
    font-size: .7em;
    border-bottom: 1px solid #777;
    background: #eee;
    width: 100%;
    padding: 1px 2px;
}
div#latestUsersSection {
    background: #fff;
    padding: 10px;
	border: 1px solid #ccc;
}
div#latestUsersSection>h5 {
	font-size:1em;
	font-weight: normal;
}
div#latestUsersSection>h5>span.numOfUsers {
	font-weight: bold;
}
p.latestUser {
    width: 100%;
    display: flex;
}
p.latestUser>span {
    width: 20%;
}
p.latestUser>span.userCol {
    width: 40%;
}
p.latestUser {
    width: 99%;
    display: flex;
    margin: 5px 0;
    padding: 2px 4px;
    font-size: .9em;
	border-radius:10px 0 0 0;
}
p.latestUser>span.logoutUser {
	width: 10px;
}
span.logoutUser>a {
	color: #ff0000;
	cursor: pointer;
}
.getSampleButton>a {
	font-size: .8em;
    border: 1px solid #777;
    font-weight: normal;
	cursor: pointer;
}
a.submitIcon.toGreen {
    color: #0ca356;
}
div#refreshPage {
    text-align: center;
    margin-top: 50px;
}
div#refreshPage>a {
    font-size: .8em;
    color: #999;
    border: 2px solid #999;
}
.documentRow>div.colBillingDocuments {
    width: 100%;
}
.combineNameNumber {
	color: #0000ff;
	cursor: pointer;
}
.applicantDirectory .detailsLink {
    font-size: 2em;
}
.applicantDirectory .empPicCol {
    width: 12%;
}
.applicantDirectory .empNameCol {
    width: 60%;
}
.applicantDirectory .userCol {
    width: 1%;
}
.applicantDirectory .contactCol {
    width: 26%;
}
.applicantDirectory .appStatus {
    font-size: 1.5em;
    margin-top: 10px;
	font-weight: bold;
}
.applicantDirectory .appStatus>span {
    padding: 6px 11px;
    border-radius: 50%;
    box-shadow: 0 0 5px 3px inset #fff;
}
.applicantDirectory .documentRow .detailArea {
    height: auto;
}
.fieldContainer.hiredContainer {
    text-align: center;
    margin-top: 40px;
}
.applicantDirectory .addEmployeeForm {
    position: fixed;
    top: 200px;
    width: 80%;
    left: 10%;
    margin-left: -2%;
	z-index: 1200;
}
.emp1099Logo {
    font-weight: bold;
    border: 5px solid #7a7a7a;
    display: inline-block;
    padding: 0 4px;
    border-radius: 50%;
    color: #667;
    vertical-align: top;
    margin: -4px 0 0 10px;
}
.emp1099Logo.hide {
	display:none;
}
h1#logo {
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
    text-align: center;
    color: #0000b2;
    font-size: 2.5em;
	margin: 25px 0;
	cursor: pointer;
}
h2#subLogo {
    text-align: center;
    margin: -40px 0 10px 0;
    font-style: italic;
    font-size: 1.1em;
    color: #777;
}
.stickyHeader.affix h1#logo {
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
    font-size: 1.8em;
    margin: 10px 0;
}
.stickyHeader.affix h2#subLogo {
	display:none;
}
div#menuButton {
    position: fixed;
    top: 0;
    text-align: center;
    right: 2%;
    z-index: 1600;
	cursor: pointer;
}
div#menuButton>i {
    font-size: 3em;
	margin-top: 25px;
    color: #0000b2;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    transform: rotate(0deg);
}
div#menuButton.open>i {
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    transform: rotate(180deg);
	color:#d1d1d1;
}
div#menuButton.open>i:hover {
    color: #fff;
}
.menuText {
    color: #0000b2;
    font-weight: bold;
    font-size: .8em;
}
div#menuButton.open>.menuText {
    color: #d1d1d1;
}
div#menuWrapper {
	transition: right 250ms linear;
	-webkit-transition: right 250ms linear;
	position: fixed;
	top: 0;
	width: 75%;
	min-height: 400px;
	right: -75%;
	background: #5e87ba; 
	z-index: 1500;
    height: 100%;
	color: #fff;
	text-align: center;
}
div#menuWrapper.open {
	transition: right 250ms linear;
	-webkit-transition: right 250ms linear;
	right: 0%;
}
ul#menuItems {
	margin: 10px 0 0 0;
    padding: 0;
    text-align: center;
	height: 80%;
	overflow-y: auto;
	overflow-x: hidden;
}
ul#menuItems>li {
    margin: 4px 2%;
    list-style-type: none;
    display: inline-block;
    width: 27%;
	vertical-align: top;
}
ul#menuItems>li>a.menuItem {
	transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
    background: #0086e6;
    padding: 5px 10px;
    border: 3px solid#fff;
    text-align: center;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 81px;
    font-weight: bold;
}
ul#menuItems>li>a.menuItem:hover {
    box-shadow: 0 0 5px 5px #fff inset;
}
ul#menuItems>li i {
    display: block;
    font-size: 2.3em;
    margin-top: 9px;
}
ul#menuItems>li.mobileOnly {
	display:none !important;
}
ul#menuItems>li>a.menuItemDev {
    background: #416da3;
}
ul#menuItems>li>a.currentItem {
    background: #002c41;
    /* pointer-events: none; */
    color: #fff;
    border: 3px solid #fff;
}
#menuButton.affix>i {
	font-size: 2.5em;
    margin-top: 8px;
}
#menuButton.affix .menuText {
	display:none;
}
ul#menuItems.compact>li {
    margin: 10px 0;
    list-style-type: none;
    width: 43%;
    display: inline-block;
    text-align: center;
}
ul#menuItems.compact>li>a.menuItem {
    background: #0086e6;
    padding: 10px 10px 0;
    border: 3px solid#fff;
    text-align: center;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
span.menuItemTitle {
    margin-top: 5px;
    display: block;
}
div#menuTop {
    height: 110px;
    background: #0084ab;
    border-bottom: 2px solid #000;
    padding: 0 60px 5px 15px;
    display: block;
}
.fullWidthMenuItems {
	display: block !important;
	width: 100% !important;
}
a#toggleMenuLink {
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 0 10px;
    background: #749ac8;
    cursor: pointer;
}
span#menulogo {
    display: block;
    text-align: center;
    color: #eee;
    font-size: 2.2em;
    margin: 5px 0 0 10px;
    font-weight: bold;
}
#lastEmptyMenuItem {
    height: 150px;
    display: block !important;
    text-align: center;
    width: 100% !important;
}
div.reportForm {
    margin: 30px 2%;
}
/* REPORT FORMS */
#laborFormContainer .panel.emp1, #laborFormContainer .panel.emp2, #laborFormContainer .panel.emp3, #laborFormContainer .panel.emp4, #laborFormContainer .panel.emp5, #laborFormContainer .panel.emp6, #laborFormContainer .panel.emp7, #laborFormContainer .panel.emp8, #laborFormContainer .panel.emp9, #laborFormContainer .panel.emp10, #laborFormContainer .panel.emp11, #laborFormContainer .panel.emp12, #laborFormContainer .panel.emp13, #laborFormContainer .panel.emp14, #laborFormContainer .panel.emp15, #laborFormContainer .panel.emp16, #laborFormContainer .panel.emp17, #laborFormContainer .panel.emp18, #laborFormContainer .panel.emp19, #laborFormContainer .panel.emp20 {
    display:none;
}
#laborFormContainer .panel.job1, #laborFormContainer .panel.job2, #laborFormContainer .panel.job3, #laborFormContainer .panel.job4, #laborFormContainer .panel.job5, #laborFormContainer .panel.job6, #laborFormContainer .panel.job7, #laborFormContainer .panel.job8, #laborFormContainer .panel.job9, #laborFormContainer .panel.job10, #laborFormContainer .panel.job11, #laborFormContainer .panel.job12, #laborFormContainer .panel.job13, #laborFormContainer .panel.job14, #laborFormContainer .panel.job15, #laborFormContainer .panel.job16, #laborFormContainer .panel.job17, #laborFormContainer .panel.job18, #laborFormContainer .panel.job19, #laborFormContainer .panel.job20 {
    display:none;
}
#laborFormContainer .panel.show {
    display:block;
}
#laborFormContainer .reportForm div#fin-datepicker1>img {
    height: 40px;
    float:left;
}
#laborFormContainer .reportForm div#fitem-datepicker1 {
    overflow: auto;
    margin-bottom: 10px;
    border: 0 none;
}
#laborFormContainer .pmReports .icons {
    display: none;
}
#laborFormContainer .pmReports h2, #laborFormContainer .pmReports h3 {
    color:#000;
}
/* #laborFormContainer .pmReports h3 {
    padding: 10px;
    background: #0000a1;
    text-align: center;
} */
#laborFormContainer .pmReports .pagewrapper {
    background:transparent;
}
#laborFormContainer .adminTemplate .main {
    margin: 20px 2% 60px 2%;
}
#laborFormContainer div.reportForm input, #laborFormContainer div.reportForm textarea {
	border-top:0 none;
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 1px solid #0000ff;
	background: transparent;
}
#laborFormContainer div.reportForm select {
	padding: 2px;
    border: 1px solid #0000ff;
    font-size: 1em;
    border-radius: 10px;
	color: #0000ff;
}
#laborFormContainer div.reportForm input#datepicker1, #laborFormContainer div.reportForm input#datepickerAlt {
    background: transparent;
    padding: 0;
    font-size: 1.5em;
    margin: 8px 0 0 8px;
    border: 0 none;
    color: #000;
    font-weight: bold;
	pointer-events: none;
}
#laborFormContainer #form-row-emps select {
    margin-top: 20px;
}
/* #laborFormContainer .reportForm input#reportSubmit, #laborFormContainer #dailySchedule button.submitButton, #laborFormContainer #dailySchedule a.submitButton, #laborFormContainer #adminInput .blueButton, #laborFormContainer #submit, #laborFormContainer .product .blueButton {
    background: #0000ff;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 1px 1px 3px #fff inset;
    margin-top: 15px;
    cursor:pointer;
} */
/* #laborFormContainer .reportForm input#reportSubmit:hover, #laborFormContainer #dailySchedule button.submitButton:hover, #laborFormContainer #dailySchedule a.submitButton:hover, #laborFormContainer #adminInput .blueButton:hover, #laborFormContainer #submit:hover, #laborFormContainer .product .blueButton:hover {
    background: #428cff;
    box-shadow: 2px 2px 3px #fff inset;
} */
/* #laborFormContainer button.submitButton {
    box-shadow: none !important;
    margin: 0 !important;
    float: right;
} */
#laborFormContainer .fieldContainer {
    margin: 15px 0;
    padding: 5px 10px;
    /* border: 4px solid lightblue; */
}
#laborFormContainer .fieldContainer>label {
    font-size: 1.1em;
    color: #000;
    font-weight: bold;
}
#laborFormContainer .panel-heading {
    font-size: 1.4em;
    font-weight: bold;
}
#laborFormContainer .inline {
    display: inline-block;
    vertical-align:top;
    width: 25%;
    text-align: left;
}
#laborFormContainer div#quantity-container .inline {
    width: 14%;
}
#laborFormContainer div#employees-container .inline, #laborFormContainer form#superReport div#jobs-container .inline {
    width: 12%;
}
#laborFormContainer .inline>.inputContainer>input, #laborFormContainer .inline>.inputContainer>select, #laborFormContainer .inline>.inputContainer>textarea {
    width:70%;
}
#laborFormContainer h4.panel-title {
    margin: 5px 10px;
}
#laborFormContainer div#employees-container>div {
	background: #eee;
}
#laborFormContainer .hide {
    display: none;
}
#laborFormContainer div#quantity-container {
	margin-top:30px
}
.submitLaborResponse {
    text-align: center;
    margin: 0 2%;
}
.submitLaborResponse>a.clearBlueButton {
    margin-top:30px;
}
#datepicker1,#datepicker2  {
	opacity: 0;
}
#datepickerAlt1, #datepickerAlt2 {
    border: 0 none;
    display: none;
    margin: 0 0 0 10px;
    font-size: 1.2em;
	pointer-events: none;
}
div.laborFormButtons {
    transition: margin 200ms linear;
	-webkit-transition: margin 200ms linear;
    width: 100%;
    margin: 50px 0;
    text-align: center;
}
div.laborFormButtons>div.laborFormButton {
	transition: margin 200ms linear;
	-webkit-transition: margin 200ms linear;
    display: inline-block;
    text-align: center;
}
a.laborFormLink {
	transition:font-size 200ms linear;
	-webkit-transition:font-size 200ms linear;
    background: #0000ff;
    color: #fff;
    font-size: 4em;
    display: inline-block;
    text-align: center;
    width: 190px;
    padding: 18px 0;
    border-radius: 15px;
    box-shadow: 0 0 5px 5px #3aacff inset;
    cursor: pointer;
}
span.bigButtonText {
    font-size: 14px;
    font-weight: bold;
    display: block;
}
div.laborFormButtons.shrink {
	transition:margin 200ms linear;
	-webkit-transition: margin 200ms linear;
	margin: 5px 0 0;
}
a.laborFormLink.shrink {
	transition:font-size 200ms linear;
	-webkit-transition:font-size 200ms linear;
	font-size: 0px;
}
div.laborFormButtons>div.laborFormButton.shrink {
	transition: margin 200ms linear;
	-webkit-transition: margin 200ms linear;
	margin: 0 .2% !important;
}
.cancelLaborForm {
    background: #ff0000;
    color: #fff;
    position: absolute;
    right: 2%;
    display: inline-block;
    font-size: 10px;
    text-align: center;
}
#laborFormContainer div#jobs-container>div {
    background: #eee;
}
a.laborFormLink.formOpen {
	background:#333;
}
.dateFilter {
	display:inline-block;
}
div#compactReportHeaders, div.reportRow.compact {
    display: flex;
    padding: 4px 2%;
}
div#compactReportHeaders {
	border-bottom:2px solid #000;
	font-weight: bold;
	margin-top: 20px;
	font-size: 1.1em;
	background: #eee;
}
div#compactReportHeaders .empReportCol.col1, div.reportRow.compact .empReportCol.col1 {
	width: 6%;
}
div#compactReportHeaders .empReportCol.col2, div.reportRow.compact .empReportCol.col2 {
	width: 12%;
}
div#compactReportHeaders .empReportCol.col3, div.reportRow.compact .empReportCol.col3 {
	width: 25%;
}
div#compactReportHeaders .empReportCol.col4, div.reportRow.compact .empReportCol.col4 {
	width: 15%;
}
div#compactReportHeaders .empReportCol.col5, div.reportRow.compact .empReportCol.col5 {
	width: 15%;
}
div#compactReportHeaders .empReportCol.col6, div.reportRow.compact .empReportCol.col6 {
	width: 15%;
}
div#compactReportHeaders .empReportCol.col7, div.reportRow.compact .empReportCol.col7 {
	width: 12%;
}
div#compactReportHeaders .empReportCol.col8, div.reportRow.compact .empReportCol.col8 {
	width: 5%;
}
select#numRows {
    float: right;
    margin-right: 2%;
	margin-top: 24px;
}
div#row2filters {
    min-height: 35px;
}
.compactRows .reportRow.compact.empRow {
	transition: max-height 200ms linear, padding 200ms linear;
	-webkit-transition: padding 200ms linear, padding 200ms linear;
    max-height: 0px;
    padding: 0px 2%;
    overflow: hidden;
}
.expandedRows .reportRow.compact.empRow {
	transition: max-height 200ms linear, padding 200ms linear;
	-webkit-transition: padding 200ms linear, padding 200ms linear;
    max-height: 50px;
    padding: 4px 2%;
}
div#selectStyle {
    float: right;
    margin: 28px 2% 0;
	font-size: .9em;
}
div#selectStyle>a {
    color: #0000ff;
    margin-left: 5px;
    cursor: pointer;
}
div#selectStyle>a:hover {
    text-decoration:underline;
}
div#selectStyle>a.selected {
	color: #bbb;
	pointer-events: none;
}
.reportRow.rowA, .singleReport.rowA  {
    background: #8ffffa;
}
.reportRow.rowB, .singleReport.rowB {
    background: #77ffc6;
}
.reportRow.compact.totalRow {
    color: #1c1c53;
    font-weight: bold;
}
.reportRow.compact.empRow {
    background: #fff;
}
a.openReportButton {
    font-size: .9em;
    cursor: pointer;
	color: #0000ff;
}
#reportsContainer .singleReport {
	/* transition: height 2500ms linear;
	-webkit-transition: height 2500ms linear; */
	/* max-height: 0%; */
	overflow: hidden;
}
#reportsContainer .singleReport.open {
	/* transition: all 2500ms linear;
	-webkit-transition: all 2500ms linear; */
	/* max-height: 100%; */
    padding: 10px 2%;
	border-bottom: 2px solid #0000ff;
    border-left: 2px solid #0000ff;
    border-right: 2px solid #0000ff;
}
.singleReportHeaders, .empData>.empRow, .pmReportData>.pmReportRow {
    display: flex;
}
/* .singleEmpReportHeaders>div, #dataSlider>.empRow>div, .empdata>.empRow>div, .pmReportData>.pmReportRow>div {
    width: 100%;
} */
.empCol.col1 {
	width: 17%;
}
.empCol.col2 {
	width: 10%;
}
.empCol.col3 {
	width: 10%;
}
.empCol.col4 {
	width: 10%;
}
.empCol.col5 {
	width: 10%;
}
.empCol.col6 {
	width: 10%;
}
.empCol.col7 {
	width: 10%;
}
.empCol.col8 {
	width: 10%;
}
.empCol.col9 {
	width: 13%;
}

.reportRow.totalRow.open {
    border-top: 2px solid #0000ff;
    border-left: 2px solid #0000ff;
    border-right: 2px solid #0000ff;
}
.singleReportHeaders {
    font-weight: bold;
    border-bottom: 2px solid #6a6a6a;
}
.empRow.totalsRow {
    border-top: 1px solid #000;
    color: #828282;
    font-weight: bold;
}
.textAreas {
    display: flex;
}
.textAreas>div {
    flex: 1;
    background: #fbfce5;
    margin: 3px;
    padding: 5px 10px;
    border: 1px solid #777;
}
.textAreas>div>h4 {
    margin: 0 0 10px;
}
.extraFields {
	margin: 20px -3px;
}
.gTot.dataRow {
    text-align: center;
    font-weight: bold;
    /* margin: 15px 0; */
    border-top: 1px solid #000;
    padding-top: 10px;
    margin-bottom: 15px;
}
div#printButtonContainer {
    text-align: center;
	margin-top: 20px;
}
div#printButtonContainer button.smallRedButton {
    background: #ff0000;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    margin-left: 10px;
	cursor: pointer;
}
button#printButton {
    background: #fff;
    font-weight: bold;
    border-radius: 5px;
	cursor:pointer;
}
div.empData>div.empRow, div.pmReportData>div.pmDataRow {
	display: flex;
}
div#selectStyle>a.adminEditButton {
    background: #00b200;
    font-weight: bold;
    border: 2px solid #000;
    font-size: .9em;
    padding: 0px 6px;
    border-radius: 20px;
    color: #fff;
    text-transform: uppercase;
}
div#selectStyle>a.adminEditButton.editing {
	background: #ff0000;
}
div#selectStyle>a.adminEditButton:hover {
	background:#fff;
	color: #000;
	text-decoration: none;
}
span#editingLabel {
    margin-left: 30px;
    color: #ae0000;
    font-weight: bold;
}
.reportFilter {
	max-width: 400px;
}
#editReportTable {
	margin-top:30px;
}
div#editReportTable>h3 {
    text-align: center;
    background: #b2d4ff;
    color: darkblue;
}
#adminReportsRecord {
	margin:10px 2%;
}
div#adminReportsRecord .recordRow {
    display: flex;
    font-weight: bold;
    font-size: 1.4em;
    color: #7a7a7a;
}
div#adminReportsRecord .recordCol {
    width: 100%;
    text-align: center;
}
div#adminReportsRecord .recordRow.deleteRow {
	width: 100%;
	display: block;
	text-align:center;
	margin-top:20px;
	font-size:1em;
}
p.editWarn {
	font-weight: bold;
	color:#b80000;
	font-style: italic;
}
h4#empRecordsTitle {
    text-align: center;
    border-top: 5px solid #777;
    color: #777;
	font-size: 1.1em;
}
div#empReportRecords, div#jobReportRecords {
    margin: 10px 2%;
}
.empNameRow {
    font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.empNameRow>a {
    padding: 0 6px;
    font-size: .8em;
    margin-left: 20px;
}
.hour.row>form {
    display: flex;
    align-items: center;
    justify-content: center;
}
.hour.row {
    background: #eee;
    margin: 20px -2%;
    padding: 15px 0;
}
h4#noResults {
    text-align: center;
}
div#empReportRecords .modernInput {
    max-width: 90%;
}
.empBlock {
    border-top: 5px solid #005f00;
    border-bottom: 5px solid #005f00;
    text-align: center;
    background: #ddd;
    margin: 20px 0;
}
h3.empDate {
    text-align: center;
    background: #eee;
    margin: 10px 0;
}
.empBlock>.headers, .empBlock>.dataRow {
    display: flex;
}
.empBlock>.headers {
	border-bottom: 1px solid #000;
	font-weight: bold;
}
.empBlock>.headers>div, .empBlock>.dataRow>div {
	width: 100%;
}
h2.empTitle {
    text-align: center;
    margin: 0;
}
#payrollReportInfo {
    display: flex;
    font-size: 1.4em;
    font-weight: bold;
    color: #999;
    text-align: center;
    margin: 30px 0 20px;
}
#payrollReportInfo>div {
	width: 100%;
}
button#printButton {
    float: right;
    margin-right: 2%;
}
.empTotal {
    font-weight: bold;
    color: #005d00;
    margin: 10px 0 5px;
}
div#widgetTop {
    display: flex;
    height: 100px;
    overflow: hidden;
    background: lightblue;
    color: #fff;
    margin: 30px 2.5% 0;
    border-radius: 10px;
}
div#widgetTop>div {
    width: 100%;
}
.widgetTopCol>img {
    max-height: 80px;
    margin: 10px 0;
}
#dahboardCompanyName {
    display: inline-block;
    vertical-align: top;
    margin: 25px 0 0 10px;
    font-weight: bold;
	font-size:2em;
}
div#dahboardCompany {
    margin-left: 10px;
}
div#dahboardUser {
    text-align: right;
    margin-right: 10px;
}
div#dashboardName {
    margin-top: 15px;
    font-size: 1.5em;
    font-weight: bold;
}
div#dashboardGroup {
    font-size: 1.2em;
}
/* #widgetArea {
	padding: 20px 2%;
}
.widgetAreaRow {
	display: flex;
}
.widget {
	border: 5px solid lightblue;
    padding: 0 0 5px;
    width: 32%;
    margin: 10px .5%;
    text-align: center;
    font-size: 1.2em;
    color: darkblue;
    border-radius: 10px;
}
.widgetRow.titleRow {
	font-weight: bold;
    border-bottom: 10px solid #d0f3ff;
    padding-bottom: 10px;
	border-radius: 20px;
}
h3.widgetTitle {
    font-size: 1.5em;
    font-weight: bold;
    color: #fff;
    background: lightblue;
    margin: -1px -1px 10px -1px;
}
.widgetTitle>i {
    margin-right: 5px;
}
.widgetRow {
    margin: 5px 0;
}
.widgetRow.titleRow a {
    cursor: pointer;
    color: #0000ff;
}
.widgetRow.titleRow i {
	margin-left: 4px;
}
.widgetRow span.contractorPic {
    height: 30px;
    width: 30px;
    display: inline-block;
    background-size: contain;
    border-radius: 50%;
	margin: 0 5px -9px 0;
}
.widgetRow.subTitle {
    font-weight: bold;
    color: #999;
    display: inline-block;
    border-bottom: 3px solid #999;
}
.widgetRow.topContractor {
	font-weight: bold;
	color: #555;
}
textarea.dbTextArea {
    width: 80%;
    height: 170px;
	padding: 5px;
	margin-bottom: 10px;
}
.widgetRow.nextReview {
    font-weight: bold;
    color: #555;
	font-size: .9em;
}
.widgetRow.nextReview.late {
	color: #ff0000;
}
.widgetRow span.empPic {
    height: 25px;
    width: 25px;
    display: inline-block;
    background-size: contain;
    border-radius: 50%;
    margin: 0 5px -7px 0;
}
.widgetRow.nextReview>a {
    color: #0000ff;
    margin-left: 4px;
} */
#dashboard .widgetRow i {
    font-size: 14px;
    vertical-align: top;
    margin-top: 6px;
}
#dashboard .widgetRow.titleRow i {
	font-size: .7em;
}
div#widgetTop {
    margin: 30px 2.5% 0;
	border: 5px solid #73b7df;
    padding: 0 0 5px;
    text-align: center;
    font-size: 1.2em;
    color: darkblue;
    border-radius: 10px;
}
div#widgetTop>p {
    padding: 0 10px;
    color: #000;
}
#dahboardCompanyName {
    display: inline-block;
    vertical-align: top;
    margin: 25px 0 0 10px;
    font-weight: bold;
	font-size:2em;
}
div#dahboardCompany {
    margin-left: 10px;
	text-align: left;
}
div#dahboardUser {
    text-align: right;
    margin-right: 10px;
}
div#dashboardName {
    margin-top: 15px;
    font-size: 1.5em;
    font-weight: bold;
}
div#dashboardGroup {
    font-size: 1.2em;
}
#widgetArea {
	padding: 20px 2%;
}
.widgetAreaRow {
	display: flex;
}
.widget {
	border: 5px solid #73b7df;
    padding: 0 0 5px;
    width: 100%;
    margin: 5px;
    text-align: center;
    font-size: 1.2em;
    color: darkblue;
    border-radius: 10px;
}
h3.widgetTitle {
    font-size: 1.5em;
    font-weight: bold;
    color: #fff;
    background: #73b7df;
    margin: -1px -1px 0 -1px;
}
.widgetTitle>i {
    margin-right: 5px;
}
.widgetRow.titleRow {
    font-weight: bold;
    background: #b4e3ff;
	margin: 0;
	padding: 3px 0;
	color: #777;
}
.widgetRow {
    margin: 5px 0;
	color: #555;
}
.widgetRow span.contractorPic {
	height: 25px;
    width: 25px;
    display: inline-block;
    background-size: contain;
    border-radius: 50%;
    margin: 0 5px -7px 0;
}
.widgetRow.subTitle {
    font-weight: bold;
    color: #999;
    display: inline-block;
}
.widgetRow.topContractor {
    color: #555;
    font-size: .9em;
    white-space: nowrap;
}
.widgetRow.nextReview {
    color: #555;
	font-size: .9em;
	/* white-space: nowrap; */
}
.widgetRow.nextReview.late>a {
	color: #ff0000;
}
.widgetRow span.empPic {
    height: 25px;
    width: 25px;
    display: inline-block;
    background-size: contain;
    border-radius: 50%;
    margin: 0 5px -7px 0;
}
.widgetRow.nextReview>a {
    margin-left: 4px;
}
.widgetRow.titleRow a {
    cursor: pointer;
	color: #777
}
.widgetRow i {
    margin-left: 4px;
}
.widgetRow.topContractor>a>i {
    margin-left: 4px;
}
textarea.dbTextArea {
    width: 80%;
    height: 150px;
    padding: 5px;
    margin-bottom: 5px;
    border: 3px solid #bbb;
    margin-top: 10px;
}
.widgetRow.nextReview>a>i {
    cursor: pointer;
    margin-left: 4px;
}
div#widgetScrollFrame {
    display: inline-block;
    padding: 5px 10px;
    max-height: 115px;
    overflow-y: scroll;
	overflow-x: hidden;
    border: 3px solid #bbb;
	width: 80%;
	text-align: left;
}
div#widgetOutlook .clearButton {
    margin-bottom: 5px;
    display: inline-block;
}
.widget a {
	color: #555;
}
.widget a>i {
    opacity: 0;
	width: 0;
}
.widget a:hover, .widget a:hover>i {
	opacity: 1;
	color: #0000ff;
}

div#loginPage {
    text-align: center;
}
div#loginContainwer {
    border: 4px solid #00b0e9;
    display: inline-block;
    padding: 10px 40px;
	border-radius: 10px;
	margin-top: 30px;
}
h1#loginTitle {
    font-size: 1.7em;
    color: #00b0e9;
	margin: 0;
}
div#loginContainwer>.formField {
    margin: 25px 0;
}
div#analyticsContainer {
    margin-top: 30px;
}
.aTopStats {
    display: flex;
    font-size: 1.2em;
    font-weight: bold;
    color: #999;
	margin-bottom: 15px;
}
.aTopStats>div {
	width: 100%;
	text-align: center;
}
#analyticsContainer #hoursAnalytics {
    padding: 20px 2% 5px 2%;
    display: flex;
    vertical-align: bottom;
    align-items: flex-end;
}
#analyticsContainer .graphFoot {
	display: flex;
	height: 100px;
	padding: 0 2%;
}
div.graphFoot>div {
    width: 100%;
    vertical-align: top;
    transform: rotate(45deg);
    transform-origin: 0 0;
    float: left;
    margin-left: 9%;
    line-height: 1em;
    white-space: nowrap;
	font-weight: bold;
}
div#hoursAnalytics>div {
    width: 100%;
    display: inline-block;
    vertical-align: bottom;
    background: #68a4d7;
	padding-bottom: 5px;
    box-shadow: 0 0 1px 1px #03a9f4 inset;
    text-align: center;
}
div#hoursAnalytics span.inAmt {
    color: #fff;
    font-weight: bold;
}
.analyticsSection {
    background: #eee;
    margin-bottom: 30px;
}
.analyticsSection {
    background: #eee;
    margin-bottom: 30px;
    border-top: 4px solid #999;
    border-bottom: 4px solid #999;
}
.analyticsSection>h3 {
    text-align: center;
    background: #ddd;
    padding: 5px 0;
    text-transform: uppercase;
    margin: 0;
}
/* #analyticsFilters {
	display: block;
	width: 100%;
	text-align:center;
	margin: 20px 0;
}
#analyticsFilters div#currentFilter {
    min-width: 500px;
    text-align: center;
    margin-left: 20px;
} */
.analyticsSection .analRow.headers {
    border-bottom: 2px solid #555;
	font-weight: bold;
}
.analyticsSection .analRow {
    display: flex;
    border-bottom: 1px solid #3a3a3a;
    margin: 1px 0;
    padding: 3px 4px;
}
.analyticsSection .rowTextName {
    width: 28%;
}
.analyticsSection .rowBar {
	background: #68a4d7;
}
.analyticsSection span.numHrs {
    float: right;
    margin-right: 4px;
}
.analyticsSection div#jobView {
    margin: 25px 0 10px;
}
.analRow.aFooter {
    border-bottom: 0 none;
}
#fitem-text77b, #fitem-text79, #axyzTextarea, #panelTextarea, #brakeTextarea {
	display:none !important;
}
.stickyFilters.affix {
	position: fixed;
}
.stickyFilters.affix {
    position: fixed;
    width: 100%;
    background: #999;
    padding: 5px 0;
	z-index: 9;
}
.stickyFilters>#editFilters {
	display: none;
}
.stickyFilters.affix>#editFilters {
    display: block;
    float: right;
    margin: 3px 2% 0 -130px;
}
.analyticsDetailsLink {
	margin-left:4px;
	color: #0000ff;
	cursor: pointer;
}
.analyticsDetailsLink>i {
    background: #fff;
    padding: 2px;
    border: 3px solid #0000ff;
    border-radius: 50%;
    font-size: .9em;
}
.analyticsSection .analyticsSection .analRow {
    padding: 0px 4px;
}
#subScreenContainer {
	position: fixed;
	width: 100%;
	z-index: 99;
	overflow-y: scroll;
}
.slideUpContainer {
	top: 100%;
	height: 100%;
	transition: top 300ms linear;
	-webkit-transition: top 300ms linear;
}
div#jobAnalyticsSlideup {
	background:#fff;
	padding-top:40px;
	height: 100%;
	/* overflow-y: scroll; */
}
#jobAnalyticsSlideup .jobInfo {
    display: flex;
    font-size: 1.6em;
    font-weight: bold;
    color: #999;
	margin: 20px 0;
}
#jobAnalyticsSlideup .jobInfo>div {
	width: 100%;
	text-align: center;
}
div#slideUpToggle {
	margin: 0;
	text-align: center;
	background: #fff;
	position: fixed;
    width: 100%;
}
div#slideUpToggle.closed {
	background: transparent;
}
div#slideUpToggle>i {
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
	font-size: 2.5em;
	color: #0000b2;
	transform: scaleY(1);
	cursor: pointer;
	/* transform: rotate(180deg); */
	background: #fff;
    border-radius: 50%;
	margin-top: 5px;
}
h2.slideUpTitle {
    text-align: center;
    margin-top: 40px;
    background: #eee;
    color: darkblue;
    padding: 5px 0;
    text-transform: uppercase;
}
div#slideUpToggle>i:after {
    content: 'CLOSE';
    font-size: 14px;
    display: block;
}
div#slideUpToggle.closed>i {
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
	transform: scaleY(-1);
	margin-top: 0px;
}
div#slideUpToggle.closed>i:after {
	content: '';
	display: none;
}
#jobAnalyticsSlideup div#companyEmpBlock>h2 {
    text-align: center;
    background: #c7c7c7
}
#jobAnalyticsSlideup .statNumbers {
    display: flex;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 1.1em;
}
#jobAnalyticsSlideup .statNumbers>div {
	width: 100%;
	text-align: center;
}
#jobAnalyticsSlideup .nameLeft {
    min-width: 30%;
	border-top: 1px solid #777;
}
#jobAnalyticsSlideup span.nameHrs {
    float: right;
}
#jobAnalyticsSlideup .nameBar {
	border-radius: 0 50% 50% 0;
	box-shadow: 0 0 1px 1px #16006c inset;
	background: #e0e3e5;
	background: -moz-linear-gradient(left, #e0e3e5 0%, #56a2ff 100%);
	background: -webkit-linear-gradient(left, #e0e3e5 0%,#56a2ff 100%);
	background: linear-gradient(to right, #e0e3e5 0%,#56a2ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e3e5', endColorstr='#56a2ff',GradientType=1 );
}
#jobAnalyticsSlideup .nameRow {
    display: flex;
}
#jobAnalyticsSlideup .nameRow.totalRow>.nameLeft {
    border-top:2px solid #777;
	font-weight: bold;
}
#jobAnalyticsSlideup .individualRecs {
    margin: 0 1%;
    padding: 5px 10px;
}
body.noScroll {
	overflow-Y: hidden;
}
#jobAnalyticsSlideup .lightH2 {
	color: #00678f;
}
a.backHomeLink {
    display: block;
    margin-top: 40px;
    font-size: .9em;
    color: #000000;
}
div#menuInfo {
    display: flex;
    text-align: center;
    margin: 14px 0 0 0;
    flex-direction: row;
    justify-content: center;
}
hr#menuInfoDivider {
    margin: 6px 70px;
    height: 4px;
    background: #eee;
    border-radius: 50%;
    border: 0 none;
}
span#menuName {
    font-size: 1.3em;
    font-weight: bold;
    color: #eee;
}
span#menuPic {
    width: 40px;
    height: 40px;
    background-size: cover;
}
span#menuPic {
width: 32px;
    height: 32px;
    background-size: cover;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: -1px;
}
span#menuPosition {
    margin-left: 5px;
    font-size: 1.2em;
    display: inline-block;
    color: #00f3ff;
}
#reportTypeSelect, #analyticsViewSelect {
    float: right;
    margin: 12px 2% 0 0;
}
a.reportType, a.analyticsView {
    margin-left: 10px;
    font-weight: bold;
    font-size: 1.1em;
    color: #0000ff;
	cursor: pointer;
}
a.reportType.current, a.analyticsView.current {
    color: #000;
    cursor: default;
    border-top: 4px solid #000;
}
div#compactReportHeaders .pmReportCol.col1, div.reportRow.compact .pmReportCol.col1 {
	width: 10%;
}
div#compactReportHeaders .pmReportCol.col2, div.reportRow.compact .pmReportCol.col2 {
	width: 10%;
}
div#compactReportHeaders .pmReportCol.col3, div.reportRow.compact .pmReportCol.col3 {
	width: 20%;
}
div#compactReportHeaders .pmReportCol.col4, div.reportRow.compact .pmReportCol.col4 {
	width: 17%;
}
div#compactReportHeaders .pmReportCol.col5, div.reportRow.compact .pmReportCol.col5 {
	width: 20%;
}
div#compactReportHeaders .pmReportCol.col6, div.reportRow.compact .pmReportCol.col6 {
	width: 7%;
}
div#compactReportHeaders .pmReportCol.col7, div.reportRow.compact .pmReportCol.col7 {
	width: 15%;
    text-align: right;
}

.reportRowDivider {
    background: #5e5e5e;
    height: 12px;
    text-align: center;
}
span.reportRowDivText {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    margin: -3px 0 0 0;
    text-transform: uppercase;
    display: inline-block;
	text-shadow: 2px 1px 1px #000;
}
.grandTotal {
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
    color: #555;
}
.superReportHeaders {
    font-size: .9em;
}
.superReportRow {
    display: flex;
    font-size: .9em;
}
.superColRecord {
    width: 6%;
}
.superColJobId {
    width: 7%;
}
.superColJobName {
    width: 11%;
}
.superColData {
    width: 4.75%;
    height: 15px;
}
.singleReportDataRow.rowA {
	background:#ffe292;
}
.singleReportDataRow.rowB {
	background: #fff691;
}
.pmDataCol.col1 {
	width: 6%;
}
.pmDataCol.col2 {
	width: 9%;
}
.pmDataCol.col3 {
	width: 14%;
}
.pmDataCol.pmReportDataCol {
	width: 7.9%;
}
form.updateJobRecord input.modernInput {
    max-width: 90%;
}
form.updateJobRecord.editSuperReportJobs>div {
    width: 6%;
}
div#editReportsContainer>h3.note {
    text-align: center;
    background: lightblue;
}
.dirTable {
    font-size: .8em;
}
.dirTable>div {
    display: flex;
}
.dirTable div.col1 {
    width: 35%;
	text-align: left;
}
.dirTable div.col2 {
    width: 30%;
}
.dirTable div.col3 {
    width: 35%;
	text-align: right;
}
.dirTable div.col1.noCats, .dirTable div.col2.noCats {
	width: 50%;
}

.dirTable div.col4 {
    width: 38%;
}

.dirTable>div.dirTableHeaders {
	font-weight: bold;
    color: #777;
    border-bottom: 1px solid #000;
}
.dirTable>div>div.infoIcon {
	width: 15px;
	color: #0000ff;
	cursor: pointer;
}
.dirTableData.originalEstRow {
    color: #008d00;
    border-top: 1px solid #555;
}
.dirTableData.changeEstRow {
    color: #b40000;
}
.dirTableData.totalRow {
    font-style: italic;
    text-align: center;
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: #999;
}
.dirTable>div>div {
    text-align: center;
}
.projectTotalEst {
    font-weight: bold;
    color: #555;
    text-align: center;
    margin-top: 15px;
    font-size: .9em;
}
.newEstimateButton {
    text-align: center;
    margin: 30px 0 16px 0;
}
.addEstContainer {
	z-index: 1201;
	display: none;
    position: fixed;
    top: 120px;
    width: 400px;
    background: #fff;
    border: 3px solid #000;
    left: 50%;
    margin-left: -200px;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}
.addEstContainer>h4 {
    margin: 0 0 20px;
    font-size: 1.2em;
}
.addEstContainer .fieldContainer {
    margin-bottom: 14px;
}
.addEstContainer .fieldContainer.submitButton {
    margin-top: 30px;
}
a#closeNewEstimate {
    float: right;
    color: #fff;
    background: #ff0000;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    cursor: pointer;
}
a#closeNewEstimate>i {
	margin-top:3px;
}
.openPhotosButton {
    margin-top: 20px;
}
.openPhotosButton>a {
	color: #0000ff;
	cursor: pointer;

}
.openPhotosButton i {
	margin-right: 4px;
}
.projPhotosRow>div {
    width: 100%;
}
.projPhotos {
	text-align: center;
    padding: 0 0 20px;
}
.projPhotos>.projPhoto {
	position: relative;
    width: 100px;
    height: 100px;
    display: inline-block;
    border: 5px solid #999;
    border-radius: 5px;
    margin: 5px;
}
a.delPhoto {
    position: absolute;
    padding: 0 5px;
    border-radius: 50%;
    display: block;
    background: #ff0000;
    color: #fff;
    cursor: pointer;
    top: -10px;
    right: -11px;
}
a.projPhotoLink {
    cursor: pointer;
}
.photoFrame {
	position: fixed;
	top:10%;
	bottom: 10%;
	left: 10%;
	right: 10%;
	background: #fff;
	border:5px solid #000;
	z-index: 9999;
}
.largeProjPhoto {
	/* transition: background-image 500ms linear;
	-webkit-transition: background-image 500ms linear; */
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
    height: 100%;
	max-height: 100%;
}
.largeProjPhoto.cover {
	background-size: cover;
}
a#closePhoto {
	cursor: pointer;
    float: right;
    margin: -18px;
    background: #ff0000;
    /* padding: 2px 10px; */
	padding: 1px 7px 2px;
    font-size: 1.5em;
    border-radius: 50%;
    border: 3px solid #000;
    color: #fff;
}
a#coverContainLink {
    color: #0000ff;
    font-weight: bold;
    margin-left: 3px;
    text-decoration: underline;
    cursor: pointer;
	float: left;
}
.photoFrame>.photoNav {
    position: absolute;
    top: 50%;
    font-size: 36px;
    margin-top: -18px;
    background: #fff;
    color: #000;
    padding: 4px;
    border-radius: 50%;
	opacity: .8;
}
.photoFrame>.photoNav:hover {
	opacity: 1;
}
.photoFrame>a#nextPhoto {
    right: 5px;
}
.photoFrame>a#prevPhoto {
    left: 5px;
}
.photoUpload {
	display: inline-block;
    padding: 10px;
    background: #eee;
    margin-bottom: 10px;
    border: 2px solid #0000ff;
}
.photoUploadArea {
    text-align: center;
}
h4.estimatesTotalsRowTitle {
    text-align: center;
    font-size: 1.2em;
    background: #eee;
    padding: 3px 0;
    color: darkblue;
    text-transform: uppercase;
}
.estimatesDataRow {
	display: flex;
    background: #ccc;
    margin: 0 2%;
    border-left: 5px solid #ccc;
    border-right: 5px solid #ccc;
}
.estimatesDataRow>div {
    width: 25%;
    text-align: center;
    font-weight: bold;
    color: #333;
    background: #fff;
    margin: 10px 5px;
}
span.estRowValue {
    display: block;
    font-size: 1.5em;
    color: #777;
}
div#catEstimatesBlocks {
    margin-top: 20px;
	text-align: center;
}
.catEstimateBlock {
    display: inline-block;
    border: 10px solid #ccc;
    margin: 10px;
    text-align: center;
    padding: 5px;
}
.catEstimateBlock>h4 {
    margin: 0 0 5px;
}
p.fieldNote.red {
    color: #ff0000;
    font-weight: bold;
    text-align: center;
    border-top: 2px solid #ff0000;
    border-bottom: 2px solid #ff0000;
}
a.deleteEstimate {
    background: #ff0000;
    color: #fff;
    border-radius: 50%;
    padding: 1px 5px;
    font-size: .8em;
    opacity: .5;
}
a.deleteEstimate:hover {
    opacity: 1;
}
span.menuIconText {
    display: block;
    font-size: .5em;
}
div#menuInfo>a {
    margin-left: 20px;
    font-size: 1.1em;
    display: inline-block;
	line-height: .6;
}
#helpArea {
	margin-top:30px;
}
.helpSection {
    margin: 10px 0;
}
.helpSection>h4 {
    margin: 0 0 10px;
    background: #efefef;
	font-size: 1.1em;
	padding: 0 2%;
}
.helpSection>h5 {
    margin: 0;
	padding: 0 2%;
}
.helpSection>p {
    margin: 0 0 5px;
	padding: 0 2%;
	font-weight: bold;
}
.helpSection>ul {
    margin: 0 0 16px 20px;
}
p.charsLeft {
    font-size: .7em;
    margin: -5px 0 10px 0;
    font-style: italic;
    color: #777;
}
#equipment .openPhotosButton {
    margin-top: 5px;
}
#equipment .assignedTo, #equipment .projectAddress {
    margin-top: 5px;
}
.ganttChartLink {
	margin-left: 12px;
}
div#pageTitleRight {
    float: right;
    margin-right: 2%;
    margin-top: 10px;
}
.link {
    color: #0000ff;
    cursor: pointer;
}
.iconRight>i {
    margin-left: 4px;
    font-size: 0.8em;
    opacity: 0.5;
}
.iconLeft>i {
    margin-right: 4px;
    font-size: 0.8em;
    opacity: 0.5;
}
.iconLeft:hover i,
.iconRight:hover i {
    opacity: 1;
}
span.rentalText {
    position: absolute;
    left: 0;
    transform: rotate(-45deg);
    margin: 0 0 0 -8px;
    color: #82b882;
    font-weight: bold;
    font-size: 1.3em;
    border: 3px dashed #82b882;
    padding: 0 5px;
	background: #eee;
}