:root {
  --color-red: #D32D34;
  --color-black: #0F0F0F;
  --color-drosa: #f2ebeb;
  --color-lrosa: #FCF0F0;
  --color-thead: #F7F7F7;
  --color-tbody: #FAFAFA;
  --font-work-sans: 'Work Sans', sans-serif;
  --box-shadow: 0px 3px 10px rgba(15, 15, 15, 0.2);
  --box-shadow-hover: 0px 5px 10px rgba(15, 15, 15, 0.25);
}

html {
  font-family: var(--font-work-sans);
  color: var(--color-black);
}

body {
  font-size: 16px;
  overflow: hidden;
}

/* === === === === === === === === ===
          ALLGEMEIN
=== === === === === === === === === */


a:hover {
  color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-work-sans);
  font-weight: 700;
  color: var(--color-black);
}

h1 {
  font-size: 4rem;
  margin-bottom: 0px;
}

h2 {
  font-size: 1.375rem;
  font-weight: 500;
  margin-top: 15px;
}

button, input[type="submit"] {
  box-shadow: 0px 0px 0px transparent;
  border: none !important;
  text-shadow: 0px 0px 0px transparent;
}

button {
  font-size: 1rem;
  font-family: var(--font-family);
}

.btn {
  font: 1rem 300 var(--font-work-sans);
  padding: 18px 42px;
  background: white;
  box-shadow: var(--box-shadow) !important;
  border-radius: 30px;
  border: none !important;
  text-decoration: none;
  color: var(--color-black);
  transition: 0.2s;
  text-align: center;
  font-size: 1rem;
  line-height: 1.25rem;
  text-transform: none;
  cursor: pointer;
}

.btn:hover {
  text-decoration: none;
  color: var(--color-red);
  box-shadow: var(--box-shadow-hover) !important;
}

.btn:active {
  text-decoration: none;
  color: var(--color-red);
  box-shadow: 0px 3px 5px rgba(15, 15, 15, 0.15) !important;
}

.btn.btn-primary {
  background: var(--color-red);
  color: white;
}

.btn.btn-primary:hover {
  background: var(--color-black);
  color: white;
}

.btn-remove {
  background: transparent;
  cursor: pointer;
  font-weight: bold;
  padding: 0;
}

.btn[disabled], .btn.disabled, input[disabled], textarea[disabled], select[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  background: white;
  color: #9a9a9a !important;
}

.btn.disabled {
  pointer-events: none;
}

.disabled p {
  opacity: 0.5;
}

.btn[disabled]:hover {
  box-shadow: var(--box-shadow) !important;
  cursor: not-allowed;
  background: white;
  color: var(--color-black);
}

.uk-button-primary:focus, .uk-button-primary:hover {
  background-color: var(--color-black);
  color: #fff;
}

.underlined, .underlined-hover {
  position: relative;
  font-weight: bold;
  color: var(--color-black);
  text-decoration: none;
}

.underlined::after, .underlined-hover::after {
  content: '';
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1px;
  right: 0;
  height: 2px;
  background: var(--color-black);
}

.underlined:hover, .underlined-hover:hover {
  color: var(--color-black);
  text-decoration: none;
  opacity: 1;
}

.underlined-hover::after {
  width: 0%;
  transition: 0.2s;
}

.underlined-hover:hover::after {
  width: 100%;
}

.uk-checkbox {
  border-width: 2px;
}

.uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus, .uk-checkbox:checked {
  background-color: var(--color-red);
}

.uk-checkbox:focus, .uk-radio:focus {
  outline: 0;
  border-color: var(--color-red);
}

::-webkit-input-placeholder, :-ms-input-placeholder, ::-ms-input-placeholder, ::placeholder {
  color: var(--color-black);
  opacity: 1;
}

.uk-tooltip {
  background: white;
  font-size: 0.75rem;
  box-shadow: 0px 6px 30px rgba(15, 15, 15, 0.15);
  color: var(--color-black);
  font-weight: 300;
  padding: 7px 15px;
  border-radius: 20px;
}

.uk-tooltip.uk-transform-origin-bottom-center {}

.uk-tooltip.uk-transform-origin-right-center {}

.uk-tooltip.uk-transform-origin-left-center {}

table {
  border-collapse: separate !important;
}

/* === === === === === === === === ===
          LOGIN SCREEN
=== === === === === === === === === */
body.login-screen--wrapper {
  background: var(--color-drosa);
}

.login-screen--wrapper .login-form--wrapper {
  background: white;
  padding: 50px;
  max-width: 640px;
  box-sizing: border-box;
}

.login-form--wrapper .btn-login {
  padding-left: 60px;
  padding-right: 100px;
  /*padding-right: 60px;*/
  margin-bottom: -70px;
  transform: translateY(8px);
  position: relative;
}

.login-form--wrapper .btn-login::after {
  content: '';
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.846 13.4'%3E%3Ctitle%3EElement 1%3C/title%3E%3Cg id='Ebene_2' data-name='Ebene 2'%3E%3Cg id='Ebene_1-2' data-name='Ebene 1'%3E%3Cpath id='Vereinigungsmenge_11' data-name='Vereinigungsmenge 11' d='M27.846,6.7l-4.92,5.7Zm0,0h0L22.926,1Z' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Linie_26' data-name='Linie 26' x1='1' y1='6.7' x2='27.846' y2='6.7' stroke-width='2' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 15px;
  margin-left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

/* === === === === === === === === ===
          PAGE HEIGHT
=== === === === === === === === === */
.content-page--sidenav, .content-page--content {
  height: calc(100vh - 105px);
}

.content-page--content {
  overflow-y: scroll;
}

/* === === === === === === === === ===
          NAVIGATION
=== === === === === === === === === */
/* === Header Navigation === */
nav.header-navigation.uk-navbar {
  background: var(--color-red);
  padding: 25px 40px;
}

.header-navigation--logo {
  max-width: 200px;
}

.header-navigation--user>.user-info--wrapper>div {
  margin-right: 1rem;
}

.header-navigation--user .user-picture--wrapper {
  width: 55px;
  height: 55px;
  background: white;
}

.user-info--wrapper>div>p {
  margin: 0px;
  color: white;
  font-weight: lighter;
}

/* === Side Navigation === */

path {
    stroke-width: 3px;
}

.content-page--sidenav {
  width: 440px;
  background: var(--color-black);
  transition: width 0.2s;
  overflow: hidden;
}

.uk-link, a {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
  color: #ffffff;
}

.content-page--sidenav.minimized {
  width: 140px;
  min-width: auto;
}

.content-page--sidenav>div {
  padding: 50px 40px;
  transition: 0.2s;
}

.content-page--sidenav.minimized>div {
  padding: 50px 25px;
}

.content-page--sidenav ul {
  list-style: none;
  margin-top: 0px;
  padding: 0px;
}

.content-page--sidenav ul>li {
  padding: 15px 0;
  min-width: 350px;
}

.content-page--sidenav ul>li a {
  text-decoration: none;
}

.content-page--sidenav ul>li .nav-icon {
  min-height: 37px;
  min-width: 37px;
}

.content-page--sidenav ul>li span {
  color: white;
  font-size: 1.375rem;
  font-weight: 500;
  transition: 0.2s;
}

.content-page--sidenav.minimized ul>li span {
  margin-left: 0px;
  opacity: 0;
  color: var(--color-black)
}

.content-page--sidenav ul>li .nav-icon .a {
  transition: 0.2s;
}

.content-page--sidenav ul>li.uk-active .nav-icon .a, .content-page--sidenav ul>li:hover .nav-icon .a {
  stroke: var(--color-red);
}

.content-page--sidenav ul>li.uk-active span, .content-page--sidenav ul>li:hover span {
  color: var(--color-red);
}

.content-page--sidenav ul>li svg.nav-icon {
  transition: 0.2s;
}

.content-page--sidenav.minimized ul>li .nav-icon {
  margin-left: 5px;
}

.content-page--sidenav .sidenav--toggle-button {
  width: 38px;
  height: 38px;
  transition: 0.2s;
  cursor: pointer;
  box-shadow: 0px 0px 0px transparent;
  border: 0px solid transparent;
  background: white;
}

.content-page--sidenav .sidenav--toggle-button:active {
  opacity: 0.8;
}

.content-page--sidenav.minimized .sidenav--toggle-button {
  margin-left: 6px;
}

.content-page--sidenav .sidenav--toggle-button>svg {
  max-width: 18px;
  transition: 0.2s;
  transform: rotate(180deg);
}

.content-page--sidenav.minimized .sidenav--toggle-button>svg {
  transform: rotate(0deg);
}

.content-page--sidenav .btn {
  width: 320px;
  box-sizing: border-box;
  position: relative;
  transition: 0.2s;
}

.content-page--sidenav.minimized .btn {
  padding: 12px 7px;
  background: var(--color-black);
  box-shadow: 0px 0px 0px rgba(15, 15, 15, 0);
  border-radius: 30px;
  text-decoration: none;
  color: var(--color-black);
  transition: 0.2s;
  width: 145px;
}

.content-page--sidenav .btn>svg {
  transition: 0.2s;
  min-width: 10px;
}

.content-page--sidenav.minimized .btn>svg {
  min-width: 35px;
}

.content-page--sidenav .btn>svg path {
  transition: 0.2s;
}

.content-page--sidenav .btn:hover>svg path {
  stroke: var(--color-red);
}

.content-page--sidenav.minimized .btn>svg path {
  stroke: white;
}

.content-page--sidenav .btn .minimize-tooltip {
  position: absolute;
  display: none;
  width: 40px;
  height: 35px;
}

.content-page--sidenav .btn .minimize-tooltip {
  position: absolute;
  display: block;
}

/* === === === === === === === === ===
          CONTENT
=== === === === === === === === === */
/* === HEADER === */
.content-page--content .content--header {
  margin-top: 50px;
}

/* === SEARCH === */
.content--search-form .uk-input {
  padding: 20px;
  height: 58px;
  background: var(--color-drosa);
  border: 2px solid transparent;
}

.content--search-form a.uk-form-icon {
  width: 57px;
}

.content--search-form a.uk-form-icon>input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.005' height='19.005' viewBox='0 0 19.005 19.005'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;stroke:%23202020;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:2px;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(1 1)'%3E%3Ccircle class='a' cx='6.139' cy='6.139' r='6.139'/%3E%3Cpath class='a' d='M39.9,39.9l6.111,6.111' transform='translate(-29.42 -29.42)'/%3E%3C/g%3E%3C/svg%3E");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  height: 57px;
  width: 100%;
  padding: 0px;
  box-shadow: 0px 0px 0px transparent;
  border: 0px solid transparent;
  text-shadow: 0px 0px 0px transparent;
  cursor: pointer;
}

/* === PROJECTS ADD === */
.overview--projects_add-form .projects-add--submit {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  border-radius: 30px;
  cursor: pointer;
}

.overview--projects_add-form .projects-add--icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.61' height='15.39' viewBox='0 0 19.61 15.39'%3E%3Cg id='reload-72_f00c2819-92ea-4e83-836d-8ab947e29dd1' transform='translate(0.698 0.5)'%3E%3Cpath id='layer1' d='M27.519,28.14a7.157,7.157,0,0,1-3.86,7.285,6.88,6.88,0,0,1-8.006-1.362' transform='translate(-11.508 -21.902)' fill='none' stroke='%230f0f0f' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='layer2' d='M8.961,15.935a7.221,7.221,0,0,1,1.727-5.553,6.887,6.887,0,0,1,10.147-.3' transform='translate(-6.817 -8)' fill='none' stroke='%230f0f0f' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='layer2-2' data-name='layer2' d='M2,24l2.145,2.979,2.712-2.36' transform='translate(-2 -19.044)' fill='none' stroke='%230f0f0f' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='layer1-2' data-name='layer1' d='M50.857,31.194l-2.2-3.054L46,30.574' transform='translate(-32.643 -21.902)' fill='none' stroke='%230f0f0f' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 18px;
  height: 13px;
}

/* === TABLE HEADING === */
table.uk-table>thead>tr>th {
  padding: 0;
}

table.uk-table>thead>tr>th>div {
  padding: 15px 25px;
  text-transform: none;
  font-size: 1rem;
  font-weight: bold;
  color: var(--color-black);
  background: var(--color-thead);
  margin-right: 0px;
  min-height: 80px;
  box-sizing: border-box;
  display: flex;
}

table.uk-table>thead>tr>th:last-of-type>div {
  margin-right: 0px;
}

table.uk-table>thead>tr>th>div>* {
  margin-left: auto;
  width: 20px;
  padding: 0;
  background: transparent;
}

table.uk-table>thead>tr>th>div>*>svg {
  margin: 0px 2px;
}

/* === --- FILTER === */
table th.arrow-up svg>path, table th.arrow-down svg>path {
  stroke: var(--color-red);
}

table th.arrow-down svg {
  transform: rotate(180deg);
}

/* === TABLE ROWS === */
table.uk-table>tbody>tr>td {
  padding: 30px 25px;
  transition: 0.25s;
  border-radius: 0px 0px 0px 0px;
}

.uk-table-striped tbody tr:nth-of-type(odd), .uk-table-striped>tr:nth-of-type(odd) {
  border: none;
  background: white;
}

.uk-table-striped tbody tr:nth-of-type(even), .uk-table-striped>tr:nth-of-type(even) {
  background: var(--color-tbody);
}

.uk-table tbody tr {
  transition: box-shadow 0.3s, border-radius 0.2s;
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 0px;
}

.uk-table tbody tr:hover {
  border-radius: 60px;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  box-shadow: var(--box-shadow);
  -webkit-box-shadow: var(--box-shadow);
  -moz-box-shadow: var(--box-shadow);
  overflow: hidden;
  z-index: 2;
}

.uk-table tbody tr:hover>td:first-of-type {
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
}

.uk-table>tbody>tr:hover>td:last-of-type {
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
}

table>tbody>tr>td>a {
  color: var(--color-black);
  position: relative;
}

table>tbody>tr>td>a:hover {
  color: var(--color-black);
  text-decoration: none;
}

table>tbody>tr>td>a::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--color-black);
  width: 0%;
  transition: 0.3s
}

table>tbody>tr>td>a:hover::after, table>tbody>tr>td>a:focus::after {
  width: 100%;
}

table tr td>a.overview--link-view {
  position: relative;
  display: block;
  padding-right: 55px;
}

table tr td>a.overview--link-view::before {
  content: '';
  position: absolute;
  width: 30px;
  height: 15px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.846 13.4'%3E%3Ctitle%3EElement 1%3C/title%3E%3Cg id='Ebene_2' data-name='Ebene 2'%3E%3Cg id='Ebene_1-2' data-name='Ebene 1'%3E%3Cpath id='Vereinigungsmenge_11' data-name='Vereinigungsmenge 11' d='M27.846,6.7l-4.92,5.7Zm0,0h0L22.926,1Z' fill='none' stroke='%230e0e0e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Linie_26' data-name='Linie 26' x1='1' y1='6.7' x2='27.846' y2='6.7' stroke-width='2' stroke='%230e0e0e' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.25s;
}

table tr:hover td>a.overview--link-view::before {
  right: 0px;
}

/* === Last Report Form === */
.overview--lastreport-form input.uk-input {
  height: 25px;
  width: 110px;
}

.overview--lastreport-form input[type="submit"] {
  height: 25px;
  width: 40px;
  display: inline-block;
  margin-bottom: -9px;
  margin-left: -5px;
  background: var(--color-red);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.672' height='8' viewBox='0 0 11.672 8'%3E%3Cpath id='Vereinigungsmenge_28' data-name='Vereinigungsmenge 28' d='M13,0,6.5,6ZM3.327,3,6.5,6Z' transform='translate(-2.327 1)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: center;
}

.lastreport-due {
  color: var(--color-red);
  font-weight: bold;
}

/* === === === === === === === === ===
          PROJEKT DETAIL (KEYWORDS)
=== === === === === === === === === */
/* === Keyword-Links === */
.inner--project-detail .project-detail--item>td>span {
  line-height: 0.85rem;
  position: relative;
  height: 0.75rem;
}

.inner--project-detail .project-detail--item td>a, .inner--project-detail .project-detail--item td a>span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 3px;
  margin-bottom: 0px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.inner--project-detail .project-detail--item td .item--link-google {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.179' height='12.179' viewBox='0 0 12.179 12.179'%3E%3Cg id='find-1440_f64c4550-492a-4e55-b163-2b6752148c7e' transform='translate(0.5 0.5)'%3E%3Ccircle id='layer1' cx='4.06' cy='4.06' r='4.06' fill='none' stroke='%23202020' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='layer1-2' data-name='layer1' d='M39.9,39.9l4.041,4.041' transform='translate(-32.969 -32.969)' fill='none' stroke='%23202020' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.inner--project-detail .project-detail--item td .item--link-external-wrapper {
  font-size: 0.75rem;
  color: var(--color-black);
  opacity: 0.5;
  display: block;
  max-width: 98%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  position: absolute;
}

.inner--project-detail .project-detail--item td .item--link-external-wrapper:hover {
  transition: 0.2s;
  opacity: 1;
  text-decoration: none;
}

.inner--project-detail .project-detail--item td .item--link-external {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.525' height='12.525' viewBox='0 0 12.525 12.525'%3E%3Cg id='external-link-100_5a3ce7bf-856e-4ded-b23b-f0470eff4031' transform='translate(0.707 0.5)'%3E%3Cpath id='layer2' d='M8.328,13.317h4.99V2H2V7.093' transform='translate(-2 -2)' fill='none' stroke='%23202020' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='layer1' d='M6.527,41.4V38h-3.4m3.4,0L2,42.527' transform='translate(-2 -31.209)' fill='none' stroke='%23202020' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E%0A");
}

/* === Keyword Changes === */
.project-detail--item>td>.item--change-arrow::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
}

.project-detail--item>td>.item--change-arrow.arrow-up::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.4 14.651'%3E%3Ctitle%3EElement 1%3C/title%3E%3Cg id='Ebene_2' data-name='Ebene 2'%3E%3Cg id='Ebene_1-2' data-name='Ebene 1'%3E%3Cpath id='Vereinigungsmenge_14' data-name='Vereinigungsmenge 14' d='M6.7,1l5.7,4.032Zm0,0h0L1,5.031Z' fill='none' stroke='%235bb030' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cline id='Linie_37' data-name='Linie 37' x1='6.7' y1='1' x2='6.7' y2='13.651' stroke-width='2' stroke='%235bb030' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.project-detail--item>td>.item--change-arrow.arrow-down::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.4 14.651'%3E%3Ctitle%3EElement 3%3C/title%3E%3Cg id='Ebene_2' data-name='Ebene 2'%3E%3Cg id='Ebene_1-2' data-name='Ebene 1'%3E%3Cg id='Gruppe_125' data-name='Gruppe 125'%3E%3Cpath id='Vereinigungsmenge_14' data-name='Vereinigungsmenge 14' d='M6.7,13.651,1,9.619Zm0,0h0L12.4,9.62Z' fill='none' stroke='%23d32e34' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3Cline id='Linie_37' data-name='Linie 37' x1='6.7' y1='1' x2='6.7' y2='13.651' stroke-width='2' stroke='%23d32e34' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

/* === Information Buttons === */
.content-page--content .content--info>.info--btn {
  font-weight: 300;
  box-shadow: var(--box-shadow);
  display: inline-block;
  padding: 10px 20px;
  border-radius: 30px;
  margin-right: 10px;
  text-align: center;
}

.content-page--content .content--info>.info--btn.info--btn-circle {
  width: 44px;
  box-sizing: border-box;
  padding: 10px 5px;
}

.content-page--content .content--info>.info--btn.info--btn-green {
  background: #E6FCE5;
}

.content-page--content .content--info>.info--btn.info--btn-yellow {
  background: #FDFCD3;
}

.content-page--content .content--info>.info--btn.info--btn-red {
  background: #FBE9EA;
}

/* === CONTENT RIGHT === */
.content--wrapper-right.content--wrapper-dynamic {
  position: relative;
}

.content--wrapper-right.content--wrapper-dynamic>div::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  width: 3px;
  transform: translateX(-50%);
  background: var(--color-black);
}

/* === FORMULAR === */
.content--form .uk-input, .content--form .uk-select, .content--form .uk-textarea, .content--form .select2-container .select2-selection__rendered {
  border: 0 none;
  padding: 0 20px;
  background: var(--color-tbody);
  color: var(--color-black);
  border: none;
}

.content--form .uk-textarea {
  padding: 20px;
  height: 420px;
}

.content--form .uk-input, .content--form .uk-select:not([multiple]):not([size]), .content--form .select2-container .select2-selection__rendered, .select2-container .select2-selection--single {
  height: 55px;
  border: none;
}

/* === SELECT2 - FORMULAR FIELD === */
.content--form .select2-container {
  width: 100% !important;
}

select[disabled]~span.select2-container {
  opacity: 0.5;
  cursor: not-allowed;
}

select[disabled]~span.select2-container .select2-selection__rendered {
  cursor: not-allowed;
}

.content--form .select2-container .select2-selection__rendered {
  padding: 15px 20px;
  box-sizing: border-box;
}

.content--form .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.select2-dropdown {
  border: none;
  box-shadow: var(--box-shadow-hover);
}

.select2-results__option {
  padding: 10px 17px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background: var(--color-thead);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--color-red);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none;
  padding: 10px 17px;
  background: var(--color-thead);
  font-size: 1rem;
  font-weight: bold;
}

/* === DATEPICKER - FORMULAR FIELD === */
.datepicker-top-left::before, .datepicker-top-right::before {
  border-bottom-color: white;
}

.datepicker-dropdown.datepicker-container {
  border: none;
  box-shadow: var(--box-shadow-hover);
  width: 245px;
}

.datepicker-panel>ul>li[data-view="years current"], .datepicker-panel>ul>li[data-view="year current"], .datepicker-panel>ul>li[data-view="month current"] {
  width: 175px;
}

.datepicker-panel>ul>li {
  width: 35px;
}

.datepicker-panel>ul>li.disabled.highlighted, .datepicker-panel>ul>li.disabled:hover.highlighted, .datepicker-panel>ul>li.highlighted:hover, .datepicker-panel>ul>li.highlighted, .datepicker-panel>ul>li:hover {
  background-color: var(--color-drosa);
}

.datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover {
  color: var(--color-red);
}

.datepicker-container::before, .datepicker-container::after {
  display: none;
}

/* === SEND BUTTON FOOTER === */
.btn.btn--send-report {
  width: 100%;
  display: block;
  position: -webkit-sticky;
  position: sticky;
  bottom: -20px;
  margin-top: 20px;
  left: 0;
  right: 0;
  box-sizing: border-box;
  opacity: 0;
  transform: translateY(15px);
  transition: 0.2s;
}

.content-page--content>div>div:hover .btn.btn--send-report {
  opacity: 1;
  transform: translateY(0);
}

/* === === === === === === === === ===
          VERSANDVORSCHAU
=== === === === === === === === === */
.content--mail-wrapper {
  box-shadow: var(--box-shadow);
  border-radius: 15px;
  padding: 30px;
}

.content--mail-wrapper p {
  font-weight: lighter;
}

.content--mail-wrapper .mail--header>p {
  margin: 5px 0;
}

.content--mail-wrapper .mail--content>p:first-of-type {
  white-space: pre-wrap;
}

.content-page--content.content-id--18 {
  background-image: url("data:image/svg+xml,%3Csvg class='illustration' viewBox='0 0 1155 700' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M560.538 256.477L524 223.341L808 184.406L633.614 324.406L595.415 282.986L584.62 309.495L560.538 256.477Z' fill='%23DAE4FA'/%3E%3Cpath d='M584.621 309.495L560.539 256.477L808.001 184.406L595.416 282.986L584.621 309.495Z' fill='%23B6C7E5'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M346 298.206V298.206L463.481 199.838L480.398 191.406L596 374.09V528.669L573.444 547.406L346 461.217V298.206ZM678.5 257.618C686.402 252.59 716.32 239.114 723.216 240.407C730.476 241.769 741.558 258.799 747.127 267.357C748.17 268.96 749.02 270.266 749.615 271.116C747.819 274.528 743.473 281.568 740.456 282.43C734.53 277.94 722.139 267.237 719.984 260.341C717.29 264.651 701.586 274.427 699 274.858C696.803 275.225 698.575 276.586 702.305 279.452C704.063 280.802 706.254 282.485 708.67 284.556C711.114 286.65 713.444 288.293 715.497 289.739C719.78 292.757 722.852 294.921 723.216 298.563C723.755 303.951 728.065 330.888 730.759 334.659C727.706 337.174 720.846 341.879 717.829 340.586C714.057 333.402 706.623 317.204 707.054 309.877C705.903 308.535 699.241 305.108 691.042 300.891C676.206 293.26 656.34 283.043 655 277.907C648.29 252.187 665.044 255.735 673.709 257.571C676.668 258.197 678.683 258.624 678.5 257.618Z' fill='%23ffffff'/%3E%3Cpath opacity='0.2' d='M346 461.217V298.206L463.481 199.838L480.398 191.406L596 374.09V528.669L573.444 547.406L346 461.217Z' fill='%23EDF3FF'/%3E%3Cpath opacity='0.5' d='M579.083 390.015L573.444 547.404L462.541 425.615L579.083 390.015Z' fill='%23B7CFFD'/%3E%3Cpath opacity='0.5' d='M346 461.215V298.204L462.541 425.615L346 461.215Z' fill='%23B6C7E5'/%3E%3Cpath opacity='0.5' d='M579.082 390.017L573.443 547.406L595.999 528.669V374.09L480.398 191.406L463.48 199.838L579.082 390.017Z' fill='%237D8CA6'/%3E%3Cpath d='M462.564 418.407L368 315.321V265.652L559 332.189V391.229L462.564 418.407Z' fill='white'/%3E%3Cpath d='M377.363 254.406L559 319.069V332.189L368 265.652L377.363 254.406Z' fill='%23C3B7B6'/%3E%3Cpath d='M385.789 299.389V285.332L542.147 340.623V355.618L385.789 299.389Z' fill='%23EE7E79'/%3E%3Cpath d='M710.65 180.576C710.65 190.097 704.861 197.816 697.72 197.816C695.898 197.816 694.163 197.313 692.591 196.406C689.572 194.665 687.149 191.433 685.845 187.406C685.166 185.312 684.79 183.002 684.79 180.576C684.79 171.055 690.579 163.336 697.72 163.336C704.861 163.336 710.65 171.055 710.65 180.576Z' fill='%238A6564'/%3E%3Cpath d='M685.845 187.406L683 191.406L681 194.406C682.167 196.24 686.8 201.906 688 201.906C689.2 201.906 691.561 198.24 692.591 196.406C689.572 194.665 687.149 191.433 685.845 187.406Z' fill='%238A6564'/%3E%3Cpath d='M656.916 295.258C656.916 291.892 654.563 288.947 653.387 287.895C653.387 284.739 658.681 284.213 661.769 285.791C664.857 287.369 667.945 293.154 668.386 295.258C668.827 297.362 667.504 297.888 665.739 299.992C664.673 301.263 663.285 302.15 661.769 302.885C660.776 303.367 659.728 303.783 658.681 304.199C656.034 305.251 656.916 299.466 656.916 295.258Z' fill='%238A6564'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M680.548 190.273C676.778 190.273 668.109 191.356 663.586 195.685C657.932 201.097 654.386 210.079 652.5 216.906C651.972 218.819 651.509 220.379 651.088 221.8C649.417 227.436 648.397 230.877 646.5 245.406C645.424 253.647 651.718 283.071 653.297 290.457C653.378 290.832 653.446 291.151 653.5 291.406C655.226 290.911 656.854 289.82 658.402 288.784C660.233 287.557 661.952 286.406 663.586 286.406C664.31 286.406 663.362 278.688 662.65 272.899C662.3 270.052 662.008 267.672 662 266.906C667.2 270.334 676.862 279.144 679.5 283.906C681.283 287.124 688.878 294.802 695.506 301.502C698.688 304.719 701.647 307.711 703.634 309.876C708.534 299.052 706.542 285.999 704.5 280.406C700.103 277.159 689.876 269.07 687.615 266.04C684.788 262.251 682.673 251.148 685.5 241.406C686.952 236.404 688.231 234.429 689.674 232.203C691.041 230.093 692.554 227.757 694.5 222.406C696.81 216.053 691.356 204.736 689 200.406C687.115 196.943 682.118 191.356 680.548 190.273ZM749.788 291.117C748.343 288.458 746.267 286.537 744.271 284.692L744.271 284.692C743.105 283.615 741.968 282.563 741 281.405C745.5 279.121 748 273.906 749 271.405C750 272.405 752.035 274.164 754.5 275.405C757.582 276.955 761.786 278.504 768.785 278.259C773.154 278.105 775.551 275.162 777.505 272.762C778.681 271.318 779.697 270.07 780.886 269.748C784.049 268.891 783.171 273.441 779.315 280.543C775.459 287.645 772.521 288.992 769.582 290.339C767.431 291.325 767.741 292.136 768.133 293.165C768.277 293.541 768.431 293.946 768.481 294.4C768.665 296.094 763.604 303.155 760.747 302.094C757.89 301.033 752.321 295.779 749.788 291.117ZM724.294 355.131C723.278 351.028 721.211 346.449 719.643 342.976C719.214 342.025 718.822 341.157 718.5 340.405C724.318 339.241 725.815 338.078 727.912 336.447C728.518 335.976 729.174 335.466 730 334.905C730.525 335.325 731.044 336.056 731.728 337.022L731.729 337.022C732.215 337.707 732.784 338.511 733.5 339.405C733.671 339.619 733.858 339.857 734.062 340.115C736.427 343.116 740.969 348.879 746.921 351.36C750.956 353.041 754.362 351.364 757.138 349.997C758.809 349.174 760.253 348.463 761.467 348.666C764.7 349.205 762.006 352.976 755.541 357.825C749.076 362.673 745.844 362.673 742.611 362.673C740.245 362.673 740.188 363.539 740.116 364.638C740.09 365.04 740.062 365.473 739.917 365.906C739.379 367.522 731.836 371.832 729.681 369.677C727.526 367.522 725.569 360.281 724.294 355.131Z' fill='%2322a6b3'/%3E%3Cpath opacity='0.3' d='M663.586 195.685C668.109 191.356 676.778 190.273 680.548 190.273C682.118 191.356 687.115 196.943 689 200.406C691.356 204.736 696.81 216.053 694.5 222.406C690.5 233.406 688.327 231.665 685.5 241.406C682.673 251.148 684.788 262.251 687.615 266.04C689.876 269.07 700.103 277.159 704.5 280.406C706.542 285.999 708.534 299.052 703.634 309.876C697.509 303.201 682.138 288.669 679.5 283.906C676.862 279.144 667.2 270.334 662 266.906C662.024 269.228 664.666 286.406 663.586 286.406C660.571 286.406 657.269 290.324 653.5 291.406C652.376 286.114 645.369 254.065 646.5 245.406C648.876 227.215 649.876 226.406 652.5 216.906C654.386 210.079 657.932 201.097 663.586 195.685Z' fill='%23C3B7B6'/%3E%3Cpath opacity='0.8' d='M652.5 216.908C654.386 210.081 657.932 201.099 663.586 195.688L677.5 216.908C672.5 225.408 666.269 236.167 662.5 245.908C659.811 252.858 661.94 261.128 662 266.908C662.024 269.23 664.666 286.408 663.586 286.408C660.571 286.408 657.269 290.326 653.5 291.408C652.376 286.116 645.369 254.067 646.5 245.408C648.876 227.217 649.876 226.408 652.5 216.908Z' fill='url(%23paint0_linear)'/%3E%3Cpath d='M699.916 169.042C702.365 168.726 706.766 170.77 707.69 170.905C707.66 173.107 708.546 176.257 709.499 178.905C710.58 181.905 708.251 188.122 707.249 190.875C706.247 193.629 703.527 196.034 701.499 196.905C699.472 197.777 699.158 201.529 698.309 207.457C697.46 213.384 699.916 218.593 705.748 217.405C696.999 207.457 710.959 200.622 710.58 198.07C710.201 195.518 711.17 193.959 713.198 190.875C715.226 187.791 716.092 182.372 716.407 179.57C716.723 176.768 714.236 172.543 713.493 170.161C712.751 167.778 711.127 168.092 710.239 167.769C709.35 167.446 708.696 168.415 708.366 165.176C708.035 161.937 699.163 159.572 694.437 160.669C689.712 161.765 691.99 162.695 686.739 164.405C681.489 166.116 681.36 168.204 678.499 174.405C675.639 180.607 675.174 179.25 669.866 184.158C664.559 189.066 668.902 199.801 669.547 202.45C670.193 205.099 666.429 206.043 668.625 209.96C670.821 213.878 669.408 215.274 667.194 218.593C664.98 221.911 665.569 223.333 666.013 226.814C666.456 230.295 666.714 231.797 668.46 227C670.206 222.204 672.661 224.304 675.133 222.488C682.742 217.613 685.513 215.804 687.049 208.819C688.585 201.834 682.892 198.957 684.798 195.929C686.705 192.902 686.294 189.332 686.739 185.068C687.184 180.804 692.402 179.182 694.753 176.316C697.104 173.45 696.855 169.436 699.916 169.042Z' fill='%234B5361'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='661.938' y1='195.688' x2='661.938' y2='291.408' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-opacity='0'/%3E%3Cstop offset='1' stop-opacity='0.07'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: -25vw 10vh;
}

.device-too-small--wrapper {
  display: none;
}

/* === === === === === === === === ===
          MEDIA QUERIES
=== === === === === === === === === */
@media (max-width: 1199px) {
  .content-page--sidenav>div>div {
    padding-left: 35px;
  }
}

@media (max-width: 900px) {
  .device-too-small--wrapper {
    position: absolute;
    display: flex;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--color-red);
  }

  .device-too-small--wrapper h2 {
    padding: 30px;
    color: white !important;
    max-width: 570px;
  }
}

@media (max-width: 767px) {
  .login-screen--wrapper .login-form--wrapper {
    min-width: 100%;
  }
}
  

.table-report {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  font-size: 15px;
}
.table-report th, .table-report td {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.table-report th {
  background: #f7f7f7;
  font-weight: bold;
}

.table-report thead tr{
  position: sticky;
  top: 0;
}

.table-report .project-block {
  border-top: 2px solid #000;
  background: #fff;
}
.project-name {
  font-weight: bold;
  font-size: 16px;
}
.btn-confirm, .btn-edit {
  display: inline-block;
  width: 100%;
  padding: 6px 10px;
  border: none;
  margin-bottom: 5px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 4px;
  color: white;
}
.btn-confirm {
  background-color: #4CAF50;
}
.btn-edit {
  background-color: #f44336;
}
textarea.note-input {
  width: 100%;
  padding: 8px;
  resize: vertical;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.note-save {
  margin-top: 5px;
  display: block;
  width: 100%;
}
.uk-background-muted {
  background: #fff6f6;
}