/*#region prioriteit styles*/
.display-none {
  display: none;
}
.display-none2 {
  display: none;
}
.visibility-hidden {
  visibility: hidden;
}
@media (max-width: 900px) {
  .display-none-mobile{
    display: none;
  }
}
@media (max-width: 500px) {
  .display-none-mobile-500{
    display: none;
  }
}
@media (min-width: 900px) {
  .display-none-desktop {
    display: none;
  }
}
@media (min-width: 500px) {
  .display-none-desktop2 {
    display: none;
  }
  .overflow-visible-desktop{
  overflow: visible;
  animation: 1s delay-overflow;
}
}

@keyframes delay-overflow {
  from { overflow: hidden; }
}
.area-disabled{
  background: var(--disabled-background);
  color: var(--disabled-color);
}
.error {
  border: 2px solid var(--orama-warning);
  background-color: lightyellow;
}
/*#region expanded*/
.expanded{
  max-height:540px;
}
.expanded-300{
  max-height:300px;
}
@media (min-width: 500px) {
  .expanded-desktop {
    max-height:600px;
  }
}
@media (max-width: 500px) {
  .expanded-mobile {
      position: fixed;
      z-index: 90;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: var(--body-background);
      margin: 0;
      max-height:initial;
      transition: none;
  }
}
/*#endregion*/
/*#endregion*/