.bg-gray-blue {
    background-color: #3b4042!important;
}
.logo-navbar {
    color: #7bb5d9;
    text-transform: capitalize;
}

ul.no-bullets {
    list-style-type: none;
    padding-left: 0;
}

/* Sidebar */
 #wrapper {
    overflow-x: hidden;
 }

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}

/* Pagination */
.pagination-page-info {
    padding: .6em;
    padding-left: 0;
    width: 40em;
    margin: .5em;
    margin-left: 0;
    font-size: 12px;
}
.pagination-page-info b {
    color: black;
    background: #d7e4f3;
    padding-left: 2px;
    padding: .1em .25em;
    font-size: 110%;
}

.topic-item {
    background-color: #f1f9e6;
    border-radius: 4px;
}

.parent-post-item {
    background-color: #edf6d5;
}

.post-item {
    background-color: #f1f1f1;
    border-radius: 4px;
}

label {
  cursor: pointer;
  filter: grayscale(100%);
}

label:hover {
  filter: grayscale(0);
}
input[type="radio"]:checked + label {
  filter: grayscale(0);
}

.image-preview {
    width: 200px;
    height: 200px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    /*inline-size: auto;*/
}

.new-image-preview {
    /*width: 200px;*/
    height: 200px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #d5f1db;
    /*inline-size: auto;*/
}

#select-image-modal > .modal-dialog {
    max-width: 780px;
}

.event-running {
    background-color: #c5efcf!important;

}

.new-icon-preview {
    width: 70px;
    height: 70px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #f4fded;
    /*inline-size: auto;*/
}