.footer {
    background: #555555;
    padding: 35px 0;
    margin-top: 35px;
    border-top: 10px solid #b1b1b1;
}

.footer p, .footer p a {
    color: #fff;
    font-size: 12px;
    margin: 7px 0 7px;
    font-weight: lighter;
}

.header {
	background-color:#ffffff;
	color:#333;
	height:90px;
	width:100%;
    border-style: none none solid none;
    border-color: #bbbbbb;
}

.fix {
	position:fixed;
	z-index:300;
}


h1, h2, h3, h4, h5, h6, p {
    font-family: 'Open Sans', sans-serif;
}
.header-text p.header-number {
    font-size: 35px;
    line-height: 35px;
    color: var(--brandcolor1);
    font-weight: 700;
}

.desktop {
	font-weight: 800;
	font-size: 24px;
	line-height: 24px;
	margin: 0;
}

.headcontainer {
    padding:10px 10px 10px 10px;
}

.topbar {
    padding:0px 30px 0px 30px;
}


img {
    max-width: 100%;
    height: auto;
}

.smallSelect{
  width: 150px !important;
  margin:10px !important;
}

.smallText {
  padding:8px !important;
  max-width:100px !important;
}

@media(max-width:1095px) {
    #HeaderLogo,
    #topTelephoneNumber {
        width: 30%
    }
    #HeaderText {
        width: 40%
    }
    #HeaderLinks {
        display: none
    }
}

@media(max-width:767px) {
    #HeaderText {
        display: none
    }
    #HeaderLogo {
        width: 35%
    }
    #topTelephoneNumber {
        width: 65%;
        font-size:12px;
   	  	line-height: 0.7;    
    }
    #topTelephoneNumber h2 {
        font-size:25px;
   	  	line-height: 0.7;    
	}
    #breadcrumbs {
        display: none;
    }
    .nohelp {
        display: none;
    }
    .list-item__label {
	    padding-bottom: 5px;
    }
    .c-accordion__content {
	    display: block;
    	padding: 15px 5px;
    	width:100%;
	}
	.c-accordion__body {
     /*   display: none; */
	}
	.c-accordion__list-item {
    	padding: 5px;
	}
	.c-list-item__content {
 	  	padding-bottom: 5px;
	}
	
	table {
      border: 0;
    }

    table thead {
      display: none;
    }

    /*table tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
 	  vertical-align: middle;
    }*/

    table.switch td {
      display: block;
      text-align: right;
      font-size: 13px;
      min-height: 35px;
 	  vertical-align: middle;
      border-bottom: 1px dotted #ccc;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: left;
 	  vertical-align: middle;
      font-weight: bold;
    }
	.c-button--small {
   		padding: 5px 10px;
   	}

    .smallSelect{
      width:250px !important;
      padding: 10px 20px 10px 20px !important;
      margin-right:10px !important;
      margin:10px !important;
    }
     
    .smallText {
      width: 200px !important;
      margin:10px !important;
    } 

    .day, .year{
      min-width: 80px !important;
    }

    .Firstname, .Surname {
      padding-bottom: 5px;
      color: #333333;
      /*font-family: 'Roboto Slab', serif, Verdana;*/
      font-weight: bold;
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0.5px;
      margin-right:5px !important;
    }
}


#myNavbar {
    position: relative;
	height:125px;
}

#myNavbar .nav {
    position: absolute; 
    bottom: 0; 
    right: 0;
    margin-bottom: -10px;
}


/** form specifics **/

.formdiv {
	border-radius: 25px;
	padding:15px;
	background-color:#f4f8fe ;
	max-width:850px;
	min-height:1000px;
	margin:auto;
    border-style: solid;
    border-color: #bbbbbb;
}
.qform {
	margin:auto;
}

.results-text { 
	text-align:left;
	color:#2f2d4a;
	height:10px;
}

.results-text .large { 
	font-size:25px;
}

.results-text .small { 
	font-size:14px;
}

.button-dark {
	background-color:var(--brandcolor1);
	border: 2px solid var(--brandcolor1);
	color:#FFFFFF;
}

.ResultsBox {
	border-radius: 8px;
	border: 2px solid grey;
	background-color:#FFFFFF;
	color:grey;
	font-size: 14px;
	line-height: 50px;
	letter-spacing: 0.5px;
	width: 100%;
	margin-top:5px;
}
.c-button--disabled a {
	pointer-events:auto;
}


.c-tooltip__placement {
	left: -44px;
}

.panel-local {
  border-color: var(--brandcolor1);
}
.panel-local > .panel-heading {
  color: #fff;
  background-color: var(--brandcolor1);
  border-color: var(--brandcolor1);
}
.panel-local > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: var(--brandcolor1);
}
.panel-local > .panel-heading .badge {
  color: var(--brandcolor1);
  background-color: #fff;
}
.panel-local > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: var(--brandcolor1);
}

.RecallTitle {
  font-size:25px;
  color:#555;
  text-align:center;
  padding:5px 5px 10px 5px;
  display:block;
}

.year {
  min-width: 90px !important;
}

.smallText {
  padding:8px !important;
  max-width:100px !important;
}