/* < 576 */
/* > 576 < 768 */
/* > 768 < 992 */
/* > 992 < 1200 */
/* > 1200 < 1400 */
/* > 1400 */
@keyframes slideDown {
  1% {
    height: 5%;
  }
  80% {
    height: 115%;
  }
  100% {
    height: 100%;
  }
}
@keyframes fadeIn {
  1% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}
@keyframes flipInFromRight {
  1% {
    transform: translateX(100%) rotate(360deg);
  }
  80% {
    transform: translateX(-15%) rotate(-15deg);
  }
  100% {
    transform: translateX(0) rotate(0deg);
  }
}
@keyframes flipInFromLeft {
  1% {
    transform: translateX(-100%) rotate(-360deg);
  }
  80% {
    transform: translateX(15%) rotate(15deg);
  }
  100% {
    transform: translateX(0) rotate(0deg);
  }
}
@keyframes slideInFromRight {
  1% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInFromLeft {
  1% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes bounceInFromLeft {
  1% {
    transform: translateX(-100%);
  }
  75% {
    transform: translateX(10%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideOutToLeft {
  1% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes slideDown {
  1% {
    height: 5%;
  }
  80% {
    height: 115%;
  }
  100% {
    height: 100%;
  }
}
@keyframes fadeIn {
  1% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}
@keyframes flipInFromRight {
  1% {
    transform: translateX(100%) rotate(360deg);
  }
  80% {
    transform: translateX(-15%) rotate(-15deg);
  }
  100% {
    transform: translateX(0) rotate(0deg);
  }
}
@keyframes flipInFromLeft {
  1% {
    transform: translateX(-100%) rotate(-360deg);
  }
  80% {
    transform: translateX(15%) rotate(15deg);
  }
  100% {
    transform: translateX(0) rotate(0deg);
  }
}
@keyframes slideInFromRight {
  1% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInFromLeft {
  1% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes bounceInFromLeft {
  1% {
    transform: translateX(-100%);
  }
  75% {
    transform: translateX(10%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideOutToLeft {
  1% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.dashboard .custom-admin-row .custom-sidebar, .change-list .custom-admin-row .custom-sidebar, .change-form .custom-admin-row .custom-sidebar, .delete-confirmation .custom-admin-row .custom-sidebar {
  padding-top: 10px;
  flex: 15% 0 0;
  display: flex;
  flex-direction: column;
}
.dashboard .custom-admin-row .custom-sidebar .sidebar-item, .dashboard .custom-admin-row .custom-sidebar #nav-sidebar, .change-list .custom-admin-row .custom-sidebar .sidebar-item, .change-list .custom-admin-row .custom-sidebar #nav-sidebar, .change-form .custom-admin-row .custom-sidebar .sidebar-item, .change-form .custom-admin-row .custom-sidebar #nav-sidebar, .delete-confirmation .custom-admin-row .custom-sidebar .sidebar-item, .delete-confirmation .custom-admin-row .custom-sidebar #nav-sidebar {
  margin-bottom: 5px;
}
.dashboard .custom-admin-row .custom-sidebar .sidebar-item a, .dashboard .custom-admin-row .custom-sidebar .sidebar-item label, .dashboard .custom-admin-row .custom-sidebar #nav-sidebar a, .dashboard .custom-admin-row .custom-sidebar #nav-sidebar label, .change-list .custom-admin-row .custom-sidebar .sidebar-item a, .change-list .custom-admin-row .custom-sidebar .sidebar-item label, .change-list .custom-admin-row .custom-sidebar #nav-sidebar a, .change-list .custom-admin-row .custom-sidebar #nav-sidebar label, .change-form .custom-admin-row .custom-sidebar .sidebar-item a, .change-form .custom-admin-row .custom-sidebar .sidebar-item label, .change-form .custom-admin-row .custom-sidebar #nav-sidebar a, .change-form .custom-admin-row .custom-sidebar #nav-sidebar label, .delete-confirmation .custom-admin-row .custom-sidebar .sidebar-item a, .delete-confirmation .custom-admin-row .custom-sidebar .sidebar-item label, .delete-confirmation .custom-admin-row .custom-sidebar #nav-sidebar a, .delete-confirmation .custom-admin-row .custom-sidebar #nav-sidebar label {
  height: 30px;
  width: auto;
  padding: 0 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  background-size: 12px !important;
  background-repeat: no-repeat !important;
  background-position: 95%;
}
.dashboard .custom-admin-row .custom-sidebar .sidebar-item a .icon, .dashboard .custom-admin-row .custom-sidebar .sidebar-item label .icon, .dashboard .custom-admin-row .custom-sidebar #nav-sidebar a .icon, .dashboard .custom-admin-row .custom-sidebar #nav-sidebar label .icon, .change-list .custom-admin-row .custom-sidebar .sidebar-item a .icon, .change-list .custom-admin-row .custom-sidebar .sidebar-item label .icon, .change-list .custom-admin-row .custom-sidebar #nav-sidebar a .icon, .change-list .custom-admin-row .custom-sidebar #nav-sidebar label .icon, .change-form .custom-admin-row .custom-sidebar .sidebar-item a .icon, .change-form .custom-admin-row .custom-sidebar .sidebar-item label .icon, .change-form .custom-admin-row .custom-sidebar #nav-sidebar a .icon, .change-form .custom-admin-row .custom-sidebar #nav-sidebar label .icon, .delete-confirmation .custom-admin-row .custom-sidebar .sidebar-item a .icon, .delete-confirmation .custom-admin-row .custom-sidebar .sidebar-item label .icon, .delete-confirmation .custom-admin-row .custom-sidebar #nav-sidebar a .icon, .delete-confirmation .custom-admin-row .custom-sidebar #nav-sidebar label .icon {
  flex: 24px 0 0;
  text-align: center;
}
.dashboard .custom-admin-row .custom-sidebar .sidebar-item .submenu-control, .dashboard .custom-admin-row .custom-sidebar #nav-sidebar .submenu-control, .change-list .custom-admin-row .custom-sidebar .sidebar-item .submenu-control, .change-list .custom-admin-row .custom-sidebar #nav-sidebar .submenu-control, .change-form .custom-admin-row .custom-sidebar .sidebar-item .submenu-control, .change-form .custom-admin-row .custom-sidebar #nav-sidebar .submenu-control, .delete-confirmation .custom-admin-row .custom-sidebar .sidebar-item .submenu-control, .delete-confirmation .custom-admin-row .custom-sidebar #nav-sidebar .submenu-control {
  display: none;
}
.dashboard .custom-admin-row .custom-sidebar .sidebar-item .submenu, .dashboard .custom-admin-row .custom-sidebar #nav-sidebar .submenu, .change-list .custom-admin-row .custom-sidebar .sidebar-item .submenu, .change-list .custom-admin-row .custom-sidebar #nav-sidebar .submenu, .change-form .custom-admin-row .custom-sidebar .sidebar-item .submenu, .change-form .custom-admin-row .custom-sidebar #nav-sidebar .submenu, .delete-confirmation .custom-admin-row .custom-sidebar .sidebar-item .submenu, .delete-confirmation .custom-admin-row .custom-sidebar #nav-sidebar .submenu {
  display: none;
}
.dashboard .custom-admin-row .custom-sidebar .sidebar-item .submenu-control ~ label, .dashboard .custom-admin-row .custom-sidebar #nav-sidebar .submenu-control ~ label, .change-list .custom-admin-row .custom-sidebar .sidebar-item .submenu-control ~ label, .change-list .custom-admin-row .custom-sidebar #nav-sidebar .submenu-control ~ label, .change-form .custom-admin-row .custom-sidebar .sidebar-item .submenu-control ~ label, .change-form .custom-admin-row .custom-sidebar #nav-sidebar .submenu-control ~ label, .delete-confirmation .custom-admin-row .custom-sidebar .sidebar-item .submenu-control ~ label, .delete-confirmation .custom-admin-row .custom-sidebar #nav-sidebar .submenu-control ~ label {
  padding-right: 24px;
  background-image: url("/static/svg/kph-admin-plus.svg");
  flex: 175px 0 0;
}
.dashboard .custom-admin-row .custom-sidebar .sidebar-item .submenu-control:checked ~ .submenu, .dashboard .custom-admin-row .custom-sidebar #nav-sidebar .submenu-control:checked ~ .submenu, .change-list .custom-admin-row .custom-sidebar .sidebar-item .submenu-control:checked ~ .submenu, .change-list .custom-admin-row .custom-sidebar #nav-sidebar .submenu-control:checked ~ .submenu, .change-form .custom-admin-row .custom-sidebar .sidebar-item .submenu-control:checked ~ .submenu, .change-form .custom-admin-row .custom-sidebar #nav-sidebar .submenu-control:checked ~ .submenu, .delete-confirmation .custom-admin-row .custom-sidebar .sidebar-item .submenu-control:checked ~ .submenu, .delete-confirmation .custom-admin-row .custom-sidebar #nav-sidebar .submenu-control:checked ~ .submenu {
  display: block !important;
  animation: bounceInFromLeft 0.5s;
  background: var(--darkened-bg);
  border-bottom-right-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.dashboard .custom-admin-row .custom-sidebar .sidebar-item .submenu-control:checked ~ label, .dashboard .custom-admin-row .custom-sidebar #nav-sidebar .submenu-control:checked ~ label, .change-list .custom-admin-row .custom-sidebar .sidebar-item .submenu-control:checked ~ label, .change-list .custom-admin-row .custom-sidebar #nav-sidebar .submenu-control:checked ~ label, .change-form .custom-admin-row .custom-sidebar .sidebar-item .submenu-control:checked ~ label, .change-form .custom-admin-row .custom-sidebar #nav-sidebar .submenu-control:checked ~ label, .delete-confirmation .custom-admin-row .custom-sidebar .sidebar-item .submenu-control:checked ~ label, .delete-confirmation .custom-admin-row .custom-sidebar #nav-sidebar .submenu-control:checked ~ label {
  background-color: var(--primary);
  color: var(--header-link-color);
  border-top-right-radius: 5px;
  background-image: url("/static/svg/kph-admin-times.svg");
}
.dashboard .custom-admin-row .custom-sidebar .sidebar-item.active, .change-list .custom-admin-row .custom-sidebar .sidebar-item.active, .change-form .custom-admin-row .custom-sidebar .sidebar-item.active, .delete-confirmation .custom-admin-row .custom-sidebar .sidebar-item.active {
  background: var(--primary);
  color: var(--header-link-color);
  animation: fadeIn 0.25s;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
}
.dashboard .custom-admin-row .custom-sidebar .sidebar-item.active a, .change-list .custom-admin-row .custom-sidebar .sidebar-item.active a, .change-form .custom-admin-row .custom-sidebar .sidebar-item.active a, .delete-confirmation .custom-admin-row .custom-sidebar .sidebar-item.active a {
  color: var(--header-link-color);
}
.dashboard .custom-admin-row .custom-sidebar .level-2, .change-list .custom-admin-row .custom-sidebar .level-2, .change-form .custom-admin-row .custom-sidebar .level-2, .delete-confirmation .custom-admin-row .custom-sidebar .level-2 {
  padding-left: 15px;
}
.dashboard .custom-admin-row .custom-sidebar #toggle-nav-sidebar, .change-list .custom-admin-row .custom-sidebar #toggle-nav-sidebar, .change-form .custom-admin-row .custom-sidebar #toggle-nav-sidebar, .delete-confirmation .custom-admin-row .custom-sidebar #toggle-nav-sidebar {
  display: none;
}
.dashboard .custom-admin-row .custom-sidebar #nav-sidebar, .change-list .custom-admin-row .custom-sidebar #nav-sidebar, .change-form .custom-admin-row .custom-sidebar #nav-sidebar, .delete-confirmation .custom-admin-row .custom-sidebar #nav-sidebar {
  position: relative !important;
  left: 0 !important;
  margin-left: 0 !important;
  overflow: unset !important;
}
.dashboard .custom-admin-row .custom-sidebar #nav-sidebar #nav-filter, .change-list .custom-admin-row .custom-sidebar #nav-sidebar #nav-filter, .change-form .custom-admin-row .custom-sidebar #nav-sidebar #nav-filter, .delete-confirmation .custom-admin-row .custom-sidebar #nav-sidebar #nav-filter {
  display: none !important;
}
.dashboard .custom-admin-row .custom-sidebar #nav-sidebar .module, .change-list .custom-admin-row .custom-sidebar #nav-sidebar .module, .change-form .custom-admin-row .custom-sidebar #nav-sidebar .module, .delete-confirmation .custom-admin-row .custom-sidebar #nav-sidebar .module {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.dashboard .custom-admin-row .custom-sidebar #nav-sidebar .module caption, .change-list .custom-admin-row .custom-sidebar #nav-sidebar .module caption, .change-form .custom-admin-row .custom-sidebar #nav-sidebar .module caption, .delete-confirmation .custom-admin-row .custom-sidebar #nav-sidebar .module caption {
  border-top-right-radius: 5px;
}
.dashboard .custom-admin-row .custom-sidebar #nav-sidebar .addlink, .change-list .custom-admin-row .custom-sidebar #nav-sidebar .addlink, .change-form .custom-admin-row .custom-sidebar #nav-sidebar .addlink, .delete-confirmation .custom-admin-row .custom-sidebar #nav-sidebar .addlink {
  padding-left: 16px;
  background: url(../img/icon-addlink.svg) 0 1px no-repeat !important;
}

.login .custom-sidebar, .popup .custom-sidebar {
  display: none !important;
}

.custom-sidebar {
  display: none;
}

@keyframes slideDown {
  1% {
    height: 5%;
  }
  80% {
    height: 115%;
  }
  100% {
    height: 100%;
  }
}
@keyframes fadeIn {
  1% {
    opacity: 0;
  }
  100% {
    opacity: 100%;
  }
}
@keyframes flipInFromRight {
  1% {
    transform: translateX(100%) rotate(360deg);
  }
  80% {
    transform: translateX(-15%) rotate(-15deg);
  }
  100% {
    transform: translateX(0) rotate(0deg);
  }
}
@keyframes flipInFromLeft {
  1% {
    transform: translateX(-100%) rotate(-360deg);
  }
  80% {
    transform: translateX(15%) rotate(15deg);
  }
  100% {
    transform: translateX(0) rotate(0deg);
  }
}
@keyframes slideInFromRight {
  1% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInFromLeft {
  1% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes bounceInFromLeft {
  1% {
    transform: translateX(-100%);
  }
  75% {
    transform: translateX(10%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideOutToLeft {
  1% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
/* LOGIN FORM */
.login {
  background: var(--darkened-bg);
  height: auto;
}
.login #header {
  height: auto;
  padding: 15px 16px;
  justify-content: center;
}
.login #header h1 {
  font-size: 18px;
}
.login #header h1 a {
  color: var(--header-link-color);
}
.login #content {
  padding: 20px 20px 0;
}
.login #container {
  animation: flipInFromRight 1s;
  background: var(--body-bg);
  border: 1px solid var(--hairline-color);
  border-radius: 4px;
  overflow: hidden;
  width: 28em !important;
  min-width: 300px;
  margin: 100px auto;
  height: auto;
}
.login .form-row {
  padding: 4px 0;
}
.login .form-row label {
  display: block;
  line-height: 2em;
}
.login .form-row #id_username, .login .form-row #id_password {
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
}
.login .submit-row {
  padding: 1em 0 0 0;
  margin: 0;
  text-align: center;
}
.login .password-reset-link {
  text-align: center;
}

#header .custom-time {
  display: flex;
  flex-direction: row;
}
#header .custom-time .custom-time-icon {
  margin-right: 5px !important;
}
#header .custom-time .custom-time-display {
  display: flex;
  flex-direction: column;
  font-size: 12px;
}

.login .custom-time, .popup .custom-time {
  display: none !important;
}

#changelist-form #toolbar div, #changelist-form #changelist-search div {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#changelist-form #toolbar div label, #changelist-form #toolbar div input, #changelist-form #changelist-search div label, #changelist-form #changelist-search div input {
  margin-right: 15px;
}
#changelist-form #toolbar div label img, #changelist-form #toolbar div input img, #changelist-form #changelist-search div label img, #changelist-form #changelist-search div input img {
  width: 24px;
  height: 24px;
}

label[for=searchbar] img {
  width: 24px !important;
  height: 24px !important;
}

.change-form form > div .submit-row {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: stretch;
  text-align: center;
}
.change-form form > div .submit-row input[type=submit], .change-form form > div .submit-row input.default, .change-form form > div .submit-row .deletelink {
  float: none;
  margin: 0 0 10px 0 !important;
}
.change-form form > div .submit-row label[for=searchbar] img {
  max-width: 24px;
  max-height: 24px;
}
.change-form form > div .submit-row p.deletelink-box {
  margin: 0;
  padding: 0;
}
.change-form #content {
  width: auto !important;
}

.flex-row .fieldset-column, .flex-row #submit-buttons {
  margin-right: 10px;
}
.flex-row .fieldset-column {
  flex: 80% 0 0;
}
.flex-row #submit-buttons {
  flex: 20% 0 0;
}
.flex-row #submit-buttons .btn {
  max-width: 100%;
}

.change-form-table {
  width: 100%;
}
.change-form-table th, .change-form-table td {
  padding: 5px 10px !important;
}

h1, .cms-pagetree-header-title h1 {
  color: var(--body-fg) !important;
}

.btn {
  height: 36px;
  width: auto;
  max-width: 200px;
  appearance: none;
  border: none;
  font-weight: 400;
  margin: 0 0 10px 0;
  background: var(--default-button-bg);
  padding: 5px;
  border-radius: 4px;
  color: var(--button-fg) !important;
  cursor: pointer;
  font-size: 1em;
  text-align: center;
  text-decoration: none !important;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.redactor_box {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.redactor_box .redactor_editor {
  color: var(--body-fg) !important;
  background-color: var(--body-bg) !important;
}

/* < 576 */
/* > 576 < 768 */
/* > 768 < 992 */
/* > 992 < 1200 */
/* > 1200 < 1400 */
/* > 1400 */
.print-row {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.print-row h6 {
  display: block;
  width: 100%;
  flex: 0 0 100%;
  border-bottom: 2px solid #313131;
  margin-top: 20px;
  font-size: 125%;
}
.print-row .field {
  display: flex;
  flex-direction: row;
}
.print-row .field .field-label {
  font-weight: bold;
  padding-right: 15px;
}
.print-row .field-1 {
  flex: 8.3333333333% 0 0;
  max-width: 8.3333333333%;
}
.print-row .field-2 {
  flex: 16.6666666667% 0 0;
  max-width: 16.6666666667%;
}
.print-row .field-3 {
  flex: 25% 0 0;
  max-width: 25%;
}
.print-row .field-4 {
  flex: 33.3333333333% 0 0;
  max-width: 33.3333333333%;
}
.print-row .field-5 {
  flex: 41.6666666667% 0 0;
  max-width: 41.6666666667%;
}
.print-row .field-6 {
  flex: 50% 0 0;
  max-width: 50%;
}
.print-row .field-7 {
  flex: 58.3333333333% 0 0;
  max-width: 58.3333333333%;
}
.print-row .field-8 {
  flex: 66.6666666667% 0 0;
  max-width: 66.6666666667%;
}
.print-row .field-9 {
  flex: 75% 0 0;
  max-width: 75%;
}
.print-row .field-10 {
  flex: 83.3333333333% 0 0;
  max-width: 83.3333333333%;
}
.print-row .field-11 {
  flex: 91.6666666667% 0 0;
  max-width: 91.6666666667%;
}
.print-row .field-12 {
  flex: 100% 0 0;
  max-width: 100%;
}

.print-row:first-of-type {
  border-top: none !important;
}

.dependent-row {
  display: block;
  width: 100%;
}
.dependent-row .dependent {
  display: inline-block;
  width: 40%;
  border-bottom: 2px solid var(--border-color);
  margin-bottom: 25px;
}
.dependent-row .dependent .field-inline {
  display: inline-block !important;
}
.dependent-row .dependent .field {
  display: block;
}
.dependent-row .dependent .field .field-label, .dependent-row .dependent .field .field-value {
  display: inline-block;
  padding-right: 15px;
}
.dependent-row .dependent .field .field-label {
  font-weight: bold;
}
.dependent-row .dependent .textbox-field {
  display: flex;
  flex-direction: column;
}

@media print {
  .custom-sidebar {
    display: none !important;
  }

  .custom-content {
    flex: 100% 0 0 !important;
    max-width: 100% !important;
  }

  [class*=field-] {
    display: inline-block;
  }

  .field-2 {
    width: 16.6666666667% !important;
  }

  .field-3 {
    width: 25% !important;
  }

  .field-4 {
    width: 33.3333333333% !important;
  }

  .field-5 {
    width: 41.6666666667% !important;
  }

  .field-6 {
    width: 50% !important;
  }

  .field-7 {
    width: 58.3333333333% !important;
  }

  .field-8 {
    width: 66.6666666667% !important;
  }

  .field-9 {
    width: 75% !important;
  }

  .field-10 {
    width: 83.3333333333% !important;
  }

  .field-11 {
    width: 91.6666666667% !important;
  }

  .field-12 {
    width: 100% !important;
  }

  .field-inline {
    display: inline-block !important;
    width: auto !important;
  }

  .print-row {
    display: flex;
    flex-direction: row;
  }
}
.filer-dropzone {
  background: var(--darkened-bg) !important;
}
.filer-dropzone .filerFile .related-lookup {
  appearance: none;
  border: none;
  font-weight: 400;
  background: var(--button-bg) !important;
  color: var(--button-fg) !important;
  cursor: pointer;
}

.filebrowser {
  color: var(--body-fg) !important;
  background: var(--body-bg) !important;
}
.filebrowser .navigator-top-nav {
  background: var(--darkened-bg) !important;
}
.filebrowser .navigator-table {
  background-color: transparent !important;
}
.filebrowser .navigator-table .unfiled td, .filebrowser .navigator-table .unfiled [class*=column] {
  color: var(--body-fg) !important;
  background-color: var(--darkened-bg) !important;
  background: var(--darkened-bg) !important;
}
.filebrowser input, .filebrowser .filter-files-field {
  border: 1px solid var(--border-color);
  border-radius: 4px;
  padding: 5px 6px;
  margin-top: 0;
  color: var(--body-fg) !important;
  background-color: var(--body-bg) !important;
}
.filebrowser .navigator-table .column-action .action-button,
.filebrowser .navigator-table .column-action a.action-button,
.filebrowser .navigator-table .column-action a[class*=action-] {
  appearance: none !important;
  border: none !important;
  font-weight: 400;
  background-color: var(--button-bg) !important;
  background: var(--button-bg) !important;
  color: var(--button-fg) !important;
  cursor: pointer;
}
.filebrowser .nav-pages {
  color: var(--body-fg) !important;
  background-color: var(--darkened-bg) !important;
  background: var(--darkened-bg) !important;
}

#header {
  background: var(--primary);
  color: var(--header-link-color);
}
#header #branding {
  font-size: 1.5em;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
#header #branding div {
  margin-right: 20px;
}
#header #user-tools {
  font-size: 0.9em;
}
#header a {
  font-weight: bold;
}
#header a:link, #header a:visited {
  color: var(--header-link-color);
}
#header a:hover {
  color: var(--header-link-color);
  text-decoration: underline !important;
}

.dashboard .custom-admin-row, .change-list .custom-admin-row, .change-form .custom-admin-row, .delete-confirmation .custom-admin-row {
  display: flex;
  flex-direction: row;
}
.dashboard .custom-admin-row .custom-content, .change-list .custom-admin-row .custom-content, .change-form .custom-admin-row .custom-content, .delete-confirmation .custom-admin-row .custom-content {
  flex: 85% 0 0;
  max-width: 85%;
}
.login #container {
  animation: flipInFromRight 1s;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

table .text {
  padding: 10px !important;
}

.popup .custom-content {
  flex: 100% 0 0;
  max-width: 100% !important;
  width: 100% !important;
}
.popup .fieldset-column .fieldBox {
  width: auto !important;
  display: flex;
}
.popup .fieldset-column .fieldBox label {
  flex: 40% 0 0;
  max-width: 40% !important;
}
.popup .fieldset-column .fieldBox input {
  flex: 60% 0 0;
  max-width: 60% !important;
}

/*# sourceMappingURL=custom-admin-style.css.map */