/***** CLIENT FORM CUSTOMISATIONS *****/
:root {
  --link-color: #5A5A5A;
  --link-hover-color: #000000;
  --button-primary-color: #E60000;
  --button-primary-font-color: #FFFFFF;
  --button-secondary-color: #FFFFFF;
  --button-secondary-font-color: #000000;
  --header-background-color: #FFFFFF;
  --footer-background-color: #D6D6D6;
  --footer-font-color: #000000;
  --footer-link-color: #5A5A5A;
  --footer-link-hover-color: #E60000;
  --control-selection-color: #5A5A5A;
  --control-selection-background-color: #D6D6D6;
  --progressbar-done-background-color: #E60000;
  --progressbar-done-font-color: #FFFFFF;
  --progressbar-active-background-color: #5A5A5A;
  --progressbar-active-font-color: #fff;
  --notification-border-color: #E60000;
  --notification-font-color: #000000;
  --notification-heading-font-color: #E60000;
  --notification-background-color: #D6D6D6;
  /* Inferred Styles - Only set/override when specifically required for custom branding */
  --progressbar-active-border-color: var(--progressbar-active-background-color);
  --progressbar-done-border-color: var(--progressbar-done-background-color);
  --selection-border-color: var(--control-selection-color);
  --button-primary-border-color: var(--button-primary-color);
  --button-primary-hover-color: var(--button-primary-color);
  --button-primary-hover-border-color: var(--button-primary-border-color);
  --button-primary-hover-font-color: var(--button-primary-font-color);
  --button-secondary-border-color: #ced4da;
  --button-secondary-hover-color: var(--button-secondary-color);
  --button-secondary-hover-border-color: var(--button-secondary-border-color);
  --button-secondary-hover-font-color: var(--button-secondary-font-color);
  --font-color: var(--default-font-color);
  --site-background-color: var(--footer-background-color);
  --heading1-font-color: var(--default-font-color);
  --heading2-font-color: var(--default-font-color);
  --heading3-font-color: var(--default-font-color);
  --heading4-font-color: var(--default-font-color);
  --heading5-font-color: var(--default-font-color);
  --heading6-font-color: var(--default-font-color);
  /* Default Styles - Only set/override if specifically required for custom branding */
  --font-size: 13px;
  --disclaimer-font-size: 13px;
  --form-max-width: 962px;
  --form-responsive-padding: 12px;
  --form-background-color: #fff;
  --form-responsive-padding: 12px;
  --form-responsive-mobile-scaling: 1.75;
  --body-background-color: #ffffff;
  --default-font-color: #000000; /* Default #2B2D30 */
  --button-border-radius: 3px;
  --shadedbox-background-color: #fbfbfb;
  --header-height:  calc(90px; + --header-border-bottom-size);
  --header-border-bottom-size: 0px;
  --header-border-color: #fff;
  --buttonbox-border-top-size: 0px;
  --buttonbox-border-color: #fff;
  --buttonbox-height: 70px;
  --buttonbox-background-color: #fbfbfb;
  --button-primary-border-color: var(--button-primary-color);
  --footer-border-top-size: 0px;
  --footer-border-top-color: #fff;
  --progressbar-next-background-color: #F7F7F9;
  --progressbar-next-border-color: #e1e1e8;
  --progressbar-next-font-color: var(--default-font-color);
}

/***** TYPOGRAPHY *****/
a {
  color: var(--link-color);
}

a:hover {
  color: var(--link-hover-color);
}

.h1 {
   color: var(--heading1-font-color);
}
.h2 {
   color: var(--heading2-font-color);
}
.h3 {
   color: var(--heading3-font-color);
}
.h4 {
   color: var(--heading4-font-color);
}
.h5 {
   color: var(--heading5-font-color);
}
.h6 {
   color: var(--heading6-font-color);
}

/***** FORM HEADER *****/
.header {
  min-height: 90px; /* IE FALLBACK */
  min-height: calc(var(--header-height) + var(--header-border-bottom-size)) !important;
  background-color: #ffffff; /* IE STANDARD BRANDING */
  background-color: var(--header-background-color);
  border-bottom: var(--header-border-bottom-size) solid var(--header-border-color);
  padding: 0 calc(12px + (100% - 962px) / 2); /* IE FALLBACK */
  padding: 0 calc(12px + (100% - var(--form-max-width)) / 2);
}

/***** PROGRESS BAR *****/
.multiprogressbar {
	max-width: 962px; /* IE FALLBACK */
    max-width: var(--form-max-width);
    margin: auto;
    padding: 0px 12px;
}

.ui-multiprogressbar {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
  max-height: 40px;
}

.ui-multiprogressbar-valuetext {
  margin-top: 0.6em !important; /* Adjust to center Progress bar text if using non-standard font/font size. */
}

.ui-widget-header.active {
  background-color: var(--progressbar-active-background-color);
  border-color: var(--progressbar-active-border-color);
  color: var(--progressbar-active-font-color);
}

.todo,
.next {
  background-color: var(--progressbar-next-background-color) !important;
  border-color: var(--progressbar-next-border-color) !important;
  color: var(--progressbar-next-font-color);
}

.done {
  background-color: var(--progressbar-done-background-color);
  border-color: var(--progressbar-done-border-color);
  color: var(--progressbar-done-font-color);
}

/***** IMPORTANT NOTIFICATIONS *****/
.global-notification-message {
    background-color: var(--notification-background-color);
    border-left: 3px solid var(--notification-border-color);
}

.global-message-container .message-content
  {
    color: var(--notification-font-color);
  }
  h2 {
      color: var(--notification-heading-font-color) !important;
  }

/***** FORM GENERAL *****/
body {
  background: none;
  background-image: none !important;
  /*font-family: var(--font-family) !important;*/
  font-weight: 400;
  font-style: normal;
  font-size: var(--font-size) !important;
  line-height: 1.4em;
  /* color: #696969; IE ADVANCED BRANDING */
  color: var(--font-color) !important;
}

html {
  /* color: #fff; IE ADVANCED BRANDING */
  background-color: var(--site-background-color);
}

.main {
    max-width: 962px; /* IE FALLBACK */
    max-width: var(--form-max-width);
    margin: 14px auto;
    margin-bottom: 84px;
}

.page {
  max-width: none;			  
  padding-top: 20px !important;
}

.wrap {
  min-height: 0% !important;
  background-color: var(--form-background-color);
}

div.shadedbox {
  background-color: var(--shadedbox-background-color) !important;
}

#ctl00_UpdatePanel1 {
    z-index: 2;
    position: relative;
    margin-top: -70px;
}

#UpdatePanel1 {
    z-index: 2;
    position: relative;
    margin-top: -70px;
}

ul {
    line-height: 20px;}

ol {
    line-height: 20px;}

/***** CONTROLS & SELECTORS *****/
.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--control-selection-color);
}

.custom-control-label::before,
.custom-control-label::after {
  top: 0.4rem;
}

div.app-type-radiobox:hover, div.trust-type-radiobox:hover, div.channel-type-radiobox:hover {
    background-color: var(--control-selection-background-color);
    border-color: var(--selection-border-color) !important;
}

.app-type-highlight {
    background-color: var(--control-selection-background-color);
    border-color: var(--selection-border-color) !important;
}

/***** BUTTON BOX *****/
div.buttonbox {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-width: var(--buttonbox-border-top-size);
  border-color: var(--buttonbox-border-color);
  background-color: var(--buttonbox-background-color) !important;
  height: var(--buttonbox-height);
}

div.buttonAlign {
  margin-left: 0px !important;
}

/***** BUTTONS *****/
input.primaryActionButton,
a.primaryActionButton,
label.primaryActionButton,
button.primaryActionButton {
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--button-primary-color)), color-stop(1, var(--button-primary-color)));
  background: -moz-linear-gradient(center top, var(--button-primary-color) 5%, var(--button-primary-color) 100%);
  border-radius: var(--button-border-radius);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C1B5', endColorstr='#00C1B5');
  /* background-color: #00506e; IE ADVANCED BRANDING */
  background-color: var(--button-primary-color) !important;
  /* border: #00506e; IE ADVANCED BRANDING */
  border: 1px solid var(--button-primary-border-color) !important;
  /* color: #fff; IE ADVANCED BRANDING */
  color: var(--button-primary-font-color) !important;
  display: inline-block;
  font-weight: 600 !important;
  text-decoration: none;
  padding: 10px 30px;
  letter-spacing: normal;
  transition: all 0.3s ease-in-out;
  font-size: 13px !important;
  text-transform: uppercase;
}

a.primaryActionButton:hover,
input[type="file"]:hover,
label.primaryActionButton:hover,
button.primaryActionButton:hover {
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--button-primary-hover-color)), color-stop(1, var(--button-primary-hover-color)));
  background: -moz-linear-gradient(center top,var(--button-primary-hover-color) 5%, var(--button-primary-hover-color) 100% );
  border-radius: var(--button-border-radius);
  /* background-color: #00506e; IE ADVANCED BRANDING */
  background-color: var(--button-primary-hover-color) !important;
  /* border: #00506e; IE ADVANCED BRANDING */
  border: 2px solid var(--button-primary-hover-border-color) !important;
  /* color: #fff; IE ADVANCED BRANDING */
  color: var(--button-primary-hover-font-color) !important;
}

.actionButtonWrapper a.actionButton {
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--button-secondary-color)), color-stop(1, var(--button-secondary-color)));
  background: -moz-linear-gradient(center top, var(--button-secondary-color) 5%, var(--button-secondary-color) 100%);
  border-radius: var(--button-border-radius);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00C1B5', endColorstr='#00C1B5');
  /* background-color: #00506e; IE ADVANCED BRANDING */
  background-color: var(--button-secondary-color) !important;
  /* border: #00506e; IE ADVANCED BRANDING */
  border: 1px solid var(--button-secondary-border-color) !important;
  /* color: #fff; IE ADVANCED BRANDING */
  color: var(--button-secondary-font-color) !important;
  display: inline-block;
  font-weight: normal !important;
  text-decoration: none;
  padding: 10px 30px;
  letter-spacing: normal;
  transition: all 0.3s ease-in-out;
  font-size: var(--font-size) !important;
}

.actionButtonWrapper a.actionButton:hover {
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, var(--button-secondary-hover-color)), color-stop(1, var(--button-secondary-hover-color)));
  background: -moz-linear-gradient(center top,var(--button-secondary-hover-color) 5%, var(--button-secondary-hover-color) 100% );
  border-radius: var(--button-border-radius);
  /* background-color: #00506e; IE ADVANCED BRANDING */
  background-color: var(--button-secondary-hover-color) !important;
  /* border: #00506e; IE ADVANCED BRANDING */
  border: 2px solid var(--button-secondary-hover-color) !important;
  /* color: #fff; IE ADVANCED BRANDING */
  color: var(--button-secondary-font-color) !important;
}

a.primaryActionButton:focus,
input[type="file"]:focus,
button.primaryActionButton:focus {
  /* background-color: #00506e; IE ADVANCED BRANDING */
  background-color: var(--button-primary-hover-color) !important;
  /* border: #00506e; IE ADVANCED BRANDING */
  border: 1px solid var(--button-primary-hover-color) !important;
  /* color: #fff; IE ADVANCED BRANDING */
  color: var(--white) !important;
}

.actionButton { /* Review screen Edit button */
  color: var(--default-font-color) !important;
}

/***** FORM FOOTER *****/
#VC-footer {
  background-image: none !important;
  box-shadow: none !important;
  color: #9D9B9B; /* IE STANDARD BRANDING */
  color: var(--footer-font-color);
  background-color: #323232; /* IE STANDARD BRANDING */
  background-color: var(--footer-background-color);
  border-top: var(--footer-border-top-color) var(--footer-border-top-size) solid;
  /* padding-bottom: 25px; */
}

.footerLinks a {
  color: #fff; /* IE STANDARD BRANDING */
  color: var(--footer-link-color);
}

.footerLinks a:hover {
  color: #fff; /* IE STANDARD BRANDING */
  color: var(--footer-link-hover-color);
}

.upperFooter,
.lowerFooter {
  width: 100%;
  max-width: 962px; /* IE FALLBACK */
  max-width: var(--form-max-width);
  margin: auto;
  display: flex;
  width: 100%;
  text-align: left;
}

.upperFooter {
  padding: 22px 0px 0px !important;
}

.lowerFooter {
  padding: 12px 0px 0px !important;
  font-size: 11px; /* IE FALLBACK */
  font-size: var(--disclaimer-font-size);
  line-height: 1.4em;
}

/***** REVIEW SCREEN *****/
.masterheadertext {
  color: var(--heading-font-color) !important;
}

.reviewitemsectionlabel {
  color: var(--heading-font-color) !important;
}

.leftmenuContainer .navigationpanel .reviewlist li a {
  color: var(--link-color) !important;
}

.leftmenuContainer .navigationpanel .reviewlist li a:hover {
  color: var(--link-hover-color) !important;
}

.summarytable {
  margin-bottom: 0px; /* Field spacing on review screen. Adjust for custom font. */
}

.summarylabel .formlabels,
.summaryvalue .summaryfields {
  font-size: 12px !important;
}

.disclaimer { 
	font-size: var(--disclaimer-font-size) !important;
}

/***** DECLARATION SCREEN *****/
#ctl00_MainContent_DeclarationListControl_DeclarationList_ctl00_DeclarationPostambleLabel
  > div
  > ul {
  margin-left: 12px !important;
}

#ctl00_MainContent_DeclarationListControl_DeclarationList_ctl01_DeclarationPostambleLabel
  > div
  > ol {
  margin-left: 28px !important;
}

#ctl00_MainContent_DeclarationListControl_DeclarationList_ctl01_DeclarationCheckboxPanel
  label,
#ctl00_MainContent_DeclarationListControl_DeclarationList_ctl02_DeclarationCheckboxPanel
  label,
#ctl00_MainContent_DeclarationListControl_DeclarationList_ctl03_DeclarationCheckboxPanel
  label,
#ctl00_MainContent_DeclarationListControl_DeclarationList_ctl04_DeclarationCheckboxPanel
  label,
#ctl00_MainContent_DeclarationListControl_DeclarationList_ctl05_DeclarationCheckboxPanel
  label,
#ctl00_MainContent_DeclarationListControl_DeclarationList_ctl06_DeclarationCheckboxPanel
  label,
#ctl00_MainContent_DeclarationListControl_DeclarationList_ctl07_DeclarationCheckboxPanel
  label,
#ctl00_MainContent_DeclarationListControl_DeclarationList_ctl08_DeclarationCheckboxPanel
  label,
#ctl00_MainContent_DeclarationListControl_DeclarationList_ctl09_DeclarationCheckboxPanel
  label,
#ctl00_MainContent_DeclarationListControl_DeclarationList_ctl10_DeclarationCheckboxPanel
  label,
  {
  line-height: 26px;
}

#ctl00_MainContent_CompletionPinPanel a {
  color: var(--link-color);
}

#ctl00_MainContent_CompletionPinPanel a:hover {
  color: var(--link-hover-color);
}

/***** FINISH SCREEN *****/
.applicationstatus th { /* Header color in finish table*/
  color: var(--default-font-color) !important;
}

.additionaldocuments-document-header {
  width: 250px;
}

#ctl00_MainContent_DownloadApplicationLinkPanel a {
  color: var(--link-color);
}

#ctl00_MainContent_DownloadApplicationLinkPanel a:hover {
  color: var(--link-hover-color);
}

#ctl00_MainContent_DocIconPanel {
  margin-top: 3px;
}

/** RESPONSIVENESS  **/
@media screen and (max-width: 992px) {  /* Set to max form width*/
  .header {
    background-position: 12px; /* IE FALLBACK */
    background-position: var(--form-responsive-padding);
    padding: 0 12px;
    padding: 0 var(--form-responsive-padding) !important;
  }
}

@media screen and (max-width: 768px) {
  #VC-footer > div.upperFooter > div > ul li {
    display: flex;
    flex-wrap:wrap;
    justify-content: flex-start;
  }

  div.buttonbox {
    height: auto !important;
  }

  #CancelApplicationButton {
    margin-right: 120px !important;
  }
}

@media screen and (max-width: 576px) {
  #CancelApplicationButton {
    padding: 7px 20px !important;
    width: 100%;
  }
}