.collapsibleClass {
  /*margin: 20px;*/
}

.no-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

.collapsibleClassButton {
  background-color: #3498db!important;
  color: #fff!important;
  padding: 10px!important;
  border: none!important;
  text-align: left!important;
  outline: none!important;
  font-size: 15px!important;
  cursor: pointer!important;
  border-radius: 10px!important;
  transition: background-color 0.3s ease!important; /* Add transition for smoother color change */
}

.collapsibleClassDivs {
  color: #fff!important;
  padding: 10px!important;
  border: none!important;
  outline: none!important;
  font-size: 15px!important;
  cursor: pointer!important;
  border-radius: 10px!important;
  transition: background-color 0.3s ease!important; /* Add transition for smoother color change */
}

.collapsibleClassRedirects {
  display: block;
  color: #fff!important;
  padding: 10px!important;
  border: none!important;
  outline: none!important;
  font-size: 15px!important;
  cursor: pointer!important;
  border-radius: 10px!important;
  transition: background-color 0.3s ease!important; /* Add transition for smoother color change */
}

.collapsibleClassIcons {
  font-size: 15px!important;
  color: rgb(113, 118, 123)!important;
  right: 36px!important;
  position: absolute!important;
  transform: translateY(-29px)!important;
}

.collapsibleClass .content {
  max-height: 0;
  margin-top: 1em;
  display: none;
  overflow: hidden;
  transition: max-height 0.3s ease!important; /* Add transition for smoother height change */
}

.collapsibleClass.active .content {
  max-height: 100%; /* Adjust to the maximum height you want */
  display: block;
}

.collapsibleClass .content2 {
  max-height: 0;
  padding: 1em;
  display: none;
  overflow: hidden;
  transition: max-height 0.3s ease!important; /* Add transition for smoother height change */
  background: rgb(39 75 104 / 10%);
  border-radius: 1em;
}

.collapsibleClass.active .content2 {
  max-height: 100%; /* Adjust to the maximum height you want */
  display: block;
}

/* Change button color on hover */
.collapsibleClass button:hover {
  background-color: #2c3e50;
}

.collapsibleClassDivs:hover{
    background-color: rgb(19 111 187 / 10%);
    transition: 0.2s ease-in-out;
    animation-duration: 0.8s;
}

.collapsibleClassRedirects:hover{
    background-color: rgb(19 111 187 / 10%);
    transition: 0.2s ease-in-out;
    animation-duration: 0.8s;
    text-decoration: none;
}

.mt05 {
    margin-top: 0.5em!important;
}

.reference {
    color: gray;
    font-size: 12px;
}