.mobilemaximenuck .topbar {
    margin-bottom: 14px;
    background: #666666; /* Old browsers */
    background: -moz-linear-gradient(top, #666666 0%, #3d3b3d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#3d3b3d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #666666 0%,#3d3b3d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #666666 0%,#3d3b3d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #666666 0%,#3d3b3d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #666666 0%,#3d3b3d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#3d3b3d',GradientType=0 ); /* IE6-9 */
}
.mobilemaximenuck div.level2.maximenuck > a {
    background:#0D4C93;
    padding: 0 10px;
}
.mobilebarmenutitleck, .mobilemaximenucktitle {
    display:none; /*added 2017*/
    font-family: 'Raleway', sans-serif;
    text-transform:uppercase;
    font-weight: bold;
    line-height: 44px;
    font-size:20px;
}
.mobilemaximenuck .mobilemaximenucktitle {
    padding: 2px 0 0 20px;
}
.mobilemaximenuckitem a {
    font-family: 'Raleway', sans-serif !important;
    font-size: 18px;
    text-transform: uppercase;
}
.mobilebuttonmenuck {
    background-image:url('/images/menu.png');
    background-repeat:no-repeat;
    background-size: contain;
    padding: 8px;
    margin: 0 5px 0 0;
    pointer-events: initial;
    background-color: #000;
    background-position: center;
    border-radius: 50%;
    box-shadow: 0 0 1px #000;
	z-index: 99999;
}
div#mainMenu-mobilebarmenuck .mobilebuttonmenuck {
    display:none;
}
.mobilemaximenuck div.level1.maximenuck > a {
    /* background: url(arrow.jpg) left center no-repeat; */
    background: #0015ad;
    border-radius: 5px;
    margin: 2px 10px;
    padding-left: 45px;
}
.mobilemaximenuck {
    background:#000;
}
.userMenuItem {
    text-align: center;
}
a#login, a#signup {
    margin: 0 10px;
    background: #fff;
    color: #000;
    padding: 6px 8px 3px 8px;
    border-radius: 5px;
    text-shadow: none;
    font-weight: bold;
}
#maximenuck123-mobile {
    padding-bottom:70px;
}
.mobilemaximenuck div.level1.maximenuck > a {
    text-align: center !important;
    padding-left: 0;
    box-shadow: 0 2px 8px 1px #fff inset;
    border: 1px solid #4e4e4e;
}
.mobilemaximenuck div.level2.maximenuck > a {
    text-align: center !important;
    box-shadow: 0 2px 8px 1px #fff inset;
    border: 1px solid #4e4e4e;
    background: #0015ad;
    border-radius: 5px;
    margin: 2px 10px 2px 10px;
}
.mobilemaximenuck div.headingck>a {
    box-shadow: none !important;
    border-radius: 10px 10px 0 0 !important;
    margin-bottom: -10px !important;
    font-weight: bold;
    background: #7d95aa !important;
    background: -moz-linear-gradient(left, #7d95aa 0%, #000000 15%, #000000 87%, #7d95aa 100%) !important;
    background: -webkit-linear-gradient(left, #7d95aa 0%,#000000 15%,#000000 87%,#7d95aa 100%) !important;
    background: linear-gradient(to right, #7d95aa 0%,#000000 15%,#000000 87%,#7d95aa 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d95aa', endColorstr='#7d95aa',GradientType=1 ) !important;
}
.maximenuck.item165.first.level1>a {
    color: #e4ff00 !important;
    font-size: 1.5em !important;
}
div#maximenuck123-mobile .login-greeting, div#maximenuck123-mobile .logout-button, div#maximenuck123-mobile .logout-button>input {
    font-size: 20px;
    text-align: center;
}
.mobilemaximenuck div.maximenuck {
    line-height: 36px;
}
div.stickyHeader a.menuLogo{
    margin-top: 0;
    width: 225px;
    transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
}
.mainWrapper {
    padding-top: 50px;
}
div.stickyHeader {
    height: 50px;
}
div#menuButtonContainer {
	display:block;
    position: fixed;
    top: 1px;
    right: 9px;
    z-index: 99999;
}
a#menuButton {
	display:block;
    font-size: 2em;
    cursor: pointer;
    color: darkblue;
}
.scheduleRow>.scheduleRowTop, .scheduleRow>.scheduleRowBottom {
    display: block;
}
.scheduleRow.readOnlyRow>.scheduleRowTop>div, .scheduleRow.readOnlyRow>.scheduleRowBottom>div, .scheduleRow>.scheduleRowTop>div, .scheduleRow>.scheduleRowBottom>div {
	width: 100%;
}
.dateRowWrapper {
    margin: 20px 5px;
}
.scheduleDateRow.dateRow .dateRowDate {
    width: 50%;
	color: #fff;
}
.scheduleDateRow.dateRow {
    background: #333;
    color: #fff;
}
span.dateRowPub.published {
    display: none;
}
div#searchFilters {
    display: block;
	text-align: center;
}
div#searchFilters>div {
    text-align: center;
    display: block;
    margin: 20px 0;
	font-size: 1.3em;
}
div#searchFilters>#sortCol {
    margin-right: 0;
    text-align: center;
    display: block;
}
div#masterFilterCol {
    background: #eee;
    padding: 10px 0;
    border: 2px solid #777;
}
.addEmpButton {
    display: none;
}
.mobilebarmenuck {
	z-index:-1;
}
div#currentFilter {
    min-width: 0;
    max-width: 90%;
    margin: 15px 0 0 0;
    text-align: center;
}
div#masterFilterCol>label {
    margin-left: 0 !important;
}
div#filtersDisplay>span {
    display: block;
    margin: 0 0 4px;
	font-size: 1.3em;
}
.employeeRow {
    display: block;
    text-align: center;
}
#hrPage {
	padding-bottom:1150px;
}
#hrPage .employeeRow>div {
    text-align: center;
    width: 100%;
}
h3.groupAlphaIndex {
	text-align: center;
}
h3.groupAlphaIndex>span {
    margin: 0;
}
#projects .empName>a {
    font-size: 1.2em;
}
a.detailsLink>i {
    font-size: 1.6em;
    display: block;
    margin: 10px 0;
}
.projectContractor {
    font-size: 1em;
}
a.openMapIcon {
    margin: 0;
    display: inline-block;
    width: 50%;
    font-size: 1.2em;
    margin-bottom: 10px;
}
a.openMapIcon:before {
    content: 'Map: ';
    font-size: .8em;
    text-decoration: none;
}
.flexDetails {
    display: block;
    margin: 0 1%;
}
.flexDetails>div {
    display: block;
    width: auto;
}
.employeeDetails {
    max-height: 3000px;
}
#contractors .flexDetails, #projects .flexDetails, #employees .flexDetails {
    margin-bottom: 0;
}
select.selectRight {
    float: none;
}
.employeeDetails h4 {
    font-size: 1.2em;
}
.innerFlexBox {
    display: block;
}
.documentRow {
    display: block;
}
.documentRow>div {
    width: 100%;
}
hr.empDivide {
    height: 5px;
    background: #585858;
    margin: 0;
	border: 0 none;
}
h3.groupIndex {
    margin: 0;
    padding: 0;
    background: #585858;
    color: #fff;
}
.mobilebarmenuck {
    z-index: 999999;
    background: transparent;
}
.mobilebuttonmenuck {
    background-color: transparent;
    box-shadow: none;
}
span.mobilemaximenuckclose {
    display: none !important;
}
.mobilebuttonmenuck {
    background-image: url(/templates/ags2020/images/menu-icon.png);
}
.mobilebuttonmenuck {
    background-image: url(/templates/ags2020/images/menu-icon.png);
    margin-top: 3px;
    background-size: 36px 36px;
}
.updateUserOpenButton {
    margin-bottom: 20px;
}
.withChecked, .checkColumn {
    display: none;
}
div#safetyBoxes {
    display: block;
    margin: 0 1%;
}
div#safetyBoxes>div {
    display: block;
    width: auto;
}
.contactCol .socialLinks {
    float: none;
    text-align: center;
	display: block;
}
.contactCol .socialLink {
    display: inline-block;
    margin: 0 10px;
    font-size: 1.4em;
}
#contractors a.detailsLink>i {
    font-size: 1.2em;
}
.innerMultiBlock {
    display: block;
}
.innerMultiBlock .contactActions {
    float: right;
    margin-top: -20px;
}
.bigBox {
    width: 98%;
    min-height: 800px;
}
.confirmEmailsPopup.show {
	display:block;
}
.messageRow {
    display: block;
	text-align: center;
	height: auto;
}
.messageRow .empNameCol, .messageRow .msgTitleCol, .messageRow .msgBodyCol {
    width: 100%;
}
/* .newMessageButton {
    display: none;
} */
.mobilebuttonmenuck {
    position: fixed;
    right: 0;
    top: 0;
}
.noMobile {
	display:none;
}
.newMessage.bulkMailDiv {
    width: 95%;
    left: 0;
    right: 0;
    margin: 0;
}
.mobileOnlyReports {
	display: inline-block;
}
.mobileOnly {
	display:inline-block;
}
span.previewText {
    white-space: normal;
}
.messageContactOptions {
    display: block;
}
.messageContactOptions>a {
    display: block;
    margin: 0 0 20px;
}
.fieldContainer.emailTextCheckboxes {
    display: block;
    margin: 0;
}
.newMessage.bulkMailDiv .buttonContainer {
    margin-top: 20px;
}
h1#logo {
    font-size: 2em;
    margin-bottom: 30px;
    margin-top: 5px;
}
div#menuButton>i {
    font-size: 2.5em;
    margin-top: 7px;
}
h1#hrTitle, h1#scheduleTitle {
	display:block;
    font-size: 1.5em;
	text-align: center;
}
div.stickyHeader {
    height: 50px;
}
h2#listTitle {
    text-align: center;
    padding-top: 10px;
}
div#menuWrapper {
	width: 100%;
	right: -100%;
	text-align: center;
}
ul#menuItems>li {
    margin: 10px 0;
    list-style-type: none;
    display: block;
    width: 90%;
}
ul#menuItems.compact>li {
    margin: 10px 0;
    list-style-type: none;
    width: 43%;
    display: inline-block;
    text-align: center;
}
ul#menuItems.compact>li>a.menuItem {
    background: #0086e6;
    padding: 10px 10px 0;
    border: 3px solid#fff;
    text-align: center;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}
span.menuItemTitle {
    max-height: 22px;
    overflow: hidden;
}
.notificationDiv, .errorDiv {
    max-height: 100px;
    font-size: 1.2em;
	border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}
div#closeNote, div#closeError {
    font-size: 1.2em;
    border: 4px solid #000;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    text-align: center;
}
div.laborFormButtons {
    margin: 20px 0 40px;
}
div.laborFormButtons>div.laborFormButton {
    display: block;
    margin: 20px 10px;
}
a.laborFormLink {
    width: 85%;
	margin-bottom: 10px;
}
div.laborFormButtons>div.laborFormButton.shrink {
    margin: 5px 0;
}
#laborFormContainer .fieldContainer {
    width: 96%;
}
#laborFormContainer div#employees-container .inline, div#jobs-container .inline {
    width: 48%;
}
#laborFormContainer .inputContainer textarea, .fieldContainer textarea {
    max-width: 90%;
}
#laborFormContainer div.reportForm input#datepicker1 {
    margin: 10px 0 0 20px;
    max-width: 50%;
}
#laborFormContainer div.reportForm {
    text-align: center;
}
#laborFormContainer .reportForm div#fin-datepicker1>img {
    float: none;
    height: 50px;
}
#laborFormContainer input#datepickerAlt {
    text-align: center;
}
#laborFormContainer .inline {
    text-align: center;
}
#laborFormContainer div#quantity-container .inline {
	width: 80%;
}
#laborFormContainer div#employees-container>div {
    background: #eee;
    border: 1px solid #aaa;
    margin: 0px 0 20px;
    padding-top: 10px;
}
#laborFormContainer .inline>.inputContainer>input, #laborFormContainer .inline>.inputContainer>select, #laborFormContainer .inline>.inputContainer>textarea {
    width: 80%;
    text-align: center;
	font-size: 1.2em;
}
#laborFormContainer div.reportForm select {
    font-size: 1.3em;
}
#laborFormContainer select#rate-day {
    margin-bottom: 20px;
}
#laborFormContainer div#uploadPhoto>div>input {
    border-bottom: 0 none !important;
	font-size: 1.1em;
	margin-top: 10px;
	width: 60%;
}
#laborFormContainer input#reportSubmit {
    font-size: 1.4em;
    padding: 4px 8px;
}
#laborFormContainer textArea {
	width: 100%;
	background: #ebf9ff !important;
    border: 1px dotted #000 !important;
}
#laborFormContainer .bottomForm .inline {
	width:80%
}
#laborFormContainer h4.panel-title {
    margin: 5px 10px;
}
div.laborFormButtons {
    margin: 20px 0 40px;
}
div.laborFormButtons>div.laborFormButton {
    display: block;
    margin: 20px 10px;
}
a.laborFormLink {
    width: 85%;
}
div.laborFormButtons>div.laborFormButton.shrink {
    margin: 5px 0;
}
div#fitem-datepicker1>label {
    float: none;
}
div#compactReportHeaders, div#selectStyle {
    display: none;
}
h2#listTitle {
    font-size: 1.2em;
	margin-bottom: 20px;
}
select#numRows {
    float: none;
	margin-bottom: 20px;
}
div#row2filters {
    text-align: center;
}
div.reportRow.compact {
    display: block;
    text-align: center;
    font-size: 1.2em;
    padding-bottom: 15px;
}
#reportsContainer div.reportRow.compact>div {
    width: 100%;
}
input#datepicker2 {
    opacity: 1;
    font-size: 1.2em;
    margin: 7px;
}
div.reportRow.compact .mobileOnlyReports {
    color: #000;
    margin-right: 4px;
}
a.openReportButton {
    border: 2px solid #0000ff;
    padding: 4px 8px;
    border-radius: 20px;
    background: #fff;
}
#reportsContainer div.reportRow.compact .col7 {
    margin-top: 20px;
	background:transparent;
}
#reportsContainer div.reportRow.compact>div {
    width: 100%;
    margin: 10px 0;
}
.singleReport .singleReportHeaders {
    display: none;
}
div#dataSlider>div.empRow {
    display: block;
    text-align: center;
    font-size: 1.2em;
	padding-top:20px;
	margin-top:20px;
	border-top:2px solid #999;
}
div#dataSlider>div.empRow .mobileOnlyReports {
    font-weight: bold;
    margin-right: 5px;
	color: #545454;
}
.empRow.totalsRow .col1>.mobileOnlyReports {
    display: none;
}
.empRow.totalsRow {
    border: 3px solid #000;
    margin-top: 30px;
    padding: 10px 0;
	background: #fff;
}
.empCol.col1 {
    color: #000;
    font-size: 1.2em;
    margin-bottom: 20px;
    font-weight: bold;
}
.qtyText {
    font-weight: bold;
    font-size: 1.2em;
}
div#printButtonContainer #printButton {
    display: none;
}
.empRow.rowB {
    background: #eee;
}
.empRow.rowA {
    background: #ddd;
}
#reportsContainer div.singleReport {
    background: #fff;
}
.reportRow.totalRow.open {
    border-top: 10px solid #efff4e;
    border-left: 10px solid #efff4e;
    border-right: 10px solid #efff4e;
}
#reportsContainer .singleReport.open {
    background: #fff;
    border-bottom: 10px solid #efff4e;
    border-left: 10px solid #efff4e;
    border-right: 10px solid #efff4e;
}
div#widgetArea {
    display: block;
}
.widget {
    width: 96%;
}
div#screen {
    max-width: 100%;
    overflow: hidden;
}
span#dahboardCompanyName {
    display: none;
}
.stickyFilters.affix>#editFilters {
    float: none;
    display: inline-block;
    margin: 0;
    margin-bottom: 10px;
    margin-top: 5px;
}
.stickyFilters {
	transition: background 300ms linear;
}
.analyticsSection .rowTextName {
	min-width: 50%;
	white-space: nowrap;
}
div.graphFoot>div {
    width: 11.5%;
    vertical-align: top;
    transform: rotate(90deg);
    transform-origin: 0 0;
    float: left;
    margin-left: 6%;
    line-height: 0em;
    white-space: nowrap;
    font-weight: bold;
}
#jobAnalyticsSlideup .nameLeft {
    min-width: 50%;
    border-top: 1px solid #777;
    max-width: 50%;
}
#jobAnalyticsSlideup .statNumbers {
    display: block;
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 1.1em;
}
#jobAnalyticsSlideup .statNumbers>div {
    width: 100%;
    text-align: center;
    background: #eee;
    margin-bottom: 5px;
    font-size: .8em;
}
#jobAnalyticsSlideup .jobInfo {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    color: #999;
    margin: 50px 0 20px;
}
span.lightH2 {
    display: block;
    font-size: .8em;
}
#editReportTable .hour.row>form {
    display: block;
    text-align: center;
}
#editReportTable .hour.row>form input {
    text-align: center;
}
#editReportTable .empNameRow>a.clearRedButton {
    display: inline-block;
    margin: 15px 50px 0;
}
span#menuPosition {
    display: none;
}
hr#menuInfoDivider {
    margin: 10px 30px 7px;
}
.widgetAreaRow {
    display: block;
}
div#searchFilters.affix {
	position: inherit;
	background: transparent;
	top: auto;
	width: auto;
	height: auto;
	padding: 0 2%;
	border-bottom: 0 none;
}
div#row2filters.affix {
	position: inherit;
	background: transparent;
	top: auto;
	width: auto;
	border-bottom: 0 none;
}
div#screen.affix {
	padding-top: 0;
}