:root {
  --kp-primary-color: var(--primary-company-color);
  --kp-secondary-color: var(--secondary-company-color);
  --kp-primary-accent-color: #373737;
  --kp-secondary-accent-color: #fff;
}

.header-container {
    background-color: var(--kp-primary-color);
}

#top-bar,
#footer {
    background-color: var(--kp-secondary-color);
}

img#logo {
    height: 30px;
    margin-bottom: 15px;
}

.formular_config_message {
    background-color: var(--kp-secondary-color);
    color: var(--kp-secondary-accent-color);
}

button.send_data_button,
button.login-button,
button.logout-button,
button.ui-datepicker-trigger,
#ajax-global-save-button,
.custom-file-upload {
    background: var(--kp-secondary-color);
    border: 1px solid var(--kp-secondary-color);
}

button.send_data_button:hover,
button.login-button:hover,
button.logout-button:hover,
button.ui-datepicker-trigger:hover,
#ajax-global-save-button:hover,
.custom-file-upload:hover {
    background: var(--kp-primary-color);
    border-color: var(--kp-primary-color);
    color: var(--kp-primary-accent-color);
}

#ajax-save-overlay {
    background: var(--kp-secondary-color);
    border: none;
}

#formular_wrapper_div input[type=text] {
    margin-right: 0;
}

#formular_wrapper_div .custom-file-upload {
    border: 1px solid var(--kp-secondary-color);
    background: var(--kp-secondary-color);
}

#formular_wrapper_div .custom-file-upload:hover {
    border: 1px solid var(--kp-primary-color);
    background: var(--kp-primary-color);
}

#formular_wrapper_div input[type="checkbox"] {
    margin-left: 0;
    transform: unset !important;
}

.text-area {
    height: 3em;
    width: 26.4em;
}

.date-picker {
    width: 8.2em;
}

#footer a {
    color: var(--kp-secondary-accent-color);
}