.main-header .header-div {
  margin-top: 1rem; }

.header-div {
  text-align: center;
  margin: 3rem 0 1rem 0; }
  .header-div form, .header-div h2, .header-div h3, .header-div h4 {
    display: inline-block; }
  .header-div h2, .header-div h3, .header-div h4 {
    padding-right: 0.5%;
    padding-left: 0.5%;
    position: relative; }
  .header-div form {
    position: relative; }
  .header-div a.right-header-button, .header-div form.right-header-button, .header-div button.right-header-button {
    right: 1rem; }
  .header-div a.left-header-button, .header-div form.left-header-button, .header-div button.left-header-button {
    left: 1rem; }
  .header-div a.header-button, .header-div form.header-button, .header-div button.header-button {
    position: absolute;
    width: fit-content; }

/* Same thing but aligned left */
.first-settings-header.settings-header-div {
  margin-top: 0; }

.settings-header-div {
  text-align: left;
  margin: 2rem 0; }
  .settings-header-div form, .settings-header-div h2, .settings-header-div h3, .settings-header-div h4 {
    display: inline-block; }
  .settings-header-div form {
    position: relative; }
  .settings-header-div h2, .settings-header-div h3, .settings-header-div h4 {
    padding-right: 1.5%;
    position: relative; }
  .settings-header-div a i {
    position: relative;
    top: 3px; }

.separator {
  display: flex !important;
  align-items: center;
  text-align: center; }
  .separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #000; }
  .separator:not(:empty)::before {
    margin-right: .25em; }
  .separator:not(:empty)::after {
    margin-left: .25em; }

.index-header {
  margin: 2rem 5% 2rem 5%; }

.page-content > .details-header {
  margin: 2rem 5% 0 5%; }
  .page-content > .details-header h2, .page-content > .details-header h3, .page-content > .details-header h4 {
    margin-bottom: 0; }

.page-content #tab_content .details-header {
  margin: 0 5%; }

.page-content #tab_content .settings-header {
  padding: 0 5%; }

.setting-tab {
  color: white;
  margin: 0 1rem; }

a.setting-tab {
  letter-spacing: 1px;
  padding: 0.75rem;
  border: 1px solid transparent;
  margin-bottom: 10px; }
  a.setting-tab.active {
    border-bottom: 3px solid white; }
  a.setting-tab:hover {
    color: white !important; }
  a.setting-tab:not(.active):hover {
    border-bottom: 1px solid white; }

div.settings-tab-content {
  margin: 1rem; }

.index-filters {
  margin: 0 5% 1rem 5%; }

ul.header-actions {
  padding: 0.3rem; }
  ul.header-actions li a {
    margin-bottom: 0;
    display: flex; }

a.detail-tab {
  letter-spacing: 1px;
  padding: 1rem;
  border: 1px solid transparent; }
  a.detail-tab.active {
    border-bottom: 2px solid black; }
  a.detail-tab:not(.active):hover {
    border-bottom: 1px solid black; }

.detail-content {
  margin-left: 5%;
  margin-right: 5%; }

/*# sourceMappingURL=header_div.css.map */