*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box
  }
*{
  -webkit-tap-hightlight-color:transparent
  }
:focus{outline:0}
*{
  font-family:Roboto
  }
body{
margin: 0px;
display: grid;
}

hr{
  margin-top: 20px;
  padding-bottom: 30px;
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: 1px solid #fff;
}

.input-group.sections{margin-bottom:15px}
.input-group.sections .label-container div{
  font-size:14px;
  color:#063b9e;
  display:flex;
  align-items:center;
  cursor:pointer;
  font-weight:500
}
.input-group.sections .label-container div i{font-size:20px}
button.primary,input[type=submit].primary{
  border-radius:3px;
  background-color:#002d80;
  color:#fff;
  border:1px solid #002d80;
  padding:12px 15px;
  font-size:14px;
  cursor:pointer
}
button.primary.back{
  border:solid 1px #063b9e;
  background-color:#fff;
  color:#002d80;
  font-weight:500;
  margin-right:10px
}
button.primary a{
  text-decoration:none;
  color:inherit
}
button.primary:disabled,button.primary[disabled],input[type=submit].primary:disabled,input[type=submit].primary[disabled]{
  background-color:#bfcbe0;
  border-color:#bfcbe0
}
.commLevel{
  margin-left: 25px;
  border-bottom: solid 1px #dfdfdf;
}
.error-input{
  position: absolute;
}
.input-group{margin:25px 0}
.input-group .label-container{
  display:flex;
  flex-direction:row;
  align-items:center;
  margin-bottom:5px;
  font-weight: bold;
  color: #00205b
}
.input-group label{
  flex:1;
  min-height:24px;
  font-family:Roboto;
  font-size:14px;
  font-weight:bold;
  font-stretch:normal;
  font-style:normal;
  line-height:1.71;
  letter-spacing:normal;
  color:#00205b;
  text-transform: capitalize;
}

.input-group .radio-container label {
font-weight: normal;
color: grey

}
.input-group .optional{
  flex:1;
  height:16px;
  font-family:Roboto;
  font-size:12px;
  font-weight:400;
  font-stretch:normal;
  font-style:normal;
  line-height:1.33;
  letter-spacing:normal;
  text-align:right;
  color:#647592
}
.input-group .label-container i{
  color:#063b9e;
  font-size:16px;
  margin-left:5px
}
.input-group .input-wrapper{position:relative}
.input-group .input-wrapper input,.input-group .input-wrapper textarea{
  width:100%;
  font-size:14px;
  line-height:150%;
  background-color:#f7f9fa;
  border-color:#a2acbd;
  border-width:0 0 1px;
  height:40px;
  padding:0 30px 0 10px;
  color:#282e3a
}
.input-group .input-wrapper input.invalid{border-color:#e4002b}
.input-group .input-wrapper i{
   position:absolute;
   top:8px;right:4px;
   color:#063b9e
}
::-webkit-input-placeholder{color:#505d74}
:-ms-input-placeholder{color:#505d74}
::placeholder{color:#505d74}
.input-group input.error{border-color:#e4002b}
.input-group .input-error-message{
   margin-top:5px;
   font-size:12px;
   color:#e4002b;
   padding: 0px;
}
.input-group .input-wrapper.select-container{display:flex}
.input-group .input-wrapper.select-container select{width:95px;margin-right:10px}
.input-group .input-wrapper .input-icon{
   display:flex;
   align-items:center;
   margin-bottom:15px
}
.input-group .input-wrapper .input-icon a{
  text-decoration:none;
  color:#fff;
  background-color:#647592;
  border-radius:8px;
  font-size:16px;
  margin-right:15px;
  width:30px;
  height:30px;
  display:flex;
  align-items:center;
  justify-content:center
}
.input-group .checkbox-container{
  display:flex;
  margin:15px 0
}
.input-group .checkbox-container input[type=checkbox]{display:none}
.input-group .checkbox-container label{
  position:relative;
  padding-left:26px;
  font-size:14px;
  font-weight:bold;
  color:#00205b
}
.input-group .checkbox-container label::before{
  content:"";
  position:absolute;
  top:3px;left:0;
  display:inline-block;
  height:16px;
  width:16px;
  border:1px solid #063b9e;
  border-radius:3px
}
.input-group .checkbox-container label::after{
  content:"";
  position:absolute;
  left:4px;
  top:7px;
  display:inline-block;
  height:6px;
  width:9px;
  border-left:2px solid;
  border-bottom:2px solid;
  border-color:#fff;
  transform:rotate(-45deg);
  border-radius:2px
}
.input-group .checkbox-container input[type=checkbox]:checked+label{font-weight:500}
.input-group .checkbox-container input[type=checkbox]:checked+label::before{background-color:#063b9e}
.input-group .checkbox-container input[type=checkbox]+label::after{content:none}
.input-group .checkbox-container input[type=checkbox]:checked+label::after{content:""}
.input-group .select-container select{
  display:block;
  width:100%;
  font-size:14px;
  line-height:150%;
  background-color:#f7f9fa;
  border-color:#a2acbd;
  border-width:0 0 1px;
  height:40px;
  padding:0 30px 0 10px;
  color:#282e3a;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Ctitle%3Edown-arrow%3C/title%3E%3Cg%20fill%3D%22%23063b9e%22%3E%3Cpath%20d%3D%22M12.999723971146594%2C3.3733787514812743%20L7.57645510842229%2C8.796647614205579%20L2.153186245697986%2C3.3733787514812743%20A1.2632818222045898%2C1.2632818222045898%200%200%200%200.3669057491006958%2C5.1596592480785635%20l6.316409111022949%2C6.316409111022949%20a1.2632818222045898%2C1.2632818222045898%200%200%200%201.7862804965972903%2C0%20l6.316409111022949%2C-6.316409111022949%20a1.2632818222045898%2C1.2632818222045898%200%201%200%20-1.7862804965972903%2C-1.7862804965972903%20z%22%20fill%3D%22%23063b9e%22%20strock-width%3D%2210%22%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size:1.1em;
  background-position:calc(100% - .6em) 13px;
  background-repeat:no-repeat}select::-ms-expand{display:none}
.input-group .select-container select[multiple]{
  background-image:none;
  height:auto;
  padding:0 10px
}
.input-group .select-container select[multiple] option{padding:5px 0}
.steps-container{
  display:flex;
  position:relative;
  max-width:500px;
  margin-top:30px;
  margin-bottom:35px
}

select{
  background-color: #f7f9fa;
  width: 100%;
  line-height: 150%;
  border-color: #a2acbd;
  border-width: 0 0 1px;
  height: 40px;
  padding: 0 30px 0 10px;
  color: #282e3a;
}

.narrow{min-width:192px;width:20%}
.wide{min-width: 50%;width: 70%;}
.airbus-header{
  width:100%;
  padding:25px 10vw 5px 10vw;
  background-color:#00205b;
  align-items:center
}
.airbus-header .airbus-title{
  padding-top:30px;
  margin-top:20px;
  border-top:1px solid #fff
}
.airbus-header .airbus-title h2{color:#fff}
.airbus-footer{
  width:100%;
  background-color:#00205b;
  padding:50px 10vw 25px 10vw;
  font-size:14px;
  margin-top:20px;
}
.airbus-footer div{
  border-top:1px solid #fff;
  display:flex;
  flex-wrap:wrap;
  padding-top:20px
}
.airbus-footer a,.airbus-footer span{
  padding:10px;
  color:rgba(255,255,255,.6)
}
.airbus-footer a{
  text-decoration:none;
  color:rgba(255,255,255,.6)
}
.required:after { content:"*"; color: #696969; }
.ui-widget-content{
  overflow:auto;
  max-height:250px;
  display:block;
  font-size:14px;
  line-height:150%;
  background-color:#f7f9fa;
  border-color:#a2acbd;
  border-width:0 0 1px;
  color:#282e3a;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
   background-size:1.1em;
  background-position:calc(100% - .6em) 13px;
  background-repeat:no-repeat
}

p{
  font-weight:400;
  font-size:16px;
  line-height:1.5;
  color:#282e3a
}
p.heading{
  font-size:20px;
  font-weight:500;
  margin:16px 0
}
h2{
  font-weight:400;
  font-size:35px;
  color:#2e3237
}
h3, h4{
  color:#2e3237
}
h4{
  margin: 0px 0px 0px 30px;
}
a{
  text-decoration:none;
  color:#063b9e
}

fieldset{
  color: #2e3237;
  border: solid 1px lightgrey;
  font-weight: 500;
}

.main-container{
  display: grid;
  grid-template-rows: auto auto auto;
  grid-template-columns: 10% auto 20px;
  grid-template-areas:
     "header header header"
     "main main main"
     "footer footer footer";
  }

.mdc-button--raised{
  --mdc-theme-primary:#063b9e;
}

.child {
padding: 0px;
} 
.child-header {
 grid-area: header;
background-color:#00205b;
}
.child-main {
 grid-area: main;
 padding: 0px 20%;
}
.child-footer {
  grid-area: footer;
  margin-top: 150px;
}

label.error{
  color: #e4002b;
  font-weight: 500;
  float:left;
  font-size: x-small;
}

.tooltip {
position: relative;
display: inline-block;
}

.tooltip .tooltiptext {
visibility: hidden;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -50%;
font-size: 1em;
}

.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
visibility: visible;
}