.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  border: 0px;
}

li a {
   margin-left: 0px !important;
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x) !important;
  border: 0px !important;
}
.dropdown-item.active, .dropdown-item:active{
  background-color: #006875 !important;
}
.stepper-container {
  padding: 80px 15px 0;
  margin-bottom: 35px;
  display: flex;
  justify-content: center;
}
.community-details-wrapper ul.details,
.community-details-tab-wrapper ul.details {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(6, auto);
  grid-auto-flow: column;
  gap: 15px 30px;
}
.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 {
  height: 100%; 
  overflow-y:auto;
  overflow-x:hidden;
}

.table-wrapper { 
  padding: 0 18px;
  flex-grow: 1;
  /* height: calc(78vh - 59.5px);
  max-height: calc(78vh - 59.5px) ; */
  height: 100%;
}

.community-details-wrapper ul.details li.description,
.community-details-tab-wrapper ul.details li.description {
  overflow-y: hidden;
  grid-template-columns: 1fr;
  padding-bottom: 15px;
  min-height: 150px;
}
.community-details-wrapper ul.details li.description .data,
.community-details-tab-wrapper ul.details li.description .data {
  border: solid 1px #e4e4e4;
  overflow-y: auto;
  padding: 10px;
  border-radius: 5px;
}

.event-list-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-list,
.communities-list-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-list,
.community-details-tab-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-list,
.my-organization-wrapper > .tab-content .tab-pane .live-search-wrapper .live-search-list {
  padding: 0;
  list-style: none;
  overflow-y: scroll;
  overflow-x: hidden;
}

 /* Scroll bar stylings */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    background: var(--lightestgrey); 
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #ccc;
    opacity: 0.2; 
    border-radius: 7px;
	
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #999; 
    opacity: 0.5; 
  }

  main {
  padding: 80px 0 42px 0;
  position: relative;
  flex-grow: 1; 
  overflow-y: unset;
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.sectionBlockLayout{
  display: none!important;
}

.community-details-wrapper ul.details,
.community-details-tab-wrapper ul.details {
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: auto;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(6, auto);
  grid-auto-flow: column;
  gap: 15px 30px;
}

/* @media (max-width: 992px) {
  footer {
    display: flex;
  }
} */

footer{
  position:relative;
  margin-top: -42px !important;
}
.community-details-wrapper ul.details li, .community-details-tab-wrapper ul.details li {
  display: grid;
  grid-template-columns:200px fit-content(100%) fit-content(100%);;
  text-align: left;
  gap: 15px;
}
 
@media (max-width: 600px) {
  .community-details-wrapper ul.details li, .community-details-tab-wrapper ul.details li {    
    grid-template-columns:130px fit-content(100%) fit-content(100%);;    
  }
}
@media (max-width: 992px) {
  .portal-title{
    display: none;
  }
  .table-wrapper {
    padding: 0 3px 15px;
    max-height: none;
    height: auto;
  }
}
 

.btn-see-more {
   display: block;

}

.live-search-wrapper .live-search-list li.active a::after {
  opacity: 1;
}

.live-search-wrapper .live-search-list li a:hover::after {
  opacity: 0.5;
}

.table li:first-child {
  position:sticky;
  top:0;
  z-index:1000;
}

.subscriber::after{
  content: "\F4D6";
}
.subscriber::after {
  font-size: 1.2em;
  margin-left:auto !important;
  display: inline-block; 
  position:absolute;
  right: 13px;
  z-index: 1000;
  font-family: "bootstrap-icons" !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.documents-wrapper [class|=doc-details] {
  display: grid;
  grid-template-columns: 10fr 4fr 1fr;
  gap: 0 15px;
  place-content: center start;
  padding: 0 15px;
}
.live-search-wrapper .no-results {
  top: 80.5px;
}
body:not(.dutch-version) main > .logo-full > .dutch-version {
  display: flex;
}
body:not(.french-version) main > .logo-full > .french-version {
  display: flex;
}
body:not(.login-page) main > .logo-full {
  display: flex;
}

body {
  background-image: url(~/blue-background.jpg);
  background-size: 100% 100%;
  width:auto !important;
}


ul.table + .no-results {
  top: 100px;
}

.portal-title {
  padding-left: 20px;
}

h5 {
  font-family: "Lora", serif;
  font-size: 16px;
  /* font-size: 1.2rem; */
  font-weight: 400;
  line-height: 20px;
  font-style: normal;
  /* color: #3f4954; */
  color: #3f4954;
  width: 100%;
  /* padding-bottom: 10px; */
  display: flex;
  flex-direction: column;
  /* margin-bottom: 15px; */
}

h6 {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  /* font-size: 1rem; */
  font-weight: 400;
  line-height: 20px;
  font-style: normal;
  color: #707070;
  width: 100%;
  /* padding-bottom: 10px; */
  display: flex;
  flex-direction: column;
  /* margin-bottom: 15px; */
}

.breadcrumb-wrapper {
  padding: 15px 45px !important;
}

.langtable {
  border-collapse: collapse;
  width: 100%;
}

.langtd {
  text-align: center;
}

.langbutton {
	horizontal-align: middle;
	display: block;
	margin:auto;
}

form[class*=-form] div[class*=-field] input[type=email] + label[type=my-contact]::after {
  visibility: hidden;
}

.community-details-wrapper ul.details li.register, .community-details-tab-wrapper ul.details li.register {
  position: inherit;
}

@media (max-width: 992px) {
  .table-wrapper > .container-fluid .event-wrapper, .table-wrapper > .container-fluid .community-wrapper {
    margin: 0px;
    padding: 0px;
  }
} 

@media (max-width: 992px) {
  main {
    padding: 0px 0 42px 0;
    height: auto;
  }
} 

@media (max-width: 992px) {
  header {
    position: relative;
  }
} 

ul.nav.nav-tabs.nav-account {
  visibility: hidden;
}

.live-search-wrapper .live-search-list li a .date, 
.FAQ-intro-wrapper .live-search-FAQ-input .live-search-list li a .date {
  width: 110px;
}

/* .proc-details > *:nth-child(1),
.proc-details > *:nth-child(2){
  flex: 0 0 calc(50% - 15px);
} */

#list-view > div.shadowed-box.documents-wrapper > div::after{
  display: none;
}

.accordion .accordion-item button{
  text-align: left;
}

ul.table .table-row[class*=commu-events] {
  grid-template-columns: 6fr 4fr 2fr 2fr 1fr;
}

ul.table .table-row > * > * {
  font-size: 0.8125rem;
}

#info-message {
  background-color: #DAA520;
  color: black;
}

.community-details-wrapper ul.details li.reason,
.community-details-tab-wrapper ul.details li.reason {
  overflow-y: hidden;
  grid-template-columns: 1fr;
  padding-bottom: 15px;
  min-height: 150px;
}

ul.table .table-row[class*=commu-access-request] {
  grid-template-columns: 2fr 2fr 5fr 5fr 5fr 2.5fr 2.5fr;
}

@media (max-width: 992px) {
  ul.table .table-row > *::before {
  content: "";
  }
}

@media (max-width: 992px) {
  .documents-wrapper [class|=doc-details] > *::before {
    content: "";
  }
}

.shadowed-box .shadowed-box-header .button-group {
    display: flex;
    gap: 10px; 
}


/* Community filter buttons – active/pressed state */
#communityFilters .btn.active,
#communityFilters .btn:active,
#communityFilters .btn:focus {
  background-color: #3f4954 !important;
  border-color: #3f4954 !important;
  box-shadow: none;
}