body {
	height: 100%;
	font-family: "DM Sans";
	cursor: default;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Poppins';
}

a:hover, a:focus, a:active { color: #283891; text-decoration: none; }

.mertzcrew-menu a:hover { color: #283891; }

.navigation ul li a:hover {
	background: #283891;
	color: #fff;
}

.mt10 { margin-top: 10px; }
.mb0 { margin-bottom: 0!important; }

.mcred { color: #CA1F27;}
.pcblue { color: #283891;}

.toggle-group-heading:hover {
	background-color: #283891;
	color: #FFFFFF;
}

.static-group-heading {
	background-color: #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
    padding: 0 10px;
    line-height: 3em;
	font-size: 1.2em;
	display: block;
}
.static-group-heading-title { display: inline-block; float: none; margin-right: 10px; margin-left: 20px;}
.static-group-heading-title-center { display: block; text-align: center; }
.static-group-heading-subtitle { display: block; float: right; margin-right: 10px; }

.no-bg:hover {
	background: none !important;
}

#btnFormLogin {background-color: #283891; color: #EEEEEE; border: #283891;}
#btnFormLogin:hover {background-color: #272773; color: #EEEEEE; border: #272773; stroke: none;}
#btnFormLogin:focus {background-color: #283891; color: #EEEEEE; stroke: #F0CB83;}

.material-box input:hover, input:focus {    border-color: #283891 !important; outline: 0 !important;}

.sign-up-button a:hover {background-color: #283891 !important; color: #EEEEEE; border: #283891;}

::selection { background: #00a651 !important; color: #FFFFFF; text-shadow: none; }

.project-link:hover { background-color: #283891;; color:#ffffff !important; }
.project-link:hover .payrollcrew-anchor, .project-link:hover #spanContractScheduleRate{ background-color: #283891; color:#ffffff; }


.project-open-role { font-size: 20px; color:#283891;; display: block;}

.project-open-link button:hover,.project-open-link button:active,.project-open-link button:focus {
	background-color: #283891;; color:#ffffff;
}

button:active, button:focus, button:hover { background-color: #283891;; color:#FFFFFF; outline:none; cursor:pointer; }

.btn, .payroll_crew-modal-close { background-color: #283891 ; color: #EEEEEE; border: #283891; }
.btn:hover, .payroll_crew-modal-close:hover { background-color: #272773; color: #EEEEEE; border: #272773; stroke: none; }
.btn:focus, .payroll_crew-modal-close:focus { background-color: #283891; color: #EEEEEE; stroke: #F0CB83; }
/* 
#btnCalculate:hover { background-color: #008D45; color: #EEEEEE }

#btnViewWorkweek { background-color: #333399; color: #EEEEEE; border-color:#333399; }
#btnViewWorkweek:hover, #btnViewWorkweek:focus { background-color: #2D2D86; color: #EEEEEE; border-color:#333399; } */

#btnFullContract { margin-bottom: 10px; background-color: #FFFFFF; color: #283891; border: #283891 solid 1px; }
#btnFullContract:hover  { background-color: #272773; color: #FFFFFF !important; border-color: #272773 }
#btnFullContract:focus {color: #283891 !important;  border: 1px solid #F0Cb83 !important }

#btnShowSchedule { margin-bottom: 10px; background-color: #FFFFFF; color: #283891; border: #283891 solid 1px; }
#btnShowSchedule:hover  { background-color: #272773; color: #FFFFFF !important; border-color: #272773; }
#btnShowSchedule:focus {color: #283891 !important;  border: 1px solid #F0Cb83 !important; }

#divExpenses {max-height: 150px; border: solid 1.5px #D9D9D9; overflow-y:scroll; border-radius: 5px;}

#btnUploadExpense { margin-bottom: 10px; background-color: #FFFFFF; color: #283891; border: #283891 solid 1px; }
#btnUploadExpense:hover  { background-color: #272773; color: #FFFFFF !important; border-color: #272773; }
#btnUploadExpense:focus {color: #283891 !important;  border: 1px solid #F0Cb83 !important; }

.expense-item { background-color: #F8F8F8; border: solid 1.5px #D9D9D9; width: auto; margin: 10px; border-radius: 3px; padding-top: 10px; padding-bottom: 10px;}

.modal-close:hover {background-color: #283891 !important; color: #EEEEEE;}

.btn-mertzred { background-color: #283891; color: #EEEEEE; }
.btn-payrollcrewblue { background-color: #283891 !important; color: #EEEEEE; }

.btn-md{
	padding: 10px 40px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
}

.payrollcrew-anchor, #spanContractScheduleRate {color: #283891;}

.inactiveLink {
	pointer-events: none;
	cursor: default;
 }

.nav-tabs>li>a:hover, .nav-tabs>li>a:focus { background-color:#283891; border-color:transparent; color:#FFFFFF; }


.fcr    {color:#00a651 !important;}


#litProjectName {
    color: #00a651;
}

.label-mertzred { background-color: #00a651; }

.mertzred { color: #00a651}

.bootstrap-switch span.bootstrap-switch-handle-on.bootstrap-switch-primary { background: #00a651; color: #FFFFFF; }

.btn:focus, .form-control:focus {
    border-color: #283891 !important;
    outline: 0 !important;
}

.payroll-crew-is_worked_day-checkbox:hover { color: #ffffff!important; }

textarea.form-control:focus,
input[type=text].form-control:focus,
select.form-control:focus {
  box-shadow: 0 0 15px 0px rgba(40, 56, 145, .65);
  background-color:#ffffff;
}

.navigation ul li a:hover .project-count {
    color: #00a651;
}

.loading-logo {
	background-image: url("../img/payrollcrew-loading-logo.gif") !important;
}

#btnSubmit {
	color: #fff;
    background-color: #283891;
    border-color: #283891;
}

#btnSubmit:hover {
	color: #fff;
    background-color: #00a651;
    border-color: #00a651;
}
#btnOk, #btnCancel {
	background-color: #283891 ; color: #EEEEEE; border: #283891;
}

#btnOk:hover, #btnCancel:hover {
	background-color: #272773; color: #EEEEEE; border: #272773; stroke: none;
}

.payroll-crew-modal-btn { background-color: #283891; color: #EEEEEE; border: #283891; }
.payroll-crew-modal-btn:hover { background-color: #272773; color: #EEEEEE; border: #272773; stroke: none; }
.payroll-crew-modal-btn:focus  { background-color: #283891; color: #EEEEEE; stroke: #F0CB83; }

#headerText {
	font-family: inherit;
	color: #fff;
}
#modalConfirmHeaderText {
	font-family: inherit;
	font-weight: bold;
	color: #283891;
	margin: 20px 0 0 0;
}
.modalHeadertext{
	font-family: inherit;
	font-weight: bold;
	color: #283891 !important;
	margin: 20px 0 0 0;
}
.modal-content {border-radius: 5px;}

.payroll_crew_requirement {
	background-image: url('../img/payroll-crew.png');
	display: block;
	text-align: center;
	height: 50px;
	background-size: 160px auto;
	background-repeat: no-repeat;
	background-position: center;
	border: 0px none;	
}

/* Tech work-week */
.current-week-arrows {
    background: none !important;
    border: none !important;
}

.week-panel-body {
    margin-bottom: 0px !important;
    border-bottom: 1px solid #DDDDDD;
}

.overlay {
    position: relative;
    background-color:#ccc;
    opacity: .6;
    z-index: 9999999;
}


.overlay button {
    color:#cccccc;
}

.payroll_crew_totals { 
    background-color: #eaeaea;
	color: #000000;
    padding: 5px;
    border-radius: 3px;
}

.payroll-crew-service-totals { 
    background: #00a651; 
    color: #FFFFFF; 
    padding: 5px;
    border-radius: 3px;
}

.week-panel-body .row {
    margin-bottom: 10px;
}
.week-panel-body #pnlAutoTrackHours .row {
    margin-bottom: 0px;
}

.dot, .dot-premium-1, .dot-prime-2 {
    height: 10px;
    width: 10px;
    background-color: #00a651;
    border-radius: 50%;
    display: inline-block;
}

.dot-premium-1 {
    background-color: #283891;
}

.dot-prime-2{
    background-color: #808080;
}

#divWorkweekDays::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

 #divWorkweekDays::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.padtop20 { padding-top:20px !important;}
.padtop10 { padding-top:10px !important;}
.padtop5 { padding-top:5px !important;}
.padbot5 { padding-bottom:5px !important;}
.padbot10 { padding-bottom:10px !important;}
.padbot20 { padding-bottom:20px !important;}

.fcgray {
	color: #777777
}

#calculateAndSaveDayEntryBtn {
	background-color: #333399;
}
#calculateAndSaveDayEntryBtn:hover {
	background-color: #2D2D86;
}
#submitDayEntryBtn {
	background-color: #00a651;
}
#submitDayEntryBtn:hover{
	background-color: #008d45;
}
#employmentAgreementBtn{
	background-color: #ffffff;
	border-color: #cccccc;
	color: #000000;
}
#employmentAgreementBtn:hover{
	background-color: #EEEEEE;
	border-color: #cccccc;
	color: #000000;
}

.toggle-group-heading-title {
	display: inline-block;
	float: none;
	margin-right: 10px;
	margin-left: 0px !important;
}
.toggle-group-header {
    padding: 0 10px;
    line-height: 3em;
    font-size: 1.2em;
    display: block;
    background-color: #FFFFFF;
    border-bottom: 1px solid #DDDDDD;
}
.toggle-group-heading {
    padding: 0px 15px;
    cursor: pointer;
    line-height: 3em;
    font-size: 1.2em;
    display: block;
}
#spnContractHours, #spnPremiumHours, #spnPrimeHours {
	display: inline;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    vertical-align: baseline;
}
#litContractHours{
	/**background-color: #cccccc;
	padding: 0.2em 0.6em 0.3em;**/
	border-radius: 0.25em;
	min-width: 50%;
	display: inline-block;
	text-align: right;
  }
  .pc_payrule_key{ color: grey }
#litRegularHoursTotal, #litPremiumTotal, #litPrimeTotal, #litPenaltiesTotal, #ExpensesTotal, #PerDiemTotal {
	background-color: #cccccc;
	display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em
}
#pnlRegularHours, #pnlPremiumHours, #pnlPrimeHours {
	padding: 3px 0px 0px 0px;
}

#restBreak {
padding-bottom: 10px;
}

#restBreakSwitch {
	padding-left: 2.6em;
}
#mealBreakOneStart, #mealBreakTwoStart {
    width: 110%;
    margin: 0px 0px 0px 35px;
}
#mealBreakOneEnd, #mealBreakTwoEnd {
    margin: 0px 0px 5px 100px;
    width: 110%;
}
#mealBreakOneDdl, #mealBreakTwoDdl {
	width: 95%;
}
#mealBreakOneStart, #mealBreakOneEnd, #mealBreakOneDdl, #mealBreakTwoDdl, #mealBreakTwoStart, #mealBreakTwoEnd {
    font-size: 13px;
}
.icon-div {
    padding-top: 5px !important;
    padding: 0px 0px;
    width: 8.666667%;
}
.calc-save-div {
	padding: 15px;
}
div#toggleExpensesGroupHeading, div#toggleNotesGroupHeading {
    padding: 0px 10px 0px 20px;
}
div#payrollCrewIsWorkedDayRow {
    margin-bottom: 0px;
}
.did-you-work-switch {
	padding-top: 7px;
}
.pad-right {
	padding: 0px 5px 0px 0px !important;
}
.custom-pad {
	padding: 0px 5px 0px 2px !important;
}
#lvProjectSchedule > .row.project-link.active:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}
#lvProjectSchedule > .row.project-link.active:last-child {
	border-bottom: 0;
	padding-bottom: 10px;
}
#alertAccepted {
	background-color: #3DAE75;
	border-radius: 5px;
}
.alert-client-approved {
	background-color: #3aa052;
	color: #ffffff;
}
#alertAcceptRequired {
	background-color:  #CB595E;
	border: 2px solid #CB595E;
	border-radius: 5px;
	margin: 20px 20px 20px;
}
#declineAgreement{
	background-color: #CB595E;
    border: 2px solid #CB595E;
    border-radius: 5px;
    margin: 0px 20px 20px;
}
#reviseAgreement{
	color:#fff;
	background-color:#3DAE75;
	border:2px solid #3DAE75;
	border-radius: 5px;
	margin: 0px 20px 20px;
}
/* .alert-submit-week { background-color: #F5CE6B; color: #333399} */

.alert-client-pending .alert-submit-week-pending_calculate {
	background-color: #D4A61F;
	color: #ffffff;
}

.alert-submit-week-approved { 
	background-color: #54B355; 
	color: #ffffff; 
	border-radius: 5px;
}

div#divCalculationWell {
    padding-right: 2.6em;
}
div#breakDiv {
    padding-right: 2.1em;
}

.fr { float: right !important;}
.fl { float: left !important;}

.navigation ul li a.selected { background-color: #283891; color: #ffffff}
@media (max-width: 768px) {
	#mealBreakOneStart, #mealBreakTwoStart {
		width: 110%;
		margin: 0px 0px 0px 35px;
	}
	#mealBreakOneEnd, #mealBreakTwoEnd {
		margin: 0px 0px 5px 100px;
		width: 110%;
	}
	button#btnDayNotesSave {
		margin-bottom: 15px;
	}
	.navigation ul li a {
		padding: 2px 2px 10px;
		line-height: 1em;
	}
}
@media (max-width: 425px) {
	#mealBreakOneStart, #mealBreakTwoStart {
		width: 110%;
		margin: 0px 0px 0px 4px;
	}
	#mealBreakOneEnd, #mealBreakTwoEnd {
		margin: 0px 0px 5px 26px;
		width: 110%;
	}
	p.payroll-crew-loading-text {
		line-height: initial;
		margin: 0 0 10px;
	}
}
.main-page {
    padding: 0 0 0 0;
}
.margin0 {
    margin: 0 !important;
}
.pad0r {padding-right: 0px;}
#revision-container .bootstrap-switch span.bootstrap-switch-handle-off.bootstrap-switch-default{
	background:#000000
}

.bb0 { border-bottom: 0 !important; }