tbody,p,h1,h1,h2,h3,h4,h5,h6 {
	font-family: 'Roboto', sans-serif;
}

.off-canvas-wrapper{
	overflow-y: visible !important;
	min-height: 100vh !important;
}


.button.transparent,
.button.transparent:hover,
.button.transparent:focus {
	background-color:rgba(255,255,255,0);
}

.button.not-available{
	background-color:#666;
}

.button.not-available:hover{
	background-color:#999;
}

.button.not-allowed:hover{
	cursor: not-allowed;
}

.button.not-actioned {
	background-color:#b00;
	color:#fff !important;
}

.button.inprogress {
	background-color: #ffde00;
	color:#fff !important;
}

.button.inprogress.not-allowed{
	background-color: #ffde00 !important;
}

.button.not-available i,
.button.not-actioned i,
.button.update i,
.button.inprogress i {
	color:#fff !important;
}

.button.not-actioned:hover {
	background-color:#f00;
}

.button.update {
	background-color:#0b0;
	color:#fff !important;
}

.button.update:hover {
	background-color:#0f0;
}

.awb-job-table{
	/*
	user-select: none;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 */
}

.awb-job-table td .fa-check {
	color:#0b0;
}

.awb-job-table td .fa-times {
	color:#b00;
}

.awb-job-table td .fa-times.inprogress {
	color:#ffde00 !important;
}

.awb-job-table .awb-task-complete {
	text-decoration: underline;
}

.rounded {
	border-radius: 100px;
}

.radius,
.label.radius {
	border-radius: 3px;
}

.awb-modal-form-section{
	padding:1rem 0;
	border-bottom:solid 1px #f5f5f5;
}

.awb-modal-form-section .grid-x {
	margin-bottom:0.5rem;
}

.awb-modal-form-section,
.awb-modal-form-option{
	margin-bottom:1rem;
}

.awb-modal-form-section label{
	color:#555;
}

.awb-modal-form .not-required-row {
	margin-bottom:1rem;
}

#awb_header.awb-dashboard{
	margin-bottom:0;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:10;
}

#awb-dashboard-main,
.awb-dashboard-supplier,
.awb-dashboard-client{
	margin-top:40px;
	margin-bottom:60px;
}


#awb-jobs-tabs{
	margin-top:20px;
	margin-bottom:20px;
}

#awb-jobs-tabs li.tabs-title.is-active > a {
	background-color:#5A66C7;
	color:#fff;
	font-weight:bold;
}

table.awb-job-table{
	background-color:#fff;
}

table.awb-job-table.processing .dropdown {
	visibility: hidden;
	height:1px;
	overflow: hidden;
}

table.awb-job-table tbody tr:nth-child(even) td {
	background-color:#f9f9f9;
}

table.awb-job-table tbody tr:hover td {
	background-color: #e0e3fd;
}

.awb-task-logo,
.awb-task-logo img,
table.awb-job-table tbody tr td .awb-job-logo {
	max-height: 40px;
	max-width: 80px;
	width:auto;
	height:auto;
}

.awb-modal-form,
.awb-modal-form:focus{
	outline:none;
}

.awb-modal-form table tbody td {
	font-size:0.625rem;
	padding:0.5rem;
}

.awb-table-container {
	width:100%;
	overflow-x: scroll;
	overflow-y: visible;
	height: calc(100vh - 134px);
}

.awb-table-container .awb-table-header {
	height:60px;
	display: flex;
	align-items: center;
	padding:0 20px;
	position: sticky;
	top:0;
	left:0;
	max-width:100vw;
	width:100%;
	z-index:5;
	background-color: #f8f8f8;
}

.awb-table-container .awb-table-header .count {
	padding:0 20px;
}

.awb-table-container .awb-table-header .count .stat {
	font-size:12px;
	font-weight: bold;
	background-color: #666;
	border-radius: 30px;
	color:#fff;
	width:36px;
	height:36px;
	display:block;
	line-height: 36px;
	text-align: center;
}

.awb-table-filters {
	display:grid;
	grid-template-columns: repeat(3, auto);
	grid-column-gap: 20px;
}

.awb-table-container .awb-table-header h2{
	margin-bottom: 0;
}

table.awb-job-table thead,
table.awb-job-table tfoot{
	background-color:#f8f8f8;
}

table.awb-job-table thead{
	margin-bottom:5px;
}

table thead th,
table tfoot th{
	font-size:10px;
	line-height:12px;
	padding:10px 5px;
}

table.awb-job-table,
table.awb-job-table thead,
table.awb-job-table tbody{
	border:0;
}

table.awb-job-table thead,
table.awb-job-table tbody > tr,
table.awb-feedback-table thead,
table.awb-feedback-table tbody > tr{
	border-bottom:solid 1px #f9f9f9;
}

table.awb-job-table tbody > tr td,
table.awb-job-table tbody > tr th,
table.awb-feedback-table tbody > tr td{
	font-size:12px;
	background-color: #fff;
	min-width:70px;
}
table.awb-job-table tbody > tr th .address{
	font-size:14px;
	font-weight: bold;

}

.awb-permit-column,
.awb-permit-column a,
.awb-table-container .awb-job-table thead th.awb-permit-column a{
	color:#008d00;
}

.awb-workdraw-column,
.awb-workdraw-column a,
.awb-table-container .awb-job-table thead th.awb-workdraw-column a{
	color:#b00;
}

.awb-devapp-column,
.awb-devapp-column a,
.awb-table-container .awb-job-table thead th.awb-devapp-column a{
	color:#0d7bd7;
}

.awb-draft-column,
.awb-draft-column a,
.awb-table-container .awb-job-table thead th.awb-draft-column a{
	color:#555;
}

.awb-stage {
	display:inline-block;
	background-color:#333;
	border-radius:20px;
	width:12px;
	height:12px;
}

.awb-stage.complete {
	background-color: #3ceb50;
}

.awb-stage.inprogress {
	background-color: #ffde00;
}

.awb-stage.incomplete{
	background-color: #b7b7b7;
}

.awb-stage-label{
	display:block;
	font-size:8px;
	text-align: center;
}

.awb-dashboard-header {
	padding-top:15px;
	padding-bottom:15px;
}


.awb-builder-logo-list{
	width:100px;
	text-align: center;
}

.awb-builder-logo-list img {
	max-width:100px;
	max-height:40px;
	width:auto;
	height:auto;
}

#awbNewJobModal.reveal {
	background-color: #f9f9f9;
}

#awbNewJobModal.reveal #awb-header-new-job-form {
	background-color:#fff;
	padding-top:50px;
	margin-bottom:50px;
	border-bottom:solid 1px #c5c6cb;
}

#awbNewJobModal.reveal #awb-header-new-job-form h3,
#awbNewJobModal.reveal #awb-header-new-job-form p{

}

#awbNewJobModal h1{
	font-size:28px;
}

#awb_form_new_job_loader {
	padding:50px;
}

#awbformNewJob{
	margin-bottom:100px;
}

#awbformNewJob fieldset{
	padding:25px;
	border-top:solid 1px #c5c6cb;
}

#awbformNewJob fieldset:first-child{
	border-top:0;
}

#awbformNewJob legend{
	font-size:20px;
	margin-bottom:15px;
	font-weight:500;
}

.awb-new-job-client{
	border-top:solid 2px #c5c6cb;
	margin-top:15px;
	padding-top:15px;
}

#awb-agent-toggle-legend,
#awb-builder-toggle-legend{
	position:fixed;
	right:0;
	top:50%;
	transform: rotateZ(90deg) translateY(-100%);
	border-radius: 0 !important;
	z-index:10;
}

#awb-legend {
	position: fixed;
	top:0;
	right:0;
	width:550px;
	bottom:0;
	overflow-y: scroll;
	box-shadow: inset 13px 0 20px -13px rgba(10,10,10,.25);
	background-color: #e6e6e6;
	z-index: 10;
	padding:40px 20px;
}

#awb-legend-close {
	position: absolute;
	top:30px;
	right:30px;

}

#awb-left .awb-content,
#awb-right .awb-content{
	font-size:0.875rem;
	padding:40px 20px;
}

.awb-action-cell.builder{
	padding-right:30px;
}

.permit-dropzone{
	margin-bottom: 1rem;
}

.permit-dropzone.dropzone .dz-preview,
.permit-dropzone .dz-preview {
	margin: 8px;
}

.permit-dropzone.dropzone .dz-preview .dz-image,
.dropzone .dz-preview .dz-image{
	width:230px;
}

.permit-dropzone.dropzone .dz-preview.dz-complete .dz-image{
	background:none !important;
	background-color:#d2ffd1 !important;
}

.awb-icon-button-spacer {
	display:block;
	padding:.5em 1em;
	line-height:1rem;
	max-height:28px;
}

.awb-dropdown-container{
	position: relative;
	overflow: visible;
	min-height: 28px;
	min-width:50px;
	display:inline-block;;
	margin:auto;
}

.awb-dropdown-container .awb-dropdown-trigger-link {
	position:absolute;
	left:0;
	top:0;
	padding-right: 15px;
}

.awb-dropdown-container .awb-dropdown-trigger-link .fa-caret-down {
	position: absolute;
	top:50%;
	right:4px;
	transform: translateY(-50%);
}

.awb-dropdown-container .awb-dropdown-trigger-link .awb-icon-button-spacer{
	padding:.5em 1.25em .5em 0.75em;
}

.awb-dropdown-container .awb-dropdown-trigger-link .awb-icon-button-spacer + .fa-caret-down {
	right:20px;
}

.awb-dropdown-container .awb-dropdown-trigger .awb-dropdown-trigger-link {
	height:28px;
	line-height: 28px;
	color:#5a66c7;
}

.awb-dropdown-container .awb-dropdown-trigger .awb-dropdown-trigger-link:hover {
	cursor: pointer;
}

.awb-dropdown-container .awb-dropdown-trigger .awb-dropdown-options{
	display:none;
	position: absolute;
	background-color:rgba(0,0,0,0.9);
	border-radius: 5px;
	z-index: 1000;
	color:#fff;
	font-size:11px;
	width: 300px;
	top:25px;
	right:0;
}

.awb-dropdown-container .awb-dropdown-trigger .awb-dropdown-options li{
	width:100%;
	text-align: left;
	display:block;
}

.awb-dropdown-container .awb-dropdown-trigger:hover .awb-dropdown-options{
	display:block;

}

.awb-dropdown-container .awb-dropdown-trigger:hover .awb-dropdown-options a,
.awb-dropdown-container .awb-dropdown-trigger:hover .awb-dropdown-options .title,
.awb-dropdown-container .awb-dropdown-trigger:hover .awb-dropdown-options .awb-deleted{
	color:#fff;
	display: block;
	padding: 0.5rem 1rem;
	width:100%;
}

.awb-dropdown-container li > a,
.awb-dropdown-menu.dropdown.menu > li > a {
	padding: 0.5rem 1rem;
}

.awb-dropdown-menu .is-dropdown-submenu,
.awb-dropdown-menu.dropdown-pane{
	background-color:rgba(0,0,0,0.9);
	color:#fff;
	border-radius:5px;
	border:0;
}

.awb-dropdown-menu.dropdown-pane li a {
	font-size:12px;
	color:#fff;
}

.awb-dropdown-menu .is-dropdown-submenu a {
	color:#fff !important;
}

.awb-dropdown-container hr,
.awb-dropdown-menu hr{
	margin:5px 0;
}

.awb-dropdown-menu div {
	padding:.7rem 1rem;
}

.awb-manage-job-file-row {
	margin-bottom: 1rem !important;
}

td.awb-remove-cell{
	width:60px;
}

td.awb-date-cell{
	width: 20%;
}

.awb-deleted{
	text-decoration: line-through;
}

#awb-nointernet{
	background-color: #b00;
	position: fixed;
	left:0;
	right:0;
	bottom: 0;
	color:#fff;
	text-align: center;
	z-index: 100;
	padding: 5px;
	font-size: 12px;
	font-weight: 600;
}

@media screen and (min-width: 750px) {

	.awb-dashboard-header {
		padding-top:25px;
		padding-bottom:25px;
	}

	#awb-left, #awb-right{
		width:550px !important;
	}


	table.awb-job-table .awb-table-fixed {
		position: absolute;
	}

	.awb-job-table:not(.awb-backup-table) td {
		height:110px;
	}

	/* even columns */
	table.awb-job-table .awb-table-fixed {
		width:200px;
		left:.9375rem;
		border-bottom:solid 1px #f9f9f9;
	}

	/* 2 column address / dropdown */
	.awb-table-container.fixed-2col .awb-table-fixed.col1{
		width:135px;
	}

	.awb-table-container.fixed-2col .awb-table-fixed.col12{
		width:200px;
	}

	.awb-table-container.fixed-2col .awb-table-fixed.col2{
		width:65px;
		left:calc(135px + 0.9375rem);
		padding:1rem 0;
	}

	.awb-table-container.fixed-2col{
		margin-left: 200px;
		width: calc(100% - 200px);
	}

	.awb-table-container.awb-table-builder.fixed-2col{
		width: calc(100% - 230px);
		margin-right: 30px;
	}




}

#awbAgencyLogoContainer img,
#awbBuilderLogoContainer img,
#awbAgentLogoContainer img{
	width:auto;
	max-height:50px;
}

.awb-table-title {
	color:#111;
}


.toolbar-button,
a.toolbar-button {
	width:75px;
	height:64px;
	display: grid;
	grid-template-rows: 35px 25px;
	align-items: center;
	position:relative;
}

#awb-toolbar-tabs a.toolbar-button .badge {
	position:absolute;
	top:2px;
	right:2px;
	font-weight: bold;
	background-color: #333;
}

#awb-toolbar-tabs .toolbar-split {
	width:1px;
	height:50px;
	border-left:solid 0.5px #ccc;
	margin-left:5px;
	margin-right:4px;
}

#awb-toolbar-tabs a.toolbar-button.task {
	color:#3c92e1;
}

#awb-toolbar-tabs a.toolbar-button.report {
	color:#005b7d;
}


#awb-toolbar-tabs a.toolbar-button.active {
	color:#fff;
	background-color: #5A66C7;
}

#awb-toolbar-tabs a.toolbar-button.task.active {
	background-color: #3c92e1;
}

#awb-toolbar-tabs a.toolbar-button.report.active {
	background-color: #005b7d;
}

.toolbar-button.new,
a.toolbar-button.new {
	color:#3cb400 !important;
}

.toolbar-button .icon {
	display: block;
	text-align: center;
	font-size:20px;
}

.toolbar-button .caption {
	font-size:12px;
	font-weight: bold;
	text-align: center;
	line-height: 13px;
	height:24px;
	display: block;
}