@import url("./check-your-eligibility-common.css");
#accordionGroup {
    width:100%;box-sizing: border-box; 
}
.steps {
    width:calc(100% - 2px); 
    --main-bg-color: #d0d0d0; 
    background-color: var(--main-bg-color);
    border:1px solid var(--main-bg-color);
    border:1px solid #5a2678;
    margin-bottom:2px;
}
.steps button.expButton {
    border:0;
    background-color: transparent;
    border-bottom:3px solid #5a2678;
   
}
section.questionSection {
    padding:.5em;
    background-color: #fff;
    display:none;
}

section.questionSection fieldset {
    padding: 10px 2px; 
    margin: 0 0 10px 0;
}
 
section.questionSection form:first-child{
   margin: 10px 0;
}

section.questionSection.accordionShown {
    display:block;
}


.panel {
    max-height: 0;
    height:0;
    transform:scale(0);
    visibility: hidden;
    display:none;
    transition: max-height 1s ease-in;
    
  }
  .panel:not([aria-hidden="true"]) {
    max-height: 1000px;
    height:auto;
    display: block;
    visibility: visible; 
  }
  .stepOneEndResultHidden {
	display:none;
}

form {
    margin: 0;
}

.regional_skip_guidance a:link {
display:block;
 
}

.expButton {
    color:#fff;
}
div.steps h3 {
padding:0;margin:0;position:relative;
}

div.steps h3 div.stepH3subtitle {
font-size:12pt;
}

div.steps h3 span.status {
position:absolute; top:0;right:0;
padding: 0.35em 0.5em;
}

button.expButton span.status {
position:absolute; top:0;right:0;
height:70%;
min-width:40px;
text-align: center;  
}
 

div.steps h3 button.expButton  { 
    padding:10px;
    text-align: left; 
    padding:.7em .3em;
    font-size: 1.6rem; 
    width:100%;
}

.steps .stepH3 .expButton {
    font-size: 2rem;
}
 
#step1 {
    --main-bg-color: var(--accordionBarColour);

}
#step2 {
    --main-bg-color: var(--accordionBarColour);

}
#step3 {
    --main-bg-color: var(--accordionBarColour);
}
#step4 {
    --main-bg-color: var(--accordionBarColour);

}

#step5 {
    --main-bg-color: var(--accordionBarColour);
}
#step6 {
    --main-bg-color:  var(--accordionBarColour);
}

#step7, #step8 {
    --main-bg-color:  var(--accordionBarColour);
}

.resultSummary {
    font-size: 1.692308em;
}
table.final_results > tr > td {
    text-align:left;
}
.resultText {
    padding: 0 10px;
    background-color: #fff;
}
#lookup_selection_continue_btn {
    font-size:1.3em;
}
 
ul.live {
    display: block;
}
 
.lookup_error {
    color:red;
    font-weight:bold;
    font-size: 1.2em;
}