/* --- EVERYWHERE --- */
:root {
  --tng-primary-blue: #00336e;
  --tng-primary-blue-hover: #002958;
  --tng-primary-yellow: #ffad00;
  --tng-primary-yellow-hover: #cc8a00;

  --tng-secondary-darkblue: #191932;
  --tng-secondary-brightblue: #00589C;
  --tng-secondary-orange: #F0960A;

  --tng-tertiary-beige: #ffe1af;
  --tng-tertiary-darkorange: #f07319;
  --tng-tertiary-purple: #4b3273;
  --tng-tertiary-darkpurple: #281950;

  --tng-neutral-grey: #ebebeb;
  --tng-neutral-white: #ffffff;

  --tng-functional-active-green: #237F27;
  --tng-functional-inactive-green: #60b964;
  --tng-functional-yellow: #FBE630;
  --tng-functional-active-red: #c02626;
  --tng-functional-inasctive-red: #de3e3e;
}

@font-face {
  font-display:swap;
  font-family:Ubuntu;
  font-style:normal;
  font-weight:400;
  src:url(../fonts/ubuntu-v20-latin-regular.eot);
  src:url(../fonts/ubuntu-v20-latin-regular.eot?#iefix) format('embedded-opentype'),
  url(../fonts/ubuntu-v20-latin-regular.woff2) format('woff2'),
  url(../fonts/ubuntu-v20-latin-regular.woff) format('woff'),
  url(../fonts/ubuntu-v20-latin-regular.ttf) format('truetype'),
  url(../fonts/ubuntu-v20-latin-regular.svg#Ubuntu) format('svg')
}
@font-face {
  font-display:swap;
  font-family:Ubuntu;
  font-style:normal;
  font-weight:500;
  src:url(../fonts/ubuntu-v20-latin-500.eot);
  src:url(../fonts/ubuntu-v20-latin-500.eot?#iefix) format('embedded-opentype'),
  url(../fonts/ubuntu-v20-latin-500.woff2) format('woff2'),
  url(../fonts/ubuntu-v20-latin-500.woff) format('woff'),
  url(../fonts/ubuntu-v20-latin-500.ttf) format('truetype'),
  url(../fonts/ubuntu-v20-latin-500.svg#Ubuntu) format('svg')
}
@font-face {
  font-display:swap;
  font-family:Ubuntu;
  font-style:normal;
  font-weight:700;
  src:url(../fonts/ubuntu-v20-latin-700.eot);
  src:url(../fonts/ubuntu-v20-latin-700.eot?#iefix) format('embedded-opentype'),
  url(../fonts/ubuntu-v20-latin-700.woff2) format('woff2'),
  url(../fonts/ubuntu-v20-latin-700.woff) format('woff'),
  url(../fonts/ubuntu-v20-latin-700.ttf) format('truetype'),
  url(../fonts/ubuntu-v20-latin-700.svg#Ubuntu) format('svg')
}

.popover, body, button, input, optgroup, select, textarea {
  font-family: Ubuntu,Roboto,sans-serif !important;
}

/* --- LOGIN PAGE --- */
.task-login #logo {
    margin-bottom: 20px;
}

.button.mainaction,
input.button.mainaction,
.form-control:focus, .btn {
	box-shadow: none !important ;
}

.layout-phone #logo {
        width: 60%;
}

/* --- SIDE MENU --- */
.menu .action-buttons span.inner {
	font-weight: 700;
}

#taskmenu .action-buttons a:hover {
	color: var(--tng-primary-blue-hover) !important;
	background-color: var(--tng-primary-yellow-hover) !important;
        transition: .1s;
}

html.dark-mode #taskmenu .action-buttons a {
	background-color: var(--tng-primary-yellow-hover) !important;
        transition: .1s;
}

html.dark-mode #taskmenu .action-buttons a:hover {
        background-color: #996800 !important;
	color: white !important;
	transition: .1s;
}

/* --- BUTTON --- */

html.dark-mode .btn-danger {
	color: white !important;
}

/* --- IMPRESSUM --- */
#impressum {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}