html {
height: 100%;
overflow-x: hidden;
}
img {
max-width: 100%;
}
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('/templates/ags2020/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: 9999;
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#searchFilters.affix {
position: fixed;
background: #eee;
top: 37px;
width: 96%;
height: 30px;
padding: 25px 2% 10px;
z-index: 9;
border-bottom: 2px solid #aaa;
}
div#row2filters.affix {
position: fixed;
background: #eee;
top: 121px;
width: 100%;
border-bottom: 2px solid #aaa;
z-index: 9;
}
div#screen.affix {
padding-top: 110px;
}
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: 0.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: 0.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;
}
body.admin .bottom {
display: none;
}
body.admin .mainWrapper.show {
margin-bottom: 0;
}
.adminOnly {
display: none;
}
.group8 .adminOnly {
display: block;
}
.adminACMlogo {
display: inline-block;
}
a.menuLogo>img {
max-width: 70%;
margin-top: 10px;
max-height: 60px;
}
a.menuLogo>img.adminACMlogo {
max-width: 29%;
vertical-align: top;
margin-top: 12px;
max-height: 52px;
}
.footerWrapper {
width: 100%;
}
.footer {
position: fixed;
bottom: 0;
width: 100%;
z-index: 9999;
}
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#ags2020,
div#hrPage,
div#profilePage,
div#srPage,
div#srPage {
background: #fff;
color: #111;
padding-bottom: 100px;
}
h1#hrTitle,
h1#scheduleTitle {
font-size: 1.7em;
padding: 5px 2%;
color: darkblue;
margin-bottom: 0;
background: #ddd;
}
h1>i {
margin-right: 4px;
font-size: 0.9em;
}
.addEmpButton,
.addEquipmentButton,
.addScheduleButton,
.newMessageButton,
.schedViewOptions {
float: right;
margin: 12px 2% 0 0;
}
.blueButton {
background: #0000ff;
padding: 3px 6px;
font-size: 0.9em;
color: #eee;
cursor: pointer;
font-weight: bold;
}
.blueButton>i {
font-size: 0.8em;
vertical-align: middle;
padding-right: 4px;
}
.submitRow .blueButton {
padding: 4px 6px 2px;
}
.orangeButton {
background: orange;
padding: 3px 6px;
font-size: 0.9em;
color: darkblue;
cursor: pointer;
font-weight: bold;
}
.orangeButton>i {
font-size: 0.9em;
padding-right: 4px;
}
.greyButton {
background: #999;
padding: 3px 6px;
font-size: 0.9em;
color: #eee;
cursor: pointer;
font-weight: bold;
text-decoration: none;
}
.greyButton>i {
font-size: 0.8em;
vertical-align: middle;
padding-right: 4px;
}
.greyButton:hover {
opacity: 0.8;
}
.clearButton {
background: transparent;
padding: 3px 6px;
font-size: 0.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;
}
.redButton {
background: #b30000;
padding: 3px 6px;
font-size: 0.9em;
color: #eee;
cursor: pointer;
font-weight: bold;
}
div#projects a.empDocLink>i {
margin: 0 0 0 4px;
}
.smallGreyButton {
background: #eee;
padding: 2px 5px;
font-size: 0.8em;
color: #aaa;
cursor: pointer;
font-weight: bold;
border: 2px solid #aaa;
text-decoration: none;
}
.smallGreyButton:hover {
color: #888;
border: 2px solid #888;
}
.smallGreyButton>i {
margin-right: 4px;
}
.clearBlueButton {
background: transparent;
padding: 3px 6px;
font-size: 0.9em;
color: #0000ff;
cursor: pointer;
font-weight: bold;
border: 3px solid #0000ff !important;
}
.clearBlueButton:hover {
color: #000;
border: 3px solid #000 !important;
}
.smallCearBlueButton {
background: transparent;
padding: 1px 3px;
font-size: 0.8em;
color: #0000ff;
cursor: pointer;
font-weight: bold;
border: 2px solid #0000ff;
}
.smallCearBlueButton:hover {
color: #000;
}
.centered {
text-align: center;
}
.employeeRow.empActiveno .clearButton {
color: #888;
border: 2px solid #888;
}
.employeeRow.empActiveno .clearButton:hover {
color: #666;
border: 2px solid #666;
}
.addApplicantForm,
.addContractorForm,
.addEmployeeForm,
.addEquipmentForm,
.addArchitectForm,
.addVendorForm,
.popupForm,
.addScheduleForm {
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;
}
.addApplicantForm.hide,
.addContractorForm.hide,
.addEmployeeForm.hide,
.addEquipmentForm.hide,
.addArchitectForm.hide,
.addVendorForm.hide,
.popupForm.hide,
.addScheduleForm.hide {
transition: all 200ms linear;
-webkit-transition: all 200ms linear;
max-height: 0;
border: 0 none;
padding: 0;
}
.addApplicantForm input,
.addApplicantForm select,
.addApplicantForm textarea,
.addContractorForm input,
.addContractorForm select,
.addContractorForm textarea,
.addVendorForm input,
.addVendorForm select,
.addVendorForm textarea,
.addArchitectForm input,
.addEmployeeForm input,
.addEmployeeForm select,
.addEmployeeForm textarea,
.popupForm input,
.popupForm select,
.popupForm textarea,
.addEquipmentForm input,
.addEquipmentForm select,
.addEquipmentForm textarea,
.addScheduleForm input,
.addScheduleForm select,
.addScheduleForm textarea {
border-right: 0 none;
border-top: 0 none;
border-left: 0 none;
border-bottom: 1px solid #333;
background: #eee;
max-width: 76%;
}
a#addApplicantClose,
a#addEquipmentClose,
a#addScheduleClose,
a#addUserClose,
a#terminateFormClose {
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%;
}
.flexFormFields>div.fieldContainer.widthAuto {
width: auto;
}
.width100 {
width: 100%;
max-width: 100%;
}
#terminateForm .width100 {
max-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,
.addEquipmentForm label,
.popupForm label,
.addScheduleForm label {
display: block;
}
.addApplicantForm h3,
.addContractorForm h3,
.addArchitectForm h3,
.addEmployeeForm h3,
.addVendorForm h3,
.popupForm h3,
.addEquipmentForm h3,
.addScheduleForm h3 {
margin: 0 0 10px;
text-align: center;
}
.fieldContainer.center {
text-align: center;
}
.addApplicantForm .flexFormFields,
.addContractorForm .flexFormFields,
.addVendorForm .flexFormFields,
.addArchitectForm .flexFormFields,
.addEmployeeForm .flexFormFields,
.popupForm .flexFormFields,
.addEquipmentForm .flexFormFields,
.addScheduleForm .flexFormFields {
margin-bottom: 20px;
}
.lightOverlay {
transition: opacity 200ms linear;
-webkit-transition: opacity 200ms linear;
z-index: -1;
opacity: 0;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(255,255,255,.8);
}
.lightOverlay.show {
transition: opacity 200ms linear;
-webkit-transition: opacity 200ms linear;
z-index: 999;
opacity: 1;
}
.spinner {
position: fixed;
top: 30%;
text-align: center;
width: 100%;
z-index: 99999;
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: 0.8em;
}
.spinBG {
display: inline-block;
background: #0b005d;
padding: 0 10px 10px;
border-radius: 20px;
box-shadow: 0 0 2px #000003;
margin-top: 5px;
}
.errorDiv,
.notificationDiv {
transition: max-height 200ms linear;
-webkit-transition: max-height 200ms linear;
background: #eeff84;
padding: 2px 2% 1px;
/* 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;
}
.errorDiv.hide,
.notificationDiv.hide {
transition: max-height 200ms linear;
-webkit-transition: max-height 200ms linear;
max-height: 0;
border: 0 none;
padding: 0 2%;
}
div#error,
div#notification {
font-weight: bold;
text-align: center;
font-size: 0.9em;
}
div#closeError,
div#closeNote {
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;
}
#equipment .empPicCol,
#projects .empPicCol {
width: 10%;
}
#contractors .empPicCol {
width: 12%;
}
#vendors .empPicCol {
width: 12%;
}
.empPic {
/* transition: all 250ms linear;
-webkit-transition: all 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;
position: absolute;
}
.checkColumn {
display: inline-block;
width: 30px;
vertical-align: top;
margin-top: 37px;
}
.empNameCol {
width: 30%;
}
#equipment .empNameCol {
width: 60%;
}
#contractors .empNameCol {
width: 60%;
}
#vendors .empNameCol {
width: 60%;
}
#projects .empNameCol {
width: 50%;
}
.userCol {
width: 25%;
position: relative;
}
#contractors .userCol {
width: 1%;
}
#vendors .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;
}
#vendors .empName {
margin-top: 17px;
}
#projects .empName {
margin-top: 8px;
}
#contractors .empName>a {
font-size: 1.5em;
color: #1063fa;
}
#vendors .empName>a {
font-size: 1.5em;
color: #1063fa;
}
#projects .empName>a {
font-size: 1.5em;
color: #1063fa;
}
#contractors .empName>a:hover,
#projects .empName>a:hover,
#vendors .empName>a:hover {
color: darkblue;
}
.empName>a:hover {
color: darkblue;
}
a.detailsLink>i {
font-size: 0.9em;
margin-left: 5px;
}
.contactCol {
width: 25%;
text-align: right;
}
#contractors .contactCol {
width: 26%;
}
#vendors .contactCol {
width: 26%;
}
#projects .contactCol {
width: 23%;
margin-top: 10px;
}
#equipment .contactCol {
width: 15%;
}
.addContractorForm .fieldContainer.left, .addArchitectForm .fieldContainer.left, .addVendorForm .fieldContainer.left {
text-align: right;
margin-right: 10px;
}
.addContractorForm .fieldContainer.right, .addArchitectForm .fieldContainer.right, .addVendorForm .fieldContainer.right {
text-align: left;
margin-left: 10px;
}
.contact>a>i,
.contact>i,
.openDocuments i,
.openSafetyReq i {
margin-left: 4px;
}
.openDocuments a,
.openSafetyReq a,
.openDocuments i,
.openSafetyReq i {
color: #0000ff;
}
.openDocuments a,
.openSafetyReq a {
color: #0000ff;
}
.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 0 0 -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;
}
/* 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#activeCol>label,
div#companyCol>label,
div#employedCol>label,
div#groupCol>label,
div#masterFilterCol>label,
div#sortCol>label {
margin-right: 5px;
}
h2#listTitle {
padding: 20px 2% 0;
color: #555;
font-size: 1.4em;
}
h2#listTitle>i {
margin-right: 5px;
font-size: 0.9em;
}
h3.groupIndex,
h3.sectionTitle {
padding: 0 2%;
background: #8bb9e9;
color: darkblue;
text-align: center;
margin: 0;
}
.contact>a {
color: #555;
text-decoration: none;
}
.openDocuments {
color: #0000ff;
margin-bottom: 4px;
}
.openDocuments>a,
.openSafetyReq>a {
cursor: pointer;
}
.openSafetyReq {
color: #b00000;
}
.openSafetyReq>a {
color: #ff0000;
}
.contact>a:hover {
color: darkblue;
}
.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;
background: #eee;
}
.settingsSection>h3 {
color: darkblue;
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;
}
.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;
}
.detailsDocs h4,
.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;
width: 95%;
margin-bottom: -5px;
margin-top: 5px;
}
.fieldNote {
margin: 0;
font-size: 0.9em;
color: #aaa;
font-style: italic;
}
.updateUser p.fieldNote {
color: #aaa;
}
.employeeRow input,
.employeeRow select {
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 darkblue;
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: darkblue;
margin-left: 5px;
font-size: 0.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: 0.8em;
}
.submitRow {
text-align: center;
margin-bottom: 30px;
}
#projects .submitRow {
margin-top: 20px;
}
img.ui-datepicker-trigger {
height: 30px;
margin: 0 0 -5px;
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%;
}
.assets,
.documents {
text-align: center;
padding: 0 0 20px;
}
span.noDocsFound {
display: block;
text-align: center;
margin: 17px 0;
}
.addAssetArea,
.docUploadArea {
text-align: center;
}
.addAsset,
.docUpload {
display: inline-block;
padding: 10px;
background: #eee;
margin-bottom: 10px;
}
input.customUploadButton[type="file"] {
display: none;
}
a.delAsset,
a.delDoc {
padding: 0 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;
}
.colEquip {
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;
}
form.picUploadForm {
margin-left: 30px;
}
#projects form.picUploadForm {
margin-left: 0;
}
form.contractLogoUploadForm.hide, form.vendorLogoUploadForm.hide {
display: none;
}
form.architectLogoUploadForm.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: 0.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;
}
.newMessage #newBody,
textarea#emailBody {
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;
}
.redTotal {
color: #ff0000;
}
.orangeStatus {
background: #e9b406;
color: #555;
}
.greenOutStatus {
background: #fff;
color: #3bac00;
box-shadow: 0 0 0px 2px #00c000 inset;
}
.redTotal {
color: #ff0000;
}
.blackStatus {
background: #333;
color: #eee;
}
.statusText,
.statuses>span {
font-size: 0.8em;
margin: 0 5px 0 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 !important;
}
#maximenuck123 #login-form>.login-greeting>.profileLink {
display: inline-block;
margin: -2px 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: 0.9em;
}
.scheduleRow>.scheduleRowBottom,
.scheduleRow>.scheduleRowTop {
display: flex;
font-size: 0.9em;
}
.scheduleRowTop select {
font-weight: bold;
}
.scheduleRow.dataRow.newRow {
background: #a3a3a3;
}
.scheduleRow>.headerRow {
display: flex;
font-size: 0.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;
background: #a3a3a3;
}
.logRow.dataRow {
color: #333;
padding: 8px 5px 2px;
}
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#colDelete,
.logRow div#colUpdate {
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%;
}
.fmSection.bottomSection,
.pmSection.bottomSection,
.superSection.bottomSection {
width: 20%;
}
.colRowFn a {
font-size: 1.2em;
cursor: pointer;
}
.colRowFn .fa-minus-circle {
color: #ef0000;
}
.colRowFn .fa-check-circle {
color: #00ae00;
cursor: pointer;
}
i.fas.fa-grip-vertical {
color: #333;
}
.colRowFn a.dragHandle,
.colRowFn a.updateButton {
margin-right: 4px;
cursor: row-resize;
}
.colRowFn a.dragHandle:hover i.fas.fa-grip-vertical {
color: #777;
}
.colRowFn a.dragHandle.hide,
.colRowFn a.updateButton.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;
}
.fmSection.bottomSection,
.pmSection.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;
background: #c0ddfc;
cursor: pointer;
border: 1px solid #000;
margin-top: 6px;
}
.scheduleDateRow.dateRow {
display: flex;
font-size: 0.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: 0.8em;
font-style: italic;
}
span.employee {
border: 1px solid #555;
margin: 3px;
padding: 1px 5px;
background: #f3ffc1;
display: inline-block;
position: relative;
font-size: 0.9em;
cursor: pointer;
}
span.employee>a {
cursor: pointer;
color: #ff0000;
font-size: 1.1em;
margin: 0 -4px 0 4px;
display: inline-block;
}
#schedulePage div#contactArea {
position: fixed;
width: 100px;
background: #000;
left: 50%;
margin-left: -50px;
z-index: 99;
border-radius: 5px;
padding: 2px 0;
top: 122px;
}
#schedulePage div#contactArea a.closeContact {
color: #ff0000;
position: absolute;
right: 4px;
top: 2px;
cursor: pointer;
}
#schedulePage div#contactArea a.contactButton {
color: #0000ff;
margin: 0 0 0 11px;
font-size: 1.7em;
}
.scheduleRow.readOnlyRow .colJob {
font-weight: bold;
font-size: 1.2em;
margin: 7px 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 {
display: block;
margin: 0 2%;
}
/* div#safetyBoxes>div {
width: 33%;
margin: 0 5px;
display: inline-grid;
} */
/* #safetyBoxes .fieldContainer {
padding: 5px;
border: 1px solid #ccc;
} */
div#safetyBoxes>div {
width: 100%;
margin: 3px 5px;
text-align: center;
}
#safetyBoxes .fieldContainer {
padding: 5px;
border: 1px solid #ccc;
width: 31%;
display: inline-block;
vertical-align: top;
text-align:left;
}
#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: 0.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: 0.8em;
}
label.changeSafetyButton.blueButton i {
font-size: 1em;
}
.bold {
font-weight: bold;
}
.modernResetBlue {
cursor: pointer;
padding: 2px 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;
}
.dateRowWrapper,
.logRowWrapper {
margin: 0 2%;
position: relative;
}
div#logsWrapper,
div#schedulesWrapper {
padding-bottom: 100px;
}
.logRow.dataRow textarea {
width: 94%;
}
.logRow.dataRow input,
.logRow.dataRow select,
.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#colDelete i,
div#colUpdate 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: darkblue;
}
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;
}
div#menuButton {
display: none;
}
div#menuButtonContainer {
display: none;
}
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%;
}
span.importantNote.smallMargins {
margin: 10px 10%;
}
.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: #fbff09;
}
span.prodModeText {
background: #00ff00;
}
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: 0.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: 300px;
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: 0.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;
color: #71beff;
}
a.submitIcon {
float: right;
font-size: 1.5em;
opacity:0;
pointer-events: none;
}
a.submitIcon.toBlue:hover {
color: #0000ff;
opacity: 1;
}
.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 .pastJob.hasLink {
background: #c6e6ff;
}
.detailsForm a.delJob {
color: #888;
margin-left: 4px;
font-size: 0.9em;
cursor: pointer;
}
.detailsForm .pastJob:hover a.delJob {
color: #ff0000;
}
.pastJob.hasLink>a.jobHref {
text-decoration: none;
}
.pastJob.hasLink:hover a.jobHref {
text-decoration: underline;
}
.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: 0.5;
}
.detailsForm .socialLink>a:hover {
opacity: 1;
}
.contactCol .socialLink>a {
font-size: 1.1em;
opacity: 0.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;
font-weight: bold;
color: #71beff;
border-top: 1px solid #000;
padding-top: 5px;
}
a.delAccountant,
a.delEstimator,
a.delProjMgr,
a.delWorker {
color: #888;
cursor: pointer;
}
a.delAccountant:hover,
a.delEstimator:hover,
a.delProjMgr:hover,
a.delWorker:hover {
color: #ff0000;
}
a.makePrimaryContact {
margin-left: 8px;
color: #888;
cursor: pointer;
}
a.makePrimaryContact:hover {
color: #00c600;
}
.detailsForm .acctName,
.detailsForm .estName,
.detailsForm .pmName,
.detailsForm .workerName {
font-weight: bold;
color: #777;
}
.detailsForm .primaryContact {
color: #333;
}
#contractors .flexDetails,
#projects .flexDetails,
#architects .flexDetails,
#vendors .flexDetails {
margin-bottom: -10px;
}
.boxLoading {
background-color: #aaa;
opacity: 0.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;
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 .addNewText,
.noEdit .bottomField,
.noEdit .contractLogoUploadForm,
.noEdit .vendorLogoUploadForm,
.noEdit .architectLogoUploadForm,
.noEdit .delAccountant,
.noEdit .delEstimator,
.noEdit .delJob,
.noEdit .delProjMgr,
.noEdit .makePrimaryContact,
.noEdit .picUploadForm,
.noEdit .submitIcon,
.noEdit .submitRow {
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: 0.9em;
}
a.maximenuck.smItem.imgItem img {
display: none !important;
}
li.maximenuck.last.level1 a.maximenuck.smItem.imgItem img {
display: block !important;
}
.innerMultiBlock .contactActions {
max-width: 65px;
}
span.safetyWorkerType {
color: #999;
text-transform: capitalize;
font-size: 0.9em;
}
.upperCase {
text-transform: uppercase;
}
div.safetyReqFilters>div {
flex-grow: 0 !important;
width: 100%;
display: inline-block !important;
margin-right: 0 !important;
}
div.safetyReqFilters #colReset {
text-align: right !important;
}
.projectContractor {
font-size: 1.1em;
margin-top: 5px;
color: #666;
}
.projectContractor.noContractor {
color: #aaa;
}
.projectContractor>a {
color: #1063fa;
text-decoration: none;
/* font-size: 1.1em; */
}
.projectContractor>a>i {
margin-left: 4px;
font-size: 0.8em;
vertical-align: top;
margin-top: 6px;
}
.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#saveDBcols,
div#saveOptions {
text-align: center;
margin: 0 0 20px;
}
.row6.saveCsvButton .modernInput {
margin-right: 10px;
}
a#clearHeaders {
margin-left: 20px;
font-size: 0.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: 0.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: 0.8em;
line-height: 1.2em;
}
span.previewText {
white-space: nowrap;
}
.bulkMailDiv .fieldContainer.emailTextCheckboxes input {
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;
}
#vendors .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: 0.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: 0.9em;
border-radius: 10px 0 0 0;
}
p.latestUser>span.logoutUser {
width: 10px;
}
span.logoutUser>a {
color: #ff0000;
cursor: pointer;
}
.getSampleButton>a {
font-size: 0.8em;
border: 1px solid #777;
font-weight: normal;
cursor: pointer;
}
a.submitIcon.toGreen {
color: #0ca356;
}
a.submitIcon.toBlue {
transition: opacity 200ms lihnear;
color: #0000ff;
opacity: .8;
cursor: pointer;
pointer-events: all;
}
div#refreshPage {
text-align: center;
margin-top: 50px;
}
div#refreshPage>a {
font-size: 0.8em;
color: #999;
border: 2px solid #999;
}
.documentRow>div.colBillingDocuments {
width: 100%;
}
.combineNameNumber {
color: #0000ff;
cursor: pointer;
}
.applicantDirectory .detailsLink {
font-size: 1.5em;
}
.applicantDirectory .empPicCol {
width: 20%;
}
.applicantDirectory .empNameCol {
width: 53%;
}
.applicantDirectory .userCol {
width: 1%;
}
.applicantDirectory .contactCol {
width: 26%;
}
.applicantDirectory .appStatus {
font-size: 1.5em;
margin-top: 10px;
font-weight: bold;
}
.applicantDirectory .appStatus>span {
padding: 3px 6px;
box-shadow: 0 0 5px 3px inset #fff;
border: 3px dotted #000;
}
.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: 1000;
}
.popupForm {
position: fixed;
top: 200px;
width: 80%;
left: 10%;
margin-left: -2%;
z-index: 900;
}
#terminateForm {
width: 70%;
left: 15%;
max-width: 1080px;
}
.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 {
text-align: center;
font-size: 2.5em;
color: #1b1b59;
}
div.reportForm {
margin: 30px 2%;
}
/* REPORT FORMS */
#laborForm .panel.emp1,
#laborForm .panel.emp10,
#laborForm .panel.emp11,
#laborForm .panel.emp12,
#laborForm .panel.emp13,
#laborForm .panel.emp14,
#laborForm .panel.emp15,
#laborForm .panel.emp16,
#laborForm .panel.emp17,
#laborForm .panel.emp18,
#laborForm .panel.emp19,
#laborForm .panel.emp2,
#laborForm .panel.emp20,
#laborForm .panel.emp3,
#laborForm .panel.emp4,
#laborForm .panel.emp5,
#laborForm .panel.emp6,
#laborForm .panel.emp7,
#laborForm .panel.emp8,
#laborForm .panel.emp9 {
display: none;
}
#laborForm .panel.job1,
#laborForm .panel.job10,
#laborForm .panel.job11,
#laborForm .panel.job12,
#laborForm .panel.job13,
#laborForm .panel.job14,
#laborForm .panel.job15,
#laborForm .panel.job16,
#laborForm .panel.job17,
#laborForm .panel.job18,
#laborForm .panel.job19,
#laborForm .panel.job2,
#laborForm .panel.job20,
#laborForm .panel.job3,
#laborForm .panel.job4,
#laborForm .panel.job5,
#laborForm .panel.job6,
#laborForm .panel.job7,
#laborForm .panel.job8,
#laborForm .panel.job9 {
display: none;
}
#laborForm .panel.show {
display: block;
}
#laborForm .reportForm div#fin-datepicker1>img {
height: 40px;
float: left;
}
#laborForm .reportForm div#fitem-datepicker1 {
overflow: auto;
margin-bottom: 10px;
border: 0 none;
}
#laborForm .pmReports .icons {
display: none;
}
#laborForm .pmReports h2,
#laborForm .pmReports h3 {
color: #000;
}
/* #laborForm .pmReports h3 {
padding: 10px;
background: #0000a1;
text-align: center;
} */
#laborForm .pmReports .pagewrapper {
background: transparent;
}
#laborForm .adminTemplate .main {
margin: 20px 2% 60px;
}
#laborForm div.reportForm input,
#laborForm div.reportForm textarea {
border-top: 0 none;
border-left: 0 none;
border-right: 0 none;
border-bottom: 1px solid #0000ff;
background: transparent;
}
#laborForm div.reportForm select {
padding: 2px;
border: 1px solid #0000ff;
font-size: 1em;
border-radius: 10px;
color: #0000ff;
}
#laborForm div.reportForm input#datepicker1,
#laborForm 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;
}
#laborForm #form-row-emps select {
margin-top: 20px;
}
/* #laborForm .reportForm input#reportSubmit, #laborForm #dailySchedule button.submitButton, #laborForm #dailySchedule a.submitButton, #laborForm #adminInput .blueButton, #laborForm #submit, #laborForm .product .blueButton {
background: #0000ff;
color: #fff;
text-transform: uppercase;
box-shadow: 1px 1px 3px #fff inset;
margin-top: 15px;
cursor:pointer;
} */
/* #laborForm .reportForm input#reportSubmit:hover, #laborForm #dailySchedule button.submitButton:hover, #laborForm #dailySchedule a.submitButton:hover, #laborForm #adminInput .blueButton:hover, #laborForm #submit:hover, #laborForm .product .blueButton:hover {
background: #428cff;
box-shadow: 2px 2px 3px #fff inset;
} */
/* #laborForm button.submitButton {
box-shadow: none !important;
margin: 0 !important;
float: right;
} */
#laborForm .fieldContainer {
margin: 15px 0;
padding: 5px 10px;
/* border: 4px solid lightblue; */
}
#laborForm .inline.fieldContainer {
/* border: 2px solid #000; */
}
#laborForm .fieldContainer>label {
font-size: 1.1em;
color: #000;
font-weight: bold;
}
#laborForm .panel-heading {
font-size: 1.4em;
font-weight: bold;
}
#laborForm .inline {
display: inline-block;
vertical-align: top;
width: 23%;
text-align: left;
}
#laborForm div#quantity-container .inline {
width: 14%;
}
#laborForm div#employees-container .inline,
#laborForm form#superReport div#jobs-container .inline {
width: 12%;
}
#laborForm form#superReport div#jobs-container .inline.numJobSelect,
#laborForm form#superReport div#jobs-container div#fitem-jobnum {
width: 20%;
}
#laborForm .inline>.inputContainer>input,
#laborForm .inline>.inputContainer>select,
#laborForm .inline>.inputContainer>.selectWrapper>select,
#laborForm .inline>.inputContainer>textarea {
width: 70%;
}
#laborForm h4.panel-title {
margin: 5px 10px;
}
#laborForm div#employees-container>div {
background: #eee;
}
#laborForm .hide {
display: none;
}
#laborForm div#quantity-container {
margin-top: 30px;
}
.adminOnly {
display: none;
}
.group8 .adminOnly {
display: block;
}
.hideButton {
display: none;
}
.submitAlert:after {
content: 'Submitting Report...';
font-size: 1.5em;
font-weight: bold;
color: #000;
}
h3.laborSubmittedNOte {
text-align: center;
margin-top: 50px;
}
div.submitLaborResponse {
text-align: center;
}
.dispError {
border: 3px solid #ff0000;
}
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;
display: inline-block;
text-align: center;
width: 190px;
padding: 18px 0;
border-radius: 15px;
box-shadow: 0 0 5px 5px #3aacff inset;
cursor: pointer;
}
a.laborFormLink>i {
font-size: 4em;
margin-bottom: 10px;
}
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: 0;
}
div.laborFormButtons>div.laborFormButton.shrink {
transition: margin 200ms linear;
-webkit-transition: margin 200ms linear;
margin: 0 0.2% !important;
}
span.bigButtonSubtitleText {
font-size: 12px;
}
div#fitem-datepicker1>label {
float: left;
padding: 8px;
}
.cancelLaborForm {
background: #ff0000;
color: #fff;
position: absolute;
right: 2%;
display: inline-block;
font-size: 10px;
text-align: center;
}
a.laborFormLink.formOpen {
background: #333;
}
/* a.laborFormLink.formOpen span.bigButtonText:after {
content:' (CLOSE)'
} */
#fileToUpload {
opacity: 0;
}
a.uploadPhotoIcon {
font-size: 1.4em;
color: #0000ff;
}
a.uploadPhotoIcon>i {
margin-right: 5px;
}
a#viewButton {
margin-right: 5px;
background: #1895ff;
}
div#visDir {
}
#visDir .visEmpRow {
display: flex;
height: 350px;
}
#visDir .visEmpRow>div {
width: 50%;
border: 10px solid #fff;
display: flex;
}
.empLeftInfo {
text-align: right;
}
.empRightInfo {
text-align: left;
}
.empLeftInfo,
.empRightInfo {
background: rgb(64, 64, 64);
color: #fff;
}
.visEmpLeft>div,
.visEmpRight>div {
width: 50%;
position: relative;
}
#visDir .insideInfo {
margin-top: 3.5vh;
}
.empLeftInfo .insideInfo {
margin-right: 20px;
border-right: 2px solid #ffffff;
padding-right: 10px;
}
.empRightInfo .insideInfo {
margin-left: 20px;
border-left: 2px solid #ffffff;
padding-left: 10px;
}
#visDir .veName {
font-family: 'Open Sans', sans-serif;
font-size: 3em;
font-weight: 300;
line-height: 0.9em;
border-bottom: 2px solid #fff;
margin-bottom: 5px;
padding-bottom: 5px;
}
.teamLeftInfo .veName {
margin-right: -10px;
padding-right: 10px;
}
.teamRightInfo .veName {
margin-left: -10px;
padding-left: 10px;
}
#visDir .veTitle {
font-family: 'Open Sans', sans-serif;
font-size: 2em;
font-weight: 300;
line-height: 0.9em;
margin-bottom: 12px;
}
#visDir .veEmail {
font-family: 'Oswald', sans-serif;
font-size: 1em;
font-weight: 500;
}
#visDir .vePhone {
font-family: 'Oswald', sans-serif;
font-size: 1em;
font-weight: 500;
}
.empLeftPic,
.empRightPic {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
overflow: hidden;
}
.visEmpLeft .empLeftPic .empOverlay {
text-align: center;
background: rgba(0,0,0,.75);
height: 100%;
width: 100%;
position: absolute;
left: -100%;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
}
.visEmpRight .empRightPic .empOverlay {
text-align: center;
background: rgba(0,0,0,.75);
height: 100%;
width: 100%;
position: absolute;
right: -100%;
transition: right 200ms linear;
-webkit-transition: right 200ms linear;
}
.empOverlay>a {
font-size: 5em;
margin: 50px 9% -20px;
display: inline-block;
color: #fff;
text-decoration: none;
border: 0 none;
cursor: pointer;
}
.visEmpLeft:hover .empLeftPic .empOverlay {
left: 0;
transition: left 200ms linear;
-webkit-transition: left 200ms linear;
}
.visEmpRight:hover .empRightPic .empOverlay {
right: 0;
transition: right 200ms linear;
-webkit-transition: right 200ms linear;
}
.empOverlay>a:hover {
color: #0000ff;
}
.allCaps {
text-transform: uppercase;
}
.veSince {
font-size: 1.1em;
font-style: italic;
border-bottom: 1px solid #00afbe;
padding-bottom: 5px;
margin-bottom: 5px;
display: inline-block;
}
.vePosition {
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
font-weight: bold;
}
.empLeftPic .companyLogoOverlay {
position: absolute;
right: 0;
margin: 10px 10px 0 0;
opacity: 0.8;
z-index: 9;
}
.empRightPic .companyLogoOverlay {
position: absolute;
left: 0;
margin: 10px 0 0 10px;
opacity: 0.8;
z-index: 9;
}
.milAnd1099 {
margin-top: 20px;
}
.milAnd1099>.militaryLogo {
margin: 0;
}
.milAnd1099>span.militaryText {
vertical-align: top;
display: inline-block;
margin: 7px 20px 0 3px;
}
.milAnd1099>.emp1099Logo {
font-weight: bold;
border: 5px solid #7a7a7a;
display: inline-block;
padding: 0 4px;
border-radius: 50%;
color: #667;
vertical-align: top;
margin: 3px 0 0;
}
.fieldContainer.center.submitUserInDetails {
margin-top: 30px;
}
.empLeftInfo .insideInfo .companyLogoOverlay {
float: left;
margin-left: 10px;
}
.empRightInfo .insideInfo .companyLogoOverlay {
float: right;
margin-right: 10px;
}
.insideInfo .companyLogoOverlay>img {
max-height: 30px;
}
body.noScroll {
overflow-Y: hidden;
}
#subScreenContainer {
position: fixed;
width: 100%;
z-index: 99;
background: transparent;
}
.slideUpContainer {
top: 100%;
height: 100%;
transition: top 300ms linear;
-webkit-transition: top 300ms linear;
}
div#slideUpToggle {
margin: 20px 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;
}
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: 0;
}
div#slideUpToggle.closed>i:after {
content: '';
display: none;
}
#subScreenContainer form.detailsForm {
background: #fff;
/* padding-top: 10px;
overflow-y: scroll; */
}
#slideUpBody {
height: 100%;
background: #fff;
padding-top: 10px;
overflow-y: scroll;
}
#subScreenContainer form.detailsForm .submitRow {
padding-bottom: 50px;
}
.detailArea.userDetails {
background-color: #faffcb;
}
.detailsTopLinks {
background: #fff;
text-align: center;
}
#subScreenContainer .detailsTopLinks {
background: #fff;
margin-top: 50px;
padding-top: 20px;
text-align: center;
}
.detailsTopLinks>a {
display: inline-block;
text-align: center;
margin: 10px;
font-weight: bold;
color: #777;
cursor: pointer;
width: 190px;
}
.detailsTopLinks>a:hover {
color: #000;
}
a.detailsTopLink.currentItem {
border-bottom: 5px solid #0099d1;
}
#subScreenContainer .detailsDocs,
#subScreenContainer .detailsSafety {
background: #fff;
min-height: 100%;
overflow-y: scroll;
}
.submitUserInDetails .greyButton>i {
font-size: 1em;
vertical-align: unset;
}
#laborForm .hrsHide {
display: none;
}
#laborForm div#jobs-container>div {
background: #eee;
}
.versionRow {
display: flex;
padding: 0 10px;
}
.versionRow.stableRow,
.versionRow.unstableRow {
padding: 3px 10px;
border-bottom: 1px solid #777;
}
.versionRow.headers {
font-weight: bold;
border-bottom: 2px solid #555;
color: #777;
}
div#appVersions {
display: block;
padding: 10px;
background: #fff;
width: auto;
font-size: 0.9em;
}
div#appVersions .col1 {
width: 9%;
}
div#appVersions .col2 {
width: 6%;
font-weight: bold;
color: #555;
}
div#appVersions .col3 {
width: 6%;
}
div#appVersions .col4 {
width: 10%;
}
div#appVersions .col5 {
width: 40%;
}
div#appVersions .col6 {
width: 6%;
font-weight: bold;
color: #555;
}
div#appVersions .col7 {
width: 10%;
}
div#appVersions .col8 {
width: 10%;
text-align: right;
}
div#appVersions .col8>a {
border: 1px solid #0000ff;
display: inline-block;
background: #eee;
padding: 0 4px;
border-radius: 10px;
cursor: pointer;
}
.versionRow.stableRow {
background: #b6feb6;
}
.versionRow.stableRow.unavailableRow {
background: #f1f1f1;
}
.versionRow.unstableRow {
background: #ffbeb3;
}
.versionRow.updateRow {
margin-top: 30px;
text-align: center;
padding: 10px;
border: 4px solid #ddd;
}
.versionRow.updateRow input,
.versionRow.updateRow select {
width: 98%;
min-width: auto;
}
.versionRow.updateRow>div {
margin: 0 5px;
}
.versionRow .updateText {
font-weight: bold;
}
div#appVersions .updateRow .col8 {
width: auto;
margin-left: 10px;
}
div#appVersions .updateRow .col8>input {
cursor: pointer;
}
div#appVersions .col9 {
width: 3%;
text-align: right;
}
div#appVersions .col9>span>i {
font-size: 1.4em;
font-weight: bold;
color: 'darkgrey';
}
div#appVersions .col9>a>i {
font-size: 1.4em;
font-weight: bold;
color: #ff0000;
cursor: pointer;
}
.dirTable {
font-size: 0.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.col4 {
width: 38%;
}
.dirTable.projEst div.col1 {
width: 25%;
}
.dirTable.projEst div.col2 {
width: 20%;
}
.dirTable.projEst div.col3 {
width: 20%;
}
.dirTable.projEst div.col4 {
width: 30%;
}
.dirTable.projEst div.col5 {
width: 5%;
text-align: right;
}
a.estimateEditIcon {
color: #0000ff;
cursor: pointer;
}
.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: 20px;
}
.newEstimateButton {
text-align: center;
margin: 30px 0 16px;
}
.addEstContainer {
z-index: 1000;
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;
}
.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 {
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;
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;
}
.photoUpload {
display: inline-block;
padding: 10px;
background: #eee;
margin-bottom: 10px;
border: 2px solid #0000ff;
}
.photoUploadArea {
text-align: center;
}
.aTopStats {
display: flex;
width: 100%;
}
.aTopStats>div {
width: 100%;
text-align: center;
font-size: 1.2em;
font-weight: bold;
color: #999;
margin: 20px 0 30px;
}
.analRowTitle {
text-align: right;
font-weight: bold;
/* min-width: 400px; */
margin-right: 5px;
text-decoration: none;
color: #333;
width: 30%;
}
.analRowTitle>i {
margin-left: 4px;
}
.analRowValueContainer {
width: 100%;
position: relative;
}
.analRow {
display: flex;
margin: 0 1%;
border-bottom: 2px solid darkblue;
}
.analCatRowEst {
background: #ff0000;
}
.rowTextName {
white-space: nowrap;
overflow: hidden;
margin-right: 5px;
}
#analyticsContainer {
width: 100%;
min-height: 20px;
margin-top: 30px;
}
.analRowValue {
background: #ff002f;
white-space: nowrap;
height: 100%;
}
.analRowNoEst {
background: #aaa;
}
.laborAnalyticsPage>.detailsTopLinks {
float: right;
background: transparent;
}
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: 20px;
border-top: 4px solid #0898ff;
border-bottom: 4px solid #0898ff;
padding: 0;
}
.analyticsSection>h3 {
text-align: center;
background: #ddd;
padding: 3px 0;
text-transform: uppercase;
margin: 0;
cursor: pointer;
}
.analyticsSection>h3:hover {
background: lightblue;
color: darkblue;
}
.analyticsSection>div {
transition: max-height 250ms linear;
-webkit-transition: max-height 250ms linear;
max-height: auto;
overflow: hidden;
}
.analyticsSection.closed>div {
transition: max-height 250ms linear;
-webkit-transition: max-height 250ms linear;
max-height: 0;
}
span.sectionHoverArrow.left {
float: left;
margin-left: 2%;
}
span.sectionHoverArrow.right {
float: right;
margin-right: 2%;
}
span.sectionHoverArrow {
display: none;
}
.analyticsSection>h3:hover span.sectionHoverArrow {
display: inline;
}
/* #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: 35%;
}
.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;
}
.analyticsDetailsLink {
margin-left: 4px;
color: #0000ff;
cursor: pointer;
}
.analyticsDetailsLink>i {
background: #fff;
padding: 2px;
border: 3px solid #0000ff;
border-radius: 50%;
font-size: 0.9em;
}
.analyticsSection .analyticsSection .analRow {
padding: 0 4px;
}
.toolsSection {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-top: 20px;
padding: 10px 2% 20px;
background: #eee;
}
.toolsSection .orangeButton {
display: inline-block;
margin-bottom: 10px;
}
#fixLaborButton {
margin-bottom: 10px;
}
a#fixTotalsLink {
text-decoration: none;
margin-left: 50px;
}
.analRowValueEst {
background-color: #00e7ff;
position: absolute;
opacity: .7;
top: 0;
height:100%;
}
#datepickerAlt1,
#datepickerAlt2 {
border: 0 none;
display: none;
margin: 0 0 0 10px;
font-size: 1.2em;
pointer-events: none;
}
#datepicker1,
#datepicker2 {
opacity: 0;
}
.projectLink {
font-size: 1.1em;
margin-top: 5px;
color: #666;
}
.toolsSection .inputRow {
display: flex;
margin-bottom: 20px;
}
.toolsSection .inlineField {
margin-right: 30px;
}
.toolsSection .inlineField>input {
min-width: 300px;
}
#dashboard .widgetRow i {
font-size: 14px;
vertical-align: top;
margin-top: 6px;
}
#dashboard .widgetRow.titleRow i {
font-size: 0.9em;
}
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;
}
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.1em;
color: darkblue;
border-radius: 10px;
}
h3.widgetTitle {
font-size: 1.5em;
font-weight: bold;
color: #fff;
background: #73b7df;
margin: -1px -1px 0;
}
.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, .widgetRow span.architectPic {
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, .widgetRow.topArchitect {
color: #555;
font-size: 0.9em;
white-space: nowrap;
}
.widgetRow.nextReview {
color: #555;
font-size: 0.9em;
}
.widgetRow.nextReview.late {
color: #ff0000;
white-space: nowrap;
}
.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;
}
.widgetRow.titleRow a {
cursor: pointer;
color: #0000ff;
}
.widgetRow i {
margin-left: 4px;
}
.widgetRow.topContractor>a>i, .widgetRow.topArchitect>a>i {
margin-left: 4px;
}
textarea.dbTextArea {
width: 80%;
height: 120px;
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%;
}
div#widgetOutlook .clearButton {
margin-bottom: 5px;
display: inline-block;
}
div#mainMenu-mobilebarmenuck {
display: none;
}
input.nonSecure {
box-shadow: 0 0 3px 3px #ff0000;
}
.settingField>div {
vertical-align: top;
}
.settingsSection label {
font-weight: bold;
color: #777;
font-size: 1.2em;
}
.settingField.dbBoxSettings>div {
width: 100%;
}
#dbSettingsFields {
display: flex;
}
div#dbBoxSubmit>input {
min-width: auto;
}
div#dbBoxTitle {
width: 20%;
}
div#dbBoxTitle>input {
width: 90%;
}
div#dbBoxDesc {
width: 73%;
}
div#dbBoxDesc>textarea {
width: 90%;
}
div#dbBoxSubmit {
width: 7%;
}
div#dbBoxDesc>input {
width: 90%;
}
.charsLeft {
font-size: 0.7em;
color: #333;
font-style: italic;
margin: 0 0 0 4px;
display: inline-block;
}
#dashboard .charsLeft {
margin-top: -10px;
}
.noLink {
display: none;
}
.stickyHeader #mainMenu li.maximenuck.last.level1 {
margin-top: -23px;
transition: margin-top 250ms linear;
-webkit-transition: margin-top 250ms linear;
}
.stickyHeader.affix #mainMenu li.maximenuck.last.level1 {
margin-top: -2px;
transition: margin-top 250ms linear;
-webkit-transition: margin-top 250ms linear;
}
.stickyHeader.affix #mainMenu li.maximenuck.last span.titreck-text {
opacity: 0;
transition: opacity 250ms linear;
-webkit-transition: opacityp 250ms linear;
}
#commissionFormContainer, #terminationFormContainer {
margin: 30px 2%;
text-align: center;
}
form#commissionForm, form#terminationForm {
text-align: left;
border: 1px solid #000;
padding: 5px 20px 15px;
background: #ddd;
display: inline-block;
}
form#commissionForm .fieldContainer, form#terminationForm .fieldContainer {
margin: 20px 0;
font-size: 1em;
}
div#commissionFormContainer h2, div#terminationFormContainer h2 {
font-size: 1.2em;
text-align: center;
}
div#commissionFormContainer h3, div#terminationFormContainer h3 {
font-size: 1.2em;
text-align: center;
text-decoration: underline;
margin-bottom: 40px;
}
form#commissionForm .modernInput, form#terminationForm .modernInput {
width: 350px;
max-width: 100%;
}
form#commissionForm label, form#terminationForm label {
font-weight: bold;
margin-right: 4px;
}
form#commissionForm .submitContainer, form#terminationForm .submitContainer {
margin-top: 20px;
text-align: center;
}
.fieldContainer.submitContainer>input {
font-size: 1.1em;
}
.fieldContainer.inline {
display: inline-block;
}
.formSection {
border: 1px solid #000;
margin: 10px 0;
padding: 10px;
background: #eee;
}
span.formSectionTitle {
display: block;
text-align: center;
font-weight: bold;
text-transform: uppercase;
font-size: 1.1em;
}
form#terminationForm span.formSectionTitle {
display: block;
text-align: center;
font-weight: bold;
text-transform: none;
font-size: 1em;
}
form#commissionForm .formSection .modernInput, form#terminationForm .formSection .modernInput {
width: auto;
max-width: 100%;
}
form#commissionForm .formSection .fieldContainer, form#terminationForm .formSection .fieldContainer {
display: inline-block;
border: 1px solid #999;
margin: 10px;
}
form#commissionForm .formSection, form#terminationForm .formSection {
text-align: center;
}
form#commissionForm .formSection label, form#terminationForm .formSection label {
font-weight: normal;
}
.yearMakeModel {
font-size: 1.1em;
}
#equipment .openPhotosButton {
margin-top: 5px;
}
#equipment .assignedTo,
#equipment .projectAddress {
margin-top: 5px;
}
.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;
}
.link {
color: #0000ff;
cursor: pointer;
}
.mainWrapper.group14 .hide14 {
display: none;
}
.greyFormSection {
background: #ddd;
margin: 20px 0;
border-top: 1px solid #777;
border-bottom: 1px solid #777;
padding: 10px 0;
}
h4.greySectionTitle {
font-size: 1.2em;
margin: 0 0 10px 0;
text-align: center;
color: #444;
}
#inventoryRequest .inlineFields, #mileageLogForm .inlineFields, #hrForm .inlineFields {
display: flex;
text-align: center;
}
#inventoryRequest .inlineFields>div, #mileageLogForm .inlineFields.topMileageForm>div, #hrForm .inlineFields>div, #emailFormTop .inlineFields>div {
width: 100%;
}
div#materialsBoxes {
margin-top: 15px;
text-align: center;
}
.materialsBox {
text-align: left;
background: #eee;
margin: 10px;
display: inline-block;
padding: 10px;
vertical-align: top;
border: 2px solid #aaa;
}
.materialsBox textarea {
width: 100%;
}
.materialsBox label {
vertical-align: top;
}
.materialsBox>div {
margin: 5px 0;
}
.materialsBox>h5 {
text-align: center;
font-size: 1.2em;
margin: 0;
color: #555;
margin-bottom: 7px;
}
.materialsBox select {
max-width: 250px;
}
#inventoryRequest .fieldContainer.submitButton, #mileageLog .fieldContainer.submitButton {
text-align: center;
background: #eee;
padding: 10px 0;
}
p {
transition: height 250ms linear;
-webkit-transition: height 250ms linear;
}
.analRowLink {
width: 50px;
}
span.textOver {
position: relative;
z-index: 1;
padding-left: 5px;
color: #000;
}
div#pageTitleRight {
float: right;
margin-right: 2%;
margin-top: 10px;
}
.ganttChartLink {
margin-left: 12px;
}
.mileageLogRow.inlineFields.headerRow, .expenseReportRow.inlineFields.headerRow {
border-bottom: 1px solid #777;
}
.mileageLogRow.inlineFields, .expenseReportRow.inlineFields {
text-align: left;
}
div#mileageLogRows {
margin: 30px 2%;
}
.mileageLogRow.inlineFields.dataRow, .expenseReportRow.inlineFields.dataRow {
background: #eaeaea;
margin: 2px 0;
}
.inlineFields {
display: flex;
}
div#mileageLogRows>.mileageLogRow>div, div#expenseReportRows>.expenseReportRow>div {
text-align: left;
overflow: hidden;
padding:0 3px;
}
.mileDateField {
width: 6%;
}
.mileProjectField {
width: 9%;
}
.mileLocationField {
width: 12%;
}
.mileNotesField {
width: 22%;
}
.mileOdometerField {
width: 11%;
}
.mileTotalField {
width: 11%;
}
.mileDeleteField {
width: 3%;
}
div#mileageLogRows input, div#mileageLogRows select, div#expenseReportRows input, div#expenseReportRows select {
width: 98%;
}
.mileDeleteField i.fas.fa-minus-square {
color: #555;
cursor: pointer;
}
.mileDeleteField i.fas.fa-minus-square:hover {
color: #000;
}
.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;
}
.widgetRow>#cl_feedback {
display: block;
}
p.formPreNote {
background: #e0c8c8;
padding: 0 2%;
text-align: center;
}
form.modernForm {
border: 4px solid #b6b6b6;
padding: 10px;
background: #def6ff;
text-align: center;
}
form.modernForm .fieldContainer {
margin: 10px 0;
}
div#reloadForm {
text-align: center;
}
.calendarWrapper.pmSignout {
margin: 0 2% 20px;
}
div#requestedDates {
font-weight: bold;
text-align: center;
margin-bottom: 20px;
}
.inlineFields.timeFields>div {
width: 100%;
margin-bottom: 20px;
}
div#vehicleSignoutLogs, div#operatorManuals {
margin-top: 50px;
background: #eee;
border-top: 3px solid #000;
border-bottom: 3px solid #000;
padding: 10px 0;
}
div#vehicleSignoutLogs>.dataRow, div#operatorManuals>.dataRow {
display: flex;
padding: 0 2%;
}
div#operatorManuals .dataRow {
padding: 4px 2%;
}
div#operatorManuals .dataRow>div {
width: 100%;
}
div#vehicleSignoutLogs .col1 {
width: 35%;
}
div#vehicleSignoutLogs .col2 {
width: 18%;
}
div#vehicleSignoutLogs .col3 {
width: 15%;
}
div#vehicleSignoutLogs .col4 {
width: 15%;
}
div#vehicleSignoutLogs .col5 {
width: 15%;
opacity: .5;
}
div#vehicleSignoutLogs .delButton {
width: 2%;
}
div#vehicleSignoutLogs>.headers {
font-weight: bold;
border-bottom: 1px solid #555;
padding: 0 2%;
}
div#vehicleSignoutLogs h3 {
text-align: center;
font-size: 1.2em;
margin: 0 0 15px;
}
div#vehicleSignoutFormContainer .refreshButton {
text-align: center;
margin-top: 30px;
}
div#requestDate {
display: inline-block;
}
a.ui-state-default.ui-state-active, a.ui-state-default.ui-state-active {
background: lightblue !important;
}
div#vehicleSignoutFormContainer .readOnly {
border: 0 none;
font-weight: bold;
background: transparent;
font-size: 1em;
text-align: center;
}
#singoutDatePreview {
text-align: center;
margin-top: -10px;
}
#singoutDatePreview>p {
margin: 0;
}
div#vehicleSignoutLogs .delButton>a {
color: #ff0000;
cursor: pointer;
}
#vehicleSignoutFormContainer div#commentsField {
margin-bottom: 30px;
margin-top:10px;
}
#vehicleSignoutFormContainer div#commentsField>label {
vertical-align: top;
}
#vehicleSignoutFormContainer div#commentsField textarea {
background-color: #eee;
min-width: 300px;
min-height: 50px;
}
.clickComments {
color: #0000ff;
float: right;
margin-right: 20px;
cursor: pointer;
margin-top:3px;
}
p.signoutComments {
background: #fff;
border: 2px solid #777;
border-radius: 5px;
position: absolute;
left: 50%;
padding: 5px 10px;
width: 600px;
z-index: 1;
max-width: 100%;
margin-left: -250px;
margin-top: 20px;
}
p.signoutComments i.clickClose {
color: #a00000;
float: right;
cursor: pointer;
}
#vehicleSignoutLogs .rowLight, #operatorManuals .rowLight {
background-color: #d7ffed;
}
#vehicleSignoutLogs .rowDark, #operatorManuals .rowDark {
background-color: #affeda;
}
p.noProjectProducts {
text-align: center;
width: 100%;
font-weight: bold;
font-style: italic;
color: #999;
margin: 0 0 20px;
}
.addProjectProduct {
border-top: 1px solid #999;
text-align: center;
margin-top: 20px;
}
.inlineBlockFields>div {
display: inline-block;
}
.addProjectProduct .inlineBlockFields {
margin: 20px 0 10px;
}
i.fas.fa-times-circle.deleteProductIcon {
cursor: pointer;
color: #ac0000;
opacity: .6;
margin-left: 3px;
vertical-align: middle;
}
i.fas.fa-times-circle.deleteProductIcon:hover {
opacity: 1;
}
.addProjectProduct a.clearButton {
font-size: .8em;
padding: 2px 4px;
}
.architectDetailItem {
margin-bottom: 5px;
display: flex;
opacity: .5;
font-size: .9em;
}
.conDetailItem {
opacity: .5;
font-size: .9em;
}
.conDetailItem.noPrimary {
opacity: 1;
font-size: 1em;
}
.architectDetailItem.primaryContact, .conDetailItem.primaryContact {
opacity: 1;
font-size: 1em;
}
.architectDetailItem>div {
width: 100%;
}
.makePrimaryLink {
color: #0000ff;
cursor: pointer;
}
.conDetailItem .makePrimaryLink {
color: #0000ff;
float: right;
cursor: pointer;
margin-top: -30px;
margin-right:20px;
}
a.hotIcon {
width: 10px;
color: #999;
cursor: pointer;
}
a.hotIcon.hot {
color: #ff0000;
}
#laborForm div.reportForm input.searchDropdown {
margin: 10px 0;
}
.selectWrapper {
position: relative;
}
#laborForm .inline>.inputContainer>.selectWrapper>select {
position: absolute;
}
p.formNote {
text-align: center;
}
.assignedEquipRow {
display: flex;
background: #eee;
padding: 2px 5px;
margin: 2px 0;
}
.assignedEquipRow>span {
width: 100%;
}
div#assignedEquipment>h4 {
text-align: center;
margin-bottom: 5px;
}
.addPastJobField {
display: flex;
}
.addPastJobField>input {
margin-right:5px;
}
.openGalleryLink {
margin-top:5px;
}
.openGalleryLink>a {
color: #0000ff;
text-decoration: none;
}
.openGalleryLink i {
margin-right: 4px;
}
.detailsForm .vendorCat:hover a.delCat, .paymentCat:hover a.delPayType {
color: #ff0000;
}
.detailsForm a.delCat, a.delPayType {
color: #888;
margin-left: 4px;
font-size: 0.9em;
cursor: pointer;
}
.detailsForm .vendorCat, .vendorCats>.vendorCat, .paymentCat {
display: inline-block;
margin: 3px;
background: #eee;
border-radius: 8px;
padding: 1px 6px;
border: 1px solid #ddd;
}
.stickyHeader.affix .adminMenuLink {
margin-top: -9px;
}
div#expenseReportRows {
margin: 30px 2% 5px;
}
.expenseDeleteField {
max-width: 15px;
}
div#expenseReportRows input.amt, div#expenseReportRows input.total {
width: 80%;
}
div#endTotals {
text-align: right;
margin-right: 2%;
}
body.careersPage, body.careersPage div.stickyHeader, body.careersPage .mainWrapper,
body.careersPage div#hrPage {
background-color: #000;
color: #fff;
}
body.careersPage div.stickyHeader ul.menu>li>a {
color: #fff;
}
body.careersPage .contentArea h1 {
color: #A2A3A6;
text-shadow: 1px 1px 0px #000;
font-size: 2em;
margin-top: 0;
padding: 5px 0 0 0;
}
body.careersPage .contentArea {
padding: 1px 20px 20px 20px;
background: rgba(0, 0, 0, .7);
min-height: 1040px;
}
body.careersPage .nowHiringText {
margin-left: 50px;
color: #ff0000;
border-top: 3px solid #fff;
border-bottom: 3px solid #fff;
}
body.careersPage .careersRight {
float: right;
background: rgba(0, 0, 0, .6);
padding: 10px;
border: 3px solid #999;
margin-right: 1%;
}
body.careersPage .careersPromo {
width: auto;
text-align: center;
}
body.careersPage .careersPromo h4 {
font-size: 1.5em;
margin: 0 0 10px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
body.careersPage .careersPromo h5 {
margin: 0 0 10px;
font-family: 'Open Sans', sans-serif;
font-size: 1.2em;
}
body.careersPage span.careerOffer {
margin: 10px;
display: inline-block;
border: 3px solid #000;
padding: 1px 6px;
border-radius: 20px;
color: #fff;
box-shadow: 0 0 10px #fff;
font-size: 1.1em;
background: #000;
}
body.careersPage .articleBackground {
position: fixed;
top: 0;
left: 0;
width: 100%;
min-height: 1500px;
z-index: -99999;
}
body.careersPage #hrPage {
background-image: url('/images/bg/bg3.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
padding-bottom: 0;
}
p.careersSubtitle {
font-style: italic;
font-size: 1.2em;
}
hr.careersLine {
height: 5px;
box-shadow: 0 5px 10px #fff;
background: #0000ff;
margin-top: 30px;
}
div#careersApplyButtons {
text-align: center;
margin-top: 30px;
}
a.careersButton {
border: 2px solid #fff;
background: #0000ff;
padding: 10px 20px;
border-radius: 20px;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
display: inline-block;
}
a.careersButton:hover {
background: #fff;
color: #0000ff;
}
div.careersOpenings {
display: flex;
justify-content: space-evenly;
align-items: center;
}
a.careersOpeningsBox {
border: 2px solid #fff;
background: rgb(0, 0, 255, .5);
padding: 35px 0;
width: 300px;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
text-align: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
form#careerApplyForm {
margin-top: 80px;
color: #000;
text-align: center;
width: 100%;
}
.careersH4 {
font-size: 1.4em;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
text-align: center;
}
a.maximenuck.smItem.loginButton {
margin-bottom: 3px;
font-weight: normal;
}
element.style {
z-index: 12000;
}
div#mainMenu ul.maximenuck li.maximenuck.level1 {
display: inline-block;
float: none;
position: static;
list-style: none;
text-align: center;
cursor: pointer;
filter: none;
}
body.public li.maximenuck.item338.last.level1 {
margin-top: 0px;
}
li.maximenuck.last.level1 {
vertical-align: middle;
margin-left: 5px;
margin-top: -22px;
font-weight: bold;
color: #178ee9 !important;
cursor: pointer;
line-height: 1;
}
li.maximenuck.last.level1 {
margin-top: -23px;
}
div.stickyHeader ul.menu>li {
list-style-type: none;
display: inline-block;
vertical-align: top;
}
body.careersPage li.item338 {
border: 1px solid #fff;
}
body.careersPage .stickyHeader #mainMenu li.maximenuck.last.level1 {
margin-top: -1px;
}
body.careersPage div#slideUpToggle.closed {
background: transparent;
}
form#careerApplyForm h3 {
font-size: 1.4em;
margin: 10px 0 30px;
}
.stickyHeader.affix #mainMenu li.maximenuck.last span.titreck-text {
opacity: 1;
}
.inlineBlockFields>div {
display: inline-block;
margin: 10px 20px;
vertical-align: top;
}
body.careersPage #slideUpBody {
margin-top: 50px;
}
div#careersSubmitButton {
margin-top: 25px;
}
#menuSettings>div {
display: block;
width: auto;
}
#menuSettings div#menuOptions {
float: right;
margin-bottom: 25px;
}
#menuSettings .menuRow {
display: flex;
width: 100%;
}
#menuSettings .headerRow {
font-weight: bold;
border-bottom: 1px solid #000;
}
#menuSettings .menuRow>.col1 {
width: 25%;
}
#menuSettings .menuRow>.col2 {
width: 20%;
}
#menuSettings .menuRow>.col3 {
width: 45%;
}
#menuSettings .menuRow>.col4 {
width: 15%;
}
#menuSettings .menuRow>div {
padding:0 .5%;
overflow: hidden;
white-space: nowrap;
}
.menuRow.dataRow.menuGroup {
border-top: 1px solid #000;
background: #c8efef;
}
div#menuItemsTableData {
max-height: 200px;
overflow-y: scroll;
border-bottom: 2px solid #555;
border-left: 2px solid #555;
border-right: 2px solid #555;
}
div#menuItemsTableData {
max-height: 250px;
overflow-y: scroll;
border-bottom: 2px solid #555;
border-left: 2px solid #555;
border-right: 2px solid #555;
}
h5.accessNotes {
font-size: 1em;
color: #777;
margin: 10px 0 0;
}
p.accessNotes {
margin-top:5px;
}
select#resizeDir {
margin-bottom: 20px;
margin-right: 20px;
}
/* PRIORITY STYLES!!!!!! */
.mobileOnly {
display: none;
}
.mobileOnlyReports {
display:none;
}
#menuBoxes .menuBox.mobileOnly {
display: none;
}
.toolsSection.imgResize input {
text-align: right;
}
div#filtersDisplay>span#currentWeek {
margin: 0;
background: #fff;
display: inline;
padding: 0;
}
#missingHours .noMissingHours {
padding: 5px 2%;
display: block;
background: #a7ffa7;
}
div#discrepencyResults {
text-align: center;
margin-top: 30px;
font-size: .9em;
}
div#discrepencyResults>div {
vertical-align: top;
}
div#missingHours>h4 {
text-align: center;
}
div#currentWeekWrapper {
background: #aad8ff;
text-align: center;
padding: 5px 0;
}
div#dateFilter {
text-align: center;
margin: 0 auto;
}
div#dateFilter>div {
display: inline-block;
}
a.goDateButton {
border: 2px solid #389ed7;
padding: 1px 4px;
font-weight: bold;
border-radius: 4px;
color: #389ed7;
cursor: pointer;
}
a.goDateButton:hover {
border: 2px solid #0000ff;
color: #0000ff;
}
div#dateFilter>div>label {
vertical-align: top;
margin-top: 4px;
display: inline-block;
}
.goButton {
vertical-align: top;
margin-top: 4px;
}
input#datepickerAlt1discrepancies, input#datepickerAlt2discrepancies {
border: 0 none;
font-weight: bold;
pointer-events: none;
max-width: 100px;
margin-right: 10px;
background: transparent;
vertical-align: top;
margin-top: 8px;
}
div#discrepencyResults .missingEmpRow, div#empHoursResults .empRow {
display: flex;
background: #eee;
border: 1px solid #999;
width: 96%;
margin: 0 2%;
}
div#discrepencyResults .missingEmpRow.headers, div#empHoursResults .empRow.headers {
border-bottom: 2px solid #333;
font-weight: bold;
}
div#discrepencyResults .missingEmpRow>div {
width: 20%;
text-align: left;
padding: 5px 10px;
}
div#empHoursResults .empRow>div {
width:25%;
}
div#discrepencyResults .missingEmpRow>div.mgrCol {
width: 40%;
}
select.bottomHoursSelect {
margin: 20px auto 0;
display: block;
font-weight: bold;
font-size: 1em;
color: #0f96e1;
border-radius: 4px;
border: 2px solid #47a8de;
}
#dailyHoursFilter {
text-align: center;
margin-top: 20px;
}
div#dateFilters {
margin: 10px 0 0 2%;
float: left;
background: #eee;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
div#searchFilters.inlineFilters>div {
flex-grow: 0;
}
div#searchFilters.inlineFilters div#currentFilter {
min-width: auto;
text-align: left;
margin: 0 40px 0 20px;
}
div#searchFilters.inlineFilters div#filtersDisplay>span {
margin: 0 10px;
}
div#searchFilters.inlineFilters {
justify-content: flex-end;
}
div#searchFilters.inlineFilters div#filtersDisplay {
min-width: 200px;
}
div.missingEmpRow a.managerItem {
font-size: .9em;
border: 1px solid #0000ff;
border-radius: 8px;
padding: 0 4px;
text-decoration: none;
display: inline-block;
margin: 2px 4px;
}
div.missingEmpRow a.managerItem>i {
margin-left:3px;
}
a.managerItem.fmMgr, .headers .fmMgr {
background: #e1ffdc;
}
a.managerItem.superMgr, .headers .superMgr {
background: #f0f9cb;
}
select#selectDiscrepencyType {
margin: 0 30px 0 5px;
}
hr.sectionDivider {
height: 5px;
background: #555;
margin: 30px 0 30px;
}
div#empHoursResults {
text-align: center;
margin-top: 30px;
font-size: .9em;
}
.updateMenuItemIcon {
opacity: .5;
}
.updateMenuItemIcon.editing {
color: #0000ff;
opacity: 1;
cursor: pointer;
}
button.standardButton {
cursor: pointer;
}
span.projectsJobNumber {
border-left: 2px dotted #0000ff;
padding-left: 8px;
margin-left: 8px;
}
#reportTypeSelect, #analyticsViewSelect {
float: right;
margin: 12px 2% 0 0;
}
a.reportType.current, a.analyticsView.current {
color: #000;
cursor: default;
border-top: 4px solid #000;
}
a.reportType, a.analyticsView {
margin-left: 10px;
font-weight: bold;
font-size: 1.1em;
color: #0000ff;
cursor: pointer;
}
select#numRows {
float: right;
margin-right: 2%;
margin-top: 24px;
}
div#selectStyle {
float: right;
margin: 28px 2% 0;
font-size: .9em;
}
div#selectStyle>a {
color: #0000ff;
margin-left: 5px;
cursor: pointer;
}
div#selectStyle>a.selected {
color: #bbb;
pointer-events: none;
}
a.cancelSpinner {
border: 1px solid #000;
border-radius: 5px;
font-size: .6em;
color: #000;
background: #ddd;
padding: 0 4px;
display: inline-block;
margin-top: 5px;
font-weight: normal;
cursor: pointer;
}
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;
width: 96%;
}
div#compactReportHeaders .empReportCol.col1, div.reportRow.compact .empReportCol.col1 {
width: 6%;
}
div#compactReportHeaders .empReportCol.col2, div.reportRow.compact .empReportCol.col2 {
width: 9%;
}
div#compactReportHeaders .empReportCol.col3, div.reportRow.compact .empReportCol.col3 {
width: 13%;
}
div#compactReportHeaders .empReportCol.col4, div.reportRow.compact .empReportCol.col4 {
width: 28%;
}
div#compactReportHeaders .empReportCol.col5, div.reportRow.compact .empReportCol.col5 {
width: 17%;
}
div#compactReportHeaders .empReportCol.col6, div.reportRow.compact .empReportCol.col6 {
width: 10%;
}
div#compactReportHeaders .empReportCol.col7, div.reportRow.compact .empReportCol.col7 {
width: 11%;
}
div#compactReportHeaders .empReportCol.col8, div.reportRow.compact .empReportCol.col8 {
width: 6%;
text-align: right;
}
div#compactReportHeaders .empReportCol.col9, div.reportRow.compact .empReportCol.col9 {
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: #adf0ff;
}
.reportRow.rowB, .singleReport.rowB {
background: #7de7ff;
}
.reportRow.compact.totalRow {
color: #1c1c53;
}
.reportRow.compact.totalRow.open {
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;
/* font-size: .9em; */
}
/* .singleEmpReportHeaders>div, #dataSlider>.empRow>div, .empdata>.empRow>div, .pmReportData>.pmReportRow>div {
width: 100%;
} */
.singleReportDataRow.div1 .empCol, .singleEmpReportHeaders.div1 .empCol, .empRow.quantitiesRow.div1 .empCol {
width: 6.8%;
}
.singleReportDataRow.div2 .empCol, .singleEmpReportHeaders.div2 .empCol, .empRow.quantitiesRow.div2 .empCol {
width: 7.6%;
}
.singleReportDataRow.div3 .empCol, .singleEmpReportHeaders.div3 .empCol, .empRow.quantitiesRow.div3 .empCol {
width: 5.7%;
}
/* DIV 1 */
.singleReportDataRow.div1 .empCol.colName, .singleEmpReportHeaders.div1 .empCol.colName {
width: 17%;
}
.singleReportDataRow.div1 .empCol.colDisp, .singleEmpReportHeaders.div1 .empCol.colDisp {
width: 14%;
}
/* DIV 2 */
.singleReportDataRow.div2 .empCol.colName, .singleEmpReportHeaders.div2 .empCol.colName {
width: 17%;
}
.singleReportDataRow.div2 .empCol.colDisp, .singleEmpReportHeaders.div2 .empCol.colDisp {
width: 14%;
}
/* DIV 3 */
.singleReportDataRow.div3 .empCol.colName, .singleEmpReportHeaders.div3 .empCol.colName {
width: 17%;
}
.singleReportDataRow.div3 .empCol.colDisp, .singleEmpReportHeaders.div3 .empCol.colDisp {
width: 14%;
}
/* quantities row */
.singleReportDataRow.div1 .empCol, .singleEmpReportHeaders.div1 .empCol {
width: 6.8%;
}
.singleReportDataRow.div2 .empCol, .singleEmpReportHeaders.div2 .empCol {
width: 7.6%;
}
.singleReportDataRow.div3 .empCol, .singleEmpReportHeaders.div3 .empCol {
width: 5.7%;
}
.empRow.quantitiesRow .empCol.colName {
width: 17%;
}
.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;
}
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;
vertical-align: top;
}
.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: 5.7%;
height: 15px;
}
.singleReportDataRow.rowA {
background:#ededed;
}
.singleReportDataRow.rowB {
background: #dddddd;
}
.pmDataCol.col1 {
width: 6%;
}
.pmDataCol.col2 {
width: 20%;
}
.pmDataCol.col3 {
width: 14%;
}
.pmDataCol.pmReportDataCol {
width: 8%;
}
form.updateJobRecord input.modernInput {
max-width: 90%;
}
form.updateJobRecord.editSuperReportJobs .updateRecordFlex>div {
max-width: 6%;
}
div#editReportsContainer>h3.note {
text-align: center;
background: lightblue;
}
a.openImg.laborPhotosIcon {
color: #0000ff;
margin-left: 12px;
display: inline-block;
font-size: .9em;
cursor: pointer;
}
.uploadHolder {
display: none;
}
div#photoFrame {
position: fixed;
width: 80%;
height: 80%;
margin-left: 20%;
top: 100px;
background: #000;
overflow-y: auto;
}
#subScreenContainer.slideUpContainer.reportPhotos {
background: #fff;
text-align: center;
overflow-y: scroll;
}
#subScreenContainer.slideUpContainer.reportEditContainer {
background: #fff;
overflow-y: scroll;
}
div#hrPage.affix {
padding-top: 103px;
}
/* .laborReports input#datepickerAlt1 {
display: none;
} */
.resultsNav {
display: inline-block;
margin-left: 50px;
}
.resultsNav>a {
margin: 0 10px;
color: #0000ff;
opacity: .7;
cursor: pointer;
}
.resultsNav>a {
opacity: 1;
}
.resultsNav>a.hideIcon {
color: #ccc;
pointer-events: none;
cursor: not-allowed;
}
#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;
max-width: 33%;
}
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%;
}
#adminReportsRecord input#datepickerAltEditReport {
font-size: 1em;
font-weight: bold;
color: #7a7a7a;
border: 0 none;
width: 126px;
pointer-events: none;
}
#adminReportsRecord select#changeJobSelect, #adminReportsRecord select#changeSuperSelect, #adminReportsRecord select.changeEmpSelect {
font-size: 1em;
font-weight: bold;
color: #7a7a7a;
}
#adminReportsRecord img.ui-datepicker-trigger {
height: 26px;
}
div#labor-reports-edit #searchFilters {
display: none !important;
}
div#labor-reports-edit div#screen.affix {
padding-top:0;
}
a#addReportEmp {
display: inline-block;
}
div#empReportRecords .addEmpRow {
text-align: center;
}
.fieldContainer.addNewEmpHourRow {
display: flex;
align-items: center;
justify-content: center;
text-align: left;
}
.addReportEmpRow .fieldContainer {
margin: 20px 0;
font-size: .9em;
}
.addReportEmpRow .fieldContainer>div {
max-width: 7.5%;
}
.addReportEmpRow .fieldContainer>div.selectNewEmp {
max-width: 100%;
}
.addReportEmpRow {
text-align: center;
}
#editReportTable h4#empRecordsTitle {
text-align: center;
border-top: 5px solid #777;
color: #777;
font-size: 1.1em;
padding-top: 10px;
margin-bottom: 0;
}
#editReportTable div#empReportRecords, #editReportTable div#jobReportRecords {
margin: 10px 2%;
}
#editReportTable .empNameRow {
font-weight: bold;
text-align: center;
margin-bottom: 20px;
color: #555;
}
#editReportTable .empNameRow>a {
padding: 0 6px;
font-size: .8em;
margin-left: 20px;
}
#editReportTable select.modernInput.changeEmpSelect {
font-size: 1em;
font-weight: bold;
color: #555;
}
#editReportTable .updateRecordFlex {
display: flex;
align-items: center;
justify-content: center;
font-size: .9em;
}
#editReportTable .updRecord {
text-align: center;
margin-top: 15px;
}
.updateRecordFlex>div {
max-width: 7%;
}
#editReportTable .hour.row {
background: #eee;
margin: 20px -2%;
padding: 15px 0;
}
#editReportTable .reportRecords>form {
display: flex;
align-items: center;
justify-content: center;
}
#editReportTable h4#noResults {
text-align: center;
}
#editReportTable div#empReportRecords .modernInput {
max-width: 90%;
}
form#addEmpForm .submitButton {
padding-bottom: 40px;
}
#editReportTable .empBlock {
border-top: 5px solid #005f00;
border-bottom: 5px solid #005f00;
text-align: center;
background: #ddd;
margin: 20px 0;
}
#editReportTable h3.empDate {
text-align: center;
background: #eee;
margin: 10px 0;
}
#editReportTable .empBlock>.headers, #editReportTable .empBlock>.dataRow {
display: flex;
}
div#editReportTable {
margin-top: 80px;
}
div#editReportTable>h3 {
text-align: center;
background: #b2d4ff;
color: darkblue;
}
.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;
}
a#removeSearchIcon {
float: right;
width: 20px;
font-size: 1.2em;
color: #ff0000;
margin-left: -25px;
cursor: pointer;
}
#payrollReportInfo {
text-align: center;
font-size: 1.4em;
font-weight: bold;
color: #999;
margin: 30px 0 20px;
}
#allPayrollReportInfo {
text-align: center;
font-size: 1em;
font-weight: bold;
color: #999;
margin: 30px 0 20px;
}
#payrollLaborContainer .empBlock {
border-top: 7px solid #619ffb;
text-align: center;
background: #fff;
margin: 20px 0;
}
#payrollLaborContainer h2.empTitle {
background: #eee;
text-align: center;
margin: 0;
}
#payrollLaborContainer h3.empDate {
text-align: center;
margin: 10px 0;
}
#payrollLaborContainer .empBlock>.headers {
border-bottom: 1px solid #000;
font-weight: bold;
}
#payrollLaborContainer .empBlock>.headers, #payrollLaborContainer .empBlock>.dataRow {
display: flex;
}
#payrollLaborContainer .empTotal {
font-weight: bold;
color: #0083b5;
margin: 10px 0 5px;
}
#payrollLaborContainer .empBlock>.headers>div, #payrollLaborContainer .empBlock>.dataRow>div {
width: 100%;
}
#payrollLaborContainer .col.emp_total.dayTotal {
border-top: 1px solid #999;
}
div#allPayrollReportInfo>.divider {
color: #000;
font-size: 1.3em;
}
div#currentFilter.withFilterSearch>div {
display: flex;
position: absolute;
}
div#currentFilter.withFilterSearch>div>input {
max-height: 22px;
margin-right:10px;
}
span.requiredAsterisk {
color: #ff0000;
display: inline-block;
font-size: 1.4em;
margin: 0 0 0 4px;
}
div#requiredNotice {
font-weight: bold;
margin: 40px 0 20px;
background: #fbeabb;
}
.fontSize8em {
font-size: .8em;
}
.superColJobId.superColData {
width: 17%;
overflow: hidden;
}
.laborReports div#reportsContainer {
font-size: .9em;
}
.deleteRecordButton {
margin: 15px 0;
}
.deleteRecordButton>a {
padding: 0 6px;
font-weight: normal;
font-size: .9em;
}
.exportRight {
margin-left: 5px;
}
div#exportContainer {
text-align: center;
margin: 10px 0;
background: #f7ffb6;
padding: 10px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
div#exportNotes>p {
color: #000;
text-align: center;
background: #eee;
padding: 5px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
div#galleryManagerContainer {
margin-top: 50px;
}
div#galleryManagerContainer .dataRow {
display: flex;
padding: 5px 2%;
border-top: 1px solid #aaa;
justify-content: space-between;
}
div#galleryManagerContainer .projectGalleryName {
font-weight: bold;
display: block;
width: 25%;
}
div#galleryManagerContainer .projectGalleryDesc {
width: 75%;
}
#galleryManagerContainer .rowLight {
background: #eee;
}
#galleryManagerContainer .rowDark {
background: #ddd;
}
form.galleryManagerForm {
display: flex;
width: 100%;
}
form.galleryManagerForm .formField {
margin:0 5px 0 0;
background: #c1f6ff;
border: 1px solid #aaa;
padding: 3px 6px;
font-size: .8em;
width: 100%;
}
form.galleryManagerForm .formField.submit {
background: transparent;
border: 0 none;
margin: 10px;
max-width: 60px;
}
form.galleryManagerForm .formField.submit>input, form.galleryManagerForm .formField.submit>a {
background: #497fff;
color: #fff;
cursor: pointer;
border: 2px solid #000;
padding: 1px 4px;
}
form.galleryManagerForm .formField>label {
font-weight: bold;
display:block;
}
form.galleryManagerForm .formRow.flexRow {
display: flex;
justify-content: space-between;
}
form.galleryManagerForm .fieldsRow {
width: 100%;
}
form.galleryManagerForm .searchDropdown {
display: block;
margin: 10px 0;
}
.projectGalleryCompleted>span {
border-radius: 20px;
padding: 0 6px;
border: 1px solid #000;
margin: 0 4px;
}
span.completedField {
background-color: #00ff00;
}
span.nonCompletedField {
background-color: #ff9393;
}
.projectGalleryCompleted i {
margin-right: 3px;
}
.projectGalleryCompleted {
font-size: .8em;
margin-top: 2px;
}
a.openEditGalleryButton {
background: lightblue;
border: 1px solid #000;
border-radius: 4px;
padding: 0 4px;
font-size: .8em;
cursor: pointer;
}
a.openEditGalleryButton:hover {
background: #79aeff;
}
.col3Details.hide, #equipment .fieldContainer.hide {
display: none;
}
#employee div.detailsLink {
font-size: 1.5em;
font-weight: bold;
color: #777;
}
#employee .flexDetails {
margin: 20px 2%;
display: flex;
justify-content: center;
}
#employee .flexDetails>div {
max-width: 600px;
}
.fieldContainer.benefitContact a {
display: inline-block;
text-decoration: none;
font-size: .9em;
border: 1px solid #0000ff;
margin: 0 5px;
padding: 0 4px;
border-radius: 6px;
background: #eee;
}
#employee .employeeDetails .fieldContainer>label {
font-weight: bold;
}