/*
Achtergrond van de pagina graag heel licht blauw i.p.v. licht grijs.
En grijs vlak van kader met invoervelden eveneens een tint donkerder blauw i.p.v. nu een tint donkerder grijs
De kleur van de buttons graag wijzigen in blauw / oranje i.p.v. de huidige kleurstelling groen / blauw
(Blauw = R35/ B91 /G117 of 235B75 en Oranje = R240 / B132 / G32 of F08420)

Lightcyan: #E0FFFF
*/

body .container {
  background: white;
}

body {
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #4d4d4d;
}

body h1 {
  color: #235675;
  font-size: 28px;
  font-weight: bold;
}

h2 .h2 {
  color: #235675;
  text-align: center;
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0px;
}

.h2_header {
  color: #235675;
  text-align: center;
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0px;
}

h3 .h3 {
  background-color: #235675;
  color: white;
  text-align: center;
  padding: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 0.5em;
}

.h3_app_section {
  background-color: #235675;
  color: white;
  text-align: center;
  padding: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 0.5em;
}

h5 .h5 {
  font-size: 12px;
  text-align: left;
  margin-bottom: 5px;
}

.error {
  color: red;
  font-weight: bold;
}

.logo {
  max-height: 80px;
  background-color: transparent;
}

.logo_application {
  max-width: 200px;
  background-color: transparent;
}

.logo_company {
  max-height: 100px;
  max-width: 325px;
}

.logo_footer {
  height: 30px;
  background-color: transparent;
}

.footer {
  text-align: center;
  font-size: 10px;
  margin: 15px;
}

.navbar-right {
  font-size: 13px;
  color: white !important;
  margin-top: 20px;
  background-color: #235675;
  border-color: #235675;
  border-radius: 0.5em;
}

.navbar-default a {
  color: white !important;
  vertical-align: middle;
  font-weight: bold;
  border-radius: 0.5em;
}

.navbar-right a:hover {
  color: white !important;
  background-color: #F08420 !important;
  border-color: #F08420 !important;
  border-radius: 0.5em;
}

.dropdown-item {
  color: white !important;
  font-size: 13px;
  background-color: #235675;
  border-color: #235675;
  border: none 0px;
  -webkit-appearance: none;
  border-radius: 0.5em;
}

.max-width {
  max-width: 200px;
  margin: auto;
}

.btn {
  font-family: 'Arial Black', Gadget, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background-color: #235675;
  border-color: #235675;
  border-radius: 0.5em;
  text-weight: bold;
  margin: 5px;
  text-align: left;
}

.btn-gray {
  font-size: 12px;
  font-weight: bold;
  background-color: #dfdfdf;
  border-color: #dfdfdf;
  border-radius: 0.5em;
  text-weight: bold;
  margin: 5px;
  text-align: left;
}

.btn:hover{
  background-color: #F08420;
  border-color: #F08420;
}

.btn-gray:hover {
  background-color: #dfdfdf;
  border-color: #dfdfdf;
}

.btn-unselected {
  background-color: #F08420;
  border-color: #F08420;
}

.btn-flow {
  margin: 10px;
}

a.white-link:link, a.white-link:visited {
  color: white;
  text-decoration: none;
  font-size: 12px;
  text-weight: bold;
  text-align: left;
}

a.gray-link, a.gray-link:link, a.gray-link:visited a.gray-link:hover{
  color: darkgray !important;
  text-decoration: none !important;
  pointer-events: none;
  cursor: default;
  font-size: 12px;
  text-weight: bold;
  margin: 5px;
  text-align: left;
}

.text-center {
  text-align: center;
  padding-top: 10px;
}

.form-control {
  border: none 0px;
  -webkit-appearance: none;
  border-bottom: solid thin lightgray;
  border-radius: 0.5em;
}

/* https://www.w3schools.com/cssref/css_colors.asp cornflowerblue? lightblue? steelblue? */
.form-panel {
  background-color: #dfdfdf;
  border-color: #dfdfdf;
  border-radius: 0.5em;
  padding: 10px;
  margin: 5px;
  padding-bottom: 5px;
}

.sections-panel {
  padding-right: 10px;
}

.white-tooltip {
  color: black;
  background-color: white;
  border: 1px solid #dfdfdf;
  border-radius: 0.5em;
  /*width: 15px;
  height: 15px;*/
}

input, select {
    font-family: Arial, Helvetica, sans-serif;
}

/* From previous prestatiebarometer site */
/*#form select {*/
/*    color: #4d4d4d;*/
/*}*/

/*#form > div.form-group > label.control-label {*/
/*    color: #235675;*/
/*}*/

th, legend {
  color: #235675;
  padding: 5px;
  font-weight: bold;
}

.input-td {
  min-width: 275px;
}

.tooltip {
  font-size: 12px;
}

.tooltip-inner {
  color: black;
  background-color: white;
  padding: 15px;
}

@media (max-width: 600px) {
    .form-panel {
      padding-bottom: 10px;
    }
}