:root {
  --irjournal-blue: #006095;
  --irjournal-green: #00937d;
 --screen-width : calc(1008px + 2rem);
 --page-width : 1008px;
 --dark : #333;
 --medium: #666;
 --light: #eee;
 --not-as-dark : #acacac;
 --contrast : orange;
 --light-background : #f9f9f9;
 --almost-black: #0A222F;
 --thin-border-dark: 1px solid var(--dark);
 --bottom-border: 1px solid var(--dark);
 --bottom-border-light: 1px solid var(--not-as-dark);
 --top-border: 0px solid var(--contrast);
 --correct: green;
 --wrong: red;
 --heading-font: 'Arial', sans-serif;

}

html {
 overflow-x: hidden;
}

* {
  padding: 0;
  margin: 0;
}

a.is-active {
  font-weight: bold;
}

ul,
ol {
  margin: 0.5rem;
}

ul li,
ol li {
  padding: 0 0.5rem;
  margin: 0 0 0 1.5rem;
  margin-top: 0.2rem;
}

ul li {
  list-style-type: circle;
}

ul ul,
ol ol {
  margin: 0;
}

.vertical-tabs ul li {
  list-style: none;
  margin: 0;
}

ul.toolbar-menu li {
  margin: 0;
  padding: 0;
}

body {
  max-width: var(--screen-width);
  margin: 0 auto;
  font-family: Arial;
  font-weight: 400;
  background-color: var(--light-background);
  color: #000;
}

body.url_dga {
  outline: 10px solid pink;
}

.node__content p {
  margin: 0 auto 1rem auto;
}

.weak {
  color: var(--not-as-dark);
}

/* Grid definitions */
#page {
  display: grid;

  width: var(--page-width);
  /* grid-template-columns: 100%;
  column-gap: 1rem;*/

  /*grid-template-areas:
  "header header header"
  "menu menu menu"
  "breadcrumb breadcrumb breadcrumb"
  "sidebar_first content sidebar_second"
  "footer footer footer";*/

  grid-template-areas:
  "header"
  "menu"
  "breadcrumb"
  "content"
  "footer";

}

#page.no-sidebars {
  width: var(--screen-width);
  grid-template-columns: 100%;
  grid-template-areas:
  "header"
  "menu "
  "breadcrumb"
  "content"
  "footer";
}

#page.no-sidebars aside {
  display: none;
}

#header {
  grid-area: header;
  background: white;
  padding-bottom: 1rem;
  border-bottom: var(--bottom-border);
  min-height: 50px;
  /* text-align: center; */
}


#header h1#logo a {
  color: var(--irjournal-blue);
  text-decoration: none;
}

#header h1#logo {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 3rem;
  letter-spacing: 0.1rem;
  margin-bottom: 1rem;
}

#header h1#logo .ir {
  color: var(--irjournal-green);
}


#block-dga2021-topnavigation .contextual a {
  color: #000;
}

nav#menu {
  grid-area: menu;
}

nav#breadcrumb {
  grid-area: breadcrumb;
}

#content {
  grid-area: content;
  margin-bottom: 1rem;
  border-top: var(--top-border);
}

footer#footer {
  grid-area: footer;
}

aside {
  border-top: var(--top-border);
  margin-bottom: 1rem;
}

#sidebar-first {
  grid-area: sidebar_first;
}

#sidebar-second {
  grid-area: sidebar_second;
}

/* Navigation, menus */
nav ul,
nav ol {
  margin: 1rem;
  padding: 0;
}

nav#block-topnavigation-2 ul li,
nav#block-topnavigation-2 ol li {
  display: inline;
  list-style: none;
  margin: 0;
  margin-right: 0.5rem;
}

nav ol li::after {
  content: '\25B6';
  font-size: 0.7rem;
}

nav ol li:last-child:after {
  content: '';
}

.form-item > label,
legend,
h1, h2, h3, h4, h5, h6 {
  font-family: var(--heading-font);
  color: var(--dark);
  padding: 0;
  margin: 0;
}

.form-item > label,
legend {
  font-weight: bold;
}

h2.node__title {
  margin: 1rem 0 0.5rem 0;
}

a {
  color: var(--dark);
}

h1 a {
  text-decoration: none;
}

#page > aside,
#page > div {
  padding: 0.5rem;
  background-color: white;
  border-bottom: var(--bottom-border);
}


/* Tables */
table {
  /*width: 100%;*/
}


tr.draggable td:first-child {
  /* min-width: 400px;*/
}

tr.draggable td .form-item {
  padding: 0;
}

fieldset legend,
.form-item details > legend,
table tr th {
  text-align: left;
  background-color: var(--light-background);
  border-bottom: var(--bottom-border-light);
  padding: 4px;
  vertical-align: top;
}

fieldset legend,
details legend {
  font-size: 1rem;
  font-weight: bold;
  width: -webkit-fill-available;
  display: block;
  margin-bottom: 0.5rem;
}


table tr td {
  border-top : 1px solid var(--light);
  border-right:  1px solid var(--light);
  padding: 4px;
  vertical-align: top;
}

table tr td ul,
table tr td ul li {
  margin: 0;
  padding: 0;
}

table tr td ul li {
  margin-left: 1rem;
}

/* Tabs */
#block-dga2021-secondary-local-tasks--2,
#block-dga2021-secondary-local-tasks,
#block-dga2021-primary-local-tasks--2,
#block-dga2021-primary-local-tasks {
  clear: both;
  width: 100%;
  /* border: 1px solid red; */
  height: 3rem;
}

#block-dga2021-secondary-local-tasks--2 ul,
#block-dga2021-secondary-local-tasks ul,
#block-dga2021-primary-local-tasks--2 ul,
#block-dga2021-primary-local-tasks ul {
  border-bottom: 1px solid black;
  padding: 1px;
  margin: 1rem 0;
}

#block-dga2021-secondary-local-tasks--2 ul:nth-of-type(2n),
#block-dga2021-secondary-local-tasks ul:nth-of-type(2n),
#block-dga2021-primary-local-tasks--2 ul:nth-of-type(2n),
#block-dga2021-primary-local-tasks ul:nth-of-type(2n) {
  padding-left: 2rem;
}

ul.handbook-links li,
#block-dga2021-secondary-local-tasks--2 li,
#block-dga2021-secondary-local-tasks ul li,
#block-dga2021-primary-local-tasks--2 li,
#block-dga2021-primary-local-tasks ul li {
  margin-left: 1rem;
  display: inline;
  list-style: none;
  margin: 0;
  /* margin-right: 0.5em; */
  padding: 0.2rem;
  border: 1px solid black;
  border-bottom: 0;
  background-color: white;
}

ul.handbook-links li {
  margin-right: 0.5rem;
  border-bottom: 1px solid transparent;
}

ul.handbook-links li a,
#block-dga2021-secondary-local-tasks--2 ul li a,
#block-dga2021-secondary-local-tasks ul li a,
#block-dga2021-primary-local-tasks--2 ul li a,
#block-dga2021-primary-local-tasks ul li a {
  text-decoration: none;
}

ul.handbook-links {
  float: right;
  border-bottom: 1px solid black;
  padding-left : 10px;
  padding-bottom: 2px;
  margin-top: 21px;
  /* padding-right: 200px; */
}

ul.handbook-links a {
  text-decoration: none;
}


/* Books */
nav.book-navigation ul li {
  display: list-item;
  list-style:decimal;
  margin-left: 1rem;
}

.book-navigation {
  background-color: var(--light-background);
  padding: 0.2rem 0.5rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

#block-dga2021-breadcrumbs nav ol,
#block-dga2021-breadcrumbs nav ol li {
  margin: 0;
  padding: 0;
}

nav.book-navigation ul {
  /* display: none; */
}

.book-contents h2 {
  cursor: pointer;
  margin-bottom: 0.5rem;
}

.book-contents h2.collapsed:after {
  content: '\25B6';
  font-size: 0.7rem;
  margin-left: 0.5rem;
}

.book-contents h2.expanded:after {
  /* content: '\25BC'; */
  content: '\25C0';
  font-size: 0.7rem;
  margin-left: 0.5rem;
}

.book-contents ul li {
  list-style: none;
  margin-left: 1rem;
}

.book-contents .section ul:first-child li {
  margin-left: -1rem;
  font-weight: bold;
  font-size: 1.2rem;
  font-family: var(--heading-font);
}

.book-contents ul li.dga-section {
  border-top: var(--thin-border-dark);
}

#full_handbook .indent-0,
.book-contents ul li.indent-0 {
  margin-left: 0;
}

#full_handbook .indent-2,
.book-contents ul li.indent-2 {
  margin-left: 1rem;
}

#full_handbook .indent-3,
.book-contents ul li.indent-3 {
  margin-left: 2rem;
}

#full_handbook .indent-4,
.book-contents ul li.indent-4 {
  margin-left: 3rem;
}

#full_handbook .indent-5,
.book-contents ul li.indent-5 {
  margin-left: 5rem;
}

.node--type-book.node--view-mode-full .dga-section {
  text-align: right;
  font-weight: bold;
  font-size: 1.2rem;
  font-family: var(--heading-font);
}

.node--type-book.node--view-mode-full .dga-themes {
  float: right;
  margin-left: 2rem;
  padding: 1rem;
  background-color: var(--light-background);
}

.node--type-book.node--view-mode-full .dga-themes ul li {
  list-style: none;
  margin-left: -1rem;
}


.node--type-book.node--view-mode-full .field_section .field-single {
  font-weight: bold;
  font-family: var(--heading-font);
  color: var(--dark);
  font-size: 1.5rem;
}

/* user guide */

#block-guide.book-contents ul li:first-child {
  list-style: none;
  margin-left : -1rem;
}

#block-guide.book-contents ul li ul li:first-child {
  list-style: inherit;
  margin-left: inherit;
}

.node--type-vejledning .links.inline {
  display: none;
}

/* Full handbook */
.handbook-page,
.handbook-sub {
  margin-top:-60px;
  padding-top:75px;
}

#full_handbook article {
  padding: 5px;
  transition: all 0.5s ease-in-out;
}

.handbook-links:hover ~ article {
  background-color: var(--light-background);
  /* outline: 4px solid var(--light-background); */
}

#full_handbook .dga-alone-link {
  float: right;
  margin-top: 10px;
}

#full_handbook .links.inline {
  display: none;
}

#full_handbook .handbook-sub,
#full_handbook .full_handbook_depth_2 {
  padding-left : 2rem;
}

#full_handbook .handbook-sub h2 {
  font-size: 130%;
}

#full_handbook .full_handbook_depth_3 {
  padding-left : 4rem;
}

/* Forms */

details {
  border : var(--bottom-border-light);
  margin: 1.5rem 0;
  padding: 0 0.5rem 0 0.5rem;
}

details summary {
  background-color: #fff;
  margin: -10px 0 0 10px;
  padding: 0 10px;
  max-width: 200px;
  /* float: left; */
  cursor: pointer;
}

button.link {
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  background: transparent;
  font-size: 1em;
  text-decoration: underline;
  color: #008ee6;
}

form.node-customer-edit-form .form-item input,
form.node-customer-form .form-item input {
  vertical-align: top;
  display: inline-block;
}

form.node-customer-form #edit-field-consent-0-upload-button {
  /* By some magic we've got auto upload running, but the upload button (graceful degradation for non-js browsers?) is visible to owners at
  https://dev.vertikal.dk/irjournal.dk/web/node/add/customer?destination=/irjournal.dk/web/home
  This is the cure.*/
  display: none;
}

form.node-customer-edit-form .form-item,
form.node-customer-form .form-item {
  vertical-align: top;
  background-color: var(--light-background);
  margin-bottom: 1rem;
}

form.node-client-form .form-item label,
form.node-client-edit-form .form-item label,
form.node-customer-edit-form .form-item label,
form.node-customer-form .form-item label,
form.user-register-form label {
  /* display: inline-block;
  width: 120px; */
  margin-bottom: 0.5rem;
}

form .js-form-type-radio label,
form .js-form-type-checkbox label,
form .form-composite label {
  display: inline-block;
}

.password-strength {
  width: 236px;
  float: right;
  margin-bottom: 0.5rem;
}

.internalpath-admin-people-create #block-dga2021-help {
  display: none;
}

#edit-field-therapist-view label,
#edit-field-therapist-edit label {
  width: auto;
}

/*
.node-book-edit-form .field-edit-link,
.node-book-edit-form .js-filter-wrapper {
  display: none;
}
*/

.node-ticket-edit-form .token-dialog {
  display: none;
}

#edit-token-link { margin: -1.5rem 0 1rem 0; }

textarea {
  padding : 4px;
}

.vertical-tabs__panes {
  padding-left: 1rem;
}

select, input {
  font-size: 90%;
}

form .form-item {
  /* margin: 0.5rem 0 1rem 0; */
  /* background-color: var(--light-background); */
  padding: 0.5rem;
}

form .form-item .description {
  color: var(--dark);
  margin: 0.2rem 0;
}

form .form-item .form-item {
  padding: 0;
}

.user-login-form .form-item {
  margin: 0;
}

.user-login-form label {
  display: block;
  font-weight: bold;
}

#user-form label {
  width : 300px;
  display: inline-block;
  font-weight: bold;
}

#dga-quiz-form #edit-answers {
  margin: 1rem 0;
}

#dga-quiz-form .form-item {
  background-color: inherit;
  margin: 0;
  padding: 0;
}

table.bar-table {
  width: 100%;
  table-layout: fixed;
  /* border-spacing: 0.2rem; */
}

table.bar-table tr {
  height: 0.7rem;
}

table.bar-table td {
  text-align: center;
  background-color: var(--not-as-dark);
  color: var(--not-as-dark);
  border-right: 2px solid var(--light-background);
}

table.bar-table td.before {
  background-color: var(--correct);
  color: var(--correct);
}

table.bar-table td.current {
  background-color: var(--dark);
  color: var(--dark);
}

table.bar-table td.after {
  background-color: var(--not-as-dark);
  color: var(--not-as-dark);
}

/* Content overview view */
body.full_path-admin-content-overview table {
  width: 100%;
  table-layout: fixed;
}


body.full_path-admin-content-overview table th,
body.full_path-admin-content-overview table td {
  vertical-align: top;
}

body.full_path-admin-content-overview table th.views-field-title,
body.full_path-admin-content-overview table td.views-field-title {
  width: 300px;
}

table caption {
  font-family: 'PT Sans Narrow', sans-serif;
  color: var(--dark);
  text-align: left;
  font-size: 1.5rem;
  font-weight: bold;
  background-color: var(--light-background);
  padding: 0 0.5rem;
  margin-top: 1rem;
}

/* Admin content and user form */
body.full_path-admin-people .views-exposed-form,
body.full_path-admin-content .views-exposed-form {
  background-color: var(--light-background);
}

body.full_path-admin-people .views-exposed-form::before,
body.full_path-admin-content .views-exposed-form::before {
  content: 'Filter';
  padding: 0.5rem;
  display: block;
  font-weight: bold;
}

body.full_path-admin-people .views-exposed-form .form-item,
body.full_path-admin-content .views-exposed-form .form-item {
  float: left;
  padding: 0;
  margin: 0.5rem;
}

body.full_path-admin-people .views-exposed-form .form-item.form-item-user,
body.full_path-admin-content .views-exposed-form .form-item.form-item-title {
  float: none;
}

body.full_path-admin-people .views-exposed-form .form-actions,
body.full_path-admin-content .views-exposed-form .form-actions {
  clear: both;
}

body.full_path-admin-people input,
body.full_path-admin-content input {
  margin: 0;
}


/* Search */
#search-block-form div { display: inline; }

/* Forms */
button.button {
  font-size: 100%;
    margin: 1rem 1rem 1rem 0;
    padding: 0.2rem 1.5rem;
    border-radius: 0.5rem;
    background-color: var(--medium);
    color: #fff;
    border: 0;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 40%);
}

ul.dropbutton {
  background-color: var(--light-background);
}

.dropbutton-widget {
  border: 1px solid #999;
  border-radius: 4px;
  background-color: var(--light-background);
  width: auto;
}

.dropbutton-toggle {
  width: auto;
}

.js .dropbutton-multiple .dropbutton-widget {
  padding-right: 1em;
}

.dropbutton-widget .secondary-action {
  border-top: 1px solid #666;
  padding: 4px;
}

.dropbutton-wrapper.open .dropbutton-widget {
  box-shadow: 3px 3px 6px 2px #ccc;
}

input[type=radio] {
  margin: 0.5rem 0;
}

.add-button,
.course-button,
input.button {
  font-size: 100%;
  margin: 1rem 1rem 1rem 0;
  padding: 0.2rem 1.5rem;
  border-radius: 0.5rem;
  background-color: var(--medium);
  color: #fff;
  border: 0;
  box-shadow: 0px 2px 5px rgba(0,0,0, 0.4);
  transition: all 0.2s;
}

.course-button.end-course {
  background-color: red;
  margin: 0.5rem 0.5rem 0 0.5rem;
  display: block;
}

.course-button.followup {
  background-color:var(--irjournal-blue);
  margin: 0.5rem 0.5rem 0 0.5rem;
  display: block;
}

.course-button.add-session.add-button {
  margin-top: 0.5rem;
  margin-left: 0.5rem;
}

input.button:hover {
  box-shadow: 0px 0px 0px rgba(60,60,60, 0.6);
}

.more-button {
  /* display: none; */
  font-weight: normal;
  margin-left: 2.5rem;
}

/* Quiz */
.quiz-next {
  background-image: url('/themes/custom/dga2021/icons/quiz.svg');
  background-repeat: no-repeat;
  background-size: 40px;
  background-position: left;
  height: 30px;
  padding-left: 50px;
  padding-top: 12px;
  /*   outline: 1px solid #000; */
}

.node .quiz-link {
  margin: 1rem 0;
}

.author-label,
.path-user label,
.node label {
  font-weight: bold;
  /* border-top: 1px solid var(--not-as-dark);*/
  display: block;
  padding-top: 0.5rem;
  margin-top: 0.5rem;
}

.node form.comment-form label,
form .node label.option {
  border: 0;
  display: inline;
}

.node form.comment-form #edit-ticket-status--wrapper--description {
  clear: both;
}

#edit-ticket-status .form-item { float: left; margin-right: 1rem; }

.node .field-content p {
  margin: 0;
}

.node.node--type-quiz .field_answers .field-content .field-single {
  color: var(--wrong);
}

.node.node--type-quiz .field_answers .field-content .field-single:first-child {
  color: var(--correct);
}

.dga-quiz-progress {
  background-color: var(--light-background);
  padding: 0.2rem;
  margin: 1rem 0;
}

.dga-quiz-progress h3 {
  background-color: var(--light-background);
  display: inline;
  margin-right: 0.5rem;
}

.dga-quiz-progress table {
  table-layout: fixed;
  width: 100%;
}

.dga-quiz-single {
  background-color: var(--not-as-dark);
  /* min-width: 1rem; */
  /* margin-right: 0.2rem;*/
  height: 0.7rem;
  /* display: inline-block; */
}

.dga-quiz-single.correct {
  background-color: var(--correct);
}

.dga-quiz-single.wrong.result,
.dga-quiz-single.wrong.done {
  background-color: var(--wrong);
}

.dga-quiz-single.current {
  background-color: var(--dark);
}

.dga-quiz-single.done {
  background-color: var(--correct);
}

.dga-quiz-single.start {
  background-color: var(--not-as-dark);
  outline: 0px solid var(--dark);
}

/* Messages */
div[data-drupal-messages] {
  margin: 1rem 0;
}

div[role=warning].message,
div[data-drupal-messages] div {
  margin-bottom: 0.5rem;
}

div[role=warning].message {
  margin-top: 0.5rem;
}

div[data-drupal-messages] .answer {
  font-weight: bold;
}

div[data-drupal-messages] div[role=message] {
  border: 2px solid green;
  /* background-color: #647e64; */
  padding: 0.5rem;
  /* border-radius: 0.5rem; */
}

div[data-drupal-messages] div[role=error] {
  border: 2px solid red;
  /* background-color: #f8cbcb; */
  padding: 0.5rem;
  /* border-radius: 0.5rem; */
}

div[role=warning].message,
div[data-drupal-messages] div[role=warning] {
  border: 2px solid #ffa500;
  /* background-color: #ffe4b1; */
  padding: 0.5rem;
  /* border-radius: 0.5rem; */
}

.feed-icon {
  display: none;
}

/* Icons */
.xnode--type-book .field_svg_ikon {
  float: right;
  margin-top: -60px;
  height: 60px;
}

.field_svg_ikon img {
  float: right;
  max-width: 60px;
  height: auto;
  margin: 1rem 0 1rem 1rem;
}

li.active > a {
  font-weight: bold;
}

#search-block-form {
  background-color: var(--light-background);
  padding: 0.2rem;
  margin-bottom: 1rem;
}

#search-block-form input {
  max-width: 130px;
}

#search-block-form .form-item {
  margin: 0;
  padding: 0;
}

#search-block-form input.button {
  width: 40px;
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

#search-block-form div.form-wrapper {
  margin: 0;
  padding: 0;
}

.search-help-link {
  display: none;
}

#vertikal_user_menu {
  float: right;
}


article.node--type-article .field_image {
  float: right;
  margin: 0 0 1em 1em;
}

/* Videos */
.video-embed-field-responsive-video {
  clear: both;
}

.dga-token {
  color: purple;
}

.button-action {
  display: inline-block;
  padding: 0.2em 0.5em 0.3em;
  text-decoration: none;
  line-height: 160%;
  border: 1px solid #000;
  color: #fff;
  border-radius: 4px;
  background-color: var(--medium);
  padding: 0em 0.5em;
  margin: 0.5rem auto;
}

.button-action:before {
  margin-left: -0.1em; /* LTR */
  padding-right: 0.2em; /* LTR */
  content: "+";
  font-weight: 900;
}

#block-dga2021-local-actions li {
  list-style: none;
  display: inline;
}

.node-form input[type=radio] {
  margin: 0;
}

.node-form #edit-field-business-type--wrapper .fieldset-wrapper #edit-field-business-type,
.node-form #edit-field-company-type--wrapper .fieldset-wrapper {
  columns: 4;
}

#edit-field-business-type--wrapper--description {
  clear: both;
}

.tabledrag-toggle-weight-wrapper {
  display: none;
}

form > div.form-wrapper {
  /* padding: 0.5rem; */
  background-color: var(--light-background);
  margin: 1rem 0;
}

ul.action-links li {
  display: inline;
  list-style: none;
  margin: 0;
}

/* Tickets */

.node.node--type-ticket.node--view-mode-full {
  background-color: var(--light);
  padding: 0.5rem;
}

.node-type-ticket section article {
  border-top: 2px solid var(--dark);
  border-bottom: 2px solid var(--dark);
  padding: 0 1rem;
  background-color: white;
  margin-bottom: 1rem;
}

.node-type-ticket section article .links.inline {
  margin: 0;
  padding: 0;
  background-color: var(--light);
  padding: 0 0.5rem;
  margin-bottom: 1rem;
}

.node-type-ticket .links.inline li {
  display: inline;
  list-style: none;
  font-size: 80%;
  margin: 0 1rem 0 0;
  padding: 0;
}

.ticket-overview table {
  table-layout: fixed;
}


/* Update manager */
ul.project-update__version-links li {
  list-style: none;
}

/* Blocks */
#block-topcallforactiontilforside {
  text-align: center;
  font-family: 'PT Sans Narrow', sans-serif;
  color: var(--dark);
  font-size: 3rem;
  line-height: 3rem;
}

#block-topcallforactiontilforside img {
  max-width: -webkit-fill-available;
  max-width: -moz-available;
}

/* Front page */
.node-61 article ul li {
  list-style: none;
}

.node-61 article ul li:before {
  content: '✓';
  /* content: '\2713'; */
  font-weight: bold;
  font-size: 1.5rem;
  display: inline-block;
  color: green;
  padding: 0 6px 0 0;
}

.node-61 article ol li {
  list-style: none;
}

.node-61 article ol li:before {
  /* content: '✓'; */
  content: '\27A4';
  display: inline-block;
  color: green;
  padding: 0 6px 0 0;
}

#block-start {
  text-align: center;
  margin: 1rem auto;
  background-color: var(--light-background);
  border-radius: 1rem;
  padding: 1rem;
  border: var(--bottom-border);
}

/* Paired pages */
#block-pairedpages a.active {
  font-weight: bold;
}

#block-pairedpages {
  background-color: var(--light);
  padding: 0.5rem;
  margin-top: 1rem;
}

.emphasized { font-weight: bold; }
.emphasized.minus { color: red; }
.emphasized.plus { color: green; }
.chapter { font-size: 120%; font-weight: bold;  margin: 1rem auto 0 auto; }
.cke_editable { padding: 1rem; background-color: white; }
.cke_editable p { margin: 0 auto 1rem auto; }
.cke_editable ol, .cke_editable ul, .cke_editable dl { padding: 0; }

.read-more { margin: 1rem auto; }

form .form-wrapper.company-operations {
  clear: both;
  min-height: 110px;
  width: fit-content;
  margin: 0 auto;
}

a.company-operation {
  float: left;
  width: 100px;
  text-align: center;
  margin: 1rem;
  background-color: var(--dark);
  color: #fff;
  padding: 2rem;
  border-radius: 0.5rem;
  text-decoration: none;
}

/*
li.has-options a::after,
li.has-optional-text a::after {
  content: ' V';
  font-weight: bold;
  color: green;
}

li.has-options a::after {
  color: blue;
}

li.has-optional-text.has-options a::after {
  color: orange;
}
*/

li.has-options a,
li.has-optional-text a {
  text-decoration: none;
  border-bottom: 1px dashed green;
}

li.has-options a {
  border-bottom: 1px dashed blue;
}

li.has-optional-text.has-options a {
  border-bottom: 1px dashed red;
}

/* Home */
.home-box {
  /* display: table-cell; */
  float: left;
  width: 30%;
  padding: 0.5rem;
  margin-right: 0.5rem;
  min-height: 320px;
  /* background-color: var(--light-background); */
}

.home-box a {
  font-weight: bold;
  text-decoration: none;
}

.home-box li a {
  font-weight: normal;
}

#block-dga2021-primary-local-tasks ul {
  text-align:left;
  float: left;
  list-style-type: none;
}

#block-dga2021-topnavigation {
  color: white;
  background: var(--irjournal-blue); /* rgb(62, 80, 104); */
  padding: 0.5rem;
}

#block-dga2021-topnavigation h2 {
  color: white;
}

#block-dga2021-topnavigation a {
  color: white;
}

xarticle.node--type-course.node--view-mode-show-course details {
  width: 50%;
  max-width: 400px;
  /* float: right; */
  /* position: absolute;
  margin-left: 550px;*/
  /* min-height: 80px; */
  background-color: white;
  /* margin-top: 80px; */
  z-index: 10;
}

article.node--type-session details {
  margin: 0;
}

.user-edit,
.edit-link {
  margin-left: 0.5rem;
  color: var(--irjournal-green);
}

/*a.session-user-edit  {
  display: block;
  text-decoration: none;
  color: var(--irjournal-green);
  margin-top: -23px;
  margin-left: 100px;
}*/

.user-logout,
.user-edit {
  font-size: 1rem;
}

.user-logout {
  display: inline-block;
  background-image: url('/themes/dga2021/images/logout.svg');
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  color: transparent;
  height: 1rem;
  width: 1rem;
  margin-bottom: -3px;
  color: red;
}

.padlock {
  display: inline-block;
  background-image: url('/themes/dga2021/images/padlock.svg');
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  color: transparent;
  height: 1rem;
  width: 1rem;
  margin-left: 3px;
  margin-bottom: -3px;
  color: red;
}

a.edit-link, a.user-edit, a.session-user-edit, .pencilu {
  display: inline-block;
  background-image: url('/themes/dga2021/images/pencil.svg');
  background-repeat: no-repeat;
  background-size: 1rem 1rem;
  color: transparent;
  height: 1rem;
  width: 1rem;
  margin-left: 0.8rem;
  margin-bottom: -3px;
  filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(127deg) brightness(104%) contrast(97%); /* Green */
}
a.edit-link.missing-fields, a.edit-link.missing-fields .pencilu {
  filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(340deg) brightness(104%) contrast(97%); /* Red */
}

a.session-user-edit {
  display: block;
  margin-top: -22px;
  margin-left: 108px;
}



.edit-link.missing-fields {
 /* color: red;*/
}

.missing-count {
  font-size: 80%;
}

.node--type-course.node--view-mode-show-course h2 {
  display: none;
}

.node--type-course.node--view-mode-show-course .node__content h2 {
  display: inherit;
}

.node--type-session.node--view-mode-show-course label,
.node--type-course.node--view-mode-show-course label,
.node--type-course.node--view-mode-full label {
  width: 120px;
  float: left;
  margin-top: -0.5rem;
}

.node--type-session.node--view-mode-show-course .node__content,
.node--type-course.node--view-mode-show-course .node__content,
.node--type-course.node--view-mode-full .node__content {
  border-top: 1px solid var(--not-as-dark);
  /* padding: 0.5rem;*/
}

x.node--type-session.node--view-mode-show-course .node__content > div,
.node--type-course.node--view-mode-show-course .node__content > div,
.node--type-course.node--view-mode-full .node__content > div {
  border-top: 1px solid var(--not-as-dark);
  padding: 0.5rem 0;
  clear: both;
}



.node--type-session.node--view-mode-show-course .node__content > div > div,
.node--type-course.node--view-mode-show-course .node__content > div > div,
.node--type-course.node--view-mode-full .node__content > div > div {
  margin-left: 130px;
  border-left: 0px solid var(--not-as-dark);
  padding-left: 1rem;
}

.node--type-session.node--view-mode-show-course .field_note {
  margin-top: 1rem;
}

.node--type-session.node--view-mode-show-course .field_session_type {
  margin-bottom: 1rem;
}


.field_insession_measurement .node--type-mt-new .node__content > div {
  border: 0;
  padding: 0;
}

.add-button,
.course-button {
  /* margin: 1rem 0.5rem;
  background-color: #ccc;
  padding: 0.5rem;

  border-radius: 4px;*/
  padding: 0.2rem 0.5rem;
  text-decoration: none;
  display: block;
  float: right;
}

.add-button {
  background-color: var(--irjournal-green);
  margin: 0;
  margin-top: -0.2rem;
  /* margin-right: 12rem; */
  float: left;
  margin-right: 1rem;

}

.user-logout {
  margin-left: 2rem;
  /* float: right; */
}

.node-customer-form #edit-field-birthday-0-value {
  margin-left: 124px;
  margin-top: -26px;
}

/* Remove N/A on gender in customer form */
.node-customer-form #edit-field-gender .form-item:first-child {
  display: none;
}

/* Hide text formats on editor */
#edit-field-note-0-format-help,
#edit-field-course-end-note-0-format {
  display: none;
}

/* Add labels to H1 titles on certain node types */
#block-dga2021-page-title h1 {
  margin-left: 0.5rem;
  font-size: 1.4rem;
}

.page-node-type-course #block-dga2021-page-title h1::before,
.path-node #block-dga2021-page-title h1::before {
  display: block;
  font-size: 60%;
  color: var(--irjournal-blue);
}

.page-node-type-clinic #block-dga2021-page-title h1::before {
  content: 'Klinik';
}

.page-node-type-course #block-dga2021-page-title h1::before {
  content: 'Forløb';
  display: block;
  /* virker ikke så godt på https://dev.vertikal.dk/irjournal.dk/web/course/119
  er løst midlertidigt med <br> i function show_course i irjournalController.php */
}
.page-node-type-client #block-dga2021-page-title h1::before {
  content: 'Klient';
}
.page-node-type-customer #block-dga2021-page-title h1::before {
  content: 'Kunde';
}
.page-node-type-session #block-dga2021-page-title h1::before {
  content: 'Session';
}

.inputtypes-color #block-dga2021-content .contextual-region {
  /* To make the contextual links not fuck up https://dev.vertikal.dk/irjournal.dk/web/course/112 */
  position: unset;
}

.inputtypes-color #block-dga2021-content .contextual-region {
  /* To remove the ugly session dates on https://dev.vertikal.dk/irjournal.dk/web/course/112
     in a brighter future it'll happen https://dev.vertikal.dk/irjournal.dk/web/admin/structure/types/manage/session/display/show_course
     Debug on/off is at /dev.vertikal.dk/irjournal.dk/web/sites/default/default.services.yml */
  /* Sorry, could not find a way to remove the ugly date - neither in views modes or css.  */
}

.internalpath-node-add-course #edit-field-note-0-format {
  display: none;
}

form label {
  display:block;
}

.js-form-type-vertical-tabs {
  display: none;
}

.user-role-administrator .js-form-type-vertical-tabs {
  display: block;
}

.user-not-admin #block-dga2021-primary-local-tasks {
  display: none;
}

.user-role-king.page-node-type-page #block-dga2021-primary-local-tasks {
  display: block;

}

.page-node-type-customer a#edit-show,
.page-node-type-customer a#edit-delete,
.page-node-type-client a#edit-show,
.page-node-type-client a#edit-delete,
.page-node-type-course a#edit-show,
.page-node-type-course a#edit-delete,
.page-node-type-session a#edit-show,
.page-node-type-session a#edit-delete {
  display: none; /* They are not allowed to see dangerous buttons TODO: improve */
}

.field_insession_pss .node__title,
.field_insession_pss .node__title label,
.field_insession_measurement .node__title {
  display: none;
}

#block-dga2021-page-title .contextual {
  display: none;
}

.js-form-item-status-value {
  display: none;
}

#inline-entity-form-field_insession_measurement-form {
  padding-left: 10px;
}

.node--type-clinic.node--view-mode-full div.field-content,
.node--type-clinic.node--view-mode-full div.field-single,
.node--type-measurement-method.node--view-mode-full div.field-content,
.node--type-measurement-method.node--view-mode-full div.field-single,
.path-user article[typeof="schema:Person"] div.field-content div,
.path-user article[typeof="schema:Person"] div.field-single,
.path-user article[typeof="schema:Person"] div.field-content,
.node--type-client.node--view-mode-full div.field-single,
.node--type-client.node--view-mode-full div.field-content,
.node--type-client.node--view-mode-full div.field-single,
.node--type-customer.node--view-mode-full div.field-content,
.node--type-customer.node--view-mode-full div.field-single {
  display: inline-block;
  vertical-align: top;
  margin-top: 0.5rem;
}

.path-user label,
.node--type-clinic.node--view-mode-full label,
.node--type-measurement-method.node--view-mode-full label,
.node--type-client.node--view-mode-full label,
.node--type-customer.node--view-mode-full label {
  display: inline-block;
  width: 200px;
  padding: 0;
  vertical-align: top;
}

.node--type-clinic.node--view-mode-full div.field-content div.field-single,
.node--type-measurement-method.node--view-mode-full div.field-content div.field-single,
.path-user article[typeof="schema:Person"] div.field-content div div.field-single,
.path-user article[typeof="schema:Person"] div.field-content div.field-single,
.node--type-client.node--view-mode-full div.field-content div.field-single,
.node--type-customer.node--view-mode-full div.field-content div.field-single {
  margin-top: 0;
}

.author-label {
  clear: both;
  width: 145px;
  display: inline-block;
}

.author {
  display: inline;
}

.author-info {
  padding-left: 0.5rem;
}
.page-node-type-course .author-info {
  padding-left: 0rem;
}

.session-links {
  height: 40px;
}
.course-status-running, .course-status-ended {
  float: right;
  margin-top: 1rem;
}

.user-not-admin .node-session-form .field--name-field-course-reference {
  display: none;
}

.user-role-admin .node-session-form .field--name-field-course-reference,
.user-role-owner .node-session-form .field--name-field-course-reference {
  display: block;
}

.path-course .field_session_image img {
  /* border: 2px red solid;*/
  max-width: 100%;
  height: auto;
}

.session-date {
  font-size: 1rem;
  margin-left: 150px;
  margin-top: -1.1rem;
}

#block-dashboard-menu {
  display: none;
}

.path-se-alle details {
  display: none;
}

.node--view-mode-show-course h2 {
  font-size: 1rem;
  margin: 0;
}

.path-view-all .home-box {
  width: 100%;
}

.node--type-clinic.node--view-mode-full .form-wrapper div.field-single {
  display: block;
}

#block-topnavigation-2 {
  background-color: var(--irjournal-blue);
  font-weight: bold;
  padding: 0.1rem;
  margin-bottom: 1rem;
}

#block-topnavigation-2 a:hover {
  text-decoration: underline;
}

#block-topnavigation-2 a {
  color: white;
  text-decoration: none;
}

#block-topnavigation-2 .contextual a {
  color: var(--irjournal-blue);
  text-decoration: none;
}

/* USER EDIT */
#edit-field-therapist-view-wrapper .fieldset-wrapper,
#edit-field-therapist-edit-wrapper .fieldset-wrapper,
#edit-field-session-type--wrapper .fieldset-wrapper,
#edit-field-gender-wrapper .fieldset-wrapper {
  columns: 4;
}

#edit-field-customer-type-term .fieldset-wrapper {
  columns: 3;
  /* TODO make them wrap better */
}

#edit-field-payment-method-reference,
#edit-field-course-type {
  columns: 4;
}

.fieldset-wrapper #edit-roles {
  columns: 3;
}

#user-form .fieldset-wrapper #edit-roles label {
  vertical-align: bottom; /* it doesn't need this at #user-register-form */
}

#edit-field-therapist-type--wrapper .fieldset-wrapper {
  columns: 3;
}

#user-form #edit-field-therapist-type--wrapper .fieldset-wrapper label {
  vertical-align: bottom; /* it doesn't need this at #user-register-form */
}

.path-overblik .views-field-edit-node a {
  text-decoration: none;
}

#edit-show {
  margin-left: 1rem;
  margin-right: 1rem;
}

#edit-delete {
  display: none;
}

.path-admin #block-dga2021-help {
  display: none;
}

.printer-icon {
  margin-left: 1rem;
}

.field--type-datetime h4 {
  margin-left: 0.5rem;
}

#edit-field-course-type--wrapper .fieldset-legend,
#edit-field-therapist-edit-wrapper .fieldset-legend,
#edit-field-session-type--wrapper .fieldset-legend,
#edit-field-therapist-view-wrapper .fieldset-legend {
  margin-left: -5px;
}

.field_mt_new .node__title, .field_perceived_stress_test_new .node__title, .field_heart_rate_variability .node__title {
  display: none;
}

/* .page-node-type-session #inline-entity-form-field_perceived_stress_test_new-form  .inline-entity-form-node-label, .page-node-type-session #inline-entity-form-field_perceived_stress_test_new-form #edit-field-perceived-stress-test-new-entities-0-actions-ief-entity-edit
.page-node-type-session #inline-entity-form-field_perceived_stress_test_new-form .inline-entity-form-node-status,
.page-node-type-session #inline-entity-form-field_perceived_stress_test_new-form .inline-entity-form-node-status.th {
  display: none;
}
*/

.page-node-type-session #inline-entity-form-field_heart_rate_variability-form .field--name-title,
.page-node-type-session #inline-entity-form-field_mt_new-form .field--name-title {
  display: none;
}

.node-bedre-stress-opfoelgning-form .field--name-title,
.node-bedre-stress-opfoelgning-form .form-item-field-course-reference-0-target-id {
  display: none;
}

.path-course .node--type-bedre-stress-opfoelgning {
  margin-top: 30px;
  padding: 10px;
  border: 1px solid black;
}

.path-course .node--type-bedre-stress-opfoelgning .field-single {
  padding-left: 500px;
  margin-top: -1.1rem;
}

.node-measurement-result-form .form-item-field-intention2-0-value,
.node-measurement-result-form .form-item-field-note-0-value,
.node-measurement-result-form .field--name-field-note,
.node-measurement-result-form .field--name-title,
.node-measurement-result-form .field-multiple-table,
.node-measurement-result-form .form-item-field-course-reference-0-target-id,
.node-measurement-result-form .form-item-field-clinic-reference-0-target-id,
.node-measurement-result-form .field-add-more-submit {
 /* display: none;*/
}

.node-measurement-result-form .form-number {
  width: 5rem;
}

.path-tak .div[data-drupal-messages],
.path-tak h1 {
  display:none;
}



.upcoming-followups-title {
  margin-bottom: 1rem;
}

.session-heading {
  margin-top: 1rem;
  /* font-size: 1.5rem;*/
}

.upcoming-date {
  padding: 0.5rem;
  margin-right: 2rem;
  padding-right: 2rem;
  margin-bottom: 2rem;
}

.upcoming-date-delete {
  /*border: 1px dashed grey;*/
  vertical-align: top;
  margin-right: 2rem;
  font-size: 0.5rem;
  text-decoration: none;
}

.user-role-anonymous #block-dga2021-page-title h1 {
  display: none;
}

.last-answers {
  width: 50%;
}

.field_session_image .colorbox {
  float: left;
  padding-right: 1rem;
}

.field_session_file {
  clear: both;
}

.page-node-type-course .mm-link {
  padding-right: 2rem;
}

.mm-links {
  display: none;
  position: absolute;
  background-color:white !important;
  padding: 1rem;
  border: 1px solid black;
  margin-left: 150px;
  margin-top: -3rem;
  max-width: 600px;
  line-height: 2rem;
  z-index: 1000;
}

a.mm-link {
  text-decoration: none;
}

.add-button.mm-trigger {
  cursor: pointer;
  display: inline-block;
  float: none;
  margin-bottom: 1rem;
}

.insession-measurement {
  display: block;
  margin-left: 150px;
  margin-bottom: -0.5rem;
 /* border: 1px solid red;*/
}

.XXXinsession-measurement table {
  display: block;
  margin-left: 150px;
  /* border: 1px solid red;*/
}

.followup-measurement  {
  /* margin-left: -150px;*/
}

.measurement-label {
  display: block;
  font-weight: bold;
  /* margin-left: -150px;*/
}

.add-button.mm-trigger {
  background-color: var(--irjournal-blue);
}

table.single-results {
  min-width: 300px;
}

table.single-results .single-result-value {
  text-align: right;
}

.colorbox img {
  display: inline-block;
  width: 125px;
  height: auto;
}

.insession-measurement {
  word-break: break-word;
}

.red {
  background-color: #fc4f4f;
  text-align: right;
}

.yellow {
  background-color: #eded6b;
  text-align: right;
}

.green {
  background-color: #61b161;
  text-align: right;
}

.followup-form .fieldset-wrapper .js-form-type-radio {
  display: block;
  float: left;
  margin-right: 1.5rem;
}

.editor-styles-wrapper {
  font-family: Arial, sans-serif;
}

#stats-form #edit-therapist-uid {
  columns: 5;
}

#stats-form #edit-clinic-nid {
  columns: 5;
}

#stats-form .form-item-course-start,
#stats-form .form-item-course-end {
  display: block;
  float: left;
}

#stats-form .form-item-ended {
  display: block;
  clear: both;
}


.stat-table {
  border: 1px solid black;
  padding: 0.5rem;
  width: 400px;
  float: left;
  margin-right: 3rem;
  margin-bottom: 3rem;
  min-height: 200px;
}

.stat-table table {
  width: 100%;
}

.stat-header {
  font-weight: bold;
}

/* FOR THE FRONTPAGE FETCHED FROM KDPRAKSIS*/

.et_pb_text_inner {
  /* width: 50%;*/
  line-height: 1.5rem;
}

.et_pb_row {
  width: 80%;
  max-width: 1080px;
  margin: auto;
  position: relative;
  padding-bottom: 2rem;
}

.et_pb_row h3 {
  padding-bottom: 2rem;
}

.et_pb_row_2, .et_pb_row_3 {
  width: 50%;
}

.et_pb_row_4 {
  text-align: right;
}

.et_pb_gutters3 .et_pb_column_3_5, .et_pb_gutters3.et_pb_row .et_pb_column_3_5 {
  width: 57.8%;
}

.start-bar {

}

.blocked-user {
  color: red;
}

.logo img{
  padding-left: 0.8rem;
  padding-top: 1rem;
  margin-bottom: -1rem;
}

.total-measurements {
  width: 100%;
}

.mmm-stat-box {
  /* border: 1px solid red;*/
  display: block;
  position: relative;
  margin-left: 35%;
}

.mmm-title {
  font-size: 2rem;
  font-weight: bold;
}

.mmm-specs {
  text-align: left;
  font-size: 0.8rem;
}

.tricolourstats tr td {
  padding: 10px;
}

.theme-label {
  word-break: break-all;
}

.theme-text {
  width: 260px;
}

.upcoming-followups {
  min-height: 2rem;
}

.upcoming-followups-title {
  display: block;
  font-weight: bold;
  width: 150px;
  min-height: 2rem;
  float: left;
}

.upcoming-followups-links {
  display: block;
  float: left;
  width: 80%;
  min-height: 2rem;
}
.no-float {
  width: 100%;
  float: none;
  clear: both;
}

.remember-end-measurement {
  color: red;
  font-size: 0.8rem;
}

.highcharts-axis-title {
  font-size: 1.3rem;
}

.path-barstats #block-dga2021-content {
  height: 1024px;
}

.field--name-field-duration-hours,
.field--name-field-duration-minutes {
  display: inline-block;
  vertical-align: top;
}

#views-exposed-form-klinikejerens-overblik-page-1 .js-form-item-type,
#views-exposed-form-klinikejerens-overblik-page-1 .js-form-item-title {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px; /* Optional: add some space between the two elements */
}

#views-exposed-form-klinikejerens-overblik-page-1 #edit-type {
  width: 6.5rem;
}

.views-field-edit-node a {
  text-decoration: none;
}

.node--view-mode-show-course .accordion-item a {
  font-size: 1rem;
  text-decoration: none;
}

video {
  width: 125px;
  height: auto;
}

#edit-group-files summary {
  max-width: 230px;
}

.field_duration {
  padding-bottom: 1rem;
}

.duration-inner-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.js-form-item-field-duration-0-duration-i {
  padding-left: 1rem !important;
}

.highcharts-axis-title {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.page-node-type-measurement-method .field_theme .field-single {
  /* TODO lav linjeskift, se https://irjournal.stevensnedker.com/node/109 */
}