/* fa-icons etc */
/* menurow */
/* menurow */
/* Light green, #868967; */
/* Lighter green, #CFD1BF */
/* fa-icons etc */
/* Light blue, #BAB5FF; */
/* Light purple: #e9e5f2; */
/*#432F76;*/
/* #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.
*/
/*START*/
.color_same_as_icon,
.fa {
  color: #d92026;
}

a:hover em.fa,
a:hover .fa-stack > em.fa,
.td60x60:hover > em.fa {
  color: #FF494F;
}

.color2bg, .box.emb_hello {
  background-color: #2d728f;
}

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: #2d728f;
}
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: #58a8ca;
}

.frontpage-link a:link, .frontpage-link a:visited, .frontpage-link a[onclick] {
  color: #2d728f;
}
.frontpage-link a:link:hover, .frontpage-link a:visited:hover, .frontpage-link a[onclick]:hover {
  color: #58a8ca;
}

.frontpage-link {
  color: #2d728f;
}

a:link, a:visited, a[onclick] {
  color: #2d728f;
}
a:link:hover, a:visited:hover, a[onclick]:hover {
  color: #58a8ca;
}

#div_content_document a:link, .documentlink {
  color: #2d728f;
  border-bottom: 1px dotted #2d728f;
}
#div_content_document a:link:hover, .documentlink:hover {
  color: #58a8ca;
  border-bottom: 1px solid #58a8ca;
}
#div_content_document a:link:focus, .documentlink:focus {
  border-bottom: 1px solid #2d728f;
  outline-offset: -1px;
}

.color2 {
  color: #2d728f;
}

div.ui-widget-content a,
.ui-autocomplete.ui-widget a,
a.tab {
  color: #2d728f;
}

#config_task_div {
  padding: 0.25rem 0.5rem 0.5rem 0.5rem;
  margin: 10px 0;
  border: 1px solid #C0D3DC;
  box-sizing: border-box;
  display: inline-block;
}
#config_task_div h2 {
  margin-top: 0px;
}
#config_task_div .fa {
  color: #C0D3DC;
  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: #d92026;
}

.chapterTrigger,
.button,
.button[disabled]:hover,
.dialogbutton,
.dialogbutton[disabled]:hover,
.bla,
.header_border_offline {
  background-color: #d92026;
}

::-ms-browse {
  background-color: #d92026;
}

/* Loading-symbol for messages */
.loading_div > div {
  background: #d92026 !important;
}

.button:hover,
.hover,
.dialogbutton:hover,
.bla-hover {
  background-color: #FF494F;
}

.tips {
  border-color: #d92026;
}

.warning .fa {
  color: #d92026;
}

.competence_modified {
  border-color: #d92026;
}

.diff_content {
  border-color: #2d728f !important;
}

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

.required {
  color: #d92026;
}

.wrong_info {
  color: #d92026;
}

.information {
  background: #C0D3DC;
}

.information .button,
.information .button[disabled]:hover,
.information .dialogbutton,
.information .dialogbutton[disabled]:hover {
  background-color: #2d728f;
}

.information .button:hover,
.information .dialogbutton:hover {
  background-color: #2d728f;
}

#doc-label em:not([class*=fa-star]), .messageheader em:not([class*=fa-star]) {
  color: #2d728f;
}
#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: #58a8ca;
}

::selection {
  background-color: #2d728f;
}

input::-ms-check {
  color: #2d728f;
}

:focus {
  outline-color: #2d728f;
}

/* ----------------------- 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: #d92026 !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: #FF494F !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: #2d728f; /* Header and footer */
}
div.calendar tbody tr td.today { /* Cell showing today date */
  color: #2d728f;
}
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: #C0D3DC; /* 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;
}

/* top/footer spesific stuff */
#eqs_topframe {
  background-color: #fff;
}
#eqs_topframe a, #eqs_topframe .fa, #eqs_topframe #usernamediv .unit {
  color: #d92026;
}
#eqs_topframe a:hover, #eqs_topframe .fa:hover, #eqs_topframe #usernamediv .unit:hover {
  color: #eb7478;
}
#eqs_topframe a:hover > em.fa, #eqs_topframe a:hover > .fa-stack > em.fa {
  color: #eb7478;
}
#eqs_topframe .fa-search {
  color: #d92026;
}
#eqs_topframe #stacked_doc {
  background-color: #fff;
}
#eqs_topframe .topframe_searchform .wrapper {
  border-color: #d92026;
}
#eqs_topframe .ribbon {
  background-color: #2d728f;
  color: #fff;
}
#eqs_topframe #menurow, #eqs_topframe #topmenu_dropdown {
  background-color: #2d728f;
}
#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: #fff;
}
#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: #fff;
  background-color: #215368;
}
#eqs_topframe #menurow a.unit:hover .fa, #eqs_topframe #topmenu_dropdown a.unit:hover .fa {
  color: #fff;
}
#eqs_topframe #menurow a:hover > em.fa, #eqs_topframe #topmenu_dropdown a:hover > em.fa {
  color: white;
}
#eqs_topframe #menurow div, #eqs_topframe #topmenu_dropdown div {
  border-color: #fff;
}
#eqs_topframe #menurow #usernamediv, #eqs_topframe #topmenu_dropdown #usernamediv {
  border-top-color: #fff;
}
#eqs_topframe #menurow td {
  border-top-color: #2d728f;
}
#eqs_topframe #menurow a {
  border-top-color: #2d728f;
}
#eqs_topframe #menurow a:hover {
  border-top-color: #215368;
}
#eqs_topframe #menurow td {
  border-bottom-color: #2d728f;
}
#eqs_topframe #menurow a {
  border-bottom-color: #2d728f;
}
#eqs_topframe #menurow a:hover {
  border-bottom-color: #215368;
}
#eqs_topframe.minimized_topframe #menurow {
  background-color: #2d728f;
}
#eqs_topframe.minimized_topframe #menurow td {
  border-bottom-color: #2d728f;
}
#eqs_topframe.minimized_topframe .topmenu_dropdown {
  border-top-color: #2d728f;
}
#eqs_topframe .topmenu_dropdown {
  border-color: #2d728f;
  border-top-color: #2d728f;
}

#categorymenu {
  border-top-color: #2d728f;
}
#categorymenu.minimized_topframe {
  border-top-color: #2d728f;
}
#categorymenu.categorymenu_left > div {
  background-color: #2d728f;
}
#categorymenu #document_category_div {
  border-color: #2d728f;
}
#categorymenu #document_category_div .mark_selected {
  background-color: #C0D3DC;
}
#categorymenu ul {
  background-color: #fff;
}
#categorymenu li {
  border-top-color: #2d728f;
}
#categorymenu a {
  color: #000;
}
#categorymenu a:hover {
  background-color: #ddd;
}
#categorymenu a em {
  color: #000;
}
#categorymenu #document_category_div ul ul a:first-child::before {
  color: #666666;
}

#eqs_footer {
  background-color: #fff;
  border-top-color: #d92026;
}
#eqs_footer a:link, #eqs_footer a:visited, #eqs_footer a[onclick] {
  color: #d92026;
}
#eqs_footer a:link:hover, #eqs_footer a:visited:hover, #eqs_footer a[onclick]:hover {
  color: #eb7478;
}
#eqs_footer div {
  border-color: #d92026;
}

body#body_viewarea {
  background-color: #fafafa;
}

.frontwrapper {
  background-color: #f8f8f8;
  background-image: none;
}

select option:checked {
  background-color: #d92026; /* 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, #d92026 0%, #d92026 100%);
}

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

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

.formtable label input:checked ~ .checkmark {
  background-color: #d92026;
}
.formtable label input:checked ~ .checkmark:after {
  border-color: #fff;
}
.formtable label input:checked ~ .radiobutton ~ .checkmark {
  background-color: #fff;
  border-color: #d92026;
}
.formtable label input:checked ~ .radiobutton ~ .checkmark:after {
  border-color: #d92026;
  background-color: #d92026;
}

/* end inverting */
/*END*/

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