/* general */

#MessagePanel {
    display: none;
}

.textarea::placeholder {
    color: #a2a2a2;
}

.text::placeholder {
    color: #a2a2a2;
}

.form-control::placeholder {
    color: #a2a2a2;
}

::placeholder {
    color: #a2a2a2;
}

h1, .h1 {
    font-size: 42px;
}

h2, .h2 {
    font-size: 32px;
}

h3, .h3, legend {
    font-size: 24px;
}

p, .p {
    font-size: 18px;
}

h1, h2, h3, h4, h5, h6, body, p, a, .h1, .h2, .h3, .h4, .h5, .h6, .body, .p, .a, legend {
    font-family: Calibri Bold,Helvetica,Arial;
}

input, button, select, textarea {
    font-family: Calibri Bold,Helvetica,Arial;
}

h1, h2, h3, .h1, .h2, .h3, a, .a, a:hover, a:focus, a:active:hover, legend {
    color: #2d146e;
}

.logo-arriva {
    display: block;
    margin: 0.9375rem 0;
    width: 17rem;
    max-width: 17rem;
    height: 5rem;
    background: url(/images/logo-white.svg) no-repeat;
    background-size: contain;
    text-indent: -624.9375rem;
    font-size: 0;
    line-height: 0;
}

@media only screen and (min-width: 64em) {
    .logo-arriva {
        margin-right: 2.1875rem;
        margin-left: 0.9375rem;
    }
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #fff;
}

.form-control {
    border-bottom-right-radius: 0.9375rem;
}

@media only screen and (min-width: 48em) {
    .form-control {
        border-bottom-right-radius: 1.875rem;
    }
}

a {
    text-decoration: underline;
}

.tab-column {
    margin-top: 20px;
}

/* spinner */
.lds-ring {
  display: inline-block;
  position: relative;
  width: 2rem;
  height: 2rem;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 2rem;
  height: 2rem;
  border: 0.25rem solid #666;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #666 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* buttons */

fa, .fa {
    color: #2d146e;
}

.btn, .btn:active, .btn:focus, .btn:active:hover, .btn[disabled]:hover, .btn:active:hover .fa, .btn-default, .btn-default:active, .btn-default:active:hover, .btn-default:active:hover .fa, .btn-default .fa {
    color: #fff;
    background-color: #2d146e;
}

.btn:hover, .btn-default:hover, .btn-default:hover .fa {
    color: #2d146e;
    background-color: #fff;
}

.btn, .btn:hover, .btn:active, .btn:active:hover, .btn-default, .btn-default:hover .btn-default:active, .btn-default:active:hover, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { 
    border-bottom-right-radius: 0.9375rem;
    border-color: #2d146e;
}

@media only screen and (min-width: 48em) {
    .btn, .btn:hover, .btn:active:hover, .btn:active, .btn-default, .btn-default:hover, .btn-default:active, .btn-default:active:hover, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 1.875rem;
    }
}

/* header */

.container-header {
    margin-top: 25px;
    margin-bottom: 25px;
}

.navbar-inverse .navbar-nav > li > a {
    color: #2d146e;
}

.navbar {
    border-bottom-right-radius: 0.9375rem;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
    float: left;
    position: relative;
    padding: 0 0.9375rem;
    background-color: #33cad6;
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
}

@media only screen and (min-width: 48em) {
    .navbar {
        padding: 0 1.875rem;
        border-bottom-right-radius: 1.875rem;
    }
}

/* footer */

Html, body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: flex-start;
}
 
.footer{
    margin-top: auto;
    padding-top: 25px;
}

footer .footer-bottom {
    background-color: #33cad6;
}

footer .footer-bottom ul li a, footer .footer-bottom ul li a:hover, footer .footer-bottom ul li a:focus, footer .footer-bottom ul li a:active, footer .footer-bottom ul li a.active {
    color: #2d146e;
}

/* contactformulier */

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus, .list-group-item-success, .list-group-item-success:active, .list-group-item-success:hover {
    background-color: #2d146e;
    border-color: #2d146e;
    color: #fff;
}

.instructions {
    padding-bottom: 25px;
}

.list-group-item-success .glyphicon-ok {
    color: #2d146e;
}

fieldset {
    border: none;
}

.field-label {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 15px;
    color: #666;
}

#EntityFormControl_982231c09382ec118d216045bd0f05f7_EntityFormView .form-control, #EntityFormControl_5cee0d56e1a1ec11b400000d3ad4b292 .form-control {
    border: none;
    cursor: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    color: #555;
    display: block;
    padding-bottom: 20px;
}

/* pcf control - iban checker */

.pcf-input-field {
    float: left!important;
    width: 100%!important;
    border: 1px solid #949494!important;
    display: block!important;
    height: 35px!important;
    padding: 6px 12px!important;
    font-size: 15px!important;
    line-height: 1.42857!important;
    color: #555!important;
    background-color: #fff!important;
    background-image: none!important;
    border-radius: 0!important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%)!important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s!important;
    font-family: Calibri Bold,Helvetica,Arial!important;
}