.ek_eventmanager {
  --background: #f6f6f6;
  background: var(--background);
  color: black;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  row-gap: 1em;
  --limited-w: calc(min(100%, 1024px) - 2em);
}



/* BODY SEC*/
.ek_eventmanager .bodysec {

  display: flex;

  flex-direction: column;

  align-items: center;

  row-gap: 1em;

  margin-bottom: auto;
}

.ek_eventmanager .bodysec:not([is-active]) {
  display: none;
}

/* EVENT SEC */
.ek_eventmanager .eventssec {
  width: var(--limited-w);
}

.ek_eventmanager .eventssec .list .listfilterbar {
  clip-path: inset(0 round var(--border-radius) var(--border-radius) 0 0);
}

.ek_eventmanager .eventssec .eventpagelist {
  background: white;
}

.ek_eventmanager .eventssec .editbar {
  position: sticky;
  bottom: 0;
  display: flex;
  padding: 0.5em;
  background: #ffffff;
  column-gap: 0.5em;
  clip-path: inset(0 round 0 0 var(--border-radius) var(--border-radius));
}

.ek_eventmanager .eventmanagerfooter {
  margin-top: 1em;
  padding: 1em;
  background: white;
  border-radius: var(--border-radius);
}

.ek_eventmanager .eventmanagerfooter .support {
  font-size: 12px;
  margin-top: 1em;
}

/* DASHBOARD */
.dashboard {
  width: var(--limited-w);
  background: #787878;
  color: white;
  padding: 1em;
  display: flex;
  flex-wrap: wrap;
  column-gap: 1em;
  row-gap: 0.5em;
  clip-path: inset(0 round var(--border-radius));
}

.dashboard .dashsec {
  display: flex;
  column-gap: 0.5em;
  row-gap: 0.5em;
  flex-direction: column;
  font-size: 15px;
  line-height: 18px;
  flex-basis: calc(50% - 1em);
  flex-grow: 9999;
}

.dashboard .dashsec:nth-child(2) {
  flex-grow: 1;
  min-width: 172px;
}

.dashboard .contributoruseremails {
  font-size: 12px;
  opacity: 0.75;
}

/* CONTRIBUTOR SELECTION BAR */
.contributorselectionbar {
  width: var(--limited-w);
  margin-left: calc((100% - var(--limited-w))/2);
  margin-right: auto;
  margin-bottom: 0em;
  display: flex;
  row-gap: 0.5em;
}

.contributorselectionbar *[input-name="contributororgid"] {
  font-size: 1em;
  color: var(--ci-color);
  min-width: 100px;
}

body[device-mode="mobile"] .contributorselectionbar *[input-name="contributororgid"] {
  font-size: 15px;
}

.contributorselectionbar *[input-name="contributororgid"] .currentvalue {
  font-weight: 600;
}

.controllsec {
  display: flex;
  justify-content: right;
  clip-path: inset(0 round var(--border-radius));
  column-gap: 0.5em;
  pointer-events: none;
  margin-left: auto;
  flex-shrink: 0;
}

.controllsec>* {
  pointer-events: all;
}

.controllsec>* {
  width: 1.5em;
  height: 1.5em;
  flex-shrink: 0;
  border-radius: 256px;
  background: rgba(var(--ci-color-rgb), 75%);
  cursor: pointer;
  --svgicon-size: 50%;
  transition: background 0.3s;
}

.controllsec>*:focus-visible {
  outline: black solid 4px;
  outline-offset: -4px;
}

.controllsec>.usersupportbt {
  /* display: none; */
  --svgicon-size: 65%;
  --svgicon-url: var(--ek-generic-help);
}

.controllsec>*>*:hover {
  background: rgba(var(--ci-color-rgb), 100%);
}

.controllsec>*>.svgicon {
  background: white;
}

.controllsec .editbt .svgicon {
  --svgicon-url: var(--list-edit);
}

.controllsec .newcontributororguserbt .svgicon {
  --svgicon-url: var(--ek-generic-add-user);

}

.listel[col-name="filter"] {
  height: 0 !important;
}

.optincontent {
  background-color: white;
  padding: 1.5em;
  max-width: 600px;
  margin: auto;
  border-radius: var(--border-radius)
}

.optincontent .startparagraph {
  color: #4CAF50;
  font-weight: 600;
  font-size: 1.5em;
  line-height: 1.25em;

}

.optincontent p {
  margin-bottom: 0.25em;
}

/*DSGVO */
.dsgvo_confirm_dialog {
  width: min(calc(100% - 2em), 600px);
  background: white;
  padding: 1em;
  border-radius: var(--border-radius);
  margin: auto;
  display: flex;
  flex-direction: column;
  row-gap: 1em;
  max-height: min(calc(100svh - 12em), 600px);
}

.dsgvo_confirm_dialog .title {
  font-weight: 600;
  line-height: 1.1em;
  font-size: 1.25em;
}

.dsgvo_confirm_dialog .info {
  font-weight: 600;
}

.dsgvo_confirm_dialog .dsgvowrapper {
  overflow-y: scroll;
  --mask-image: linear-gradient(to bottom, transparent 0%, black 15px, black calc(100% - 15px), transparent 100%);
  -webkit-mask-image: var(--mask-image);
  mask-image: var(--mask-image);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  padding-top: 1em;
}

.dsgvo_confirm_dialog .dsgvowrapper>* {
  font-size: 16px;
  line-height: 20px;
}

.dsgvo_confirm_dialog .buttonbar {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0.5em;
  column-gap: 0.5em;
  justify-content: right;
}

[current-state="1"] [show-current-state-0] {
  display: none;
}

[current-state="0"] [show-current-state-1] {
  display: none;
}