/* $eqs_view_main_color: #d92026;   fa-icons etc */
/*$eqs_view_main_color_hover: #FF494F;*/
/* $eqs_view_second_color: #2d728f;   menurow */
/*$eqs_view_second_color_light: #C0D3DC;*/
/* $link_color: $eqs_view_second_color;   */
/* $link_color_light: lighten($link_color, 20%); */
/* $link_color_lighter: lighten($link_color, 50%); */
/* $eqs_admin_main_color: #62653B;   menurow */
/* $eqs_admin_main_color_hover: desaturate(lighten($eqs_admin_main_color, 15%), 15%);  Light green, #868967; */
/* $eqs_admin_main_color_light: desaturate(lighten($eqs_admin_main_color, 50%), 10%);  Lighter green, #CFD1BF */
/* $eqs_admin_second_color: #432F76;   fa-icons etc */
/* $eqs_admin_second_color_light: lighten($eqs_admin_second_color, 20%);  Light blue, #BAB5FF; */
/* $eqs_admin_second_color_lighter: desaturate(lighten($eqs_admin_second_color, 60%), 10%);  Light purple: #e9e5f2; */
/* $link_color_admin: lighten($eqs_admin_second_color, 5%);   #432F76;*/
/* $link_color_admin_light: lighten($link_color_admin, 20%); */
/* $link_color_admin_lighter: lighten($link_color_admin, 50%); */
/* $button_color: $eqs_admin_main_color;  #868967 */
:root {
  --eqs_view_second_color: #2d728f;
  --eqs_view_second_color_light: hsl(from var(--eqs_view_second_color) h 29 80); /*calc(s - 23) calc(l + 44) #C0D3DC*/
  --eqs_view_main_color: #d92026;
  --eqs_view_main_color_hover: hsl(from var(--eqs_view_main_color) h calc(s + 26) calc(l + 15)); /*calc(s + 26) calc(l + 15) #FF494F;*/
  --link_color: var(--eqs_view_second_color);
  --link_color_light: hsl(from var(--link_color) h s calc(l + 15)); /* lighten(var(--link_color), 20%); */
  --link_color_lighter: hsl(from var(--link_color) h s calc(l + 50)); /* lighten(var(--link_color), 50%); */
  --eqs_admin_main_color: #62653B;
  --eqs_admin_main_color_hover: hsl(from var(--eqs_admin_main_color) h calc(s - 15) calc(l + 15)); /* desaturate(lighten(var(--eqs_admin_main_color), 15%), 15%); Light green, #868967; */
  --eqs_admin_main_color_light: hsl(from var(--eqs_admin_main_color) h 16 81); /* desaturate(lighten(var(--eqs_admin_main_color), 50%), 10%); Lighter green, #CFD1BF */
  --eqs_admin_second_color: #432F76;
  --eqs_admin_second_color_light: hsl(from var(--eqs_admin_second_color) h s calc(l + 15)); /* lighten(var(--eqs_admin_second_color), 20%); Light blue, #BAB5FF; */
  --eqs_admin_second_color_lighter: hsl(from var(--eqs_admin_second_color) h calc(s - 10) calc(l + 60)); /* desaturate(lighten(var(--eqs_admin_second_color), 60%), 10%); Light purple: #e9e5f2; */
  --link_color_admin: hsl(from var(--eqs_admin_second_color) h s calc(l + 5)); /* lighten(var(--eqs_admin_second_color), 5%); */
  --link_color_admin_light: hsl(from var(--link_color_admin) h s calc(l + 15)); /* lighten(var(--link_color_admin), 20%); */
  --link_color_admin_lighter: hsl(from var(--link_color_admin) h s calc(l + 50)); /* lighten(var(--link_color_admin), 50%); */
  --button_color: var(--eqs_admin_main_color); /* #868967 */
}

/*
Everything between START and END will be copied into the custom css files.
All color definitions used in the viewing area should be in this file.
*/
/* $frontpage_link_color: var(--link_color); */
/* $frontpage_link_color_hover: var(--link_color_light); */
/*$header_bg_color:  #fff;*/
/*
$header_link_color: var(--eqs_view_main_color);
$header_link_color_hover: lighten(var(--header_link_color), 20%);
$header_search_icon_color: var(--header_link_color);
$header_ribbon_color: var(--eqs_view_second_color); 
*/
/*$header_ribbon_text_color: #fff;*/
/*
$header_row_color: var(--eqs_view_second_color);
$header_row_minimized_color: var(--header_row_color);
$header_row_color_hover: darken(var(--header_row_color), 10%);
*/
/*$header_row_link_color: #fff;
$header_row_link_color_hover: #fff;
$header_row_border_top: false;
$header_row_border_bottom: false;*/
/* $category_menu_bg_color_selected: var(--eqs_view_second_color_light); */
/*$category_menu_color: #fff;
$category_menu_color_hover: #ddd;
$category_menu_link_color: #000;*/
/* $category_menu_border_color: var(--eqs_view_second_color); */
/*$footer_bg_color: $header_bg_color;*/
/*
$footer_link_color: var(--eqs_view_main_color);
$footer_link_color_hover: lighten(var(--footer_link_color), 20%);
$footer_border_color: var(--footer_link_color);
*/
/*$page_bg_color: #fafafa;
$to_do_field_bg_color: #f8f8f8;*/
:root {
  --frontpage_link_color: var(--link_color);
  --frontpage_link_color_hover: var(--link_color_light);
  --header_bg_color: #fff;
  --header_link_color: var(--eqs_view_main_color);
  --header_link_color_hover: hsl(from var(--header_link_color) h s calc(l + 15)); /* lighten(var(--header_link_color), 20%); */
  --header_search_icon_color: var(--header_link_color);
  --header_ribbon_color: var(--eqs_view_second_color);
  --header_ribbon_text_color: #fff;
  --header_row_color: var(--eqs_view_second_color);
  --header_row_minimized_color: var(--header_row_color);
  --header_row_color_hover: hsl(from var(--header_row_color) h s calc(l - 10)); /* darken(var(--header_row_color), 10%);*/
  --header_row_link_color: #fff;
  --header_row_link_color_hover: #fff;
  --header_row_border_top: false;
  --header_row_border_bottom: false;
  --category_menu_bg_color_selected: var(--eqs_view_second_color_light);
  --category_menu_color: #fff;
  --category_menu_color_hover: #ddd;
  --category_menu_link_color: #000;
  --category_menu_border_color: var(--eqs_view_second_color);
  --footer_bg_color: var(--header_bg_color);
  --footer_link_color: var(--eqs_view_main_color);
  --footer_link_color_hover: hsl(from var(--footer_link_color) h s calc(l + 15)); /* lighten(var(--footer_link_color), 20%);*/
  --footer_border_color: var(--footer_link_color);
  --page_bg_color: #fafafa;
  --to_do_field_bg_color: #f8f8f8;
}

/*START*/
.color_same_as_icon,
.fa {
  color: var(--eqs_view_main_color);
}

a:hover em.fa,
a:hover .fa-stack > em.fa,
.td60x60:hover > em.fa {
  color: var(--eqs_view_main_color_hover);
}

.color2bg, .box.emb_hello {
  background-color: var(--eqs_view_second_color);
}

a.menutext:link, a.menutext:visited, a.menutext[onclick], a.header-title:link, a.header-title:visited, a.header-title[onclick], #favorites_table a:link, #favorites_table a:visited, #favorites_table a[onclick] {
  color: var(--link_color);
}
a.menutext:link:hover, a.menutext:visited:hover, a.menutext[onclick]:hover, a.header-title:link:hover, a.header-title:visited:hover, a.header-title[onclick]:hover, #favorites_table a:link:hover, #favorites_table a:visited:hover, #favorites_table a[onclick]:hover {
  color: var(--link_color_light);
}

.frontpage-link a:link, .frontpage-link a:visited, .frontpage-link a[onclick] {
  color: var(--frontpage_link_color);
}
.frontpage-link a:link:hover, .frontpage-link a:visited:hover, .frontpage-link a[onclick]:hover {
  color: var(--frontpage_link_color_hover);
}

.frontpage-link {
  color: var(--frontpage_link_color);
}

a:link, a:visited, a[onclick] {
  color: var(--link_color);
}
a:link:hover, a:visited:hover, a[onclick]:hover {
  color: var(--link_color_light);
}

#div_content_document a:link, .documentlink {
  color: var(--link_color);
  border-bottom: 1px dotted var(--link_color);
}
#div_content_document a:link:hover, .documentlink:hover {
  color: var(--link_color_light);
  border-bottom: 1px solid var(--link_color_light);
}
#div_content_document a:link:focus, .documentlink:focus {
  border-bottom: 1px solid var(--link_color);
  outline-offset: -1px;
}

.color2 {
  color: var(--eqs_view_second_color);
}

div.ui-widget-content a,
.ui-autocomplete.ui-widget a,
a.tab {
  color: var(--link_color);
}

#config_task_div {
  padding: 0.25rem 0.5rem 0.5rem 0.5rem;
  margin: 10px 0;
  border: 1px solid var(--eqs_view_second_color_light);
  box-sizing: border-box;
  display: inline-block;
}
#config_task_div h2 {
  margin-top: 0px;
}
#config_task_div .fa {
  color: var(--eqs_view_second_color_light);
  cursor: pointer;
}
#config_task_div .eqs-horizontal {
  margin-bottom: 0;
  border-bottom: 0;
}
#config_task_div .eqs-horizontal tr:last-child td {
  border-bottom: none;
}

.fa-times {
  color: var(--eqs_view_main_color);
}

.chapterTrigger,
.button,
.button[disabled]:hover,
.dialogbutton,
.dialogbutton[disabled]:hover,
.bla,
.header_border_offline {
  background-color: var(--eqs_view_main_color);
}

::-ms-browse {
  background-color: var(--eqs_view_main_color);
}

/* Loading-symbol for messages */
.loading_div > div {
  background: var(--eqs_view_main_color) !important;
}

.button:hover,
.hover,
.dialogbutton:hover,
.bla-hover {
  background-color: var(--eqs_view_main_color_hover);
}

.tips {
  border-color: var(--eqs_view_main_color);
}

.warning .fa {
  color: #d92026;
}

.competence_modified {
  border-color: var(--eqs_view_main_color);
}

.diff_content {
  border-color: var(--eqs_view_second_color) !important;
}

.wrong_content {
  border-color: #d92026 !important;
}

.required {
  color: #d92026;
}

.wrong_info {
  color: #d92026;
}

.information {
  background: var(--eqs_view_second_color_light);
}

.information .button,
.information .button[disabled]:hover,
.information .dialogbutton,
.information .dialogbutton[disabled]:hover {
  background-color: var(--eqs_view_second_color);
}

.information .button:hover,
.information .dialogbutton:hover {
  background-color: var(--eqs_view_second_color);
}

#doc-label em:not([class*=fa-star]), .messageheader em:not([class*=fa-star]) {
  color: var(--link_color);
}
#doc-label em:not([class*=fa-star]):hover, #doc-label a:hover em:not([class*=fa-star]), .messageheader em:not([class*=fa-star]):hover, .messageheader a:hover em:not([class*=fa-star]) {
  color: var(--link_color_light);
}

::selection {
  background-color: var(--eqs_view_second_color);
}

input::-ms-check {
  color: var(--eqs_view_second_color);
}

:focus {
  outline-color: var(--eqs_view_second_color);
}

/* ----------------------- Colors for new calendar ----------------------- */
table.ui-datepicker-calendar .ui-state-active, table.ui-datepicker-calendar .ui-widget-content .ui-state-active {
  border: 1px solid #c5c5c5;
  background: var(--eqs_view_main_color) !important;
  color: #fff;
}
table.ui-datepicker-calendar .ui-state-highlight, table.ui-datepicker-calendar .ui-widget-content .ui-state-highlight {
  border: 1px solid #c5c5c5;
  background: #ccc !important;
  color: #000;
}
table.ui-datepicker-calendar .ui-state-hover, table.ui-datepicker-calendar .ui-state-focus {
  background: var(--eqs_view_main_color_hover) !important;
  color: #fff;
}

/* ----------------------- Colors for old calendar ----------------------- */
div.calendar table, div.calendar table tbody .rowhilite td.wn {
  background: #ddd; /* Dates and the buttons on the top */
}
div.calendar thead td.title, div.calendar tfoot td.ttip, div.calendar .combo .hilite {
  background: var(--eqs_view_second_color); /* Header and footer */
}
div.calendar tbody tr td.today { /* Cell showing today date */
  color: var(--eqs_view_second_color);
}
div.calendar thead td.weekend, div.calendar tbody td.day.weekend { /* How a weekend day name shows in header; Cells showing weekend days */
  color: #d92026;
}
div.calendar table thead .name, div.calendar table td.wn, div.calendar .daynames > .name.day.hilite {
  background: var(--eqs_view_second_color_light); /* Days, weeknumber */
}
div.calendar .combo, div.calendar tbody tr.rowhilite td, div.calendar thead td.hilite, div.calendar tbody tr td.selected { /* How do the buttons in header appear when hover; Cell showing selected date; Hover style for buttons in footer */
  background: #eee;
}

/* ------------------------- Colors for time input ------------------------- */
input[type=time]::-webkit-datetime-edit-hour-field:focus,
input[type=time]::-webkit-datetime-edit-minute-field:focus,
input[type=time]::-webkit-datetime-edit-second-field:focus,
input[type=time]::-webkit-datetime-edit-ampm-field:focus {
  background: var(--eqs_view_main_color) !important;
}

/* top/footer spesific stuff */
#eqs_topframe {
  background-color: var(--header_bg_color);
}
#eqs_topframe a, #eqs_topframe .fa, #eqs_topframe #usernamediv .unit {
  color: var(--header_link_color);
}
#eqs_topframe a:hover, #eqs_topframe .fa:hover, #eqs_topframe #usernamediv .unit:hover {
  color: var(--header_link_color_hover);
}
#eqs_topframe a:hover > em.fa, #eqs_topframe a:hover > .fa-stack > em.fa {
  color: var(--header_link_color_hover);
}
#eqs_topframe .fa-search {
  color: var(--header_search_icon_color);
}
#eqs_topframe #stacked_doc {
  background-color: var(--header_bg_color);
}
#eqs_topframe .topframe_searchform .wrapper {
  border-color: var(--header_link_color);
}
#eqs_topframe .ribbon {
  background-color: var(--header_ribbon_color);
  color: var(--header_ribbon_text_color);
}
#eqs_topframe #menurow, #eqs_topframe #topmenu_dropdown {
  background-color: var(--header_row_color);
}
#eqs_topframe #menurow a, #eqs_topframe #menurow a.unit, #eqs_topframe #menurow .fa:not(.fa-search), #eqs_topframe #topmenu_dropdown a, #eqs_topframe #topmenu_dropdown a.unit, #eqs_topframe #topmenu_dropdown .fa:not(.fa-search) {
  color: var(--header_row_link_color);
}
#eqs_topframe #menurow a:hover, #eqs_topframe #menurow a.unit:hover, #eqs_topframe #menurow .fa:not(.fa-search):hover, #eqs_topframe #topmenu_dropdown a:hover, #eqs_topframe #topmenu_dropdown a.unit:hover, #eqs_topframe #topmenu_dropdown .fa:not(.fa-search):hover {
  color: var(--header_row_link_color_hover);
  background-color: var(--header_row_color_hover);
}
#eqs_topframe #menurow a.unit:hover .fa, #eqs_topframe #topmenu_dropdown a.unit:hover .fa {
  color: var(--header_row_link_color_hover);
}
#eqs_topframe #menurow a:hover > em.fa, #eqs_topframe #topmenu_dropdown a:hover > em.fa {
  color: hsl(from var(--header_row_link_color) h s calc(l + 40)); /*lighten(var(--header_row_link_color), 40%)*/
}
#eqs_topframe #menurow div, #eqs_topframe #topmenu_dropdown div {
  border-color: var(--header_row_link_color);
}
#eqs_topframe #menurow #usernamediv, #eqs_topframe #topmenu_dropdown #usernamediv {
  border-top-color: var(--header_row_link_color);
}
#eqs_topframe #menurow td {
  border-top-color: var(--header_row_link_color);
}
#eqs_topframe #menurow a {
  border-top-color: var(--header_row_link_color);
}
#eqs_topframe #menurow a:hover {
  border-top-color: var(--header_row_link_color);
}
#eqs_topframe #menurow td {
  border-bottom-color: var(--header_row_link_color);
}
#eqs_topframe #menurow a {
  border-bottom-color: var(--header_row_link_color);
}
#eqs_topframe #menurow a:hover {
  border-bottom-color: var(--header_row_link_color);
}
#eqs_topframe.minimized_topframe #menurow {
  background-color: var(--header_row_minimized_color);
}
#eqs_topframe.minimized_topframe #menurow td {
  border-bottom-color: var(--header_row_link_color);
}
#eqs_topframe.minimized_topframe .topmenu_dropdown {
  border-top-color: var(--header_row_minimized_color);
}
#eqs_topframe .topmenu_dropdown {
  border-color: var(--header_row_link_color);
  border-top-color: var(--header_row_color);
}

#categorymenu {
  border-top-color: var(--header_row_color);
}
#categorymenu.minimized_topframe {
  border-top-color: var(--header_row_minimized_color);
}
#categorymenu.categorymenu_left > div {
  background-color: var(--header_row_color);
}
#categorymenu #document_category_div {
  border-color: var(--category_menu_border_color);
}
#categorymenu #document_category_div .mark_selected {
  background-color: var(--category_menu_bg_color_selected);
}
#categorymenu ul {
  background-color: var(--category_menu_color);
}
#categorymenu li {
  border-top-color: var(--category_menu_border_color);
}
#categorymenu a {
  color: var(--category_menu_link_color);
}
#categorymenu a:hover {
  background-color: var(--category_menu_color_hover);
}
#categorymenu a em {
  color: var(--category_menu_link_color);
}
#categorymenu #document_category_div ul ul a:first-child::before {
  color: hsl(from var(--category_menu_link_color) h s calc(l + 40)); /*lighten(var(--category_menu_link_color), 40%);*/
}

#eqs_footer {
  background-color: var(--footer_bg_color);
  border-top-color: var(--footer_border_color);
}
#eqs_footer a:link, #eqs_footer a:visited, #eqs_footer a[onclick] {
  color: var(--footer_link_color);
}
#eqs_footer a:link:hover, #eqs_footer a:visited:hover, #eqs_footer a[onclick]:hover {
  color: var(--footer_link_color_hover);
}
#eqs_footer div {
  border-color: var(--footer_link_color);
}

body#body_viewarea {
  background-color: var(--page_bg_color);
}

.frontwrapper {
  background-color: var(--to_do_field_bg_color);
  background-image: none;
}

select option:checked {
  background-color: var(--eqs_view_main_color); /* Doesn't work for Firefox: */
}

/* Color for selected option in select multiple (text is always white) */
select[multiple]:focus option:checked {
  background-image: linear-gradient(0deg, var(--eqs_view_main_color) 0%, var(--eqs_view_main_color) 100%);
}

/* inverted colors for the checkbox and matching radio button, Chrome style */
input[type=checkbox]:checked:not(:disabled) {
  background-color: var(--eqs_view_main_color);
}
input[type=checkbox]:indeterminate:not(:disabled) {
  background-color: var(--eqs_view_main_color);
}

input[type=radio]:checked:not(:disabled) {
  border-color: var(--eqs_view_main_color);
}
input[type=radio]:checked:not(:disabled)::before {
  background-color: var(--eqs_view_main_color);
  border-color: var(--eqs_view_main_color);
}

.formtable label input:checked ~ .checkmark {
  background-color: var(--eqs_view_main_color);
}
.formtable label input:checked ~ .checkmark:after {
  border-color: #fff;
}
.formtable label input:checked ~ .radiobutton ~ .checkmark {
  background-color: #fff;
  border-color: var(--eqs_view_main_color);
}
.formtable label input:checked ~ .radiobutton ~ .checkmark:after {
  border-color: var(--eqs_view_main_color);
  background-color: var(--eqs_view_main_color);
}

/* end inverting */
/*END*/

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