@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600&display=swap');

body, input, textarea, select
{
	/*font-variant-numeric: normal;*/

	-webkit-font-feature-settings: "lnum";
	-moz-font-feature-settings: "lnum";
	font-feature-settings: "lnum";

}

.hide {
	display: none;
}

.show {
	display: block;
}

.clear {
	clear: both;
	overflow: hidden;
	height: 0;
}

.mandatory {}

.mandatory::after {
    color: red;
    padding-left: 4px;
    content: "*";
}

a {
	/*color: #a4c342;*/
}

a.link_underlined {
	text-decoration: underline;
}

.white {
	color: white;
}

.red {
	color: red;
}

.green, .green:hover {
	color: #a4c342;	/* iWaste green */
}

.dark-green {
	color: #393;
}

.grey {
	color: #aaaaaa;
}

.very-light-grey {
	color: #eeeeee;
}

.dark-grey {
	color: #777777;
}

.btn-iwaste-green {
	color: white;
	background-color: #a4c342;	/* iWaste green */
}

.btn-iwaste-green:hover {
	color: white;
}

.btn-large-text {
	font-size: 1.4em;
}

.black_link {
	/*color: black;*/
	color: #212529;
}

.black_link:hover {
	/*color: black;*/
	color: #212529;
}

.bold {
	font-weight: bold;
}

.small {
	font-size: 0.85em;
}

.medium {
	font-size: 1.05em;
}

.large {
	font-size: 1.25em;
}

.table .no_border_top {
  border-top: 0px solid #dee2e6;	/* phase out old usage on single top row (use class below), but keep for special situations */
}

table.no_border_top th {
  border-top: 0px solid #dee2e6;
}

.table .no_padding_top {
  padding-top: 0px;
}

.table_bottom_border {
	border-bottom: 1px solid #E6E2DE;
}

.table tfoot.top_border {
	border-top: 2px solid #E6E2DE;
}

.thead-lighter {
	background-color: #f3f3f3;
}

tr.yellow {
	background-color: #fefccb;
}

tr.light-grey {
	background-color: #f7f7f7;
}

/* FORMS */

.form_field_fake {
	border: 1px solid #ced4da;
	border-radius: 5px;
	padding: 6px 8px;
	background-color: white;
}

.form_field_transparent {
	padding: 6px 8px;
}

.form_field_transparent_full {
	background-color: transparent;
	border: 0px;
}

.form_field_transparent_full:disabled {
	background-color: transparent;
	border: 0px;
}

.form_field_readonly_white {
	background-color: #f7f7f7 !important;
}

.card-body input[type=text], .card-body textarea, .card-body select {
	background-color: #f7f7f7;	/*#f5f8fa;	- site background	*/
}

.custom-file-label {
	background-color: #f7f7f7 !important;
}


/* JOBS */

.job_location_search {

}

	.job_location_search_results {

	}

.job_location_account_selected {
	margin-bottom: 16px;
	border: 1px solid #dad4ce;
	border-radius: 3px;
	padding: 8px 10px;
	background-color: #f7f7f7;
}

.job_location_account_selected i {
	font-size: 1.3em;
	line-height: 1.3em;
}

.job_location_sites_contacts {
	margin-bottom: 16px;
}

.job_location_sites_contacts_error {
	color: red;
}


.job_description_outline {
	margin-bottom: 16px;
	border: 1px solid #dad4ce;
	border-radius: 3px;
	padding: 8px 10px;
	/*background-color: white;*/
}


/* CALENDAR (BOOTSTRAP) */

.datepicker {
	font-family: Arial, Helvetica, sans-serif;
}


/* CALENDAR */

.calendar_heading_date_range {
	white-space: nowrap;
}

.calendar_heading_date {
	line-height: 1.5em;
	font-size: 1.5em;
	/*font-weight: bold;*/
}

a.calendar_heading_date_arrow i {
	line-height: 1.5em;
	font-size: 1.5em;
	font-weight: bold;
	color: #ccc;
	padding: 0px 4px;
}

a.calendar_heading_date_arrow:hover i {
	color: #999;
}

.calendar_week_job_value {
	border: 1px solid #bbbbbb; 
	padding: 6px 8px; 
	border-radius:3px; 
	white-space: nowrap;
}

table.calendar {
	table-layout: fixed;
	background-color: white;
	width: 100%;
	border-top: 1px solid #dddddd;
}

table.calendar th {
	background-color: #f3f3f3;
	border-bottom: 1px solid #dddddd;
}

table.calendar th.day {
	padding: 6px 2px;
	font-weight: normal;
	min-width: 120px;
	min-height: 45px;
}

table.calendar th.day .day_name {
	font-size: 1.1em;
	font-weight: bold;
}

table.calendar th.day .date {
	font-size: 0.95em;
}

table.calendar td.driver_name {
	padding: 4px 6px;
	font-size: 1.3em;
	min-width: 140px;
	height: 80px;
	vertical-align: top;
	border-bottom: 1px solid #dddddd;
}

table.calendar td.day {
	padding: 6px 2px;
	border-bottom: 1px solid #dddddd;
	vertical-align: top;
}

.calendar .event_container {
	height: 19px;
}

.calendar .event {
	height: 19px;
	border-radius: 3px;
	padding: 1px 2px;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.65em;
	cursor: default;
}

.calendar .event_full_day {
	border: 1px solid #6c757d;
	background-color: #6c757d;
	color: #ffffff;
}

.calendar .event_half_day {
	border: 1px solid #6c757d;
	background-color: #6c757d;
	color: #ffffff;
}

.calendar .vehicle_loading_item {
	position: relative;
	height: 19px;
	border-radius: 3px;
	padding: 1px 2px;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.65em;
	cursor: default;
}

.calendar .vehicle_loading_item .day_under_valued {
	position: absolute;
	top: 1px;
	left: 5px;
	color: #E30B5C;
}

.calendar .vehicle_loading_item .day_locked {
	position: absolute;
	top: 1px;
	right: 5px;
	/*color: #a4c342;*/
	color: #666666;
}

.calendar .vehicle_loading_none {
	border: 1px solid #dddddd;
	background-color: #f3f3f3;
	color: #777777;
}

.calendar .vehicle_loading_entire_day {
	border: 1px solid #bbbbbb;
	background-color: #bbbbbb;
	color: #ffffff;
}

.calendar .vehicle_loading_entire_day .day_under_valued {
}

.calendar .vehicle_loading_data_container {
	border: 1px solid #bbbbbb;
	margin: 0px;
	padding: 0px;
}

.calendar .vehicle_loading_data_used {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #bbbbbb;
}

.calendar .vehicle_loading_data_unused {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #f3f3f3;
}

.calendar .vehicle_loading_over {
	border: 1px solid #df8f90;
	background-color: #ffd2d3;
	color: #871414;
}


.calendar .job {
	display: block;
	padding: 2px 4px;
	border-radius: 3px;
	margin-bottom: 3px;

	font-family: "Open Sans", sans-serif;
	font-weight: 600;

	font-size: 0.90em;
	color: white;

	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	position: relative;
}

.calendar .job_orig {
	display: block;
	padding: 2px 4px;
	border-radius: 3px;
	margin-bottom: 3px;

	font-size: 0.90em;
	color: white;

	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	position: relative;
}

.calendar .job:hover {
	text-decoration:none;
	color: white;
}

.calendar .job .job_icons {
    position: absolute;
    bottom: 0;
    right: 0;

	color: white;
	padding: 0px 4px;
	font-size: 1.25em;
	font-weight: bold;
}

.calendar .job_highlight {
	border-bottom: 2px solid red;	/* not used currently */
}

.calendar .job_cancelled {
	border: 2px solid red;
}

/* job type classes used on both calendars */

.job_type_5 {
	background-color: #6fa7de;		/* collection - blue */
}

.job_type_10 {
	background-color: #a4c342;		/* delivery - green */
}

.job_type_15 {
	background-color: #F90;			/* decomissioning - orange */
}

.job_type_20 {
	background-color: #b7a2de;		/* exchange - purple  */
}

.job_type_25 {
	background-color: #999;			/* site clearance - dark grey */
}

.job_type_30 {
	background-color: #a4c342;		/* outbound equipment - green */
}

.job_type_35 {
	background-color: #6fa7de;		/* secure collection - blue */
}

.job_type_40 {
	background-color: #c2b280;		/* site visit - khaki(8a865d) or (ecru - c2b280) */
}

.job_type_badge {
	border-radius: 5px;
	padding: 3px 6px;
	color: white;
}


/* MOBILE CALENDAR */

.calendar_mobile {

}

.calendar_mobile .calendar_heading_date {
	line-height: 1.2em;
	font-size: 1.2em;
	/*font-weight: bold;*/
}

.calendar_mobile a.date_arrow {
	display: block;
	padding: 2px 4px;
}

.calendar_mobile a.date_arrow:hover {
	/*background-color: #f3f3f3;*/
}

.calendar_mobile a.date_arrow i {
	line-height: 2.1em;
	font-size: 2.1em;
	font-weight: bold;
	color: #ccc;
	padding: 0px 4px;
}

.calendar_mobile a.date_arrow:hover i {
	color: #999;
}

.calendar_mobile .grid {
	background-color: white;
	border-bottom: 1px solid #dddddd;
}

.calendar_mobile a.day_header {
	display: block;
	color: #212529; 	/*rgb(33, 37, 41);*/
	background-color: #f3f3f3;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	padding: 8px;
	margin-bottom: 6px;

}

.calendar_mobile a.day_header:hover {
	text-decoration:none;
}


.calendar_mobile a.day_header .day_name {
	font-size: 1.2em;
	font-weight: bold;
}

.calendar_mobile a.day_header .date {
	font-size: 1em;
}

.calendar_mobile a.day_header .badge_today {
	background-color: #007bff;
	color: white;
	font-size: 0.90em;
	border-radius: 5px;
	padding: 3px 6px;
}

.calendar_mobile a.day_header .badge_count {
	background-color: #aaaaaa;
	color: white;
	font-size: 0.90em;
	border-radius: 5px;
	padding: 3px 6px;
}

.calendar_mobile .day_body {
	padding: 0px 6px 0px 6px;
	/*margin-botton: 8px;*/
	background-color: white;
}

.calendar_mobile .job {
	display: block;
	padding: 4px 6px;
	border-radius: 3px;
	margin-bottom: 6px;

	font-family: "Open Sans", sans-serif;
	font-weight: 600;

	color: white;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	position: relative;
}

.calendar_mobile .job:hover {
	text-decoration:none;
	color: white;
}

.calendar_mobile .job .job_icons {
    position: absolute;
    bottom: 0;
    right: 0;

	color: white;
	padding: 0px 4px;
	font-size: 1.35em;
	font-weight: bold;
}


.calendar_mobile .job_info {
	padding: 4px 6px;
	border-radius: 3px;
	margin-bottom: 16px;

	border: 1px solid #dddddd;
	background-color: #f3f3f3;
}

.calendar_mobile .job_info  i {
	line-height: 1.5em;
	font-size: 1.5em;
	font-weight: bold;
	color: #ccc;
	padding: 0px 4px;
	cursor: pointer;
}

.calendar_mobile .job_info :hover i {
	/*color: #999;*/
}

.calendar_mobile .job_info i.green {
	color: #a4c342;	/* iWaste green */
}


.calendar_mobile .job_cancelled {
	border: 2px solid red;
}

/* CALENDAR EVENTS */

.table_calendar_event th.shaded, .table_calendar_event td.shaded {
	background-color: #f7f7f7;
}

.table_calendar_event thead th.today {
	background-color: #a4c342;
	color: white;
}

.table_calendar_event tbody tr:hover td {
	background-color: #f7f7f7;
}

.table_calendar_event .svg_container {
	font-size: 0;	/* remove spacing between svgs */
}

.table_calendar_event svg {
	margin-right: 2px;
}



/* JOB ------------------------------------- */

.job_mark_paid {
	color: #dddddd;
}

.job_mark_paid a {
	color: #dddddd;
}

.job_mark_paid a:hover {
	color: #a4c342;	/* iWaste green */
}

.job_mark_paid i {
	font-size: 1.5em;
}

.job_mark_paid span {
	font-size: 1.3em;
	font-weight: bold;
}

.job_mark_paid a.paid, .job_mark_paid .paid {
	color: #888888;
}

.job_mark_paid a.paid i, .job_mark_paid .paid i {
	color: #a4c342;	/* iWaste green */
}

.job_mark_paid a.paid span, .job_mark_paid .paid span {
}


.job_mark_complete {
	color: #dddddd;
}

.job_mark_complete a {
	color: #dddddd;
}

.job_mark_complete a:hover {
}

.job_mark_complete i {
	font-size: 1.5em;
}

.job_mark_complete span {
	font-size: 1.3em;
	font-weight: bold;
}

.job_mark_complete a.complete, .job_mark_complete .complete {
	color: #888888;
}

.job_mark_complete a.complete i, .job_mark_complete .complete i {
	color: #a4c342;	/* iWaste green */
}

.job_mark_complete a.complete span, .job_mark_complete .complete span {
}



/* Document Upload Plugin */

.document_upload_plugin_arrow {
	color: #888888;
	padding-left: 6px;
	cursor: pointer;
	font-size: 1.8rem;
}

.document_upload_plugin_arrow:hover {
	color: #09F;
}



/* DASHBOARD */


.dashboard_container {
	margin-bottom: 2rem;
}

.dashboard_nav_bar {
	margin-bottom: 1rem;
}

.dashboard_date {
	font-weight: bold;
	font-size: 1.25rem;
}

.dashboard_panel {
	height: 100%;
	padding: 0.8rem 1rem;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
	background-color: white;
}

.dashboard_panel_large {
	min-height: 20.5rem;
}

.dashboard_panel_small {
	min-height: 17.5rem;
}

.dashboard_panel_title {
	margin-bottom: 0.6rem;
	font-weight: bold;
	font-size: 1.25rem;
}

.dashboard_panel_title .badge {
	color: #ffffff !important;
	font-size: 0.75rem;
}

.small_box_wrapper {
	width:90%;
	 margin: auto;
	/*display: flex;
	align-items: center;
	justify-content: center;*/
}

.dashboard_small_box {
	border: 1px solid #dfdfdf;
	border-radius: 4px;
	background-color: #f5f8fa;
	padding: 1rem;
	height: 100%;
}

.dashboard_small_box .box_title {
	font-weight: bold;
	font-size: 1.15rem;
	text-align:center;
}

.dashboard_small_box .box_value {
	font-size: 1.25rem;		
	text-align:center;
}

.dashboard_small_box .box_value_large {
	font-size: 2rem;		
	text-align:center;
}

.dashboard_small_box .box_value_small {
	margin-top: 0.5rem;
	font-size: 0.75rem;		
	text-align:center;
	color: #aaaaaa;
	font-style: italic;
}



/* Generic horizontal UL menu with inline LI's */

ul.menu-horizontal {
	padding:0;
	/*margin:0;*/
	list-style-type: none;
}

ul.menu-horizontal li {
	padding:0;
	margin:0;
	list-style-type: none;
}

ul.menu-horizontal li {
	display: inline;
}

ul.menu-horizontal li a {
	display: block;
	float: left;
}


.tabbed-menu {
	float: left;
	border-bottom: 4px solid #a4c342;	/* iWaste green */
	margin-bottom: 6px;
	width: 100%;
}

.tabbed-menu li a {
	background-color: #ecece6;
	color: #444444;
	padding: 6px 14px;
	text-align: center;
	text-decoration: none;
	margin-top: 3px;
	margin-right: 2px;
	border-radius: 6px 6px 0 0;

	background-image: linear-gradient(#ecece6, #d4d4d4);
	/*background-repeat: repeat-x;*/
}

.tabbed-menu li a:hover {
	background-color: #a4c342;
	color: white;
	background-image: none;
}

.tabbed-menu li a.active {
	background-color: #a4c342;
	color: white;
	background-image: none;
}

.tabbed-menu li a.warning {
	background-color: #ECECE6;
	color: #ff0000;
}

.tabbed-menu li a.warning:hover {
	background-color: #CED629;
	color: #ffffff;
}

.tabbed-menu li a.plain {
	background-color: transparent;
}

.tabbed-menu li a.plain:hover {
	background-color: transparent;
	text-decoration: underline;
}




.section_up_down_arrow {
	color: #888888;
	padding-left: 6px;
	cursor: pointer;
	font-size: 1.30rem;
}

.section_up_down_arrow:hover {
	color: #09F;
}



/* PAGE SPECIFIC */
#role_permission_assign label {
	margin-bottom: 0;
}


/* ---- DASHBOARD DRIVER ----- */

/*
.registration_plate {
	width: 25%;
	margin: 0 37.5%;
}*/

/*.registration_number {
	background: linear-gradient(to bottom, #f8d038 0%,#f5ca2e 100%);
	padding: .25em 1em .25em 1.75em;
	font-weight: bold;
	font-size: 2em;
	border-radius: 5px;
	border: 1px solid #000;
	box-shadow: 1px 1px 1px #ddd;
	position: relative;
	font-family: helvetica, ariel, sans-serif;
}

.registration_number:before {
	content: 'GB';
	display: block;
	width: 30px;
	height: 100%;
	background: #063298;
	position: absolute;
	top: 0;
	border-radius: 5px 0 0 5px;
	color: #f8d038;
	font-size: .5em;
	line-height: 85px;
	padding-left: 5px;
}

.registration_number:after {
	content: '';
	display: block;
	position: absolute;
	top: 7px;
	left: 5px;
	width: 20px;
	height: 20px;
	border-radius: 30px;
	border: 1px dashed #f8d038;
}

*/

.registration_number {
	background: linear-gradient(to bottom, #f8d038 0%,#f5ca2e 100%);
	padding: .25em 1em .25em 1em;
	font-weight: bold;
	font-size: 1.1em;
	border-radius: 5px;
	border: 1px solid #333;
	box-shadow: 1px 1px 1px #ddd;
	position: relative;
	font-family: helvetica, arial, sans-serif;
}


.vehicle_check .intro {
	padding: 1em;
	padding-left: 2em;
}

.vehicle_check .item_row {
	padding: 1em;
	border-top: 1px solid #d2d2d2;
}

.vehicle_check .item_row_options {
	
}

.vehicle_check .item_row_comment {
	padding: 1em;
}	


.vehicle_check i {
	color: #eeeeee;
	font-size: 2.6em;
}

.vehicle_check i.fa-smile.active {
	color:green;
}

.vehicle_check i.fa-meh.active  {
	color:orange;
}

.vehicle_check i.fa-frown.active {
	color:red;
}

.vehicle_check i.small {
	font-size: 2.0em;
}


a.driver_dashboard_large_tick {
	color: #888888;
	text-decoration: none;
}

a.driver_dashboard_large_tick:focus {
	
}

a.driver_dashboard_large_tick i {
	font-size: 2.1em;
	vertical-align: bottom;
	color: #a4c342;	/* iWaste green */
}

a.driver_dashboard_large_tick span {
	font-size: 1.4em;
	font-weight: bold;
}



/* ---- ADMIN DRIVER MANAGEMENT ----- */

.driver_management #panel_map_google_map {
	height: 750px; 	
	width: 100%;
}

.driver_management .days .day {
	display: block;
	padding: 6px 2px;
	font-weight: normal;
	/*min-width: 120px;
	min-height: 45px;*/
	color: #333333;
	border-radius: 3px;
	border: 1px solid #dddddd;
	background-color: white;
}

.driver_management .days .day:hover {
	background-color: #f3f3f3;
	text-decoration: none;
}

.driver_management .days .day_selected {
	background-color: #f3f3f3;
}

.driver_management .days .day .day_name {
	font-size: 1.1em;
	font-weight: bold;
}

.driver_management .days .day .date {
	font-size: 0.95em;
}



.driver_management .driver {
	display: block;
	/*height: 45px;*/
	padding: 3px 10px;
	font-size: 1.1em;
	font-weight: bold;
	border-radius: 3px;
	border: 1px solid #dddddd;
	background-color: white;
	color: #333333;
}

.driver_management .driver:hover {
	background-color: #f3f3f3;
	color: #333333;
	text-decoration: none;
}

.driver_management .driver_selected {
	background-color: #f3f3f3;
	color: #333333;
}

.driver_management .driver_icon {
	float: right; 
	margin-top: 0px;
	font-size: 1.1em;
	color: #e8e8e8;
}

.driver_management .driver_icon_selected {
	color: #aaaaaa;
}

.driver_management .driver_icon_locked {
	/*color: #D22B2B;*/
	color: #a4c342;
}

		
.driver_management_job_arrow {
	display: block;
	width: 100%;
	height: 50%;
	/*padding: 0px 0px;*/
	background-color: white;
	color: #bbbbbb;
	font-size: 0.95em;
	border: 1px solid #dddddd;
	text-align: center;
}

.driver_management_job_arrow:hover {
	background-color: #f3f3f3;
	color: #bbbbbb;
	text-decoration: none;
}

.driver_management_duration {
	padding: 3px 10px;
	font-size: 1em;
	border-radius: 3px;
	border: 1px solid #dddddd;
	background-color: white;
	color: #333333;
}

.driver_management .white_box {
	display: block;
	padding: 3px 10px;
	font-size: 1.1em;
	border-radius: 3px;
	border: 1px solid #dddddd;
	background-color: white;
	color: #333333;
	margin-bottom: 1em;
}

.driver_management #heading_driver_name {
	font-weight: bold;
}

.driver_management #panel_driver_day .heading {
	display: block;
	padding: 3px 10px;
	font-size: 1.1em;
	border-radius: 3px;
	border: 1px solid #dddddd;
	background-color: #f3f3f3;
	color: #333333;
	margin-bottom: 1em;
}

.driver_management #panel_driver_day .table_block {
	margin: 0px 10px;
}

.map_label {
	/*font-size: 12px;
	color: green;*/
	background-color: #f3f3f3;
	border: 1px solid #cccccc;
	border-radius: 3px;
	padding: 2px 3px;
}


/* DRIVER DASHBOARD */

.heading_bar {
	display: block;
	padding: 3px 10px;
	text-align:center;
	font-weight:bold;
	font-size: 1.1em;
	border-radius: 3px;
	border: 1px solid #dddddd;
	background-color: #f3f3f3;
	color: #333333;
	margin-bottom: 1em;
}

.heading_bar_multiple_runs {
	padding: 3px 10px;
	text-align:center;
	color: #494a4c;
	margin-bottom: 1em;
	border-radius: 3px;
	background-color: #fefccb;
	border: 1px solid #e5db55;
	color: #878314;	
}


/* Event History + Job Show (Collection Form) */

.card_up_down_arrow {
	color: #888888;
	padding-left: 6px;
	cursor: pointer;
	font-size: 1.8rem;
}

.card_up_down_arrow:hover {
	color: #09F;
}


/* SORTABLE TABLE */

.sortable_table tbody tr:hover {
	/*background: #f7f7f7;*/
}

.ui-sortable-helper {
	background: #f7f7f7;	/* the table row that moves! */
}	

.ui-sortable-handle {
	cursor: pointer;
}	

.ui-sortable-placeholder {	/* the destination to drop - not working? */
	/*background: #e2e2e2;
	visibility:visible;
	height: 30px;*/
}	

/*
.sortable_table .grip_vertical {
	color: #e4e4e4;
	font-size: 1.2em;
}*/


/* bootstrap datepicker override */

.datepicker table td.disabled, .datepicker table td.disabled:hover {
	background: rgba(220, 220, 220, 0.50) !important;
	color: black !important;
	cursor: not-allowed !important;
}
		
select option:disabled {
	color: #bbbbbb;
}


/* ---------- Notifications Box --------- */

.notify-box {
	padding: 10px 10px 8px 42px;
	color: #494a4c;
	margin-bottom: 20px;
	border-radius: 5px;
}

.notify-box ul, .notify-box li {
	list-style-type: none;
	padding:0;
	margin:0;
	line-height: 1.5em;
}

.notify-box ul {
	margin-top: 6px;
}

.notify-box h2 {
	font-weight: normal;
	font-size: 1.2em;
	margin-bottom: 0px;
}

.notify-success {
	border: 1px solid #9adf8f;
	background: #d4ffcd url(/images/notify/notify-success-24.png) no-repeat 10px 8px;
}

.notify-success h2 {
	color: #319021;
}

.notify-error {
	border: 1px solid #df8f90;
	background: #ffd2d3 url(/images/notify/notify-error-24.png) no-repeat 10px 8px;
}

.notify-error h2 {
	color: #871414;
}

.notify-warning {
	border: 1px solid #e5db55;
	background: #fefccb url(/images/notify/notify-warning-24.png) no-repeat 10px 8px;
}

.notify-warning h2 {
	color: #878314;
}

.notify-information {
	border: 1px solid #9fc7f5;
	background: #dbecff url(/images/notify/notify-information-24.png) no-repeat 10px 8px;
}

.notify-information h2 {
	color: #2850c1;
}

.notify-box-no-icon {
	background-image: none !important;
	padding-left: 10px !important;
}


/* eSIGNATURE (Driver Interface) ----------------------------- */

.signature_contact {
	border: 2px solid #eeeeee;
	margin-bottom: 18px;
	padding: 6px;
	position: relative;
}

.signature_contact_selected {
	border: 3px solid #a4c342;
	background: #F5F8F1;
	
}

.signature_contact_selector_div {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 6px;
}

.signature_contact_selector_tick {
	font-size: 1.75em;
	color: #eeeeee;
}

.signature_contact_selected .signature_contact_selector_tick {
	color: #a4c342;
}

.signature_contact_edit_button_div {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 6px 6px;
	display: none;
}

.signature_contact_selected .signature_contact_edit_button_div {
	display: block;
}

#signature_canvas_container {
	margin: auto;
	width: 100%;
	max-width: 520px;
	height: 200px;
}

#signature_canvas {
	width: 100%;
	max-width: 520px;
	height: 200px;
	border: 2px solid red;
}

/* Signature Box - WRONG ORIENTATION - SHOW MESSAGE HIDE CONTENT */
@media only screen and (orientation:landscape) {
	#signature_please_turn { display:block; }
	#signature_canvas_container { display:none; }
}

/* Signature Box - CORRECT ORIENTATION - SHOW CONTENT HIDE MESSAGE */
@media only screen and (orientation:portrait) {
	#signature_please_turn { display:none; }
	#signature_canvas_container { display:block; }
}

.signature_please_turn_box {
	border: 2px solid #888888;
	padding: 10px;
	color: green;
	font-weight: bold;
	font-size: 1.25em;
}


/* eSIGNATURE (Edit Signature) ----------------------------- */

#edit_signature_canvas_container {
	margin: auto;
	width: 100%;
	max-width: 520px;
	height: 200px;
}

#edit_signature_canvas {
	width: 100%;
	max-width: 520px;
	height: 200px;
	border: 2px solid #888888;
}


/* large user-friendly graphical tick box ----------------------------- */

a.large_tick_box {
	color: #888888;
	text-decoration: none;
}

a.large_tick_box:focus {
	
}

a.large_tick_box i {
	font-size: 2.1em;
	vertical-align: bottom;
	color: #a4c342;	/* iWaste green */
}

a.large_tick_box span {
	font-size: 1.4em;
	font-weight: bold;
}



/* dashboard - warehouse ----------------------------- */

.dashboard_warehouse_summary_card_body {
	height: 166px;
}


.dashboard_warehouse_date {
	font-size: 1.6em;
	font-weight: bold;
}

.dashboard_warehouse_date_day_name {
	font-weight: normal;
	text-transform: uppercase;
	overflow: hidden;
}

a.dashboard_warehouse_date_arrow i {
	/*line-height: 1.8em;*/
	font-size: 2.4em;
	font-weight: bold;
	/*color: #ccc;*/
	/*padding: 0px 4px;*/
}

a.dashboard_warehouse_date_arrow:hover i {
	color: #999;
}


.dashboard_warehouse_summary_heading {
	font-size: 1.4em;
	font-weight: bold;
}

.dashboard_warehouse_summary_row_label {
	font-size: 1.1em;
	font-weight: bold;
	/*border-bottom: 1px solid #dddddd;*/
}

.dashboard_warehouse_summary_row_value {
	font-size: 1.1em;
	font-weight: bold;
	color: #bbb;
	/*border-bottom: 1px solid #dddddd;*/
}

.daily_tasks_calendar
{
	
}

.daily_tasks_calendar a
{
	display: inline-block;	/* styles taken from Bootstreap .btn and .btn-secondary */
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
	padding: 0.25rem 0.375rem;
	font-size: 0.7875rem;
	line-height: 1.5;
	border-radius: 0.2rem;

	width: 28px;
	margin-right: 0px;
}

.daily_tasks_calendar a:hover
{
	background-color: #a4c342;
	color: white;
	text-decoration: none;
}

.daily_tasks_calendar a.active
{
	background-color: #a4c342;
	color: white;
}

.daily_tasks_calendar a.busy
{
	padding-bottom: 1px;
	border-bottom: 3px solid orange;
}