*: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) {
	
.theme_claro {
background-color: black;
color: white;
}

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

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

}

.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;
}

#block-claro-page-title::after {
	content: "Dear editor please use CTRL+SHIFT+V or COMMAND+SHIFT+V if you want to COPY and PASTE from MS Word or any other rich text sources (websites,...) thank you.";
	font-size: 1.3rem;
	font-weight: lighter;
	padding: 1rem;
	display: block;
	border: 1px solid red;
	margin: 1rem 0;
}

/* 
 ------- 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;  
}