/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* CSS Document - everything for other pages apart from what's in drj01-last */
/* ******************************* REGISTRATION ************************************** */
input[type="date"] {
	min-height: 3.8rem;
}
@media (min-width: 1000px) {
    .reg-intro {
        display: grid;
    	grid-template-columns: 50% 50%;
    	grid-template-areas: "text map";
    }
}


.reg-intro-text	{
    grid-area: text;
    padding-right: 20px;
}
.reg-intro-map	{
    grid-area: map;
}

.main-reg {
    grid-template-areas: "top-banner""section1""back-up";
}
.reg-form-sections {
  padding: 0rem;
  margin-bottom: 2rem;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-auto-columns: 1fr;
      grid-template-areas: "title""sub-section1""sub-section2""sub-section3""sub-section4""sub-section5""sub-section6""sub-section7""sub-section8""sub-section9""sub-section10""sub-section11""sub-section12""sub-section13""sub-section14""sub-section15""sub-section16""sub-section17""sub-section18""sub-section19""sub-section20""button";
  width: 100%;
  background-color: #ffffff;
}
/* ------------------------- REG - GMS1 ------------ */
.reg-drj-section-gms1 {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "title""sub-section1""sub-section2""sub-section3""sub-section4""sub-section5""sub-section6""sub-section7""sub-section8""sub-section9""anchor";
}
.gms1-title {
  height: 7rem;
  background-color: #ac3e97;
  color: #ffffff;
  text-align: center;
  margin: auto;
  width: 100%;
  font-weight: bold;
  line-height: 7rem;
  grid-area: title;
}
.gms1-subtitle-container {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  display: -ms-grid;
  display: grid;
  grid-area: title;
      grid-template-areas: "item1""item2";
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  margin-bottom: 2rem;
}
.reg-drj-section-gms1 > .gms1-subtitle-container {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
}
@media (min-width: 768px) {
  .gms1-subtitle-container {
        grid-template-areas: "item1 item2";
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.gms1-subtitle {
  font-size: inherit;
  line-height: inherit;
  color: #7B2D6E;
  font-weight: bold;
  margin: 0;
  padding: 1rem;
}
.gms1-intro {
  font-size: inherit;
  line-height: inherit;
  font-style: italic;
  color: #000000;
  margin: 0;
  padding: 1rem;
}
.gms1-purple-text {
  font-weight: bold;
  color: #7B2D6E;
}
.reg-drj-titles {
  -ms-grid-columns: 6.5rem 6rem 5.5rem auto 7rem;
  grid-template-columns: 6.5rem 6rem 5.5rem auto 7rem;
  -ms-flex-line-pack: end;
      align-content: end;
}
@media (min-width: 576px) and (max-width: 768px), (min-width: 1200px) {
  .reg-drj-titles, #regDrjGen {
    -ms-grid-columns: 8.5rem 7rem 7rem auto 8rem 1fr;
    grid-template-columns: 8.5rem 7rem 7rem auto 8rem 1fr;
        grid-template-areas: "item1 item2 item3 item4 item5 expanded";
  }
}
#regDrjGen {
  -ms-flex-line-pack: center;
      align-content: center;
}
@media (min-width: 1200px) {
  .reg-drj-titles, #regDrjGen {
    padding-top: 0;
  }
}
#reg-drj-address-f {
  line-height: 2rem;
  min-height: 11rem;
}
.reg-drj-patient-details, .reg-drj-guardian, .reg-drj-previous-records, .reg-drj-abroad, .reg-drj-armed-forces, .reg-drj-gdpr, .reg-drj-ethnicity {
  display: -ms-grid;
  display: grid;
  padding: 0;
  background-color: #f1e7f2;
  padding-bottom: 2rem;
      grid-template-areas: "title""item1""item2""item3""item4""item5""item6""item7""item8""item9""item10""item11";
}
.reg-drj-gdpr {
	    grid-template-areas: "title""item1""item2""item3""item4""item8""item5""item6""item7";
}
/* for temp question */
.reg-drj-ethnicity {
      grid-template-areas: "title""sub-section1";
}
@media (min-width: 768px) {
  .reg-drj-patient-details {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "title title""item1 item5""item2 item6""item3 item7""item4 item8""item9 item11""item10 item10";
        grid-template-areas: "title title""item1 item4""item2 item3""item6 item8""item5 item9""item7 item10""item11 item10";
  }
	.reg-drj-guardian{
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "title title""item1 item2""item3 blank";		
	}
  .reg-drj-previous-records {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "title title""item1 item3""item2 blank";
  }
  .reg-drj-abroad {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "title title""item1 item3""item2 blank";
  }
  .reg-drj-armed-forces {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "title title""item1 item1""item2 item2""item3 item5""item4 blank""item6 item7""item8 item8";
  }
  .reg-drj-gdpr {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "title title""item1 item1""item2 item2""item3 item3""item4 item4""item8 item8""item5 item6""blank item7";
  }
}
.option {
  padding: 0;
  background-color: #f1e7f2;
}
.checkbox-option {
  margin-left: 1rem;
}
/* ------------------------- REG - DONOR ------------ */
.reg-drj-donor {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "item1""expanded";
  padding-bottom: 2rem;
}
.reg-drj-donor-registers {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "organs""blood";
}
.reg-drj-donor-organs, .reg-drj-donor-blood {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: organs;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "title""item1""item2""item3""item4""item5";
}
.reg-drj-donor-blood {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: blood;
}
@media (min-width: 768px) {
  .donor-sig {
    grid-column-gap: 1rem;
    -ms-grid-columns: 31rem 1rem auto 1rem auto;
    grid-template-columns: 31rem auto auto;
        grid-template-areas: "item1 item3 item5""item2 item4 item6";
  }
  .reg-drj-donor-blood {
    grid-gap: 1rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-grid-columns: 33rem 1rem 1fr;
    grid-template-columns: 33rem 1fr;
    -ms-grid-rows: auto 1rem auto 1rem auto 1rem auto 1rem auto;
        grid-template-areas: "title title""item1 item1""item3 item2""item4 item4""item5 item5";
  }
}
@media (min-width: 992px) {
  #reg-drj-donor-organ-options {
        grid-template-areas: "item1 item2 item3 item4 item5 item6 item7";
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
/* ------------------------- REG - OPTIONAL ------------ */
.pharmacy {
  grid-gap: 1rem;
  -ms-grid-columns: auto 1rem auto;
  grid-template-columns: auto auto;
  -ms-grid-rows: auto 1rem auto 1rem auto;
  grid-template-rows: auto auto auto;
      grid-template-areas: "title title""item1 item2""item3 item4""item5 item6""item7 item7""item8 item8";
}
@media (min-width: 768px) {
  .pharmacy {
    -ms-grid-columns: auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem 1fr;
    grid-template-columns: auto auto auto auto auto 1fr;
    -ms-grid-rows: auto 1rem auto 1rem auto 1rem auto;
        grid-template-areas: "title title title title title title""item1 item2 item3 item4 item5 item6""item7 item7 item7 item7 item7 item7""item8 item8 item8 item8 item8 item8";
  }
}
.practice {
  grid-gap: 1rem;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
  -ms-grid-rows: auto 1rem auto 1rem auto;
  grid-template-rows: auto auto auto;
      grid-template-areas: "title""item1""item2""item3";
}
@media (min-width: 768px) {
  .practice {
    -ms-grid-columns: auto 1rem auto 1rem 1fr;
    grid-template-columns: auto auto 1fr;
    -ms-grid-rows: auto 1rem auto;
        grid-template-areas: "title title title""item1 item2 item3";
  }
}
@media (min-width: 768px) {
  #abroad-yes {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
        grid-template-areas: "item1 item2""item1 item3";
  }
}
@media (min-width: 992px) {
  #armed-services-yes {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "item1 item1 item1""item2 item4 item3""item2 item5 blank""item6 item6 item6";
  }
}
#reg-drj-armed-services-type {
      grid-template-areas: "title title title""item1 item2 item3""item4 item4 item4";
}
@media (min-width: 768px) {
  #reg-drj-armed-services-type {
    -ms-grid-columns: auto auto auto 1fr;
    grid-template-columns: auto auto auto 1fr;
        grid-template-areas: "title title title title""item1 item2 item3 item4";
  }
}
/* ******************************* ABOUT ************************************** */
.main-about {
      grid-template-areas: "top-banner""page-title""section1""section2""section3""section4""section5""section6""section7";
}
.about-sections {
      grid-template-areas: "anchor""page-title""title""sub-section1""sub-section2""sub-section3""sub-section4""sub-section5""sub-section6""sub-section7""sub-section8""back-up";
  min-height: auto;
  border: none;
}
.partners{
    grid-area:partners;
    font-weight:bold;
    padding-bottom: 3rem;
}
.staff-layout {
  display: -ms-grid;
  display: grid;
    grid-template-areas: "partners""item1""item2""item3""item4""item5""item6""item7";
  -ms-grid-rows: auto;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  padding-top: 2rem;
}
@media (min-width: 760px) {
  .staff-layout {
    max-width: 100%;
    grid-template-areas: "partners partners""item1 item2""item3 item3""item4 item5""item6 item7";
  }
}

@media (min-width: 1110px) {
  .staff-layout {
    max-width: 100%;
    grid-template-areas: "partners partners partners""item1 item2 blank""item3 item3 item3""item4 item5 item6";
  }
}


.career-links {
		display: -ms-grid;
		display: grid;
		grid-gap: 2rem;
		-ms-grid-rows: auto;
		grid-template-rows: auto;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		    grid-template-areas: "title""item1""item2";
		margin-bottom: 5rem;
		width: 100%;
		border: none;
		justify-items: start;
		-webkit-box-align:center;
		    -ms-flex-align:center;
		        align-items:center;
}

@media (min-width: 576px) {
	.career-links {
		-ms-grid-columns: auto 2rem auto;
		grid-template-columns: auto auto;
		-ms-grid-rows: auto 2rem auto;
		    grid-template-areas: "title title""item1 item2";	
	}
}

@media (min-width: 670px) {
	.career-links {
		max-width: 50rem;
	}
}
/* ******************************* SERVICES, FAQs & NEWS ************************************** */
.main-services {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
      grid-template-areas: "top-banner""page-title""section1""section2""section3""back-up""section4";
}
.service-sections {
  height: auto;
  min-height: auto;
      grid-template-areas: "anchor""page-title""title""sub-section1""sub-section2""sub-section3""sub-section4""sub-section5""sub-section6""sub-section7""sub-section8""sub-section9";
  border: none;
}
@media (min-width: 1200px) {
  .service-sections {
    padding-left: calc((100vw - 116rem) / 2);
  }
}
@media (min-width: 1200px) {
  .service-sections {
    padding-right: calc((100vw - 116rem) / 2);
  }
}
.video{
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	grid-area: video;
	width:100%;
}
.text{
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: text;
}
.online-services{
	display:-ms-grid;
	display:grid;
	    grid-template-areas: "text""video";

}
@media (min-width: 1200px) {
	.online-services{
	    grid-template-areas: "text video";
			-ms-grid-columns: 1fr 1fr;
			grid-template-columns: 1fr 1fr;
	}
	.video{
            -ms-grid-row: 1;
            -ms-grid-column: 2;
	}
	.text{
            -ms-grid-row: 1;
            -ms-grid-column: 1;
	}
}
.online-options-button {
  height: 4rem;
  width: 16rem;
  background-color: #00a9ce;
  border-radius: 10rem;
  font-size: inherit;
  font-weight: bold;
  line-height: inherit;
  -webkit-box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem rgba(0, 0, 0, 0.2) inset;
  text-align: center;
  margin: 1rem auto;
  color: #000000;
}

.online-buttons {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
      grid-template-areas: "anchor anchor""item3 item2""expanded expanded";
  padding: 0;
}
@media (min-width: 992px) {
  .online-buttons {
        grid-template-areas: "anchor anchor""item3 item2""expanded empty";
  }
}
#online-more-info, #main-serv-more-info {
  grid-area: buttons;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-grid-columns: 1fr 1rem 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  -ms-grid-rows: auto 1rem auto;
      grid-template-areas: "item1 item2""item3 item3";
}
@media (min-width: 768px) {
  #online-more-info, #main-serv-more-info {
        grid-template-areas: "item1 item2""item3 blank";
  }
}
.services-arrow, .faqs-arrow, .news-arrow, .legal-arrow {
  -ms-grid-column-align: end;
      justify-self: end;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  height: 3rem;
  width: 3rem;
  text-align: center;
  color: #005eb8;
  z-index: -1;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  -o-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
.services-category, .faqs-category, .news-category, .legal-category {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
      grid-template-areas: "item1""anchor""services-category";
}

.services-sub-category, .faqs-sub-category, .news-sub-category, .legal-sub-category {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: services-category;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
      grid-template-areas: "anchor""item1""back""expanded";
  border-bottom: 1px solid #98bee5;
}
.services-category-box, .faqs-category-box, .news-category-box, .legal-category-box {
  padding: 1rem 0;
}
.services-sub-category-box, .faqs-sub-category-box, .news-sub-category-box, .legal-sub-category-box {
  background-color: #f3f7fc;
  border-top: 1px solid #98bee5;
      grid-template-areas: "item1""item2""expanded";
  outline: 0;
}
.services-sub-category-checkbox:checked ~ .services-sub-category-box {
  padding: 1rem;
}
.services-anchor:target ~ .expanded {
  opacity: 1;
  max-height: 500rem;
  padding: 1rem;
}
.access-anchor:target ~ .expanded {
  opacity: 1;
  max-height: 500rem;
  padding: 1rem;
}
.services-anchor:target ~ .back-links {
  display: -ms-grid;
  display: grid;
}
.faqs-sub-category-checkbox:checked ~ .faqs-sub-category-box {
  padding: 1rem 1rem 5rem 1rem;
}
.faqs-anchor:target ~ .expanded {
  opacity: 1;
  max-height: 500rem;
  padding: 1rem;
}
.faqs-anchor:target ~ .back-links {
  display: -ms-grid;
  display: grid;
}
.legal-sub-category-checkbox:checked ~ .legal-sub-category-box {
  padding: 1rem 1rem 5rem 1rem;
}
.legal-anchor:target ~ .expanded {
  opacity: 1;
  max-height: 500rem;
  padding: 1rem;
}
.legal-anchor:target ~ .back-links {
  display: -ms-grid;
  display: grid;
}
.news-sub-category-checkbox:checked ~ .news-sub-category-box {
  padding: 1rem;
}
.news-anchor:target ~ .expanded {
  opacity: 1;
  max-height: 500rem;
  padding: 1rem;
}
.news-anchor:target ~ .back-links {
  display: -ms-grid;
  display: grid;
}
.services-sub-category-checkbox:checked ~ .services-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.faqs-sub-category-checkbox:checked ~ .faqs-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.legal-sub-category-checkbox:checked ~ .legal-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.news-sub-category-checkbox:checked ~ .news-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.category-heading {
  border-bottom: 2px solid #005eb8;
  padding: 0;
  font-size: 2rem;
  font-weight: bold;
}
.sub-category-heading {
  padding: 0;
  color: black;
  font-weight: normal;
  font-size: inherit;
  line-height: inherit;
  width: 100%;
}
.sub-category-text {
  padding: 0 0 1rem 0;
}
.italics{
	font-style: italic; 
	font-weight: bold;
}
ul, ol {
-webkit-padding-start: 4rem;
        padding-inline-start: 4rem;
}
.list-two-columns-bulleted {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
}
@media (min-width: 768px) {
  .list-two-columns-bulleted {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media (min-width: 992px) {
  .list-two-columns-bulleted {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
.services-anchor, .news-anchor, .faqs-anchor, .access-anchor, .legal-anchor, .staff-anchor {
  -ms-grid-row: 11;
  -ms-grid-column: 1;
  position: relative;
  top: -13rem;
  grid-area: anchor;
}
@media (min-width: 576px) {
  .services-anchor, .news-anchor, .faqs-anchor, .access-anchor, .legal-anchor {
    top: -14rem;
  }
}

.side-by-side-images{
	display:-ms-grid;
	display:grid;
	    grid-template-areas:"title1""image1a""image1b""title2""image2";
	text-align: center;
}

@media (min-width: 1100px) {
	.side-by-side-images{
	    grid-template-areas:"title1 title1 title2""image1a image1b image2";
	-webkit-box-pack: space-evenly;
	    -ms-flex-pack: space-evenly;
	        justify-content: space-evenly;

}
}

.title1{-ms-grid-row:1;-ms-grid-column:1;grid-area:title1;text-align:center;}
.image1a{-ms-grid-row:2;-ms-grid-column:1;grid-area:image1a;vertical-align: top;}
.image1b{-ms-grid-row:3;-ms-grid-column:1;grid-area:image1b;}
.title2{-ms-grid-row:4;-ms-grid-column:1;grid-area:title2;text-align:center;}
.image2{-ms-grid-row:5;-ms-grid-column:1;grid-area:image2;}
@media (min-width: 1100px) {
	.title1{
            -ms-grid-row:1;
            -ms-grid-column:1;
            -ms-grid-column-span:2;

}
	.image1a{
            -ms-grid-row:2;
            -ms-grid-column:1;

}
	.image1b{
            -ms-grid-row:2;
            -ms-grid-column:2;

}
	.title2{
            -ms-grid-row:1;
            -ms-grid-column:3;

}
	.image2{
            -ms-grid-row:2;
            -ms-grid-column:3;

}
}

.useful-links {
  display: -ms-grid;
  display: grid;
  grid-gap: 2rem;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 1fr 2rem 1fr;
  grid-template-columns: 1fr 1fr;
      grid-template-areas: "title title""item1 item2""item3 item4""item5 item6""item7 item8""item9 item9";
  margin-bottom: 5rem;
  width: 100%;
  border: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 576px) {
  .useful-links {
    -ms-grid-columns: 1fr 2rem 1fr 2rem 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto 2rem auto 2rem auto 2rem auto;
        grid-template-areas: "title title title""item1 item2 item3""item4 item5 item6""item7 item8 item9";
  }
}
@media (min-width: 768px) {
  .useful-links {
    -ms-grid-columns: 1fr 2rem 1fr 2rem 1fr 2rem 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto 2rem auto 2rem auto 2rem auto;
        grid-template-areas: "title title title title""item1 item2 item3 item4""item5 item6 item7 item8""item9 item9 item9 item9";
  }
}

.survey-score {
  max-width: 15rem;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
	margin:auto;
}
/* ******************************* FAQs & NEWS & LEGAL ************************************** */
.main-faqs, .main-news, .main-legal {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
      grid-template-areas: "top-banner""page-title""section1""section2""section3""section4";
}
.main-legal {
      grid-template-areas: "top-banner""page-title""section1""section2""section3""section4";
}
.faqs-sections, .news-sections, .legal-sections {
  height: auto;
  min-height: auto;
      grid-template-areas: "anchor""page-title""title""sub-section1""sub-section2""sub-section3""sub-section4""sub-section5""sub-section6""sub-section7""sub-section8""sub-section9""back-up";
  border: none;
}
@media (min-width: 1200px) {
  .faqs-sections, .news-sections, .legal-sections {
    padding-left: calc((100vw - 116rem) / 2);
  }
}
@media (min-width: 1200px) {
  .faqs-sections, .news-sections, .legal-sections {
    padding-right: calc((100vw - 116rem) / 2);
  }
}

.legal-table, .legal-th, .legal-td {
  border: 1px solid #98bee5;
  border-collapse: collapse;
	vertical-align: top;
	padding: 0 0.5rem;
	margin-bottom: 1.5rem;
}

.no-grid{
	display:block;
}

/* ******************************* STAFF ************************************** */
.main-staff {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
      grid-template-areas: "top-banner""page-title""section1""section2""section3""section4";
}
.staff-sections {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-auto-columns: 1fr;
  grid-auto-rows: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
      grid-template-areas: "anchor""item1""expanded";
  height: auto;
  min-height: auto;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
}


/* ******************************* SITEMAP ************************************** */
.main-sitemap {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
      grid-template-areas: "top-banner""page-title""section1";
}
/* ------------------------- FORMS ------------ */
.online-access-fields {
      grid-template-areas: "anchor""item1""item2""item3""item4""item5""item6""button""form-result";
}
.expanded1, .expanded1a, .expanded2, .expanded2a, .expanded3, .expanded4, .expanded5 {
  display: -ms-grid;
  display: grid;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  width: 100%;
  grid-area: expanded;
      grid-template-areas: "field"; /*check*/
  overflow: hidden;
  margin: 0;
  opacity: 0;
  padding: 0;
  max-height: 0;
}
.reg-drj-donor > .expanded1, .reg-drj-donor > .expanded1a, .reg-drj-donor > .expanded2, .reg-drj-donor > .expanded2a, .reg-drj-donor > .expanded3, .reg-drj-donor > .expanded4, .reg-drj-donor > .expanded5 {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
}
.online-buttons > .expanded1, .online-buttons > .expanded1a, .online-buttons > .expanded2, .online-buttons > .expanded2a, .online-buttons > .expanded3, .online-buttons > .expanded4, .online-buttons > .expanded5 {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
}
.services-sub-category > .expanded1, .faqs-sub-category > .expanded1, .news-sub-category > .expanded1, .legal-sub-category > .expanded1, .services-sub-category > .expanded1a, .faqs-sub-category > .expanded1a, .news-sub-category > .expanded1a, .legal-sub-category > .expanded1a, .services-sub-category > .expanded2, .faqs-sub-category > .expanded2, .news-sub-category > .expanded2, .legal-sub-category > .expanded2, .services-sub-category > .expanded2a, .faqs-sub-category > .expanded2a, .news-sub-category > .expanded2a, .legal-sub-category > .expanded2a, .services-sub-category > .expanded3, .faqs-sub-category > .expanded3, .news-sub-category > .expanded3, .legal-sub-category > .expanded3, .services-sub-category > .expanded4, .faqs-sub-category > .expanded4, .news-sub-category > .expanded4, .legal-sub-category > .expanded4, .services-sub-category > .expanded5, .faqs-sub-category > .expanded5, .news-sub-category > .expanded5, .legal-sub-category > .expanded5 {
      -ms-grid-row: 4;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
}
.services-sub-category-box > .expanded1, .faqs-sub-category-box > .expanded1, .news-sub-category-box > .expanded1, .legal-sub-category-box > .expanded1, .services-sub-category-box > .expanded1a, .faqs-sub-category-box > .expanded1a, .news-sub-category-box > .expanded1a, .legal-sub-category-box > .expanded1a, .services-sub-category-box > .expanded2, .faqs-sub-category-box > .expanded2, .news-sub-category-box > .expanded2, .legal-sub-category-box > .expanded2, .services-sub-category-box > .expanded2a, .faqs-sub-category-box > .expanded2a, .news-sub-category-box > .expanded2a, .legal-sub-category-box > .expanded2a, .services-sub-category-box > .expanded3, .faqs-sub-category-box > .expanded3, .news-sub-category-box > .expanded3, .legal-sub-category-box > .expanded3, .services-sub-category-box > .expanded4, .faqs-sub-category-box > .expanded4, .news-sub-category-box > .expanded4, .legal-sub-category-box > .expanded4, .services-sub-category-box > .expanded5, .faqs-sub-category-box > .expanded5, .news-sub-category-box > .expanded5, .legal-sub-category-box > .expanded5 {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
}
.staff-sections > .expanded1, .staff-sections > .expanded1a, .staff-sections > .expanded2, .staff-sections > .expanded2a, .staff-sections > .expanded3, .staff-sections > .expanded4, .staff-sections > .expanded5 {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
}
.service-note-group > .expanded1, .service-note-group > .expanded1a, .service-note-group > .expanded2, .service-note-group > .expanded2a, .service-note-group > .expanded3, .service-note-group > .expanded4, .service-note-group > .expanded5 {
      -ms-grid-row: 4;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
}
.service-service-group > .expanded1, .service-service-group > .expanded1a, .service-service-group > .expanded2, .service-service-group > .expanded2a, .service-service-group > .expanded3, .service-service-group > .expanded4, .service-service-group > .expanded5 {
      -ms-grid-row: 6;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
}

@media (min-width: 1200px) {
	.return-to-work{
		    grid-template-areas: 
			"title title title title"
			"item1 item2 item3 item4";
		-ms-grid-columns: auto auto auto auto;
		grid-template-columns: auto auto auto auto;
	}
}
/* Initially hide the default option */
.hide-on-desktops {
  display: none;
}

/* Show the default option on screens with a maximum width of 768px (adjust as needed) */
@media screen and (max-width: 768px) {
  .hide-on-desktops {
    display: block;
  }
}
@media (min-width: 576px) {
	.expanded1, .expanded1a, .expanded2, .expanded2a, .expanded3, .expanded4, .expanded5 {
    margin: 0;
  }
}
.expand1:checked ~ .expanded1 {
  opacity: 1;
  max-height: 500rem;
	height:13rem;
}
.expand1a:checked ~ .expanded1a {
  opacity: 1;
  max-height: 500rem;
}
.expand2:checked ~ .expanded2 {
  opacity: 1;
  max-height: 500rem;
	height:13rem;
}
.expand2a:checked ~ .expanded2a {
  opacity: 1;
  max-height: 500rem;
}
.expand3:checked ~ .expanded3 {
  opacity: 1;
  max-height: 500rem;
	height:13rem;
}
.expand4:checked ~ .expanded4 {
  opacity: 1;
  max-height: 500rem;
	height:13rem;
}
.expand5:checked ~ .expanded5 {
  opacity: 1;
  max-height: 500rem;
	height:13rem;
}

.note-form-fields {
      grid-template-areas: "anchor""form-result""item1""item2""item3a""item3b""item4""item5""item6""item7""item8""item9""item10""button";
}
@media (min-width: 640px){
    .note-form-fields {
        grid-template-areas: "anchor anchor""form-result form-result""item1 item1""item2 item2""item3a item3b""item4 item5""item6 item6""item7 item7""item8 item8""item9 item10""button button";
    }
}
@media (min-width: 1200px){
    .note-form-fields {
        grid-template-areas: "anchor anchor anchor anchor""form-result form-result form-result form-result""item1 item1 item1 item1""item2 item2 item2 item2""item3a item3b item4 item5""item6 item6 item6 item6""item7 item7 item7 item7""item8 item8 item8 item8""item9 item9 item10 item10""button button button button";
    }
}
.carer-form-fields {
      grid-template-areas: "anchor""form-result""item1""item2""item3""item4""item5""item6""item7""expanded""item8""button";
}
@media (min-width: 640px){
    .carer-form-fields {
        grid-template-areas: "anchor anchor""form-result form-result""item1 item2""item3 item5""item4 item4""item6 item6""item7 item7""expanded expanded""item8 item8""button button";
    }
}
@media (min-width: 1200px){
    .carer-form-fields {
        grid-template-areas: "anchor anchor anchor""form-result form-result form-result""item1 item2 item3""item5 item6 item4""item7 item7 item4""expanded expanded expanded""item8 item8 item8""button button button";
    }
}
.carer-details{
    display:grid;
    grid-template-areas: "item1""item2";
}
@media (min-width: 640px){
    .carer-details{
    grid-template-areas: "item1 item2";
        
    }
    
}
.carer-permissions{
    display:grid;
    grid-template-areas: "item1""item2""item3""item4""item5""item6";
}
.service-note-group{
  -ms-grid-columns: auto;
  grid-template-columns: auto;
      grid-template-areas: "title""item1""item2""expanded";
}
@media (min-width: 640px){
    .service-note-group{
          grid-template-areas: "title title""item1 item2""expanded expanded";
    }
    .service-note-group > .expanded1, .service-note-group > .expanded1a, .service-note-group > .expanded2, .service-note-group > .expanded2a, .service-note-group > .expanded3, .service-note-group > .expanded4, .service-note-group > .expanded5{
            -ms-grid-row: 3;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
    }
}
.sick-note-fields, .fit-note-fields{
    height:auto;
        grid-template-areas: "item1""item2""item3""item4""item5""item6";  
    border: 1px solid grey;
}
@media (min-width: 690px){
    .sick-note-fields{
            grid-template-areas: "item1 item2""item3 item3""item4 item5";   
    }
}
@media (min-width: 1200px){
    .sick-note-fields{
            grid-template-areas: "item1 item1 item1 item1""item2 item2 item4 item5""item3 item3 item3 item3";   
    }
}
@media (min-width: 690px){
    .fit-note-fields{
            grid-template-areas: "item1 item2""item5 item5""item6 item4""item3 item3";   
    }
}


#service-form{
	-ms-grid-columns:1fr;
	grid-template-columns:1fr;
	grid-auto-columns: auto;
}
@media (min-width: 768px){
	#serviceSubmit {
		margin: 0;
	}
}
@media (min-width: 1200px){
	.shorter-label{
	  -ms-grid-columns: 8rem 1fr;
	  grid-template-columns: 8rem 1fr;
}
}
.service-form-fields {
      grid-template-areas: "anchor""form-result""item1""item2""item3a""item3b""item4""item5""item6""item7""item8""item9""item10""item11""item12""button";
}
@media (min-width: 768px){
	.service-form-fields {
		    grid-template-areas: "anchor anchor""form-result form-result""item1 item1""item2 item2""item3a item3b""item4 item5""item6 item6""item7 item7""item8 item8""item9 item10""item11 item12""button button";
		-webkit-box-align:end;
		    -ms-flex-align:end;
		        align-items:end;
	}
}
.testing{
	grid-area:testing;
}
@media (min-width: 960px){
	.service-form-fields {
		    grid-template-areas: "anchor anchor anchor anchor""form-result form-result form-result form-result""item1 item1 item1 item1""item2 item2 item2 item2""item3a item3b item4 item5""item6 item6 item6 item6""item7 item7 item7 item7""item8 item8 item8 item8""item9 item9 item10 item10""item11 item11 item11 item12""button button button button""testing testing testing testing";
	}
	.testing {
            -ms-grid-row:12;
            -ms-grid-column:1;
            -ms-grid-column-span:4;
	}
}
.service-service-group {
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
      grid-template-areas: "title""item1""item2""item3""item4""expanded";
}
@media (min-width: 430px) {
	.service-service-group {
		-ms-grid-columns: auto auto;
		grid-template-columns: auto auto;
		-ms-grid-rows: auto auto auto;
		grid-template-rows: auto auto auto;
		    grid-template-areas: "title title""item1 item2""item3 item4""expanded expanded";
	}
	.service-service-group > .expanded1, .service-service-group > .expanded1a, .service-service-group > .expanded2, .service-service-group > .expanded2a, .service-service-group > .expanded3, .service-service-group > .expanded4, .service-service-group > .expanded5 {
            -ms-grid-row: 4;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
	}
}
@media (min-width: 960px) {
  .service-service-group {
    -ms-grid-columns: auto auto auto auto 1fr;
    grid-template-columns: auto auto auto auto 1fr;
        grid-template-areas: "title title title title""item1 item2 item3 item4""expanded expanded expanded expanded";
  }
  .service-service-group > .expanded1, .service-service-group > .expanded1a, .service-service-group > .expanded2, .service-service-group > .expanded2a, .service-service-group > .expanded3, .service-service-group > .expanded4, .service-service-group > .expanded5 {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
            -ms-grid-column-span: 4;
  }
}

.service-option-group{
	display:-ms-grid;
	display:grid;
	    grid-template-areas: "item1";
	padding:1rem;
	-ms-grid-columns: auto;
	grid-template-columns: auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.service-selection{
	margin:0;
	outline:none;
	padding: 0rem 1rem;
}

option:checked{
	outline: #005eb8 auto 1px;
}
:focus-visible{
	outline: #005eb8 auto 1px;
}
@media (min-width: 768px) {
 /* .online-access-fields {
    grid-auto-columns: 1fr;
    grid-column-gap: 1rem;
    grid-template-areas: "anchor anchor""item1 item2""item3 item4""button button""form-result form-result";
  } */
}
@media (min-width: 576px) {
  .ppg-form-fields {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "anchor anchor""item1 item3""item2 item2""item4 item4""button button""form-result form-result";
  }
}
@media (min-width: 992px) {
  .ppg-form-fields {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "anchor anchor anchor""item1 item3 item2""item4 item4 item4""button button button""form-result form-result form-result";
  }
}
.smear-form-fields {
      grid-template-areas: "anchor""item1""item2""item3""item5""item6""item4""button""form-result";
}
@media (min-width: 992px) {
  .smear-form-fields {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "anchor anchor anchor""item1 item3 item2""item5 item6 item2""item4 blank blank""button button button""form-result form-result form-result";
  }
}
@media (min-width: 992px) {
  #smear-address-f {
    height: 13rem;
  }
}
@media (min-width: 1200px) {
  #smear-yes {
    -ms-grid-columns: 15rem 18rem 1fr;
    grid-template-columns: 15rem 18rem 1fr;
        grid-template-areas: "title title title""item1 item2 item3";
  }
}
.staff-anchor:target ~ .staff-form-expanded {
  opacity: 1;
  max-height: 500rem;
  padding: 1rem;
}
.staff-form-expanded {
    display: -ms-grid;
    display: grid;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    width: 100%;
    grid-area: expanded;
    overflow: hidden;
    margin: 0;
    opacity: 0;
    padding: 0;
    max-height: 0;
        grid-template-areas: "sub-section1""sub-section2""back-up";
}
.reg-drj-donor > .staff-form-expanded {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
}
.online-buttons > .staff-form-expanded {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
}
.services-sub-category > .staff-form-expanded, .faqs-sub-category > .staff-form-expanded, .news-sub-category > .staff-form-expanded, .legal-sub-category > .staff-form-expanded {
      -ms-grid-row: 4;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
}
.services-sub-category-box > .staff-form-expanded, .faqs-sub-category-box > .staff-form-expanded, .news-sub-category-box > .staff-form-expanded, .legal-sub-category-box > .staff-form-expanded {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
}
.staff-sections > .staff-form-expanded {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
}
.service-note-group > .staff-form-expanded {
      -ms-grid-row: 4;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
}
.service-service-group > .staff-form-expanded {
      -ms-grid-row: 6;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
}
@media (min-width: 992px) {
  #staff-sea-details-f, #staff-sea-review-summary-f, .form-names {
    height: 14.5rem;
  }
}
.sea-form-fields, .study-form-fields, .time-form-fields, .over-time-form-fields {
      grid-template-areas: "title""form-result""item0""item1""item2""item3""item4""item5""item6""item7""item8""item9""item10""item11""item12""item13""item14""item15""item16""item17""item18""button";
}
@media (min-width: 576px) {
  .sea-form-fields {
    -ms-grid-columns: 28rem 1fr;
    grid-template-columns: 28rem 1fr;
        grid-template-areas: "title title""form-result form-result""item0 item0""item2 item2""item1 item1""item5 item5""item3 item4""item6 item6""item7 item7""button button";
  }
}
@media (min-width: 1200px) {
  .sea-form-fields {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-areas: "title title title title""form-result form-result form-result form-result""item0 item0 item2 item5""item1 item3 item4 item5""item6 item6 item6 item6""item7 item7 item7 item7""button button button button";
  }
}
@media (min-width: 576px) {
  .study-form-fields {
        grid-template-areas: "title title""form-result form-result""item1 item1""item2 item3""item4 item6""item7 item8""item5 item9""item10 item10""item11 item11""button button";
  }
}
@media (min-width: 768px) {
  .study-form-fields {
        grid-template-areas: "title title title""form-result form-result form-result""item1 item1 item1""item2 item3 item4""item6 item7 item8""item5 item5 item9""item10 item10 item10""item11 item11 item11""button button button";
  }
}
@media (min-width: 992px) {
  .study-form-fields {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
        grid-template-areas: "title title title title""form-result form-result form-result form-result""item1 item1 item1 item1""item2 item3 item4 item6""item7 item8 item5 item9""item10 item10 item10 item10""item11 item11 item11 item11""button button button button";
  }
}
@media (min-width: 576px) {
  .time-form-fields {
        grid-template-areas: "title title""form-result form-result""item1 item1""item2 item3""item4 item5""item6 blank""item7 item8""item9 item9""button button";
  }
}
@media (min-width: 768px) {
  .time-form-fields {
        grid-template-areas: "title title title""form-result form-result form-result""item1 item1 item4""item2 item3 item5""item6 item7 item8""item9 item9 item9""button button button";
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: end;
  }
}
@media (min-width: 900px) {
  .over-time-form-fields {
		-ms-grid-columns: 48rem 1fr 1fr;
		grid-template-columns: 48rem 1fr 1fr;
        grid-template-areas: "title item4 item5""form-result form-result form-result""item1 item2 item3""item6 item6 item6""item8 item8 item7""button button button";
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: end;
  }
}

.date0{-ms-grid-row:3;-ms-grid-column:1;grid-area:date0;}
.start0{-ms-grid-row:3;-ms-grid-column:3;grid-area:start0;}
.end0{-ms-grid-row:3;-ms-grid-column:5;grid-area:end0;}
.hours0{-ms-grid-row:3;-ms-grid-column:7;grid-area:hours0;}
.reason0{-ms-grid-row:3;-ms-grid-column:9;grid-area:reason0;}
.date1{-ms-grid-row:5;-ms-grid-column:1;grid-area:date1;}
.start1{-ms-grid-row:5;-ms-grid-column:3;grid-area:start1;}
.end1{-ms-grid-row:5;-ms-grid-column:5;grid-area:end1;}
.hours1{-ms-grid-row:5;-ms-grid-column:7;grid-area:hours1;}
.reason1{-ms-grid-row:5;-ms-grid-column:9;grid-area:reason1;}
.date2{-ms-grid-row:7;-ms-grid-column:1;grid-area:date2;}
.start2{-ms-grid-row:7;-ms-grid-column:3;grid-area:start2;}
.end2{-ms-grid-row:7;-ms-grid-column:5;grid-area:end2;}
.hours2{-ms-grid-row:7;-ms-grid-column:7;grid-area:hours2;}
.reason2{-ms-grid-row:7;-ms-grid-column:9;grid-area:reason2;}
.date3{-ms-grid-row:9;-ms-grid-column:1;grid-area:date3;}
.start3{-ms-grid-row:9;-ms-grid-column:3;grid-area:start3;}
.end3{-ms-grid-row:9;-ms-grid-column:5;grid-area:end3;}
.hours3{-ms-grid-row:9;-ms-grid-column:7;grid-area:hours3;}
.reason3{-ms-grid-row:9;-ms-grid-column:9;grid-area:reason3;}
.date4{-ms-grid-row:11;-ms-grid-column:1;grid-area:date4;}
.start4{-ms-grid-row:11;-ms-grid-column:3;grid-area:start4;}
.end4{-ms-grid-row:11;-ms-grid-column:5;grid-area:end4;}
.hours4{-ms-grid-row:11;-ms-grid-column:7;grid-area:hours4;}
.reason4{-ms-grid-row:11;-ms-grid-column:9;grid-area:reason4;}
.date5{-ms-grid-row:13;-ms-grid-column:1;grid-area:date5;}
.start5{-ms-grid-row:13;-ms-grid-column:3;grid-area:start5;}
.end5{-ms-grid-row:13;-ms-grid-column:5;grid-area:end5;}
.hours5{-ms-grid-row:13;-ms-grid-column:7;grid-area:hours5;}
.reason5{-ms-grid-row:13;-ms-grid-column:9;grid-area:reason5;}
.date6{-ms-grid-row:15;-ms-grid-column:1;grid-area:date6;}
.start6{-ms-grid-row:15;-ms-grid-column:3;grid-area:start6;}
.end6{-ms-grid-row:15;-ms-grid-column:5;grid-area:end6;}
.hours6{-ms-grid-row:15;-ms-grid-column:7;grid-area:hours6;}
.reason6{-ms-grid-row:15;-ms-grid-column:9;grid-area:reason6;}
.date7{-ms-grid-row:17;-ms-grid-column:1;grid-area:date7;}
.start7{-ms-grid-row:17;-ms-grid-column:3;grid-area:start7;}
.end7{-ms-grid-row:17;-ms-grid-column:5;grid-area:end7;}
.hours7{-ms-grid-row:17;-ms-grid-column:7;grid-area:hours7;}
.reason7{-ms-grid-row:17;-ms-grid-column:9;grid-area:reason7;}
.date8{-ms-grid-row:19;-ms-grid-column:1;grid-area:date8;}
.start8{-ms-grid-row:19;-ms-grid-column:3;grid-area:start8;}
.end8{-ms-grid-row:19;-ms-grid-column:5;grid-area:end8;}
.hours8{-ms-grid-row:19;-ms-grid-column:7;grid-area:hours8;}
.reason8{-ms-grid-row:19;-ms-grid-column:9;grid-area:reason8;}
.date9{-ms-grid-row:21;-ms-grid-column:1;grid-area:date9;}
.start9{-ms-grid-row:21;-ms-grid-column:3;grid-area:start9;}
.end9{-ms-grid-row:21;-ms-grid-column:5;grid-area:end9;}
.hours9{-ms-grid-row:21;-ms-grid-column:7;grid-area:hours9;}
.reason9{-ms-grid-row:21;-ms-grid-column:9;grid-area:reason9;}

.over-time-workgroup {
	display:-ms-grid;
	display:grid;
	    grid-template-areas: "title title title title""item1 item2 item3 item4";
}

.over-time-details{
	width:100%;
	display:-ms-grid;
	display:grid;
	grid-gap:1rem;
	-ms-grid-columns:14rem 1rem 10rem 1rem 10rem 1rem 10rem 1rem 1fr;
	grid-template-columns:14rem 10rem 10rem 10rem 1fr;
	-ms-grid-rows: auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto 1rem auto;
	    grid-template-areas:"item1 item2 item3 item4 item5""date0 start0 end0 hours0 reason0""date1 start1 end1 hours1 reason1""date2 start2 end2 hours2 reason2""date3 start3 end3 hours3 reason3""date4 start4 end4 hours4 reason4""date5 start5 end5 hours5 reason5""date6 start6 end6 hours6 reason6""date7 start7 end7 hours7 reason7""date8 start8 end8 hours8 reason8""date9 start9 end9 hours9 reason9";
	padding: 0 1rem;
}


.over-time-details-date, .over-time-details-start-time, .over-time-details-end-time, .over-time-details-hours, .over-time-details-reason {
	padding-left: 1rem;
  padding-right: 1rem;
	width:10rem;
}

.over-time-details-date {
	padding-left:0;
	width:14rem;
}
.over-time-details-reason {
	padding-right:0;
	width:100%;
	
}

.csno-form-fields {
	
	    grid-template-areas: "title""item1""item2""item3""item4""item5""item6""item7""item8""item9""item10""item11""item12""item13""item14""item15""item16""item17""item18""item19""item20""button""form-result";
}
@media (min-width: 1200px) {
.csno-form-fields {
	grid-auto-columns: 46% 54%;
	    grid-template-areas: "title title""item1 item2""item3 item4""item5 item6""item7 item8""item9 item10""item11 item12""item13 item14""item15 item16""item17 item18""item19 item20""blank button""form-result form-result";
	}
}


/* ******************************* MESSAGES ************************************** */

.main-messages {
  position: relative;
  margin-top: 0;
      grid-template-areas: "section1";
}
@media (min-width: 768px) {
  .main-messages {
    margin-top: 0;
  }
}

#showForMessages{
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	display:none;
	grid-area: page-title;
	padding-left: 3rem;
  padding-bottom: 3rem;
}

.main-about > #showForMessages{
      -ms-grid-row: 2;
      -ms-grid-column: 1;
}

#iconForMessages{
	display: none;
	grid-area: blank;
	padding-left: 3rem;
  padding-bottom: 6rem;
}
.message-container{
	min-height: calc(100vh - 14rem);
	    grid-template-areas: "anchor anchor""page-title image""sub-section1 sub-section1""sub-section2 sub-section2";
	-ms-grid-columns: 12rem 1fr;
	grid-template-columns: 12rem 1fr;
	padding-top: 5rem;
}

.message-icon{
	-ms-grid-row:2;
	-ms-grid-column:2;
	margin-top:1rem;
	height:10rem;
	grid-area:image;
}

@media (min-width: 576px) and (max-width: 768px), (min-width: 1200px) {
  .expanded1, .expanded1a, .expanded2, .expanded2a, .expanded3, .expanded4, .expanded5 {
            -ms-grid-row: 1;
            -ms-grid-column: 6;
  }
  .staff-form-expanded {
            -ms-grid-row: 1;
            -ms-grid-column: 6;
  }
}

@media (min-width: 992px) {
  .online-buttons > .expanded1, .online-buttons > .expanded1a, .online-buttons > .expanded2, .online-buttons > .expanded2a, .online-buttons > .expanded3, .online-buttons > .expanded4, .online-buttons > .expanded5 {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
            -ms-grid-column-span: 1;
  }
  .online-buttons > .staff-form-expanded {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
            -ms-grid-column-span: 1;
  }
  #armed-services-yes > #iconForMessages {
            -ms-grid-row: 3;
            -ms-grid-column: 3;
  }
  #iconForMessages {
            -ms-grid-row: 4;
            -ms-grid-column: 2;
            -ms-grid-column-span: 2;
  }
}

@media (min-width: 640px) {
    .service-note-group > .staff-form-expanded{
            -ms-grid-row: 3;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
    }
}

@media (min-width: 430px) {
	.service-service-group > .staff-form-expanded {
            -ms-grid-row: 4;
            -ms-grid-column: 1;
            -ms-grid-column-span: 2;
	}
}

@media (min-width: 960px) {
  .service-service-group > .staff-form-expanded {
            -ms-grid-row: 3;
            -ms-grid-column: 1;
            -ms-grid-column-span: 4;
  }
}

@media (min-width: 768px) {
	#iconForMessages{
            -ms-grid-row: 3;
            -ms-grid-column: 2;		
	}
  #iconForMessages {
            -ms-grid-row: 3;
            -ms-grid-column: 2;
  }
  #iconForMessages {
            -ms-grid-row: 3;
            -ms-grid-column: 2;
  }
  #iconForMessages {
            -ms-grid-row: 5;
            -ms-grid-column: 2;
  }
  #iconForMessages {
            -ms-grid-row: 8;
            -ms-grid-column: 1;
  }
  #iconForMessages {
            -ms-grid-row: 3;
            -ms-grid-column: 3;
  }
}

@media (min-width: 576px) {
  #iconForMessages {
            -ms-grid-row: 5;
            -ms-grid-column: 2;
            -ms-grid-column-span: 1;
  }
}

@media (min-width: 1200px) {
#iconForMessages {
            -ms-grid-row: 12;
            -ms-grid-column: 1;
            -ms-grid-column-span: 1;
	}
}
.message-title, .survey-title{
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	grid-area: page-title;
  color: #266a6c;
	font-size: 3.4rem;
	-ms-grid-row-align:center;
	    align-self:center;
}
.main-about > .message-title, .main-about > .survey-title{
      -ms-grid-row: 2;
      -ms-grid-column: 1;
}
.message-paragraph, .booking-paragraph, .survey-paragraph{
  padding: 0.5rem 0 1rem 0;
	margin-bottom: 0.5rem;
	text-align: left;
	font-size: 1.8rem;
	line-height: 3rem;
	font-weight: 400;
	font-style: normal;
	border-bottom: 1px solid #266a6c;
}
/*swing-king,adobe-handwriting-tiffany,swister*/
.booking-paragraph{
  padding-top: 3rem;
}

@media (min-width: 768px) {
	.message-container{
		min-height: calc(100vh - 13rem);
		-ms-grid-columns: 24rem 1fr;
		grid-template-columns: 24rem 1fr;	/*21-07-23 changed from 15rem so Your Message was on one line*/
	}
	.message-icon{
		height:13rem;
	}
	.message-title, .survey-title{
		font-size: 4rem;
	}
	.message-paragraph, .survey-paragraph{
  	/*font-size: 2.2rem;*/
	}
}

/*survey monkey modifications*/
.smcx-embed{
	max-width:100% !important;
	height:77rem !important;
}
.smcx-embed>.smcx-iframe-container{
	max-width:100% !important;
	height:73rem !important;
}
.survey-footer .bottom{
	margin-bottom:0 !important;
}

/* 19-12-24: Updated references to feesForm etc to serviceForm etc */