/* @media (prefers-color-scheme: dark){ */

.darkmode {
  background-color: #2b2b2b !important;
  color: white !important;
}
.darkmode a {
  color: white !important;
}
.darkmode .profile-module {
  background-color: #2b2b2b !important;
  color: white;
}

.darkmode .pageMenu {
  background: linear-gradient(2deg, #121212 -20%, #2a4c2f 49.9%, #4c9e5a 120%);
  box-shadow: 0 4px 6px 0 #171717;
  z-index: 1;
}

.darkmode .alarmSoundValue {
  border: 1px solid #4c9e5a !important;
  background-color: #2b2b2b !important;
  color: white !important;
}

.darkmode .profile-settings-spacer {
  background-color: #484848 !important;
  height: 5px;
  /* box-shadow: inset 0px 10px 10px -10px #121212, inset 0px -10px 10px -10px #121212; */
}

/* Checkbox button */
.darkmode.checkbox.active input ~ div.checkbox-icon,
.darkmode .checkbox input:checked ~ div.checkbox-icon > div {
  border: 1px solid #4c9e5a !important;
  background-color: #4c9e5a !important;
}

/* Checkbox background */
.darkmode .checkbox.active input ~ div.checkbox-icon,
.darkmode .checkbox input:checked ~ div.checkbox-icon {
  background-color: #2a4c2f !important;
  box-shadow: none !important;
  border: 1px solid #2a4c2f !important;
}

.darkmode .checkbox input ~ div.checkbox-icon {
  border: 1px solid #2a4c2f !important;
}

.darkmode .needsclick div .needsclick {
  background-color: #4c9e5a !important;
  border: 1px solid #4c9e5a !important;
  box-shadow: 0px 2px 5px rgb(0 0 0 / 30%), 0 0 0 1px #4c9e5a;
}

.darkmode .alarmCategoryValue {
  border: 1px solid #4c9e5a !important;
  background-color: #2b2b2b !important;
  color: white !important;
}

.darkmode .alarmOffset {
  border: 1px solid #4c9e5a !important;
  background-color: #2b2b2b !important;
  color: white !important;
  border-radius: 5px;
}

/* SVG profile image */
.darkmode .profile-module-editor .profile-image {
  /* content: url("../../../../common/resources/images/green.svg"); */
  border: 1px solid #2b2b2b !important;
  background-color: #2b2b2b !important;
}

/* Add picture text */
.darkmode .changeProfileImage {
  color: white;
}

/* Plan page */
/* Left dates bar */
.darkmode tbody td {
  background-color: #2b2b2b;
  color: white !important;
}

.darkmode tbody .active {
  background-color: #2b2b2b !important;
  color: white !important;
}

.darkmode #calOverview-controls {
  background-color: #2b2b2b !important;
  color: white !important;
  border-top: 1px solid #484848;
}

.darkmode table.eventTable {
  background-color: #2b2b2b !important;
}

/* Selected week */
.darkmode .calOverview-selected-week {
  border: 1px solid #2a4c2f !important;
  background-color: #2a4c2f !important;
  color: white !important;
}

/* Month selection */
.darkmode .calOverview-month-selection {
  border: 1px solid rgb(76 158 90) !important;
  background-color: #2b2b2b !important;
  color: white !important;
  border-radius: 5px;
}

/* Drop down month */
.darkmode .calOverview-month-selection option {
  border: 1px solid rgb(76 158 90) !important;
  background-color: #2b2b2b !important;
  color: white !important;
}

/* Top days in calender */
.darkmode li.calEntry a {
  background-color: #2b2b2b !important;
}

/* Color of date */
.darkmode .day {
  color: white;
}

/* Today button */
.darkmode
  #calOverview-controls
  .calOverview-navigation
  .calOverview-previous-week,
.darkmode #calOverview-controls .calOverview-navigation .calOverview-goto-today,
.darkmode #calOverview-controls .calOverview-navigation .calOverview-next-week {
  color: white;
  background: #2b2b2b;
  border-radius: 5px;
  text-align: center;
  padding: 6px;
  border: 1px solid rgb(76 158 90) !important;
}

/* Previous week */
.darkmode
  #calOverview-controls
  .calOverview-navigation
  .calOverview-previous-week {
  background-image: url(../../../../src/resources/icons/icon_chevron_left_white.svg);
  background-repeat: no-repeat;
  background-position: 43% center;
  border: 1px solid rgb(76 158 90) !important;
}

/* Next week */
.darkmode #calOverview-controls .calOverview-navigation .calOverview-next-week {
  background-image: url(../../../../src/resources/icons/icon_chevron_right_white.svg);
  background-repeat: no-repeat;
  background-position: 43% center;
  border: 1px solid rgb(76 158 90) !important;
}

/* Activity pop up message */
.darkmode .event-detail-dialog {
  background-color: #2b2b2b !important;
  color: white !important;
}

/* Spacer - editor-subtitle */
.darkmode .editor-subtitle {
  background-color: #484848;
}

/* Bottom border */
.darkmode .eventEditor .editor-row {
  /* border-bottom: 1px solid #484848; */
}

/* Hour and minutes borderline */
.darkmode .eventEditor .editorRepeatEndChoiceField,
.darkmode .eventEditor .editorRepeatTypeField,
.darkmode .eventEditor .alarmCategoryValue,
.darkmode .eventEditor .alarmSoundRepeat,
.darkmode .eventEditor textarea,
.darkmode .eventEditor input {
  background-color: #2b2b2b;
  color: white;
  border: 1px solid #4c9e5a;
  border-radius: 5px;
}

/* Border bottom editor group */
.darkmode .editor-group {
  border-bottom: #2a4c2f;
}

/* Description and remember list buttons */
.darkmode .generic-tab.active {
  background-color: #4c9e5a;
  color: white;
  /* border: 1px solid #4c9e5a; */
}
.darkmode .generic-tab {
  background-color: #2b2b2b;
  color: white;
}
.darkmode .sletAktivitet {
  border: 1px solid #ee4738 !important;
  /* background-color: #2b2b2b !important; */
  padding: 10px;
  border-radius: 30px;
}

/* Choose alarm category */
.darkmode .scroller.react-layout-components--box {
  color: white;
  background-color: #2b2b2b;
}
.darkmode .header.react-layout-components--box {
  background: linear-gradient(2deg, #121212 -20%, #2a4c2f 49.9%, #4c9e5a 120%);
  box-shadow: 0 0px 6px 4px #171717;
  z-index: 1;
}
.darkmode
  .header.react-layout-components--box
  .react-layout-components--box:not(.menu-count) {
  background-color: transparent !important;
}

/* Delete Activity Warning Message */
.darkmode .normal.page.main.systemDialog.center {
  background-color: #2a4c2f;
  color: white;
}
.darkmode .lgButton {
  background: #4c9e5a;
}
.darkmode .lgButton:active,
.darkmode .lgButton:hover {
  border: 1px solid #4c9e5a;
  background-color: #2a4c2f;
}

/* Add-button to remember list */
.darkmode .eventEditor #editorBullet .newCheckItemSubmit {
  content: url("../../../../common/resources/images/checklist-add-darkmode.svg");
}

/* Favorite action */
.darkmode .favorite-action {
  content: url("../../../../common/resources/images/favorite-action-darkmode.svg");
}

/* Header */
.darkmode .dialog h1 {
  background: linear-gradient(2deg, #121212 -20%, #2a4c2f 49.9%, #4c9e5a 120%);
  box-shadow: 0 4px 6px 0 #171717;
  /* z-index: 1; */
}

/* Favorite star button --> list */
.darkmode .sectionTable tr.seperatorRow {
  background-color: #2b2b2b;
  color: white;
}
.darkmode .sectionTable tr.eventRow td {
  border-bottom: 5px solid #484848;
}
.darkmode .pane {
  background-color: #2b2b2b;
}

/* Contact */
.darkmode
  .selectContactsView
  .selectContacts-file-holder
  .selectContacts-file-add {
  background-color: #4c9e5a;
  /* border: 1px solid #4c9e5a; */
  padding: 10px;
  border-radius: 30px;
}
.darkmode .thread-header {
  background-color: #2b2b2b;
  color: white;
}
.darkmode .noThreads,
.darkmode .thread-header,
.darkmode .personView {
  border-bottom: 5px solid #484848;
  color: white;
  background-color: #2b2b2b;
}
.darkmode .contact-tab {
  background-color: #2b2b2b;
  color: white;
  border: solid 1px #2b2b2b;
}
.darkmode .contact-tab.active {
  background-color: #4c9e5a;
  color: white;
  /* border: solid 1px #4c9e5a; */
}
.darkmode .personHeader {
  background-color: #2b2b2b;
  color: white;
}
.darkmode .moduleHeader {
  background: linear-gradient(2deg, #121212 -20%, #2a4c2f 49.9%, #4c9e5a 120%);
  box-shadow: 0 4px 6px 0 #171717;
}
.darkmode .threadView .thread-reply {
  background: #484848;
  /* border-top: 10px solid #2a4c2f; */
}
.darkmode .threadView .thread-reply textarea {
  background: #2b2b2b;
  border: 1px solid #484848;
}
.darkmode .message-contact {
  color: white;
}
.darkmode .threadView .thread-reply .thread-file-holder .thread-file-add {
  background: #4c9e5a;
  color: white;
  padding: 10px;
  border-radius: 30px;
  /* border: 1px solid #4c9e5a; */
}

.darkmode .messageView.self .message {
  background: #4c9e5a;
  color: white;
}
.darkmode .messageView.other .message {
  background: #4d4d4d;
  /* border: 1px solid #4c9e5a; */
  color: white;
}
.darkmode .thread-recipients-icon {
  background-color: #4c9e5a;
}
/* New Conversation */
.darkmode .nav-btn.nav-ok {
  /* Send button */
  color: white;
  background-color: #4c9e5a;
}
.darkmode .selectContacts-header-title.section-header,
.darkmode .selectContactsView input + label {
  /* Write message to and users*/
  background-color: #2b2b2b;
  color: white;
}
.darkmode .selectContacts-header-title.section-header {
  /* Write message to border-bottom */
  border-bottom: 7px solid #484848;
}
.darkmode .selectContactsView .input[text="text"],
.darkmode .selectContacts-message-input {
  /* Wrtie message */
  border: solid 1px #4c9e5a;
  color: white;
  background-color: #2b2b2b;
}
.darkmode .contactWrapper {
  /* Line between users */
  border-bottom: #484848 1px solid;
}
.darkmode .image-checkbox input[type="checkbox"]:checked + label,
.darkmode .agenda-event input[type="checkbox"]:checked + label,
.darkmode .selectContactsView input[type="checkbox"]:checked + label {
  /* Checkbox filled */
  background-image: url("../../../../common/resources/images/checkmark-active-dark-darkmode.png");
}

/* My Plan site */
.darkmode .agenda-event-wrapper {
  border-bottom: 5px solid #484848;
  background-color: #2b2b2b;
  color: white;
}
.darkmode rect {
  background-color: #2b2b2b;
}
.darkmode .agenda-event-wrapper div,
.darkmode .agenda-event-wrapper span,
.darkmode .edit-icon,
.darkmode .agenda-icon-chat,
.darkmode .thread-input-holder textarea {
  color: white !important;
}
.darkmode .planet-page#overview,
.darkmode #calOverview li:last-child a,
.darkmode canvas {
  border-right: solid 1px #2b2b2b;
  background-color: #2b2b2b;
}
.darkmode #calOverview li.active a,
.darkmode #calOverview li.active canvas {
  background-color: #2a4c2f !important;
}
.darkmode .agenda-menu-header > span.agenda-menu-active {
  background-color: #4c9e5a;
  color: white;
}
.darkmode .agenda-menu-header > span {
  box-shadow: none;
  border: none;
  background-color: #2b2b2b;
}
.darkmode
  #agendaView
  .agenda-week-table
  tbody.column-selected-0
  tr
  td:nth-child(1),
.darkmode
  #agendaView
  .agenda-week-table
  tbody.column-selected-1
  tr
  td:nth-child(2),
.darkmode
  #agendaView
  .agenda-week-table
  tbody.column-selected-2
  tr
  td:nth-child(3),
.darkmode
  #agendaView
  .agenda-week-table
  tbody.column-selected-3
  tr
  td:nth-child(4),
.darkmode
  #agendaView
  .agenda-week-table
  tbody.column-selected-4
  tr
  td:nth-child(5),
.darkmode
  #agendaView
  .agenda-week-table
  tbody.column-selected-5
  tr
  td:nth-child(6),
.darkmode
  #agendaView
  .agenda-week-table
  tbody.column-selected-6
  tr
  td:nth-child(7),
.darkmode .calEntry.current-month.active a.today,
.darkmode .calEntry.current-month.active a.today canvas {
  background-color: #2a4c2f !important;
}
.darkmode #calOverview a.today .day {
  background-image: url("../../../../common/resources/images/today-marker-darkmode.svg");
}
.darkmode .add-action {
  content: url("../../../../common/resources/images/add-action-darkmode.svg");
}

/* Menu */
.darkmode .menu li {
  background-color: #2a4c2f;
  color: white;
}
.darkmode .menu {
  background: #2b2b2b;
}

/* Notifications */
.darkmode .notification {
  background-color: #2b2b2b;
  border-bottom: 5px solid #484848 !important;
  color: white;
}

/* Limo */
.darkmode .menu-count {
  background-color: #ee4738 !important;
}
.darkmode .panel.padded {
  background-color: #484848;
}
.darkmode #icon_add_photo path {
  display: none;
}
.darkmode .colorCheckmark svg g polyline {
  stroke: white;
}
.darkmode .colorChoice {
  border-bottom: 2px solid #484848;
  background-color: #2b2b2b;
}
.darkmode .editGoal .editGoal-subgoals .editGoal-subgoals-subgoal,
.darkmode .editGoal .colorChooser {
  background-color: #2b2b2b;
  border-bottom: 2px solid #484848;
}
.darkmode .toggle.active .slider-container {
  background-color: #2a4c2f;
}
.darkmode .toggle .slider-container {
  background-color: #2b2b2b;
  border: 1px solid #2a4c2f;
}
.darkmode .toggle .slider {
  background-color: #4c9e5a;
}
.darkmode .editGoal .approveButton {
  background: #4c9e5a;
  box-shadow: none;
}
.darkmode .editGoal .editGoal-add-photo .image-label,
.darkmode .editGoal .editGoal-add-subgoal,
.darkmode .editGoal .editGoal-main-description,
.darkmode .subgoal-editor .subgoal-editor-description,
.darkmode .subgoal-editor .subgoal-editor-remove {
  border-bottom: #484848 2px solid !important;
}
.darkmode .editGoal input,
.darkmode .editGoal textarea {
  background-color: #2b2b2b !important;
  color: white;
}
.darkmode #editGoal-edit-wrapper form,
.darkmode .editGoal .subgoalEditor {
  background-color: #2b2b2b !important;
}
.darkmode .editGoal .editGoal-edit-main-title,
.darkmode .subgoal-editor .subgoal-editor-title,
.darkmode .subgoal-editor .subgoal-editor-active,
.darkmode .editGoal .editGoal-subgoals .editGoal-subgoals-subgoal:last-child {
  border-bottom: 7px solid #484848 !important;
}
.darkmode .editGoal-subgoals-header.react-layout-components--box {
  background-color: #484848 !important;
}
.darkmode .input-element.editGoal-edit-main-title-input {
  background-color: #2b2b2b !important;
  color: white !important;
}
.darkmode #editGoal-edit-wrapper .react-layout-components--box form {
  background-color: #2b2b2b;
  color: white !important;
}
.darkmode #editGoal-edit-wrapper .editGoal-save.react-layout-components--box {
  background-color: none !important;
  color: white !important;
}
.darkmode .goal-details.react-layout-components--box {
  background-color: #2b2b2b !important;
  color: white !important;
}
.darkmode .details-line-seperator.react-layout-components--box {
  background-color: #2a4c2f;
}
.darkmode .details-star-details.react-layout-components--box span {
  color: white;
}
.darkmode .approveButton.floating.react-layout-components--box {
  background: #4c9e5a;
  box-shadow: none;
}
.darkmode .tile-container {
  background-color: #2b2b2b !important;
  color: white !important;
}
.darkmode .floating-action g use {
  fill: none;
}
.darkmode #limo-path-1 {
  stroke: #4c9e5a;
  fill: #4c9e5a !important;
}
.darkmode #limo-path-11 {
  fill: white;
}
.darkmode #limo-combined-Shape {
  fill: white;
}
.darkmode #Goal-page-v1 {
  stroke: #4c9e5a;
  fill: #4c9e5a;
}
.darkmode #menu-path-2 {
  fill: #4c9e5a;
  filter: none;
}
.darkmode filter feGaussianBlur {
  display: none !important;
}
.darkmode .buttonCenterWrapper {
  background-color: #2b2b2b !important;
  color: white !important;
}
.darkmode .dismissAll {
  border: 1px solid rgb(76 158 90);
}

/* Limo Ny Evaluation */
.darkmode .mestring-page .create-rating div.react-layout-components--box {
  background-color: #2b2b2b;
}
/* .darkmode .header.react-layout-components--box, */
/* .darkmode .header.react-layout-components--box .react-layout-components--box, */
.darkmode .image.react-layout-components--box,
.darkmode .image.react-layout-components--box .react-layout-components--box,
.darkmode textarea.create-rating-textbox,
.darkmode .create-rating-datepicker input {
  /* background-color: linear-gradient(2deg, #121212 -20%, #2a4c2f 49.9%, #4c9e5a 120%) !important; */
  background-color: #2a4c2f !important;
  color: white;
  /* border: #4c9e5a 1px solid; */
}
.darkmode .create-rating .create-rating-datepicker input,
.darkmode textarea.create-rating-textbox,
.darkmode .image.react-layout-components--box {
  color: white;
  border: none;
  box-shadow: none;
  background-color: #2a4c2f !important;
}
.darkmode .approveButton.react-layout-components--box,
.darkmode
  .approveButton.react-layout-components--box
  .create-rating-new-rating.react-layout-components--box
  .react-layout-components--box {
  background: #4c9e5a !important;
}
.darkmode .pika-label,
.darkmode .pika-single.is-bound,
.darkmode .pika-table th {
  background-color: #4c9e5a;
  color: white;
  border: none;
}
.darkmode .is-selected .pika-button,
.darkmode .has-event .pika-button {
  background: #4c9e5a;
  box-shadow: inset 0 1px 3px #4c9e5a;
}
.darkmode
  .approveButton.react-layout-components--box
  .create-rating-new-rating.react-layout-components--box {
  background: none;
}
.darkmode .pika-button:hover,
.darkmode .pika-row.pick-whole-week:hover .pika-button {
  background: #2a4c2f;
  box-shadow: none;
}
.darkmode .pika-week {
  color: white;
}
.darkmode .pika-button {
  background: #2b2b2b;
}
.darkmode .rating-bar-chart .rating .rating-bar {
  fill: #4c9e5a;
}
.darkmode .popupIconMenu .popupIconMenu-overlay {
  background: linear-gradient(180deg, #2b2b2b 0%, #1e1e1eb5 100%);
}
.darkmode .iconmenu-button {
  background: #4c9e5a;
}
.darkmode .dialog-component {
  border: 1px solid #2a4c2f;
  background-color: #2a4c2f !important;
}
.darkmode .dialog-component .dialog-header,
.darkmode .dialog-component .dialog-body,
.darkmode .dialog-component .dialog-body .confirm-text {
  background-color: #2a4c2f !important;
}
.darkmode .dialog-component .dialog-body .confirm-spacer {
  background-color: #4c9e5a !important;
}
.darkmode .dialog-component .confirm-buttons,
.darkmode
  .dialog-component
  .dialog-body
  .confirm-buttons
  /* .react-layout-components--box:nth-child(2) { */
    div:nth-child(2) {
  /* background-color: blue; */
  background-color: #2a4c2f;
}
.darkmode .dialog-component .dialog-body .confirm-buttons {
  background-color: #2a4c2f !important;
}
.darkmode
  .dialog-component
  .confirm-buttons
  .approveButton
  .react-layout-components--box {
  background-color: transparent !important;
}
.darkmode .page-overlay {
  background: linear-gradient(180deg, #2b2b2b 0%, #1e1e1eb5 100%);
}
.darkmode .star-definitions-content-wrapper.react-layout-components--box,
.darkmode .editStarDefinitions,
.darkmode .star-definitions-editor input,
.darkmode .star-definitions-editor textarea {
  background-color: #2b2b2b;
  color: white;
}
.darkmode .star-definitions .star-definitions-row {
  border-bottom: #484848 2px solid;
}
.darkmode
  .star-definitions-editor
  .star-definitions-editor-content
  .star-definitions-editor-title {
  border-bottom: 7px solid #484848;
}
.darkmode
  .star-definitions-editor
  .star-definitions-editor-content
  .star-definitions-editor-description {
  border-bottom: 2px solid #484848;
}
.darkmode .ReactVirtualized__Grid.ReactVirtualized__List {
  /* Goal log ... */
  background-color: #2b2b2b;
  color: white;
}
.darkmode .listItem {
  /* Goal log list items */
  border-bottom: #484848 5px solid;
}
.darkmode
  .app
  .create-achievement.react-layout-components--box
  .react-layout-components--box {
  /* Star - new presentation */
  background-color: #2b2b2b;
}
.darkmode .create-achievement-new-achievement.react-layout-components--box {
  /* Star - new presentation - add presentation button */
  background-color: transparent !important;
}
.darkmode
  .create-achievement-new-achievement.react-layout-components--box
  .react-layout-components--box {
  /* Star - new presentation - add presentation button */
  background-color: transparent !important;
}
.darkmode .create-achievement .create-achievement-textbox,
.darkmode .create-achievement .create-achievement-datepicker input {
  /* Star - new presentation - write comment here
  + - selected date */
  background-color: #2b2b2b;
  border: 1px solid #2a4c2f;
  color: white;
}
.darkmode .li-small.li-footer.react-layout-components--box #Page-1 g {
  /* Little paper in goal log */
  fill: white;
}
.darkmode #Oval-16 {
  fill: #2b2b2b;
  stroke: none;
}
.darkmode #Path-12 {
  stroke: white;
  fill: none;
}
.darkmode .rating-details.react-layout-components--box {
  background-color: #2b2b2b;
  color: white;
}
.darkmode
  .app
  .edit-rating.react-layout-components--box
  .react-layout-components--box {
  /* Edit evaluation */
  background-color: #2b2b2b;
  color: white;
}

.darkmode
  .app
  .edit-rating.react-layout-components--box
  .react-layout-components--box
  .approveButton.react-layout-components--box
  .edit-rating-delete-rating.react-layout-components--box {
  /* Edit evaluation - button*/
  background-color: transparent !important;
}
.darkmode
  .app
  .edit-rating.react-layout-components--box
  .react-layout-components--box
  .approveButton.react-layout-components--box
  .edit-rating-delete-rating.react-layout-components--box
  .react-layout-components--box {
  /* Edit evaluation - button*/
  background-color: #4c9e5a;
}
.darkmode
  .app
  .edit-rating.react-layout-components--box
  .react-layout-components--box
  .approveButton.react-layout-components--box
  .edit-rating-new-rating.react-layout-components--box {
  /* Edit evaluation - button*/
  background-color: transparent !important;
}
.darkmode
  .app
  .edit-rating.react-layout-components--box
  .react-layout-components--box
  .approveButton.react-layout-components--box
  .edit-rating-new-rating.react-layout-components--box
  .react-layout-components--box {
  /* Edit evaluation - button*/
  background-color: #4c9e5a;
}

/* Symbols */
/* .darkmode .editSymbol-left-spacer img, */
/* .darkmode .details-yellow-star img, */
/* .darkmode .editGoal-left-spacer img, */
.darkmode .profile-row.alarm-row svg,
.darkmode .profile-row.tts-row svg,
.darkmode .profile-row.dark-mode-row svg,
.darkmode .profile-row.alarmCategoryRow svg,
.darkmode .profile-row.consentSettings svg,
.darkmode .profile-row.passwordSettings svg,
.darkmode .profile-row svg,
.darkmode .profile-row.consentSettings i,
.darkmode .profile-row.passwordSettings i,
/* .darkmode #navClose.page-close-icon, */
.darkmode .alarmCategoriesSection svg,
/* .darkmode #editorAlarmGroup .editor-cell.left i, */
/* .darkmode .clock-icon, */
/* .darkmode .bell-icon, */
/* .darkmode .play-icon, */
/* .darkmode .repeat-icon, */
.darkmode .dialog-arrow,
.darkmode .inline-arrow,
.darkmode .checkItemDragIndicator,
/* .darkmode .favorite, */
.darkmode .thread-arrow,
.darkmode .colorCheckmark img,
.darkmode .symbolCheckmark img,
.darkmode .overview-subgoal-goto svg,
.darkmode #arrow_circle,
/* .darkmode .achievementItem-document svg, */
/* .darkmode .achievementItem-icon svg, */
/* .darkmode .ratingItem-document svg, */
.darkmode .arrowRight,
.darkmode .editGoal .editGoal-subgoals .subGoalEdit-dragHandle svg,
.darkmode .editGoal-subgoals-subgoal-title img {
  filter: invert(1);
}
.darkmode .ratingItem-document {
  content: url(../../../../src/resources/icons/icon_document_darkmode.svg);
}
.darkmode .clock-icon {
  background-image: url(../../../../src/resources/icons/icon_clock_darkmode.svg);
}
.darkmode .starSymbol,
.darkmode .starChosen,
.darkmode .symbolChoice:first-child .editSymbol-left-spacer img {
  content: url(../../../../src/resources/icons/icon_symbol_darkmode.svg);
}
.darkmode .thumbsup,
.darkmode .thumbsupChosen,
.darkmode .symbolChoice:nth-child(2) .editSymbol-left-spacer img {
  content: url(../../../../src/resources/icons/icon_thumbs_up_darkmode.svg);
}
.darkmode .smiley,
.darkmode .smileyChosen,
.darkmode .symbolChoice:nth-child(3) .editSymbol-left-spacer img {
  content: url(../../../../src/resources/icons/icon_smiley_darkmode.svg);
}
.darkmode .heart,
.darkmode .heartChosen,
.darkmode .symbolChoice:nth-child(4) .editSymbol-left-spacer img {
  content: url(../../../../src/resources/icons/icon_heart_darkmode.svg);
}
.darkmode .achievementItem-icon img,
.darkmode .editGoal-left-spacer img {
  content: url(../../../../src/resources/icons/icon_camera_darkmode.svg);
}
.darkmode .achievementItem-document img,
.darkmode .observationItem-document img {
  content: url(../../../../src/resources/icons/icon_document_darkmode.svg);
}
.darkmode .bell-icon {
  background-image: url(../../../../src/resources/icons/icon_bell_darkmode.svg);
}
.darkmode .volume-up-icon {
  background-image: url(../../../../src/resources/icons/icon_volume_up_darkmode.svg);
}
.darkmode .play-icon {
  background-image: url(../../../../src/resources/icons/icon_play_darkmode.svg);
}
.darkmode .repeat-icon {
  background-image: url(../../../../src/resources/icons/icon_repeat_darkmode.svg);
}
.darkmode .show-text-icon {
  background-image: url(../../../../src/resources/icons/icon_show_text_darkmode.svg);
}
.darkmode .moon-icon {
  background-image: url(../../../../src/resources/icons/icon_moon_darkmode.svg);
}
.darkmode .consent-icon {
  background-image: url(../../../../src/resources/icons/icon_consent_darkmode.svg);
}
.darkmode .key-icon {
  background-image: url(../../../../src/resources/icons/icon_key_darkmode.svg);
}
.darkmode .calendar-icon,
.darkmode .menuAction.active .calendar-icon {
  background-image: url(../../../../src/resources/icons/icon_calendar_chosen_darkmode.svg);
}
.darkmode .plan-icon,
.darkmode .menuAction.active .plan-icon {
  background-image: url(../../../../src/resources/icons/icon_plan_chosen_darkmode.svg);
}
.darkmode .contact-icon,
.darkmode .menuAction.active .contact-icon {
  background-image: url(../../../../src/resources/icons/icon_contact_chosen_darkmode.svg);
}
.darkmode .notification-icon,
.darkmode .menuAction.active .notification-icon {
  background-image: url(../../../../src/resources/icons/icon_notification_chosen_darkmode.svg);
}
.darkmode .trophy-icon,
.darkmode .menuAction.active .trophy-icon {
  background-image: url(../../../../src/resources/icons/icon_trophy_chosen_darkmode.svg);
}
.darkmode .settings-icon,
.darkmode .menuAction.active .settings-icon {
  background-image: url(../../../../src/resources/icons/icon_settings_chosen_darkmode.svg);
}
.darkmode .checkmark-icon,
.darkmode .menuAction.active .checkmark-icon {
  background-image: url(../../../../src/resources/icons/icon_checkmark_darkmode.svg);
}

.darkmode .person-icon,
.darkmode .menuAction.active .person {
  background-image: url(../../../../src/resources/icons/icon_person_outline_darkmode.svg);
}

.darkmode .observation-eye-icon {
  content: url(../../../../src/resources/icons/icon_eye_darkmode.svg);
}

.darkmode .arrow-icon {
  content: url(../../../../src/resources/icons/chevron_right_white_24dp.svg);
}

.darkmode .symbolChooser {
  background-color: #2b2b2b !important;
}
.darkmode .symbolChoice {
  border-bottom: 2px solid #484848;
}
.darkmode .agenda-week-table tr td {
  border-top: 1px solid #4d4d4d !important;
  border-left: 1px solid #4d4d4d !important;
}
.darkmode table tr.timeslot td {
  border-bottom: solid 1px #4d4d4d;
}

/* .darkmode #icon_star_outline use { */
/* fill: #2b2b2b; */
/* } */
/* .darkmode .editSymbol-left-spacer img {
  margin-left: -4px;
  margin-right: 9px;
} */
/* .darkmode .editGoal-symbol-chooser div span{
  margin-left:5px;
} */
.darkmode .editGoal-color-chooser div img,
.darkmode .editGoal-symbol-chooser div:last-child img,
.darkmode .editGoal-add-subgoal-plus,
.darkmode .editGoal-subgoals-subgoal div:last-child img {
  filter: invert(1);
}
.darkmode .set-image .image svg {
  fill: #ffffff;
}

/* My Goal */
.darkmode .goal-overview .overview-subgoal {
  border: 1px solid #4c9e5a;
  background-color: #2b2b2b;
}
.darkmode .goal-overview .overview-content-wrapper {
  background-color: #2b2b2b;
}
.darkmode .overview-subgoal-title {
  color: white !important;
}

/* Samtykke erklæring */
.darkmode html {
  background-color: #2b2b2b;
}

/* Transparent buttons */
.darkmode button.newActivity.action2,
.darkmode button.addFavorite.action2,
.darkmode button.addThread.action2,
.darkmode .editorActions button.approve.action2,
.darkmode button.approve.action2 {
  opacity: 1;
}

/* New camera */
.darkmode #Add-mal #Group {
  fill: white;
}
.darkmode .editGoal-left-spacer svg {
  margin-right: 5px;
}
.darkmode .editGoal-left-spacer {
  margin-left: 10px !important;
  margin-right: 9px;
}

/* Log out */
.darkmode .tiny.page.main.systemDialog.center {
  background: #2a4c2f;
  color: white;
}

/* Planlægger */
.darkmode .userCard {
  background-color: #2b2b2b;
  color: white;
}
.darkmode .state-bin.empty {
  background-color: #2a4c2f;
}
.darkmode #ungSelect .userList .userCard {
  border-bottom: #484848 5px solid;
}
.darkmode .state-bin.clear.before {
  border-top-color: #828282;
  border-left-color: #828282;
}
.darkmode .state-bin.clear {
  background-color: #2b2b2b;
}
.darkmode .state-bin {
  border: 1px solid #828282;
}
.darkmode .selectContactsView input[type="radio"]:checked + label {
  background-image: url("../../../../common/resources/images/radial-button-active-darkmode.png");
}
.darkmode .user-overview .user-overview-entry {
  border-bottom: 5px solid #484848;
}
.darkmode .approve-action {
  background-image: url("../../../../common/resources/images/approve-action-darkmode.svg");
}
.darkmode .btr.bt-camera.bt-stack-sm {
  color: white;
}
/* Active goals */
.darkmode .floating-action g use {
  fill: #4c9e5a;
}
.darkmode .infinite-list,
.darkmode .goals-log .content-wrapper,
.darkmode .historic-goals .historic-goals-scroll-wrapper,
.darkmode .list-empty,
.darkmode .active-goals .active-goals-scroll-wrapper {
  background-color: #2b2b2b;
}
/* EYE BUTTON - Observation */
.darkmode .create-observation div:nth-child(2) {
  background-color: #2b2b2b;
}
.darkmode
  .create-observation-new-observation
  .react-layout-components--box:nth-child(2) {
  background-color: #4c9e5a;
}
.darkmode .create-observation .create-observation-textbox,
.darkmode .create-observation .create-observation-datepicker input,
.darkmode .edit-rating .edit-rating-textbox {
  color: white;
  background-color: #2a4c2f;
  border: solid 1px #2a4c2f;
}
/* observation */
.darkmode
  .observation.react-layout-components--box
  .react-layout-components--box:nth-child(2) {
  background-color: #2b2b2b;
}

/* Finised goals */
.darkmode .goalItem {
  border-bottom: #484848 5px solid;
  background-color: #2b2b2b;
}

.darkmode .arrow_left_circle {
  stroke: none;
}

.darkmode .achievement div:nth-last-child(1) {
  background-color: #2b2b2b;
  color: white;
}

/* No text */
.darkmode .calendar-notext-icon {
  background-image: url(../../../../src/resources/icons/icon_calendar_noText_black_darkmode.svg);
}
.darkmode .agenda-menu-active .calendar-notext-icon {
  background-image: url(../../../../src/resources/icons/icon_calendar_noText_green_darkmode.svg);
}
.darkmode .grid-notext-icon {
  background-image: url(../../../../src/resources/icons/icon_grid_noText_black_darkmode.svg);
}
.darkmode .agenda-menu-active .grid-notext-icon {
  background-image: url(../../../../src/resources/icons/icon_grid_noText_green_darkmode.svg);
}

/* Rettelser */
.darkmode .favorite {
  background-image: url(../../../../src/resources/icons/icon_star_darkmode.svg);
}

.darkmode .rating-bar-chart .axis .tick .emphasized {
  fill: white;
}

/*Rettelser fra Helle*/
.darkmode .selected .activityBottom {
  width: 290px;
  height: 40px;
  background-image: url(../../../../common/resources/images/activity_bottom_darkmode.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.darkmode .goalItem .subgoal .goalItem-subGoal-spacer {
  border-top: #484848 1px solid;
}

/* Tiles LiMo */
.darkmode .tile-content.react-layout-components--box {
  box-shadow: 5px 4px 6px 0 #171717 !important;
  background: #363636;
}
.darkmode .tile.rectangle.blank.react-layout-components--box .tile-content {
  box-shadow: none !important;
}

/*........User Overview............*/
.darkmode
  .user-overview
  .user-overview-entry
  .goals
  .user-overview-goal-entry.bad {
  color: #ff5c5c;
}
.darkmode
  .user-overview
  .user-overview-entry
  .goals
  .user-overview-goal-entry.bad
  .status {
  background-color: rgb(255 0 0 / 20%);
  border: 1px solid #ff5c5c;
}

/*...........CategoryList.............*/
.darkmode .category-list-row {
  border-bottom: 2px solid #484848;
}

.darkmode .sound-list-row-header {
  background-color: #484848;
}
.darkmode .sound-list-row {
  border-bottom: 2px solid #484848;
}

/* .........hej........... */

.darkmode .darkmode-buttons {
  /* background-color: #2b2b2b;
  color: white !important; */
  border: 1px solid rgb(76 158 90) !important;
  /* border: 1px solid red !important; */
}

.darkmode-spacer {
  background-color: #4c9e5a !important;
}

.darkmode-button {
  border: 1px solid rgb(76 158 90) !important;
  background-color: #2b2b2b !important;
  color: white !important;
  background-image: none;
}
/* } */
.darkmode .expandUp{
  content: url(../../../../src/resources/icons/expand_up_white.svg);
}

.darkmode .expandDown{
  content: url(../../../../src/resources/icons/expand_down_white.svg);
}