div.content-body{margin-left: 15px;}

html, body,.full-height {
  height:100%;
}
a{text-decoration: none;}
.btn-lblue{background-color: #e1effa; color: #003865;}
.xforms-ui-overlay{position:absolute; overflow:hidden; margin: 0; padding: 0;}
.ui-datepicker-trigger, .ui-datepicker-clear{display:none;}
.sfs-uploads{overflow:hidden;}
.xforms-field-alert {display:none;}
.xforms-group.xforms-ap-minimal .xforms-field-alert { display: none;}
.xforms-invalid .xforms-field-alert { display: block;}
.noscript .xforms-message { display: none;}
.xforms-message.ephemeral, .script .xforms-message.ephemeral { display: inline-block; width: auto;}
.script .xforms-message {display: none;}
.required-indicator {display: none;}
.xforms-required label > .required-indicator, .xforms-required legend > .required-indicator { display: inline; }
.xforms-form .xforms-rc:first-child:last-child > .xforms-group > .sfs-repeat-remove-button { display: none; }

/* To visualise where the focus is */
a:focus{
  border: none;
  outline-style: dotted;
  outline-width: 1px;
}

/* Quicklink feature (accessiblity): buttons to jump to specific parts in the web page */
a.quicklink{
  display: block;
  font-size: 1.3em;
  left: -1000em;
  position: absolute;
  z-index: 10;
}
a.quicklink:focus, a.quicklink:active {
  top: 1em;
  left: 1em;
  z-index: 99999;
  outline: none;
}
/* More elegant way to create an underline to a link in the contact area */
/* (Buttons don't need this styling, they're good the way they are) */
a:not(.btn):not(.page-link){ border-bottom: 1px solid; }

/* Dialog overlay styling*/
#xf-dialog-overlay {
  z-index: 0;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#xf-dialog-overlay.ismodal {
  z-index: 5;
}

#xf-dialog-overlay #xf-dialog-screen {
  width: 100%;
  height: 100%;
  background-color: transparent;
  opacity: 0;
}

#xf-dialog-overlay.ismodal #xf-dialog-screen {
  background-color: #000;
  opacity: 0.5;
}

#xf-dialog-overlay .dialog {
  z-index: 10;
  position: absolute;
  margin: auto;
  top: 25%;
  left: 50%;
  min-width: 400px;
  max-width: 600px;
  transform: translateY(-25%);
  transform: translateX(-50%);
  border: 2px solid black;
  padding: 10px;
  background-color: white;
}
.xf-dialog{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
}
/* End Dialog */

/* Customer Specific */
.logo{ height:75px;}
.sfs-paging-buttons .btn{margin-top:15px;}

/* HEADER FIX */
.navbar-brand{border:none !important;}


.logo-masker{position:relative;}
@media only screen and (min-width: 500px){
  .logo-masker {
    background-image: url(../img/headermasker.png);
    height: 165px;
    background-repeat: no-repeat;
  }
}
#contrastbuttons .navbar-right {
  float: right !important;
  margin-right: 0;
}
#contrastbuttons li, #contrastbuttons li a, #contrastbuttons li a span {
  display: inline-block;
}

li.contrastbutton {
  font-size: 14px;
  float:left;
}

li.contrastbutton a {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0px;
}

li.contrastbutton a span {
  border: 1px solid #000;
  font-weight: bold;
  padding: 4px;
}

li.contrastbutton.contrast a span {
  background-color: #000;
  color: #fff !important;
}
#contrastbuttons{background-color: white;}
#contrastbuttons .navbar-right {
  float: right !important;
  margin-right: 0;
}
.datepickerDialog{z-index:9 !important;}
.dateButton{width: auto !important; min-width: 100%;}

.input-group .help-block{top:-1px;}
.help-block{ 
  border-color: rgba(39,31,104,0.35) !important;
  position: relative;
  display: inline-block;
  margin:0 5px;
  height:18px;
}
.help-block img{width:18px; margin-top:-5px;}
.xforms-help-box .card{ background-color:#E5EFF8; border:none;}
@media only screen and (max-width: 500px){
  .sfs-paging-buttons button{
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;}
}

.sfs-paging-overview .btn.btn-outline-primary:disabled {color: black !important;opacity: 1;}
/* Ruimte onder de standaard tekst (verplichte velden) verruimen */
.sfs-required-message {
    padding-bottom: 10px;
}

/* Specific Textpage styling */
.formbody{margin: 0;}
/* EDWIN AANPASSINGEN */
fieldset > legend.h6{display:inline-block;width: auto;}
.xforms-canvas {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    border: 1px solid #ced4da;
}
.drag-drop-upload{background-color:#efefef; border:1px dashed grey; margin-top:15px; margin-bottom:15px;}
.drag-drop-upload span{display:block; padding:15px;}
label.drag-drop-upload{display:none;}
.ui-geo-picker-map{display:block !important;}
.xforms-output{display:block;}
button.xforms-field-help{margin-bottom:7px;}
.drag-drop-upload .over{background-color:#fff;}
.clearfix {clear:both;}
/*OVERWRITE DEFAULT GOOGLE MAPS*/
.leaflet-geo-picker .leaflet-geo-map, .ui-geo-picker .ui-geo-picker-map{width:100% !important;}

/* Box-shadow breekt syncfusion/webkit pdf conversie */
@media print {
    .shadow {
        _box-shadow: none !important;
    }
}

p .xforms-output, li .xforms-output {display: inline-block;}
.break {page-break-before: always; break-before: always;}

.xforms-empty-group-label{display:none;}

.field-validation-error {
    color: #b94a48;
}

.sfs-required::after {
    content: "*"
}

.w-40 {
    width: 40%
}

.w-60 {
    width: 60%
}

.fw-500{
    font-weight: 500;
}
img.summary-image {
    max-width:480px;
    max-height:400px;
}

.sfs-overlay-message{
    position: absolute;
    top: 25%;
}

.sfs-spinner{
    width: 1rem;
    height: 1rem;
}

.script .xforms-msg-container {
    display: none;
}
.xforms-form.noscript .xforms-msg-container {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
    text-align: center;
    border: 2px outset white;
    background-color: #dddddd;
}

/* Disable spinner buttons on number input */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.xforms-hidden {
    display: none !important;
}

.xforms-form .summary td {
    overflow-wrap: anywhere;
}

form.xforms-form .xforms-upload-progress {
    padding: 2px;
    padding-right: 20px;
    font-size: 8pt;
}

form.xforms-form .xforms-upload-progress:after {
    content: "";
    display: inline;
    position: absolute;
    width: 0;
    height: 32px;
    left: 25%;
    text-align: center;
    background-color: var(--bs-primary);
    animation: loadingleft 2s linear infinite;
}
@keyframes loadingleft {
    from {
        width: 0;
        z-index: 100;
    }

    to {
        width: 75%;
    }
}