/*
@font-face {
    font-family: 'futuraweb';
    src: url('/asset.php?file=futura.woff2&pathList=["easy","associatie"]') format("woff2"),
    url('/asset.php?file=futura.woff&pathList=["easy","associatie"]') format("woff");
}

@font-face {
    font-family: 'futuraweb';
    src: url('/asset.php?file=futuran-webfont.eot&pathList=["easy","associatie"]');
    src: url('/asset.php?file=futuran-webfont.eot&pathList=["easy","associatie"]&#iefix') format("embedded-opentype"),
    url('/asset.php?file=futuran-webfont.woff&pathList=["easy","associatie"]') format("woff"),
    url('/asset.php?file=futuran-webfont.ttf&pathList=["easy","associatie"]') format("truetype");
    font-weight: bold;
    font-style: normal
}
*/

@font-face {
    font-family: 'futuraweb';
    src: url('/asset.php?file=futuran-webfont.eot&pathList=["easy","associatie"]');
    src: url('/asset.php?file=futuran-webfont.eot&pathList=["easy","associatie"]&#iefix') format("embedded-opentype"),
    url('/asset.php?file=futuran-webfont.woff&pathList=["easy","associatie"]') format("woff"),
    url('/asset.php?file=futuran-webfont.ttf&pathList=["easy","associatie"]') format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futuraweb';
    src: url('/asset.php?file=futura.woff2&pathList=["easy","associatie"]') format("woff2"),
    url('/asset.php?file=futura.woff&pathList=["easy","associatie"]') format("woff");
    font-weight: bold;
    font-style: normal;
}

.associatie {
    font-family: "futuraweb", Futura, "Trebuchet MS", Arial, sans-serif !important;
}

.associatie .bg-blue {
    background: #3e9f5c;
    color: #fff;
}

.associatie .home .container-fluid {
    margin-top: 250px;
}

.associatie .navbar-default .navbar-nav>li>a:hover,
.associatie .navbar-default .navbar-nav>li>a:active,
.associatie .navbar-default .navbar-nav>li>a:focus {
    background-color: #b2d9be;
}

.associatie .navbar-default .navbar-nav>.active>a,
.associatie .navbar-default .navbar-nav>li:hover>a {
    background-color: #b2d9be;
}

.associatie .navbar-default .navbar-nav>.active>a:hover,
.associatie .navbar-default .navbar-nav>li:hover>a:hover,
.associatie .navbar-default .navbar-nav>.active>a:active,
.associatie .navbar-default .navbar-nav>li:hover>a:active,
.associatie .navbar-default .navbar-nav>.active>a:focus,
.associatie .navbar-default .navbar-nav>li:hover>a:focus {
    background-color: #b2d9be;
}

.associatie .examen-tip {
    background-color: #b2d9be;
}

.associatie .btn-default,
.associatie a.btn-default,
.associatie .btn-secondary,
.associatie a.btn-secondary,
.associatie .btn-primary,
.associatie a.btn-primary {
    background-color: #5aa973 !important;
    border: 1px #5aa973 solid;
}

.associatie .btn-default:hover,
.associatie a.btn-default:hover,
.associatie .btn-secondary:hover,
.associatie a.btn-secondary:hover,
.associatie .btn-primary:hover,
.associatie a.btn-primary:hover,
.associatie .btn-default:active,
.associatie a.btn-default:active,
.associatie .btn-secondary:active,
.associatie a.btn-secondary:active,
.associatie .btn-primary:active,
.associatie a.btn-primary:active,
.associatie .btn-default:focus,
.associatie a.btn-default:focus,
.associatie .btn-secondary:focus,
.associatie a.btn-secondary:focus,
.associatie .btn-primary:focus,
.associatie a.btn-primary:focus {
    background-color: #b2d9be !important;
    border-color: #b2d9be;
}

.associatie .navbar-default .navbar-nav > li > a {
    background-color: #3e9f5c;
}

.associatie .panel,
.associatie .modal-tipx,
.associatie .panel-tipx {
    border-top: 4px solid #3e9f5c;
}

.associatie .home .tipx-rounded p.tipx-bottom {
    padding: 0 20px;
    left: 0;
    max-height: 153px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.associatie a.inschrijf-btn {
    background-color: #1560c4 !important;
}

.associatie a.inschrijf-btn:hover {
    background-color: #5391d6 !important;
}

.associatie .dashboard-widget-mijn-account,
.associatie .dashboard-widget-darkblue {
    margin: -20px -20px 0;
    background-color: #1560c4;
    color: #fff;
    padding: 20px 20px 0;
}

.associatie .bg-associatie-blue {
    background-color: #5391d6;
    color: #fff;
}

.associatie .bg-associatie-blue h2, .associatie .sidebar .bg-light-blue h2 {
    color: #fff;
}
.associatie .bg-darkblue {
    background-color: #1560c4;
    color: #fff;
}
.associatie .bg-darkblue label {
    color: #fff;
}

.associatie .bg-associatie-blue a[role=tab],
.associatie .bg-associatie-blue .nav-tabs > li.active > a,
.associatie .bg-associatie-blue .nav-tabs > li.active > a i {
    color: #fff;
    border-color: #fff;
}

.associatie .btn-actie-button i.fa,
.associatie .btn-arrow-right i.fa {
    display: none;
}

.associatie .btn-actie-button,
.associatie .btn-arrow-right {
    height: 30px;
    line-height: 20px;
    padding: 6px 6px 6px 12px;
    border: none;
    border-radius: 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.34901961);
}

.associatie .btn-actie-button.btn-block,
.associatie .btn-arrow-right.btn-block {
    text-align: left;
}

.associatie .btn-actie-button::after,
.associatie .btn-arrow-right::after {
    content: "\f054";
    display: inline-block;
    float: right;
    width: 27px;
    height: 30px;
    line-height: 20px;
    padding: 9px 7px 6px;
    text-align: center;
    margin: -7px -7px;
    font: normal normal normal 14px/1 FontAwesome;
    background-color: rgba(255, 255, 255, 0.5);
    margin-left: 10px;
}

.associatie button.btn-actie-button::after,
.associatie button.btn-arrow-right::after {
    margin: -6px -7px;
}

.associatie a.inschrijf-btn {
    background-color: #1560c4;
    height: auto;
}

.associatie a.inschrijf-btn h2 {
    margin: 0px;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
}

.associatie a.inschrijf-btn:hover h2 {
    color: #333;
}

.associatie a.inschrijf-btn.btn-actie-button::after,
.associatie a.inschrijf-btn.btn-arrow-right::after {
    background-color: #3e9f5c;
}

.associatie .table > tbody > tr.info > td,
.associatie .table > tbody > tr.info > th,
.associatie .table > tbody > tr > td.info,
.associatie .table > tbody > tr > th.info,
.associatie .table > tfoot > tr.info > td,
.associatie .table > tfoot > tr.info > th,
.associatie .table > tfoot > tr > td.info,
.associatie .table > tfoot > tr > th.info,
.associatie .table > thead > tr.info > td,
.associatie .table > thead > tr.info > th,
.associatie .table > thead > tr > td.info,
.associatie .table > thead > tr > th.info {
    background-color: #b2d9be;
}

.associatie h1.utitle {
    margin-top: 0px;
}

.associatie .panel h1,
.associatie .modal-tipx h1,
.associatie .panel-tipx h1,
.associatie .panel h2,
.associatie .modal-tipx h2,
.associatie .panel-tipx h2 {
    font-weight: normal;
    text-transform: none;
    color: #3e9f5c;
    margin: 0px;
    font-size: 26px;
}

.associatie .examenproduct-form input[type=text],
.associatie .examenproduct-form textarea {
    border-radius: 5px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
}

.associatie .btn.btn-nobtn.btn-primary {
    color: #3e9f5c;
    border: none !important;
    background: none !important;
}

.associatie .btn.btn-nobtn.btn-primary:hover {
    color: #3e9f5c;
    background: unset;
}

.associatie .btn.btn-outline.btn-primary {
    background: transparent !important;
    border-color: #5aa973 !important;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    color: #5aa973;
}

.associatie .btn.btn-outline.btn-primary:hover {
    border-color: #b2d9be !important;
    color: #b2d9be;
}

.associatie .detail-container .downloads.meerlink h2 {
    display: none;
}

.associatie .detail-container .downloads.meerlink .btn {
    margin-bottom: 5px;
}

.associatie .block-rounded {
    border: 1px #3e9f5c solid;
    border-radius: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.34901961);
    box-sizing: border-box;
}

.associatie .block-rounded label.btn {
    display: inline-block;
    width: auto;
    max-width: 100%;
}

.associatie input[type="radio"].hidden_radio {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
}

.associatie input[type="radio"].hidden_radio:checked + .block-rounded {
    border-width: 2px;
}

.associatie input[type="radio"].hidden_radio:checked + .block-rounded label.btn {
    background: #3e9f5c !important;
    color: #fff;
}

.associatie .navbar-default .navbar-nav > li > a {
    min-width: 150px;
    width: auto;
}

.associatie .bg-info,
.associatie .sidebar .bg-light-blue {
    color: #fff;
    background-color: #5391d6 !important;
}

.associatie .sidebar .bg-white {
    color: #fff;
    background-color: #a0c2e9 !important;
}

.associatie .sidebar .text-uppercase {
    text-transform: none;
}

.associatie .sidebar .rounded {
    min-height: 150px;
}

.associatie .sidebar .rounded h2 {
    font-size: 20px;
}

.associatie .sidebar .rounded .panel-heading {
    padding: 0;
}

.associatie .sidebar .rounded .panel-heading + .panel-body {
    padding: 0;
}

.lamark-kaart-table th {
    color: #5aa973;
} 
.lamark-kaart-table td.datum {
    color: #5391d6;
}

.panel-tipx ul:not(.fa-ul) {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.associatie .examen_onderdelen .examen_onderdeel.disabled {
    pointer-events: none;
    color: #a0a0a0;
}

#akkoorden {
    margin-bottom: 30px;
}

form + .btn-block {
    margin-top: 5px;
}

.opleider-item {
    border-top: 1px solid #eee;
    margin-top: 10px;
    font-size: 0.9em;
}

.opleider-label {
    display:inline-block;
    width: 80px;
    color: #ccc;
}

.opleider-item img {
    margin-top: 20px;
}

.pad-right {
    padding-right: 20px;
}
.text-right .fa-euro {
    margin-right: 5px;
}

.danger-links a {
    color:#a94442 !important;
}
.danger-links a:focus,
.danger-links a:hover {
    color:#843534 !important;
}

.panel-samenvoegen {
    margin-top: -40px;
    border-top: 0px !important;
}

.panel-samenvoegen .panel-heading {
    padding-bottom: 0px;
}
.panel-samenvoegen .panel-heading + .panel-body {
    padding-top: 0px;
}

.panel-body li b,
.panel-body li strong {
    font-family: Roboto, sans-serif;
}

.winkelmand-border-bottom td {
    border-bottom: 2px #333 solid;
}

/* blink */

.blink {
    animation: blink 0.75s;
    animation-iteration-count: infinite;
}
@keyframes blink { 50% { background-color: #f2dede; }  }

/* winkelwagen dashboard blok */

.panel-winkelwagen {
    font-family: Roboto, arial;
    padding-bottom: 2px !important;
}

.panel-winkelwagen .winkelwagen-hh {
    background-color: #5391d6;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 2px;
}
.panel-winkelwagen .winkelwagen-hh a,
.panel-winkelwagen .winkelwagen-hh h2 {
    color: #fff !important;
    font-size: 18px;
}
.panel-winkelwagen .winkelwagen-hh .panel-toggle i {
    line-height: 32px;
    color: #fff;
}
.panel-winkelwagen .winkelwagen-header-value {
    padding-right: 60px;
}
.panel-winkelwagen .panel-collapse > .panel-body {
    padding-top: 0px;
}
.panel-winkelwagen .winkelwagen-bh {
    background-color: #b2d9be;
    font-weight: bold;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 14px;
}
.panel-winkelwagen .winkelwagen-rh {
    margin-top: 10px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 14px;
}
.panel-winkelwagen .winkelwagen-rb {
    margin-top: 5px;
    margin-bottom: 10px;
}
.panel-winkelwagen .winkelwagen-rb table {
    font-size: 14px;
}
.panel-winkelwagen .winkelwagen-body-label {
    color: #aaa;
}
.panel-winkelwagen .winkelwagen-body-value {
    padding-right: 30px;
}
.panel-winkelwagen .winkelwagen-border {
    border-top: 1px solid #ccc;
    padding-top: 15px;
}
.panel-winkelwagen .winkelwagen-fh {
    padding-bottom: 15px;
}
.panel-winkelwagen .winkelwagen-fh h3 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
}
.panel-winkelwagen .winkelwagen-fh .text-right {
    font-weight: bold;
}
.panel-winkelwagen .winkelwagen-fb {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 15px;
}

.btn-primary .fa {
    color: #fff !important;
}

select.form-control ~ i.form-control-feedback {
    right: 30px !important;
}

.fa-linkedin-square {
    color: #0a66c2 !important;
}

input[type="date"].has-icon::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 105px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

ol.cms-vertaling,
ul.cms-vertaling {
    list-style: initial !important;
    padding-inline-start: 20px !important;
}