/* stylelint-disable */
/**************************************************************

	THE USE OF NEW COLOURS ARE NOT PERMITED. ONLY THE COLOURS LISTED IN THE BRAND IDENTITY ARE ALLOWED TO BE USED. 
    REFER BRAND IDENTITY POLICY. 
    /**************************************************************

	COLOUR STYLESHEET INDEXING
	|
	|
	|___ Backgrounds
	|___ Hyperlinks
    |___ Gold hyperlinks when used on smaller font
	|___ Table borders, Table headers
	    |___Grey
        |___Gold
        |___Copper
        |___Teal
	|___ Error Message Colours

**************************************************************/
/* ALLOWED TO BE USED ONLY AS BACKGROUND COLOURS */
/* USE THIS ONLY FOR HYPERLINKS */
/* GOLD HYPERLINKS HYPERLINKS - WHEN USED ON SMALLER FONT TO PASS AA */
/* USE THIS ONLY TO HIGHLIGHT'S IN TABLE */
/* USE THIS FOR TABLE BORDERS, TABLE HEADERS */
/* GREY */
/* GOLD */
/* COPPER */
/* TEAL */
/* COLOURS ALOOWED FOR ERROR MESSAGES ON FORMS */
/* GRID LAYOUT BREAKPOINTS */
/* ANCHOR mixins */
/* ANCHOR Customisation */
/* ANCHOR Skeleton */
.overlap {
  position: relative;
  width: 100%;
}
.overlap .overlap-child {
  position: absolute;
  margin: 0;
}

/* ANCHOR Responsive */
@media only screen and (max-width: 991px) {
  .overlap .overlap-child:not(.dateblock) {
    position: relative !important;
    width: 100%;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
  }
}
/* ANCHOR: Customisation */
.t-0 {
  top: 0px;
}

.b-0 {
  bottom: 0px;
}

.l-0 {
  left: 0px;
}

.r-0 {
  right: 0px;
}

.zindex-0 {
  z-index: 0;
}

.t-1 {
  top: 10px;
}

.b-1 {
  bottom: 10px;
}

.l-1 {
  left: 10px;
}

.r-1 {
  right: 10px;
}

.zindex-1 {
  z-index: 1;
}

.t-2 {
  top: 20px;
}

.b-2 {
  bottom: 20px;
}

.l-2 {
  left: 20px;
}

.r-2 {
  right: 20px;
}

.zindex-2 {
  z-index: 2;
}

.t-3 {
  top: 30px;
}

.b-3 {
  bottom: 30px;
}

.l-3 {
  left: 30px;
}

.r-3 {
  right: 30px;
}

.zindex-3 {
  z-index: 3;
}

.t-4 {
  top: 40px;
}

.b-4 {
  bottom: 40px;
}

.l-4 {
  left: 40px;
}

.r-4 {
  right: 40px;
}

.zindex-4 {
  z-index: 4;
}

.t-5 {
  top: 50px;
}

.b-5 {
  bottom: 50px;
}

.l-5 {
  left: 50px;
}

.r-5 {
  right: 50px;
}

.zindex-5 {
  z-index: 5;
}

.t-10 {
  top: 10% !important;
}

.b-10 {
  bottom: 10% !important;
}

.l-10 {
  left: 10% !important;
}

.r-10 {
  right: 10% !important;
}

.t-20 {
  top: 20% !important;
}

.b-20 {
  bottom: 20% !important;
}

.l-20 {
  left: 20% !important;
}

.r-20 {
  right: 20% !important;
}

.t-30 {
  top: 30% !important;
}

.b-30 {
  bottom: 30% !important;
}

.l-30 {
  left: 30% !important;
}

.r-30 {
  right: 30% !important;
}

.t-40 {
  top: 40% !important;
}

.b-40 {
  bottom: 40% !important;
}

.l-40 {
  left: 40% !important;
}

.r-40 {
  right: 40% !important;
}

.t-50 {
  top: 50% !important;
}

.b-50 {
  bottom: 50% !important;
}

.l-50 {
  left: 50% !important;
}

.r-50 {
  right: 50% !important;
}

.t-60 {
  top: 60% !important;
}

.b-60 {
  bottom: 60% !important;
}

.l-60 {
  left: 60% !important;
}

.r-60 {
  right: 60% !important;
}

.t-70 {
  top: 70% !important;
}

.b-70 {
  bottom: 70% !important;
}

.l-70 {
  left: 70% !important;
}

.r-70 {
  right: 70% !important;
}

.t-80 {
  top: 80% !important;
}

.b-80 {
  bottom: 80% !important;
}

.l-80 {
  left: 80% !important;
}

.r-80 {
  right: 80% !important;
}

.t-90 {
  top: 90% !important;
}

.b-90 {
  bottom: 90% !important;
}

.l-90 {
  left: 90% !important;
}

.r-90 {
  right: 90% !important;
}

.t-100 {
  top: 100% !important;
}

.b-100 {
  bottom: 100% !important;
}

.l-100 {
  left: 100% !important;
}

.r-100 {
  right: 100% !important;
}

/*# sourceMappingURL=overlap.css.map */