body {
  margin: 0;
  padding: 0;
  min-height: 100vh; }

:root {
  --everhour-green: #57bb71; }

body {
  background-color: #FFFFFF !important; }

main.subpage {
  max-width: 1400px;
  margin: 0 auto;
  background-color: #FFFFFF;
  font-family: 'Arial';
  font-size: 14px;
  padding: 50px; }

fieldset {
  width: 50%;
  border: transparent;
  padding: 0 0 20px 0;
  margin: 0; }

.select-area {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: white;
  background-color: var(--everhour-green);
  padding: 30px 30px 10px;
  font-size: 17px;
  border-radius: 4px; }
  .select-area .filter-container {
    display: flex;
    flex-direction: column; }
    .select-area .filter-container .filter-content {
      display: flex;
      gap: 20px;
      padding: 10px 10px 10px 0;
      flex-wrap: wrap;
      align-items: center; }
    .select-area .filter-container .department-container {
      gap: 10px;
      align-items: center; }
  .select-area select {
    background-color: #ddffed;
    padding: 5px;
    border-radius: 4px;
    border: none; }
  .select-area .checkbox-container {
    background-color: #ddffed;
    color: black;
    padding: 5px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 5px; }
    .select-area .checkbox-container:has(input[type=checkbox]:checked) {
      outline: 3px solid #3d835f; }
  .select-area .filterButton {
    font-size: 17px;
    background-color: #ddffed;
    border: none;
    padding: 5px 15px;
    border-radius: 4px;
    margin-top: 10px; }
  .select-area .exportButton {
    display: inline; }
    .select-area .exportButton.hidden {
      display: none; }
  .select-area #reportrange {
    display: flex;
    gap: 7px; }
    .select-area #reportrange #spanDate {
      margin-top: 2.5px; }
    .select-area #reportrange #logoCalendar {
      width: 25px;
      height: 25px;
      margin-top: -2.5px;
      filter: invert(1); }

.everhour-main-headline {
  position: sticky;
  top: 0; }

.everhour-container {
  display: grid; }
  .everhour-container .everhour-headlines {
    display: grid;
    grid-template-columns: 1.65fr 2fr 0.9fr 0.9fr 0.8fr 1.2fr 1.1fr 1.1fr 0.3fr;
    background-color: #F7F7F7;
    text-transform: uppercase;
    font-size: 12px;
    flex-wrap: wrap; }
    .everhour-container .everhour-headlines > p:first-child {
      padding-left: 15px; }
    .everhour-container .everhour-headlines .icon-up span {
      transform: rotate(180deg);
      display: inline-block; }
  .everhour-container .subheadline {
    background-color: #FAFAFA;
    grid-template-columns: 0.27fr 1.3fr;
    font-size: 14px;
    color: black;
    padding-left: 17px;
    text-transform: uppercase; }
    .everhour-container .subheadline.noBackground {
      background-color: transparent;
      padding-left: 0; }
  .everhour-container .totalContainer {
    display: flex;
    flex-direction: column;
    gap: 13px;
    font-size: 15px;
    padding: 0 10px 10px 10px; }
  .everhour-container .account-project {
    border-right: 1px solid #d5d5d5;
    padding: 0 15px; }
  .everhour-container .everhour-row {
    display: grid;
    grid-template-columns: 1fr 5fr;
    border-top: 1px solid #d5d5d5; }
    .everhour-container .everhour-row.hidden {
      display: none; }
  .everhour-container .everhour-into-content {
    display: grid;
    grid-template-columns: 2fr 0.9fr 0.9fr 0.8fr 1.2fr 1.1fr 1.1fr 0.3fr;
    width: 100%;
    padding-block: 52px; }
    .everhour-container .everhour-into-content .project-name {
      display: grid;
      grid-template-columns: 0.2fr 4fr;
      align-items: baseline;
      padding-right: 40px; }
    .everhour-container .everhour-into-content .status-project {
      width: 5px;
      height: 5px;
      background-color: #d5d5d5;
      border-radius: 100px;
      margin: 0 15px; }
      .everhour-container .everhour-into-content .status-project.green {
        background-color: green; }
    .everhour-container .everhour-into-content .inputBillableTime {
      width: 60%;
      border: transparent; }
    .everhour-container .everhour-into-content .user {
      padding-right: 75px; }
    .everhour-container .everhour-into-content .deleteButton {
      background-color: #ddffed;
      border: none;
      padding: 5px;
      border-radius: 4px; }
    .everhour-container .everhour-into-content .deleteButton:hover {
      background-color: #ffe1dd;
      cursor: url("../../Files/delete-127-48.png"), auto; }
  .everhour-container .warningBox.hide {
    display: none; }

.linkProject {
  color: black;
  text-decoration: none; }

.correct {
  color: green; }

.incorrect {
  color: red; }

#newTicketContainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 500px;
  margin: 0 auto; }
  #newTicketContainer #newTicketForm {
    background-color: var(--everhour-green);
    position: fixed;
    padding: 30px;
    color: white;
    z-index: 1;
    outline: 3px solid #ddffed;
    border-radius: 4px;
    box-shadow: 0 0 24px #ddffed;
    top: 5vh;
    overflow: auto;
    max-height: 86vh; }
    #newTicketContainer #newTicketForm .form-content {
      display: flex;
      flex-direction: column;
      width: 100%; }
      #newTicketContainer #newTicketForm .form-content input, #newTicketContainer #newTicketForm .form-content textarea {
        margin-bottom: 20px;
        background-color: #ddffed;
        padding: 5px;
        border-radius: 4px;
        border: none; }
      #newTicketContainer #newTicketForm .form-content label {
        padding: 10px 0; }
    #newTicketContainer #newTicketForm button {
      background-color: #ddffed;
      border: none;
      padding: 7px;
      border-radius: 4px; }
    #newTicketContainer #newTicketForm.hidden {
      display: none; }

.button-wrapper {
  position: fixed;
  z-index: 1;
  bottom: 50px;
  right: 50px;
  background-color: var(--everhour-green);
  padding: 15px;
  border-radius: 4px;
  text-align: right; }
  .button-wrapper .export-content {
    color: #3d835f; }
    .button-wrapper .export-content input[type=submit] {
      background-color: #ddffed;
      border: none;
      padding: 5px;
      border-radius: 4px; }
    .button-wrapper .export-content #showTotalTimeLabel:after {
      content: "";
      background-image: url("../../Files/euro-sign-solid (1).svg");
      background-repeat: no-repeat;
      display: inline-block;
      height: 19px;
      margin-bottom: -3px;
      width: 20px; }
  .button-wrapper #openNewTicketButton {
    margin-top: 10px;
    background-color: #ddffed;
    border: none;
    padding: 5px;
    border-radius: 4px; }

.everhour-headlines-sticky {
  top: 0;
  position: sticky; }

.frame-type-felogin_login input[type=submit] {
  background-color: #ddffed;
  border: none;
  padding: 5px;
  border-radius: 4px; }

.alert {
  color: red; }

body {
  background-color: red; }
  body .table-container {
    background-color: green;
    padding: 3000px; }

body.start-page {
  background: #15151c;
  height: 100%;
  background: linear-gradient(138deg, black 57%, #1c1305 71%, #1c1305 73%, #1c1305 75%, black 85%); }

body main.start-page #c7 {
  padding-top: 50px; }

body main.start-page #c6 {
  max-width: 800px;
  margin: 0 auto; }

body main.start-page fieldset {
  border: transparent;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  font-size: 18px;
  margin-top: 30px; }
  body main.start-page fieldset input {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    background-color: #353535;
    border: 0;
    font-family: 'Source Sans Pro';
    color: #FFFFFF;
    font-size: 16px; }
  body main.start-page fieldset input[type=submit] {
    background-color: transparent;
    border: 2px #f35b08 solid;
    font-size: 19px; }

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