*:not(input) {
outline-color:transparent; /* never use outline:none ==> use outline-color:transparent to preserve accessibility but hide for normal users */
}
/*
-------------- backend improvements ----------------
*/

@media (prefers-color-scheme: dark) {
/*	
  .claro {
  background-color: black;
  color: white;
  }

  .claro * {
  background-color: black !important;
  color: wheat !important;
  }

  .claro .imce-filefield-link,
  .claro .button,
  .claro .button--small,
  .claro .button--extrasmall,
  .claro .button--primary{
  border:2px solid #f00 !important;
  }
*/
}

.claro.page-node-type-page .form-actions {
    position: fixed;
    bottom: 0;
}

.vlizbase #node-preview-form-select,
body:not(.node) #edit-preview{
    display: none;
}

.field-multiple-drag.tabledrag-cell.tabledrag-cell--only-drag* {
float:left;
}

#block-claro-content .paragraph-type--layout-style.odd { 
background-color:#ccc;
}

#block-claro-content .tabledrag-cell {
border: 1px dotted #000;
}

.js .paragraph-type-title {
overflow: initial !important;
}

.imce-filefield-link {
float: left;
padding: 13px;
background: #ccc;
border: 1px solid #000;
text-decoration: navajowhite;
color: #000;
margin-right: 7px;
border-radius: 5px;
}

.imce-filefield-link::before {
width: 0px !important;
height: 0px !important;
margin-right: 0px !important;
}

.imce-filefield-link:hover {
background: #fff;
}

.layout-region--node-main .layout-region__content, 
.layout-region--node-footer .layout-region__content {
max-width: 100% !important;
}

.layout-region--main, .layout-region--footer, .layout-region--secondary {
	grid-column: 1;
	width: 100% !important;
}


.cke_combopanel {
width: 550px !important;
height: 230px !important;
}

.ui-autocomplete {
max-height: 300px;
overflow: scroll;
}

.cke_combo_text {
width: 210px !important;
}

.cke_panel_listItem * {
font-size:14px !important;
}


/* 
 ------- push left edit pane to bottom of page as was in Drupal7 --------
*/
.layout-node-form .layout-region {
float: none !important;
width: 100%;
}
/*-------------------------------------------------------------*/

/* 
 ------------------ css for filter --------------
*/

.vliziframeswapper {
justify-content: center;
height: 100%;
width: 100%;
display: flex;
align-items: center;
padding:2%;
}

.vliziframeswapper:hover {
background-color: #f1f1f1;
cursor:pointer;
}

.vliziframeswapper.hasbgimg {
font-size: 15px;
line-height: 15px;
align-items: end;
}

.vliziframeswapper.hasbgimg span {
background-color: #ffffffb3;
padding: 30px;
}

.vliziframeswapper.hasbgimg span:hover {
background-color: #fff;
}

.vliziframeswapper:not(.hasbgimg) span::before {
content: '';
background: url('../images/privacyshield.png');
width: 128px;
height: 128px;
display: block;
margin: 0 auto;
}

.vliziframeswapper small {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
display:block;
}

/*make select2 drop down bigger DRUPAL-368*/

.select2-container--claro .select2-results > .select2-results__options {
max-height: 500px !important;
overflow-y: auto;
}

/*cookie compliance*/

.agree-button, .decline-button, .eu-cookie-withdraw-button {
border: 1px solid #000 !important;
padding: 7px !important;
border-radius: 8px !important;
background-color: rgba(244,225,225,0.7) !important;
height: auto;
min-height: auto !important;
}

#sliding-popup {
background: #fff !important;
transform: scale(0.7);
}

#sliding-popup * {
background: #fff !important;
color: #000 !important;
}
.eu-cookie-withdraw-tab {
left: 80% !important;
border:2px solid #b8bdc0;
}
.eu-cookie-withdraw-tab {
padding: 10px 7px !important;
}

/*lazy background images*/

.bglazyload {
 background-image: none !important;
 background-color: #F1F1FA;
}


/*collapse text paragraph s6 s7*/

.collapseline {
cursor:pointer;
}

.collapseline::before {
content: '- ';
display: inline;
}

.collapseline.iscollapsed::before { 
  content:'+ ';
  display: inline;
}

.collapseline:not(.none):hover {
filter: invert(70%);
-webkit-transition: transform 2s ease-in-out;
}

.collapseline.none {
cursor:default !important;
}

/*texttabs*/

.texttabs .texttabsHTML {
margin: 0px;
padding: 0px;
}

.texttabs .texttabsHTML li{
border-bottom: 1px solid #dee2e6;
color:#14629c;
}

.texttabs .texttabsHTML li {
display:inline-block;
text-decoration:none;
list-style:none;
padding: .5rem 1rem;
cursor: pointer;
text-transform:uppercase;
font-size: 16px;
border-collapse: collapse;
}

.texttabs .texttabsHTML li.activetab {
color: #495057;
background-color: #fff;
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem;
border-color: #dee2e6 #dee2e6 #fff;
border-bottom: 0px solid #dee2e6;
filter: invert(5%);
}
.texttabs .texttabsHTML li:not(.activetab){
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-top: 1px solid transparent;
}

.texttabs .texttabsHTML li:not(.activetab):hover {
border-color: #e9ecef #e9ecef #dee2e6;
}


/*-----------------*/

a.cke_dialog_ui_button:focus, a.cke_dialog_ui_button:active {
  padding: 0.25rem 1.5em !important;
}

/*dpm dsm set messages*/

[role="contentinfo"] {
  padding:2%;
  background-color:#fff200;
  color:#000;
}


/* non translatable "all languages" fields */
.form-item.all-languages .translation-entity-all-languages {
  background: red;
}

/* gdpr */

.form-item-gdpr-toestemming-consent label {
  vertical-align: middle;
  max-width: 90%;
}

/*tables*/

table {
max-width:100%;
}

.paragraph--type--layout-style .slick-dots {
bottom: 0px !important;
}


/*accesibility for seeing*/

@media screen and
  (prefers-reduced-motion: reduce), 
  (update: slow) {
    html {
      scroll-behavior: auto !important;
    }
    * {
      animation-duration: 0.001ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.001ms !important;
      --playState: paused;
    }
}

.delete.dropbutton__item,
.block-form .action-link--icon-trash,
.imce-filefield-parent .js-form-file,
.ck-powered-by {
  display:none;  
}

/*password reset of user login form should not be sticky at top of page*/
.vlizbase.page-system div#block-vlizbase-primary-local-tasks {
    position: relative;
    top: initial;
    right: initial;
    padding-bottom: 21px;
}

a[data-drupal-link-system-path="user/password"] {
    color: #fff200 !important;
    background: red !important;
}

.ui-resizable-w {
    width: 29px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20px' height='20px' viewBox='0 0 20 20' version='1.1'%3E%3Cg id='surface1'%3E%3Cpath style=' stroke:none;fill-rule:nonzero;fill:rgb(255%25,255%25,255%25);fill-opacity:1;' d='M 8.332031 5 C 7.875 5 7.5 5.375 7.5 5.832031 L 7.5 9.167969 L 4.507812 9.167969 L 5.175781 8.507812 C 5.5 8.179688 5.5 7.652344 5.175781 7.324219 C 4.847656 7 4.320312 7 3.992188 7.324219 L 1.910156 9.410156 C 1.832031 9.488281 1.773438 9.582031 1.734375 9.683594 C 1.648438 9.886719 1.648438 10.113281 1.734375 10.316406 C 1.773438 10.417969 1.832031 10.511719 1.910156 10.589844 L 3.992188 12.675781 C 4.148438 12.832031 4.359375 12.921875 4.582031 12.921875 C 4.804688 12.921875 5.019531 12.832031 5.175781 12.675781 C 5.332031 12.519531 5.421875 12.304688 5.421875 12.082031 C 5.421875 11.859375 5.332031 11.648438 5.175781 11.492188 L 4.507812 10.832031 L 7.5 10.832031 L 7.5 14.167969 C 7.5 14.625 7.875 15 8.332031 15 C 8.792969 15 9.167969 14.625 9.167969 14.167969 L 9.167969 5.832031 C 9.167969 5.375 8.792969 5 8.332031 5 Z M 18.265625 9.683594 C 18.226562 9.582031 18.167969 9.488281 18.089844 9.410156 L 16.007812 7.324219 C 15.679688 7 15.152344 7 14.824219 7.324219 C 14.5 7.652344 14.5 8.179688 14.824219 8.507812 L 15.492188 9.167969 L 12.5 9.167969 L 12.5 5.832031 C 12.5 5.375 12.125 5 11.667969 5 C 11.207031 5 10.832031 5.375 10.832031 5.832031 L 10.832031 14.167969 C 10.832031 14.625 11.207031 15 11.667969 15 C 12.125 15 12.5 14.625 12.5 14.167969 L 12.5 10.832031 L 15.492188 10.832031 L 14.824219 11.492188 C 14.667969 11.648438 14.578125 11.859375 14.578125 12.082031 C 14.578125 12.304688 14.667969 12.519531 14.824219 12.675781 C 14.980469 12.832031 15.195312 12.921875 15.417969 12.921875 C 15.640625 12.921875 15.851562 12.832031 16.007812 12.675781 L 18.089844 10.589844 C 18.167969 10.511719 18.226562 10.417969 18.265625 10.316406 C 18.351562 10.113281 18.351562 9.886719 18.265625 9.683594 Z M 18.265625 9.683594 '/%3E%3C/g%3E%3C/svg%3E") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.ui-resizable-w:hover {
    background-color: #ccc !important;
}

#drupal-off-canvas-wrapper .ui-dialog-titlebar-close {
    position: relative !important;
    top: 20px !important;
    background-color: #fff200 !important;
    color: #000 !important;
    z-index: 99;
}

.node-preview-container.container-inline {
    height: 0 !important;
}

#drupal-off-canvas-wrapper {
    background-color: transparent !important;
}

body.preview.gin--vertical-toolbar.toolbar-loading.vlizbase.role-authenticated {
  padding-inline-start:initial !important;
  padding-block-start:initial !important;
}

.active[value="Preview"]{
  background-color:#fff200;
}

#edit-gin-sticky-actions::after {
    content: "CTRL+S to Save -- CTRL+P to Preview (or refresh the preview)";
    display: block;
    margin-top: 5px;
    position: absolute;
    top: 50px;
    width: auto;
    color: var(--gin-color-primary), #000;
    font-size: 80%;
}

.contextual[data-contextual-id] {
    z-index: 9999999999;
}

.gin .imce-url-button {
    position: absolute !important;
    top: 0px;
    right: 0;
    z-index: 9999;
    height: 26px !important;
}