/* ==========================================================================*/
/* menu stuff */
/* ==========================================================================*/

header>.grid-child {
    padding-block: 0 !important;
}

.container-header {
  background: linear-gradient(to bottom, rgba(36, 146, 230, 1) 0%, rgba(28, 127, 201, 1) 100%);
}

.dj-megamenu-timesoft li a.dj-up_a {
  height: 30px !important;
}
.dj-megamenu-timesoft li a.dj-up_a span {
  height: inherit !important;
  line-height: 30px !important;
}
.dj-submenu a {
  padding-block: 7px !important; 
}
.dj-mobile-open-btn.dj-fa-5 .dj-mobile-open-icon:before {
  font-size: 20px !important;
}
.dj-megamenu-offcanvas-dark .dj-mobile-open-btn {
  width: fit-content !important;
  background-color: transparent !important;
}
ul.dj-mobile-dark li.dj-mobileitem>a {
  padding-block: 10px !important; 
}


/* ==========================================================================*/
/* general stuff */
/* ==========================================================================*/

p {
  margin-bottom: 0.5rem;
}

/*-------- H1 font     */
@media (width >= 980px) {
  h1, .h1 {
    font-size: 1.2rem;
  }
}

h1, .h1 {
	font-size: 1.2rem;
}

@media (width >= 1200px) {
  h2, .h2 {
    font-size: 1.5rem;
  }
}

h2, .h2 {
	font-size: 1.5rem;
}


/* disable superuser edit on front end */
.com-content-article .float-end,
.item-content .float-end

{
    display: none !important;
}



/* ==========================================================================*/
/* conent layout */
/* ==========================================================================*/

/*----------------------- no margin at top of conent area */
.container-component > * + * {
  margin-top: 0em !important;
}

/* 1. Stretch Cassiopeia's core width boundaries */
.site-grid {
    grid-template-columns: [full-start] minmax(10px, 1fr) [main-start] repeat(4, minmax(0, 35rem)) [main-end] minmax(10px, 1fr) [full-end] !important;
}

/* 2. Break elements free from the default narrow grid columns */
.site-grid > .comp-content,
.site-grid > main,
.site-grid > .grid-child {
    grid-column: full-start / full-end !important;
    padding-left: 10px !important;
    padding-right:10px !important;
    box-sizing: border-box !important;
}

/* 3. Strip minimum side restrictions on inner article text blocks */
.com-content-article, 
.content-category {
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}





/* ==========================================================================*/
/* fabrik stuff */
/* ==========================================================================*/

.fabrikHide {
	display:none
}


/* ==========================================================================*/
/*--Badge List--*/ 
/* ==========================================================================*/

.badge_style {
padding: 2px 1px;
box-shadow:
0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff;
-moz-box-shadow:
0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff;
-webkit-box-shadow:
0px 0px 2px rgba(000, 000, 000, 0.5), inset 0 1px 1px -1px #fff;
text-shadow:
0px -1px 1px rgba(000, 000, 000, .5);
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:2px;
display:inline-block;
color:#fff;
font-size:9px;
text-transform:uppercase;
height:12px;
line-height:6px;
background-color: gray;
margin-left:3px;
}

.b_booked-out {
background: #006e2e; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #006e2e 0%, #003007 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006e2e), color-stop(100%, #003007)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #006e2e 0%, #003007 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #006e2e 0%, #003007 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #006e2e 0%, #003007 100%); /* IE10+ */
background: linear-gradient(top, #006e2e 0%, #003007 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006e2e', endColorstr='#003007', GradientType=0 ); /* IE6-8 */
border:#002610 1px solid;
}
.b_unpaid, .b_notcompleted, .b_s, .b_hour {
background: #ff670f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #ff670f 0%, #932d08 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff670f), color-stop(100%, #932d08)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff670f 0%, #932d08 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff670f 0%, #932d08 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff670f 0%, #932d08 100%); /* IE10+ */
background: linear-gradient(top, #ff670f 0%, #932d08 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#932d08', GradientType=0 ); /* IE6-8 */
border:#8e2600 1px solid;
}
.b_away, .b_reversed, .b_out, .b_refund, .b_signed-in, .b_endshift, .b_l, .b_notprocessed, .b_overdue, .b_week, .b_pending {
background: #fcc614; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #fcc614 0%, #d15108 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcc614), color-stop(100%, #d15108)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcc614 0%, #d15108 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcc614 0%, #d15108 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fcc614 0%, #d15108 100%); /* IE10+ */
background: linear-gradient(top, #fcc614 0%, #d15108 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc614', endColorstr='#d15108', GradientType=0 ); /* IE6-8 */
border:#cb700e 1px solid;
}
.b_online, .b_frozen, .b_patrol-nonarrival, .b_uncertain {
background: #489900; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #489900 0%, #278400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #489900), color-stop(100%, #278400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #489900 0%, #278400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #489900 0%, #278400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #489900 0%, #278400 100%); /* IE10+ */
background: linear-gradient(top,#489900 0%, #278400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#489900', endColorstr='#278400', GradientType=0 ); /* IE6-8 */
border:#469a01 1px solid;
}

.b_offline, .b_autoclock {
background: #c1c1c1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #c1c1c1 0%, #919191 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1c1c1), color-stop(100%, #919191)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c1c1c1 0%, #919191 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c1c1c1 0%, #919191 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c1c1c1 0%, #919191 100%); /* IE10+ */
background: linear-gradient(top, #c1c1c1 0%, #919191 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#919191', GradientType=0 ); /* IE6-8 */
border:#888 1px solid;
}
.b_success, .b_overclock { 
background: #82ce00; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #82ce00 0%, #08a500 44%, #398235 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82ce00), color-stop(44%, #08a500), color-stop(100%, #398235)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #82ce00 0%, #08a500 44%, #398235 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #82ce00 0%, #08a500 44%, #398235 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #82ce00 0%, #08a500 44%, #398235 100%); /* IE10+ */
background: linear-gradient(top, #82ce00 0%, #08a500 44%, #398235 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82ce00', endColorstr='#398235', GradientType=0 ); /* IE6-8 */
border:#347500 1px solid;
}
.b_low, .b_annual-leave, .b_hqverified {
background: #87e0fd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #87e0fd), color-stop(40%, #53cbf1), color-stop(100%, #05abe0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* IE10+ */
background: linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0', GradientType=0 ); /* IE6-8 */
border:#0a87af 1px solid;
}
.b_medium, .b_d, .b_requested {
background: #fac41f; /* O,ld browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #fac41f 0%, #fabe0a 44%, #ebb105 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fac41f), color-stop(44%, #fabe0a), color-stop(100%, #ebb105)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fac41f 0%, #fabe0a 44%, #ebb105 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fac41f 0%, #fabe0a 44%, #ebb105 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fac41f 0%, #fabe0a 44%, #ebb105 100%); /* IE10+ */
background: linear-gradient(top, #fac41f 0%, #fabe0a 44%, #ebb105 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fac41f', endColorstr='#ebb105', GradientType=0 ); /* IE6-8 */
border:#0a87af 1px solid;
}
 .b_booked-in {
background: #1c8def; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #1c8def 0%, #0e7fef 47%, #0058dd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1c8def), color-stop(47%, #0e7fef), color-stop(100%, #0058dd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1c8def 0%, #0e7fef 47%, #0058dd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1c8def 0%, #0e7fef 47%, #0058dd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1c8def 0%, #0e7fef 47%, #0058dd 100%); /* IE10+ */
background: linear-gradient(top, #1c8def 0%, #0e7fef 47%, #0058dd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c8def', endColorstr='#0058dd', GradientType=0 ); /* IE6-8 */
border:#02437f 1px solid;
}
.b_closed, .b_a, .b_sick-leave, .b_missed, .b_badphoto, .b_geofence-alert, .b_month {	
background: #bc50b9; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #bc50b9 0%, #a03d9e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bc50b9), color-stop(100%, #a03d9e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bc50b9 0%, #a03d9e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bc50b9 0%, #a03d9e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bc50b9 0%, #a03d9e 100%); /* IE10+ */
background: linear-gradient(top, #bc50b9 0%, #a03d9e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc50b9', endColorstr='#a03d9e', GradientType=0 ); /* IE6-8 */
border:#642663 1px solid;
}
.b_complete, .b_other { 
background: #7d7e7d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(100%, #0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* IE10+ */
background: linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e', GradientType=0 ); /* IE6-8 */
border:#000 1px solid;
}
.b_suspend, .b_terminated, .b_phone, .b_signed-out, .b_n, .b_shift, .b_nightshift, .b_day, .b_completed {
background: #0b8ac1; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #0b8ac1 0%, #004a45 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0b8ac1), color-stop(100%, #004a45)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0b8ac1 0%, #004a45 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0b8ac1 0%, #004a45 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0b8ac1 0%, #004a45 100%); /* IE10+ */
background: linear-gradient(top, #0b8ac1 0%, #004a45 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b8ac1', endColorstr='#004a45', GradientType=0 ); /* IE6-8 */
border:#4d0000 1px solid;
}

.b_non-arrival, .b_failed {  
background: #ff1515; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #ff1515 0%, #c10a00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff1515), color-stop(100%, #C10A00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ff1515 0%, #C10A00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ff1515 0%, #C10A00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ff1515 0%, #C10A00 100%); /* IE10+ */
background: linear-gradient(top, #ff1515 0%, #C10A00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1515', endColorstr='#C10A00', GradientType=0 ); /* IE6-8 */
border:#4d0000 1px solid;
}

.b_expired, .b_sms, .b_study-leave, .b_under-posted  {
background: #d1f81d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-linear-gradient(top, #d1f81d 0%, #9ebe05 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1f81d), color-stop(100%, #9ebe05)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d1f81d 0%, #9ebe05 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d1f81d 0%, #9ebe05 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d1f81d 0%, #9ebe05 100%); /* IE10+ */
background: linear-gradient(top, #d1f81d 0%, #9ebe05 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1f81d', endColorstr='#9ebe05', GradientType=0 ); /* IE6-8 */
border:#4d0000 1px solid;
}

	.b_endshift, .b_over-posted  {
		background: #953736; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: -moz-linear-gradient(top, #953736 0%, #6a2626 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #953736), color-stop(100%, #6A2626)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #953736 0%, #6A2626 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #953736 0%, #6A2626 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #953736 0%, #6A2626 100%); /* IE10+ */
		background: linear-gradient(top, #953736 0%, #6A2626 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#953736', endColorstr='#6A2626', GradientType=0 ); /* IE6-8 */
		border:#4d0000 1px solid;
	}	
	
	
	.b_startshift, .b_inprogress, .b_intransit, .b_book  {
		background: #299025; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: -moz-linear-gradient(top, #299025 0%, #299025 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #299025), color-stop(100%, #299025)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #299025 0%, #299025 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #299025 0%, #299025 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #299025 0%, #299025 100%); /* IE10+ */
		background: linear-gradient(top, #299025 0%, #299025 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299025', endColorstr='#299025', GradientType=0 ); /* IE6-8 */
		border:#4d0000 1px solid;
	}

	.b_exit  {
		background: #0000ff; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: -moz-linear-gradient(top, #0000ff 0%, #0000ff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0000ff), color-stop(100%, #0000ff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #0000ff 0%, #0000ff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,#0000ff 0%, #0000ff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #0000ff 0%, #0000ff 100%); /* IE10+ */
		background: linear-gradient(top, #0000ff 0%, #0000ff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0000ff', endColorstr='#0000ff', GradientType=0 ); /* IE6-8 */
		border:#4d0000 1px solid;
	}