@page { 
	margin-left: 0in;
	margin-right: 0in;
	margin-bottom: 0in;
	margin-top: 0in;
	size: US-Letter;
	font-size: 9pt; 
	font-family: serif;
	@bottom-center {content: flow(footer); margin-bottom: .65in;}
} 

#footerbox {
	flow: static(footer);
	
}
.heavy-red {
    font-weight: bold;
    color: red;
}
.no-bold {
	font-weight: normal !important;
}
.bold {
    font-weight: bold;
}
/* margin helper classes */
.margin-top-sm {
  margin-top:.5em;
}
.margin-top-md {
  margin-top:1em;
}
.margin-top-lg {
  margin-top:1.5em;
}
.margin-bottom-sm {
  margin-bottom:.5em;
}
.margin-bottom-md {
  margin-bottom:1em;
}
.margin-bottom-lg {
  margin-bottom:1.5em;
}
.margin-bottom-zero {
    margin-bottom:0px;
}
.margin-top-zero {
    margin-top:0px;
}
.margin-zero{
    margin:0px;
}
.margin-left-sm {
  margin-left:.5em;
}
.margin-left-md {
  margin-left:1em;
}
.margin-left-md-b {
  margin-left:1.2em;
}
.margin-left-lg {
  margin-left:1.5em;
}
.margin-right-sm {
  margin-right:.5em;
}
.margin-right-md {
  margin-right:1em;
}
.margin-right-lg {
  margin-right:1.5em;
}
.smaller-text {
	font-size:smaller;
}
.sub-p-no-margin, .sub-p-no-margin p {
    margin-bottom:0px;
    margin-top:0px;
}
.first-p-no-top-margin p:first-child{
  margin-top:0px;
}
.padding-all-sm {
    padding: .5em !important;
}
.padding-bottom-sm {
    padding-bottom: .5em !important;
}

.padding-top-sm {
    padding-top: .5em !important;
}
.padding-bottom-zero, .row > div.padding-bottom-zero {
    padding-bottom:0px;
}
.padding-top-zero , .row > div.padding-top-zero{
    padding-top:0px;
}
.padding-zero, .row > div.padding-zero{
    padding:0px;
}
.padding-right-sm {
    padding-right: .5em;
}
.padding-right-md {
    padding-right: 1em;
}
.padding-left-lg {
    padding-left: 1.5em;
}

a.underline, 
a.underline:link, 
a.underline:visited, 
a.underline:hover {
    text-decoration: underline;
}

/*add a default bottom padding for columns. This should help with stacking spacing as well when on mobile */
.row > div {
    padding-bottom:15px;
}
/*end margin helper classes */
.estimator-times thead th label{
 height: 30px !important;
 margin: 0px !important;
}
#daily-calendar-wrapper .estimator-times td label{
    margin: 1px 0px 1px 0px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.table-responsive.no-horizontal-borders td, 
.table-responsive.no-horizontal-borders th{
    border-top:0px;
    border-bottom:0px;
}

h1,h2 {
    font-weight:normal;
    margin: 20px 0px;
}

h8 {
    font-size: 8pt;
	line-height: 9pt;
}

table h3 {
    margin:0px;
}

hr {
width: 100%;
margin: 0px;
padding: 5px;
margin-bottom: 5px;
}

.note {
	/*font-size: 6pt; line-height: 9pt;*/
}

#body {
	color: #000;
}
.progress_invoice_table .input-group {
    max-width: 175px;
}
.progress_invoice_table textarea {
    width: 100%;
}
/* START JOB BOARD */
.daily-progress-report {
    padding: 0px 20px 20px 20px;
}
.daily-progress-report table {
    width: 100%;
}
.daily-progress-report .fc-day-grid-event  {
    max-width: 50%;
    display: inline-block;
    width: auto;
    min-width: 45%;
}
.daily-progress-report td {
    padding:2px 5px;
}

.daily-progress-report .non-job-areas .non-job-area {
    background-color: #CCCCCC;
    border-radius: 20px;
    min-height: 100px;
}
.daily-progress-report .non-job-areas .non-job-area > section {
    text-align : center;
}
.crew-member{
    color: #FFFFFF;
    text-decoration: none;
    background-color: #076324;
    margin-right: 5px;
    font-size: .85em;
    max-height: 22px;
    border-radius: 3px;
    border: 1px solid #054b1b;
    /*min-width: 45%;*/
    max-width: 100%;
    width: auto;
    z-index: 11;
    padding: 2px 5px;
    cursor: move;
}

.fc-timeline-event {
    border: 1px solid #054b1b;
    border-radius: 3px;
}
.crew-member .fc-title {
    line-height: 14px;
    vertical-align: middle;    
}

.daily-progress-report tr {
    border-bottom: 1px solid #ccc;
}

.crew-drop {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
    align-content: space-evenly;
    min-height: 60px;
    min-width: 200px;
}

.non-job-areas .non-job-area .crew-drop {
    min-height: 80px; 
}
.modal_validation {
    text-align: left;
}

#overlaydiv {
  display: flex;
  z-index: 99999;
  
  top: 0px;
  justify-content: center;
  align-items: center; }
#overlaydiv img {
    max-width: 160px; 
}
/* The side navigation menu */
.progress-report-sidenav {
    height: 100%; /* 100% Full-height */
    width: 0px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 10; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #FFF; /* Black*/
    overflow-x: auto; /* Disable horizontal scroll */
    padding-top: 0px;
    transition: .5s; /* 0.5 second transition effect to slide in the sidenav */
    border: 1px solid #054b1b;
    max-width: 95%;    
}



/* Position and style the close button (top right corner) */
.progress-report-sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

#mainJobBoard {
    padding-top: 10px;
}

#progressReportSidenav .header-container {
    display:flex;
    padding-left: 10px;
}

#progressReportSidenav .header-container > div {
    flex: 1 1 50%;
}
#progressReportSidenav .each-project-note a {
    display: inline-block;
    white-space: nowrap;
}
#progressReportSidenav .each-project-note {
    min-width: 200px;
	white-space: nowrap;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .progress-report-sidenav {padding-top: 15px;}
    
}
.max-two-characters  {
    max-width: 35px;
    padding: 0px;
    text-align: center;
}
/* END JOB BOARD */

/* START DATATABLES OVERRIDES */
.dataTable{
    width: 100%;
}
.dataTables_wrapper tbody tr td {
    padding-top: 5px;
    padding-bottom: 5px;
}

#job-board-legend-mover {
    /*border: 1px solid #eee;*/
    padding: 5px;
}
#job-board-legend-mover > span,
#job-board-legend-mover > a {
    padding: 2px 4px;
    font-size: 10pt;
    border-radius: 3px;
}
.fc-event .fc-bg {
    opacity: 0;
}
td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}
/* END DATATABLES OVERRIDES */
#legendModal .legend-here span {
    padding: 5px 10px;
}
.fc-toolbar .btn {
    margin-bottom: 5px;
}