@charset "UTF-8";
body {
	font-size: 14px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	border: 15px solid #FFFFFF;
	background-color: #F3F3F3;
}

tr.hide_one,
tr.hide_two {
	display: none;
}

tr.hide_one.show {
	display: table-row;
}


#jobTable .overdue {
	background-color: #B84343!important;
	color: #ffffff;
}
#jobTable .reminder {
	background-color: #e9ba48!important;
}

#live {
	font-size: 16px;
}
#live #topRow td,
#live #titleRow td {
	font-size: 16px;
}
#live h2 {
	font-size: 24px;
	text-transform: uppercase;
	padding-bottom: 10px;
}
#wrap {
	padding: 20px;
}
#jobTable {
	border: 1px solid #212529;
	min-width: 600px;
}
#jobTable.noTableScroll {
	min-width: 0px;
}
#jobTable tr:nth-child(odd) {
	background-color: #DDDDDD;
}
#jobTable td {
	padding: 8px 15px;
	border-right: 1px solid #212529;
	border-bottom: 1px solid #212529;
}
#jobTable .reminder td {
	padding: 8px 15px;
	border-right: 1px solid #212529;
	border-bottom: 1px solid #212529;
}
#topRow td {
	background-color: #343a40;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 15px;
	font-size: 13px;
}
#titleRow td {
	background-color: #51585e;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 15px;
}
#tableScroll {
	overflow-x: auto;
	margin-bottom: 30px;
}
#jobTable .toInvoice {
	background-color: #41C066!important;
}
#jobTable .invoiced,
#jobTable .due.late,
#jobTable .none.late {
	background-color: #B84343!important;
}
#jobTable .due,
#jobTable .no-deadline.due {
	background-color: #e9ba48!important;
}

#jobTable tr.no-deadline.no-reminder {
	background-color: transparent!important;
}
#jobTable tr.no-deadline.no-reminder:nth-child(2n+1) {
	background-color: #DDDDDD!important;
}
#jobTable tr#no-divider-colour {
	background-color: transparent!important;
}
#jobTable tr.no-deadline.no-reminder td {
	color: #212529;
}

#jobTable .invoiced td,
#jobTable .invoiced .dwnLoad,
#jobTable .late td,
#jobTable .late .dwnLoad,
#jobTable .toInvoice td,
#jobTable .toInvoice .dwnLoad {
	color: #FFFFFF;
}
.selects {
	font-size: 0px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
	margin-top: 20px;
}
select {
	width: 100%;
	font-size: 16px;
}
.selectCol {
	display: inline-block;
	width: 50%;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	max-width: 270px;
}
.btnWrap {
	display: block;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #B8B8B8;
}
#home {
	border-style: none;
}
#loginWrap {
	display: table;
	width: 100%;
	height: 100vh;
	border: 15px solid #FFFFFF;
}
#loginCell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.log {
	margin-bottom: 10px;
	max-width: 330px;
	margin-left: auto;
	margin-right: auto;
}
legend {
	margin-bottom: 30px;
}
.forgot {
	margin-top: 20px;
}
.forgot a {
	color: #212529;
	text-decoration: underline;
}
.forgot a:hover {
	color: #41C066;
}
.dwnLoad {
	color: #212529;
    text-decoration: underline;
}
.dwnLoad:hover {
	color: #212529;
    text-decoration: underline;
    opacity: 0.5;
}
#jobTable.topgap {
	margin-top: 30px;
}
#jobTable span {
	width: 30px;
	border-radius: 50%;
	height: 30px;
	display: block;
	text-align: center;
}
#jobTable span img {
	width: 30px;
	height: 30px;
}
#jobTable span.yes {
	background-color: #41C066;
}
#jobTable span.no {
	background-color: #B84343;
}
#jobTable .action {
	background-color: #ECCC6D!important;
}
#jobTable .action.urgent  {
	background-color: #F24545!important;
}
#jobTable td.link {
	padding: 0px;
}
#jobTable td.link a {
	padding: 12px 15px;
	display: block;
	color: #212529;
	text-decoration: none;
}
#jobTable td.link a:hover {
	text-decoration: underline;
}
#jobTable .urgent td.link a {
	color: #FFFFFF;
}
#jobTable .action1,
#jobTable .action2,
#jobTable .action3,
#jobTable .action4,
#jobTable .action5,
#jobTable .action6,
#jobTable .action7,
#jobTable .action8,
#jobTable .action9,
#jobTable .action10 {
	background-color: #ECCC6D;
}
#jobTable .urgent1,
#jobTable .urgent2,
#jobTable .urgent3,
#jobTable .urgent4,
#jobTable .urgent5,
#jobTable .urgent6,
#jobTable .urgent7,
#jobTable .urgent8,
#jobTable .urgent9,
#jobTable .urgent10 {
	background-color: #F24545!important;
}
.tableHeading {
	font-size: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 0px;
	text-transform: uppercase;
	display: inline-block;
}
.tableHeading span {
	width: 30px;
	border-radius: 50%;
	height: 30px;
	display: inline-block;
	margin-right: 10px;
}
.tableHeading span.yes {
	background-color: #41C066;
}
.tableHeading span.no {
	background-color: #B84343;
}
.tableHeading span img {
	width: 30px;
	height: 30px;
}
#tableScroll.tsection {
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 20px;
	padding-right: 20px;
	border-top: 15px solid #FFFFFF;
	padding-top: 30px;
}
#tableScroll.tsection.none {
	margin-bottom: 0px;
}
.customerHead {
	font-weight: 700;
	font-size: 22px;
	text-transform: uppercase;
	padding-bottom: 15px;
}
.action.urgent {
	color: #FFFFFF;
}
.backList {
	text-transform: uppercase;
	padding: 3px 20px;
	border-radius: 100px;
	display: inline-block;
	background-color: #343a40;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	margin-bottom: 20px;
	border-style: none;
}
.backList:hover {
	background-color: #7E8287;
	color: #FFFFFF;
	text-decoration: none;
}