.navbar {
    padding-top: 0rem;
    padding-bottom: 0rem;
}
.bg-primary {
    background-color: #333!important;
}
.dropdown-menu {
    padding: 0rem 0rem 0.125rem 0rem;
    border: 1px solid rgba(0,0,0,0);
    border: none;
    border-radius: unset;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.dropdown-menu > li {
  padding: 1px 20px;
  background-color: #333;
  color: rgba(255,255,255,.55);
}
.dropdown-menu > li:hover {
    /* background-color: #DA4453; */
    background-color: #4e4f52;
    color: white;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: white;
}
.dropdown-item, .dropdown-item:focus, .dropdown-item:hover {
    color: unset;
    background-color: unset;
}
.dropdown-menu {
    margin-top: 2px;
}
.form-control:focus {
    box-shadow: 0 0 0 0.075rem rgb(13 110 253 / 25%);
}
.form-check-input:focus {
    box-shadow: 0 0 0 0.075rem rgb(13 110 253 / 25%);
}
.btn:focus, .btn:active:focus {
    box-shadow: 0 0 0 0.07rem #ffffff00;
}
.hidden-arrow.dropdown-toggle:after {
    display: none
}
.badge-notification {
    --mdb-badge-font-size: 0.6rem;
    --mdb-badge-padding-x: 0.45em;
    --mdb-badge-padding-y: 0.2em;
    --mdb-badge-margin-top: -0.1rem;
    --mdb-badge-margin-left: -0.5rem;
    position: absolute;
    font-size: var(--mdb-badge-font-size);
    padding: var(--mdb-badge-padding-y) var(--mdb-badge-padding-x);
    margin-top: var(--mdb-badge-margin-top);
    margin-left: var(--mdb-badge-margin-left);
}
.template-system-items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}