@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap");
.accordion {
  border: none;
  height: 100%;
  overflow-y: scroll;
}
.accordion .accordion-item {
  border: none;
}
.accordion .accordion-item:not(:last-child) {
  margin-bottom: 15px;
}
.accordion .accordion-item button {
  width: 100%;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3;
  font-style: normal;
  color: #fff;
  padding: 7px 35px 7px 10px;
  border: solid 2px #3f4954;
  background-color: #3f4954;
  border-radius: 5px;
  display: flex;
  justify-content: flex-start;
  overflow-anchor: none;
  position: relative;
}
.accordion .accordion-item button::after {
  content: "\f229";
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 10px;
  top: 9px;
  transform-origin: center center;
  transform: rotate(0);
  transition: all 0.3s;
}
.accordion .accordion-item button[aria-expanded=true] {
  background-color: #fff;
  color: #3f4954;
  border: solid 2px #3f4954;
}
.accordion .accordion-item button[aria-expanded=true]::after {
  transform: rotate(180deg);
}
.accordion .accordion-item button:hover {
  background-color: #fff;
  color: #3f4954;
  border: solid 2px #3f4954;
}
.accordion .accordion-item button:active {
  background-color: #fff !important;
}
.accordion .accordion-body {
  padding: 10px 10px 0 10px;
}

.btn {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3;
  font-style: normal;
  color: #3f4954;
  padding: 5px 20px;
  border: solid 2px #3f4954;
  background-color: #fff;
  border-radius: 5px;
}
.btn:hover {
  background-color: #3f4954;
  color: #fff;
  border: solid 2px #3f4954;
}
.btn:active {
  background-color: #fff !important;
}

.btn-primary {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3;
  font-style: normal;
  color: #3f4954;
  border: solid 2px #3f4954;
  background-color: #fff;
}
.btn-primary:hover, .btn-primary.active {
  background-color: #3f4954;
  color: #fff;
  border: solid 2px #3f4954;
}

.btn-secondary {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3;
  font-style: normal;
  color: #fff;
  border: solid 2px #3f4954;
  background-color: #3f4954;
}
.btn-secondary:hover {
  background-color: #3f4954;
  color: #3f4954;
  border: solid 2px #3f4954;
  background-color: #fff;
}

.btn-previous {
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3;
  font-style: normal;
  color: #006875;
  text-decoration: underline;
  border: none;
  background: none;
}
.btn-previous:hover {
  background: none;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3;
  font-style: normal;
  color: #006875;
  border: none;
}

.btn-next {
  opacity: 0.3;
  cursor: auto;
  pointer-events: none;
}
.btn-next.form-completed {
  opacity: 1;
  cursor: pointer;
  pointer-events: initial;
}

.btn-see-more {
  display: none;
  margin-bottom: -15px;
  padding: 15px 0;
  background-color: #fff;
  border: none;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3;
  font-style: normal;
  color: #006875;
  text-align: center;
  text-decoration: underline;
}
@media (max-width: 992px) {
  .btn-see-more {
    display: flex;
    place-content: center center;
  }
}

a {
  transition: all 0.3s;
}
a::after, a::before {
  transition: all 0.3s;
}
a:not(.btn) {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3;
  font-style: normal;
  color: #006875;
}
a.phone::before {
  content: "\f5b4";
  font-size: 0.75rem;
  margin-right: 10px;
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  color: #3f4954;
}
a.mail::before {
  content: "\f32c";
  font-size: 0.75rem;
  margin-right: 10px;
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  color: #3f4954;
}

.attachment {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.attachment i {
  margin-right: 5px;
}

.live-search-wrapper, .FAQ-intro-wrapper .live-search-FAQ-input {
  position: relative;
}
.live-search-wrapper::after, .FAQ-intro-wrapper .live-search-FAQ-input::after {
  content: "\f52a";
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  width: 37.5px;
  height: 37.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 5px 5px 0;
  color: #fff;
  background-color: #707070;
}
.proc-doc .live-search-wrapper::after, .proc-doc .FAQ-intro-wrapper .live-search-FAQ-input::after, .FAQ-intro-wrapper .proc-doc .live-search-FAQ-input::after {
  display: none;
}
.live-search-wrapper .live-search-box, .FAQ-intro-wrapper .live-search-FAQ-input .live-search-box {
  padding: 8px;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3;
  font-style: normal;
  color: #3f4954;
  width: 100%;
  border: solid 1px #707070 !important;
  border-radius: 5px !important;
  padding-right: 45.5px !important;
}
.live-search-wrapper .live-search-list, .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.live-search-wrapper .live-search-list li:not(:last-child), .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li:not(:last-child) {
  border-bottom: solid 1px #e4e4e4;
}
.live-search-wrapper .live-search-list li a, .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li a {
  display: flex;
  align-items: flex-start;
  padding: 8px 4px;
  width: 100%;
  text-decoration: none;
  position: relative;
}
#communities-tabContent .live-search-wrapper .live-search-list li a, #communities-tabContent .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li a, .FAQ-intro-wrapper #communities-tabContent .live-search-FAQ-input .live-search-list li a {
  padding: 8px;
}
#communities-tabContent .live-search-wrapper .live-search-list li a .event-title, #communities-tabContent .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li a .event-title, .FAQ-intro-wrapper #communities-tabContent .live-search-FAQ-input .live-search-list li a .event-title {
  padding: 4px;
}
.live-search-wrapper .live-search-list li a .date, .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li a .date {
  padding: 6px 10px;
  background-color: #3f4954;
  font-family: "Lora", serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25;
  font-style: normal;
  color: #fff;
  border-radius: 5px;
  margin-right: 8px;
  flex: 0 0 auto;
  z-index: 1;
  width: 105px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.live-search-wrapper .live-search-list li a .event-title, .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li a .event-title {
  color: #3f4954;
  padding-top: 4px;
  z-index: 1;
}
.live-search-wrapper .live-search-list li a .event-title > span:first-child > *, .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li a .event-title > span:first-child > * {
  margin: 0;
}
.live-search-wrapper .live-search-list li a .event-title .invited-by, .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li a .event-title .invited-by {
  display: flex;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.3;
  font-style: normal;
  color: #006875;
}
.live-search-wrapper .live-search-list li a .event-title .invited-by i, .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li a .event-title .invited-by i {
  margin-right: 5px;
}
.live-search-wrapper .live-search-list li a::after, .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li a::after {
  content: "";
  width: 100%;
  height: calc(100% - 8px);
  background-color: #e2d9cc;
  display: flex;
  position: absolute;
  top: 4px;
  left: 0;
  border-radius: 9px;
  opacity: 0;
}
.live-search-wrapper .live-search-list li a:hover::after, .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li a:hover::after {
  opacity: 1;
}
.live-search-wrapper .no-results, .FAQ-intro-wrapper .live-search-FAQ-input .no-results {
  position: absolute;
  top: 57.5px;
}

.modal .shadowed-box {
  width: 100%;
  position: relative;
}
.modal .shadowed-box .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #3f4954;
}
.modal .shadowed-box .modal-content {
  border: none;
  border-radius: none;
}
.modal .shadowed-box .modal-content > *:not(:last-child) {
  margin-bottom: 10px;
}

p {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3;
  font-style: normal;
  color: #3f4954;
  margin-bottom: 15px;
}

.shadowed-box {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 3px 6px 9px rgba(0, 0, 0, 0.16);
  padding: 20px;
}
@media (max-width: 992px) {
  .shadowed-box {
    padding: 15px;
  }
}
.shadowed-box.content-page-wrapper .content {
  overflow-y: scroll;
  height: calc(100% - 27px);
  padding-bottom: 20px;
}
.shadowed-box.content-page-wrapper .content table {
  overflow-x: scroll;
}
.shadowed-box .shadowed-box-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: solid 2px #e2d9cc;
  margin-bottom: 15px;
}
@media (max-width: 992px) {
  .shadowed-box .shadowed-box-header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.shadowed-box .shadowed-box-header h2 {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
  width: auto;
}
@media (max-width: 992px) {
  .shadowed-box .shadowed-box-header h2 {
    margin-bottom: 10px;
  }
}
.shadowed-box .shadowed-box-header nav {
  margin-bottom: 0 !important;
}
@media (max-width: 992px) {
  .shadowed-box .shadowed-box-header nav {
    margin-bottom: 10px !important;
  }
}
.shadowed-box .shadowed-box-header.nav-wrapper {
  padding-bottom: 0;
  border-bottom: 0;
}

h1 {
  font-family: "Lora", serif;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 400;
  line-height: 1.2;
  font-style: normal;
  color: #3f4954;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
h1 > .subtitle {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  font-style: normal;
  color: #707070;
  margin-top: 15px;
}

h2 {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 20px;
  font-style: normal;
  color: #3f4954;
  width: 100%;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  border-bottom: solid 2px #e2d9cc;
  margin-bottom: 15px;
}
h2 > p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 20px;
  font-style: normal;
  color: #3f4954;
  padding: 0;
  margin: 0;
}

h3 {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3;
  font-style: normal;
  color: #3f4954;
  width: 100%;
  padding-bottom: 10px;
  display: flex;
  flex-direction: column;
  border-bottom: solid 1px #3f4954;
  margin-bottom: 15px;
}

ul.table {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.table li {
  border-bottom: none !important;
}
@media (max-width: 992px) {
  ul.table li:not(:last-child) {
    margin-bottom: 10px;
  }
}
ul.table .table-row {
  display: grid;
  gap: 0 15px;
  place-content: center start;
  padding: 0 15px;
}
ul.table .table-row[class*=commu-events] {
  grid-template-columns: 6fr 6fr 2fr 1fr;
}
ul.table .table-row[class*=commu-access-request] {
  grid-template-columns: 2fr 2fr 5fr 5fr 2.5fr 2.5fr;
}
ul.table .table-row[class*=my-orga] {
  grid-template-columns: 1.5fr 1.5fr 2fr 3fr 2fr 2fr 3fr;
  position: relative;
}
ul.table .table-row[class*=involved-commu] {
  grid-template-columns: 3fr 8fr 2fr 2fr;
}
ul.table .table-row[class*=portal-access-request] {
  grid-template-columns: 2fr 2fr 2fr 5fr 2fr 2fr;
}
@media (max-width: 992px) {
  ul.table .table-row {
    display: flex;
    flex-direction: column;
    border: solid 1px #e4e4e4;
    border-radius: 5px;
    padding: 15px;
    gap: 15px 30px;
  }
}
ul.table .table-row > * {
  display: flex;
  align-items: center;
  padding: 0;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.2;
  font-style: normal;
  color: #3f4954;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  height: 15.6px;
  margin: 7.5px 0;
}
@media (max-width: 992px) {
  ul.table .table-row > * {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 15px;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.3;
    font-style: normal;
    color: #3f4954;
    grid-column: 1/3;
    height: auto !important;
    margin: 0 !important;
    align-items: flex-start;
  }
  ul.table .table-row > *::before {
    content: attr(title) ":";
    font-weight: 500;
  }
}
ul.table .table-row[class$=tablehead] {
  background-color: #e2d9cc;
  border-radius: 30px;
}
ul.table .table-row[class$=tablehead] * {
  color: #707070;
}
@media (max-width: 992px) {
  ul.table .table-row[class$=tablehead] {
    display: none;
  }
}
ul.table .table-row a {
  display: flex;
  align-items: center;
  width: 100%;
  text-decoration: none;
  position: relative;
  padding: 8px 4px;
  color: #006875;
  place-content: center center;
  height: 100%;
  margin: 0;
}
ul.table .table-row a::after {
  content: "";
  width: 100%;
  height: calc(100% - 8px);
  background-color: #e2d9cc;
  display: flex;
  position: absolute;
  top: 4px;
  left: 0;
  border-radius: 9px;
  opacity: 0;
}
ul.table .table-row a i {
  z-index: 2;
}
ul.table .table-row a:hover {
  color: #fff;
}
ul.table .table-row a:hover::after {
  background-color: #006875;
  opacity: 1;
}
@media (max-width: 992px) {
  ul.table .table-row a {
    gap: 0;
    color: #fff;
  }
  ul.table .table-row a::after {
    opacity: 1;
    background-color: #006875;
  }
}
ul.table .table-row a[class*=accept] span, ul.table .table-row a[class*=reject] span, ul.table .table-row a[class*=remove] span {
  z-index: 2;
}
ul.table .table-row a[class*=accept] i, ul.table .table-row a[class*=reject] i, ul.table .table-row a[class*=remove] i {
  font-size: 15px;
  font-size: 0.9375rem;
  margin-left: 5px;
}
@media (max-width: 992px) {
  ul.table .table-row a[class*=accept], ul.table .table-row a[class*=reject], ul.table .table-row a[class*=remove] {
    color: #fff !important;
  }
  ul.table .table-row a[class*=accept]::before, ul.table .table-row a[class*=reject]::before, ul.table .table-row a[class*=remove]::before {
    display: none;
  }
  ul.table .table-row a[class*=accept]:not(:first-of-type), ul.table .table-row a[class*=reject]:not(:first-of-type), ul.table .table-row a[class*=remove]:not(:first-of-type) {
    margin-top: -15px !important;
  }
}
ul.table .table-row a[class*=accept] {
  color: #8fbf95;
}
ul.table .table-row a[class*=accept]:hover {
  color: #fff;
}
ul.table .table-row a[class*=accept]:hover::after {
  background-color: #8fbf95;
}
@media (max-width: 992px) {
  ul.table .table-row a[class*=accept]::after {
    background-color: #8fbf95;
  }
}
ul.table .table-row a[class*=reject], ul.table .table-row a[class*=remove] {
  color: #bf4c4c;
}
ul.table .table-row a[class*=reject]:hover, ul.table .table-row a[class*=remove]:hover {
  color: #fff;
}
ul.table .table-row a[class*=reject]:hover::after, ul.table .table-row a[class*=remove]:hover::after {
  background-color: #bf4c4c;
}
@media (max-width: 992px) {
  ul.table .table-row a[class*=reject]::after, ul.table .table-row a[class*=remove]::after {
    background-color: #bf4c4c;
  }
}
ul.table .table-row .remove-check {
  position: absolute;
  top: -7.5px;
  right: 0;
  background-color: #fff;
  height: 100%;
  width: 33.3333333333%;
  border-radius: 30px;
  border: solid 2px #bf4c4c;
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.table .table-row .remove-check > *:not(:last-child) {
  margin-right: 5px;
}
ul.table .table-row .remove-check > a {
  width: auto;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.2;
  font-style: normal;
  color: #3f4954;
  padding: 8px;
}
ul.table .table-row .remove-check > a.confirm-user {
  color: #fff;
}
ul.table .table-row .remove-check > a.confirm-user::after {
  background-color: #bf4c4c;
  border: solid 1px #bf4c4c;
  opacity: 1;
}
ul.table .table-row .remove-check > a.confirm-user span {
  z-index: 2;
}
ul.table .table-row .remove-check > a.confirm-user:hover {
  color: #bf4c4c;
}
ul.table .table-row .remove-check > a.confirm-user:hover::after {
  background-color: #fff;
}
ul.table .table-row .remove-check > a.cancel-user {
  color: #006875;
  padding: 0;
}
ul.table .table-row .remove-check > a.cancel-user:hover {
  text-decoration: underline;
}
ul.table .table-row .remove-check > a.cancel-user::after {
  display: none;
}
ul.table + .no-results {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.2;
  font-style: normal;
  color: #3f4954;
  padding: 8px 12px;
  margin: 0;
  top: 61px;
  width: 100%;
  background-color: #fff;
}

body {
  height: 100vh;
  width: 100vw;
  background-color: #e2d9cc;
  background-image: url(assets/img/beige-background.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  position: relative;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3;
  font-style: normal;
  color: #3f4954;
  display: flex;
  flex-direction: column;
  background-color: #3f4954;
  background-image: url(assets/img/blue-background.jpg);
}
body.login-page, body.access-page {
  background-color: #3f4954;
  background-image: url(assets/img/blue-background.jpg);
}

.breadcrumb-wrapper {
  padding: 20px 45px;
}
@media (max-width: 992px) {
  .breadcrumb-wrapper {
    padding: 15px 3px;
  }
}
.breadcrumb-wrapper > ul {
  margin: 0;
  display: flex;
  list-style: none;
}
.breadcrumb-wrapper > ul > li > * {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3;
  font-style: normal;
  color: #fff;
  text-decoration: none;
  pointer-events: none;
  cursor: auto;
}
.breadcrumb-wrapper > ul > li:not(:last-child) > * {
  font-weight: 500;
  pointer-events: initial;
  cursor: pointer;
}
.breadcrumb-wrapper > ul > li:not(:last-child) > *:hover {
  color: #006875;
  transition: all 0.3s;
  text-decoration: underline;
}
.breadcrumb-wrapper > ul > li:not(:last-child) > *:hover::after {
  color: #3f4954;
}
.breadcrumb-wrapper > ul > li:not(:last-child) > *::after {
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  content: "\f285";
  margin: 0 10px;
}

.calendar-wrapper {
  display: grid;
  grid-template-rows: 1fr;
}

#calendar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  overflow: hidden;
}
#calendar .fc-header-toolbar {
  margin-bottom: 0;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 992px) {
  #calendar .fc-header-toolbar {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;
    grid-template-areas: "a b" "c c";
  }
}
#calendar .fc-header-toolbar > * {
  display: flex;
  align-items: center;
}
#calendar .fc-header-toolbar > *.fc-left {
  order: 1;
}
@media (max-width: 992px) {
  #calendar .fc-header-toolbar > *.fc-left {
    grid-area: a;
    place-content: center start;
  }
}
#calendar .fc-header-toolbar > *.fc-center {
  order: 2;
}
@media (max-width: 992px) {
  #calendar .fc-header-toolbar > *.fc-center {
    grid-area: c;
    place-content: center space-between;
  }
  #calendar .fc-header-toolbar > *.fc-center button {
    margin: 0;
  }
}
#calendar .fc-header-toolbar > *.fc-right {
  order: 3;
}
@media (max-width: 992px) {
  #calendar .fc-header-toolbar > *.fc-right {
    grid-area: b;
    place-content: center end;
  }
}
#calendar .fc-header-toolbar > *.fc-clear {
  display: none;
}
#calendar .fc-header-toolbar .fc-button {
  all: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  color: #3f4954;
  border: solid 1px #3f4954;
  transition: all 0.3s;
  flex-shrink: 0;
  padding: 7.5px 15px;
}
#calendar .fc-header-toolbar .fc-button:hover, #calendar .fc-header-toolbar .fc-button.fc-state-active {
  background-color: #3f4954;
  color: #fff;
  cursor: pointer;
}
#calendar .fc-header-toolbar .fc-today-button {
  text-transform: capitalize;
}
#calendar .fc-header-toolbar .fc-prev-button,
#calendar .fc-header-toolbar .fc-next-button {
  width: 34px;
  height: 34px;
  font-size: 20px;
  font-size: 1.25rem;
  margin: 0 15px;
  padding: 0;
}
#calendar .fc-header-toolbar .fc-prev-button span,
#calendar .fc-header-toolbar .fc-next-button span {
  display: none;
}
#calendar .fc-header-toolbar .fc-prev-button::after,
#calendar .fc-header-toolbar .fc-next-button::after {
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
}
#calendar .fc-header-toolbar .fc-prev-button::after {
  content: "\f284";
}
#calendar .fc-header-toolbar .fc-next-button::after {
  content: "\f285";
}
#calendar .fc-header-toolbar h2 {
  margin-left: 0;
  padding: 0;
  border-bottom: none;
  width: 210px;
}
#calendar .fc-header-toolbar .fc-button-group {
  display: flex;
}
#calendar .fc-header-toolbar .fc-button-group .fc-month-button,
#calendar .fc-header-toolbar .fc-button-group .fc-agendaWeek-button {
  text-transform: capitalize;
}
#calendar .fc-header-toolbar .fc-button-group > button {
  border-radius: 0;
}
#calendar .fc-header-toolbar .fc-button-group > button:first-child {
  border-radius: 5px 0 0 5px;
}
#calendar .fc-header-toolbar .fc-button-group > button:last-child {
  border-radius: 0 5px 5px 0;
}
#calendar .fc-header-toolbar .fc-button-group > button:not(:first-child) {
  margin-left: -1px;
}
#calendar .fc-view-container {
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
}
#calendar .fc-view-container .fc-month-view, #calendar .fc-view-container .fc-agendaWeek-view {
  height: 100%;
  overflow: hidden;
}
#calendar .fc-view-container .fc-month-view > table, #calendar .fc-view-container .fc-agendaWeek-view > table {
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 10px;
  table-layout: fixed;
}
#calendar .fc-view-container .fc-month-view > table > .fc-head *, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-head * {
  border: none;
}
#calendar .fc-view-container .fc-month-view > table > .fc-head .fc-day-header, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-head .fc-day-header {
  border: none;
  background-color: #e2d9cc;
  padding: 6px 0;
}
#calendar .fc-view-container .fc-month-view > table > .fc-head .fc-day-header:first-child, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-head .fc-day-header:first-child {
  border-radius: 5px 0 0 5px;
}
#calendar .fc-view-container .fc-month-view > table > .fc-head .fc-day-header:last-child, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-head .fc-day-header:last-child {
  border-radius: 0 5px 5px 0;
}
#calendar .fc-view-container .fc-month-view > table > .fc-head .fc-axis + .fc-day-header, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-head .fc-axis + .fc-day-header {
  border-radius: 5px 0 0 5px;
}
#calendar .fc-view-container .fc-month-view > table > .fc-body, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body {
  overflow-y: scroll;
  flex-grow: 1;
  display: grid;
}
#calendar .fc-view-container .fc-month-view > table > .fc-body > tr, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body > tr {
  display: grid;
}
#calendar .fc-view-container .fc-month-view > table > .fc-body > tr td, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body > tr td {
  border-color: #e2d9cc;
}
#calendar .fc-view-container .fc-month-view > table > .fc-body .fc-day-grid-container, #calendar .fc-view-container .fc-month-view > table > .fc-body .fc-time-grid-container, #calendar .fc-view-container .fc-month-view > table > .fc-body .fc-day-grid, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-day-grid-container, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-time-grid-container, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-day-grid {
  height: 100% !important;
}
#calendar .fc-view-container .fc-month-view > table > .fc-body .fc-day-grid-container tbody td, #calendar .fc-view-container .fc-month-view > table > .fc-body .fc-time-grid-container tbody td, #calendar .fc-view-container .fc-month-view > table > .fc-body .fc-day-grid tbody td, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-day-grid-container tbody td, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-time-grid-container tbody td, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-day-grid tbody td {
  border-color: #e2d9cc;
}
#calendar .fc-view-container .fc-month-view > table > .fc-body .fc-day-grid-container .fc-row, #calendar .fc-view-container .fc-month-view > table > .fc-body .fc-time-grid-container .fc-row, #calendar .fc-view-container .fc-month-view > table > .fc-body .fc-day-grid .fc-row, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-day-grid-container .fc-row, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-time-grid-container .fc-row, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-day-grid .fc-row {
  height: 16.6666666667% !important;
  min-height: 60px !important;
}
#calendar .fc-view-container .fc-month-view > table > .fc-body .fc-day-grid-container .fc-row .fc-day-top span, #calendar .fc-view-container .fc-month-view > table > .fc-body .fc-time-grid-container .fc-row .fc-day-top span, #calendar .fc-view-container .fc-month-view > table > .fc-body .fc-day-grid .fc-row .fc-day-top span, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-day-grid-container .fc-row .fc-day-top span, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-time-grid-container .fc-row .fc-day-top span, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-day-grid .fc-row .fc-day-top span {
  padding: 5px;
}
#calendar .fc-view-container .fc-month-view > table > .fc-body .fc-day-grid-container .fc-row .fc-day-top.fc-today, #calendar .fc-view-container .fc-month-view > table > .fc-body .fc-time-grid-container .fc-row .fc-day-top.fc-today, #calendar .fc-view-container .fc-month-view > table > .fc-body .fc-day-grid .fc-row .fc-day-top.fc-today, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-day-grid-container .fc-row .fc-day-top.fc-today, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-time-grid-container .fc-row .fc-day-top.fc-today, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-day-grid .fc-row .fc-day-top.fc-today {
  background-color: transparent;
}
#calendar .fc-view-container .fc-month-view > table > .fc-body .fc-day-grid-container .fc-row .fc-today, #calendar .fc-view-container .fc-month-view > table > .fc-body .fc-time-grid-container .fc-row .fc-today, #calendar .fc-view-container .fc-month-view > table > .fc-body .fc-day-grid .fc-row .fc-today, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-day-grid-container .fc-row .fc-today, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-time-grid-container .fc-row .fc-today, #calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-day-grid .fc-row .fc-today {
  background: rgba(226, 217, 204, 0.5);
}
#calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body {
  overflow-y: scroll;
  height: 100%;
  margin-bottom: -50px;
}
#calendar .fc-view-container .fc-agendaWeek-view > table > .fc-body .fc-divider {
  background: #e2d9cc;
  border-color: #e2d9cc;
}
#calendar .fc-view-container .fc-agendaWeek-view > table .fc-axis {
  text-transform: uppercase;
  font-weight: 500;
}
#calendar .fc-view-container .fc-agendaWeek-view > table .fc-today {
  background: rgba(226, 217, 204, 0.5);
}
#calendar .fc-event-container .fc-event {
  color: #fff;
  background-color: #3f4954;
  border: solid 1px #3f4954;
  cursor: pointer;
}
#calendar .fc-event-container .fc-event .fc-bg {
  display: none;
}
#calendar .fc-event-container .fc-event .fc-time {
  display: none !important;
}
#calendar .fc-highlight {
  background: #3f4954;
}

.community-details-wrapper,
.community-details-tab-wrapper {
  display: flex;
  flex-direction: column;
}

.community-details-wrapper,
.community-details-tab-wrapper {
  position: relative;
}
.community-details-wrapper ul.details,
.community-details-tab-wrapper ul.details {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: scroll;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(6, auto);
  grid-auto-flow: column;
  gap: 15px 30px;
}
@media (max-width: 992px) {
  .community-details-wrapper ul.details,
.community-details-tab-wrapper ul.details {
    display: flex;
    flex-direction: column;
  }
}
.community-details-wrapper ul.details li,
.community-details-tab-wrapper ul.details li {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}
.community-details-wrapper ul.details li:not(.updated) p:last-child,
.community-details-tab-wrapper ul.details li:not(.updated) p:last-child {
  grid-column: 2/4;
}
.community-details-wrapper ul.details li p,
.community-details-tab-wrapper ul.details li p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.community-details-wrapper ul.details li p.data::before,
.community-details-tab-wrapper ul.details li p.data::before {
  font-size: 0.9375rem;
  margin-right: 5px;
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
}
.community-details-wrapper ul.details li .label,
.community-details-tab-wrapper ul.details li .label {
  font-weight: 500;
}
.community-details-wrapper ul.details li.responsible .data::before,
.community-details-tab-wrapper ul.details li.responsible .data::before {
  content: "\f4d0";
}
.community-details-wrapper ul.details li.updated .data.calendar::before,
.community-details-tab-wrapper ul.details li.updated .data.calendar::before {
  content: "\f1f3";
}
.community-details-wrapper ul.details li.updated .data.schedule::before,
.community-details-tab-wrapper ul.details li.updated .data.schedule::before {
  content: "\f293";
}
.community-details-wrapper ul.details li.description,
.community-details-tab-wrapper ul.details li.description {
  overflow-y: scroll;
  grid-template-columns: 1fr;
  padding-bottom: 15px;
  min-height: 150px;
}
@media (max-width: 992px) {
  .community-details-wrapper ul.details li.description,
.community-details-tab-wrapper ul.details li.description {
    padding-bottom: 0;
  }
}
.community-details-wrapper ul.details li.description .data,
.community-details-tab-wrapper ul.details li.description .data {
  border: solid 1px #e4e4e4;
  overflow-y: scroll;
  padding: 10px;
  border-radius: 5px;
}
.community-details-wrapper ul.details li.description .data > *,
.community-details-tab-wrapper ul.details li.description .data > * {
  color: #707070;
  margin-bottom: 10px;
}
.community-details-wrapper ul.details li.description .data > *:last-child,
.community-details-tab-wrapper ul.details li.description .data > *:last-child {
  margin-bottom: 0;
}
.community-details-wrapper ul.details li.register,
.community-details-tab-wrapper ul.details li.register {
  grid-template-columns: 1fr;
  position: absolute;
  top: 8px;
  right: 8px;
}
.community-details-wrapper ul.details li.register button,
.community-details-tab-wrapper ul.details li.register button {
  width: fit-content;
  position: relative;
}

.event-details-wrapper,
.documents-wrapper {
  display: grid;
  grid-template-rows: auto 1fr;
}
@media (max-width: 992px) {
  .event-details-wrapper,
.documents-wrapper {
    display: flex;
    flex-direction: column;
  }
}

.event-details-wrapper {
  position: relative;
}
.event-details-wrapper .meeting-details {
  display: flex;
  gap: 15px 15px;
  align-items: flex-start;
  overflow-y: scroll;
}
.event-details-wrapper .meeting-details > *:nth-child(1) {
  flex: 0 0 calc(40% - 7.5px);
}
.event-details-wrapper .meeting-details > *:nth-child(2) {
  flex: 0 0 calc(60% - 7.5px);
}
@media (max-width: 992px) {
  .event-details-wrapper .meeting-details {
    flex-direction: column;
    gap: 10px;
    overflow: visible;
  }
}
.event-details-wrapper .meeting-details ul.details {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: scroll;
  gap: 10px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "a a" "b c" "e e";
}
@media (max-width: 992px) {
  .event-details-wrapper .meeting-details ul.details {
    width: 100%;
    overflow: visible;
  }
}
.event-details-wrapper .meeting-details ul.details li {
  border: solid 1px #e4e4e4;
  border-radius: 5px;
  padding: 10px;
}
.event-details-wrapper .meeting-details ul.details li.community {
  grid-area: a;
}
.event-details-wrapper .meeting-details ul.details li.start {
  grid-area: b;
}
.event-details-wrapper .meeting-details ul.details li.location {
  grid-area: c;
}
.event-details-wrapper .meeting-details ul.details li.contact {
  grid-area: e;
}
.event-details-wrapper .meeting-details ul.details li p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.event-details-wrapper .meeting-details ul.details li p:first-child {
  grid-column: 1/4;
}
.event-details-wrapper .meeting-details ul.details li p.data::before {
  font-size: 0.9375rem;
  margin-right: 5px;
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
}
.event-details-wrapper .meeting-details ul.details li .label {
  font-weight: 500;
}
.event-details-wrapper .meeting-details ul.details li.date .data.calendar {
  grid-column: 4/6;
}
.event-details-wrapper .meeting-details ul.details li.date .data.calendar::before {
  content: "\f1f3";
}
.event-details-wrapper .meeting-details ul.details li.date .data.schedule {
  grid-column: 6/7;
}
.event-details-wrapper .meeting-details ul.details li.date .data.schedule::before {
  content: "\f293";
}
.event-details-wrapper .meeting-details .description {
  overflow-y: scroll;
  grid-template-columns: 1fr;
  padding-bottom: 0;
  min-height: 150px;
  grid-row: 1/6;
}
@media (max-width: 992px) {
  .event-details-wrapper .meeting-details .description {
    padding-bottom: 0;
  }
}
.event-details-wrapper .meeting-details .description p {
  display: flex;
  align-items: center;
}
.event-details-wrapper .meeting-details .description p.data::before {
  font-size: 0.9375rem;
  margin-right: 5px;
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
}
.event-details-wrapper .meeting-details .description .label {
  font-weight: 500;
  margin-bottom: 5px;
}
.event-details-wrapper .meeting-details .description .data {
  border: solid 1px #e4e4e4;
  overflow-y: scroll;
  padding: 10px;
  border-radius: 5px;
  max-height: 350px;
}
.event-details-wrapper .meeting-details .description .data > * {
  color: #707070;
  margin-bottom: 10px;
}
.event-details-wrapper .meeting-details .description .data > *:last-child {
  margin-bottom: 0;
}

.documents-wrapper .live-search-wrapper, .documents-wrapper .FAQ-intro-wrapper .live-search-FAQ-input, .FAQ-intro-wrapper .documents-wrapper .live-search-FAQ-input {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 4px 4px 0;
}
.documents-wrapper .live-search-wrapper::after, .documents-wrapper .FAQ-intro-wrapper .live-search-FAQ-input::after, .FAQ-intro-wrapper .documents-wrapper .live-search-FAQ-input::after {
  width: 31.5px;
  height: 31.5px;
  top: 4px;
  right: 4px;
}
.documents-wrapper .live-search-wrapper .live-search-box, .documents-wrapper .FAQ-intro-wrapper .live-search-FAQ-input .live-search-box, .FAQ-intro-wrapper .documents-wrapper .live-search-FAQ-input .live-search-box {
  padding: 5px 52.5px 5px 15px;
  margin-bottom: 10px;
  align-self: flex-end;
}
.documents-wrapper .live-search-wrapper .live-search-list, .documents-wrapper .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list, .FAQ-intro-wrapper .documents-wrapper .live-search-FAQ-input .live-search-list {
  overflow-y: scroll;
}
.documents-wrapper .live-search-wrapper .no-results, .documents-wrapper .FAQ-intro-wrapper .live-search-FAQ-input .no-results, .FAQ-intro-wrapper .documents-wrapper .live-search-FAQ-input .no-results {
  top: 84.5px;
  padding: 0 15px;
}
@media (max-width: 992px) {
  .documents-wrapper .live-search-wrapper .no-results, .documents-wrapper .FAQ-intro-wrapper .live-search-FAQ-input .no-results, .FAQ-intro-wrapper .documents-wrapper .live-search-FAQ-input .no-results {
    position: static;
    padding: 0;
    margin: 0;
  }
}
.documents-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.documents-wrapper ul li {
  border-bottom: none !important;
}
@media (max-width: 992px) {
  .documents-wrapper ul li:not(:last-child) {
    margin-bottom: 10px;
  }
}
.documents-wrapper [class|=doc-details] {
  display: grid;
  grid-template-columns: 10fr 4fr 1fr;
  gap: 0 15px;
  place-content: center start;
  padding: 0 15px;
}
@media (max-width: 992px) {
  .documents-wrapper [class|=doc-details] {
    display: flex;
    flex-direction: column;
    border: solid 1px #e4e4e4;
    border-radius: 5px;
    padding: 15px;
    gap: 15px 30px;
  }
}
.documents-wrapper [class|=doc-details] > * {
  display: flex;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.2;
  font-style: normal;
  color: #3f4954;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.documents-wrapper [class|=doc-details] > *:not(.doc-download) {
  height: 15.6px;
  margin: 7.5px 0;
}
@media (max-width: 992px) {
  .documents-wrapper [class|=doc-details] > * {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 15px;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.3;
    font-style: normal;
    color: #3f4954;
    grid-column: 1/3;
    height: auto !important;
    margin: 0 !important;
    align-items: flex-start;
  }
  .documents-wrapper [class|=doc-details] > *::before {
    content: attr(title) ":";
    font-weight: 500;
  }
}
.documents-wrapper [class|=doc-details][class$=tablehead] {
  background-color: #e2d9cc;
  border-radius: 30px;
}
.documents-wrapper [class|=doc-details][class$=tablehead] * {
  color: #707070;
}
@media (max-width: 992px) {
  .documents-wrapper [class|=doc-details][class$=tablehead] {
    display: none;
  }
}
.documents-wrapper [class|=doc-details] a.doc-download {
  color: #006875;
  place-content: center center;
}
.documents-wrapper [class|=doc-details] a.doc-download i {
  z-index: 2;
}
.documents-wrapper [class|=doc-details] a.doc-download:hover {
  color: #fff;
}
.documents-wrapper [class|=doc-details] a.doc-download:hover::after {
  background-color: #006875;
}
@media (max-width: 992px) {
  .documents-wrapper [class|=doc-details] a.doc-download {
    gap: 0;
    color: #fff;
  }
  .documents-wrapper [class|=doc-details] a.doc-download::before {
    content: "Download";
    font-weight: 400;
    margin-right: 5px;
    z-index: 1;
  }
  .documents-wrapper [class|=doc-details] a.doc-download::after {
    opacity: 1;
    background-color: #006875;
  }
}

.event-list-wrapper,
.communities-list-wrapper,
.community-details-tab-wrapper,
.my-organization-wrapper,
.procedure-tab-wrapper {
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
}
.event-list-wrapper nav.event-tab-wrapper,
.communities-list-wrapper nav.event-tab-wrapper,
.community-details-tab-wrapper nav.event-tab-wrapper,
.my-organization-wrapper nav.event-tab-wrapper,
.procedure-tab-wrapper nav.event-tab-wrapper {
  padding-right: 83px;
}
.event-list-wrapper nav.event-tab-wrapper,
.event-list-wrapper nav.communities-tab-wrapper,
.event-list-wrapper nav.community-table-wrapper,
.event-list-wrapper nav.my-organization-table-wrapper,
.event-list-wrapper nav.procedure-nav-wrapper,
.communities-list-wrapper nav.event-tab-wrapper,
.communities-list-wrapper nav.communities-tab-wrapper,
.communities-list-wrapper nav.community-table-wrapper,
.communities-list-wrapper nav.my-organization-table-wrapper,
.communities-list-wrapper nav.procedure-nav-wrapper,
.community-details-tab-wrapper nav.event-tab-wrapper,
.community-details-tab-wrapper nav.communities-tab-wrapper,
.community-details-tab-wrapper nav.community-table-wrapper,
.community-details-tab-wrapper nav.my-organization-table-wrapper,
.community-details-tab-wrapper nav.procedure-nav-wrapper,
.my-organization-wrapper nav.event-tab-wrapper,
.my-organization-wrapper nav.communities-tab-wrapper,
.my-organization-wrapper nav.community-table-wrapper,
.my-organization-wrapper nav.my-organization-table-wrapper,
.my-organization-wrapper nav.procedure-nav-wrapper,
.procedure-tab-wrapper nav.event-tab-wrapper,
.procedure-tab-wrapper nav.communities-tab-wrapper,
.procedure-tab-wrapper nav.community-table-wrapper,
.procedure-tab-wrapper nav.my-organization-table-wrapper,
.procedure-tab-wrapper nav.procedure-nav-wrapper {
  margin-bottom: 20px;
  width: 100%;
}
.event-list-wrapper nav.event-tab-wrapper .nav-tabs,
.event-list-wrapper nav.communities-tab-wrapper .nav-tabs,
.event-list-wrapper nav.community-table-wrapper .nav-tabs,
.event-list-wrapper nav.my-organization-table-wrapper .nav-tabs,
.event-list-wrapper nav.procedure-nav-wrapper .nav-tabs,
.communities-list-wrapper nav.event-tab-wrapper .nav-tabs,
.communities-list-wrapper nav.communities-tab-wrapper .nav-tabs,
.communities-list-wrapper nav.community-table-wrapper .nav-tabs,
.communities-list-wrapper nav.my-organization-table-wrapper .nav-tabs,
.communities-list-wrapper nav.procedure-nav-wrapper .nav-tabs,
.community-details-tab-wrapper nav.event-tab-wrapper .nav-tabs,
.community-details-tab-wrapper nav.communities-tab-wrapper .nav-tabs,
.community-details-tab-wrapper nav.community-table-wrapper .nav-tabs,
.community-details-tab-wrapper nav.my-organization-table-wrapper .nav-tabs,
.community-details-tab-wrapper nav.procedure-nav-wrapper .nav-tabs,
.my-organization-wrapper nav.event-tab-wrapper .nav-tabs,
.my-organization-wrapper nav.communities-tab-wrapper .nav-tabs,
.my-organization-wrapper nav.community-table-wrapper .nav-tabs,
.my-organization-wrapper nav.my-organization-table-wrapper .nav-tabs,
.my-organization-wrapper nav.procedure-nav-wrapper .nav-tabs,
.procedure-tab-wrapper nav.event-tab-wrapper .nav-tabs,
.procedure-tab-wrapper nav.communities-tab-wrapper .nav-tabs,
.procedure-tab-wrapper nav.community-table-wrapper .nav-tabs,
.procedure-tab-wrapper nav.my-organization-table-wrapper .nav-tabs,
.procedure-tab-wrapper nav.procedure-nav-wrapper .nav-tabs {
  border: none;
}
.event-list-wrapper nav.event-tab-wrapper .nav-tabs .nav-link,
.event-list-wrapper nav.communities-tab-wrapper .nav-tabs .nav-link,
.event-list-wrapper nav.community-table-wrapper .nav-tabs .nav-link,
.event-list-wrapper nav.my-organization-table-wrapper .nav-tabs .nav-link,
.event-list-wrapper nav.procedure-nav-wrapper .nav-tabs .nav-link,
.communities-list-wrapper nav.event-tab-wrapper .nav-tabs .nav-link,
.communities-list-wrapper nav.communities-tab-wrapper .nav-tabs .nav-link,
.communities-list-wrapper nav.community-table-wrapper .nav-tabs .nav-link,
.communities-list-wrapper nav.my-organization-table-wrapper .nav-tabs .nav-link,
.communities-list-wrapper nav.procedure-nav-wrapper .nav-tabs .nav-link,
.community-details-tab-wrapper nav.event-tab-wrapper .nav-tabs .nav-link,
.community-details-tab-wrapper nav.communities-tab-wrapper .nav-tabs .nav-link,
.community-details-tab-wrapper nav.community-table-wrapper .nav-tabs .nav-link,
.community-details-tab-wrapper nav.my-organization-table-wrapper .nav-tabs .nav-link,
.community-details-tab-wrapper nav.procedure-nav-wrapper .nav-tabs .nav-link,
.my-organization-wrapper nav.event-tab-wrapper .nav-tabs .nav-link,
.my-organization-wrapper nav.communities-tab-wrapper .nav-tabs .nav-link,
.my-organization-wrapper nav.community-table-wrapper .nav-tabs .nav-link,
.my-organization-wrapper nav.my-organization-table-wrapper .nav-tabs .nav-link,
.my-organization-wrapper nav.procedure-nav-wrapper .nav-tabs .nav-link,
.procedure-tab-wrapper nav.event-tab-wrapper .nav-tabs .nav-link,
.procedure-tab-wrapper nav.communities-tab-wrapper .nav-tabs .nav-link,
.procedure-tab-wrapper nav.community-table-wrapper .nav-tabs .nav-link,
.procedure-tab-wrapper nav.my-organization-table-wrapper .nav-tabs .nav-link,
.procedure-tab-wrapper nav.procedure-nav-wrapper .nav-tabs .nav-link {
  font-family: "Lora", serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 20px;
  font-style: normal;
  color: #707070;
  padding: 6px 0;
  border: none;
  border-bottom: solid 3px transparent;
}
.event-list-wrapper nav.event-tab-wrapper .nav-tabs .nav-link.active,
.event-list-wrapper nav.communities-tab-wrapper .nav-tabs .nav-link.active,
.event-list-wrapper nav.community-table-wrapper .nav-tabs .nav-link.active,
.event-list-wrapper nav.my-organization-table-wrapper .nav-tabs .nav-link.active,
.event-list-wrapper nav.procedure-nav-wrapper .nav-tabs .nav-link.active,
.communities-list-wrapper nav.event-tab-wrapper .nav-tabs .nav-link.active,
.communities-list-wrapper nav.communities-tab-wrapper .nav-tabs .nav-link.active,
.communities-list-wrapper nav.community-table-wrapper .nav-tabs .nav-link.active,
.communities-list-wrapper nav.my-organization-table-wrapper .nav-tabs .nav-link.active,
.communities-list-wrapper nav.procedure-nav-wrapper .nav-tabs .nav-link.active,
.community-details-tab-wrapper nav.event-tab-wrapper .nav-tabs .nav-link.active,
.community-details-tab-wrapper nav.communities-tab-wrapper .nav-tabs .nav-link.active,
.community-details-tab-wrapper nav.community-table-wrapper .nav-tabs .nav-link.active,
.community-details-tab-wrapper nav.my-organization-table-wrapper .nav-tabs .nav-link.active,
.community-details-tab-wrapper nav.procedure-nav-wrapper .nav-tabs .nav-link.active,
.my-organization-wrapper nav.event-tab-wrapper .nav-tabs .nav-link.active,
.my-organization-wrapper nav.communities-tab-wrapper .nav-tabs .nav-link.active,
.my-organization-wrapper nav.community-table-wrapper .nav-tabs .nav-link.active,
.my-organization-wrapper nav.my-organization-table-wrapper .nav-tabs .nav-link.active,
.my-organization-wrapper nav.procedure-nav-wrapper .nav-tabs .nav-link.active,
.procedure-tab-wrapper nav.event-tab-wrapper .nav-tabs .nav-link.active,
.procedure-tab-wrapper nav.communities-tab-wrapper .nav-tabs .nav-link.active,
.procedure-tab-wrapper nav.community-table-wrapper .nav-tabs .nav-link.active,
.procedure-tab-wrapper nav.my-organization-table-wrapper .nav-tabs .nav-link.active,
.procedure-tab-wrapper nav.procedure-nav-wrapper .nav-tabs .nav-link.active {
  color: #3f4954;
  border-bottom: solid 3px #3f4954;
}
.event-list-wrapper nav.event-tab-wrapper .nav-tabs .nav-link:not(:last-child),
.event-list-wrapper nav.communities-tab-wrapper .nav-tabs .nav-link:not(:last-child),
.event-list-wrapper nav.community-table-wrapper .nav-tabs .nav-link:not(:last-child),
.event-list-wrapper nav.my-organization-table-wrapper .nav-tabs .nav-link:not(:last-child),
.event-list-wrapper nav.procedure-nav-wrapper .nav-tabs .nav-link:not(:last-child),
.communities-list-wrapper nav.event-tab-wrapper .nav-tabs .nav-link:not(:last-child),
.communities-list-wrapper nav.communities-tab-wrapper .nav-tabs .nav-link:not(:last-child),
.communities-list-wrapper nav.community-table-wrapper .nav-tabs .nav-link:not(:last-child),
.communities-list-wrapper nav.my-organization-table-wrapper .nav-tabs .nav-link:not(:last-child),
.communities-list-wrapper nav.procedure-nav-wrapper .nav-tabs .nav-link:not(:last-child),
.community-details-tab-wrapper nav.event-tab-wrapper .nav-tabs .nav-link:not(:last-child),
.community-details-tab-wrapper nav.communities-tab-wrapper .nav-tabs .nav-link:not(:last-child),
.community-details-tab-wrapper nav.community-table-wrapper .nav-tabs .nav-link:not(:last-child),
.community-details-tab-wrapper nav.my-organization-table-wrapper .nav-tabs .nav-link:not(:last-child),
.community-details-tab-wrapper nav.procedure-nav-wrapper .nav-tabs .nav-link:not(:last-child),
.my-organization-wrapper nav.event-tab-wrapper .nav-tabs .nav-link:not(:last-child),
.my-organization-wrapper nav.communities-tab-wrapper .nav-tabs .nav-link:not(:last-child),
.my-organization-wrapper nav.community-table-wrapper .nav-tabs .nav-link:not(:last-child),
.my-organization-wrapper nav.my-organization-table-wrapper .nav-tabs .nav-link:not(:last-child),
.my-organization-wrapper nav.procedure-nav-wrapper .nav-tabs .nav-link:not(:last-child),
.procedure-tab-wrapper nav.event-tab-wrapper .nav-tabs .nav-link:not(:last-child),
.procedure-tab-wrapper nav.communities-tab-wrapper .nav-tabs .nav-link:not(:last-child),
.procedure-tab-wrapper nav.community-table-wrapper .nav-tabs .nav-link:not(:last-child),
.procedure-tab-wrapper nav.my-organization-table-wrapper .nav-tabs .nav-link:not(:last-child),
.procedure-tab-wrapper nav.procedure-nav-wrapper .nav-tabs .nav-link:not(:last-child) {
  margin-right: 20px;
}
.event-list-wrapper > .filters, .event-list-wrapper > .settings,
.communities-list-wrapper > .filters,
.communities-list-wrapper > .settings,
.community-details-tab-wrapper > .filters,
.community-details-tab-wrapper > .settings,
.my-organization-wrapper > .filters,
.my-organization-wrapper > .settings,
.procedure-tab-wrapper > .filters,
.procedure-tab-wrapper > .settings {
  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
}
.event-list-wrapper > .filters > a, .event-list-wrapper > .settings > a,
.communities-list-wrapper > .filters > a,
.communities-list-wrapper > .settings > a,
.community-details-tab-wrapper > .filters > a,
.community-details-tab-wrapper > .settings > a,
.my-organization-wrapper > .filters > a,
.my-organization-wrapper > .settings > a,
.procedure-tab-wrapper > .filters > a,
.procedure-tab-wrapper > .settings > a {
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  font-size: 20px;
  font-size: 1.25rem;
  color: #707070;
}
.event-list-wrapper > .filters > a > *, .event-list-wrapper > .settings > a > *,
.communities-list-wrapper > .filters > a > *,
.communities-list-wrapper > .settings > a > *,
.community-details-tab-wrapper > .filters > a > *,
.community-details-tab-wrapper > .settings > a > *,
.my-organization-wrapper > .filters > a > *,
.my-organization-wrapper > .settings > a > *,
.procedure-tab-wrapper > .filters > a > *,
.procedure-tab-wrapper > .settings > a > * {
  line-height: 1.25rem;
}
.event-list-wrapper > .filters > a:hover, .event-list-wrapper > .settings > a:hover,
.communities-list-wrapper > .filters > a:hover,
.communities-list-wrapper > .settings > a:hover,
.community-details-tab-wrapper > .filters > a:hover,
.community-details-tab-wrapper > .settings > a:hover,
.my-organization-wrapper > .filters > a:hover,
.my-organization-wrapper > .settings > a:hover,
.procedure-tab-wrapper > .filters > a:hover,
.procedure-tab-wrapper > .settings > a:hover {
  background-color: #707070;
  color: #fff;
}
.event-list-wrapper > .filters > a.active, .event-list-wrapper > .settings > a.active,
.communities-list-wrapper > .filters > a.active,
.communities-list-wrapper > .settings > a.active,
.community-details-tab-wrapper > .filters > a.active,
.community-details-tab-wrapper > .settings > a.active,
.my-organization-wrapper > .filters > a.active,
.my-organization-wrapper > .settings > a.active,
.procedure-tab-wrapper > .filters > a.active,
.procedure-tab-wrapper > .settings > a.active {
  display: none;
}
.event-list-wrapper > .filters,
.communities-list-wrapper > .filters,
.community-details-tab-wrapper > .filters,
.my-organization-wrapper > .filters,
.procedure-tab-wrapper > .filters {
  right: 59px;
}
.event-list-wrapper > .settings .dropdown-toggle[aria-expanded=true],
.communities-list-wrapper > .settings .dropdown-toggle[aria-expanded=true],
.community-details-tab-wrapper > .settings .dropdown-toggle[aria-expanded=true],
.my-organization-wrapper > .settings .dropdown-toggle[aria-expanded=true],
.procedure-tab-wrapper > .settings .dropdown-toggle[aria-expanded=true] {
  background-color: #707070;
  color: #fff;
}
.event-list-wrapper > .settings .dropdown-toggle::after,
.communities-list-wrapper > .settings .dropdown-toggle::after,
.community-details-tab-wrapper > .settings .dropdown-toggle::after,
.my-organization-wrapper > .settings .dropdown-toggle::after,
.procedure-tab-wrapper > .settings .dropdown-toggle::after {
  display: none;
}
.event-list-wrapper > .tab-content,
.communities-list-wrapper > .tab-content,
.community-details-tab-wrapper > .tab-content,
.my-organization-wrapper > .tab-content,
.procedure-tab-wrapper > .tab-content {
  overflow: hidden;
}
.event-list-wrapper > .tab-content .tab-pane,
.communities-list-wrapper > .tab-content .tab-pane,
.community-details-tab-wrapper > .tab-content .tab-pane,
.my-organization-wrapper > .tab-content .tab-pane,
.procedure-tab-wrapper > .tab-content .tab-pane {
  height: 100%;
  overflow-y: scroll;
}
.event-list-wrapper > .tab-content .tab-pane .live-search-wrapper, .event-list-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input, .FAQ-intro-wrapper .event-list-wrapper > .tab-content .tab-pane .live-search-FAQ-input,
.communities-list-wrapper > .tab-content .tab-pane .live-search-wrapper,
.communities-list-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input,
.FAQ-intro-wrapper .communities-list-wrapper > .tab-content .tab-pane .live-search-FAQ-input,
.community-details-tab-wrapper > .tab-content .tab-pane .live-search-wrapper,
.community-details-tab-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input,
.FAQ-intro-wrapper .community-details-tab-wrapper > .tab-content .tab-pane .live-search-FAQ-input,
.my-organization-wrapper > .tab-content .tab-pane .live-search-wrapper,
.my-organization-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input,
.FAQ-intro-wrapper .my-organization-wrapper > .tab-content .tab-pane .live-search-FAQ-input,
.procedure-tab-wrapper > .tab-content .tab-pane .live-search-wrapper,
.procedure-tab-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input,
.FAQ-intro-wrapper .procedure-tab-wrapper > .tab-content .tab-pane .live-search-FAQ-input {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr;
  padding: 4px 4px 0;
}
.event-list-wrapper > .tab-content .tab-pane .live-search-wrapper::after, .event-list-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input::after, .FAQ-intro-wrapper .event-list-wrapper > .tab-content .tab-pane .live-search-FAQ-input::after,
.communities-list-wrapper > .tab-content .tab-pane .live-search-wrapper::after,
.communities-list-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input::after,
.FAQ-intro-wrapper .communities-list-wrapper > .tab-content .tab-pane .live-search-FAQ-input::after,
.community-details-tab-wrapper > .tab-content .tab-pane .live-search-wrapper::after,
.community-details-tab-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input::after,
.FAQ-intro-wrapper .community-details-tab-wrapper > .tab-content .tab-pane .live-search-FAQ-input::after,
.my-organization-wrapper > .tab-content .tab-pane .live-search-wrapper::after,
.my-organization-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input::after,
.FAQ-intro-wrapper .my-organization-wrapper > .tab-content .tab-pane .live-search-FAQ-input::after,
.procedure-tab-wrapper > .tab-content .tab-pane .live-search-wrapper::after,
.procedure-tab-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input::after,
.FAQ-intro-wrapper .procedure-tab-wrapper > .tab-content .tab-pane .live-search-FAQ-input::after {
  top: 4px;
  right: 4px;
}
.event-list-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-box, .event-list-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input .live-search-box, .FAQ-intro-wrapper .event-list-wrapper > .tab-content .tab-pane .live-search-FAQ-input .live-search-box,
.communities-list-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-box,
.communities-list-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input .live-search-box,
.FAQ-intro-wrapper .communities-list-wrapper > .tab-content .tab-pane .live-search-FAQ-input .live-search-box,
.community-details-tab-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-box,
.community-details-tab-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input .live-search-box,
.FAQ-intro-wrapper .community-details-tab-wrapper > .tab-content .tab-pane .live-search-FAQ-input .live-search-box,
.my-organization-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-box,
.my-organization-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input .live-search-box,
.FAQ-intro-wrapper .my-organization-wrapper > .tab-content .tab-pane .live-search-FAQ-input .live-search-box,
.procedure-tab-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-box,
.procedure-tab-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input .live-search-box,
.FAQ-intro-wrapper .procedure-tab-wrapper > .tab-content .tab-pane .live-search-FAQ-input .live-search-box {
  margin-bottom: 20px;
}
.event-list-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-list, .event-list-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list, .FAQ-intro-wrapper .event-list-wrapper > .tab-content .tab-pane .live-search-FAQ-input .live-search-list,
.communities-list-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-list,
.communities-list-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list,
.FAQ-intro-wrapper .communities-list-wrapper > .tab-content .tab-pane .live-search-FAQ-input .live-search-list,
.community-details-tab-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-list,
.community-details-tab-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list,
.FAQ-intro-wrapper .community-details-tab-wrapper > .tab-content .tab-pane .live-search-FAQ-input .live-search-list,
.my-organization-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-list,
.my-organization-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list,
.FAQ-intro-wrapper .my-organization-wrapper > .tab-content .tab-pane .live-search-FAQ-input .live-search-list,
.procedure-tab-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-list,
.procedure-tab-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list,
.FAQ-intro-wrapper .procedure-tab-wrapper > .tab-content .tab-pane .live-search-FAQ-input .live-search-list {
  padding: 0;
  list-style: none;
  overflow-y: scroll;
}
@media (max-width: 992px) {
  .event-list-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-list li:last-child, .event-list-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li:last-child, .FAQ-intro-wrapper .event-list-wrapper > .tab-content .tab-pane .live-search-FAQ-input .live-search-list li:last-child,
.communities-list-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-list li:last-child,
.communities-list-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li:last-child,
.FAQ-intro-wrapper .communities-list-wrapper > .tab-content .tab-pane .live-search-FAQ-input .live-search-list li:last-child,
.community-details-tab-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-list li:last-child,
.community-details-tab-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li:last-child,
.FAQ-intro-wrapper .community-details-tab-wrapper > .tab-content .tab-pane .live-search-FAQ-input .live-search-list li:last-child,
.my-organization-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-list li:last-child,
.my-organization-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li:last-child,
.FAQ-intro-wrapper .my-organization-wrapper > .tab-content .tab-pane .live-search-FAQ-input .live-search-list li:last-child,
.procedure-tab-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-list li:last-child,
.procedure-tab-wrapper > .tab-content .tab-pane .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li:last-child,
.FAQ-intro-wrapper .procedure-tab-wrapper > .tab-content .tab-pane .live-search-FAQ-input .live-search-list li:last-child {
    margin-bottom: 10px;
  }
}

.FAQ-intro-wrapper {
  display: flex;
  flex-direction: column;
}
.FAQ-intro-wrapper .live-search-FAQ-input {
  margin-bottom: 20px;
}
.FAQ-intro-wrapper .introduction {
  flex-grow: 1;
  overflow-y: scroll;
}
.FAQ-intro-wrapper .introduction .p-wrapper > *:last-child {
  margin-bottom: 0;
}

footer {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 18px;
  font-style: normal;
  color: #707070;
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  box-shadow: 0px -2px 9px rgba(0, 0, 0, 0.16);
  padding: 2px 45px;
  width: 100%;
  position: absolute;
  bottom: 0;
}
@media (max-width: 992px) {
  footer {
    display: none;
  }
}
footer .footer-container ul {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
}
footer .footer-container ul li {
  display: flex;
  align-items: center;
  margin-right: 1px;
}
footer .footer-container ul li:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 50%;
  display: flex;
  background-color: #707070;
}
footer .footer-container ul li a {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 18px;
  font-style: normal;
  color: #707070;
  text-decoration: none;
  padding: 10px 15px;
  transition: all 0.3s;
}
footer .footer-container ul li a:hover {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 18px;
  font-style: normal;
  color: #3f4954;
}

form[class*=-form] div[class*=-field] input[type=password] + label, form[class*=-form] div[class*=-field] input[type=email] + label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
form[class*=-form] div[class*=-field] input[type=password] + label::after, form[class*=-form] div[class*=-field] input[type=email] + label::after {
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  font-size: 1.125rem;
}

form[class*=-form] {
  width: 100%;
  margin-block-end: 0;
}
form[class*=-form] > *:not(:last-child) {
  margin-bottom: 15px;
}
form[class*=-form] div[class*=-field] {
  position: relative;
  display: flex;
  flex-direction: column;
}
form[class*=-form] div[class*=-field] input {
  padding: 8px;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3;
  font-style: normal;
  color: #3f4954;
  border-radius: 0;
  border: none;
  border-bottom: solid 1px #707070;
  margin-top: 28px;
}
form[class*=-form] div[class*=-field] input[type=email] + label::after {
  content: "\f32f";
}
form[class*=-form] div[class*=-field] input[type=password] + label::after {
  content: "\f47b";
}
form[class*=-form] div[class*=-field] input:focus + label, form[class*=-form] div[class*=-field] input.filled + label {
  top: 0;
}
form[class*=-form] div[class*=-field] label {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3;
  font-style: normal;
  color: #3f4954;
  position: absolute;
  top: 36px;
  transition: all 0.3s;
}
form[class*=-form] [type=checkbox],
form[class*=-form] [type=radio] {
  display: flex;
  align-items: center;
}
form[class*=-form] [type=checkbox]:checked, form[class*=-form] [type=checkbox]:not(:checked),
form[class*=-form] [type=radio]:checked,
form[class*=-form] [type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
form[class*=-form] [type=checkbox]:checked + label, form[class*=-form] [type=checkbox]:not(:checked) + label,
form[class*=-form] [type=radio]:checked + label,
form[class*=-form] [type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
}
form[class*=-form] [type=checkbox]:checked + label::before, form[class*=-form] [type=checkbox]:checked + label::after, form[class*=-form] [type=checkbox]:not(:checked) + label::before, form[class*=-form] [type=checkbox]:not(:checked) + label::after,
form[class*=-form] [type=radio]:checked + label::before,
form[class*=-form] [type=radio]:checked + label::after,
form[class*=-form] [type=radio]:not(:checked) + label::before,
form[class*=-form] [type=radio]:not(:checked) + label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 15px;
  height: 15px;
  border: 1px solid #707070;
  border-radius: 2px;
  background: #fff;
}
form[class*=-form] [type=checkbox]:checked + label::after, form[class*=-form] [type=checkbox]:not(:checked) + label::after,
form[class*=-form] [type=radio]:checked + label::after,
form[class*=-form] [type=radio]:not(:checked) + label::after {
  background: #3f4954;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
form[class*=-form] [type=checkbox]:not(:checked) + label::after,
form[class*=-form] [type=radio]:not(:checked) + label::after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
form[class*=-form] [type=checkbox]:checked + label::after,
form[class*=-form] [type=radio]:checked + label::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
form[class*=-form] [type=radio]:checked + label::before, form[class*=-form] [type=radio]:checked + label::after, form[class*=-form] [type=radio]:not(:checked) + label::before, form[class*=-form] [type=radio]:not(:checked) + label::after {
  border-radius: 30px;
}
form[class*=-form] .switch label {
  width: 100%;
  padding: 0 60px 0 0 !important;
}
form[class*=-form] .switch label::before {
  left: auto !important;
  right: 0 !important;
  top: 0 !important;
  width: 40px !important;
  height: 20px !important;
  border-radius: 30px !important;
  border: none !important;
  background-color: #707070 !important;
  transition: all 0.3s;
}
form[class*=-form] .switch label::after {
  opacity: 1 !important;
  transform: none !important;
  background-color: #fff !important;
  height: 16px !important;
  width: 16px !important;
  top: 2px !important;
  left: auto !important;
  right: 22px !important;
  border: none !important;
  border-radius: 30px !important;
}
form[class*=-form] .switch input:checked + label::before {
  background-color: #8fbf95 !important;
}
form[class*=-form] .switch input:checked + label::after {
  right: 2px !important;
}
form[class*=-form] .live-search-wrapper, form[class*=-form] .FAQ-intro-wrapper .live-search-FAQ-input, .FAQ-intro-wrapper form[class*=-form] .live-search-FAQ-input {
  border: solid 1px #e4e4e4;
  border-radius: 10px;
  padding: 82.5px 30px 30px;
  height: 350px;
  overflow-y: scroll;
}
form[class*=-form] .live-search-wrapper::after, form[class*=-form] .FAQ-intro-wrapper .live-search-FAQ-input::after, .FAQ-intro-wrapper form[class*=-form] .live-search-FAQ-input::after {
  top: 30px;
  right: 30px;
}
form[class*=-form] .live-search-wrapper .live-search-box, form[class*=-form] .FAQ-intro-wrapper .live-search-FAQ-input .live-search-box, .FAQ-intro-wrapper form[class*=-form] .live-search-FAQ-input .live-search-box {
  margin-top: 0;
  width: calc(100% - 30px - 30px);
  position: absolute;
  top: 30px;
}
form[class*=-form] .live-search-wrapper .live-search-list li input:checked + label, form[class*=-form] .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li input:checked + label, .FAQ-intro-wrapper form[class*=-form] .live-search-FAQ-input .live-search-list li input:checked + label {
  background-color: #e2d9cc;
}
form[class*=-form] .live-search-wrapper .live-search-list li label, form[class*=-form] .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li label, .FAQ-intro-wrapper form[class*=-form] .live-search-FAQ-input .live-search-list li label {
  top: 0;
  padding: 8px;
  width: 100%;
}
form[class*=-form] .live-search-wrapper .live-search-list li label::before, form[class*=-form] .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li label::before, .FAQ-intro-wrapper form[class*=-form] .live-search-FAQ-input .live-search-list li label::before, form[class*=-form] .live-search-wrapper .live-search-list li label::after, form[class*=-form] .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li label::after, .FAQ-intro-wrapper form[class*=-form] .live-search-FAQ-input .live-search-list li label::after {
  display: none;
}
form[class*=-form] .live-search-wrapper .live-search-list li label:hover, form[class*=-form] .FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li label:hover, .FAQ-intro-wrapper form[class*=-form] .live-search-FAQ-input .live-search-list li label:hover {
  background-color: #e2d9cc;
}
form[class*=-form].two-col-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  overflow-y: scroll;
  padding: 4px;
}
@media (max-width: 992px) {
  form[class*=-form].two-col-form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 992px) {
  header .header-container #mainNav ul .nav-item.footer-nav ul li:not(:last-child), header .header-container #mainNav ul .nav-item:not(:last-child) {
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  header .header-container #mainNav ul .nav-item.footer-nav ul li:not(:last-child), header .header-container #mainNav ul .nav-item:not(:last-child) {
    margin-right: 40px;
  }
}

header .header-container #mainNav ul .nav-item.footer-nav ul li a, header .header-container #mainNav ul .nav-item .nav-link {
  padding: 6px 0;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 20px;
  font-style: normal;
  color: #707070;
  border-bottom: 3px solid transparent;
}
header .header-container #mainNav ul .nav-item.footer-nav ul li a.active, header .header-container #mainNav ul .nav-item .active.nav-link, header .header-container #mainNav ul .nav-item.footer-nav ul li a:hover, header .header-container #mainNav ul .nav-item .nav-link:hover {
  color: #3f4954;
  border-bottom: 3px solid #3f4954;
}

header {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 20px;
  font-style: normal;
  color: #3f4954;
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 15px 45px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
}
@media (max-width: 992px) {
  header {
    padding: 15px 3px;
  }
}
header .header-container {
  display: flex;
  justify-content: space-between;
}
header .header-container .logo {
  height: 50px;
  display: flex;
  align-items: center;
  text-decoration: none;
  margin-right: 15px;
}
@media (max-width: 576px) {
  header .header-container .logo {
    width: 300px;
  }
}
@media (max-width: 400px) {
  header .header-container .logo {
    width: auto;
  }
}
header .header-container .logo img {
  height: 100%;
  width: auto;
  margin-right: 10px;
}
header .header-container .logo .brand {
  display: flex;
  flex-direction: column;
}
header .header-container .logo .brand * {
  text-decoration: none;
}
header .header-container .logo .brand .title {
  font-family: "Lora", serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 20px;
  font-style: normal;
  color: #707070;
}
header .header-container .logo .brand .description {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.3;
  font-style: normal;
  color: #707070;
}
@media (max-width: 400px) {
  header .header-container .logo .brand {
    display: none;
  }
}
.login-page header .header-container .logo {
  opacity: 0;
  pointer-events: none;
  cursor: none;
}
@media (min-width: 992px) {
  header .header-container #mainNav {
    display: flex;
    justify-content: flex-end;
  }
}
header .header-container #mainNav ul {
  align-items: center;
}
@media (max-width: 992px) {
  header .header-container #mainNav ul {
    align-items: flex-end;
  }
}
header .header-container #mainNav ul .nav-item.dropdown .dropdown-toggle {
  padding: 6px 20px;
  border-radius: 100px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
  font-style: normal;
  color: #fff;
  border: 3px solid #3f4954;
  background-color: #3f4954;
}
header .header-container #mainNav ul .nav-item.dropdown .dropdown-toggle::after {
  display: none;
}
header .header-container #mainNav ul .nav-item.dropdown .dropdown-toggle:hover {
  background-color: #fff;
  color: #3f4954;
}
header .header-container #mainNav ul .nav-item.dropdown .dropdown-toggle > .bi {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
header .header-container #mainNav ul .nav-item.dropdown .dropdown-toggle > .bi:first-child {
  margin-right: 5px;
}
header .header-container #mainNav ul .nav-item.dropdown .dropdown-toggle > .bi.bi-chevron-down {
  margin-left: 5px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 0.9375rem;
}
header .header-container #mainNav ul .nav-item.dropdown .dropdown-menu {
  margin-top: 5px;
  min-width: 70px;
  left: auto;
  right: 0;
}
header .header-container #mainNav ul .nav-item.dropdown.language-picker .dropdown-toggle {
  padding: 6px 0;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 21px;
  font-style: normal;
  color: #3f4954;
  border: none;
  background-color: #fff;
  display: flex;
  align-items: center;
}
header .header-container #mainNav ul .nav-item.dropdown.language-picker .dropdown-toggle > .belgian-flag {
  width: 21px;
  height: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
  margin-right: 10px;
}
header .header-container #mainNav ul .nav-item.dropdown.language-picker .dropdown-toggle > .belgian-flag > * {
  width: 33.3333333333%;
  height: 100%;
  display: flex;
}
header .header-container #mainNav ul .nav-item.dropdown.language-picker .dropdown-toggle > .belgian-flag .black {
  background-color: #000000;
}
header .header-container #mainNav ul .nav-item.dropdown.language-picker .dropdown-toggle > .belgian-flag .yellow {
  background-color: #fdda24;
}
header .header-container #mainNav ul .nav-item.dropdown.language-picker .dropdown-toggle > .belgian-flag .red {
  background-color: #ef3340;
}
header .header-container #mainNav ul .nav-item.footer-nav ul {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: column;
}
header .header-container #mainNav ul .nav-item.footer-nav ul li {
  display: flex;
}
header .header-container #mainNav ul .nav-item.footer-nav ul li a {
  text-decoration: none;
}
.login-page header .header-container #mainNav ul .nav-item:not(.language-picker) {
  display: none;
}

.language-choice {
  display: flex;
}
.language-choice .language {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  font-family: "Lora", serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  font-style: normal;
  color: #3f4954;
  border: solid 2px #3f4954;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.language-choice .language:not(:last-child) {
  margin-right: 20px;
}
.language-choice .language:hover {
  background-color: #3f4954;
  color: #fff;
  border: solid 2px #3f4954;
}

main {
  padding: 80px 0 42px 0;
  position: relative;
  flex-grow: 1;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
}
@media (max-width: 992px) {
  main {
    padding: 80px 0 0 0;
  }
}
main > .logo-full {
  width: 330px;
  height: auto;
  position: absolute;
  top: 130px;
  left: 50px;
  z-index: -1;
}
body:not(.french-version) main > .logo-full > .french-version {
  display: none;
}
body:not(.dutch-version) main > .logo-full > .dutch-version {
  display: none;
}
body:not(.login-page) main > .logo-full {
  display: none;
}

.react-btn {
  margin-left: auto;
}

.proc-details {
  position: relative;
  display: flex;
  gap: 15px 15px;
  margin-bottom: 30px;
  align-items: flex-start;
}
.proc-details > *:nth-child(1) {
  flex: 0 0 calc(40% - 7.5px);
}
.proc-details > *:nth-child(2) {
  flex: 0 0 calc(60% - 7.5px);
}
@media (max-width: 992px) {
  .proc-details {
    flex-direction: column;
    gap: 10px;
  }
}
.proc-details ul.details {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: scroll;
  gap: 10px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-areas: "a a" "b b" "c d" "e e";
}
@media (max-width: 992px) {
  .proc-details ul.details {
    width: 100%;
  }
}
.proc-details ul.details li {
  border: solid 1px #e4e4e4;
  border-radius: 5px;
  padding: 10px;
}
.proc-details ul.details li.type {
  grid-area: a;
  background-color: #e2d9cc;
  border-radius: 5px;
  padding: 10px;
}
.proc-details ul.details li.type * {
  color: #707070;
  font-weight: 500;
}
.proc-details ul.details li.community {
  grid-area: b;
}
.proc-details ul.details li.start {
  grid-area: c;
}
.proc-details ul.details li.end {
  grid-area: d;
}
.proc-details ul.details li.contact {
  grid-area: e;
}
.proc-details ul.details li p {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
.proc-details ul.details li p:first-child {
  grid-column: 1/4;
}
.proc-details ul.details li p.data::before {
  font-size: 0.9375rem;
  margin-right: 5px;
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
}
.proc-details ul.details li .label {
  font-weight: 500;
}
.proc-details ul.details li.date .data.calendar {
  grid-column: 4/6;
}
.proc-details ul.details li.date .data.calendar::before {
  content: "\f1f3";
}
.proc-details ul.details li.date .data.schedule {
  grid-column: 6/7;
}
.proc-details ul.details li.date .data.schedule::before {
  content: "\f293";
}
.proc-details .description {
  overflow-y: scroll;
  grid-template-columns: 1fr;
  padding-bottom: 0;
  min-height: 150px;
  grid-row: 1/6;
}
@media (max-width: 992px) {
  .proc-details .description {
    padding-bottom: 0;
  }
}
.proc-details .description p {
  display: flex;
  align-items: center;
}
.proc-details .description p.data::before {
  font-size: 0.9375rem;
  margin-right: 5px;
  display: inline-block;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
}
.proc-details .description .label {
  font-weight: 500;
  margin-bottom: 5px;
}
.proc-details .description .data {
  border: solid 1px #e4e4e4;
  overflow-y: scroll;
  padding: 10px;
  border-radius: 5px;
  max-height: 350px;
}
.proc-details .description .data > * {
  color: #707070;
  margin-bottom: 10px;
}
.proc-details .description .data > *:last-child {
  margin-bottom: 0;
}

#proc-reac.active {
  display: flex;
  flex-direction: column;
}
#proc-reac .reac-preview {
  border: solid 1px #e4e4e4;
  padding: 10px;
  border-radius: 5px;
  height: calc(100% - 20px);
  overflow-y: scroll;
}
#proc-reac .reac-preview > *:last-child {
  margin-bottom: 0;
}

#reac-edit.active {
  display: flex;
  flex-direction: column;
}
#reac-edit > .ck-editor {
  flex-grow: 1;
  margin-bottom: 10px;
  overflow-y: scroll;
}
#reac-edit > .ck-editor .ck-editor__main {
  height: calc(100% - 40px);
}
#reac-edit > .ck-editor .ck-editor__main > * {
  height: 100%;
}

.stepper-container {
  padding: 100px 15px 0;
  margin-bottom: 100px;
  display: flex;
  justify-content: center;
}
@media (max-width: 992px) {
  .stepper-container {
    padding: 15px 15px 0;
  }
  .access-page .stepper-container {
    padding: 100px 15px 0;
  }
}
.stepper-container .stepper {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 3px 6px 9px rgba(0, 0, 0, 0.16);
  width: 750px;
  padding: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  transition: all 0.3s;
}
@media (max-width: 992px) {
  .stepper-container .stepper {
    width: 100%;
  }
}
.stepper-container .stepper > *:last-child {
  margin-bottom: 0;
}
.stepper-container ul.nav-tabs {
  position: absolute;
  top: -70px;
  left: 50%;
  transform: translateX(-50%);
  border: none;
  gap: 30px;
}
@media (max-width: 576px) {
  .stepper-container ul.nav-tabs {
    position: static;
    top: auto;
    left: auto;
    transform: translateX(0);
    margin-bottom: 30px;
  }
}
.stepper-container ul.nav-tabs::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
}
@media (max-width: 576px) {
  .stepper-container ul.nav-tabs::after {
    background-color: #3f4954;
  }
}
.stepper-container ul.nav-tabs .nav-item .nav-link {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1;
  font-style: normal;
  color: #3f4954;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 2px #fff;
  background-color: #fff;
}
.stepper-container ul.nav-tabs .nav-item .nav-link:hover, .stepper-container ul.nav-tabs .nav-item .nav-link.active {
  color: #fff;
  background-color: #3f4954;
}
@media (max-width: 576px) {
  .stepper-container ul.nav-tabs .nav-item .nav-link {
    border: solid 2px #3f4954;
  }
}
.stepper-container ul.nav-tabs .nav-item.form-not-completed {
  pointer-events: none;
  cursor: auto;
}
.stepper-container ul.nav-tabs .nav-item.form-completed {
  pointer-events: initial;
  cursor: cursor;
}
.stepper-container ul.nav-tabs .nav-item.form-completed + .form-not-completed {
  pointer-events: initial;
  cursor: cursor;
}
.stepper-container div.tab-content {
  width: 100%;
}
.stepper-container div.tab-content > .active {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.table-wrapper {
  padding: 0 45px 30px;
  flex-grow: 1;
  max-height: calc(100% - 59.5px);
}
@media (max-width: 992px) {
  .table-wrapper {
    padding: 0 3px 15px;
    max-height: none;
  }
}
.table-wrapper > .container-fluid {
  height: 100%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 2fr;
  gap: 30px;
  grid-template-areas: "event-list event-wrapper";
}
.table-wrapper > .container-fluid.centered-col {
  display: flex;
  flex-direction: column;
  padding: 0 15%;
}
@media (max-width: 992px) {
  .table-wrapper > .container-fluid.centered-col {
    padding: 0 12px;
  }
}
.table-wrapper > .container-fluid.two-even-col {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 992px) {
  .table-wrapper > .container-fluid.two-even-col {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 992px) {
  .table-wrapper > .container-fluid {
    grid-template-rows: repeat(1, auto);
    grid-template-columns: 1fr;
    gap: 15px;
    grid-template-areas: "event-list" "event-wrapper";
  }
}
.table-wrapper > .container-fluid .event-list-wrapper,
.table-wrapper > .container-fluid .communities-list-wrapper {
  grid-area: event-list;
}
@media (max-width: 992px) {
  .table-wrapper > .container-fluid .event-list-wrapper,
.table-wrapper > .container-fluid .communities-list-wrapper {
    height: 300px;
    transition: all 0.3s;
  }
  .table-wrapper > .container-fluid .event-list-wrapper.see-more,
.table-wrapper > .container-fluid .communities-list-wrapper.see-more {
    height: 600px;
  }
}
.table-wrapper > .container-fluid .event-wrapper,
.table-wrapper > .container-fluid .community-wrapper {
  grid-area: event-wrapper;
  gap: 30px;
  margin: -30px;
  padding: 30px;
  display: grid;
  display: none;
}
.table-wrapper > .container-fluid .event-wrapper.show, .table-wrapper > .container-fluid .event-wrapper.active,
.table-wrapper > .container-fluid .community-wrapper.show,
.table-wrapper > .container-fluid .community-wrapper.active {
  display: grid;
}
.table-wrapper > .container-fluid .event-wrapper > *,
.table-wrapper > .container-fluid .community-wrapper > * {
  overflow: hidden;
}
@media (max-width: 992px) {
  .table-wrapper > .container-fluid .event-wrapper .event-details-wrapper,
.table-wrapper > .container-fluid .community-wrapper .event-details-wrapper {
    overflow: initial;
  }
}
@media (max-width: 992px) {
  .table-wrapper > .container-fluid .event-wrapper .documents-wrapper,
.table-wrapper > .container-fluid .community-wrapper .documents-wrapper {
    overflow: initial;
    max-height: 600px;
  }
}
.table-wrapper > .container-fluid > * {
  overflow: hidden;
}
@media (max-width: 992px) {
  .table-wrapper > .container-fluid .community-details-wrapper,
.table-wrapper > .container-fluid .community-details-tab-wrapper {
    overflow: initial;
    max-height: 600px;
  }
}
.table-wrapper > .container-fluid .my-organization-wrapper {
  grid-column: 1/3;
  display: flex;
  flex-direction: column;
}
.table-wrapper > .container-fluid .contact-details,
.table-wrapper > .container-fluid .contact-preferences {
  display: flex;
  flex-direction: column;
}
.table-wrapper > .container-fluid .contact-details > form,
.table-wrapper > .container-fluid .contact-preferences > form {
  flex-grow: 1;
}

/*# sourceMappingURL=style.css.map */