/*Background picture*/
body {
background-image: url('/images/backgroundlandschap.jpg');
background-image: no-repeat;
background-size: cover;
background-position: bottom;
background-attachment: fixed;
}


.plannerpanel {
/*  background-color : #eeeeee;*/  
background-image: url('/images/vlag_friesland.jpg');
background-image: no-repeat;
background-size: cover;
background-attachment: fixed;
opacity: 0.9;
}

/* Class to hide additional accessibiltiy labels */
.accessibility-helper {
  border: 0px none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0px;
  position: absolute;
  width: 1px;
}

#planner-options-desc-row, #planner-options-form {
  color: #fff;
}

.planner-options {
  padding : 24px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-shadow: 0px 0px 26px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 0px 26px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 0px 26px 0px rgba(50, 50, 50, 0.75);
/*  border-bottom: 1px solid #e5e5e5;*/
}

/* Customize container */
@media (min-width: 768px) {
  .planner-options {
    max-width: 730px;
  }
  
  .planner-form {
    margin-top: 80px;
  }
  
  .planner-summary {
    margin-top: 18px;
    padding : 24px;
    margin-left: auto;
    margin-right: auto;
  }

  #planner-leg-list.affix {
    position: fixed;
    width: 100%
  }
}

@media (max-width: 768px) {
  .affix {
     position: static;
  }
}

/* Remove spin buttons in webkit for form */
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}


/* Equal sizes for input-group-addons in the planner-options panel */
.input-group-addon {
  background-color: #ea2117;
  color: #fff!important;
  border: none;
}

.planner-options-input-addon{
  min-width : 5em;
}

.planner-options-dateinput{
  padding-top: 4px;
}

.planner-options-inputgroup-via {
  padding-top: 4px;
}

.planner-options-inputgroup-dest {
  padding-top: 4px;
}

.planner-options-submitbutton {
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.planner-advice-container {
  margin-top: 8px;
}

.planner-advice-dateheader{
  text-align: center;
}

#planner-advice-list{
  display: table;
  width: 100%;
  background-color: #084799;
  color: #fff;
  border-radius: 4px;
}

.leg-header{
  display: inline-block;
}

.leg-header-agency-name{
  position: absolute;
  right: 10px;
}

.grey {
  color: #999;
}

.delay {
  color : red;
}

.early {
  color : blue;
}

.ontime {
  color : green;
}

/*Friese vlag color for button*/
.btn-danger {
color: #fff;
background-color: #ea2117;
border: none;
}

#footer {
/*  background-color: #fff; */
  opacity: 0.6;  
  height: 1.5em; 
  bottom: 0px;
  position: fixed;
  width: 100%;
  color: #fff;
  padding-right: 0.4em;
  text-align: right;
}

#footer a {
  color: #fff;
}