:root {
  --font_family: var(--font-family-sans-serif);

  --color_ussp_primary: #5cc1cb;
  --color_ussp_primary_dark: #0f738a;
  --color_ussp_secondary: #ea1c0a!important;
  --color_ussp_tertiary: #b00402;
  --color_ussp_quaternary: #ffffff;
  --color_ussp_primaryx: #5cc1cb;
  --color_ussp_primary_darkx: #0f738a;


  --color_ussp_login_background: var(--color_ussp_secondary)!important;

  --color_grid_header_text:#0f738a;
  --color_griditem_headline: #ef7852;
  --color_griditem_text: #ffffff;
  --color_action_item: #ffffff;
  --color_possible_actions: #ffcc49;

  --color_disabled: #0f738a;

  --size_logo_login: 5rem;
  --size_logo_nav: 4rem;

  --keyboard_focus_border_size: 3px;
  --keyboard_focus_border_style: solid;
  --keyboard_focus_border_color: #ea1c0a;

  --navigation_keyboard_selected_background: #ea1c0a;
  --navigation_keyboard_selected_card_background: #00000075;
  --navigation_keyboard_selected_card_text: #000;

  --quick_search_btn_bg_color: #2d3032;
  --quick_search_btn_selected_color: #ffffff;

  --color_process_card: #5cc1cb;
  --color_open_task_header_background: var(--color_ussp_primary_dark);
  --color_open_task_header_text: var(--color_ussp_quaternary);
  --color_dashboard_title:  var(--color_ussp_secondary);
  --color_dashboard_text: #000000;
  --color_login_botton: var(--color_ussp_tertiary);
  --color_form_search_button: #000000;
}
body {
  background-color: var(--color_ussp_login_background)!important;
}
.btn{color: var(--color_ussp_secondary)!important;}
.color-primary-btn{color: var(--color_ussp_quaternary)!important;}
.fa-search{color: var(--color_ussp_secondary)!important;}

.process-card{border-radius:0;background-color:var(--color_process_card)!important;margin:.5rem;height:12rem!important;cursor:pointer}
.processes-list{display: grid;
  grid-template-columns: repeat(auto-fill,minmax(18rem,1fr))!important;
  grid-gap: .5em;
  grid-template-rows: 1fr;
  margin-top: .2em;
}
.search-card{border-radius:0;background-color:var(--color_process_card)!important;margin:.5rem;width:14rem;cursor:pointer}


.opentask-header{background:var(--color_open_task_header_background)!important;color:var(--color_open_task_header_text)!important}

.dashboard-title{color:var(--color_dashboard_title)!important;font-size:1.5rem;margin-bottom:.5rem}

.dashboard-text{color:var(--color_dashboard_text)!important;display:flex}

.login-button{width:100%;background-color:var(--color_login_botton)!important;border:none;border-radius:0;margin-top:1rem;box-shadow:none}

.login-button:active, 
.login-button:focus{background-color:var(--color_login_botton)!important;box-shadow:none!important}
.no-open-tasks{color: #ffffff!important}