html { font-size: 1em; } 

body { font-family: 'Open Sans'; font-weight: 400; line-height: 1.45; color: #6a6a6a; padding-bottom: 105px /* footer height fix */} 

#body { padding-top: 20px; }

p { margin-bottom: 1.3em; } 

h1.slogan { font-family: "Open Sans", sans-serif; font-weight: 700; } 
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 { margin-top: 0; font-family: "Lato", sans-serif; font-weight: 300; color: #333; } 

h1, h2, h3, h4 { margin: 0.5em 0 0.5em; font-weight: inherit; line-height: 1.2; } 
h1 { margin-top: 0; font-size: 3.157em; } 
h2 { font-size: 2.369em; font-weight: 700; color: #777; margin-bottom:30px; } 
h3 { font-size: 1.777em; } 
h4 { font-size: 1.333em; } 
small, .font_small { font-size: 0.75em; } 

.pager .active { background-color: #ddd; } 

.bijeenkomst-box { margin-top: 10px; background-color: #f1f1f1; width: 100%; padding: 10px; height: 135px; } 
.bijeenkomst-box a { text-decoration: none; border: none; font-weight: 700; color: #000; font-family: "Raleway"; font-size: 1.2em; margin-top: 0px; padding-bottom: 0px; } 
.bijeenkomst-box span { float: right; } 
.bijeenkomst-box p, h5 { padding: 0; margin: 0; } 

tbody tr:nth-of-type(2n) { background-color: #f0f0f0; } 

tr { cursor: pointer; }
tr.no-click-rows { cursor: auto; }

th { background-color:#018DB1; font-weight:bold; color:#fff; } 

td { padding: 5px; vertical-align: top; } 

.ng-table th.sortable.sort-asc, .ng-table th.sortable.sort-desc { color: #018db1; } 

img.alignleft { float: left; margin-right: 10px; } 

.slideshow { position: relative; float: left; display: block; width: 100%; margin-bottom: 1.3em; } 

.slick-prev { border-right: none; border-top: none; z-index: 9000; } 
.slick-next { border-left: none; border-bottom: none; z-index: 9000; } 
.slick-dots { position: absolute; bottom: 24px; display: block; float: none; list-style: outside none none; padding: 0; position: absolute; text-align: center; width: 100%; height: 12px; } 
.slick-dots li { position: relative; float: none; display: inline-block; width: 11px; height: 11px; margin: 0 7px; padding: 0; cursor: pointer; } 
.slick-dots li button { font-size: 0; line-height: 0; border-radius: 50%; display: block; width: 11px; height: 11px; padding: 2px; cursor: pointer; color: transparent; border: 0; outline: none; -webkit-appearance: none; opacity: 1; background-color: #000; } 
.slick-dots li button:hover, .slick-dots li button:focus { background-color: #fff; } 
.slick-dots li.slick-active button { background-color: #fff; opacity: 1; } 

.table-responsive a { color: #fff; } 
.table-responsive a:hover { color: #D30029; text-decoration: none; } 
.th{ border-right: solid 1px #ddd; width:70%}
.result{ text-align:center; }
th {border-right: solid 1px #fafafa; font-weight: normal; color: #fff; background-color: #bbb;}
table {border: solid 1px lightgray;}

.has-retourcodes { background-color:pink !important }

.has-error { background-color:rgb(211, 0, 41) !important }

.homepage .contentblok { margin-top: 10%; margin-bottom: 20%; } 

.hoofdpaginablok .contentblok { margin-top: 3%; margin-bottom: 0%; } 

.hoofdpagina { background-color: #ffffff; } 
.hoofdpagina .page { padding-top: 25px; } 
.hoofdpagina h3, h4 { font-family: "Raleway", sans-serif; font-weight: 300; font-size: 1.4em; padding-top: 5px; color: #D30029; margin-bottom: 0; padding-bottom: 0; } 

.contentblok .btn { font-size: 10px; float: right; margin: 5px; font-weight: bold; border: none; } 
.contentblok .thumbnail { padding: 0; height: 300px; background-color: #e6e6e5; border: none; } 
.contentblok .thumbnail img { border-bottom: 5px solid #99BE0E; } 
.contentblok .thumbnail .caption { height: 130px; overflow: hidden; } 
.contentblok .thumbnail .title_cap { height: 145px; } 
.contentblok .thumbnail .title_cap h3 { font-family: "Raleway", sans-serif; font-weight: 700; font-size: 1.25em; padding: 7px; height: 100px; } 

.page { margin-bottom: 35px; } 

.nomarge { margin-top: 0 !important; } 

.newsblock { height: 200px; margin-bottom: 25px; overflow: hidden; } 
.newsblock h2 { font-size: 14px; } 

.wpcf7 { margin-top: 15px !important; width: 100% !important; } 

.post .title_cap h3 { padding: 5px !important; font-size: 16px; } 
.post img { width: 100%; } 

.footer { background-color: #fbfbfb; } 

.actueel { background-color: #ffffff; padding-top: 10px; } 
.actueel p { font-size: 14px; } 
.actueel-overzicht .thumbnail { height: 450px; } 
.actueel-overzicht .caption { height: 250px; overflow: hidden; } 
.actueel-overzicht .leesmeer { height: 35px; padding: 9px 9px 4px 9px; } 
.actueel-overzicht .btn { float: right; font-size: 12px; padding: 2px 2px 2px 2px; } 

.panel a h3 { text-decoration: none; border: none; color: #000; cursor: pointer; cursor: hand; font-size: 1.3em; } 

h3.bijeenkomst { text-decoration: none; border: none; color: #000; cursor: pointer; cursor: hand; font-size: 1.0em; font-weight: 700; } 

h3.panel-title { width: 95%; height: 100%; position: relative; } 

.showantwoord { float: right; position: relative; width: 5%; height: 100%; text-align: center; margin-top: -13px; } 

.veelgesteld { columns: 2; -webkit-columns: 2; -moz-columns: 2; margin-left: -15px; } 

ul.veelgesteld li { list-style: disc; margin-left: 15px; } 

.dropdown .child a { font-size: 1em; } 

.page ul li { margin-bottom: 4px; font-size: 14px; } 

.child { margin-left: 14px; } 

header { background-color: #ffffff; max-width: 100%;} 

.slogan { font-weight: 700; font-size: 0.8em; text-transform: uppercase; margin-top: 85px; float: left; } 

.sublink a { width: auto !important; float: none !important; } 
.zoek .sublink { width: 100%; text-align: right; } 
.zoek .navbar-form { height: 25px; float: right; padding-right: 0; margin-top: 15px; } 

.logobar { padding-top: 10px; height: 150px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; border: none; text-decoration: none; } 
.logobar a { width: 130px; height: 130px; border: none; text-decoration: none; float: left; } 
.logobar > div > a > img { margin-left: -10px;}

.navbar { background-color: #D30029; border: none; border-radius: 0; min-height:40px !important; } 
.navbar a { color: #ffffff !important; font-family: "Raleway", sans-serif; border: none; font-weight: 500; font-size: 16px; } 
.navbar-collapse { padding-left: 0px; } 
.navbar-inverse { margin-bottom: 0px !important; } 
.navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { background-color: #eeeeee !important; color: #000 !important; } 
.navbar-nav > li > a { padding-top:10px !important; padding-bottom:10px !important; } 
.navbar-nav > li > a:first-child { padding-left:0; }

.dropdown-toggle { color: #ffffff !important; font-family: "Raleway", sans-serif; border: none; font-weight: 500; font-size: 16px; } 
.dropdown-menu { background-color: #eeeeee; } 
.dropdown-menu a { color: #000000 !important; text-decoration: none; border: none; } 
.dropdown-menu a:hover { background-color: #D30029 !important; color: #ffffff !important; } 

.subnav { background-color: #e6e6e6; width: 100%; height: 100%; float: left; } 
.subnav .breadcrumb { margin-bottom: 10px !important; font-size: 0.8em; } 
.subnav ol { background-color: #e6e6e6; margin-top: 5px; } 
.subnav ul { padding: 0; margin-left: 5px; margin-top: 0; } 
.subnav ul li { display: inline; padding-left: 10px; padding-right: 10px; padding-top: 10px; } 
.subnav ul li.active { background-color: #ffffff; } 
.subnav h2 { font-family: "Raleway", sans-serif; font-size: 16px; font-weight: 700; color: #D30029; } 
.subnav h2.active { background-color: #ffffff; } 
.subnav a { border: none !important; } 

.footer { margin-right: auto; margin-left: auto; color: #fff; background-color: #99BE0E; } 
.footer p:last-child { margin-bottom: 0; } 

.footer a { border-bottom: 1px #fff dotted; color: #fff; } 
.footer a:hover { border-bottom: 1px #fff dotted; text-decoration: none; } 
.second-nav { margin-top: 15px; } 
.second-nav h2 { font-size: 16px; color: #ffffff; font-weight: 300; text-align: left; text-transform: uppercase; border-bottom: 1px dotted white; margin-bottom: 12px; line-height: 2.2em; } 
.footer ul { margin-left: 0px; list-style: none; padding-left: 0px; } 
.footer li { margin-bottom: 2px; list-style: none; } 
.footer li a { text-decoration: none; border-bottom: none; } 

.partners { background-color: #ffffff; padding-top: 15px; width: 100%; height: 100%; min-width: 200px; margin-top: 30px; margin-bottom: 30px; float: left; } 
.partners a { float: left; height: 80px; background-color: #ffffff; } 
.partners img { height: 80px; display: block; margin: 0 auto; } 

.copyright { text-align: center; margin-bottom: 30px; } 

@media screen and (max-width: 768px){
  .collapsed { border-color: transparent !important; }
  #subnav { display: none; }
  .navbar-toggle { border-color: #D30029 !important; }
  .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #D30029 !important; }
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #D30029 !important; }
  .dropdown-toggle { text-align: center; }
  .navbar-form { display: none; }
  table { width: 100%; }
  .col-sm-3 { width: 80%; margin-left: 10%; }
  .contentblok { margin-bottom: 5% !important; margin-top: 5% !important; }
  .col-sm-3 .thumbnail { height: 100%; }
  .thumbnail img { width: 100%; }
  .partners a { width: 100%; float: left; margin-bottom: 15px; }
}

/* 1px before breakpoint... */
@media screen and (max-width: 767px){
  .logobar { width: 750px; max-width: 100%; position: relative; z-index: 1001; /* overlapping mobile nav */}
  .logobar .slogan {max-width: 50%; margin-top: 76px;}
  .logobar .environment-text {position: absolute; font-size: 30px; opacity: 1; color: #e1e1e1; padding-top: 8px; left: 0;}
  .logobar .zoek div:nth-child(2) {padding-top: 8px;}
  .table-wrapper-mobile {padding-left: 10px; padding-right: 10px; overflow-x: scroll; white-space: nowrap; margin-left: 5px; margin-right: 5px;}
  .table-wrapper-mobile.wrap-mobile {white-space: normal;}
  .table-wrapper-mobile.no-spacing {margin: 0; padding: 0;}
  .table-wrapper-mobile table {margin-left: 0 !important; margin-right: 0 !important; /* clear weird margins */}
  .zoek .sublink {position: absolute; top: -130px; right: 15px;}
  .navbar-nav {margin: 7.5px 15px;}
  .nav-divider ul li {padding: 0;}
  .navbar .nav-divider ul li:not(:last-child):after {height: 1px; width: 100%; bottom: 0; right: 0; left: 0;}
  .pagination.ng-table-pagination {margin-top: 50px; /* overlapping show result count nav */}
  .pagination > li > a {padding: 4px 10px;}
  .col-sm-3.column-mobile {width: 50%; margin: 0; float: left; /* override custom bootstrap styles */}
  .mobile-card.pr-0, .mobile-card.pl-0 {padding: 0 15px !important;}
  .mobile-card {margin-bottom: 2em;}
  .upload-results {margin-top: 0px !important;}
}

@media screen and (max-width: 400px){
  .logobar a {max-width: 40%;}
  .logobar .slogan {max-width: 60%; margin-bottom: 4px; margin-top: 77px;}
}

@media screen and (max-width: 350px){
  .logobar .slogan {margin-bottom: 19px; margin-top: 63px;}
}

@media (min-width: 768px) {
  .navbar-static-top { display: none; } 
  .col-sm-3 { width: 50%; } 
  .dropdown a { font-size: 14px; } 
  .sublink { font-size: 0.8em; } 
  .slogan { float: none; } 
  .contentblok { margin-bottom: 0% !important; margin-top: 1% !important; } 
  .col-sm-3 .thumbnail { height: 100%; } 
  .hoofdpaginablok .col-sm-3 { padding-top: 1%; padding-bottom: 1%; } 
  .second-nav .col-sm-3 { padding-top: 0; } 
  .thumbnail img { width: 100%; } 
  .partners a { width: 50%; float: left; margin-bottom: 15px; } 
  .homepage { padding-top: 3%; padding-bottom: 3%; } 
 }

@media (min-width: 992px){
  .dropdown a { font-size: 16px; } 
  .sublink { font-size: 1em; } 
  .second-nav .col-sm-3 { padding-top: 0; } 
  .col-sm-3 { width: 25%; }
  .hoofdpaginablok .col-sm-3 { padding-top: 1%; padding-bottom: 1%; } 
  .partners a { width: 25%; } 
  .homepage { padding-top: 3%; padding-bottom: 3%; } 
  .title_cap h3 { font-size: 1em !important; } 
}

@media	(max-width: 991px){
    .contractmanagers-panel { width:100%}
}

@media (min-width: 1200px) {
  .logobar { width: 1170px; } 
  .partners a { width: 14%; height: 50px; } 
  .partners img { height: 50px; } 
}

fieldset { padding: .35em .625em .75em; margin: 0 2px; } 
.table-hover:hover { cursor:pointer; background-color: #d8d8d8 !important; } 
.pointer-on-hover:hover { cursor: pointer; }
.glyphicon-refresh-animate { animation-name: rotateThis; -webkit-animation-name: rotateThis; animation-duration: 2s; -webkit-animation-duration: 2s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-timing-function: linear; } 

@-webkit-keyframes rotateThis { from { -webkit-transform: rotate( 0deg ); } to { -webkit-transform: rotate( 360deg ); } }
@keyframes rotateThis { from { transform: rotate( 0deg ); } to { transform: rotate( 360deg ); } }

.btn-primary { color: #fff; background-color: #018DB1; border-color: #017A99; } 
.btn-primary:hover { color: #fff; background-color: #0182A3; border-color: #017A99; } 
.btn-biggie { font-size: 200% ;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; width: 100%;margin-bottom: 40px; }

/* btn outline green */
.btn-outline-success, .btn-outline-success:active, .btn-outline-success:focus{ border-color: #8ecb90; color: #4CAF50; border-width: 3px;  background-color: white;padding:25px; }
.btn-outline-success:hover { background-color: #4CAF50; color: white; }


/* btn outline blue */
.btn-outline-primary { border-color: #2196F3; color: #2196F3;  border-width: 3px;  background-color: white;padding-top: 20px;padding-bottom: 20px;}
.btn-outline-primary:hover { background: #2196F3; color: white; }

/* btn inverted blue*/
.btn-invert-primary {color: #018DB1;background-color: #fff;border-color: #017A99;}
.btn-invert-primary:hover, .btn-invert-primary:focus {color: #fff;background-color: #018DB1;border-color: #017A99;}

.btn-gas { width:100%;padding-top: 20px;border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;border-top-right-radius: 0;border-top-left-radius: 0;padding-bottom: 20px;}

.upload-results { margin-top: 95px; color: #018DB1; }

@media (min-width: 620px){ .app-modal-window .modal-dialog { width: 560px; } }
@media (min-width: 920px){ .app-modal-window .modal-dialog { width: 840px; } }

.tab-pane { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-radius: 0px 0px 5px 5px; padding: 10px; } 
.nav-tabs { margin-bottom: 0; } 

/* Bootstrap stepwizard */

.stepwizard { display: table; width: 66.6%; position: relative; }
.stepwizard-step p { margin-top: 10px; }
.stepwizard-row { display: table-row; }
.stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; }
.stepwizard-row:before { top: 14px; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; background-color: #ccc; z-order: 0; }
.stepwizard-step-5 { display: table-cell; text-align: center; position: relative; width: 20%}
.stepwizard-step-4 { display: table-cell; text-align: center; position: relative; width: 23%}

.btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; }

/* end Bootstrap stepwizard */

.overlay { background: #e9e9e9; position: relative; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.5; }

.loading { color:rgb(211, 0, 41)}
.loader { position: absolute; left: 50%; top: 50%; z-index: 1; margin: -75px 0 0 -75px; border: 4px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #018DB1; width: 25px; height: 25px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } 

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.required:after { content:" *"; color:#ff704d; font-size:100%; font-weight: bold; }

.center-loader { margin: auto; width: 50%; padding: 10px; text-align: center; }

.form-group::before,
.form-group::after { content: " "; display: table; }
.form-horizontal .small-bottom-margin { margin-bottom: 5px; }

.submitted .ng-invalid { border: 1px solid red; }

.noselect { pointer-events: none; }

.dl-healthprovider > dt{ margin-bottom:5px; width: 50%;}

.td-vertical-align-middle td { vertical-align: middle !important; }

.errorMessage { padding-top: 10px; color: red; }

.border-radius-left-fix span button { border-bottom-left-radius: 0; border-top-left-radius: 0; }

.list-instruction {padding-top: 15px;padding-left:15px;}
.list-item-instruction {margin-bottom: 5px;}
.instruction-header{color: #018DB1}
.btn-file{border: 1px solid #018DB1; border-radius: 4px 0 0 4px;}
.upload-input {border-radius: 0 4px 4px 0;}
.file-group{ display: inline-flex;width: 100%;}

.label-text-success{color: #5cb85c; padding:0;}
.label-text-busy{color: #555; padding:0;}
.label-text-primary{color: #138496; padding:0;}
.label-text-warning{ color: #fa6107; padding:0;}
.label-text-info{ color:#018DB1; padding:0;}
.label-text-danger{color: #d9534f; padding:0; }
.btn-padding-fix, .btn-padding-fix:focus, .btn-padding-fix:active{ padding: 10px 20px;}
.dl-horizontal dt{ text-align:left;}
.login-row{margin-top: 20px;}

.close, .close:focus, .close:hover { color:#d9534f; opacity:1; font-size: 28px; }
.btn.disabled, .btn[disabled]{    opacity: 0.3;}


.modal-title	{ color:#DBA716; }

.modal-close-red	{ color:#E23030; opacity:1; }


.fullWidth {
  width: 100%;
  display: block;
}

.longLabel {
  font-weight: 400;
  display: inline;
}

footer {
  width: 100%;
  position: fixed;
  bottom: 0;
  left:0;
  z-index: 10;
  background-color: white;
}

.top-footer {
  padding: 8px 0;
  background-color: #d9dadc;
}

.copyright-footer {
  background-color: white;
}

footer ul {
  padding: 0;
  margin: 0;
}

footer li {
  display: inline-block;
  padding-right: 8px;
  padding-left: 5px;
}

footer li:first-of-type {
  padding-left: 0;
}

footer li:last-of-type {
  border: none;
}

footer a {
  color: #555;
  font-weight: bold;
  font-size: 85%;
}

footer a:hover {
  text-decoration: none;
}

footer p {
  margin-bottom: 0;
  margin-top: 8px;
  font-size: 0.8em;
  margin-bottom: 30px;
}

.row .row {
  margin: 0;
}

.environment-text{
    font-size: 50px;
    opacity: 0.2;
    text-align: right;
    padding-top: 70px;
}

.zoek div:nth-child(2){
  padding-top: 45px;
}

.nav-divider ul li{
    padding-right: 5px;
    padding-left: 5px;
}
.nav-divider ul li:not(:last-child):after{
    content: ' ';
    background-color: white;
    height: 50%;
    width: 1px;
    position: absolute;
    bottom: 10px;
    right: 5px;
}
.nav-divider-alt ul li{
    padding-right: 8px;
    padding-left: 8px;
  	position:relative;
}
.nav-divider-alt ul li:not(:last-child):after{
    content: ' ';
    background-color: black;
    height: 70%;
    width: 1px;
    position: absolute;
    bottom: 2px;
    right: -1px;
}

.datepicker table th {
        background-color: #f0f0f0;
        font-weight: bold;
        color: #555;
}

.alert-locked{
  text-align:center;color: #f3990a; padding: 15px 45px;background-color: #fbf2e5;border: solid 2px #f3990a;
}
.color-grey{
  color:#555;
}
.btn-row {margin:0; border:solid 2px #eee; border-top-left-radius: 12px;border-top-right-radius: 12px;;border-bottom: none;}
.fa-upload,.fa-address-book-o {color:#ccc;} 

/* btn outline green gas */
.btn-gas {background-color: #5DA4F7;color: #fff;font-size: 20px; border:none;padding-top:25px;padding-bottom:25px;} 
.btn-gas:active {background-color: #4CAF50; padding-top:25px;padding-bottom:25px;}
.btn-outline-success-gas {background-color: #98BF0D;color:white;}
.btn-outline-success-gas:hover { background-color: #4CAF50;color:white; }

/* custom padding */
.mb-1{margin-bottom:10px;}
/* custom width */
.w-20{width:20%;}
/* custom padding */
.pl-0{padding-left: 0 !important;}
.pr-0{padding-right: 0 !important;}
.pl-3{padding-left: 30px;}
.p-3{padding:30px;}

/* custom font-size */
.f-600{font-size: 600%;}
.f-250{font-size: 250%;}
.f-100{font-size:100%;}


.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}