css.css

/*Global styles*/
#container{
    position: relative;
    max-width: 1000px;
    min-width: 320px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
}

/*failed styling*/
input.failed, .failed {
    border-color: #f20d0d ;
}

.failed-radio{
    color: red;
}
/*-----*/

/*day month year dropdown*/

.candidate-dob{
    display: flex;
    align-items: baseline;
    flex-direction: row;
    margin: 0px;
    width: 100%;
    box-sizing:border-box;
}

.candidate-dob-month-container{
    width: 33.333%;
    display: flex;
}
.candidate-dob-day-container{
    width: 33.333%;
    display: flex;
}
.candidate-dob-year-container{
    width: 33.333%;
    display: flex;
}


select[name="month"]{
    width: 100%;
        box-sizing:border-box;
}

select[name="day"]{
    width: 100%;
}
select[name="year"]{
    width: 100%;
}

/*text input box styling*/
.text-box-width{
    width: 100%;
}
/*---------------------*/

/*label styling*/



.candidate-all-labels, .candidate-required-labels, .candidate-all-labels {
    display: block;
    max-width: 100%;
    padding-left: 3px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.required-field::before
{
    content: "*";
    color: red;
}




/*-------------*/
/*controlls the styling of behind each section*/

.section {
  background-color:#f6f5f2;
  padding: 20px;
  margin: 10px;
  margin-left: 0px;
  margin-right: 0px;
  width: 95%;
}

.section .title {
  color: rgb(110, 110, 110);
  margin-bottom: 20px;
  font-family: inherit;
  font-weight: bold;
  font-size: 130%;
  text-decoration: underline;
  text-align:left;
}

.section .title.highlight {
  margin-bottom:0px;
}

/*--------------------------------------------*/

/* controlls the insides of containers*/
.candidate-inner-right{
     width: 85%;
}


.candidate-inner-left{
    width: 85%;
}

.candidate-flex-box{
    display: flex;
    justify-content: center;
    align-items: flex-start;
}


.candidate-flex-box > * {
    width: 100%;
}
/*------------------------------------*/

/*buttons*/
.candidate-button{
width: 95%;
}


/*Part 1 styles*/

/*contact*/

/*dropdown controllers*/
#candidate-contact-dropdown{
display: none;
}

#candidate-address-dropdown{
display: none;
}

#candidate-postal-address{
display: none;
}



/*-----------*/