/* ----- Farbe anpassen ----- */

:root {
  --farbe1: #FFCE2E;
  --farbe2: #333;
  --farbe3: #337ab7;
}


/* ----- Logo anpassen ----- */


.navbar-brand {
  width: 21.5rem;
  background-image: url("/assets/custom/ackermanndruck_logo_rgb.svg");
  background-size: contain;
}


/* ----- Links anpassen ----- */

a,
a:hover,
a:focus {
  color: var(--farbe3);
}


/* ----- Buttons anpassen ----- */

.btn-primary,
.btn-apply,
.btn-edit,
.btn-save,
.btn-select,
.btn-send,
.btn-setup,
.btn-update,
.btn-view {
  color: var(--farbe2);
}
.btn-primary:hover,
.btn-apply:hover,
.btn-save:hover,
.btn-select:hover,
.btn-send:hover,
.btn-setup:hover,
.btn-update:hover {
  color: var(--farbe2);
}




/* ----- Navigation anpassen ----- */

.rex-nav-top {
  background-color: #fff;
  box-shadow: 0 .25rem .25rem rgba(0,0,0,.075) !important;
}

.rex-nav-main li > a {
  color: #bbb;
}
.rex-nav-main li > a:hover,
.rex-nav-main li > a:focus {
  color: var(--farbe2) !important;
  background-color: var(--farbe1);
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: var(--farbe2);
}

.rex-nav-main {
  background-color: #3e3e3e;
}


.rex-nav-meta .navbar-nav > li > a,
.rex-nav-meta .navbar-nav > li > a:hover,
.rex-nav-meta .navbar-nav > li > a:focus {
  color: #324050;
}
.rex-nav-meta .text-muted {
  color: #324050;
}






/* ----- Tabelle anpassen ----- */

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  color: var(--farbe3);
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  /* color: #2674b2; */
  color: var(--farbe3);
}

.pagination > li > a, .pagination > li > span {
  /* color: var(--farbe1); */
  color: var(--farbe3);
}

.table-hover > tbody > tr:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: var(--farbe1);
}

.rex-online,
.rex-online:hover,
.rex-online:active,
.rex-text-online,
.rex-text-online:hover,
.rex-text-online:active {
  color: #23a844;
}



/* ----- Panel anpassen ----- */

.panel-default > .panel-heading {
  background-color: #ddd;
  border-color: #ddd;
}

.rex-page-nav .nav-tabs > li > a:not(.btn),
.rex-page-nav .nav-tabs > li > a:not(.btn):hover {
  background-color: #ddd;
}

.rex-page-nav .nav-tabs > li > a:not(.btn):hover {
  color: var(--farbe2);
}

.panel-add > .panel-heading, .panel-edit > .panel-heading {
  color: var(--farbe2);
}

.panel-add .panel-body,
.panel-edit .panel-body {
  background-color: #F4F4F4;
}

.panel-footer,
.panel-body .rex-form-panel-footer {
  background-color: #ddd;
  border-top: #ddd;
}



/* ----- Artikel-Edit anpassen ----- */

.rex-slice-select > .dropdown > .btn-default {
  background-color: var(--farbe1);
  color: var(--farbe2);
}

.rex-slice-select > .dropdown > .btn-default:hover,
.rex-slice-select > .dropdown > .btn-abort:hover,
.rex-slice-select > .dropdown > .btn-back:hover,
.rex-slice-select > .dropdown > .btn-clang:hover,
.rex-slice-select > .dropdown > .btn-move:hover,
.rex-slice-select > .dropdown > .btn-popup:hover,
.rex-slice-select > .dropdown > .btn-reset:hover,
.rex-slice-select > .dropdown > .btn-search:hover {
  background-color: var(--farbe1);
  color: var(--farbe2);
}