@font-face {
  font-family: 'Avenir';
  src:url('../../fonts/AvenirLTStd-Light.otf') format("opentype");
}
@font-face {
  font-family: 'Avenir';
  font-weight:bold;
  src:url('../../fonts/AvenirLTStd-Medium.otf') format("opentype");
}
@font-face {
  font-family: 'Capitolina';
  font-style:italic;
  src:url('../../fonts/Capitolina-Italic.otf') format("opentype");
}

*{
  font-size: 1.10rem;
  font-family: 'Avenir', sans-serif;
  color:var(--nl-color-black);
}
html{
  width:100%;
  min-height:100%;
  margin:0px;
  padding:0px;
  background:var(--nl-color-page-background);
}
body{
  width:100%;
  min-height:100%;
  margin:0px;
  padding:0px;
  background:var(--nl-color-page-background);
}
html.admin_root:not([data-theme="dark"]),
html.ats_root:not([data-theme="dark"]){
  background:var(--candidate-bg);
}
html.admin_root:not([data-theme="dark"]) body,
html.ats_root:not([data-theme="dark"]) body{
  background:
    radial-gradient(circle at top left, var(--nl-color-rgba-0-223-122-0-12), transparent 26rem),
    radial-gradient(circle at top right, var(--nl-color-rgba-156-114-86-0-10), transparent 24rem),
    linear-gradient(180deg, var(--nl-color-f8fbf8) 0%, var(--candidate-bg) 100%);
}
.boldFont{
  font-weight: bold;
}
a:link{
  text-decoration:none;
}
.floatLeft{
  float:left;
}
.floatRight{
  float:right;
}
.centerText{
  text-align:center;
}

#page_container{
  width:100%;
}

.ats_headline_container,
.admin_headline_container{
  position:fixed;
  top:0;
  width:100%;
  height:4rem;
  background:var(--nl-color-white);
  border-bottom:1px solid var(--nl-color-border);
  box-shadow:0 4px 18px var(--nl-color-rgba-19-31-40-0-05);
  z-index:999;
}

.ats_content_container,
.admin_content_container{
  width:100%;
  padding-top:5.2rem;
}

#headline_content{
  max-width:calc(100% - 2rem);
  margin:0 auto;
  height:100%;
  padding:0 1rem;
}

#body_content{
  max-width:calc(100% - 2rem);
  margin:0 auto;
  display:block;
  padding:0 1rem 2rem 1rem;
  box-sizing:border-box;
}

.ats_shell_nav,
.admin_shell_nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  height:100%;
}

.ats_shell_nav_left,
.ats_shell_nav_right,
.admin_shell_nav_left,
.admin_shell_nav_right{
  display:flex;
  align-items:center;
  gap:0.9rem;
}

.ats_page_header,
.admin_page_header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
}

.ats_page_kicker,
.admin_page_kicker{
  font-size:0.78rem;
  text-transform:uppercase;
  letter-spacing:0.08em;
  color:var(--nl-color-text-subtle);
  margin-bottom:0.35rem;
}

.ats_page_title,
.admin_page_title{
  font-size:1.9rem;
  font-weight:700;
  color:var(--nl-color-text-strong);
  line-height:1.1;
}

.ats_page_subtitle,
.admin_page_subtitle{
  margin-top:0.35rem;
  color:var(--nl-color-text-muted);
}

.ats_toolbar,
.admin_toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:0.8rem 0.9rem;
  border:1px solid var(--nl-color-border-soft);
  border-radius:0.9rem;
  background:var(--nl-color-surface-muted);
}

.linkSimulator{
  color:var(--nl-color-link);
  transition:0.3s;
}
.linkSimulator:hover{
  cursor: pointer;
  color:var(--nl-color-link-hover);
}
.job-apply-btn,
.job-secondary-btn{
  text-decoration:none;
  cursor:pointer;
}

.job-secondary-btn:hover,
.job-club-link:hover,
.candidate_club_link:hover,
.candidate_club_page_back:hover,
.candidate_topbar_link:hover,
.candidate_header_button:hover,
.candidate_personal_menu_link:hover,
.candidate_inline_link:hover{
  opacity:0.82;
}

.job-posting-right{
  display:flex;
  flex-direction:column;
}
.rightText{
  text-align:right;
}
.button_container{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0.5rem;
  flex-direction: row;
}
.button_container_center{
  justify-content:center;
}
.button_container_left{
  justify-content:flex-start;
}
.button_container_right{
  justify-content:flex-end;
}

.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2.65rem;
  padding:0.65rem 1rem;
  border-radius:0.8rem;
  border:1px solid var(--nl-color-brand-green-border);
  background:linear-gradient(180deg, var(--nl-color-brand-green-start) 0%, var(--nl-color-brand-green-end) 100%);
  box-shadow:0 10px 18px var(--nl-color-rgba-8-93-61-0-16);
  color:var(--nl-color-white);
  font-size:0.95rem;
  font-weight:700;
  line-height:1;
  transition:transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}
.button:hover{
  cursor: pointer;
  transform:translateY(-1px);
  background:linear-gradient(180deg, var(--nl-color-brand-green-hover-start) 0%, var(--nl-color-brand-green-hover-end) 100%);
  border-color:var(--nl-color-brand-green-hover-end);
  box-shadow:0 14px 24px var(--nl-color-rgba-8-93-61-0-2);
  color:var(--nl-color-white);
}
.button_secondary,
.admin_button_secondary{
  border:1px solid var(--nl-color-border-muted);
  background:var(--nl-color-surface-soft);
  box-shadow:none;
  color:var(--nl-color-text-secondary);
}
.button_secondary:hover,
.admin_button_secondary:hover{
  background:var(--nl-color-surface-hover);
  border-color:var(--nl-color-c3d0d9);
  box-shadow:none;
  color:var(--nl-color-text-primary);
}

.kkw_switch{
  position:relative;
  display:inline-flex;
  width:3.2rem;
  height:1.75rem;
  flex:0 0 auto;
}

.kkw_switch input{
  width:0;
  height:0;
  opacity:0;
}

.kkw_switch_slider{
  position:absolute;
  inset:0;
  border:1px solid var(--nl-color-border-muted);
  border-radius:999px;
  background:var(--nl-color-surface-hover);
  box-shadow:inset 0 1px 2px var(--nl-color-rgba-20-41-56-0-14);
  cursor:pointer;
  transition:background 0.16s ease, border-color 0.16s ease;
}

.kkw_switch_slider:before{
  content:"";
  position:absolute;
  width:1.25rem;
  height:1.25rem;
  left:0.22rem;
  top:0.2rem;
  border-radius:999px;
  background:var(--nl-color-white);
  box-shadow:0 4px 10px var(--nl-color-rgba-20-41-56-0-18);
  transition:transform 0.16s ease;
}

.kkw_switch input:checked + .kkw_switch_slider{
  border-color:var(--nl-color-173a5b);
  background:var(--nl-color-173a5b);
}

.kkw_switch input:checked + .kkw_switch_slider:before{
  transform:translateX(1.43rem);
}

.user_display_settings_panel{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  max-width:34rem;
  padding:1rem;
  border:1px solid var(--nl-color-border);
  border-radius:0.95rem;
  background:var(--nl-color-surface-soft);
}

.user_display_settings_copy{
  min-width:0;
}

.user_display_settings_title{
  color:var(--nl-color-text-strong);
  font-size:0.98rem;
  font-weight:700;
}

.user_display_settings_state{
  margin-top:0.2rem;
  color:var(--nl-color-text-muted);
  font-size:0.88rem;
}

.user_display_settings_notice{
  margin-top:0.85rem;
}

.user_password_change_required_notice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin:0 0 1.25rem 0;
  padding:1rem 1.1rem;
  border:1px solid var(--nl-color-warning-border);
  border-left:0.45rem solid var(--nl-color-warning-text);
  border-radius:0.75rem;
  background:var(--nl-color-warning-bg);
  color:var(--nl-color-warning-text);
  box-shadow:0 12px 24px var(--nl-color-rgba-20-41-56-0-08);
}

.user_password_change_required_notice_copy{
  min-width:0;
}

.user_password_change_required_notice_title{
  font-size:1.05rem;
  font-weight:800;
  line-height:1.25;
}

.user_password_change_required_notice_body{
  margin-top:0.25rem;
  font-size:0.94rem;
  line-height:1.45;
}

.user_password_change_required_notice_button{
  flex-shrink:0;
}

@media (max-width: 700px){
  .user_password_change_required_notice{
    align-items:flex-start;
    flex-direction:column;
  }
}

.system_notification_settings_table_shell{
  overflow:auto;
  border:1px solid var(--nl-color-border);
  border-radius:1rem;
  background:var(--nl-color-surface-soft);
}

.system_notification_settings_table{
  width:100%;
  border-collapse:collapse;
}

.system_notification_settings_head_row{
  background:var(--nl-color-surface-muted);
}

.system_notification_settings_head_cell{
  text-align:left;
  border-bottom:1px solid var(--nl-color-border);
  color:var(--nl-color-text-secondary);
  font-weight:700;
}

.system_notification_settings_source_cell{
  border-bottom:1px solid var(--nl-color-border-soft);
  color:var(--nl-color-text-primary);
  font-weight:600;
}

.system_notification_settings_cell{
  border-bottom:1px solid var(--nl-color-border-soft);
}

.system_notification_settings_empty{
  color:var(--nl-color-text-subtle);
}

.button_edit{
  border-color:var(--nl-color-c8daf8);
  background:linear-gradient(180deg, var(--nl-color-action-blue-soft) 0%, var(--nl-color-e1edff) 100%);
  box-shadow:none;
  color:var(--nl-color-action-blue-text);
}
.button_edit:hover{
  background:linear-gradient(180deg, var(--nl-color-e8f0ff) 0%, var(--nl-color-d6e6ff) 100%);
  border-color:var(--nl-color-b4ccf5);
  box-shadow:none;
  color:var(--nl-color-17479f);
}
.button_dark{
  border-color:var(--nl-color-242c35);
  background:linear-gradient(180deg, var(--nl-color-27303a) 0%, var(--nl-color-171d24) 100%);
  box-shadow:0 10px 18px var(--nl-color-rgba-18-23-29-0-18);
}
.button_dark:hover{
  background:linear-gradient(180deg, var(--nl-color-323c47) 0%, var(--nl-color-1c232b) 100%);
  border-color:var(--nl-color-1c232b);
  box-shadow:0 14px 22px var(--nl-color-rgba-18-23-29-0-22);
}
.button_small{
  min-height:2.35rem;
  padding:0.5rem 0.85rem;
  font-size:0.88rem;
  border-radius:0.72rem;
}

.button_fixed_width{
  flex-basis:calc(100% - 4rem);
  text-align:center;
}

.page_headline{
  font-size:1.6rem;
  font-weight:bold;
  color:var(--nl-color-brand-green);
}

input, select, textarea{
  font-size:1.1rem;
  padding:0.5rem 1rem;
  border:1px solid var(--nl-color-dadadd);
  border-radius:0.25rem;
}
.input_label_subtext{
  font-size:0.75rem;
  color:var(--nl-color-928b8d);
}
.input_subheadline{
  font-size:1.1rem;
  font-weight:700;
  color:var(--nl-color-brand-green);
}
input, textarea{
  width:25rem;
}

textarea{
  width:50rem;
  min-height: 10rem;
  padding: 0.5rem 1rem;
  border: 1px solid var(--nl-color-d9d9d9);
  border-radius: 0.25rem;
  box-sizing: border-box;
  font-family: inherit;
  font-size: 1.0rem;
  resize: vertical;
}

select{
  width:27rem;
}

.kkw_datepicker_input,
.kkw_monthpicker_input{
  cursor:pointer;
}

.kkw_datepicker_input.kkw_datepicker_input_invalid,
.kkw_monthpicker_input.kkw_monthpicker_input_invalid{
  border-color:var(--nl-color-danger-border);
  box-shadow:0 0 0 3px var(--nl-color-danger-bg);
}

.kkw_datepicker_popup.ui-datepicker{
  width:min(21rem, calc(100vw - 2rem));
  padding:0.85rem;
  border:1px solid var(--nl-color-border);
  border-radius:0.9rem;
  background:var(--nl-color-white);
  box-shadow:0 20px 45px var(--nl-color-rgba-20-41-56-0-18);
  z-index:10050;
}

.kkw_datepicker_popup .ui-datepicker-header{
  display:grid;
  grid-template-columns:2.25rem minmax(0, 1fr) 2.25rem;
  align-items:center;
  gap:0.55rem;
  padding:0;
  border:0;
  background:transparent;
}

.kkw_datepicker_popup .ui-datepicker-title{
  display:flex;
  grid-column:2;
  justify-content:center;
  gap:0.45rem;
  margin:0;
  line-height:1;
}

.kkw_datepicker_popup .ui-datepicker-title select{
  width:auto;
  min-width:5.8rem;
  height:2.25rem;
  padding:0 1.9rem 0 0.75rem;
  border:1px solid var(--nl-color-border-muted);
  border-radius:0.7rem;
  background:var(--nl-color-surface-soft);
  color:var(--nl-color-text-primary);
  font-size:0.88rem;
  font-weight:700;
  line-height:1;
  cursor:pointer;
}

.kkw_datepicker_popup .ui-datepicker-title select:focus{
  border-color:var(--nl-color-link);
  box-shadow:0 0 0 3px var(--nl-color-rgba-47-143-107-0-18);
  outline:none;
}

.kkw_datepicker_popup .ui-datepicker-prev,
.kkw_datepicker_popup .ui-datepicker-next{
  position:static;
  display:flex;
  align-items:center;
  justify-content:center;
  width:2.25rem;
  height:2.25rem;
  border:1px solid var(--nl-color-border-muted);
  border-radius:0.7rem;
  background:var(--nl-color-surface-soft);
  color:var(--nl-color-text-secondary);
  cursor:pointer;
}

.kkw_datepicker_popup .ui-datepicker-prev{
  grid-column:1;
  grid-row:1;
}

.kkw_datepicker_popup .ui-datepicker-next{
  grid-column:3;
  grid-row:1;
}

.kkw_datepicker_popup .ui-datepicker-prev:hover,
.kkw_datepicker_popup .ui-datepicker-next:hover,
.kkw_datepicker_popup .ui-datepicker-prev:focus,
.kkw_datepicker_popup .ui-datepicker-next:focus{
  border-color:var(--nl-color-link);
  background:var(--nl-color-surface-hover);
  color:var(--nl-color-link);
}

.kkw_datepicker_popup .ui-datepicker-prev span,
.kkw_datepicker_popup .ui-datepicker-next span{
  position:static;
  width:auto;
  height:auto;
  margin:0;
  background:none;
  text-indent:0;
}

.kkw_datepicker_popup .ui-datepicker-prev span::before{
  content:"<";
  font-size:1rem;
  font-weight:800;
}

.kkw_datepicker_popup .ui-datepicker-next span::before{
  content:">";
  font-size:1rem;
  font-weight:800;
}

.kkw_datepicker_popup table{
  width:100%;
  margin:0.75rem 0 0;
  border-collapse:separate;
  border-spacing:0.18rem;
  font-size:0.88rem;
}

.kkw_datepicker_popup th{
  padding:0.2rem 0;
  color:var(--nl-color-text-subtle);
  font-size:0.72rem;
  font-weight:800;
  text-transform:uppercase;
}

.kkw_datepicker_popup td{
  padding:0;
  border:0;
}

.kkw_datepicker_popup td span,
.kkw_datepicker_popup td a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:2.25rem;
  min-height:2.25rem;
  padding:0;
  border:1px solid transparent;
  border-radius:0.7rem;
  background:transparent;
  color:var(--nl-color-text-secondary);
  font-size:0.88rem;
  font-weight:700;
  text-align:center;
}

.kkw_datepicker_popup td a:hover,
.kkw_datepicker_popup td a:focus{
  border-color:var(--nl-color-border-muted);
  background:var(--nl-color-surface-hover);
  color:var(--nl-color-link);
}

.kkw_datepicker_popup .ui-datepicker-today a,
.kkw_datepicker_popup .ui-datepicker-today span{
  border-color:var(--nl-color-link);
  color:var(--nl-color-link);
}

.kkw_datepicker_popup .ui-datepicker-current-day a{
  border-color:var(--nl-color-brand-green-border);
  background:linear-gradient(180deg, var(--nl-color-brand-green-start) 0%, var(--nl-color-brand-green-end) 100%);
  color:var(--nl-color-white);
}

.kkw_datepicker_popup .ui-datepicker-unselectable span{
  color:var(--nl-color-text-subtle);
  opacity:0.5;
}

.kkw_datepicker_popup .ui-datepicker-buttonpane{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0.5rem;
  margin:0.75rem 0 0;
  padding:0.75rem 0 0;
  border-width:1px 0 0;
  border-color:var(--nl-color-border-soft);
  background:transparent;
}

.kkw_datepicker_popup .ui-datepicker-buttonpane button{
  margin:0;
  padding:0.45rem 0.7rem;
  border:1px solid var(--nl-color-border-muted);
  border-radius:0.65rem;
  background:var(--nl-color-surface-soft);
  color:var(--nl-color-text-secondary);
  font-size:0.78rem;
  font-weight:700;
  cursor:pointer;
}

.kkw_datepicker_popup .ui-datepicker-buttonpane button:hover,
.kkw_datepicker_popup .ui-datepicker-buttonpane button:focus{
  border-color:var(--nl-color-link);
  color:var(--nl-color-link);
  outline:none;
}

.kkw_monthpicker_popup{
  position:absolute;
  display:none;
  width:20rem;
  max-width:calc(100vw - 1.5rem);
  box-sizing:border-box;
  padding:0.75rem;
  border:1px solid var(--nl-color-border);
  border-radius:8px;
  background:var(--nl-color-white);
  box-shadow:0 18px 36px var(--nl-color-rgba-20-41-56-0-18);
  z-index:10060;
}

.kkw_monthpicker_popup.is-open{
  display:block;
}

.kkw_monthpicker_header{
  display:grid;
  grid-template-columns:2.25rem minmax(0, 1fr) 2.25rem;
  align-items:center;
  gap:0.5rem;
}

.kkw_monthpicker_nav,
.kkw_monthpicker_year_input,
.kkw_monthpicker_month,
.kkw_monthpicker_action{
  font-family:inherit;
}

.kkw_monthpicker_nav{
  display:flex;
  align-items:center;
  justify-content:center;
  width:2.25rem;
  height:2.25rem;
  border:1px solid var(--nl-color-border-muted);
  border-radius:6px;
  background:var(--nl-color-surface-soft);
  color:var(--nl-color-text-secondary);
  font-size:1rem;
  font-weight:800;
  cursor:pointer;
}

.kkw_monthpicker_nav:hover,
.kkw_monthpicker_nav:focus{
  border-color:var(--nl-color-link);
  background:var(--nl-color-surface-hover);
  color:var(--nl-color-link);
  outline:none;
}

.kkw_monthpicker_nav:disabled{
  cursor:not-allowed;
  opacity:0.45;
}

.kkw_monthpicker_year_input{
  width:100%;
  min-width:0;
  height:2.25rem;
  padding:0 0.65rem;
  border:1px solid var(--nl-color-border-muted);
  border-radius:6px;
  background:var(--nl-color-surface-soft);
  color:var(--nl-color-text-primary);
  font-size:0.95rem;
  font-weight:800;
  line-height:1;
  text-align:center;
}

.kkw_monthpicker_year_input:focus{
  border-color:var(--nl-color-link);
  box-shadow:0 0 0 3px var(--nl-color-rgba-47-143-107-0-18);
  outline:none;
}

.kkw_monthpicker_grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:0.4rem;
  margin-top:0.65rem;
}

.kkw_monthpicker_month{
  min-width:0;
  min-height:2.4rem;
  padding:0 0.45rem;
  border:1px solid var(--nl-color-border-muted);
  border-radius:6px;
  background:var(--nl-color-white);
  color:var(--nl-color-text-secondary);
  font-size:0.86rem;
  font-weight:800;
  line-height:1;
  cursor:pointer;
}

.kkw_monthpicker_month:hover,
.kkw_monthpicker_month:focus{
  border-color:var(--nl-color-link);
  background:var(--nl-color-surface-hover);
  color:var(--nl-color-link);
  outline:none;
}

.kkw_monthpicker_month.is-current{
  border-color:var(--nl-color-link);
  color:var(--nl-color-link);
}

.kkw_monthpicker_month.is-selected{
  border-color:var(--nl-color-brand-green-border);
  background:linear-gradient(180deg, var(--nl-color-brand-green-start) 0%, var(--nl-color-brand-green-end) 100%);
  color:var(--nl-color-white);
}

.kkw_monthpicker_month:disabled{
  cursor:not-allowed;
  opacity:0.42;
}

.kkw_monthpicker_footer{
  display:flex;
  justify-content:space-between;
  gap:0.5rem;
  margin-top:0.7rem;
  padding-top:0.65rem;
  border-top:1px solid var(--nl-color-border-soft);
}

.kkw_monthpicker_action{
  min-height:2rem;
  padding:0 0.7rem;
  border:1px solid var(--nl-color-border-muted);
  border-radius:6px;
  background:var(--nl-color-surface-soft);
  color:var(--nl-color-text-secondary);
  font-size:0.78rem;
  font-weight:800;
  cursor:pointer;
}

.kkw_monthpicker_action:hover,
.kkw_monthpicker_action:focus{
  border-color:var(--nl-color-link);
  background:var(--nl-color-surface-hover);
  color:var(--nl-color-link);
  outline:none;
}

.kkw_monthpicker_action_primary{
  border-color:var(--nl-color-brand-green-border);
  background:var(--nl-color-brand-green-start);
  color:var(--nl-color-white);
}

.kkw_monthpicker_action_primary:hover,
.kkw_monthpicker_action_primary:focus{
  border-color:var(--nl-color-brand-green-border);
  background:var(--nl-color-brand-green-end);
  color:var(--nl-color-white);
}
.subheadline{
  font-weight:bold;
  margin-bottom:0.25rem;
  color: var(--nl-color-link);
}

.settings_row{
  margin-bottom:0.5rem;
}
.settings_label{
  width:20rem;
  float:left;
  min-height:2rem;
  line-height:2rem;
  color:var(--nl-color-928b8d);
  font-size:1.15rem;
}
.settings_label_important{
  color:var(--nl-color-cf381e);
  font-size:1.15rem;
  font-weight:bold;
}
.settings_value{
  min-height:2rem;
  line-height:2rem;
  color:var(--nl-color-black);
  font-size:1.15rem;
  min-width:30rem;
  float:left;
}
.settings_value span{
  color:var(--nl-color-928b8d);
  font-size:1.0rem;
}
.settings_value_short{
  min-height:2rem;
  line-height:2rem;
  color:var(--nl-color-black);
  font-size:1.15rem;
  float:left;
}
.settings_value *{
  font-size:1.15rem;
}
.settings_value input{
  border:1px solid var(--nl-color-cbced0);
  font-size:1.15rem;
  padding:0.5rem 0.5rem;
  width:25rem;
}
.settings_value select{
  border:1px solid var(--nl-color-cbced0);
  font-size:1.15rem;
  padding:0rem;
  height:2rem;
  width:25rem;
}
.settings_value textarea{
  border:1px solid var(--nl-color-cbced0);
  font-size:1.15rem;
  line-height:1.2rem;
  padding:0.5rem;
  height:15rem;
  width:25rem;
}
.settings_value select option{
  font-size:1.15rem;
  padding:0rem 0.5rem;
  text-align:left;
  min-width:30rem;
}

.general_info_message{
  margin:0.5rem 0rem;
  color:var(--nl-color-49494c);
}

.warning_message{
  margin:0.5rem 0rem;
  color:var(--nl-color-cf381e);
  font-size:1.2rem;
  font-weight:bold;
  text-align: center;
}


.noAccessNoticeContainer{
  padding-top:5rem;
}
.noAccessNoticeHeadline{
  margin-top:5rem;
  color:var(--nl-color-f99d1c);
  font-size:3rem;
  margin-bottom:3rem;
  text-align:center;
  font-weight:700;
}
.noAccessNoticeText{
  color:var(--nl-color-link);
  font-size:1rem;
  text-align:center;
  font-weight:400;
}




#personal_menu_container{
  position:fixed;
  top:4.25rem;
  right:1rem;
  width:21rem;
  border:1px solid var(--nl-color-border);
  border-radius:1.15rem;
  padding:0.9rem;
  background:linear-gradient(180deg, var(--nl-color-white) 0%, var(--nl-color-surface-soft) 100%);
  box-shadow:0 22px 44px var(--nl-color-rgba-15-25-34-0-14);
  display:none;
  box-sizing:border-box;
}
.personal_menu_note{
  text-align:center;
}
.personal_menu_profile_card{
  display:flex;
  align-items:center;
  gap:0.85rem;
  padding:0.45rem 0.35rem 0.95rem 0.35rem;
}
.personal_menu_avatar{
  width:2.75rem;
  height:2.75rem;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg, var(--nl-color-action-blue) 0%, var(--nl-color-5a8ef0) 100%);
  color:var(--nl-color-white);
  font-weight:700;
  font-size:1rem;
  flex-shrink:0;
}
.personal_menu_profile_meta{
  min-width:0;
}
.personal_menu_name,
.personal_menu_email,
.personal_menu_link{
  text-align:left;
}
.personal_menu_name{
  color:var(--nl-color-text-strong);
  font-size:1rem;
  font-weight:700;
  line-height:1.2;
}
.personal_menu_email{
  color:var(--nl-color-text-muted);
  font-size:0.9rem;
  line-height:1.35;
  margin-top:0.2rem;
  word-break:break-word;
}
.personal_menu_section_label{
  padding:0.25rem 0.4rem 0.45rem 0.4rem;
  color:var(--nl-color-text-subtle);
  font-size:0.74rem;
  font-weight:700;
  letter-spacing:0.08em;
  text-transform:uppercase;
}
.personal_menu_link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0.75rem;
  padding:0.82rem 0.85rem;
  border-radius:0.8rem;
  color:var(--nl-color-1f6fd1);
  transition:background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.personal_menu_link:hover{
  background:var(--nl-color-surface-muted);
  color:var(--nl-color-114f9b);
}
.personal_menu_link_text{
  color:inherit;
  font-size:0.98rem;
}
.personal_menu_link_arrow{
  color:var(--nl-color-text-subtle);
  font-size:1rem;
  line-height:1;
}
.personal_menu_divider{
  height:1px;
  margin:0.75rem 0 0.55rem 0;
  background:var(--nl-color-border-soft);
}
.personal_menu_link_logout{
  color:var(--nl-color-0f7f9b);
}
.personal_menu_link_logout:hover{
  background:var(--nl-color-surface-hover);
  color:var(--nl-color-0b667d);
}
#personal_menu_container hr{
  margin:1rem 0.00rem;
  border:1px solid var(--nl-color-border-soft);
}





/* login */
.loginContainer{
  position:absolute;
  background:var(--nl-color-white);
  width:36rem;
  height:28rem;
  top:50%;
  left:50%;
  margin-top:-14rem;
  margin-left:-18rem  ;
  box-shadow: 2px 2px 7px -1px var(--nl-color-rgba-0-0-0-0-2);
  border-radius:0.5rem;
}
.loginContainer_members{
  width:50rem;
  height:35rem;
  margin-top:-20rem;
  margin-left:-25rem;
}
.loginHeadline{
  background: var(--nl-color-brand-green);
  height:4rem;
  margin-bottom:2rem;
  border-radius:0.5rem 0.5rem 0rem 0rem;
}
.loginInputHeadline{
  font-size:1.3rem;
  font-weight:700;
  color: var(--nl-color-brand-green);
  text-align:center;
}
.loginSelectButton{
  margin-top:2rem;
  border-radius:0.5rem;
  line-height: 2.5rem;
  height: 2.5rem;
  background:var(--nl-color-brand-green);
  color:var(--nl-color-white);
  font-size:1.0rem;
  text-align:center;
  transition:0.3s;
}
.loginSelectButtonSeparator{
  margin-top:2rem;
  height:1px;
  width:100%;
  border-bottom:1px solid var(--nl-color-928b8d)
}
.loginSelectButtonSeparator::after{
  content: "or";
  display: inline-block;
  position: relative;
  top: -0.5rem;
  width:2rem;
  background: var(--nl-color-white);
  font-size:0.9rem;
  color:var(--nl-color-928b8d);
  text-align:center;
  /* centralize after text */
  left: calc(50% - 1.0rem);
}
.loginSelectButton:hover{
  background:var(--nl-color-brand-green);
  color:var(--nl-color-white);
  cursor:pointer;
}
.headlineLogoContainer{
  padding-top: 1.0rem;
  font-size:2rem;
  text-align:left;
  margin-left:1rem;
  margin-right:2rem;
  color: var(--nl-color-white);
}
.loginLogo{
  height:2.0rem;
  display:block;
}
.systemSlogan{
  margin-top: 0.75rem;
  font-size:2rem;
  text-align:right;
  color: var(--nl-color-brand-green);
  font-weight:700;
  margin-right:1rem;
}
.systemType{
  margin-top: 1.0rem;
  height:2.0rem;
  line-height:2.0rem;
  text-align:right;
  color: var(--nl-color-white);
  font-weight:700;
  margin-right:1rem;
  font-size:1.6rem;
}
.loginInputContainer{
  color: var(--nl-color-black);
  font-size:1rem;
  text-align:left;
  margin:0rem auto;
  width:27rem;
}
.loginInputLabel{
  font-size:1rem;
  color:var(--nl-color-brand-green);
}
.loginSubmitButton{
  margin: 0rem auto;
  display:block;
  margin-top:2rem;
  background:var(--nl-color-brand-green);
  width:10rem;
  padding:1rem;
  text-align:center;
  border-radius:0.5rem;
  font-size:1.15rem;
  font-weight:700;
  color:var(--nl-color-white);
  transition:0.3s;
}
.loginSubmitButton:hover{
  background:var(--nl-color-link-hover);
  color:var(--nl-color-white);
  cursor:pointer;
}

.modalBlur{
  -webkit-filter: blur(2px);
  filter: blur(2px);
  transition:0.2s;
}
.confirmModalBackdrop{
  position:fixed;
  display:none;
  top:0;
  left:0;
  z-index:900;
  background:var(--nl-color-black);
  opacity:0.15;
}
.contentModal{
  position:fixed;
  left:50%;
  z-index:999;
  background:var(--nl-color-white);
  color:var(--nl-color-black);
  text-align:left;
  display:none;
  padding:1.0rem 1.5rem;
  border:1px solid var(--nl-color-a4abaf);
  border-radius:1rem;
  box-shadow: 2px 2px 7px -1px var(--nl-color-rgba-0-0-0-0-2);
  transition:0.3s;
}


.responsive-table {
  width: 100%;
  border-collapse: collapse;
}
.responsive-table th, .responsive-table td {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border: 1px solid var(--nl-color-dddddd);
  font-size: 0.9rem;
  text-align: left;
  line-height: 1.5rem !important;
}



.headline_logo_container{
  float:left;
  margin-right:3rem;
}
.headline_logo_container .logo{
  height:2.0rem;
  margin:0.5rem 0rem;
  display:block;
}
.client_logo_container{
  float:left;
  margin-right:1rem;
}
.client_logo_container .logo{
  height:2.5rem;
  margin:0.25rem 0rem;
  display:block;
}
.headline_additional_slogan_container{
  height:3rem;
  line-height:3rem;
  color:var(--nl-color-brand-green);
  font-weight:bold;
  font-size:1.4rem;
  float:left;
}
.headline_link_container{
  height:3rem;
  line-height:3rem;
  color:var(--nl-color-brand-green);
  font-size:1.2rem;
  float:right;
  padding:0rem 1rem;
  transition:0.3s;
}
.headline_link_container:hover{
  background:var(--nl-color-f0f0f0);
  color:var(--nl-color-link);
  cursor:pointer;
}
.headline_menuicon_container_right{
  float:right;
  margin-left:3rem;
  width:3rem;
  height:3rem;
  transition:0.3s;
}
.headline_menuicon_container_right .menu_icon{
  height:2.0rem;
  width:2rem;
  margin:0.5rem;
  display:block;
  opacity:0.6;
  transition:0.3s;
}
.headline_menuicon_container_right:hover .menu_icon{
  opacity:1;
  cursor:pointer;
}
.headline_menuicon_container_right:hover {
  background:var(--nl-color-f0f0f0);
}


.tabmenu_container{
  display:flex;
  gap:1.0rem;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.tabmenu_link{
  font-size:1.1rem;
  border-radius:0.25rem;
  color:var(--nl-color-brand-green);
  transition:0.3s;
  padding:0.25rem 0.5rem;
  border:1px solid var(--nl-color-brand-green);
  flex-basis:auto;

}
.tabmenu_link_active{
  color:var(--nl-color-white);
  background:var(--nl-color-brand-green);
  border:1px solid var(--nl-color-brand-green);
}
.tabmenu_link:hover{
  color:var(--nl-color-white);
  cursor:pointer;
  background:var(--nl-color-link);
  border:1px solid var(--nl-color-link);
}



.success_message{
  color:var(--nl-color-link-hover);
  font-size:1.15rem;
  text-align:center;
  margin:0.5rem 0rem;
}





.general_list_headline{
  font-size:1.4rem;
  color:var(--nl-color-928b8d);
  margin-bottom:1rem;
  padding:0rem 1rem;
}
.general_list_line{
  min-height:2.0rem;
  line-height:2.0rem;
  padding:0rem 1rem;
  border:1px solid transparent;
  border-bottom:1px solid var(--nl-color-e0e0e0);
}
.general_list_line:hover{
  background:var(--nl-color-f0f0f0);
  border-bottom:1px solid var(--nl-color-dadada);
}
.general_list_line_active{
  border:1px solid var(--nl-color-cccccc);
  background:var(--nl-color-efefef);
  margin-bottom:1rem;
}
.general_list_line_active:hover{
  background:var(--nl-color-efefef) !important;
}
.general_list_reorder_container .general_list_line{
  transition:0s;
}
.general_list_line .main_element{
  float:left;
  font-size:1.0rem;
  min-height:2.0rem;
  line-height:2.0rem;
  margin-right:2rem;
  width:25rem;
}
.general_list_line .image_container{
  float:left;
  min-height:2.0rem;
  line-height:2.0rem;
  margin-right:1.5rem;
}
.general_list_line .image_container img{
  height:2.0rem;
  width:2.0rem;
  margin:0.25rem 0rem;
}
.general_list_line .main_element span{
  font-size:1.0rem;
  min-height:2.0rem;
  line-height:2.0rem;
}
.general_list_line .secondary_element{
  float:left;
  font-size:1.0rem;
  min-height:2.0rem;
  line-height:2.0rem;
  margin-right:2rem;
  width:15rem;
}
.general_list_line .id_element{
  float:right;
  font-size:0.9rem;
  color:var(--nl-color-928b8d);
  min-height:2.0rem;
  line-height:2.0rem;
}
.general_list_line .secondary_element_wide{
  float:left;
  font-size:1.0rem;
  min-height:2.0rem;
  line-height:2.0rem;
  margin-right:2rem;
  width:25rem;
}
.general_list_line .secondary_element_extrawide{
  float:left;
  font-size:1.0rem;
  min-height:2.0rem;
  line-height:2.0rem;
  margin-right:2rem;
  width:120rem;
}

.general_list_line .secondary_element_wide_list{
  float:left;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  font-size:1.0rem;
  min-height:2.0rem;
  line-height:2.0rem;
  margin-right:3rem;
  width:30rem;
}
.general_list_line .secondary_element_label span{
  font-size:1.0rem;
  min-height:2.0rem;
  line-height:2.0rem;
}
.general_list_line .secondary_element span{
  font-size:1.0rem;
  min-height:2.0rem;
  line-height:2.0rem;
}
.general_list_line .secondary_element_label{
  float:left;
  font-size:1.0rem;
  min-height:2.0rem;
  line-height:2.0rem;
  margin-right:1.5rem;
  color:var(--nl-color-928b8d);
}
.general_list_line .secondary_element_long{
  float:left;
  font-size:1.0rem;
  min-height:2.0rem;
  line-height:2.0rem;
  margin-right:2rem;
  width:30rem;
}
.general_list_line .element_focus {
  font-size:1.0rem;
  min-height:2.0rem;
  line-height:2.0rem;
  margin-right:2rem;
  font-weight:bold;
}
.general_list_line_details_div{
  display:none;
  border-top:1px solid var(--nl-color-e0e0e0);
  padding-top:0.5rem;
  margin-top:0.5rem;
  font-size:1.0rem;
  line-height:1.15rem;
}

html[data-theme="dark"],
[data-theme="dark"] body{
  background:var(--nl-color-page-background);
}

[data-theme="dark"] .ats_headline_container,
[data-theme="dark"] .admin_headline_container{
  background:var(--nl-color-surface-elevated);
  border-bottom-color:var(--nl-color-border);
  box-shadow:0 4px 18px var(--nl-color-rgba-19-31-40-0-05);
}

[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea{
  background:var(--nl-color-surface-elevated);
  border-color:var(--nl-color-border-muted);
  color:var(--nl-color-text-primary);
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder{
  color:var(--nl-color-text-subtle);
}

[data-theme="dark"] input:focus,
[data-theme="dark"] select:focus,
[data-theme="dark"] textarea:focus{
  border-color:var(--nl-color-link);
  box-shadow:0 0 0 3px var(--nl-color-rgba-47-143-107-0-18);
  outline:none;
}

[data-theme="dark"] .kkw_datepicker_popup.ui-datepicker{
  background:var(--nl-color-surface-elevated);
  border-color:var(--nl-color-border);
  box-shadow:0 20px 45px var(--nl-color-rgba-20-41-56-0-18);
}

[data-theme="dark"] .kkw_datepicker_popup .ui-datepicker-title select,
[data-theme="dark"] .kkw_datepicker_popup .ui-datepicker-prev,
[data-theme="dark"] .kkw_datepicker_popup .ui-datepicker-next,
[data-theme="dark"] .kkw_datepicker_popup .ui-datepicker-buttonpane button{
  background:var(--nl-color-surface-soft);
  border-color:var(--nl-color-border-muted);
  color:var(--nl-color-text-secondary);
}

[data-theme="dark"] .kkw_datepicker_popup .ui-datepicker-title select option{
  background:var(--nl-color-surface-elevated);
  color:var(--nl-color-text-primary);
}

[data-theme="dark"] .kkw_datepicker_popup td span,
[data-theme="dark"] .kkw_datepicker_popup td a{
  color:var(--nl-color-text-secondary);
}

[data-theme="dark"] .kkw_datepicker_popup td a:hover,
[data-theme="dark"] .kkw_datepicker_popup td a:focus,
[data-theme="dark"] .kkw_datepicker_popup .ui-datepicker-prev:hover,
[data-theme="dark"] .kkw_datepicker_popup .ui-datepicker-next:hover,
[data-theme="dark"] .kkw_datepicker_popup .ui-datepicker-prev:focus,
[data-theme="dark"] .kkw_datepicker_popup .ui-datepicker-next:focus{
  background:var(--nl-color-surface-hover);
  border-color:var(--nl-color-link);
  color:var(--nl-color-link);
}

[data-theme="dark"] .kkw_datepicker_popup .ui-datepicker-buttonpane{
  border-color:var(--nl-color-border-soft);
}

[data-theme="dark"] .kkw_monthpicker_popup{
  background:var(--nl-color-surface-elevated);
  border-color:var(--nl-color-border);
  box-shadow:0 18px 36px var(--nl-color-rgba-20-41-56-0-18);
}

[data-theme="dark"] .kkw_monthpicker_nav,
[data-theme="dark"] .kkw_monthpicker_year_input,
[data-theme="dark"] .kkw_monthpicker_action{
  background:var(--nl-color-surface-soft);
  border-color:var(--nl-color-border-muted);
  color:var(--nl-color-text-secondary);
}

[data-theme="dark"] .kkw_monthpicker_month{
  background:var(--nl-color-surface-elevated);
  border-color:var(--nl-color-border-muted);
  color:var(--nl-color-text-secondary);
}

[data-theme="dark"] .kkw_monthpicker_nav:hover,
[data-theme="dark"] .kkw_monthpicker_nav:focus,
[data-theme="dark"] .kkw_monthpicker_action:hover,
[data-theme="dark"] .kkw_monthpicker_action:focus,
[data-theme="dark"] .kkw_monthpicker_month:hover,
[data-theme="dark"] .kkw_monthpicker_month:focus{
  background:var(--nl-color-surface-hover);
  border-color:var(--nl-color-link);
  color:var(--nl-color-link);
}

[data-theme="dark"] .kkw_monthpicker_month.is-selected,
[data-theme="dark"] .kkw_monthpicker_action_primary,
[data-theme="dark"] .kkw_monthpicker_action_primary:hover,
[data-theme="dark"] .kkw_monthpicker_action_primary:focus{
  border-color:var(--nl-color-brand-green-border);
  background:var(--nl-color-brand-green-end);
  color:var(--nl-color-white);
}

[data-theme="dark"] .kkw_monthpicker_footer{
  border-color:var(--nl-color-border-soft);
}

[data-theme="dark"] .button,
[data-theme="dark"] .button:hover,
[data-theme="dark"] .button_dark,
[data-theme="dark"] .button_dark:hover,
[data-theme="dark"] .loginSubmitButton,
[data-theme="dark"] .loginSubmitButton:hover{
  color:var(--nl-color-static-white);
}

[data-theme="dark"] .button_secondary,
[data-theme="dark"] .admin_button_secondary{
  background:var(--nl-color-surface-soft);
  border-color:var(--nl-color-border-muted);
  color:var(--nl-color-text-secondary);
}

[data-theme="dark"] .button_secondary:hover,
[data-theme="dark"] .admin_button_secondary:hover{
  background:var(--nl-color-surface-hover);
  border-color:var(--nl-color-border-muted);
  color:var(--nl-color-text-primary);
}

[data-theme="dark"] .button_edit{
  background:var(--nl-color-action-blue-soft);
  border-color:var(--nl-color-action-blue);
  color:var(--nl-color-action-blue-text);
}

[data-theme="dark"] .button_edit:hover{
  background:var(--nl-color-surface-hover);
  border-color:var(--nl-color-action-blue);
  color:var(--nl-color-text-primary);
}

[data-theme="dark"] .user_display_settings_panel,
[data-theme="dark"] .contentModal,
[data-theme="dark"] #personal_menu_container,
[data-theme="dark"] .personal_menu_profile_card,
[data-theme="dark"] .general_list_line,
[data-theme="dark"] .general_info_message,
[data-theme="dark"] .success_message,
[data-theme="dark"] .warning_message{
  background:var(--nl-color-surface-elevated);
  border-color:var(--nl-color-border);
  color:var(--nl-color-text-primary);
}

[data-theme="dark"] .personal_menu_name,
[data-theme="dark"] .personal_menu_link,
[data-theme="dark"] .general_list_line .main_element,
[data-theme="dark"] .general_list_line .secondary_element,
[data-theme="dark"] .general_list_line .secondary_element_wide,
[data-theme="dark"] .general_list_line .secondary_element_long,
[data-theme="dark"] .general_list_line .secondary_element_extrawide,
[data-theme="dark"] .general_list_line .element_focus{
  color:var(--nl-color-text-primary);
}

[data-theme="dark"] .personal_menu_email,
[data-theme="dark"] .personal_menu_note,
[data-theme="dark"] .personal_menu_section_label,
[data-theme="dark"] .personal_menu_link_arrow,
[data-theme="dark"] .general_list_line .id_element,
[data-theme="dark"] .general_list_line .secondary_element_label{
  color:var(--nl-color-text-muted);
}

[data-theme="dark"] .personal_menu_link:hover,
[data-theme="dark"] .general_list_line:hover{
  background:var(--nl-color-surface-hover);
  color:var(--nl-color-text-primary);
}

[data-theme="dark"] .personal_menu_divider,
[data-theme="dark"] #personal_menu_container hr,
[data-theme="dark"] .general_list_line_details_div{
  border-color:var(--nl-color-border-soft);
}

[data-theme="dark"] .general_list_line_active,
[data-theme="dark"] .general_list_line_active:hover{
  background:var(--nl-color-surface-raised);
  border-color:var(--nl-color-border-muted);
}

[data-theme="dark"] .success_message{
  background:var(--nl-color-success-bg);
  border-color:var(--nl-color-success-border);
  color:var(--nl-color-success-text);
}

[data-theme="dark"] .warning_message{
  background:var(--nl-color-warning-bg);
  border-color:var(--nl-color-warning-border);
  color:var(--nl-color-warning-text);
}

[data-theme="dark"] .kkw_switch_slider{
  background:var(--nl-color-surface-raised);
  border-color:var(--nl-color-border-muted);
}

[data-theme="dark"] .kkw_switch_slider:before{
  background:var(--nl-color-text-primary);
}

[data-theme="dark"] .kkw_switch input:checked + .kkw_switch_slider{
  background:var(--nl-color-brand-green-end);
  border-color:var(--nl-color-brand-green);
}

[data-theme="dark"] .confirmModalBackdrop{
  background:var(--nl-color-static-black);
}