.select-items-list {
    max-height: 200px;
    overflow-y: scroll;
    margin: 5px;
}
.field-many-to-many {
    height: 200px;
    overflow-y: scroll;
    margin: 0;
}
.field-many-to-many > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.field-many-to-many > ul > li {
    padding: 5px;
}
tbody > tr > th {
    font-weight: normal;
    vertical-align: middle;
}
.fa-circle-check {
    color: #006b1b;
}
.fa-circle-xmark {
    color: #a80500;
}
.fa-circle-exclamation {
    color: #cc9b00;
}
.indent-1 {
    padding-left: 25px;
}
.indent-2 {
    padding-left: 50px;
}
.indent-3 {
    padding-left: 75px;
}
.menu-icon {
    width: 30px;
}
.greyed-out {
    color: #8a8a8a;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8a8a8a;
  opacity: 1; /* Firefox */
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #8a8a8a;
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #8a8a8a;
}
.close {
    color: black;
}
.vdp-logo-font {
    font-family: 'Droid Serif', 'DejaVu Serif', 'STIX', serif;
}
.vdp-logo-color {
    color: #79201e;
}
.dsgv-logo-color {
    color: #ff0000;
}
h1 {
    font-weight: 400;
}
a {
    color: #9d322f;
}
a:hover, a:focus, .nav-link:focus, .nav-link:hover {
    color: #621f1d;
}
.bg-grey {
    background-color: #efefef;
}
.nav-item {
    width: 100%;
}
.nav-pills .nav-link {
    color: #9d322f;
    background-color: #f4f4f4;
    margin: 1px 0;
}
.nav-item .nav-item .nav-link {
    background-color: white;
    padding-left: 32px;
}
.dropdown-toggle::after {
    float: right;
    margin-top: 10px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: black;
    background-color: #ddd;
}
.accordion-button:not(.collapsed) {
    background-color: #eee;
    color: inherit;
}
#footer {
    background-color: #f4f4f4;
    padding: 20px 0 0;
    /*margin-top: 20px;*/
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #ddd;
}
.page-link {
    color: #5f5f5f;
    cursor: pointer;
}
.page-link:hover, .page-link:focus {
    color: #9d322f;
}
.page-item.active .page-link {
    background-color: #ddd;
    color: #9d322f;
    border-color: #9d322f;
}
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
    margin: 0 auto;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}