html {
height: 100%;
overflow-x: hidden;
}
.mobileOnly {
display: none;
}
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('/images/ajax-spinner.svg') no-repeat -9999px -9999px;
}
h5.accessNotes {
font-size: 1em;
color: #777;
margin: 10px 0 0;
}
p.accessNotes {
margin-top: 5px;
}
div#loginPage {
text-align: center;
}
div#loginContainwer {
border: 4px solid #00b0e9;
display: inline-block;
padding: 10px 40px;
border-radius: 10px;
margin-top: 100px;
}
h1#loginTitle {
font-size: 1.7em;
color: #00b0e9;
margin: 0;
}
div#loginContainwer > .formField {
margin: 25px 0;
}
a.backHomeLink {
display: block;
margin-top: 40px;
font-size: 0.9em;
color: #000000;
}
div#searchFilters.affix {
position: fixed;
background: #eee;
top: 37px;
width: 96%;
height: 30px;
padding: 30px 2% 10px;
z-index: 9;
border-bottom: 2px solid #aaa;
}
div#row2filters.affix {
position: fixed;
background: #eee;
top: 122px;
width: 100%;
border-bottom: 2px solid #aaa;
z-index: 8;
}
div#screen.affix {
/* padding-top: 110px; */
/* transition: padding-top 200ms linear; */
}
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;
}
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;
}
.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 */
div#ags2020,
div#profilePage,
div#srPage,
div#srPage,
div.hrPage {
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;
}
.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;
border: 2px solid #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,
.addArchitectForm,
.addContractorForm,
.addEmployeeForm,
.addEquipmentForm,
.addScheduleForm,
.addVendorForm,
.popupForm {
transition: all 200ms linear;
-webkit-transition: all 200ms linear;
background: #ddd;
padding: 10px 2%;
max-height: 400px;
border: 1px solid #000;
height: auto;
overflow-y: auto;
}
.addApplicantForm.hide,
.addArchitectForm.hide,
.addContractorForm.hide,
.addEmployeeForm.hide,
.addEquipmentForm.hide,
.addScheduleForm.hide,
.addVendorForm.hide,
.popupForm.hide {
transition: all 200ms linear;
-webkit-transition: all 200ms linear;
max-height: 0;
border: 0 none;
padding: 0;
}
.addApplicantForm input,
.addApplicantForm select,
.addApplicantForm textarea,
.addArchitectForm input,
.addContractorForm input,
.addContractorForm select,
.addContractorForm textarea,
.addEmployeeForm input,
.addEmployeeForm select,
.addEmployeeForm textarea,
.addEquipmentForm input,
.addEquipmentForm select,
.addEquipmentForm textarea,
.addScheduleForm input,
.addScheduleForm select,
.addScheduleForm textarea,
.addVendorForm input,
.addVendorForm select,
.addVendorForm textarea,
.popupForm input,
.popupForm select,
.popupForm 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,
.addScheduleForm label,
.popupForm label {
display: block;
}
.addApplicantForm h3,
.addArchitectForm h3,
.addContractorForm h3,
.addEmployeeForm h3,
.addEquipmentForm h3,
.addScheduleForm h3,
.addVendorForm h3,
.popupForm h3 {
margin: 0 0 10px;
text-align: center;
}
.fieldContainer.center {
text-align: center;
}
.addApplicantForm .flexFormFields,
.addArchitectForm .flexFormFields,
.addContractorForm .flexFormFields,
.addEmployeeForm .flexFormFields,
.addEquipmentForm .flexFormFields,
.addScheduleForm .flexFormFields,
.addVendorForm .flexFormFields,
.popupForm .flexFormFields {
margin-bottom: 20px;
}
.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%;
}
.addArchitectForm .fieldContainer.left,
.addContractorForm .fieldContainer.left,
.addVendorForm .fieldContainer.left {
text-align: right;
margin-right: 10px;
}
.addArchitectForm .fieldContainer.right,
.addContractorForm .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;
margin-right: 20px;
white-space: nowrap;
}
/* 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 #565656;
border-bottom: 1px solid #565656;
margin-top: 20px;
padding: 5px 2% 20px;
background: #c9c9c9;
}
.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: #888;
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 40px;
}
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: 1000;
position: fixed;
top: 100px;
width: 700px;
max-width:90%;
background: #eee;
left: 50%;
margin-left: -350px;
padding: 10px;
text-align: center;
border: 2px solid #aaa;
}
.bulkMailDiv .fieldContainer {
display: flex;
}
.newTicket.bulkMailDiv .fieldContainer {
display: block;
}
.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, #closeNewTicket {
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 0 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;
gap: 4px;
}
.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;
}
.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: 98%;
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;
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;
}
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;
cursor: pointer;
}
#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: 5px 2% 0;
text-align: center;
}
div#currentFilter {
min-width: 500px;
text-align: left;
margin-left: 20px;
}
div#filtersDisplay > span {
padding: 2px 8px;
background: #c0e6fc;
border-radius: 10px;
margin: 5px;
display: inline-block;
}
span.filterDisplay > i {
color: #ff0000;
font-size: 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, a.delItem {
color: #888;
cursor: pointer;
}
a.delAccountant:hover,
a.delEstimator:hover,
a.delProjMgr:hover,
a.delWorker:hover, a.delItem: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;
}
#architects .flexDetails,
#contractors .flexDetails,
#projects .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 .architectLogoUploadForm,
.noEdit .bottomField,
.noEdit .contractLogoUploadForm,
.noEdit .delAccountant,
.noEdit .delEstimator,
.noEdit .delJob,
.noEdit .delProjMgr,
.noEdit .makePrimaryContact,
.noEdit .picUploadForm,
.noEdit .submitIcon,
.noEdit .submitRow,
.noEdit .vendorLogoUploadForm {
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;
}
.widgetRow span.previewText {
white-space: initial;
}
.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: 0.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: 1em;
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;
}
#company-directory .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;
}
#company-directory .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,
#laborForm div.reportForm input#datepickerAlt1_labor-forms,
#laborForm div.reportForm input#datepickerAlt1 {
background: transparent;
padding: 0;
font-size: 1.5em;
margin: 8px 0 0 8px;
font-weight: bold;
display: inline-block;
color: #0000ff;
}
#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 > .selectWrapper > select,
#laborForm .inline > .inputContainer > input,
#laborForm .inline > .inputContainer > select,
#laborForm .inline > .inputContainer > textarea {
width: 70%;
}
#laborForm h4.panel-title {
margin: 5px 10px;
font-size: .9em;
}
#laborForm div#employees-container>div.panel {
background: #eee;
border: 1px solid #ccc;
margin-top: 20px;
}
#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;
cursor: pointer;
}
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;
}
.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;
overflow-y: scroll;
}
.slideUpContainer {
top: 100%;
height: 100%;
transition: top 300ms linear;
-webkit-transition: top 300ms linear;
}
div#slideUpToggle {
margin: 0;
text-align: center;
background: #fff;
position: fixed;
width: 100%;
box-shadow: 0px 3px 3px 0px;
z-index: 7;
}
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;
background: #eee;
}
.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;
}
span.textOver {
position: relative;
z-index: 5;
padding-left: 5px;
color: #000;
}
.rowTextName {
white-space: nowrap;
overflow: hidden;
margin-right: 5px;
}
#analyticsContainer {
width: 100%;
min-height: 20px;
margin-top: 30px;
}
.analRowValue {
white-space: nowrap;
height: 100%;
background-color: #4ac2fb;
}
.notEmployed .analRowValue {
background-color: #afc9d9;
/* background-color: #a6ddfd; */
}
.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: 2px solid #0898ff;
border-bottom: 2px 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 {}
.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 {
position: absolute;
opacity: 0.7;
top: 0;
height: 100%;
}
#datepickerAlt1,
#datepickerAlt2,
.dateSelectAlt {
border: 0 none;
display: none;
margin: 0 0 0 10px;
font-size: 1.2em;
pointer-events: none;
}
.labor-discrepancies .dateSelectAlt {
display: inline-block;
background: #eee;
}
/* #datepicker1,
#datepicker2,
.dateSelect {
opacity: 0;
width: 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.architectPic,
.widgetRow span.contractorPic {
height: 25px;
width: 25px;
display: inline-block;
background-size: contain;
border-radius: 50%;
margin: 0 5px -7px 0;
}
.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.topArchitect > a > i,
.widgetRow.topContractor > 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%;
}
#commissionFormContainer {
margin: 30px 2%;
text-align: center;
}
form#commissionForm {
text-align: left;
border: 1px solid #000;
padding: 5px 20px 15px;
background: #ddd;
display: inline-block;
}
form#commissionForm .fieldContainer {
margin: 20px 0;
font-size: 1em;
}
div#commissionFormContainer h2 {
font-size: 1.2em;
text-align: center;
}
div#commissionFormContainer h3 {
font-size: 1.2em;
text-align: center;
text-decoration: underline;
margin-bottom: 40px;
}
form#commissionForm .modernInput {
width: 350px;
max-width: 100%;
}
form#commissionForm label {
font-weight: bold;
margin-right: 4px;
}
form#commissionForm .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#commissionForm .formSection .modernInput {
width: auto;
max-width: 100%;
}
form#commissionForm .formSection .fieldContainer {
display: inline-block;
border: 1px solid #999;
margin: 10px;
}
form#commissionForm .formSection {
text-align: center;
}
form#commissionForm .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;
text-align: center;
color: #444;
}
#hrForm .inlineFields,
#inventoryRequest .inlineFields,
#mileageLogForm .inlineFields {
display: flex;
text-align: center;
}
#emailFormTop .inlineFields > div,
#hrForm .inlineFields > div,
#inventoryRequest .inlineFields > div,
#mileageLogForm .inlineFields.topMileageForm > 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;
}
.analProjectRowValue {
position: relative;
width: 62%;
overflow: hidden;
}
span.analProjectTextOver {
position: absolute;
z-index: 5;
padding-left: 5px;
color: #000;
background: transparent;
display: block;
top: 0;
}
.hrsBarValues {
height: 100%;
background: #00ff00;
}
.hrsBarValues > span {
display: inline-block;
height: 100%;
}
div#pageTitleRight {
float: right;
margin-right: 2%;
margin-top: 10px;
}
.ganttChartLink {
margin-left: 12px;
}
.expenseReportRow.inlineFields.headerRow,
.mileageLogRow.inlineFields.headerRow {
border-bottom: 1px solid #777;
}
.expenseReportRow.inlineFields,
.mileageLogRow.inlineFields {
text-align: left;
}
div#mileageLogRows {
margin: 30px 2%;
}
.expenseReportRow.inlineFields.dataRow,
.mileageLogRow.inlineFields.dataRow {
background: #eaeaea;
margin: 2px 0;
}
.inlineFields {
display: flex;
}
div#expenseReportRows > .expenseReportRow > div,
div#mileageLogRows > .mileageLogRow > 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#expenseReportRows input,
div#expenseReportRows select,
div#mileageLogRows input,
div#mileageLogRows 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: 0.5;
}
div#vehicleSignoutLogs .delButton {
width: 2%;
}
div#vehicleSignoutLogs > .headers, div#operatorManuals>.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;
padding-top: 10px;
border-top: 1px solid #000;
}
#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: 0.6;
margin-left: 3px;
vertical-align: middle;
}
i.fas.fa-times-circle.deleteProductIcon:hover {
opacity: 1;
}
.addProjectProduct a.clearButton {
font-size: 0.8em;
padding: 2px 4px;
}
.architectDetailItem {
margin-bottom: 5px;
display: flex;
opacity: 0.5;
font-size: 0.9em;
}
.conDetailItem {
opacity: 0.5;
font-size: 0.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;
}
.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,
.paymentCat,
.vendorCats > .vendorCat {
display: inline-block;
margin: 3px;
background: #eee;
border-radius: 8px;
padding: 1px 6px;
border: 1px solid #ddd;
}
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 .mainWrapper,
body.careersPage div.hrPage,
body.careersPage div.stickyHeader {
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 0 #000;
font-size: 2em;
margin-top: 0;
padding: 5px 0 0;
}
body.careersPage .contentArea {
padding: 1px 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: 0;
}
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,
#menuSettings div#widgetOptions {
float: right;
margin-bottom: 25px;
}
#menuSettings .menuRow {
display: flex;
width: 100%;
margin: 5px 0;
}
#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 > .col5 {
min-width: 40px;
}
#menuSettings .menuRow > div {
padding: 0 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#widgetItemsTableData {
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;
}
a.menuLogo > img {
max-height: 60px;
}
a.menuLogo > img.adminACMlogo {
max-height: 48px;
margin-bottom: 6px;
}
body.loginPage .menuLogo {
text-align: center !important;
display: block;
}
.empRow.totalsRow {
border-top: 1px solid #000;
color: #828282;
font-weight: bold;
}
.singleReportDataRow.rowA {
background: #ededed;
}
.singleReportDataRow.rowB {
background: #dddddd;
}
.catSettingRow.rowA {
background: #ededed;
}
.catSettingRow.rowB {
background: #fff;
}
#subScreenContainer.slideUpContainer.reportPhotos .reportPhoto {
margin-top: 100px;
}
#widgetItemsTable .menuRow > .col1 {
width: 100%;
}
#widgetItemsTable .menuRow > .col2 {
width: 100%;
}
#widgetItemsTable .menuRow > .col3 {
width: 100%;
}
#widgetItemsTable .menuRow > .col4 {
width: 100%;
}
#categoryAnalyticsBlock .individualRecs .analProjectRowValue {
width: 70%;
}
#categoryAnalyticsBlock .individualRecs .rowTextName {
width: 30%;
}
div#categoryAnalyticsBlock .analRow {
border-top: 1px solid #ccc;
border-bottom: 0 none;
}
/* Gallery Manager styles moved to admin.css */
.col3Details.hide, #equipment .fieldContainer.hide {
display: none;
}
/* Special Access Enhancements */
.specialAccessEnhancer {
margin-top: 6px;
display: flex;
flex-direction: column;
gap: 10px;
}
.specialAccessFilterWrap {
display: flex;
gap: 8px;
align-items: center;
}
.specialAccessFilterWrap .specialAccessFilter {
flex: 1;
min-width: 0;
}
.specialAccessFilterWrap .tinyButton {
background: var(--grey, #999);
color: #fff;
border: none;
border-radius: 4px;
padding: 6px 12px;
cursor: pointer;
font-size: 12px;
transition: background 0.2s ease;
}
.specialAccessFilterWrap .tinyButton:hover {
background: var(---darkgrey, #555);
}
.specialAccessSelect {
width: 100%;
min-height: 160px;
padding: 6px;
border-radius: 6px;
border: 1px solid #ccc;
resize: vertical;
}
.specialAccessSelect option[hidden] {
display: none;
}
.specialAccessSelected {
display: flex;
flex-wrap: wrap;
gap: 8px;
min-height: 24px;
}
.specialAccessChip {
display: inline-flex;
align-items: center;
background: #e8f1fb;
color: #1b3a57;
border-radius: 999px;
padding: 4px 10px;
font-size: 13px;
box-shadow: 0 1px 2px rgba(0,0,0,0.12);
}
.specialAccessChip .chipLabel {
margin-right: 6px;
}
.specialAccessChip .chipRemove {
background: transparent;
border: none;
color: inherit;
font-size: 14px;
line-height: 1;
cursor: pointer;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.specialAccessChip .chipRemove:hover {
color: #d11a2a;
}
.specialAccessWidgetList {
margin: 10px 0 0;
padding: 0;
list-style: none;
}
.specialAccessWidgetList li span {
flex: 1;
min-width: 0;
}
.specialAccessWidgetList li:last-child {
border-bottom: none;
}
.specialAccessWidgetList li {
display: block;
gap: 10px;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid #999;
}