/**

@file Degoan CSS main file

Unicode symbols: https://unicode-table.com/en/
Stock photos: https://www.pxfuel.com/
SVG's: https://www.svgrepo.com/

Local fonts stored in /themes/custom/degoan/css/webfonts

**/

@font-face {
    font-family: "Jakarta";
    src: url("webfonts/PlusJakartaSans-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Jakarta bold";
    src: url("webfonts/PlusJakartaSans-Bold.woff2") format("woff2");
}

@font-face {
    font-family: "Jakarta x-bold";
    src: url("webfonts/PlusJakartaSans-ExtraBold.woff2") format("woff2");
}

@font-face {
    font-family: 'DM Sans';
    src: url('ttffonts/DMSans-Regular.ttf');
}

@font-face {
    font-family: 'DM Sans bold';
    src: url('ttffonts/DMSans-bold.ttf');
}

:root {
    --screen-width: calc(1200px + 2rem);
    --page-width: 1200px;
    --element-width: 860px;
    --article-width: 600px;
    --frontpage-narrow: calc(var(--article-width) + 10rem);
    --footer-height: 300px;
    --almost-black: #070505;
    --light-grey: #ECECE2;
    /* #dccfcc; */
    /* --light-background : #D7E6E2; /* rgba(220, 207, 204, 0.5); */
    --lighter-background: rgba(245, 245, 245, 1);
    --warm-grey: #f8f2ed;
    /* --light-grey: #eeeeee; */
    --dark-brown: #6a4544;
    --dark-brown-trans: rgb(106, 69, 68, 0.9);
    --light-background: var(--light-grey);
    /* #f9f9f9; */
    --light-background-trans: rgba(240, 240, 240, 0.8);
    --cream: #fffbfa;
    --almost-white: #f2f2f2;
    --green: #89a39b;
    --greener: #44A083;
    /* #66B39B; */
    --ok-green: #96e696;
    --correct: var(--greener);
    --reddish: #e46e6e;
    --orangy: #e4b764;
    /* #f8c057; /* #f7a102; */
    --light-orangy: #ffdab9;
    --help-background: #ffdd99;
    --bright-yellow: #ffff99;
    --light-pink: #ffdbdb;
    --deselected-background: #ccc;
    --deselected-text: #333;
    --dark-red: #990000;
    --dark-green: #457464;
    --light-green: rgba(102, 179, 155, 0.3);
    --dull-blue: #709AB2;
    --border-light: 0px solid white;
    --border-brown: 2px solid var(--light-background);
    --border-green: 2px solid var(--greener);
    --thin-border-dark: 1px solid var(--dark-brown);
    --thin-border-light: 1px solid var(--light-grey);
    --border-medium: 2px solid #ddd;
    --border-tab: 2px solid #000;
    --debug-outline: 0px solid red;
    --error-outline: 2px solid red;
    --light-hover: var(--cream);
    --button-corner: 4px;
    --message-input-corner: 0 0 0 8px;
    --container-corner: 20px;

    --front-page-margin: 4rem;

    --medium-padding: 2rem;
    --large-padding: 2rem;
    --small-button-padding: 4px 0.5rem;
    --button-padding: var(--small-button-padding);
    --label-width: 160px;
    --heading-font: 'DM Sans', 'Arial';
    --bold-heading-font: 'DM Sans bold', 'Arial bold';
    --large_shadow: 0 0 20px black;
    --button-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    --popup-shadow: 3px 3px 6px 2px rgba(0, 0, 0, 0.2);
    --small-shadow: '';
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

* {
    padding: 0;
    margin: 0;
}

/*
ul li, ol li {
  padding: inherit;
  margin: inherit;
}
*/

strong {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

/*
.not-windows strong {
  text-shadow: 1px 0 #999;
}
*/

#print-indicator {
    display: none;
}

#dga-handbook-form p {
    margin-bottom: 1rem;
}

/* div, span, p { outline: 1px solid red; } */

body {
    width: 96vw;
    max-width: var(--page-width);
    margin: 0 auto;
    font-family: var(--heading-font);
    color: var(--almost-black);
    line-height: 1.5rem;
}


body.url-dga10 {
    /* background-color: var(--reddish); */
    border-left: 20px solid gold;
}

body.url-bitten-degoan-dk {
    /* background-color: var(--reddish); */
    border-left: 20px dashed gold;
}

body.url-dga {
    /* background-color: var(--reddish); */
    border-left: 20px solid var(--reddish);
}

body.xurl_degoan {
    background-color: var(--orangy);
}

body.url-dga-vertikal-dk {
    background-color: var(--light-orangy);
}

body.url-dev-degoan-dk {
    /* background-color: lime; */
    border-left: 20px solid lime;
}

*/ #page {
    background-color: white;
}

input {
    font-family: var(--heading-font);
}

.preview-link,
a {
    cursor: pointer;
    color: var(--almost-black);
    text-decoration: none;
    border-bottom: 1px solid #999;
    outline: none;
}

.dropbutton-widget a,
a:has(img),
a img {
    border: 0;
    text-decoration: none;
}

#toolbar-administration a {
    border: 0;
}

.dga-company-form .company-operations a {
    border-bottom: 0;
}

.dga-company-form .company-operations a:focus,
.dga-company-form .company-operations a:active {
    border: 0;
    outline: 0;
}

a:hover {
    border-bottom: inherit solid transparent;
}

.site-branding__text {
    text-transform: lowercase;
}

/*
p a {
  text-decoration: underline;
}

.path-admin #content a,
.full_path-node-add #content a {
  text-decoration: underline;
}
*/

.path-admin #content a:hover,
.full_path-node-add #content a:hover {
    text-decoration: none;
}

.dga-admin-links {
    float: right;
    margin-top: -3rem;
}

.box {
    background-color: var(--light-background-trans);
    padding: 0.5rem;
}

.box.smart-links .button {
    display: block;
    text-align: center;
}

.box.right {
    float: right;
    margin: 0 0 1rem 1rem;
}

.dga-book-form .theme-option {
    margin: 1rem 0;
}

.dga-book-form .theme-option img {
    box-shadow: var(--button-shadow);
}

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

.pager {
    width: var(--element-width);
    margin: 0 auto;
    /* background-color: pink; */
}

h1, h2, h3, h4, h5, h6 {
    letter-spacing: -0.01em;
    font-weight: 600;
    margin-bottom: 0.3rem;
    line-height: 110%;
}

h2.user_html,
h3.user_html {
    font-weight: 600;
}

#browse_handbook.browse h3.handbook-title,
h4.handbook-title {
    float: right;
    margin-top: -3rem;
}

#browse_handbook.browse h3.handbook-sub-title,
h4.handbook-sub-title {
    float: right;
    margin-top: -1.6rem;
}

h5 {
    font-size: 100%;
}

#browse_handbook p,
article p {
    margin-bottom: 1rem;
}

#content h1 {
    padding-top: 2rem;
    /* margin-left: 11rem; */
    width: var(--article-width);
}

.node-22603 article .node__content,
.node-22603 #content h1 {
    width: var(--element-width);
}

#degoan-signup-finished-form article .node__content img,
.node-22603 article .node__content img {
    margin-left: 1rem;
    margin-bottom: 1rem;
    margin-right: 3rem;
    margin-top: 1rem;
}

#dga-handbook-form,
article .node__content {
    width: var(--article-width);
}

#degoan-signup-order-form article .node__content,
#degoan-signup-finished-form article .node__content {
    width: calc(var(--element-width) - 40px);
}

.handbook-original-text article .node__content {
    width: auto;
}

li.any-book.published {
    outline: 1px solid #ccc;
}

li.any-book.unpublished,
table.any-book tr.unpublished,
.node--unpublished {
    background-color: var(--light-pink);
}

li.any-book.company,
table.any-book tr.company {
    background-color: var(--light-background-trans);
}

ul li.any-book {
    display: inline;
}

.node-type-system_mail .node--unpublished {
    background-color: inherit;
}

#footer .chapter,
#logo {
    font-family: "Jakarta x-bold";
    letter-spacing: -0.05em;
    font-size: 140%;
}

#logo #block-degoan-branding {
    font-size: 200%;
    padding-top: 1rem;
}

#footer .chapter {
    font-size: 200%;
    margin-bottom: 1rem;
    margin-top: -2rem;
}

article.node--type-book h2 {
    text-align: left;
}

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

#content {
    /* outline: 1px solid red; */
    margin: 0 auto;
    margin-bottom: 1rem;
    /* margin-left: 11rem; */
    width: var(--element-width);
}

body.admin-page #content {
    margin-left: 0;
}

/* 2022 logo */
header#logo {
    padding: 1rem 1rem 0.5rem 1rem;
    color: black;
    min-height: 120px;

}

header#logo h1 {
    max-width: calc((var(--element-width) / 2) + 100px);
    /* outline: 1px solid red; */
}

header#logo a {
    color: black;
}

body.user-role-anonymous header#logo {
    padding: 1.5rem 1rem 0.5rem 1rem;
    background-color: var(--dark-brown-trans);
    color: white;
    width: auto;
    border-radius: 0 0 0 1rem;
    margin-bottom: 2rem;
}

body.user-role-anonymous header#logo a {
    color: white;
}

#login {
    width: auto;
    padding-top: 0.5rem;
    float: right;
}

#logo {
    margin-left: var(--medium-padding);
    display: inline-block;
    float: none;
    width: auto;
    max-width: 25%;
}

#logo a {
    border: 0;
}

#logo img {
    margin-bottom: 1rem;
    max-height: 160px;
    width: auto;
}

.small-logo {
    max-height: 90px;
    width: auto;
    background-color: #eee;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

body.user-role-anonymous #logo {
    float: left;
    display: block;
    margin-left: 0;
    /* 10rem; */
}

.user-role-anonymous #login {
    width: 44px;
    height: 50px;
    /* margin-right: 12rem; */
    background-color: var(--dark-brown);
    padding: 0.5rem 1rem 0.5rem 0.5rem;
}

#menu {
    text-align: center;
}

body.user-role-authenticated .page-top #menu {
    display: none;
}

body.user-role-authenticated .page-top {
    background-image: none;
    background-color: var(--light-grey);
}

.is-front-page .page-top {
    min-height: 380px;
    background-position: center;
}

.node-13886 #block-degoan-pagetitle--2 {
    display: none;
}

body.user-role-anonymous .page-top {
    height: 450px;
    background-color: var(--light-background-trans);
}

.node-13886 .page-top {
    min-height: 450px;
    background-position: center;
}

.page-top #block-toptil2023forside p strong,
.page-top #block-tilmeldingtilheader p strong,
.page-top h2 {
    font-size: 250%;
    line-height: 2.5rem;
    margin-bottom: 1rem;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    color: white;
    line-height: 1.2em;
}

#block-toptil2023forside .body {
    text-shadow: 0px 0px 10px #333;
}

.page-top #block-toptil2023forside h2 {
    font-size: 2.7rem;
    line-height: 2.7rem;
}

.page-top #block-toptil2023forside p strong {
    font-size: 1.5rem;
}

.page-top #block-tilmeldingtilheader p strong {
    font-size: 150%;
}

.page-top #degoan_link a.degoan-link {
    float: right;
    margin-right: 2rem;
    margin-top: 35px;
    /* font-family: "Jakarta x-bold"; */
    letter-spacing: -0.05em;
    color: white;
    border: 0;
    margin-left: 1rem;
}

body.url-open-dev-degoan-dk #degoan_link,
body.url-open-degoan-dk #degoan_link,
body.url-open-dga #degoan_link {
    display: none;
}

.user-role-authenticated.is-front-page .page-top {
    min-height: 80px;
}

#block-personalehandbog {
    max-width: var(--article-width);
    margin-left: auto;
    margin-right: auto;
}

.page-top h2 {
    font-size: 300%;
    line-height: 3.2rem;
    margin-bottom: 1rem;
}


#dga-stats-container,
.dga-clearfix,
#content_company,
#content_employee,
#content_editor,
#content_admin,
#content_top,
#content,
#content_bottom {
    clear: both;
}

#content_editor>div {
    width: var(--element-width);
    margin: auto;
}

#content_top {
    padding: 0 11rem 1rem 11rem;
}

#ssmm_trigger span {
    transition: all ease-in-out 0.5s;
    border-bottom: 3px solid #fff;
    background-color: white !important;
}

#ssmm_trigger ul li {
    margin-left: 0;
}

#content {
    padding-top: 0;
}

body.is-front-page #content #block-degoan-local-tasks

/*,
body.is-front-page #content h1 */
    {
    display: none;
}

body.is-front-page #content h1.control-panel-h1 {
    padding-bottom: 1rem;
}

nav#menu {
    text-align: left;
    /* width: calc(var(--element-width) - 100px); */
    width: fit-content;
    background-color: var(--almost-white);
    /* height: 50px; */
    /* opacity: 0.8; */
    position: sticky;
    top: 0;
    /* left:0; */
    /* outline: 2px solid red; */
    /* float: right; */
    margin: 0 auto;
    margin-top: -2rem;
    padding-bottom: 4px;
    border-radius: 0 0 0 0.5rem;
}

nav#menu ul {
    margin: 0;
}

nav#menu ul li a {
    transition: all ease-in-out 0.5s;
    padding: 0 0.5rem;
}

nav#menu ul li a:hover {
    background-color: #999;
}

nav#menu ul li a.login_link {
    background-color: var(--greener);
    color: white;
}

body.user-logged-in nav#menu {
    display: none;
}

nav ul li {
    display: inline-block;
    list-style: none;
}

ul,
ol {
    margin: 0.5rem;
}

#browse_handbook ol,
#browse_handbook ul,
article ul,
article ol {
    overflow: hidden;
}

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

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

ul ul,
ol ol {
    margin: 0;
}

table tr td ul {
    margin: 0;
}

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

.vertical-tabs .description {
    margin: auto;
}

.vertical-tabs input,
.vertical-tabs textarea {
    max-width: 95%;
}

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

#block-skaermdumpstilforside,
#block-degoan-topcallforactiontilforside {
    margin-top: -430px;
    margin-left: 500px;
    margin-bottom: 2rem;
}

#block-skaermdumpstilforside img,
#block-degoan-topcallforactiontilforside img {
    filter: drop-shadow(30px 30px 30px #ccc);
}

footer#footer #block-topmenu-2 {
    float: right;
    width: 490px;
}

footer#footer #block-topmenu-2 a {
    color: var(--greener);
}

footer#footer #block-topmenu-2 ul li {
    display: block;
    margin: 0;
    margin-bottom: 0.3rem;
}

footer#footer #block-topmenu-2 ul {
    columns: 2;
}

footer#footer {
    /* background-color: var(--light-background); */
    min-height: var(--footer-height);
    width: var(--element-width);
    margin: calc(2 * var(--front-page-margin)) auto 0 auto;
    outline: 0px solid red;
}

footer#footer table tr td {
    padding: 1rem;
    color: var(--greener);
}

footer#footer table tr td a {
    color: var(--greener);
}

footer#footer table tr td:first-child {
    width: 450px;
    color: var(--almost-black);
}

footer#footer table tr td p {
    margin-bottom: 0.5rem;
}

#footer table {
    /* width: calc(var(--page-width) - 4rem); */
    /* table-layout: fixed; */
    width: var(--element-width);
    margin: 0 auto;
    outline: var(--debug-outline);
}

/* Forms */

form>.form-wrapper {
    margin-bottom: 2rem;
}

#dga-create-company-form #edit-field-customer-category {
    columns: 3;
}

#degoan-signup-form img {
    margin-left: 1rem;
    /* margin-right: -14rem; */
}

#dga-company-activate-form .js-form-type-textarea label,
#dga-company-activate-form .form-itemx {
    margin: 0;
}

#dga-company-activate-form #edit-text-fieldset .js-form-type-checkbox {
    margin-top: 1rem;
    margin-bottom: -0.5rem;
}

table.any-book tr.depth-1 td:first-child {
    font-weight: bold;
    font-size: 120%;
}

table.any-book tr.depth-2 td:first-child {
    padding-left: 1rem;
    font-weight: bold;
}

table.any-book tr.depth-3 td:first-child {
    padding-left: 2rem;
}

table.any-book tr.depth-4 td:first-child {
    padding-left: 3rem;
}

table.any-book tr.depth-5 td:first-child {
    padding-left: 4rem;
}

li.depth-1 {
    font-size: 120%;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

li.depth-2 {
    margin-left: 4rem;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

li.depth-3 {
    margin-left: 6rem;
}

li.depth-4 {
    margin-left: 8rem;
}

#dga-company-activate-form #edit-pages .form-checkboxes .depth-2,
#dga-company-activate-form #edit-pages--wrapper .form-checkboxes .depth-2 {
    margin-left: 1rem;
}

#dga-company-activate-form #edit-pages .form-checkboxes .depth-3,
#dga-company-activate-form #edit-pages--wrapper .form-checkboxes .depth-3 {
    margin-left: 2rem;
    font-weight: normal;
    font-family: 'Jakarta';
}

.dga-company-employment-types-form #edit-field-description-format,
#dga-company-activate-form fieldset#edit-pages--wrapper,
#dga-company-activate-form fieldset#edit-themes--wrapper,
#dga-company-activate-form fieldset#edit-pages,
#dga-company-activate-form fieldset#edit-themes,
#dga-company-activate-form .form-item-text-format,
#dga-company-activate-form #edit-text-format-help {
    display: none;
}

/*
#dga-company-activate-form fieldset#edit-pages--wrapper,
#dga-company-activate-form fieldset#edit-pages--wrapper .js-form-item {
    max-width: 225px;
    overflow: hidden;
}
*/

#dga-company-activate-form fieldset#edit-pages--wrapper .js-form-item:hover {
    background-color: white;
}

#dga-company-activate-form #edit-text-fieldset {
    width: 55%;
    float: right;
}

#dga-company-activate-form .updated-note {
    font-weight: normal;
    font-family: 'Jakarta';
}

#dga-company-activate-form fieldset#edit-updated-pages .form-item label {
    width: 100%;
}

#dga-company-activate-form h1 {
    display: none;
}

#dga-company-activate-form table {
    width: 100%;
}

#dga-company-activate-form table.token-list td:first-child {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

#dga-company-activate-form table.token-list caption {
    text-align: left;
}

#dga-company-activate-form ul li {
    list-style: none;
}

#degoan-signup-order-form .form-item label {
    width: 180px;
}

#views-form-content-page-1 .form-item label,
#views-exposed-form-content-page-1 .form-item label {
    width: 150px;
}

#dga-company-upgrade-form label {
    width: 200px;
}

#user-pass label {
    width: auto;
}

form.new-pass #edit-pass--description span,
#edit-current-pass--description {
    color: var(--greener);
}

form.new-pass .js-form-type-email,
form.new-pass #edit-pass {
    border: 2px solid var(--greener);
    padding: 0.5rem;
    margin-bottom: 1rem;
}

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

#block-skiftbruger {
    width: 30%;
    margin: 0 auto 1rem auto;
}

form .form-actions {
    clear: both;
}

body.path-admin form {
    width: var(--page-width);
    width: fit-content;
}

form#add-theme {
    width: var(--element-width);
}

form#dga-company-form,
form#dga-handbook-form {
    background-color: #fff;
    border: var(--border-light);
}

#dga-mailing-lists-form {
    width: 100%;
}

#dga-mailing-lists-form #edit-checks,
#dga-mailing-lists-form fieldset {
    float: left;
    width: 30%;
    margin-left: 1rem;
}

#dga-mailing-lists-form fieldset.top-level {
    width: auto;
    float: none;
}

.employment_types-departments {
    border: var(--border-medium);
    float: left;
    padding: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

#dga-mailing-lists-form #edit-checks fieldset {
    float: none;
    width: auto;
    margin-top: 7px;
    margin-bottom: 1rem;
}

#dga-mailing-lists-form .pseudo-required legend::after {
    content: '*';
    color: red;
}

.mailing-list-response-blocks {
    margin-top: 4rem;
    padding: 1rem;
    border: var(--border-green);
}

.node-system-mail-form #send-now,
.node-system-mail-form #send-again {
    cursor: pointer;
}

/* .node-book-edit-form #edit-field-handbook-section, */
.node-book-form #edit-functions,
.node-book-edit-form #edit-functions {
    columns: 3;
}

/* Styles for DGA-layout */

.signup-settings-wrapper,
form.dga-layout-form details fieldset,
form.dga-layout-form details {
    padding: 1rem;
    border: var(--border-medium);
    background-color: white;
    margin-top: 2rem;
}

.dga-company-phonebook fieldset {
    border: 0;
}

.dga-company-phonebook fieldset legend,
form.dga-layout-form details fieldset legend {
    width: 200px;
    padding: 0 1rem;
}

form.dga-layout-form details summary {
    /* margin-top: -3rem; */
    width: 150px;
}

form.dga-layout-form #edit-body-0--description,
form.dga-layout-form .description {
    margin: -0.5rem 0 2rem 0;
}

select,
textarea,
input {
    border: 1px solid var(--light-background);
    max-width: 75vw;
    border-radius: var(--message-input-corner);
    padding: 4px;
    margin-bottom: 0.5rem;
    font-family: 'DM Sans';
}

/* Fix odd font effects of Bulgarian by defaulting to Arial */
html[lang=bg] li.depth-1,
html[lang=bg] li.depth-2,
html[lang=bg] #dga-company-links-form fieldset label,
html[lang=bg] .dga-tab-container-wrapper legend,
html[lang=bg] fieldset legend,
html[lang=bg] details legend,
html[lang=bg] #footer .chapter,
html[lang=bg] #logo,
html[lang=bg] #full_handbook.toc ul li.indent-2,
html[lang=bg] body strong,
html[lang=bg] body {
    font-family: Arial;
}

form[lang=bg] select,
html[lang=bg] select,
form[lang=bg] textarea,
html[lang=bg] textarea,
form[lang=bg] input,
html[lang=bg] input {
    font-family: inherit;
}

select,
input {
    height: 20px;
}

button[type=button],
input[type=submit] {
    height: 30px;
}

.views-exposed-form select {
    max-height: none;
}

input.form-checkbox,
input.form-radio {
    min-height: auto;
}

form .description {
    margin-bottom: 1rem;
    color: var(--dark-brown);
}

.degoan-field {
    vertical-align: top;
}

.fieldset-legend.form-required::after,
label.form-required::after {
    content: ' *';
    color: red;
}

.form-email.error,
.form-text.error,
.required.error {
    outline: var(--error-outline);
}

fieldset.required.error {
    outline: none;
}

.webform-submission-kontakt-midlertidig-form legend {
    display: none;
}

#webform-submission-bestilling-add-form #edit-product {
    columns: 3;
}


.degoan-field textarea,
.degoan-field input {
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-size: 25px 25px;
    margin-bottom: 0.5rem;
}

.degoan-field.degoan-field-comment div {
    display: inline-block;
}

.degoan-field.degoan-field-comment div textarea {
    width: 450px;
    margin-top: 2px;
}

.degoan-field.degoan-field-comment div.description {
    font-size: 80%;
    display: block;
}

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

table.sortable tr th {
    cursor: pointer;
}

table.sortable tr th.sorttable_nosort {
    cursor: default;
}

.quiz-table tr td {
    background-color: var(--lighter-background);
    padding: 0.5rem;
}

.quiz-table tr td ul li {
    padding: 0;
}

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

.quiz-table tr td .chapter {
    margin: 0;
}

.quiz-table tr.unused td {
    background-color: var(--light-pink);
}

.subscription-table tr td {
    background-color: var(--light-background);
}

.dga-tab-container-wrapper legend,
fieldset legend,
details legend {
    font-size: 1rem;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    width: -webkit-fill-available;
    display: block;
    margin-bottom: 0.5rem;
    /* background-color: var(--almost-white); */
    /* border-bottom: var(--thin-border-dark); */
}

#inspirational-warning,
#degoan_warning {
    outline: 2px solid var(--reddish);
    background-color: white;
    display: none;
    position: absolute;
    padding: 0.5rem 2rem 0.5rem 0.5rem;
}

.dga-company-form-behavior .text-form-wrapper#selectable .js-form-type-radio.is-selected:hover,
.dga-company-form-behavior .text-form-wrapper#selectable .js-form-type-radio.is-selected {
    /* background-color: var(--light-green); */
    outline: 2px solid var(--greener);
}

form fieldset {
    /*
  padding: 1rem;
  border: 2px solid var(--light-background);
  */
    border: none;
}

#dga-company-links-form fieldset label {
    width: 230px;
    margin-right: 12px;
    font-weight: normal;
    font-family: 'Jakarta';
    background-color: var(--lighter-background);
    padding: 2px;
}

.password-strength__meter {
    width: 200px;
    float: right;
    margin-right: 200px;
}

.book-admin-edit table {
    width: 100%;
}

.path-admin #content #book-admin-edit a {
    text-decoration: none;
}

#book-admin-edit .draggable a.tabledrag-handle {
    /* float: left; */
    /* position: absolute; */
    margin-top: 2px;
}

.draggable a.tabledrag-handle {
    border: 0;
    margin-top: 0.5rem;
}

.warning.tabledrag-changed {
    position: absolute;
    margin-top: -30px;
}

.drag-previous {
    background-color: lightyellow;
}

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

body.user-role-administrator .tabledrag-toggle-weight-wrapper {
    display: block;
}

#block-degoan-local-actions li {
    display: inline;
}

a.button-action,
button.link,
#block-degoan-help a.button,
.webform-edit-form a.button,
#block-degoan-local-actions li .button {
    padding: 5px;
    font-weight: normal;
    font-family: 'Jakarta';
    text-decoration: none;
    font-size: 80%;
    text-decoration: none !important;
    border: 0 !important;
}

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

#content ul.action-links.source {
    columns: 4;
}

a.button.small.source {
    margin-top: -2rem;
}

/*
#content ul.action-links li a {
  text-decoration: none;
  border: 0;
}
*/

a.action-link,
.action-links a,
.action-links span {
    /* border-bottom: 1px solid #999; */
    display: inline-block;
}


button.float-right,
a.button.float-right {
    float: right;
    margin-top: 0rem;
    text-decoration: none !important;
    border: 0 !important
}

a.button.disabled {
    display: none;
}

.dga-tech {
    position: absolute;
    display: none;
    padding: 0.5rem 1rem;
    background-color: var(--light-background-trans);
    border: 2px dashed red;
    box-shadow: var(--popup-shadow);
    margin-top: -100px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 90%;
}

details:hover .dga-tech.help,
form:hover .dga-tech.class {
    display: block;
}

#block-bookendemoknap-2 a.button.float-right {
    float: none;
    margin: 0;
}

.button.center,
#block-hvadfarduknap,
#block-provdetgratisknap,
#block-bookendemoknap-2 {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: fit-content;
}

.button-row .button {
    margin-right: 1rem;
}

.button-row {
    clear: both;
}

.js-form-type-textarea label {
    width: auto;
    /* margin-top: 2rem; */
}

#edit-department--wrapper .js-form-type-textarea label {
    margin-top: 0;
}

.field--name-field-intro-text label {
    margin-top: 1rem;
    display: block;
}

.field--name-field-intro-text input.text-full {
    width: 100%;
}

#dga-company-upgrade-form #dga-price {
    display: none;
}

#dga-price {
    background-color: var(--light-green);
    padding: 0.5rem;
}

#edit-price li,
#dga-price li {
    margin-left: 2rem;
}

#dga-company-upgrade-form .form-item-product {
    margin: 2rem 0 1rem 0;
}

#dga-company-upgrade-form .form-item-product select {
    margin-top: -8px;
}

/* Company form */

.company-edit-note {
    display: none;
    padding: 0.5rem;
    background-color: var(--bright-yellow);
    float: right;
    margin-left: 1rem;
}

.company-operation {
    text-align: center;
    padding: 1rem;
    background-color: var(--greener);
    border-radius: 0 0 0 var(--container-corner);
    color: #fff;
    margin: 1rem auto;
    width: 350px;
    float: left;
    height: 80px;
    margin: 1rem;
    /* transition: ease-in-out 0.3s; */
}

.company-operation a {
    color: #fff;
}

.company-operation-link {
    font-family: var(--heading-font);
    font-size: 150%;
}

form.dga-company-form .dga-default-info {
    float: right;
}

form.dga-company-form .custom-wrapper {
    margin: 1rem 0 2rem 0;
    /* border: var(--border-light);
  background-color: var(--light-background); */
}

#dga-company-departments-form .js-filter-wrapper,
form#add-theme .js-filter-wrapper,
.dga-company-form .dga-checkbox-wrapper,
#dga-company-texts-form .js-filter-wrapper,
.dga-company-form .cke_path,
.dga-company-form .js-filter-wrapper a {
    display: none;
}

.dga-company-form .company-operations a {
    display: inherit;
}

.dga-company-form label {
    width: auto;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    min-width: 175px;
}

.dga-company-form .ceo-info label {
    width: 160px;
    min-width: 0;
}

.dga-company-form input[type=email] {
    margin-bottom: 2.5rem;
}

.dga-company-form #triplet_toggle {
    cursor: pointer;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    margin-top: 1rem;
}

.dga-company-form #triplet_toggle::after {
    content: ' ▼';
}

.dga-company-form #triplet_toggle.open::after {
    content: '';
}

.dga-company-form .dga-triplet-wrapper label {
    min-width: 100px;
}

.dga-company-form input[disabled="disabled"] {
    background-color: var(--warm-grey);
}

.dga-company-form .ceo-info input.form-email,
.dga-company-form .ceo-info input.form-text {
    max-width: 400px;
}

#block-toplinks ul li:hover a {
    color: #fff;
}

#block-toplinks ul li a,
#block-toplinks ul li {
    transition: ease-in-out 0.5s;
}

#block-toplinks ul li:hover,
.control-panel-link:hover,
/* .control-panel-link a:hover, */
.dga-company-form .company-operation:hover {
    filter: brightness(110%);
}

.dga-company-form .company-operation h3 {
    font-weight: normal;
    margin-top: 0;
}

.boxed,
.faq article,
.dga-company-form .dga-triplet-wrapper {
    border: var(--border-light);
    padding: 0.5rem;
    margin-top: 1rem;
    border-radius: var(--message-input-corner);
    overflow: hidden;
}

#dga-select-preview article.boxed {
    border: 0;
    padding: 0;
}

.dga-company-form .dga-triplet-wrapper label {
    font-weight: normal;
    font-family: 'Jakarta';
}

.dga-company-form .dga-triplet-wrapper .dga-default-info span,
.dga-company-form .dga-triplet-wrapper label span {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

.dga-company-form .node--type-page.node--unpublished {
    background-color: transparent;
}

.text-trigger img {
    width: 35px;
    height: 35px;
}

#dga-company-texts-form {
    background-color: #fff;
}

#dga-company-texts-form h3 {
    margin-top: 3rem;
    padding: 2px 5px;
}

#dga-company-texts-form .original-text-radios .description {
    width: auto;
    margin: 1rem auto;
}

#dga-company-texts-form h5 {
    font-weight: normal;
    padding: 2px 5px;
    transition: ease-in-out 0.3s;
}

h3.expand-all:hover,
#dga-company-texts-form h3.expand-all:hover,
#dga-company-texts-form h5:hover {
    background-color: var(--light-green);
}

h3.expand-all.collapsible,
#dga-company-texts-form h3.expand-all.collapsible,
#dga-company-texts-form h5.expand-trigger.collapsible {
    background-color: var(--light-green);
}

h3.expand-all,
#dga-company-texts-form h3.expand-all,
#dga-company-texts-form h5.expand-trigger,
#dga-company-texts-form h3.theme-expandable {
    cursor: pointer;
}

#dga-company-texts-form .description {
    margin-left: auto;
}

#dga-company-texts-form .collapse-section {
    display: none;
    padding: 0.5rem;
    border: var(--border-light);
    border-top: 0;
    margin-bottom: 1rem;
}

#dga-company-texts-form h5.expand-trigger::after,
#dga-company-texts-form h3.theme-expandable::after {
    content: ' ►';
    color: var(--green);
}

#dga-company-texts-form h5.expand-trigger.collapsible::after,
#dga-company-texts-form h3.theme-expandable.collapsible::after {
    content: ' ▼';
    color: var(--green);
}

h3.expand-all::after,
#dga-company-texts-form h3.expand-all::after {
    content: ' ►►';
    letter-spacing: -0.2rem;
    color: var(--green);
}

h3.expand-all.collapsible::after,
#dga-company-texts-form h3.expand-all.collapsible::after {
    content: ' ▼▼';
    color: var(--green);
}

#dga-company-texts-form input[type="radio"] {
    margin-left: 1rem;
}

#dga-company-texts-form .js-form-type-radio label {
    font-weight: normal;
    font-family: 'Jakarta';
}

iframe.cke_reset html body.cke_editable {
    background-color: pink;
}

iframe.cke_reset html body ul li,
#dga-company-texts-form .original-text li {
    margin-left: 2rem !important;
}

.ck.ck-editor__main>.ck-editor__editable {
    min-height: 200px;
}

#dga-company-form .inspirational-text,
#dga-company-texts-form .help-text,
#dga-company-form .inspirational-text,
#dga-company-texts-form .inspirational-text,
#dga-company-form .help-text {
    padding: 0.5rem;
}

#dga-company-texts-form .collapse-wrapper {
    border: 0;
}

#dga-company-texts-form .js-text-format-wrapper {
    margin: 1rem 0;
    background-color: #fff;
    padding: 1rem;
    transition: ease-in-out 0.5s;
}

#dga-company-texts-form .js-text-format-wrapper:hover {
    background-color: var(--light-background);
    outline: var(--border-light);
}

#dga-company-texts-form .original-text-wrapper .fieldgroup .form-item,
#dga-company-texts-form .selected-texts .form-item {
    transition: ease-in-out 0.3s;
}

#dga-company-texts-form .original-text-wrapper .fieldgroup .form-item:hover,
#dga-company-texts-form .selected-texts .form-item:hover {
    background-color: var(--light-grey);
}

#dga-company-texts-form .selected-texts .form-item {
    padding: 0.5rem 0;
}

#dga-company-texts-form .selected-text .form-item label {
    max-width: 80%;
}

#dga-company-texts-form .selected-text .form-item {
    margin-bottom: 1rem;
}

#edit-dga-page-priority .normal-page,
#edit-dga-page-priority .sub-page {
    font-weight: normal;
    font-family: 'Jakarta';
}

#edit-dga-page-priority .sub-page {
    color: #666;
    margin-left: 1rem;
}

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

div[data-drupal-messages] li {
    margin-left: 2rem;
}

@keyframes fadeInColor {
    0% {
        background-color: white;
    }

    25% {
        background-color: red;
        color: white;
    }

    75% {
        color: black;
        background-color: white
    }

    100% {
        background-color: white;
    }
}

div[data-drupal-messages] div[role=error] {
    animation: fadeInColor 3s forwards;
}

.mail-preview,
.warning-empty,
h3.warning,
.dga-warning,
.no-company.warning,
div[role=warning].message,
div[data-drupal-messages] div {
    margin-bottom: 0.5rem;
    border-radius: var(--message-input-corner);
}

.dga-warning.js {
    position: fixed;
    background-color: white;
    margin: 2rem auto;
    left: 50%;
    transform: translateX(-50%);
}

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

div[data-drupal-messages] .answer {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

div[data-drupal-messages] div[role=message] {
    border: 2px solid green;
    background-color: #fff;
    padding: 0.5rem;
    position: relative;
    /* border-radius: 0.5rem; */
    z-index: 10;
}

.warning-empty,
h3.warning,
.dga-warning,
div[data-drupal-messages] div[role=error] {
    border: var(--error-outline);
    /* background-color: #f8cbcb; */
    padding: 0.5rem;
    /* border-radius: 0.5rem; */
}

.dga-alert,
.mail-preview,
.no-company.warning,
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; */
}

.mail-preview-message {
    color: #999;
}

.mail-preview-message.ok {
    outline: 2px solid var(--greener);
    background-color: white !important;
    color: #000;
}

/* Admin pages CSS */
.path-admin form>div.form-wrapper {
    padding: 0.5rem;
    margin: 1rem 0;
}

.path-admin form>div.form-wrapper {
    background-color: var(--light-background);
}

.path-admin #block-degoan-content table tr td:nth-child(3) {
    width: 200px;
}

.path-admin textarea,
.path-admin input {
    min-height: 0;
}

.path-admin table tr th {
    background-color: var(--light-grey);
}

table.w_borders tr td,
table.dga-report-table tr td,
.path-admin table tr td {
    border-bottom: var(--border-brown);
    padding: 4px;
    border-right: var(--border-brown);
}

table.w_borders tr td {
    border-color: var(--light-green);
}

.path-admin table tr td ul,
.path-admin table tr td ol,
.path-admin table tr td li {
    margin: 0;
    padding: 0;
}

.path-admin table tr td li {
    margin-left: 1rem;
}

table tr td {
    vertical-align: top;
}

details {
    border: var(--border-light);
    /* margin: 2rem 0; */
    /* padding: 0 0.5rem 0 0.5rem; */
}

details summary {
    cursor: pointer;
}


.dropbutton {
    background-color: #fff;
    width: 130px;
}

.path-admin .dropbutton {
    width: auto;
}

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

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

.dropbutton-arrow {
    color: #000;
}

.dropbutton-toggle {
    width: auto;
}

.js .dropbutton-multiple .dropbutton-widget {
    padding-right: 1em;
    margin-top: 3px;
}

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

.dropbutton-wrapper.open .dropbutton-widget {
    /* box-shadow: 3px 3px 6px 2px #ccc; */
    box-shadow: var(--popup-shadow);
}

.js td .dropbutton-multiple {
    margin: 0;
    padding: 0;
}

select {
    /* height: 1.7rem; */
    height: 2.4rem;
}

select[multiple="multiple"] {
    height: auto;
    max-height: none;
}

form label {
    display: inline-block;
    width: var(--label-width);
    vertical-align: top;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

.path-admin form .description,
.path-admin form label,
form .js-form-type-webform-html-editor label,
form label.option {
    width: auto;
    max-width: 85%;
}

@-moz-document url-prefix() {

    /* Firefox only */
    form#dga-company-activate-form #edit-employees--wrapper label {
        margin-left: 1.5rem;
    }
}

.path-admin form .description {
    margin: auto;
    margin-bottom: 1rem;
    margin-top: -0.5rem;
    margin-left: 0;
}

.path-admin form fieldset {
    margin-top: 2rem;
}

.path-admin form legend,
.path-admin form .form-item:hover {
    background-color: var(--lighter-background);
    transition: all ease-in-out 0.3s;
}

#dga-settings #edit-guides .form-item,
#dga-settings #edit-help-pages .form-item,
#degoan-signup-settings #edit-mail-templates .form-item,
#degoan-signup-settings #edit-help-pages .form-item {
    padding-bottom: 0.5rem;
    border-bottom: var(--border-green);
}

#dga-company-delete-user-form #edit-cancel,
#edit-submit-delete,
#dga-company-delete-user-form #edit-submit,
.dga-company-reset-form input.button,
input.button.button--danger,
a.button.button--danger,
form a.button--danger,
form .button--danger {
    float: right;
    background-color: var(--reddish);
    background: var(--reddish);
}

#dga-company-delete-user-form #edit-submit {
    background-color: var(--greener);
    float: none;
}

form .button--danger.confirm-form-cancel {
    float: right;
}

#edit-submit-delete {
    display: none;
    float: none;
}

span.button.button--danger,
input.button.danger {
    background-color: var(--reddish);
    background: var(--reddish);
}

#delete-warning {
    display: none;
}


/* .warning a,*/
h3.warning,
.dga-recommend-warning,
div.warning {
    border: var(--error-outline);
    background-color: white !important;
    padding: 0.5rem;
    border-radius: var(--message-input-corner);
    /*
  color: var(--dark-red) !important;
  font-weight: bold;
  */
}



form label.button--warning,
form input.button--warning {
    background-color: var(--orangy);
}

img.degoan-qr {
    float: right;
    margin-top: -5rem;
}

a.button.qr-link {
    margin: -3rem -3rem 0 0;

}

/* Admin toolbar */
#toolbar-administration ul li,
#toolbar-administration ol li {
    padding: 0;
    margin: 0;
}

/* Tabs */
#block-degoan-local-tasks ul {
    border-bottom: 1px solid black;
    padding: 1px;
    margin: 1rem 0;
}

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

ul.handbook-links li,
#block-degoan-local-tasks--1 ul li,
#block-degoan-local-tasks--2 ul li,
#block-degoan-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-degoan-local-tasks ul li a {
    text-decoration: none;
}

#block-degoan-pairedpages {
    background-color: var(--warm-grey);
    padding: 0.5rem;
}

#block-degoan-pairedpages .active {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

.button.front-page-button.center {
    display: block;
    margin: 1rem auto;
}

#block-tilmeldingtilheader .body {
    /* background-color: var(--dark-brown-trans); */
    border-radius: 0 0 0 10px;
    padding: 1rem 0 0 1rem;
    margin-left: -1rem;
    margin-right: 2rem;
    margin-bottom: 2rem;
}

span.button,
.subscription-table tr td a,
a.button.cta,
button.cta,
.pseudo-button,
.dga-hide-toggle,
.dga-add-person,
.contact-add,
.preview-button,
.quiz-link a,
a.button,
#block-views-block-front-page-full-width-block-1 a,
#block-degoan-start a,
.button a,
#block-tilmeldingtilheader a,
input[type=submit],
button {
    text-decoration: none;
    color: #fff;
    padding: var(--button-padding);
    background: var(--greener);
    border-radius: 0 0 0 0.5rem;
    border: 0;
    margin: 1rem 0;
    display: inline-block;
    transition: all ease-in-out 0.5s;
    cursor: default;
}

.button.structure {
    background-color: var(--dull-blue);
}

#block-tilmeldingtilheader a {
    margin-bottom: 0;
}

.field_fact_boxes .field_cta_link a,
.subscription-table tr td a,
a.button.cta,
.button.cta,
.button.front-page-button,
#block-tilmeldingtilheader a {
    margin-top: 1rem;
    display: inline-block;
    font-size: 150%;
    background-color: #F1722D;
    /* background-color: rgb(184, 119, 0); */
    /* background-color: rgb(22, 111, 228); */
}

.field_fact_boxes .field_cta_link a,
a.button.cta.wide {
    text-transform: uppercase;
    display: block;
    width: var(--frontpage-narrow);
    padding: 1rem 0;
    text-align: center;
    margin: 0 auto;
    /* background-color: var(--dark-brown); */
    border-radius: 0 0 0 1rem;
}

#block-komigangbloktilforside2023 a.button.cta.wide,
#block-provdetbloktilforside2023 a.button.cta.wide {
    width: var(--article-width);
}

.field_fact_boxes .field_cta_link a {
    width: 200px;
    color: white;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    margin: auto;
    margin: 1rem auto;
    transition: all ease-in-out 0.5s;
}

.field_fact_boxes .field_cta_link a:hover {
    /* box-shadow: 2px 2px 12px black; */
    box-shadow: var(--button-shadow);
}

.field_fact_boxes .field_cta_link a,
.subscription-table tr td a,
.button.cta.small {
    font-size: 100%;
}

.button.cta.green {
    background-color: var(--greener);
}

a.button.cta.wide.detect-viewport {
    background-color: transparent;
    width: 100px;
    box-shadow: none;
    height: 24px;
}

a.button.cta.wide.detect-viewport.in-viewport {
    transition: all ease-in-out 1s;
    width: var(--frontpage-narrow);
    background-color: #F1722D;
}

a.button.cta.wide.detect-viewport.in-viewport:hover {
    transition: none;
}

button.extra_save {
    padding: 7px 0.5rem;
}

.button.cta.wide.in-form {
    margin: -1rem 4rem 2rem 4rem;
    padding: 0.5rem;
    width: auto;
}


#all-page-buttons .button {
    cursor: pointer;
    margin-right: 0.5rem;
    float: right;
}

.dga-add-person,
.contact-add.small,
.button.small a,
input[type=submit].button.small,
a.button.small {
    padding: var(--small-button-padding);
}

.dga-add-person {
    float: right;
    cursor: default;
    clear: both;
    margin-top: -2rem;
}

.contact-add {
    float: right;
    margin-top: -2rem;
    cursor: default;
}

.button,
a.button {
    font-size: 14px;
    /* cursor: default; */
}

.button.front-page-button,
.button.cta {
    cursor: pointer;
}

a:focus,
.button:focus, a.button:focus {
    outline: 2px solid var(--green);
}

.button.quiz {
    font-size: 90%;
}

a.button.cta.wide:hover,
span.button:hover,
.ticket-toggle-list a:hover,
.dga-hide-toggle:hover,
.dga-add-person:hover,
.contact-add:hover,
.preview-button:hover,
#company-table a.button:hover,
a.button:hover,
.button a:hover,
#block-tilmeldingtilheader a:hover,
input[type=submit]:hover,
#cvr_lookup_button:hover,
button:hover {
    box-shadow: var(--button-shadow);
    transition: all ease-in-out 0.5s;
}

body.path-company-form a.button.browse {
    float: right;
}

body.path-company-form details {
    margin: 0;
}

/*
.path-admin .button a:hover,
.path-admin #block-tilmeldingtilheader a:hover,
.path-admin input[type=submit]:hover,
.path-admin button:hover {
  box-shadow: none;
}
*/

.field--type-text-with-summary button {
    margin: 0;
    padding: 0;
    font-size: inherit;
    color: #000;
    background-color: transparent;
}

/*
#block-vertikaluser a {
  border: 1px solid rgba(7, 5, 5, 0.2);
  border-radius: var(--button-corner);
  padding: 0.5rem;
}
*/

/* Blocks */
#block-tilmeldingtilheader,
#block-degoan-onboarding {
    max-width: 400px;
}


#block-tilmeldingtilheader span a {
    background-color: #fff;
    color: var(--almost-black);
    margin-left: 2rem;
}

/* Front page */

#block-brugforhjaelpbloktilforside2023,
#block-argumentertilforside2023,
#block-skaermbilledertilforside2023 {
    background-color: var(--light-background);
    margin-top: 3rem;
    padding: 2rem 0;
}

#block-argumentertilforside2023 {
    background-color: var(--light-green);
}

#block-sprogtilforside2023,
#block-brugforhjaelpbloktilforside2023 .body,
#block-argumentertilforside2023 .body,
#block-skaermbilledertilforside2023 .body,
#block-views-block-front-page-circles-block-2 {
    width: var(--frontpage-narrow);
    margin: 3rem auto;
}

#block-views-block-faq-block-1--2,
#block-brugforhjaelpbloktilforside2023 .body,
#block-komigangbloktilforside2023,
#block-provdetbloktilforside2023,
#block-skaermbilledertilforside2023 .body {
    width: var(--article-width);
}

#block-komigangbloktilforside2023 h3,
#block-skaermbilledertilforside2023 .body h3 {
    margin-top: 2rem;
}

#block-skaermbilledertilforside2023 video.front-page-video,
#block-provdetbloktilforside2023 img {
    margin: 1rem auto;
    /* box-shadow: 5px 5px 10px #ccc; */
    box-shadow: var(--popup-shadow);
    border: 1px solid #666;
}

#block-skaermbilledertilforside2023 .body img {
    margin: 1rem auto;
    /* box-shadow: 5px 5px 10px #ccc; */
    box-shadow: var(--popup-shadow);
    border: 1px solid #666;
    /* filter:brightness(0.8); */
}

#block-skaermbilledertilforside2023 .button.cta {
    /* margin-left: -400px; */
    transition: all ease-in-out 1s;
}

#block-skaermbilledertilforside2023 .button.cta.in-viewport {
    margin-left: 0;
}

/*
#block-skaermbilledertilforside2023 .body img.in-viewport {
  filter:brightness(1);
  transition: all ease-in-out 1s;
}
*/

#block-argumentertilforside2023 .arguments,
#block-views-block-front-page-circles-block-2>div>div {
    display: flex;
    column-gap: 1.5rem;
}

#block-argumentertilforside2023 .arguments {
    margin-bottom: 2rem;
}

#block-argumentertilforside2023 .argument {
    flex: 1;
}

#block-argumentertilforside2023 .argument li {
    margin-left: 1rem;
    list-style: disc;
    padding: 0;
}

#block-brugforhjaelpbloktilforside2023 .help-blob {
    background-color: var(--dark-brown);
    padding: 5rem 4rem;
    color: var(--light-background);
    font-size: 800%;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    text-align: center;
    float: left;
    margin-right: 2rem;
    /* margin-bottom: 1rem; */
    border-radius: 0 0 0 1rem;
}

#block-brugforhjaelpbloktilforside2023 h2,
#block-views-block-faq-block-1--2 h2,
#block-komigangbloktilforside2023 h2,
#block-provdetbloktilforside2023 h2,
#block-argumentertilforside2023 h2,
#block-skaermbilledertilforside2023 h2,
#block-views-block-front-page-circles-block-2 h2 {
    color: var(--greener);
    margin-bottom: 2rem;
    font-size: 2.5em;
    /* font-family: var(--bold-heading-font); */
    font-weight: 900;
}

/*
#block-views-block-front-page-circles-block-2 .views-row {
  float: left;
  margin-right: 1rem;
}
*/



h2.front-statement {
    text-align: center;
    margin: 0 auto;
}


/* Testimonials */

.front-testimonials {
    margin: var(--front-page-margin) 0;
    background-color: var(--light-background);
    padding: 1rem 0;
}

.front-testimonials h2,
.front-testimonials h3 {
    text-align: center;
    margin: 2rem auto;
}

.front-testimonials .views-view-grid {
    width: var(--element-width);
    margin: 0 auto;
    outline: var(--debug-outline);
}

.front-testimonials .views-col {
    width: 30%;
}

.front-testimonials .views-field-field-image {
    height: 150px;
    display: flex;
    justify-content: left;
    align-items: center;

}

.front-testimonials .views-field-field-image img {
    /* max-width: 150px; */
    max-height: 150px;
    width: auto;

    /* height: auto; */
}

.front-testimonials .views-field {
    padding: 0 1rem 0 0;
}

.front-testimonials .views-field-title {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

.front-testimonials .views-field-field-testemonial-job-title {
    margin-top: 0.5rem;
}

.front-testimonials .views-field-field-testemonial-company {
    margin-bottom: 2rem;
}

#block-views-block-front-page-full-width-block-1 p {
    display: none;
    position: absolute;
    background-color: var(--light-hover);
    padding: 1rem;
    margin-left: 26rem;
    width: 20rem;
    margin-top: -5rem;
}

#block-views-block-front-page-full-width-block-1 {
    background-color: var(--dark-brown);
    padding: 0 1rem;
}

#block-views-block-front-page-full-width-block-1 h2 {
    margin-top: 1rem;
}

#block-views-block-front-page-full-width-block-1 h2 {
    visibility: hidden;
}

#block-views-block-front-page-full-width-block-1 .chapter strong,
#block-views-block-front-page-full-width-block-1 .chapter {
    padding: 0;
    margin: 0;
    cursor: pointer;
    color: var(--almost-white);
    width: var(--article-width);
}

#block-views-block-front-page-full-width-block-1 .chapter::before {
    content: '- ';
}

#block-views-block-front-page-full-width-block-1 .chapter {
    transition: all ease-in-out 0.5s;
}

#block-views-block-front-page-full-width-block-1 .chapter:hover {
    background-color: var(--light-hover);
    color: #000;
}

#block-views-block-front-page-full-width-block-1 .chapter.open {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    padding-left: 1rem;
    background-color: var(--light-hover);
    color: #000;
}

#content_anonymous #block-views-block-front-page-circles-block-1 {
    width: var(--element-width);
    margin: 3rem auto;
}

#block-views-block-front-page-circles-block-1 h3 a {
    color: var(--greener);
    line-height: 1.5em;
    border: 0;
}

#block-views-block-front-page-circles-block-1 h3 a:hover {
    border-bottom: 1px solid var(--light-grey);
}

#block-views-block-front-page-circles-block-1 .views-row {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    text-align: left;
    margin: auto .5rem;
}

.front-page-rectangle {
    background-color: var(--light-background);
    border-radius: var(--container-corner) var(--container-corner) var(--container-corner) 0;
}

.front-page-rectangle {
    padding: var(--large-padding);
    /* height : 350px; */
    overflow: hidden;
    margin-bottom: var(--large-padding);
}

.front-page-rectangle .views-field-field-image {
    border-radius: var(--container-corner) 0 0 0;
    float: left;
    margin-right: var(--large-padding);
    margin-top: calc(var(--large-padding) * -1);
    margin-left: calc(var(--large-padding) * -1);
}

.front-page-rectangle .views-field-field-image img {
    border-radius: var(--container-corner) 0 0 0;
}

.price-models-triptych {
    margin: var(--front-page-margin) auto;
    width: var(--element-width);
    outline: var(--debug-outline);
}

.price-models-triptych>header h2 {
    text-align: center;
    color: var(--greener);
    margin: 2rem 0;
}

.price-models-triptych h2 {
    margin-bottom: 1rem;
}

.price-models-triptych h2 a:hover {
    background-color: var(--light-green);
}

#browse_handbook ul li,
.price-models-triptych ul li,
#dga-handbook-form ul li,
article ul li,
.front-page-rectangle ul li {
    list-style: none;
    /* margin-left: 8rem; */
    margin-bottom: 0.5rem;
    margin-left: 3rem;
}

.price-models-triptych>ul li {
    cursor: pointer;
}

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

#browse_handbook .align-left {
    margin-right: 1rem;
}

#browse_handbook .align-right {
    margin-left: 1rem;
}

.price-models-triptych ul li::before,
#browse_handbook ul li::before,
#dga-handbook-form ul li::before,
article ul li::before,
.front-page-rectangle ul li::before {
    content: '';
    float: left;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 1.5rem;
    background-image: url(/themes/custom/degoan/icons/dot.svg);
    background-color: transparent;
    background-size: 1rem;
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    margin-right: 0.5em;
    margin-left: -2rem;
    margin-bottom: 0.5rem;
}

article ul li ul li::before,
ul.links.inline li::before,
body.full_path-handbook-toc-206-full #full_handbook h2,
#dga-handbook-form .department-default,
#dga-handbook-form .employment-type-default {
    display: none;
}

.price-models-triptych ul li ul li::before {
    background-image: url(/themes/custom/degoan/icons/dot.svg);
    background-color: transparent;
    background-size: 1rem 1rem;
    margin-right: 0;
}

#block-personalehandbog a {
    margin: 1rem auto;
    display: block;
    width: 20%;
    background-color: var(--greener);
    color: #fff;
    padding: var(--button-padding);
    text-align: center;
    border-radius: var(--button-corner);
}

article ul li ul li {
    margin-left: 1.5rem;
}

article ul,
article ol {
    margin-bottom: 1rem;
    overflow: hidden;
}

article ol li {
    margin-left: 3.5rem;
    margin-bottom: 0.5rem;
}

article ol {
    list-style: none;
    margin-left: 0;
}

article ol li {
    counter-increment: custom;
}

article ol li:first-child {
    counter-reset: custom;
}


article ol li::before {
    text-align: center;
    content: '';
    float: left;
    height: 1.5rem;
    width: 1.5rem;
    padding-left: 0rem;
    border-radius: 1.5rem;
    background-color: var(--light-green);
    margin-left: -2rem;
    content: counter(custom) " ";
}


#block-views-block-testemonials-block-1--2 {
    margin: var(--front-page-margin) auto;
}

#block-views-block-front-page-full-width-block-1 {
    min-height: 300px;
    margin-bottom: var(--large-padding);
    outline: var(--debug-outline);
    width: var(--element-width);
    margin: var(--front-page-margin) auto;
}


#block-views-block-front-page-full-width-block-1 .views-field-field-image {
    position: absolute;
    margin-left: 450px;
    margin-top: -50px;
}

#block-views-block-front-page-full-width-block-1 .views-field-body {
    padding-right: 16rem;
}

/* User form */
#admin-employee>.form-wrapper,
.user-form>.form-wrapper {
    background-color: var(--lighter-background);
    margin-bottom: 2rem;
    padding: 0.5rem;
}

.user-form .field--name-field-sms-phone,
.user-form .field--name-field-relation-phone,
.user-form .field--name-field-relation-name {
    margin-bottom: 0;
}

.user-form #edit-mail--description {
    display: none !important;
}

.form-wrapper.clearer,
.help-wrapper.form-wrapper {
    background-color: transparent !important;
}

/* Handbook pages */


/* Book page and company forms */
form.node-customer-form details label,
form.node-customer-edit-form details label {
    width: 190px;
}

form.node-customer-edit-form .js-form-type-checkbox label,
form.node-customer-form .js-form-type-checkbox label {
    width: auto;
}

form.node-customer-form .description,
form.node-customer-edit-form .description {
    margin-top: -0.75rem;
}

form.node-customer-form .form-wrapper,
form.node-customer-edit-form .form-wrapper {
    margin-bottom: 1rem;
}

#dga-change-ceo details,
#node-customer-form details,
#node-customer-edit-form details,
#node-book-form details,
#node-book-edit-form details,
#edit-field-selectable-texts-wrapper {
    /* border: var(--thin-border-dark); */
    border: 2px solid #ddd;
    background-color: #fff;
    padding: 1rem;
    margin-bottom: 2rem;
}

#node-book-form th,
#node-book-edit-form th {
    background-color: transparent;
    border: 0;
}

#node-book-form .description,
#node-book-edit-form .description {
    margin-top: -.8rem;
}

body.page-node-type-book article.node--type-book .field_selectable_texts div:first-child,
body.page-node-type-book article.node--type-book .field_selectable_texts label,
body.page-node-type-book article.node--type-book .field_selectable_texts .field-single {
    border-bottom: var(--thin-border-light);
    margin-bottom: 1rem;
    /* display: list-item; */
    /* list-style: upper-latin; */
}

body.user-role-editor .node.node--type-book.node--view-mode-full .field_selectable_texts div,
body.user-role-administrator .node.node--type-book.node--view-mode-full .field_selectable_texts div {
    display: list-item;
    list-style: upper-latin;
}

body.page-node-type-book article.node--type-book .field_selectable_texts .field-single::marker {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    font-size: 130%;
    color: var(--greener);
}

body.page-node-type-book article.node--type-book .field_selectable_texts label {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    display: block;
    color: var(--greener);
}

body.node-type-book h1.theme-page {
    margin-bottom: 1rem;
}

#stamp,
.visited-stamp,
.handbook-not-ready {
    float: left;
    text-align: center;
    padding: 0.5rem 1rem;
    background-color: var(--orangy);
    transform: rotate(-5deg);
    margin-left: -70px;
    margin-top: -30px;
    border-radius: 0 0 0 10px;
}

#stamp {
    opacity: 0.8;
}

#full_handbook .handbook-not-ready {
    margin-top: 30px;
    margin-right: -160px;
    display: none;
}

/*
#stamp {
  margin-top: 30px;
}
*/

#stamp a {
    font-size: 150%;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    border: 0;
    margin: 0;
}

#stamp a.button.small {
    font-weight: normal;
    font-family: 'Jakarta';
    font-size: 1rem;
}

.visited-stamp {
    background-color: var(--light-green);
    margin-right: -1rem;
    margin-top: -3rem;
}

.dga-company-form .handbook-not-ready {
    display: none;
}

.dga-upgrade-message,
.handbook-not-ready-text {
    border: 2px solid var(--orangy);
    padding: 0.5rem;
    margin: 1rem 0;
    border-radius: 0 0 0 10px;
    /* width: var(--article-width); */
}

.handbook-not-ready-text p {
    margin: 0;
}

#browse_handbook.browse h3,
article#browse_handbook {
    margin-top: 1rem;
}



/*
article#browse_handbook.sneak-preview {
  border: 2px solid var(--orangy);
  padding: 0.5rem;
  min-height: 300px;
}
*/

article#browse_handbook.sneak-preview h4 {
    font-weight: normal;
    background-color: var(--orangy);
    padding: 0 0.5rem;
    margin-bottom: 1rem;
}

.no-company.warning {
    margin: 0.5rem 0;
}

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

.form-buttons {
    margin: 1rem auto;
    text-align: center;
}

.form-buttons.prev-next-buttons {
    margin: -2rem auto 2rem auto;
}

#handbook-throbber {
    display: none;
    position: fixed;
    top: 15rem;
    left: 0;
    width: 100vw;
    text-align: center;
}

#handbook-throbber img {
    width: 100px;
    height: auto;
}

.field_help_text {
    color: var(--dark-green);
    border-left: 2px dotted var(--dark-green);
    text-align: left;
}

.field_inspirational_text {
    color: var(--dark-green);
    border-left: 2px dotted var(--dark-green);
}

.admin-book-page {
    color: var(--dark-green);
    border-left: 2px dotted var(--dark-green);
}

.admin-book-page,
.field_help_text,
.field_inspirational_text {
    clear: both;
    padding-left: 1rem;
}

.admin-book-page label,
.field_help_text label,
.field_inspirational_text label {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

/* Handbook flow form */

#dga-handbook-form article .node__content {
    width: auto;
}

#dga-handbook-form h1.winner_h1,
#dga-handbook-form .field_help_text,
#dga-handbook-form .field_inspirational_text {
    display: none;
}

.handbook-selected-text {
    padding-bottom: 1rem;
}

.handbook-selected-text li .button {
    margin: 0;
}

.handbook-custom-text {
    padding-bottom: 1rem;
}

.sub-pages.after-handbook-page {
    margin-top: 2rem;
    background-color: var(--light-background-trans);
    padding: 0.5rem;
    clear: both;
}

#dga-handbook-form .handbook-selected-text p,
#dga-handbook-form .handbook-custom-text p,
#dga-handbook-form .handbook-original-text p {
    margin-bottom: 1rem;
}

#dga-handbook-form .handbook-custom-text li p,
#dga-handbook-form .handbook-original-text li p {
    margin-bottom: 0;
}

#dga-handbook-form .form-buttons {
    clear: both;
}


#block-sidebesog,
body.node-type-book h1,
body.node-type-book #block-degoan-content,
body.node-type-book article.browse {
    max-width: var(--article-width);
    /* margin: 0 auto; */
}

#block-sidebesog {
    margin: 0 auto;
}

body.node-type-book h1.handbook-page-title {
    margin: 1rem 0;
}

article.node--type-book .dga-note,
#dga-handbook-form .dga-note {
    text-align: right;
}

.handbook-responsible-links,
.handbook-toc-links {
    background-color: var(--light-background);
    padding: 0.5rem;
    margin-bottom: 1rem;
}

.handbook-responsible-links li {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    margin-left: 2rem;
    list-style: none;
    position: relative;
    /* create positioning context for pseudo-element */
    padding-left: 30px;
    /* space for custom disc */
}

.handbook-responsible-links li::before {
    content: '';
    /* required for the pseudo-element to show */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    /* vertically center the custom disc */
    width: 10px;
    /* custom disc size */
    height: 10px;
    /* custom disc size */
    border-radius: 50%;
    /* make the custom disc circular */
    background: var(--greener);
    /* custom disc color */
}

.handbook-toc-links a {
    padding-right: 1rem;
    text-decoration: underline #ccc;
    border: 0;
}

.handbook-toc-links fieldset {
    float: left;
    margin-right: 2rem;
}

.handbook-toc-links fieldset input {
    margin: 0;
    padding: 0;
}

.handbook-toc-links fieldset .js-form-item {
    line-height: 1rem;
}

.handbook-toc-links fieldset label.option {
    max-width: none;
}

.handbook-toc-links details #edit-submit-bottom {
    clear: both;
    display: block;
}

.handbook-toc-extract-links {
    float: right;
}

#print-icon {
    float: right;
    cursor: pointer;
    font-size: 140%;
}

#full_handbook .print-label {
    width: 110px;
    display: inline-block;
}

.handbook-toc-links a.print-ready,
.handbook-toc-links .print-ready {
    padding: 0 2rem 0 0;
    /* color: #fff; */
}

.handbook-toc-links a.active {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

.handbook-toc-links .handbook-toc-explanation {
    padding: 0.5rem;
    background-color: #fff;
    clear: both;
}

.path-browse-handbook .page-top #menu,
.path-handbook .page-top #menu {
    display: none;
}

body.path-browse-handbook #block-degoan-content--2 h2:first-of-type {
    display: none;
}

body.path-browse-handbook #block-degoan-content--2 #browse_handbook h2 {
    display: block;
}

/*
body.path-browse-handbook article header h2 {
  outline: 1px solid blue;
}
*/
#block-degoan-content--2>h1 {
    outline: 1px solid orange;
    display: none;
}

body.path-browse-handbook #block-degoan-content--2 h2,
body.path-browse-handbook article header h2 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#block-degoan-pagetitle--2,
#block-degoan-pagetitle {
    margin-bottom: 1rem;
}


body.is-front-page #block-degoan-pagetitle--2 {
    display: none;
}


body.path-browse-handbook .button.browse {
    float: right;
    margin-right: 2rem;
}

#content ul.dga-handbook-toc li.indent-1 {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    font-family: var(--heading-font);
    font-size: 1.2rem;
    margin-left: 0;
}

/* Embedded employer handbook in node 431 */

body.node-431 article #full_handbook.toc {
    margin-top: -2rem;
    margin-left: -1rem;
    margin-bottom: 2rem;
}

body.node-431 article #full_handbook.toc .toc-section {
    display: inline;
}

body.node-431 article #full_handbook.toc .section-0,
body.node-431 article #full_handbook.toc img,
body.node-431 article #full_handbook.toc ul li::before {
    display: none;
}

body.node-431 article #full_handbook.toc ul li img {
    display: inline;
}

body.node-431 article #full_handbook.toc ul li {
    margin: 0 0 0 1.5rem;
}

body.node-431 article #full_handbook.toc>ul>li {
    margin-top: 1rem;
}

body.node-431 article #full_handbook.toc ul {
    margin: 0;
}

body.node-431 article #full_handbook.toc ul ul {
    margin-left: 1rem;
}

/* ---------- */

#dga-handbook-form h2.node__title,
.node--type-book.node--view-mode-browse header h2 {
    display: none;
}

#dga-select-preview-wrapper .node--type-book.node--view-mode-browse header h2 {
    display: block;
}

#dga-handbook-form .own-images,
#dga-handbook-form .field_image,
#dga-select-preview-wrapper .field_image,
.node--type-book.node--view-mode-browse .field_image,
.node--type-book.node--view-mode-full .field_image {
    /* background-color: var(--light-background);
  border-radius: 0 0 0 var(--container-corner);*/
    text-align: center;
    margin-bottom: 1rem;
    padding: 1rem;
}

#dga-handbook-form .field_image {
    padding: 1rem;
}

#dga-select-preview-wrapper .ck-widget__selection-handle,
#dga-select-preview-wrapper .edit-show,
#dga-select-preview-wrapper .page-top,
#dga-select-preview-wrapper footer#footer {
    display: none;
}

img[data-align="left"],
#dga-select-preview-wrapper .image-style-align-left {
    float: left;
    margin-right: 1rem;
}

img[data-align="right"],
#dga-select-preview-wrapper .image-style-align-right {
    float: right;
    margin-left: 1rem;
}

#dga-select-preview-wrapper #content {
    padding: 0;
}

#dga-select-preview-wrapper img {
    aspect-ratio: auto !important;
    width: auto;
}

#dga-select-preview-wrapper h4+h3.space {
    margin-top: 0;
    padding-top: 0;
}

#dga-select-preview-wrapper .ck-reset_all {
    display: none;
}

#dga-select-preview-wrapper figure.image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#dga-select-preview-wrapper .documents-wrapper {
    clear: both;
}

/*
.own-images {
  width: 300px;
}
*/

.own-images.image_placement_left,
.handbook-original-text.empty-body.image_placement_left,
.field_image.image_placement_left,
.node--type-book.node--view-mode-browse .field_image.image_placement_left,
.node--type-book.node--view-mode-full .field_image.image_placement_left {
    float: left;
    margin: 0 2rem 1rem 0;
    width: min-content;
    padding: 1rem;
    text-align: center;
}

article.node--type-update .field_image,
.own-images.image_placement_right,
.handbook-original-text.empty-body.image_placement_right,
.field_image.image_placement_right,
.node--type-book.node--view-mode-browse .field_image.image_placement_right,
.node--type-book.node--view-mode-full .field_image.image_placement_right {
    float: right;
    margin: 0 0 1rem 2rem;
    /* min-width: 300px; */
    width: min-content;
    padding: 1rem;
    text-align: center;
}

article.node--type-update .field_image {
    border: var(--border-medium);
}

.update-view article {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: var(--border-medium);
}

.update-view article .node__content {
    width: auto;
}

.own-images.image_placement_right:empty,
.handbook-original-text.empty-body.image_placement_right:empty,
.field_image.image_placement_right:empty,
.node--type-book.node--view-mode-browse .field_image.image_placement_right:empty,
.node--type-book.node--view-mode-full .field_image.image_placement_right :empty {
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.handbook-original-text.empty-body.image_placement_hide,
.field_image.image_placement_hide,
.node--type-book.node--view-mode-browse .field_image.image_placement_hide,
.node--type-book.node--view-mode-full .field_image.image_placement_hide {
    display: none;
}

/* .handbook-original-text.empty-body.image_placement_before .field_image, */
.own-images.image_placement_before,
.field_image.image_placement_before,
.own-images.image_placement_after,
.field_image.image_placement_after,
.node--type-book.node--view-mode-browse .field_image.image_placement_before,
.node--type-book.node--view-mode-full .field_image.image_placement_before {
    margin: 1rem auto;
    clear: both;
    text-align: center;
    padding: 1rem;
    width: min-content;
}

.field_image.stock img {
    filter: saturate(60%) brightness(90%);
}

/* Company page form */

input#edit-heading--3,
input#edit-heading,
input#edit-field-own-title {
    font-size: 170%;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    margin-top: -4px;
    max-width: 640px;
}

form#company-page-copy #edit-action {
    columns: 4;
}

/* Tabs - Tab forms - Tabbed editing */

#dga-company-page-form .dga-tab-title {
    display: inline-block;
    border: var(--border-medium);
    border-bottom: var(--border-tab);
    /* border-bottom: 2px solid var(--lighter-background); */
    padding: 0.2rem 0.3rem;
    cursor: pointer;
    background-color: #fff;
    margin-bottom: -3px;
    transition: all ease-in-out 0.5s;
    color: #777;
}

#dga-company-page-form .dga-tab-title:hover {
    background-color: var(--lighter-background);
    /* font-weight: bold; */
    /* font-family: "Jakarta x-bold"; */
    color: #000;
}

#dga-company-page-form .save-message,
#dga-company-page-form #company-page-form-changed {
    display: none;
    position: absolute;
    background-color: yellow;
    padding: 1rem;
    text-align: center;
    margin-left: var(--article-width);
}

#dga-company-page-form .dga-tab-title.open {
    border: var(--border-tab);
    background-color: var(--lighter-background);
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    color: black;
    border-bottom: 3px solid var(--lighter-background);
}


#dga-company-page-form .language-box {
    height: auto;
}

#dga-company-page-form .dga-tab-container .dga-tab-wrapper {
    background-color: var(--lighter-background);
    display: none;
    border: var(--border-tab);
    border-top: var(--border-tab);
    min-height: 200px;
    margin-bottom: 2rem;
    padding: 0.5rem;
}

#dga-company-page-form .dga-tab-container details.help-wrapper {
    margin: 0 0 1rem 0;
    padding: 0;
}

#dga-company-page-form .dga-tab-container details.help-wrapper summary {
    margin: 0;
    padding: 0 1rem;
    font-size: 110%;
}

#dga-company-page-form .dga-tab-container#dga-departments .text-note,
#dga-company-page-form .dga-tab-container#dga-employment-types .text-note {
    float: none;
    text-align: right;
}

#dga-company-own-page-form #edit-picture-placement,
#dga-company-page-form #edit-picture-placement {
    columns: 5;
}

#employment_type_fields,
#edit-department--wrapper,
#sop-wrapper,
#dga-company-page-form .company-files {
    background-color: var(--lighter-background);
    padding: 0.5rem;
    margin-bottom: 1rem;
}

#dga-company-page-form .company-files .js-form-type-checkbox input {
    margin: 0;
}

#dga-company-page-form .company-files img {
    margin-bottom: 2rem;
}

#dga-company-page-form summary {
    /* font-weight: bold; */
    margin-left: 0.5rem;
}

#dga-company-page-form #edit-advanced summary {
    background-color: var(--lighter-background);
    padding: 0.5rem;
    margin-left: 0;
    margin-bottom: 1rem;
}

#dga-company-page-form .text-triggers,
#dga-company-page-form #edit-advanced>summary {
    background-color: var(--help-background);
    font-size: 110%;
}

#dga-company-page-form .text-triggers .text-trigger::before {
    content: '►';
    padding-right: 0.5rem;
}

#dga-company-page-form .text-triggers .text-trigger.open::before {
    content: '▼';
}

form.dga-company-page-form .form-wrapper.description {
    margin-top: 2rem;
}

table.any-book .sub {
    font-size: 80%;
}

.department-default,
.employment-type-default {
    float: right;
    text-align: right;
    width: 40%;
    clear: both;
    color: var(--greener);
}

#dga-select-preview-wrapper .department-default,
#dga-select-preview-wrapper .employment-type-default {
    float: none;
    text-align: left;
    width: auto;
}

.selection-wrapper {
    margin-bottom: 1rem;
    min-height: 50px;
    background-color: var(--lighter-background);
    padding: 0.5rem;

}

.handbook-browse-buttons {
    text-align: center;
    margin-top: 1rem;
}

.handbook-browse-buttons a.button.browse {
    margin: 0;
}

.handbook-browse-buttons a {
    margin: 0 1rem;
}

/* Full handbook collapsible */
.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-family: "Jakarta x-bold"; */
    font-size: 1.2rem;
    font-family: var(--heading-font);
}

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

#full_handbook.toc ul li {
    /* margin-left: 0; */
    list-style: none;
}

#content .category-pages li.indent-1 {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

#content .category-pages li.indent-2 {
    margin-left: 3rem;
}

#content .category-pages li.indent-3 {
    margin-left: 4rem;
}

table.pages-table tr th div {
    transform: translate(10px, 0) rotate(-25deg);
    white-space: nowrap;
    width: 30px;
}

table.pages-table tr th:first-child div {
    transform: none;
}

table.pages-table tr td {
    text-align: center;
}

table.pages-table tr td:first-child {
    text-align: left;
}

table.pages-table tr:hover {
    background-color: var(--light-background);
}

table.pages-table tr.indent-1 td:first-child,
table.pages-table tr.indent-2 td:first-child {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

table.pages-table tr.indent-3 td:first-child {
    padding-left: 1rem;
}

.handbook-dot {
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.5rem;
}

ul.dga-handbook-toc {
    margin-left: 1.2rem;
}

.dga-handbook-toc ul li {
    margin-left: 2rem;
    text-indent: -2rem;
}

#full_handbook.toc ul li .toc-counter {
    /* margin-right: 1rem; */
    text-align: center;
    display: inline-block;
    width: 1rem;
    margin-right: 1rem;
}

#full_handbook.toc ul li .toc-counter::after {
    content: '.';
}

#full_handbook.toc ul li.indent-2 {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

#full_handbook table.bar-table tr td.after {
    background-color: var(--reddish);
}

#full_handbook.toc table.bar-table tr td.before {
    background-color: var(--green);
}

#full_handbook.toc ul li.unread,
#full_handbook.toc ul li.unread a {
    color: var(--dark-red);
}

.bar-flex {
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

.bar-flex div {
    flex-grow: 1;
    height: 1rem;
    background-color: var(--light-background);
    border-right: 2px solid white;
}

.bar-flex .after {
    background-color: var(--light-green);
}

.bar-flex .before {
    background-color: var(--green);
}

.bar-flex .current {
    background-color: var(--greener);
}


.bar-flex {
    display: flex;
    width: 100%;
}

#full_handbook.toc ul li.read,
#full_handbook.toc ul li.read a {
    color: var(--dark-green);
}

#dga-handbook-form .dga-quiz-progress {
    margin-bottom: 2rem;
}

#dga-handbook-form h1 {
    margin: 0;
    padding: 0;
}

#full_handbook.toc .dga-quiz-progress,
#full_handbook.toc table.bar-table {
    margin-bottom: 1rem;
}

#full_handbook.toc ul li .toc-counter.toc-depth-1 {
    display: none;
}

.toc-section {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    padding-top: 1rem;
    display: inline-block;
}

.toc-text.section-0 {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    font-family: var(--heading-font);
    font-size: 120%;
    margin-left: -2rem;
}

a.not-ready,
.not-ready.toc-text a {
    color: var(--dark-red);
}

#full_handbook article {
    border-bottom: var(--border-light);
    border-left: var(--border-light);
    margin-bottom: 1rem;
    padding: 1rem;
}

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

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

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

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

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

li.theme {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

ul.themes-pages {
    column-count: 3;
}

legend,
ul.themes-pages li {
    transition: all ease-in-out 0.5s;
}

ul.themes-pages li.theme ul {
    break-before: avoid-column;
    break-inside: avoid;
    margin-bottom: 1rem;
}

ul.themes-pages>li.theme {
    list-style-type: none;
    padding-left: 0;
    /* Remove default padding */

}

.themes-pages-legends,
.themes-pages {
    --or: orange;
}

ul.themes-pages>li::before {
    content: "✓";
    /* Unicode checkmark */
    color: var(--or);
    /* Color for the checkmark, you can adjust as needed */
    display: inline-block;
    /* Makes it easier to position */
    margin-right: 10px;
    /* Spacing between checkmark and text */
}

ul.themes-pages li.theme,
ul.themes-pages li.page.written {
    color: var(--or);
}

ul.themes-pages li.page.written.deselect {
    color: var(--orangy);
}

ul.themes-pages li.page {
    color: black;
    font-weight: normal;
    font-family: 'Jakarta';
    margin-left: 2rem;
}

ul.themes-pages-legends li {
    list-style: none;
    display: inline;
}

ul.themes-pages li.written.hovered,
ul.themes-pages-legends li.written {
    color: var(--or);
}

ul.themes-pages li.deselect.hovered,
ul.themes-pages-legends li.deselect {
    color: var(--or);
    background-color: var(--light-orangy);
}

ul.themes-pages li.must-write.hovered,
ul.themes-pages-legends li.must-write {
    color: black;
}

ul.themes-pages li.theme.hovered,
ul.themes-pages-legends li.theme {
    color: black;
}

/* Progress bar */

#block-views-block-front-page-buttons-block-1 {
    margin: var(--large-padding) 0 var(--large-padding) 0;
}

#block-views-block-front-page-buttons-block-1 .views-row {
    /* display: table-cell; */
    float: left;
    text-align: center;
    padding: 0.5rem;
}

#block-views-block-front-page-buttons-block-1 footer {
    clear: both;
}

#block-views-block-front-page-buttons-block-1 .views-row img {
    border-radius: var(--container-corner);
    background-color: var(--light-grey);
}

#block-views-block-front-page-buttons-block-1 h2 a {
    color: #fff;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

#block-views-block-front-page-buttons-block-1 .views-row .views-field-field-image:after {
    content: '\A';
    position: absolute;
    width: 200px;
    height: 200px;
    background: var(--dark-brown);
    opacity: 0.25;
    border-radius: var(--container-corner);
    margin-left: -200px;
    /*
  margin-left: -100px;
  margin-top: -200px;
  */
}

.clearer {
    clear: both;
}

/*
@-moz-document url-prefix() {
  #block-views-block-front-page-buttons-block-1 .views-row .views-field-field-image:after {
    margin-left: -100px;
    margin-top: -206px;
  }
}
*/

#block-views-block-front-page-buttons-block-1 .views-row .views-field-title {
    position: absolute;
    color: #fff;
    margin-top: -120px;
    width: 200px;
}

#block-degoan-start {
    margin: var(--large-padding);
    text-align: center;
}

.emphasized {
    font-weight: bold;
    font-family: "Jakarta bold";
}

.emphasized.minus {
    color: red;
}

.emphasized.plus {
    color: green;
}

.chapter {
    font-size: 120%;
    font-weight: bold;
    /* font-family: "Jakarta x-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;
}

.cke_editable ol li, .cke_editable ul li, .cke_editable dl li {
    margin-left: 2rem;
}

.cke_bottom {
    display: none;
}

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

/* Tickets */


.ticket-view header a {
    margin-right: 2rem;
}

.ticket-view table tr td:nth-child(2),
.ticket-view table tr td:nth-child(3) {
    max-width: 230px;
    overflow: hidden;
}

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

article.node-type-ticket .body {
    padding: 1rem;
    border-top: var(--border-light);
    border-bottom: var(--border-light);
    margin-bottom: 1rem;
}

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

.node-type-ticket section article .links.inline {
    margin: 0;
    padding: 0;
    background-color: var(--light-background);
    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;
}

.full_path-admin-support-tickets td.views-field-title,
.full_path-admin-support-tickets td.views-field-body {
    max-width: 200px;
    overflow: hidden;
}

dl dt,
.node--type-ticket label {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

dl dt {
    margin-top: 0.5rem;
}

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

.token-tree-dialog {
    position: fixed;
    margin-top: -5rem;
}

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

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


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

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

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

#block-degoan-indhold li.has-tokens a {
    border-bottom: 1px dashed orange;
}

#block-degoan-indhold .has-inspirational-text::after {
    content: " 💡";
    font-size: 60%;
}

#block-degoan-indhold .has-help-text::after {
    content: ' ❓';
    font-size: 60%;
}

#block-degoan-indhold .has-help-text.has-inspirational-text::after {
    content: " ❓ 💡";
    font-size: 60%;
}

#block-degoan-indhold .has-quiz::after {
    content: " 🧪";
    font-size: 60%;
}

#block-degoan-indhold #block-degoan-indhold .active {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

table tr.visible-hover:hover {
    background-color: var(--light-background);
}

/* GDPR */
#sliding-popup {
    background-color: var(--light-background);
    padding: var(--medium-padding);
    border: var(--border-green);
    border-radius: var(--container-corner) 0 0 0;
    width: calc(var(--page-width) - (2 * var(--medium-padding)));
}

.eu-cookie-withdraw-wrapper .eu-cookie-withdraw-tab {
    margin-left: 0px;
    left: 50px;
    margin-top: 0px;
    top: 0px;
}

.eu-cookie-withdraw-wrapper.sliding-popup-bottom button.eu-cookie-withdraw-tab {
    padding: 4px;
    /* background-color: var(--light-grey);
  color: #000;*/
}

.eu-cookie-compliance-buttons {
    float: left;
    width: auto;
    margin-top: 150px;
}

.eu-cookie-withdraw-tab {
    top: -10px;
    left: 50px;
}


/* eu-cookie-withdraw-wrapper sliding-popup-bottom */

/* Tables */

.sample-pages table.pages {
    width: 100%;
}

.sample-pages table.pages tr td {
    background-color: white;
    padding: 0.5rem;
}

.sample-pages table.pages caption {
    text-align: left;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    border-top: var(--border-green);
    padding: 0.5rem;
}

.your-selection,
.handbook-own-text table tr td,
article table tr td {
    border: var(--border-green);
    padding: 0.5rem;
}

/* Book page tables */
.handbook-own-text table,
article table,
.handbook-custom-text table {
    border-collapse: collapse;
}

.handbook-custom-text table th,
.handbook-custom-text table td {
    padding: 2px;
    border: #ccc 1px solid;
}

table.import-table,
.path-admin table,
.full_path-admin-content-overview table {
    width: var(--element-width);
}

table caption,
.full_path-admin-content-overview table caption {
    text-align: left;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    background-color: var(--light-grey);
    padding: 4px;
    margin-top: 1rem;
    border: 0;
}

th.views-field-operations {
    width: 110px;
}

table.import-table tr td {
    padding: 0 0.5rem;
}

table.import-table tr.miss {
    background-color: var(--light-pink);
}

table.import-table tr.skip {
    background-color: var(--light-green);
}

table.import-table tr.mail_error,
table.import-table tr.employment_error,
table.import-table tr.duplicate {
    background-color: var(--orangy);
}

table.import-table tr.employment_error td:nth-child(4) {
    text-decoration: line-through;
    font-style: italic;
}

table.import-table tr.mail_error td:nth-child(2) {
    text-decoration: line-through;
    font-style: italic;
}

.log-table {
    max-width: var(--element-width);
    width: auto;
}

.log-table ul.users li {
    list-style: none;
    margin: 0 0 1rem 0;
    padding: 0;
}


.log-table tr td:nth-child(3) {
    max-width: 260px;
    overflow: hidden;
}

.log-table tr td:nth-child(4) {
    max-width: 400px;
    overflow: hidden;
}

form#dga-company-import-form fieldset {
    width: 40%;
    float: left;
    margin-right: 2rem;
}

form#dga-company-import-form #edit-defaults {
    border: var(--border-medium);
    padding: 0.5rem;
    margin-bottom: 1rem;
}

#contextual-help {
    left: 20px;
    margin-left: auto;
}

table#company-list .company-name {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

table#company-list .company-counter {
    /* position: absolute; */
    font-size: 200%;
    color: #eee;
    z-index: -10;
    /* margin-top: 1rem; */
    /* margin-left: -4rem; */
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    float: right;
}


details.toggles {
    margin-top: 0rem;
}

.ticket-toggle#alert,
table#company-list tr.alert {
    background-color: var(--light-pink);
}

.ticket-toggle#test,
table#company-list tr.test {
    background-color: var(--light-grey);
}

.ticket-toggle#blocked,
table#company-list tr.blocked {
    background-color: var(--light-pink);
}

.ticket-toggle#_level-1,
table#company-list tr.level-0 {
    background-color: var(--cream);
}

.ticket-toggle#_level-0,
.ticket-toggle#free-trial,
table#company-list tr.free-trial {
    background-color: var(--light-green);
}

.ticket-toggle#demo,
table#company-list tr.demo {
    background-color: var(--light-orangy);
}

#content ul.company-list-actions {
    float: right;
    margin-top: -4rem;
}

body.user-role-administrator #content ul.company-list-actions {
    margin-top: -4.5rem;
}

#content ul.company-list-actions li {
    margin: 0;
}

#company-search-all.disabled {
    background-color: #999;
    cursor: not-allowed;
}

#company-search-all.disabled:hover {
    box-shadow: none;
}

table#company-list caption {
    margin-top: 1rem;
    font-size: 120%;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

table#company-list .company-category {
    float: right;
}

table#company-list tr td:nth-child(3) {
    width: 200px;
}

/* Front page company list */
body.is-front-page .company-list table {
    width: 100%;
}


/* Lix counter */
.lix-counter input {
    min-height: 0;
}

blockquote {
    color: var(--greener);
    font-family: "Jakarta bold";
    font-size: 120%;
    padding: 1rem 2rem 2rem 2rem;
    /* margin-left: 1rem; */
}

blockquote::before {
    float: left;
    margin-top: -1rem;
    margin-left: -1rem;
    margin-right: 0.5rem;
    content: '"';
    font-size: 250%;
    background-color: var(--light-green);
    border-radius: 2rem;
    padding: 0 1.25rem;
}

blockquote p {
    margin: 0;
    padding: 0;
}

/* CVR lookup */
#cvr_lookup_button {
    float: right;
    background-color: var(--greener);
    border: 0;
    border-radius: var(--button-corner);
    padding: var(--button-padding);
    color: #fff;
    font-size: 80%;
}

/*
#cvr_lookup_button:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
*/

.messages.messages--error,
.js-text-format-wrapper:has(textarea.error),
input.form-radio.error,
.cvr_lookup .form-text.error {
    border: var(--error-outline) !important;
}

.cvr_lookup.messages {
    padding: 0.5rem;
    margin-bottom: 1rem;
}

.cvr_lookup.messages.messages--error {
    /* background-color: var(--reddish); */
    border: var(--error-outline);
    ;
}

.cvr_lookup.messages.messages--status {
    border: 2px solid var(--greener);
}

/* Tokens */
table.token-tree tr td {
    padding: 4px;
    border-bottom: var(--thin-border-dark);
    border-right: var(--thin-border-dark);
}

table.token-tree tr:hover {
    background-color: var(--light-background);
}

/* Quizzes */

form#dga-quiz-form .js-form-type-radio,
form#dga-quiz-form .form-radios .form-item,
form#dga-quiz-form .form-checkboxes .form-item {
    margin: 0.5rem auto;
}

form#dga-quiz-form .js-form-type-radio label,
form#dga-quiz-form .form-radios .form-item label,
form#dga-quiz-form .form-checkboxes .form-item label {
    font-weight: normal;
    font-family: 'Jakarta';
}

.node-quiz-edit-form table,
.node-quiz-edit-form input.text-full {
    width: 100%;
}

/*
th.tabledrag-hide,
td.tabledrag-hide {
  width : 1px;
}
*/

#dga-quiz-form fieldset.scale {
    margin-top: 1rem;
}

#dga-quiz-form .scale legend {
    font-weight: normal;
    font-family: 'Jakarta';
    float: right;
    width: 80%;
    background-color: transparent;
    margin: 1rem 0 0 0;
    padding: 0;
}

#dga-quiz-form label {
    font-weight: normal;
    font-family: 'Jakarta';
    width: 80%;
}

/*
#dga-quiz-form .scale .fieldset-wrapper {
  float: left;
}
*/

#dga-quiz-form fieldset {
    padding: 4px 4px 0 0;
}

#dga-quiz-form fieldset:hover {
    background-color: var(--light-grey);
}

#dga-quiz-form .scale .fieldset-wrapper .form-item {
    float: left;
    text-align: center;
}

#dga-quiz-form .scale .fieldset-wrapper .form-item input,
#dga-quiz-form .scale .fieldset-wrapper .form-item label {
    display: block;
    margin: 0 0.5rem 0 0;
}

.node-type-quiz label,
.node--type-quiz-bundle label {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

article.node--type-quiz .field_answers .field-single::before {
    content: "- ";
}

.dga-out {
    color: red;
}

.dga-correct-answers,
.dga-correct {
    color: green;
}

.dga-wrong-answers,
.dga-wrong {
    color: red;
    /* color: var(--greener); */
}

ul.end-score,
ul.end-results {
    padding-bottom: 1rem;
    /* margin-bottom: 1rem;
  border: var(--border-brown); */
    margin-left: 2rem;
}

/*
.dga-out::after {
  content: " ÷";
}
*/
/*
.dga-correct::after {
  content: " ✔";
}
*/

.dga-wrong::after,
.dga-correct::after {
    display: inline-block;
    content: ' ';
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin-bottom: -3px;
    margin-left: 5px;
    background-image: url(../icons/thumb-up-green.svg);
}

.dga-wrong::after {
    /* background-image: url(../icons/thumb-down-red.svg); */
    background-image: none;
    margin-bottom: -7px;
}

/*
.dga-out::after,
.dga-wrong::after {
  content: " ✖";
}
*/

.dga-wrong,
.dga-out {
    display: none;
    /* text-decoration: line-through; */
}

.page-node-type-quiz .dga-wrong, .page-node-type-quiz .dga-out,
input.dga-wrong, input.dga-out {
    display: inherit;
}

.quiz-next {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    background-color: var(--light-green);
    padding: 0.5rem;
    text-align: center;
}

/* Quiz admin table */

.full_path-admin-quizzes .button-action {
    display: block;
    float: right;
    margin: 0;
}

table.quiz-admin {
    table-layout: fixed;
    margin-bottom: 3rem;
}

.quiz-admin table a,
table.quiz-admin a {
    border: 0;
}

a.alert,
table.quiz-admin ul.warning a,
table.quiz-admin ul.warning {
    color: var(--reddish);
}

.quiz-admin table tr.ledelse.book-depth-1,
.quiz-admin table tr.book-depth-1 {
    background-color: #cec;
}

.quiz-admin table tr.book-depth-2 {
    background-color: var(--light-grey);
}

.quiz-admin table tr.ledelse {
    background-color: lightgoldenrodyellow;
}

.quiz-admin table tr.rest {
    background-color: var(--light-pink);
}

.quiz-admin table tr:hover {
    background-color: var(--lighter-background);
}

h3.quiz-table {
    margin-top: 0;
}

.quiz-edit-link {
    float: right;
}

/* User */

.path-user label {
    display: block;
    margin-top: 1rem;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

.path-user .js-form-type-radio label,
.path-user .js-form-type-checkbox label {
    display: inline;
    margin-top: 0;
}

.path-user #block-degoan-konto {
    margin-top: 1rem;
    padding: 0.5rem;
    background-color: var(--light-background);
}

#block-continuehandbookflow {
    background-color: var(--light-grey);
    min-height: 90px;
    margin-bottom: 2rem;
}

#degoan-signup-settings .button.small,
#dga-settings .button.small,
#block-continuehandbookflow .button {
    margin: 1rem 2rem;
    float: right;
}

#degoan-signup-settings .button.small,
#dga-settings .button.small {
    clear: both;
    margin: 0.5rem 0 0 0;
}

#dga-settings h3 {
    background-color: var(--greener);
    color: white;
    padding: 0.5rem;
    margin-left: -0.5rem;
}

#degoan-signup-settings #edit-mail-templates label {
    display: block;
    margin-top: 1rem;
}

#block-continuehandbookflow .continue-block-text {
    padding: 1rem;
}

table.dga-accounts tr.account-active {
    background-color: var(--cream);
}

.masquerade-block-form {
    width: 50%;
    margin: 2rem auto;
}

/* https://codepen.io/Snugug/pen/bzRwyw */
.field_video {
    --background: #333;
    --size: 10px;
    background-image:
        linear-gradient(to right, var(--background) var(--size), transparent var(--size)),
        linear-gradient(to bottom, var(--background) var(--size), transparent var(--size)),
        linear-gradient(to right, var(--background) var(--size), transparent var(--size)),
        linear-gradient(to bottom, var(--background) var(--size), transparent var(--size)),
        linear-gradient(to bottom, transparent var(--size), var(--background) var(--size));
    background-size: calc(var(--size) * 2) var(--size), calc(var(--size) * 2) var(--size), calc(var(--size) * 2) var(--size), calc(var(--size) * 2) var(--size), 100% calc(100% - var(--size) * 3);
    background-repeat: repeat-x;
    background-position: 0 var(--size), top left, 0 calc(100% - var(--size)), bottom left, 0 var(--size);
    padding: calc(var(--size) * 3) calc(var(--size) * 2.5);
    box-sizing: border-box;
}

body.node-13886 .guide-wrapper,
body.node-61 .guide-wrapper {
    display: none;
}

.guide-wrapper img {
    max-width: calc((var(--article-width)) - 100px);
}

body.node-13886.user-role-company-administrator .guide-wrapper,
body.node-13886.user-role-ceo .guide-wrapper,
body.node-61.user-role-company-administrator .guide-wrapper,
body.node-61.user-role-ceo .guide-wrapper {
    display: block;
}

/* All videos */
.video-link-block {
    margin-bottom: 1rem;
}

.video-link-block .actual-video-link {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    font-size: 1.2rem;
}

.guide-wrapper video {
    width: var(--article-width) !important;
}

.guide-wrapper video.large {
    width: calc(var(--page-width) - 100px) !important;
}

.guide-wrapper article:has(video.large),
.guide-wrapper:has(video.large) {
    max-width: none;
    max-height: none;
    width: calc(var(--page-width) - 50px);
}


.xfield_video {
    background-color: #000;
    padding: 0 10px;
    border-left: 10px dashed #fff;
    border-right: 10px dashed #fff;
}

#block-komigangvideotil2023forside,
#block-videotilforsiden,
#block-videohtml5 {
    text-align: center;
}

video.front-page-video {
    width: var(--element-width) !important;
}

#block-skaermbilledertilforside2023 video.front-page-video {
    width: var(--article-width) !important;
    margin: 0 0 2rem 0;
}

#video-control {
    font-size: 170%;
    position: absolute;
    cursor: pointer;
    margin-left: calc(var(--element-width) + 12rem);
    margin-top: 1rem;
}

#video-control.muted::after {
    content: '✕';
    position: absolute;
    color: var(--dark-red);
    font-size: 150%;
    margin-left: -1.8rem;
}

#video-play-again {
    display: none;
    position: absolute;
    cursor: pointer;
    font-size: 200%;
    color: var(--greener);
    margin-left: calc(var(--element-width) - 25%);
    margin-top: 1rem;
}

/* Search function */
#dga-search-help-form,
#dga-search-handbook-form {
    /* float: right;*/
    padding: 0 1rem;
    /* margin-top: -4rem; */
    text-align: right;
}

#dga-search-help-form input,
#dga-search-handbook-form input {
    max-width: 200px;
}

#dga-search-help-form .form-item,
.dga-search-handbook-form .form-item {
    display: inline-block;
}

.dga-search-handbook-form .form-item input {
    width: 300px;
}

.search-results {
    margin-top: 2rem;
}

.search-result {
    margin-top: 1rem;
    background-color: var(--light-background);
    padding: 0.5rem;
}

.marked {
    background-color: var(--light-green);
}

#dga-search-form #edit-results ul li {
    margin-left: 2rem;
    margin-bottom: 1rem;
}

#vertikal-tickets-search .search-result:hover,
#dga-search-form #edit-results ul li:hover {
    background-color: var(--lighter-background);
}

#page-search-field-wrapper {
    float: left;
    margin-top: 1rem;
    margin-left: 0.5rem;
}

form#degoan-log-search-form {
    padding: 0 1rem;
}

form#degoan-log-search-form label {
    width: 60px;
    margin-top: 1rem;
}

form#degoan-log-search-form .js-form-item-q {
    display: inline;
}

#degoan-search-form .form-wrapper {
    margin-bottom: 2rem;
}

/*
#degoan-search-form .form-wrapper:hover {
  background-color: var(--light-green);
}
*/
#degoan-search-form .search-result-trigger {
    margin: 0;
    padding: 0;
    position: absolute;
    margin-left: 10rem;
    cursor: pointer;
}

form#degoan-search-form {
    background-color: white;
}

form#degoan-search-form .search-result-block {
    position: relative;
    max-height: 15rem;
    overflow: hidden;
    transition: all ease-in-out 0.5s;
    padding: 0.5rem;
}

form#degoan-search-form .search-result-block.expanded {
    max-height: none;
    background-color: var(--lighter-background);
    /* outline: 4px solid var(--lighter-background);*/

}

/* Add a pseudo-element to create the fade effect */
form#degoan-search-form .search-result-block::after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5rem;
    /* The height of the fade */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

form#degoan-search-form .search-result-block.expanded::after {
    background: transparent;
}

/*  Reports */
.dga-report-status {
    padding: 0.5rem;
    border: var(--border-light);
}

.dga-bar {
    height: 20px;
    background-color: var(--greener);
}

.scale_wrapper {
    margin-left: 2rem;
    float: right;
    /* margin-right: 100px; */
}

.report-marker {
    color: var(--greener);
}

.heatmap .unread {
    background-color: pink;
}

.heatmap .cold {
    background-color: #ccc;
}

.heatmap .luke {
    background-color: lightblue;
}

.heatmap .warm {
    background-color: lightgreen;
}

.heatmap .hot {
    background-color: greenyellow
}

.heatmap .passive {
    background-color: transparent;
}

.zheatmap li span {
    transition: all ease-in-out 0.5s;
}

.heatmap .legend {
    padding: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    /* outline: var(--thin-border-dark); */
    float: left;
    margin-right: 1rem;
}

.heatmap.legends {
    margin: 1rem 0;
}

ul.heatmap {
    margin-left: -2rem;
}

ul.heatmap li {
    list-style: none;
}

.heatmap.legends .heatmap-trigger {
    margin-bottom: 0.5rem;
    background-color: var(--light-green);
    padding: 6px 0.5rem;
    margin: -0 -0.5rem 0 -0.5rem;
}

.heatmap.legends .heatmap-trigger:hover {
    background-color: #ddd;
    cursor: default;
}

.heatmap .legend span {
    margin-left: 2rem;
    padding-bottom: 0.5rem;
    display: inline-block;
}

.heatmap .depth-1 {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

.heatmap .depth-1 {
    display: inline-block;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

.heatmap .depth-3 {
    margin-left: 1rem;
}

.scale.over,
.scale.under {
    height: 10px;
    width: 10px;
    display: inline-block;
    margin-left: 2px;
    background-color: var(--greener);
}

.scale.under:first-child {
    margin-left: 1rem;
}

.scale.over {
    background-color: var(--light-background);
}

.dga-report-intro {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

.dga-bar.long {
    max-width: 200px !important;
}

.dga-bar.long::after {
    content: '>>';
    float: right;
}

table.dga-report-table {
    margin-bottom: 2rem;
    width: 100%;
}

table.dga-report-table tr td:first-child {
    width: 50%;
}

table.dga-report-table tr td:nth-child(2) {
    width: 15%;
}

table.dga-report-table tr.theme {
    background-color: var(--light-background);
}

#sequence_pages .sequence_page.movable.not-ready,
table.dga-report-table tr.not_ready {
    background-color: var(--orangy);
}

#sequence_pages .sequence_page.movable.deselected,
table.dga-report-table tr.deselected {
    background-color: var(--light-pink);
}




table.dga-date-bars-vertical {
    table-layout: fixed;
}

h3.dga-report-trigger.expand-all::after {
    content: ' ►';
    /* content: ' ▼'; */
}

h3.dga-report-trigger.expand-all.collapsible::after {
    content: ' ▼';
    /* content: ' ►'; */
}

h3.dga-report-trigger {
    margin-top: 1rem;
}

.path-admin #block-degoan-content table.dga-date-bars-vertical tr td:nth-child(3) {
    width: auto;
}

.path-admin #block-degoan-content table.dga-date-bars-vertical tr td .dga-bar {
    width: 30px;
    margin: 0 auto;
}

.path-admin #block-degoan-content table.dga-date-bars-vertical tr td {
    vertical-align: bottom;
    text-align: center;
}

.path-admin #block-degoan-content table.dga-date-bars-vertical tr td.dga-bar-date {
    height: 100px;
    ;
}

.path-admin #block-degoan-content table.dga-date-bars-vertical tr td.dga-bar-date div {
    transform-origin: 0 0;
    transform: rotate(270deg);
    width: 100px;
    margin-bottom: -1rem;
    text-align: left;
}

.dga-report-section-wrapper {
    border: var(--border-light);
    padding: 0.5rem;
    margin: 0.5rem 0;
}

.dga-report-section-wrapper label::after {
    content: ': ';
}

.dga-report-status h3,
.dga-report-section-wrapper h4 {
    background-color: var(--light-green);
    padding: 2px 0.5rem;
    margin: -0 -0.5rem 0 -0.5rem;
}

.dga-report-section>div {
    border-bottom: var(--border-brown);
    padding: 0 0.5rem;
}

.sdga-report-status h3,
.dga-report-section h3 {
    margin-top: 1rem;
}

.dga-report-section.collapsed {
    display: none;
}

.dga-report-section .question {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

.dga-report-status ul li,
.dga-report-section ul li {
    margin-left: 0;
    list-style: none;
}

.dga-report-status ul li:hover,
.dga-report-section ul li:hover {
    background-color: var(--lighter-background);
}

h3.dga-report-trigger {
    padding: 2px 0;
}


/* Blog */

article.node--type-blog-post figure figcaption {
    display: table-caption;
    font-size: 80%;
    color: #666;
    margin-left: 1rem;
}

article.node--type-blog-post figure {
    background-color: var(--light-background);
}

article.node--type-blog-post figure.align-left,
article.node--type-blog-post article img.align-left {
    margin: 1rem 2rem 1rem 0;
    padding: 0.5rem;
}

article.node--type-blog-post figure.align-right,
article.node--type-blog-post article img.align-right {
    margin: 1rem 0 1rem 2rem;
    padding: 0.5rem;
}

figcaption {
    text-align: center;
    color: #999;
}

.align-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: fit-content;
}

.field_fact_boxes {
    background-color: var(--lighter-background);
    border: var(--border-green);
    padding: 0.5rem;
    float: right;
    width: 400px;
    margin-right: -420px;
    margin-top: -200px;
    margin-left: 3rem;
}

.field_fact_boxes article .node__content {
    width: auto;
}

#block-provdetgratistilblogindlaeg {
    text-align: center;
    background-color: var(--light-orangy);
    padding: 0.5rem;
    border-radius: var(--button-corner);
    width: 400px;
    position: absolute;
    margin-left: 600px;
    margin-top: -100px;
}

#block-views-block-blog-more-blog-entries--2 h2 {
    margin-top: 2rem;
}

.blog-roll {
    max-width: var(--element-width);
}

#block-views-block-blog-block-1--2,
#block-views-block-blog-block-1 {
    background-color: var(--light-green);
    padding: 1rem;
}

#block-views-block-blog-block-1--2 h2,
#block-views-block-blog-block-1 h2 {
    width: var(--element-width);
    margin: 0 auto;
}

#block-views-block-blog-block-1--2 h4 {
    line-height: 1.3rem;
}

#block-views-block-blog-block-1--2 .blog-roll,
#block-views-block-blog-block-1 .blog-roll {
    margin: 0 auto;
    width: fit-content;
}

#block-views-block-blog-block-1--2 .blog-roll .views-row,
#block-views-block-blog-block-1 .blog-roll .views-row {
    background-color: transparent;
}

#block-views-block-blog-block-1--2 .blog-roll .views-col {
    width: 200px !important;
    margin-left: 1rem;
}

#block-views-block-blog-block-1--2 .blog-roll .views-col:first-child {
    margin-left: 0;
}

#block-views-block-blog-block-1--2 .blog-roll .views-row .views-field-body {
    line-height: 1.2rem;
    font-size: 90%;
}

.blog-roll h4 {
    line-height: 1.5rem;
}

article.node--type-blog-post.node--view-mode-full .field_image {
    float: right;
    margin: 0 -420px 1rem 1rem;
}

article.node--type-blog-post.node--view-mode-full label {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

article.node--type-blog-post.node--view-mode-full .field_source,
article.node--type-blog-post.node--view-mode-full .field_tags {
    margin-top: 1rem;
}

.node--view-mode-full .node__meta,
article.node--type-blog-post.node--view-mode-full .node__meta {
    margin-bottom: 1rem;
    /* text-align: right; */
}

.blog-roll img {
    filter: saturate(30%) brightness(120%);
    transition: ease-in-out 0.5s;
    /* border-radius: 10px; */
}

/*
.blog-roll img:hover {
  filter: saturate(150%);
}
*/

.blog-roll a {
    border: 0;
}

.blog-roll .views-field-field-image {
    float: left;
    margin: 0 0.5rem 0.5rem 0;
}

.blog-roll .views-field-created {
    float: right;
    margin: 0 0 1rem 1rem;
}

.blog-roll .views-row {
    clear: both;
    margin-bottom: 2rem;
    min-height: 110px;
    background-color: var(--light-background);
    padding: 0.5rem;
    /* border-radius: var(--button-corner); */
    /* width: var(--article-width); */
    /* margin-left: 11rem; */
}


#block-views-block-blog-block-1 .blog-roll .views-row {
    margin-bottom: 0;
}

#block-views-block-blog-block-1 .blog-roll .views-field-field-image {
    float: none;
}

#block-views-block-blog-block-1 .blog-roll .views-col {
    width: 205px !important;
    height: 300px !important;
    padding: 0.5rem;
    /* background-color: var(--light-background); */
}

#block-views-block-blog-block-1 .blog-roll .views-row {
    background-color: transparent;
}

#block-views-block-blog-block-1 .blog-roll .more-link {
    text-align: right;
    margin-right: 1rem;
}

#block-views-block-blog-more-blog-entries {
    margin-top: 2rem;
}

article.node--type-blog-post .field_link {
    float: right;
    max-width: 33%;
    text-align: center;
    background-color: var(--light-orangy);
    padding: 0.5rem;
    border-radius: var(--button-corner);
    transform: rotate(5deg);
}

article.node--type-blog-post .field_link a {
    border: 0;
    text-decoration: none;
}


/* Select texts form */
/*
.help-section.single-page,
.preview-page,
.dga-company-select-texts-form label.option {
  cursor:help;
}
*/

span.preview-page {
    display: inline-block;
    max-width: 550px;
}

.preview-button {
    float: right;
    font-size: 13px;
    font-weight: normal;
    font-family: 'Jakarta';
    /* cursor: zoom-in; */
}

.dga-company-page-form .preview-button {
    position: fixed;
    margin-left: var(--element-width) !important;
    margin-top: -3rem !important;
}

#dga-select-preview-wrapper .warning,
#dga-select-preview-wrapper h1 {
    display: none;
}

#dga-select-preview-wrapper h1.preview-h1,
body.page-node-type-customer #content #dga-select-preview-wrapper h1.preview-h1 {
    display: block;
    font-size: 2rem;
    margin-bottom: 1rem;
}

/*
#dga-select-preview-wrapper .field_video {
  max-height: 400px;
}
*/

#dga-select-preview-wrapper iframe {
    max-width: 540px !important;
    max-height: 325px !important;
}

#dga-select-preview-wrapper {
    display: none;
    top: 100px;
    min-height: 100px;
    position: fixed;
    border: var(--border-brown);
    border: var(--border-green);
    padding: 0.5rem;
    width: 50%;
    max-width: var(--article-width);
    right: 1rem;
    /* margin-top: -200px; */
    z-index: 100;
    background-color: #fff;
    box-shadow: var(--popup-shadow);
    max-height: 80vh;
    overflow: hidden;
    padding-top: 2rem;
}

#dga-select-preview-wrapper #dga-select-preview {
    height: 60vh;
    overflow: auto;
}

#dga-select-preview-wrapper .update-message {
    color: #999;
    position: absolute;
    margin-top: -2.5rem;
}

#dga-select-preview-wrapper ol li {
    margin-left: 1rem;
    padding-left: 1rem;
}

#dga-select-preview-wrapper .field_video {
    overflow: hidden;
}

#dga-select-preview-wrapper #edit-link {
    position: absolute;
    margin: 4px 0 0 240px;
}

#dga-select-preview-wrapper #dga-notes-wrapper,
#dga-select-preview-wrapper #dga-notes-content,
#dga-select-preview-wrapper .handbook-not-ready,
#dga-select-preview-wrapper .handbook-browse-buttons {
    display: none;
}

#dga-select-preview-wrapper #dga-notes-wrapper {
    position: absolute;
    right: 5rem;
    background-color: var(--bright-yellow);
    max-width: 200px;
    padding: 0.5rem 0.5rem 0.3rem 0.5rem;
    cursor: pointer;
    box-shadow: var(--popup-shadow);
    z-index: 100;
}

.dga-notes {
    background-color: var(--bright-yellow);
    padding: 0.2rem 1rem;
}

details.dga-notes {
    background-color: transparent;
    padding: inherit;
}

table.dga-notes-table a.button {
    margin: 0 0 0.5rem 1rem;
    padding: 0 0.5rem;
}

#dga-select-preview-wrapper h4.green {
    color: var(--greener);
    font-weight: normal;
    clear: both;
    /* border-top: 1px solid var(--dark-green); */
}

.mail-sneak-preview {
    border: var(--border-medium);
    padding: 0.5rem;
}

.mail-sneak-preview.sms {
    line-height: 1rem;
    font-family: monospace;
    font-size: 120%;
    background-color: skyblue;
    color: white;
    border: 0;
    border-radius: 0.5rem;
    width: 80%;
}

.notes-nb {
    background-color: var(--bright-yellow);
    display: inline-block;
    margin-left: 0.5rem;
    padding: 0 0.5rem;
    font-size: 1rem;
    font-weight: normal;
    font-family: 'Jakarta';
    color: #777;
}

#employment_type_fields .js-form-type-textarea,
.dga-company-page-form fieldset#edit-department--wrapper,
.dga-company-page-form #employment_type_fields,
.dga-company-page-form .dga-icons-wrapper .text-trigger,
.dga-company-page-form #dga-select-preview-wrapper #edit-link {
    display: none;
}

.dga-company-page-form #employment_type_fields label {
    margin: 0;
}

.dga-company-page-form details {
    transition: height 3s ease-in-out;
}

.dga-close-cross,
#dga-select-preview-close {
    cursor: pointer;
    position: absolute;
    padding: 0 0.5rem;
    right: 1rem;
    color: red;
    margin-top: -1.5rem;
}

.dga-close-cross:hover,
#dga-select-preview-close:hover {
    background-color: red;
    color: #fff;
}

.dga-close-cross {
    position: relative;
    float: right;
    margin: -0.5rem -3rem 0 0;
}

#inspirational-warning .dga-close-cross {
    margin-right: -3rem;
    margin-top: -2rem;
}

#degoan_warning .dga-close-cross {
    margin-top: -2rem;
    margin-right: -3rem;
}

#dga-select-preview-wrapper .dga-icons-wrapper {
    min-height: 40px;
}

#dga-select-preview-wrapper .handbook-icon {
    float: left;
    margin: 4px;
}

#toggle_preview,
#dga-select-preview {
    /* cursor: zoom-out; */
    cursor: pointer;
}

#dga-company-activate-form #toggle_preview {
    display: none;
}

#dga-select-preview .dga-excluded {
    background-color: var(--light-pink);
}

/* Signup form */

#signup-process {
    padding: 1.2rem 0;
    display: none;
}

#signup-process-bar {
    width: 1%;
    margin-top: 1rem;
    height: 1rem;
    background-color: var(--ok-green);
}

/* Wizard */

#content h2.employer-handbook {
    text-align: center;
    max-width: none;
    width: auto;
    margin-top: 2rem;
}

body.path-signup #content {
    padding-top: 2rem;
}

#full_handbook .phonebook-wrapper,
.shadow-page,
#full_handbook article.wizard-single-page,
#degoan-wizard-form .wizard-single-page,
#degoan-wizard-form #edit-page {
    padding: 1rem;
    background-color: white;
    margin: 1rem auto;
    width: var(--article-width);
    /* box-shadow: 5px 5px 10px #ccc; */
    box-shadow: var(--popup-shadow);
}

.shadow-page {
    width: var(--element-width);
    margin-bottom: 4rem;
}

.shadow-page img {
    margin: 1rem auto;
}

#full_handbook .phonebook-wrapper .button.browse,
#full_handbook .phonebook-wrapper .dga-function-list {
    display: none;
}

#full_handbook .phonebook-wrapper .dga-company-phonebook {
    border-collapse: collapse;
}

#full_handbook .phonebook-wrapper h3 {
    font-size: 180%;
}

#full_handbook .phonebook-wrapper .dga-company-phonebook tr th,
#full_handbook .phonebook-wrapper .dga-company-phonebook tr td {
    background-color: white;
    border: var(--border-brown);
}

a.button.phonebook-edit {
    float: right;
    /* margin-top: -1rem; */
    margin-bottom: 0;
}

.prevew-user-picture img {
    display: block;

}

#free_help,
#degoan-wizard-form #edit-help-page {
    border: 2px solid var(--orangy);
    padding: 1rem;
    background-color: var(--lighter-background);
    margin-bottom: 2rem;
    border-radius: 0 0 0 10px;
}

#free_help {
    width: var(--article-width);
    float: left;
    margin-top: -2rem;
}

#free_help article .node__content {
    width: auto;
}

#free_help a {
    margin: 0;
}

#full_handbook article.wizard-single-page.not-ready::before {
    float: right;
    content: 'Ikke klar';
    background-color: var(--orangy);
    padding: 0 0.5rem;
    /* margin-top: 1rem;
  margin-bottom: 2rem; */
}

#full_handbook article.wizard-single-page .article-checkmark {
    /* margin-top: -2rem; */
    float: left;
    margin-left: -2.5rem;
    /* position: absolute; */
    /* margin-left: var(--article-width); */
}

.dga-handbook-toc .article-checkmark {
    display: inline-block;
    margin-left: 0.2rem;
}

#full_handbook .edit-show {
    float: right;
    clear: both;
    margin: 2rem 0 0 0;
}

#full_handbook article .edit-show {
    margin-top: 0rem;
    margin-right: -4rem;
}

#full_handbook h3 {
    margin-top: 2rem;
}

#full_handbook details.company-employees table {
    margin-top: 5px;
}

#full_handbook details.company-employees table tr td img {
    float: right;
}

form#preview-box-form .form-wrapper {
    margin-bottom: 0;
}

details summary h3 {
    display: inline;
}

#degoan-wizard-form .wizard-single-page {
    margin-top: -1.5rem;
}

#full_handbook .phonebook-wrapper,
#full_handbook article.wizard-single-page.theme-page,
#degoan-wizard-form .wizard-single-page.theme {
    width: calc(var(--article-width) + 4rem);
    margin-top: 4rem;
    min-width: fit-content;
}

#full_handbook article.wizard-single-page h1,
#degoan-wizard-form .wizard-single-page h1 {
    font-size: 130%;
    padding-top: 0;
}

#full_handbook article.wizard-single-page.theme-page h1,
#degoan-wizard-form .wizard-single-page.theme h1 {
    font-size: 180%;
}

#full_handbook article.wizard-single-page.depth-2 {
    margin-left: 9rem;
}

#full_handbook article.wizard-single-page.depth-3 {
    margin-left: 11rem;
}

#full_handbook article.wizard-single-page.depth-4 {
    margin-left: 13rem;
}

#degoan-wizard-form #edit-submit,
#degoan-wizard-form #dga-select-preview-close,
#degoan-wizard-form #dga-select-help-close {
    display: none;
}

#degoan-wizard-form #edit-submit.wizard-next {
    display: inherit;
}

#degoan-wizard-form #blocker {
    position: absolute;
    width: var(--element-width);
    height: 500px;
    z-index: 100;
    margin-left: -1rem;
    margin-top: 2rem;
    background-color: var(--light-pink);
    opacity: 0.5;
}

#degoan-wizard-form #blocker.page_mission {
    height: 330px;
}

#degoan-wizard-form body,
#degoan-wizard-form html {
    background-color: #000;
}

#degoan-wizard-form #edit-help-page article .node__content img {
    margin-right: -200px;
    background-color: #fff;
    margin-left: 1rem;
    border-radius: 0 0 0 10px;
}

#degoan-wizard-form .wizard-your-page {
    float: right;
    background-color: var(--light-green);
    transform: rotate(5deg);
    padding: 0.5rem;
    border-radius: 0 0 0 10px;
}

#dga-company-page-form article,
#degoan-wizard-form article {
    padding: 0;
}

.xhandbook-icon {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    font-size: 1.3rem;
    color: #FFD679;
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
}


/* Company table */
.company-table caption,
#company-table caption {
    text-align: left;
    background-color: var(--light-background);
    margin-top: 1rem;
    padding: 0.5rem;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    /* color: var(--dark-green); */
}

.dga-company-table-wrapper {
    width: var(--element-width);
    padding-bottom: 50rem;
    /* xtra bottom for anchor and late scrolling */
}

.dga-company-table-wrapper details summary {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

table.all-pages tr td.checkbox {
    width: 35px;
}

.phonebook-wrapper .browse.button {
    float: right;
}

.phonebook-wrapper details {
    margin-top: 2rem;
}

.full-width-view table {
    width: var(--page-width);
    margin-left: -10rem;
}

table.own-books-table,
table.dga-company-phonebook,
table.company-table,
#company-table {
    width: 100%;
}

.dga-company-phonebook fieldset {
    margin-bottom: 2rem;
}

#company-table.priority tr.theme {
    display: none;
}

.own-books-table tr.degoans td {
    background-color: var(--almost-white);
}

#company-links-on-pages tr.unpublished td,
.own-books-table tr.unpublished td {
    background-color: var(--orangy);
}

.own-books-table tr.archived td {
    background-color: var(--light-pink);
}

.own-books-table tr td,
.company-table tr td,
#company-table tr td {
    transition: ease-in-out 1s;
    padding: 0.5rem;
}

.company-table tr td.actions,
#company-table tr td.actions {
    width: 150px;
}

.company-table.framed {
    border-collapse: collapse;
}

.company-table.framed tr th,
.company-table.framed tr td {
    border: var(--border-medium);
    /* border-bottom: var(--border-medium); */
}

.company-table.framed.user tr:first-child td {
    background-color: inherit;
}

.company-table.framed tr:first-child td {
    background-color: var(--ok-green);
}

.company-table.framed.plain tr:first-child td {
    background-color: transparent;
}

.sop-info .company-table.framed tr:first-child td {
    background-color: transparent;
}

.sop-info .selection-wrapper {
    background-color: transparent;
    padding: 0;
}

.company-table.framed tr td.you.signed,
.company-table.framed tr:first-child td.you.signed {
    background-color: var(--ok-green);
}

.company-table.framed tr td.you.unsigned,
.company-table.framed tr:first-child td.you.unsigned {
    background-color: var(--orangy);
}

.company-table tr.theme td:first-child,
#company-table tr.theme td {
    /* padding-left: 4px; */
    font-size: 120%;
    border-top: 1rem solid #fff;
}

.company-table.dga-company-responsible tr.theme td {
    border-top: 1rem solid #fff;
    background-color: var(--light-background);
}

#company-table tr.theme td .button.small.add-page {
    float: right;
    /* margin-right: 1rem; */
    margin-bottom: 0.2rem;
    font-weight: normal;
    font-family: 'Jakarta';
}

#company-table tr.theme.collapsed td .button.small.add-page {
    display: none;
}

.sop-placement-top {
    margin-bottom: 4rem;
}

.dga-notes-table tr.approved td,
.own-books-table tr td,
.company-table.dga-company-responsible tr td,
.dga-legend,
#company-table tr td {
    background-color: var(--ok-green);
}

.dga-legend.ok {
    background-color: white;
}

.dga-legend.skip,
table.import-table tr.skip {
    background-color: var(--light-background-trans);
}

#import-legends .dga-legend-text {
    clear: both;
}

#company-table tr td#expand-all-row {
    background-color: transparent;
    color: #ccc;
    border: 0;
    padding: 0 0 0 0.5rem;
}

#company-table tr.intro-text td {
    background-color: #fff;
    padding: 1rem 0 0 0;
}

#company-table .dga-versions-indicator,
#company-table .dga-recommended-indicator,
#company-table .dga-not-approved-indicator,
#company-table .dga-locked-indicator,
#company-table .dga-ready-indicator,
#company-table .dga-deselected-indicator,
#company-table .dga-excluded-indicator,
#company-table .dga-empty-indicator {
    display: none;
    font-size: 16px;
    font-weight: normal;
    font-family: 'Jakarta';
}

.row-anchor {
    display: block;
    height: 100px;
    margin-top: -100px;
    visibility: hidden;
}

.dga-company-form-behavior .highlight img {
    outline: 5px solid yellow;
}

#block-ticketlinks,
#block-views-block-activity-list-block-1 {
    display: none;
}

body.page-node-type-ticket #block-ticketlinks,
body.page-node-type-customer #block-views-block-activity-list-block-1 {
    display: block;
}

body.page-node-type-customer #content h1 {
    margin: 0;
    padding: 0;
}

li,
table tr td {
    transition: all ease-in-out 0.5s;
}

legend.dga-highlight,
li.dga-highlight,
table tr.dga-highlight td {
    background-color: yellow !important;
}

#company-table tr td .sequence-button {
    margin-top: -1.5rem;
    margin-right: 1rem;
}

#company-table .expand {
    cursor: pointer;
    padding: 0.5rem;
    color: #ccc;
}

#company-table span.expand-title {
    max-width: 500px;
    display: inline-block;
}

#company-table .expand-title,
#company-table #expand_all {
    cursor: pointer;
}

#company-table .theme-pages {
    font-size: 1rem;
    font-weight: normal;
    font-family: 'Jakarta';
}

#dga-none-missing {
    display: none;
    border: 2px solid var(--greener);
    padding: 0.5rem;
    border-radius: var(--button-corner);
    margin-top: 1rem;
}

.all-pages-message {
    clear: both;
}

details.dga-legends {
    margin-top: 0;
}

.dga-legends {
    padding: 0.5rem;
    max-width: calc(var(--article-width) + 100px);
}

.dga-legend {
    padding: 0 0.5rem;
    /* display: inline-block; */
    float: left;
    margin-right: 0.5rem;
    margin-top: 0.5rem;
    outline: var(--thin-border-dark);
    margin-bottom: 1rem;
}

.dga-legend-wrapper {
    padding: 0.5rem;
    clear: both;
    background-color: var(--light-green);
}

.dga-notes-table tr.deselected td,
.company-table.dga-company-responsible tr.deselected td,
.dga-legend.deselected,
#company-table tr.deselected td {
    background-color: var(--light-pink);
    color: var(--deselected-text);
}

.dga-legend.structure {
    background-color: var(--dull-blue);
}

.mobile-label,
.dga-structure-indicator {
    display: none;
}


.dga-recommend-warning {
    /*
  border: var(--error-outline);
  background-color: #fff;
  padding: 0.5rem;
  */
    position: absolute;
    width: 400px;
    z-index: 100;
}

.dga-recommend-warning.ok {
    border-color: var(--greener);
}

#publish-container.dga-recommend-warning {
    position: relative;
}

#checkbox-container.dga-recommend-warning {
    margin-top: -2rem;
}

#checkbox-container.dga-recommend-warning,
#publish-container.dga-recommend-warning,
.dga-tab-wrapper .dga-recommend-warning {
    display: none;
}

.dga-tab-wrapper .dga-links-wrapper .links-header {
    width: 300px;
    font-weight: bold;
    padding: 0 5px;
    float: left;
}

.dga-tab-wrapper[data-id="dga-links"] input {
    width: 300px;
    float: left;
}

#company-table tr.theme.deselected td {
    color: inherit;
}

#company-table tr.theme.no-selected-pages.collapsed td {
    background-color: var(--light-pink);
    /* background-color: rgb(206, 187, 190); */
}

.dga-notes-table tr.not-approved td,
.company-table.dga-company-responsible tr.not-approved td,
.dga-legend.not-approved,
#company-table tr.not-approved.selected td {
    /* background-color: var(--light-orangy); */
    background-color: var(--orangy);
}

.dga-legend.empty,
#company-table tr.dga-page-empty.selected td {
    /* color: var(--reddish); */
    background-color: var(--orangy);
}

.dga-legend-text {
    margin-left: 2rem;
}

/*
#company-table tr.not-approved.selected .dga-recommended-indicator,
#company-table tr.not-approved .dga-recommended-indicator,
*/
#company-table tr.not-approved.selected .dga-not-approved-indicator,
#company-table tr.not-approved .dga-not-approved-indicator,
#company-table tr.disabled .dga-locked-indicator,
#company-table tr.dga-page-not-empty .dga-ready-indicator,
#company-table tr.deselected .dga-deselected-indicator,
/* #company-table tr.excluded .dga-excluded-indicator, */
#company-table tr.dga-page-empty.selected .dga-empty-indicator {
    /* display: inline; */
    display: inline-block;
    float: right;
    margin-right: 1rem;
}

/*
#company-table tr.recommended.deselected .dga-recommended-indicator,
#company-table tr.recommended .dga-recommended-indicator,
*/
#company-table tr.dga-page-empty.approved .dga-not-approved-indicator {
    /* display: inline-block; */
    float: right;
    margin-right: 1rem;
}

#company-table tr.dga-page-empty.approved.excluded .dga-not-approved-indicator,
#company-table tr.excluded .dga-not-approved-indicator,
#company-table tr.excluded .dga-recommended-indicator,
#company-table tr.excluded .dga-ready-indicator,
#company-table tr.not-approved .dga-ready-indicator,
#company-table tr.deselected .dga-not-approved-indicator,
#company-table tr.deselected .dga-recommended-indicator,
#company-table tr.dga-page-empty .dga-not-approved-indicator {
    display: none;
}


#company-table tr.approved .dga-recommended-indicator,
/* #company-table tr.theme .preview-button, */
#company-table tr.theme .dga-ready-indicator,
#company-table tr .dga-theme-indicator,
#company-table tr.deselected .dga-ready-indicator {
    display: none;
}

.dga-legend.excluded,
#company-table tr.excluded td {
    background-color: var(--almost-white);
    color: #777;
    background: repeating-linear-gradient(45deg, #fff, var(--light-background) 10px, #dfdfdf 0px, var(--light-background) 0);
}

#company-table tr.disabled td.checkbox input {
    display: none;
}

#company-table tr td .dga-required-product {
    float: right;
    margin-right: 1rem;
}

#company-table tr.deselected td img {
    opacity: 0.5;
}

#company-table tr td img:not(.user-picture) {
    width: 23px;
    height: 23px;
}

#company-table tr td.icons {
    padding-left: 4px;
}

#company-table tr td.button {
    padding: 4px 0 0 4px;
    padding: var(--small-button-padding);
    font-weight: normal;
    font-family: 'Jakarta';
}

#company-table tr td.checkbox {
    padding-left: 1rem;
    /* padding-top: 2px; */
}

#company-table tr.theme td.checkbox {
    padding-left: 4px;
}

.float-right,
.toggle-link {
    float: right;
}

.float-left {
    float: left;
}

.button.float-right {
    margin-left: 1rem;
}

/*
#company-table.priority tr td.checkbox,
#company-table.priority tr td {
  padding-left: 0.5rem;
}
*/

#company-table tr td input {
    margin: 0;
}

.company-table tr.theme td:first-child,
.dga-legend.theme,
#company-table tr.theme td {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    background-color: var(--light-background);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.company-table.dga-notes-table tr.theme td:first-child {
    border: 0;
}

.company-table.dga-notes-table tr.theme td {
    font-weight: normal;
    font-size: inherit;
    background-color: var(--light-background);
}

.company-table.dga-notes-table tr.not-approved.deselected td {
    background-color: var(--light-pink);
}

/*
.company-table.dga-notes-table tr > *:not(:first-child) {
  background-color: white;
}
*/

.preview-button,
#company-table .button {
    margin: 0;
    padding: 4px 1rem;
    padding: var(--small-button-padding);
    cursor: default;
    font-weight: normal;
    font-family: 'Jakarta';
}

/*
#company-table tr.dga-page-empty td.button .preview-button,
#company-table tr.deselected td.button .preview-button {
  display: none;
}
*/

.douce,
.company-table .own-page,
#company-table .own-page {
    color: #777;
    font-size: 1rem;
    font-weight: normal;
    font-family: 'Jakarta';
}

#company-table .checkbox-message {
    position: absolute;
    padding: 0.5rem;
    display: none;
    background-color: #fff;
    color: #000;
    margin-top: -2rem;
    margin-left: 1.5rem;
    /* box-shadow: 3px 3px 6px 2px #ccc; */
    box-shadow: var(--popup-shadow);
    font-weight: normal;
    font-family: 'Jakarta';
    font-size: 1rem;
    opacity: 1;
}

#company-table tr.deselected td .checkbox-message {
    opacity: 1;
}

#company-table.company-employee-table tr td {
    padding: 5px;
    background-color: var(--light-green);
}

#company-table.company-employee-table tr td ul li,
#company-table.company-employee-table tr td ul {
    margin: 0;
    padding: 0;
}

table tr.inactive td,
#company-table.company-employee-table tr.blocked-row td {
    background-color: var(--light-pink);
}

#company-table.company-employee-table tr td ul li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

#company-table.company-employee-table tr td ul li {
    list-style: none;
}

#company-table.company-employee-table tr td .flag {
    margin: 0;
}

.employee-buttons a {
    margin-right: 1rem;
}

#admin-employee .button--danger {
    margin-left: 1rem;
}

#admin-employee fieldset legend,
#admin-employee fieldset {
    background-color: var(--lighter-background);
    padding: 0.5rem;
    margin: 1rem 0;
}

#admin-employee fieldset legend {
    margin-left: -0.5rem;
}

#edit-notification--wrapper,
#mail-preview-section .mail-preview {
    display: none;
}

#mail-preview-section .mail-preview#mail-preview-none {
    display: block;
}

#mail-preview-section .mail-preview .mail-preview-message {
    padding: 1rem;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 90%;
    background-color: var(--light-background-trans);
    border: var(--border-medium);
}

#mail-preview-section .mail-preview .mail-preview-message p {
    margin: 1rem 0;
}

/* dga-company-page-form */

.dga-company-form .extra-links-label {
    float: left;
    margin-right: 1rem;
}

.dga-company-form .extra-links-header {
    height: 2rem;
}

.dga-company-form #edit-header {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

.dga-company-form #edit-header div {
    float: left;
    margin: 0 13rem 0 0;
}

.dga-company-form-behavior article {
    margin-top: 0;
}

#any-page-wrapper .add input {
    margin-top: 0;
    margin-left: 1rem;
}

#any-page-wrapper select {
    width: 400px;
    float: left;
}

#any-page-wrapper select.depth-2 {
    margin-left: 2rem;
}

#any-page-wrapper select.depth-3 {
    margin-left: 4rem;
}

form.dga-company-page-form .description {
    margin-left: 0;
    margin-top: -.5rem;
}

.dga-company-form-behavior .js-form-type-radio label {
    font-weight: normal;
    font-family: 'Jakarta';
    margin-left: 0.5rem;
}

.dga-company-form-behavior .js-form-type-radio {
    margin-bottom: 1rem;
}

/* #dga-company-form .text-trigger, */
.dga-company-form-behavior .text-trigger {
    float: left;
    margin: 4px 1rem
}

/*
.dga-company-form-behavior .text-trigger.help-text-trigger,
.dga-company-form-behavior .text-trigger.inspirational-text-trigger {
  margin: 0.5rem;
}
*/

.help-section,
#dga-company-form .text-form-wrapper,
.dga-company-form-behavior .js-form-type-textarea,
.dga-company-form-behavior .text-form-wrapper {
    /* background-color: var(--light-background); */
    margin-bottom: 2rem;
    border: var(--border-light);
    /* padding: 0.5rem; */
    display: none;
}

.dga-company-form-behavior .js-form-type-textarea {
    margin-bottom: 0;
}

.dga-company-form-behavior .text-form-wrapper.attached-files,
.dga-company-form-behavior .text-form-wrapper.company-texts,
.dga-company-form-behavior .text-form-wrapper.departments,
.dga-company-form-behavior .text-form-wrapper.open-inspirational,
.dga-company-form-behavior .text-form-wrapper#help {
    display: block;
}

.dga-company-form-behavior #edit-text--description {
    margin: -2rem 0 1rem 1rem;
}

.dga-company-form-behavior #edit-text--description caption {
    text-align: left;
}

div.error {
    padding: 0.5rem;
}

div.error,
.form-select.error,
.dga-company-form input.error {
    border: var(--error-outline);
}

.help-wrapper .field_help_category,
.help-wrapper .function-url,
.help-wrapper h2 {
    display: none;
}

#user_manual_link,
.help-missing,
form.user-login-form #edit-reminder,
details.help-wrapper summary {
    /* font-size: 130%; */
    background-color: var(--help-background);
    padding: 0.5rem;
    margin-left: -0.5rem;
    margin-bottom: 1rem;
}

#user_manual_link {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    margin-left: 0rem;
    cursor: pointer;
}

#user_manual_link.closed::before {
    content: '► ';
}

#user_manual_link.open::before {
    content: '▼ ';
}

.button.handbook-toc {
    display: none;
}

.field_user_manual_page .field_selectable_texts div.box {
    display: none !important;
}

.field_user_manual_page {
    display: none;
}

.help-missing,
form.user-login-form #edit-reminder {
    font-size: 100%;
    margin: 0;
}

.help-missing {
    padding: 0 1rem;
    margin-bottom: 1rem;
}

.company-help-page-wrapper {
    margin-bottom: 2rem;
}

.company-help-page-wrapper #dga-select-preview-close {
    display: none;
}

.company-help-page-wrapper .help-section.single-page {
    cursor: pointer;
}

.company-help-page-wrapper .help-section {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 1rem 0 0 0;
}

.company-help-page-wrapper .text-trigger,
.company-help-page-wrapper .help-section h4 {
    display: none;
}

.company-help-page-wrapper .help-section .help-text {
    margin-left: 0;
}

.company-help-page-wrapper .help-section .help-text .dga-close-cross {
    display: none;
}

.dga-company-form-behavior .js-form-type-textarea,
.help-section {
    display: block;
}

.help-section .original-text article {
    background-color: white;
    padding: 0.5rem;
}

.help-section .text-trigger {
    float: left;
    margin: 0.5rem 1rem 1rem 0;
}

.help-section .original-text h4,
.help-section article,
.help-section .inspirational-text,
.help-section .help-text {
    margin-left: 3rem;
}

/* fix odd vertical tabs not showing i node form */
.xdetails-content {
    display: block !important;
}

details.relation,
.new-revision,
.used-on .details-content,
.form-item-field-own-title,
.help-wrapper article .node__content,
.text-form-wrapper .inspirational-text,
.text-form-wrapper .help-text {
    border: var(--border-medium);
    padding: 0.5rem 2rem 0.5rem 0.5rem;
    width: auto;
    margin-bottom: 1rem;
}

.new-revision .js-form-type-textarea label {
    float: left;
    width: var(--label-width);
}

.help-wrapper article .node__content .node__content {
    border: 0;
    padding: 0;
}

#dga-company-page-form .help-wrapper article .node__content {
    width: auto;
}

details.relation,
#dga-company-page-form .help-wrapper article {
    margin-top: 1rem;
}

.dga-help-pages ul {
    columns: 3;
}

ul.dga-help-pages li h4 {
    line-height: 1.5rem;
}

.dga-help-pages li {
    /* margin-bottom: 1rem; */
    transition: all ease-in-out 0.5s;
    margin-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.dga-help-pages ul li {
    break-inside: avoid;
}

.dga-help-pages h3 {
    background-color: var(--light-background);
    padding: 0.5rem;
}

ul.dga-help-pages li ul li:hover {
    background-color: var(--light-background);
}

/*
a.button:has(.customer-base) {
  background-color: transparent;
}

a span.customer-base {
  padding: 5px 1rem;
  margin: 0;
  border-radius: var(--button-corner);
  color: var(--almost-black);
}
*/

.button.admin-button.contextual_help {
    display: none;
}

.help-preview #edit-link {
    display: none !important;
}

.help-preview #dga-select-preview article.boxed {
    border-bottom: var(--border-light);
    border-radius: 0;
}

.help-preview ol li ol li {
    border: 0;
}

.help-preview ul li::before,
.help-preview ol li::before {
    position: relative;
    content: counter(custom) " ";
    list-style: inherit;
}

.help-preview ul li::before {
    content: '';
}

.help-section ol li ul li::before,
.help-section ol li ol li::before,
.help-preview ol li ul li::before,
.help-preview ol li ol li::before {
    position: inherit;
    content: ' ';
}

.help-section ol li {
    margin: 0;
}

.dga-company-form-behavior .js-filter-wrapper {
    display: none;
}

.dga-company-form-behavior .text-form-wrapper#original,
.dga-company-form-behavior .text-form-wrapper#selectable,
.dga-company-form-behavior .text-form-wrapper#optional {
    display: block;
}

.dga-company-form-behavior .text-form-wrapper#selectable .js-form-type-radio {
    /* border-top: 2 px solid var(--lighter-background);
  padding-top: 1rem;*/
    padding: 0.5rem;
    background-color: var(--light-background);
    transition: all ease-in-out 0.2s;
}

/*
.dga-company-form-behavior .text-form-wrapper#selectable .js-form-type-radio:hover {
  background-color: var(--light-background-trans);
  background-color: #fff;
}
*/

.xdga-company-form-behavior .text-form-wrapper#selectable .js-form-type-radio {
    background-color: pink;
}

.dga-company-form-behavior h3 {
    margin-top: 2em;
}

/*
.dga-company-form-behavior h4 {
  height: 2.5rem;
}
*/

.dga-company-form-behavior .text-triggers {
    margin: 1rem 0;
    height: 30px;
    clear: both;
    background-color: var(--orangy);
}

.dga-company-form-behavior .text-triggers .text-trigger {
    cursor: pointer;
    /* font-weight: bold; */
}

.reset-link {
    margin-top: 3rem;
}

/* Views */
.views-displays input[type=submit] {
    color: #000;
}

/* FAQ */

.faq h3 {
    cursor: pointer;
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-top: 0.5rem;
}

.faq>h3 {
    cursor: default;
    margin-left: 0;
    font-size: 150%;
    margin-top: 2rem;
}

.faq>h3 a {
    cursor: default;
    border: 0;
}

.faq h3::before {
    content: " ";
    background-image: url(/themes/custom/degoan/icons/triangle-right.svg);
    background-color: var(--light-brown);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0;
    background-size: 1rem 1rem;
    border-radius: 1.5rem;
    cursor: pointer;
    margin-left: -1rem;
    padding-right: 1.5rem;
    margin-right: 0.5rem;
}

.faq>h3::before {
    display: none;
}

.faq h3.open::before {
    background-image: url(/themes/custom/degoan/icons/triangle-down.svg);
}

.faq .views-row article {
    display: none;
    margin-left: 1.5rem;
    margin-bottom: 4rem;
    margin-top: 0.5rem;
    padding-bottom: 0;
}

#block-views-block-faq-block-2 {
    width: var(--article-width);
    margin: 2rem 0;
}

/* Temp page */
#block-velkommen .chapter {
    display: block;
    position: absolute;
    padding: 1rem;
    background-color: #E9C45E;
    outline: 2px solid black;
    transform: rotate(25deg);
    margin-left: calc(var(--page-width) - 300px);
}

.webform-submission-form ul,
.webform-submission-form ul {
    margin: 0.5rem 1.5rem;
}

#webform-submission-book-demo-2022-add-form #edit-intro img {
    margin-left: 1rem;
}

#block-webform input,
#block-webform--2 input {
    width: -webkit-fill-available;
}

#block-webform,
#block-webform--2 {
    float: right;
    width: 50%;
    margin-left: 2rem;
    margin-bottom: 2rem;
}

.webform-submission-cta-front-form label {
    width: auto;
    display: inline-block;
    margin-top: 8px;
}

.webform-submission-cta-front-form .description {
    margin: auto;
}

#block-knapper {
    margin: 1rem auto;
    width: 100%;
    height: 300px;
}

#block-knapper .column {
    width: 44%;
    float: left;
    margin: 1rem;
    text-align: center;
    background-color: var(--light-background);
    padding: 0.5rem;
}


table.contacts-table select,
table.contacts-table input {
    max-width: 150px;
    margin: 0;
}

form#dga-company-persons-form table tr td {
    border-bottom: 2px solid var(--light-background);
}

form#dga-company-persons-form table tr:hover td {
    background-color: var(--light-background);
}

form#dga-company-persons-form table.contacts-table tr td:nth-child(5) {
    width: 250px;
}

.contact-popup,
.contact {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    border-bottom: 1px solid #ccc;
}

.contact-popup {
    cursor: pointer;
}

/* Contact persons form */

#company-table ul.functions,
#company-table ul.functions li,
form#dga-company-persons-form ul.functions,
form#dga-company-persons-form ul.functions li,
form#dga-company-persons-form ul.action-links {
    margin: 0;
    padding: 0;
}

form#dga-company-persons-form .disable-wrapper {
    pointer-events: none;
    opacity: 0.5;
}

form#dga-company-persons-form .form-item-existing label {
    width: auto;
}

#company-table ul.functions li,
form#dga-company-persons-form ul.functions li {
    list-style: none;
}

#company-table.all-pages tr td:nth-child(2) {
    padding-left: 1.5rem;
}

#company-table.all-pages tr.theme td:nth-child(2) {
    padding-left: 0.5rem;
}

form#dga-company-persons-form .action-link {
    cursor: pointer;
    text-align: right;
}

.blocked,
a.delete-link {
    color: red;
}

form#dga-company-persons-form table {
    width: 100%;
}

form#dga-company-persons-form input[type=text] {
    width: 175px;
}

form#dga-company-persons-form table tr td {
    width: 200px;
    background-color: #fff;
    padding: 2px;
    overflow: hidden;
}

form#dga-company-persons-form table tr td:nth-child(2) {
    max-width: 180px;
}

form#dga-company-persons-form input.phone,
form#dga-company-persons-form input.name {
    width: 125px;
}

form#dga-company-persons-form table tr td:nth-child(3),
form#dga-company-persons-form table tr td:first-child {
    width: 150px;
}

form#dga-company-persons-form input[type=text] {
    float: left;
}

form#dga-company-persons-form input[type=text]#edit-existing {
    float: none;
    width: 450px;
}

form#dga-company-persons-form #reset_existing {
    display: none;
    height: 22px;
    position: absolute;
    margin-left: 25rem;
}

form#dga-company-persons-form #edit-submit {
    float: right;
}

form#dga-company-persons-form table tr.editing td {
    background-color: var(--light-background-trans);
}

form#dga-company-persons-form .error {
    outline: var(--error-outline);
    border-color: #ddd;
}

form#dga-company-persons-form button,
form#dga-company-persons-form .button {
    margin: 0 0 0 1rem;
}

/*
form#dga-company-persons-form .buttons {
  position: absolute;
  margin-top: 3rem;
  width: calc(var(--element-width) - 1rem);
}
*/

form#dga-company-persons-form #action-label {
    margin: 1rem 0;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

form#dga-company-persons-form tr td {
    transition: all ease-in-out 1s;
}

form#dga-company-persons-form tr.dga-highlight td {
    background-color: yellow !important;
}

form#dga-company-persons-form details.used-on {
    clear: both;
    padding-top: 2rem;
}

form#dga-company-persons-form details.used-on .used-on-wrapper {
    columns: 3;
}

form#dga-company-persons-form details.used-on ul {
    margin: 0 0 1rem 0;
    padding: 0;
}

form#dga-company-persons-form details.used-on ul li {
    list-style: none;
}

form#dga-company-persons-form details.used-on .contact-used-on {
    break-inside: avoid;
}

/*
form#dga-company-persons-form .form-item-name {
  margin-top: -8rem;
  z-index: -10;
}
*/


/*
form#dga-company-persons-form .cancel,
form#dga-company-persons-form #edit-submit {
  margin-top: 3rem;
}
*/

form#dga-company-persons-form .form-checkboxes {
    padding: 4px;
    background-color: #fff;
    float: left;
    border: 2px solid #ddd;
    border-radius: 4px;
    /* z-index: -10; */
    margin-top: -14rem;
}

form#dga-company-persons-form .form-checkboxes label {
    font-weight: normal;
    font-family: 'Jakarta';
    font-size: 90%;
}

form#dga-company-persons-form .form-item-other {
    float: right;
    width: 200px;
    margin-right: 167px;
    display: none;
}

#other_functions_block {
    /* outline: 2px solid red; */
    /* display: none; */
    float: right;
    width: 180px;
}

#other_functions_block ul li {
    list-style: none;
}

#other_functions_block ul li .flag {
    margin: 0 0 0.5rem 0;
    padding: 0 0 0 35px;
    cursor: pointer;
}

#other_functions_block .vertical-language-box {
    position: absolute;
}

form#dga-company-persons-form .form-item-other textarea {
    width: 179px;
}

form#dga-company-persons-form .form-checkboxes input {
    margin: 0;
}

/*
form#dga-company-persons-form button.cancel {
  display: none;
}
*/

ul.dga-function-list {
    max-width: var(--element-width);
    columns: 4;
}

ul.dga-function-list li {
    list-style: none;
    margin: 0;
    padding: 0 1rem 0 0;
}

/* Contact person */
.contact-links {
    background-color: var(--light-background);
    padding: 0.5rem;
}

.contact-links a {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

.field--name-title .description {
    display: none;
}

form.dga-settings h3 {
    margin-top: 2rem;
}

form.degoan-signup-settings label,
form.dga-settings label {
    width: 250px;
}

form.dga-settings .js-form-type-select {
    margin-top: 1rem;
}

form.degoan-signup-settings label span,
form.dga-settings label span {
    font-weight: normal;
    font-family: 'Jakarta';
    color: #999;
}

form.dga-settings>div.form-wrapper {
    padding: 0;
}

form.dga-settings #edit-mail-templates hr {
    margin-bottom: 1rem;
}

/* Phone book */
/* .company-table.dga-company-responsible tr td,*/
#company-table.dga-company-phonebook tr td,
.dga-company-phonebook tr td {
    background-color: var(--lighter-background);
}

#company-table.dga-company-phonebook tr.marked td {
    background-color: var(--light-background-trans);
}

#company-table.dga-company-phonebook tr.marked td span {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    background-color: var(--orangy);
    padding: 0 0.5rem;
    margin-left: -0.5rem;
}

.dga-company-phonebook .function-label {
    margin-top: 1rem;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

.dga-company-phonebook .function-contact {
    columns: 3;
}

.dga-company-phonebook .function-contact {
    border: 0px solid red;
}

tr.ceo td {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

.dga-company-phonebook tr td {
    padding: 0.5rem;
}

.dga-company-phonebook tr td a:hover {
    border-color: #000;
}

#dga-handbook-form .dga-company-phonebook ul li::before {
    background-image: none;
}

.handbook-phone-book {
    /* float: right;
  margin-top: 0.5rem; */
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

/* Change all checkboxes, radios and input fields */
input,
textarea,
select {
    border: 2px solid #ddd;
    border-radius: 4px;
    background: #fff no-repeat center center;
    color: #000;
}

select {
    max-height: 32px;
}

:is(input, textarea, select):where(:active:not(:disabled), :focus) {
    border-color: var(--green);
    outline: none;
}

input[type=text]:read-only,
:is(input, textarea, select):disabled {
    background-color: #ccc;
    color: #666;
}

:is(input[type="file"]):disabled {
    background: #fff;
    color: #000;
}

:is(input[type="file"]):disabled::file-selector-button {
    color: #000;
}

input:where([type="checkbox"], [type="radio"]) {
    -webkit-appearance: none;
    appearance: none;
    width: 22px;
    height: 22px;
    min-height: 0;
}

input[type="radio"] {
    border-radius: 50%;
}

.article-checkmark.read {
    width: 15px;
    height: 15px;
    overflow: hidden;
}

.article-checkmark.read,
input[type="checkbox"]:checked {
    background-image: url('/themes/custom/degoan/icons/green-checkmark.svg');
    background-size: 15px 15px;
}

input[type="checkbox"].error {
    border: var(--error-outline);
}

input[type="radio"]:checked {
    background-image: url('/themes/custom/degoan/icons/green-dot.svg');
    background-size: 12px 12px;
}

/* Testemonials */

#block-views-block-testemonials-block-1 {
    width: 100%;
    text-align: center;
    margin: 2rem auto;
}

#block-views-block-testemonials-block-1 .views-col {
    padding: 1rem;
    width: 20% !important;
}

#block-views-block-testemonials-block-1 .views-field-field-testemonial-job-title,
#block-views-block-testemonials-block-1 .views-field-title {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    margin-top: 0.5rem;
}

#block-views-block-testemonials-block-1 .views-field-body {
    font-style: italic;
}

#block-views-block-testemonials-block-1 .views-field-field-testemonial-company,
#block-views-block-testemonials-block-1 .views-field-field-testemonial-job-title {
    color: var(--dark-green);
}

/* Correct odd behavor in toolbar like when editing node */
.toolbar-tray a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-right: 8px !important;
}

/* Price models */
.user-role-authenticated .price-models-triptych .views-field-nothing {
    display: none;
}

.price-models-triptych .views-col {
    /* width: 30% !important; */
    margin-left: 1rem;
    border-left: 2px solid var(--almost-black);
    /* min-height: 800px; */
    padding-left: 1rem;
}

.price-models-triptych .views-col:first-child {
    padding-left: 0;
}

.price-models-triptych .views-field-field-price-facility-list {
    min-height: 750px;
}

.price-models-triptych article .node__content {
    width: auto;
}

.node--type-price-model-facility .facilities-list {
    margin: -1rem 0 2rem 3rem;
}

.price-models-triptych .facilities-list {
    margin: -1rem 0 0 2rem;
}

.price-models-triptych .facilities-list .facilities-list-item {
    margin-left: -0.5rem;
    text-indent: 1rem;
    margin-bottom: 0.5rem;
}

.xprice-models-triptych .views-col .button {
    display: block;
    text-align: center;
    width: 40%;
    margin: 0 auto;
}

.price-models-triptych .views-col.col-1 {
    margin-left: 0;
    border-left: 0;
}

.price-models-triptych .views-col .views-field-body {
    height: 280px;
    overflow: hidden;
}

.path-price-calculator .price-models-triptych .views-col .views-field-body {
    height: 380px;
}

.price-models-triptych .views-field-field-price-facility-list article h2 {
    font-size: 1rem;
}

.price-models-triptych .views-field-field-price-facility-list article header {
    cursor: pointer;
}

.price-models-triptych ul li::before {
    /* Right arrow */
    background-image: url(/themes/custom/degoan/icons/triangle-right.svg);
    background-color: var(--light-background);
    background-size: 1rem 1rem;
    cursor: pointer;
}

.price-models-triptych ul li.open::before {
    /* Down arrow */
    background-image: url(/themes/custom/degoan/icons/triangle-down.svg);
}

.views-element-container footer {
    margin: 2rem 0;
    padding: 1rem;
    max-width: calc(100vw - 2rem);
    background-color: var(--light-green);
}

.views-element-container .price-models-triptych footer {
    background-color: transparent;
    text-align: center;
}

/*
.price-models-triptych .views-field-field-price-facility-list article header h2::after {
  content: '+';
  font-weight: bold;
  color:var(--greener)
}
*/

.price-models-triptych .views-field-field-price-facility-list article .node__content {
    display: none;
}

.button.admin-button,
.help-section .button {
    position: absolute;
    margin: 0 0 0 -2rem;
    background-color: var(--orangy);
    /* border: 1px solid var(--orangy); */
    border-radius: 0 0 0 0.5rem;
    padding: 0 7px !important;
    color: white;
}

.button.admin-button {
    margin-left: -4rem;
}


/* Control panel */
.degoan-control-panel {
    margin: 0 auto;
    /* width: 700px; */
    /* margin-left: 6rem; */
    background-color: var(--light-background);
    padding: 1rem;
    margin-bottom: 1rem;
}

.degoan-control-panel-wrapper {
    margin: 0 auto;
    width: 670px;
    margin-top: 1rem;
}

.control-panel-link {
    float: left;
    display: block;
    text-align: center;
    background-color: var(--greener);
    border-radius: 0 0 0 var(--container-corner);
    color: #fff;
    margin: 1rem;
    width: 280px;
    height: 110px;
}

.control-panel-link a {
    color: #fff;
    border: 0;
}

.control-panel-link a div {
    padding: 1.5rem 1rem;
}

.control-panel-link h2,
.control-panel-link h3 {
    font-size: 100%;
    font-weight: normal;
    color: white !important;
}

.control-panel-link h2 {
    font-size: 120%;
}

/*
.degoan-control-panel .sub-block {
  position: absolute;
  background-color: var(--greener);
  margin-top: -1rem;
  box-shadow: var(--popup-shadow);
  visibility: hidden; 
  opacity: 0;
  transition: opacity 0.5s ease-in;
  transition-delay: 0.5s;
  filter: brightness(90%);
  margin-left: 100px;
  width: 250px;
}

.degoan-control-panel .has-sub-block:hover .sub-block {
  visibility: visible;
  opacity: 1;
}
*/

.degoan-control-panel .sub-block {
    position: absolute;
    background-color: var(--greener);
    margin-top: -1rem;
    box-shadow: var(--popup-shadow);
    visibility: hidden;
    /* Hidden by default */
    opacity: 0;
    /* Fully transparent by default */
    transition: opacity 0.5s ease-in, visibility 0s linear 0.5s;
    /* Transition for when visibility changes are applied after opacity */
    filter: brightness(90%);
    margin-left: 100px;
    width: 250px;
}

.degoan-control-panel .has-sub-block:hover .sub-block {
    animation: delayed-show 0.5s forwards;
    /* Animation to delay showing */
}

@keyframes delayed-show {
    0% {
        visibility: hidden;
        opacity: 0;
    }

    99.9% {
        visibility: hidden;
    }

    100% {
        visibility: visible;
        opacity: 1;
    }
}


.degoan-control-panel .control-panel-link .sub-block a {
    padding: 0.5rem;
    margin: 0;
    height: 20px;
    text-align: left;
    display: block;
    border: 0;
}

.degoan-control-panel .control-panel-link .sub-block a:hover {
    background-color: var(--light-background);
    color: #000;
}

/*
Nandor
#525957

Cameo
#DFBAA3

Opal
#A3BFBD

Ship Cove
#709AB2
*/
.sub-block.panel-button-dga-company-activate,
.panel-button-dga-company-activate {
    /* background-color: olivedrab; */
    background-color: #525957;
}

.sub-block.panel-button-dga-handbook-employer_handbook,
.panel-button-dga-handbook-employer_handbook {
    background-color: #afbc84;
    /* background-color: #B4654A; */
}

.degoan-control-panel .sub-block.panel-button-dga-handbook-flow-options,
.degoan-control-panel .sub-block.panel-button-dga-browse-handbook,
.degoan-control-panel .panel-button-dga-browse-handbook,
.degoan-control-panel .panel-button-dga-handbook-flow-options {
    /* background-color: darkgoldenrod; */
    background-color: #dd976b;
}

.degoan-control-panel .panel-button-dga-browse-handbook.employee {
    background-color: var(--greener);
}

.company-operation.panel-button-dga-company-view_form,
.company-operation.panel-button-dga-company-form,
.sub-block.panel-button-dga-company-form,
.control-panel-link.panel-button-dga-company-form {
    /* background-color: indianred; */
    /* background-color: #7baca8; */
    background-color: var(--dull-blue);
}

.control-panel-link.panel-button-front,
.sub-block.panel-button-dga-handbook-company-settings-employees,
.control-panel-link.panel-button-dga-handbook-company-settings-employees,
.sub-block.panel-button-dga-visuals-control_panel,
.control-panel-link.panel-button-dga-visuals-control_panel,
.sub-block.panel-button-dga-handbook-company-settings,
.panel-button-dga-handbook-company-settings-departments_employment_types,
.sub-block.panel-button-dga-handbook-company-settings-departments_employment_types,
.control-panel-link.panel-button-dga-handbook-company-settings {
    /* background-color: cornflowerblue; */
    background-color: #787395;
}

.sub-block.panel-button-dga-handbook-company-settings-employees.plain,
.control-panel-link.panel-button-dga-handbook-company-settings-employees.plain {
    background-color: var(--greener);
}

#block-views-block-content-overview-block-1 table tr:hover td {
    background-color: var(--light-background);
}

#xblock-views-block-content-overview-block-1 .dropbutton-widget {
    position: relative;
}

#block-views-block-content-overview-block-1 .dropbutton-widget .dropbutton {
    max-width: 100px;
}

/* Activity */
#node-customer-activity-edit-form .field--widget-options-buttons .fieldset-wrapper,
#node-customer-activity-form .field--widget-options-buttons .fieldset-wrapper {
    columns: 2;
}

#node-customer-activity-edit-form .field--widget-options-buttons .fieldset-wrapper div label,
#node-customer-activity-form .field--widget-options-buttons .fieldset-wrapper div label {
    width: auto;
    /* font-weight: normal; */
}

/*
.activity-table {
  margin-top: 2rem;
}
*/

.activity-table table {
    margin-left: -5rem;
    width: 65rem !important;
    max-width: 99vw !important;
    left: auto !important;
}

.activity-table table tr td {
    padding: 0.2rem;
    border-bottom: var(--border-brown);
    overflow: hidden;
}

.activity-table table tr.activity-row:hover td {
    background-color: var(--light-background);
}

.activity-table table tr.activity-row.open td {
    background-color: var(--lighter-background);
}

.activity-table table tr td.views-field-body,
.activity-table table th#view-body-table-column {
    max-width: 200px;
}

.activity-table td .activity-popup {
    position: absolute;
    background-color: var(--lighter-background);
    display: none;
    /* box-shadow: 5px 5px 10px #ccc; */
    box-shadow: var(--popup-shadow);
    padding: 1rem;
    margin-top: 2rem;
    border: 2px solid #fff;
}

/*
article.node.node--type-customer-activity .node__content a {
  text-decoration: none;
  border: 0;
}
*/

article.node.node--type-customer label,
article.node.node--type-customer-activity label {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    display: inline-block;
    /*
  padding: 0.5rem 0;
  width: 150px;
  border-top: var(--border-brown);
  */
}

article.node.node--type-customer .node__content .body .field-single,
article.node.node--type-customer-activity .node__content .body .field-single,
article.node.node--type-customer .node__content div div,
article.node.node--type-customer-activity .node__content div div {
    /* display: inline-block;
  width: 600px;
  vertical-align: top;*/
    padding: 0.5rem 0;
    border: 0;
    border-bottom: var(--border-brown);
    margin-bottom: 1rem;
}

article.node.node--type-customer .node__content .field_responsible_user .field-single,
article.node.node--type-customer-activity .node__content .field_responsible_user .field-single {
    border: 0;
    padding: 0;
}

article.node.node--type-customer .field_company_logo img {
    background-color: #999;
    padding: 1rem;
    transition: all ease-in-out 0.5s;
}

article.node.node--type-customer .field_company_logo img:hover {
    background-color: #f6f6f6;
}

article.node.node--type-customer .node__content>div {
    float: left;
    width: 40%;
    margin-right: 2rem;
    line-height: 1rem;
}

article.node.node--type-customer .node__content div.field_company_logo {
    float: none;
    clear: both;
}

.dga-company-data-form .form-item-sms-sender,
.dga-company-data-form #edit-logo-image-wrapper {
    background-color: var(--lighter-background);
    padding: 0.5rem;
    margin-bottom: 1rem;
}


#block-views-block-activity-list-block-3 {
    margin-top: 2rem;
}

.activity-table .button {
    float: right;
}

/* Flexslider */
:root {
    --flexslider-font-color: #000;
    --flexslider: #fff;
    --flexslider-border: 2px solid var(--light-grey);
    --flexslider-light: var(--light-background);
}

ul.flex-direction-nav li {
    list-style: none;
    font-size: 2rem;
}

.flex-direction-nav a {
    width: 2rem;
    height: 1.5rem;
    border: 0;
}

.flex-direction-nav a:before {
    font-size: 1rem;
}

.flexslider {
    text-align: center;
    background-color: transparent;
    border: 0;
}

.flexslider .slides li {
    background-color: var(--flexslider);
    height: 3rem;
    padding: 0.5rem;
    padding-top: 1rem;
    border-radius: var(--button-corner);
    width: 198px !important;
    margin-left: 10px;
    margin-right: 10px;
    color: var(--flexslider-font-color);
    border: var(--flexslider-border);
    height: 100px;
}

.flex-control-paging li a {
    box-shadow: none;
    background-color: var(--flexslider-light);
}

.flex-control-paging li a.flex-active {
    background-color: var(--flexslider);
}

#block-views-block-branding-block-1 h3,
#block-views-block-branding-block-1 h2 {
    text-align: center;
}

#block-views-block-branding-block-1 h2 {
    margin-top: 4rem;
}

#block-views-block-branding-block-1 h3 {
    margin-bottom: 1rem;
}

#block-views-block-branding-block-2--2 {
    background-color: var(--light-grey);
    padding: 1rem 0;
    margin: 2rem 0;
}

#block-views-block-branding-block-2--2>div {
    max-width: var(--element-width);
    margin: auto;
}

.branding-slider {
    width: var(--article-width);
    outline: var(--debug-outline);
}

#block-views-block-branding-block-2--2::after {
    content: ' ';
    background-image: url(/sites/default/files/2022-02/onbo.png);
    background-size: auto 400px;
    background-repeat: no-repeat;
    width: 500px;
    height: 400px;
    float: right;
    margin-top: -300px;
}

/*
.branding-slider .slides li {
  height: 350px;
  overflow: hidden;
  background-color: var(--flexslider);
}

.flexslider h3 {
  font-weight: normal;
  height: 4rem;
}

.branding-slider .flexslider h3 {
  height: 5.5rem;
}

.branding-slider .flexslider .views-field-body {
  height: 210px;
  overflow: hidden;
}
*/

.value-propositions-slider ul li::before {
    display: none;
}

.value-propositions-slider.vp-2 .views-field-title {
    margin-left: 1rem;
}

.value-propositions-slider.vp-2 .flexslider .slides>li {
    height: 15rem;
    /* overflow: hidden; */
    width: 94% !important;
    text-align: left;
    /* min-width: 96%; */
    padding-right: 2rem;
}

.value-propositions-slider.vp-2 .flexslider .slides li ul {
    width: 50%;
    float: right;
    margin-top: -2rem;
}

.value-propositions-slider.vp-2 .flexslider .slides li ul li {
    width: auto !important;
    height: auto;
    background-color: transparent;
    padding: 0;
    border: 0;
    text-align: left;
    margin-left: 2rem;
    list-style: none;
}

.value-propositions-slider.vp-2 .flexslider .slides li ul li::before {
    display: block;
    background-image: url(/themes/custom/degoan/icons/dot.svg);
    background-color: transparent;
    background-size: 0.5rem 0.5rem;
    margin-right: 0;
}

#block-views-block-first-front-page-rectangle-block-1 .chapter {
    text-align: center;
    margin-bottom: 1rem;
}

/*
.value-propositions-slider.vp-2 .flexslider .slides li ul li {
  outline: 1px solid red;
}
*/
/*
.value-propositions-slider.vp-2 .flexslider .slides li ul li::marker {
  background-image: url(/themes/custom/degoan/icons/dot.svg);
  background-color: transparent;
  background-size: 0.5rem 0.5rem;
  margin-right: 0;
}
*/


/* Top menu (superfish) */
#block-topmenu ul.sf-menu a {
    padding: 0.5rem;
    margin-right: 0.5rem;
}

#block-topmenu ul.sf-menu .sf-sub-indicator {
    right: -0.3rem;
}

#block-topmenu ul.sf-menu ul li {
    background-color: #fff;
}

#block-topmenu ul.sf-menu ul {
    border: 1px solid rgba(7, 5, 5, 0.2);
    border-radius: var(--button-corner);
    padding: 0.5rem;
    background-color: #fff;
}

#block-topmenu a {
    border: 0;
}

#block-topmenu ul li ul li:hover,
#block-topmenu ul li:hover {
    background-color: var(--light-background);
}

body.full_path-tillykke #page #content {
    text-align: center;
}

body.full_path-tillykke .node__content img {
    margin-top: 2rem;
    width: var(--article-width);
    height: auto;
    border: var(--border-light);
}

#block-degoan-pagetitle--2 h2 {
    margin-top: 1rem;
}

.toolbar-icon-dga-degoan::before {
    background-image: url(../favicons/favicon-16x16.png);
}

/* Controlling the effing page title block-degoan-pagetitle--2 - probably fixed in theme degoan_preprocess_page_title() */
/*
#block-degoan-pagetitle--2 {
  background-color: pink;
}
*/

/* Generally hide main title h1 */
/*
#block-degoan-pagetitle--2 h1,
body.maintenance-page header h1 {
  display: none;
}
*/


/* Show title for certian paths and content types */
/*
body.node-type-book #block-degoan-pagetitle--2 h1,
body.node-type-system_mail #block-degoan-pagetitle--2 h1,
body.node-type-customer_activity #block-degoan-pagetitle--2 h1,
body.node-type-ticket #block-degoan-pagetitle--2 h1,
body.path-user #block-degoan-pagetitle--2 h1 {
  display: block;
}
*/

/* Frame images on the digital brochure */
body.node-7443 .node__content img,
body.node-797 .node__content img {
    outline: 1px solid #ccc;
}


.fade-preview article {
    max-width: var(--article-width);
    border: var(--thin-border-dark);
    padding: 1rem;
    margin: 2rem auto;
    max-height: 300px;
    /* var(--article-width); */
    overflow: hidden;
}

.fade-preview .fadeout {
    position: relative;
    bottom: 6em;
    height: 6em;
    margin-top: -2rem;
    background: linear-gradient(rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%);
}

.fade-preview div {
    clear: none;
}

.fade-preview .field_selectable_texts label {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    border-bottom: var(--thin-border-dark);
    display: block;
    margin-bottom: 0.5rem;
}

.fade-preview .field_inspirational_text,
.fade-preview .field_help_text {
    border: 0;
    padding: 0;
}

.fade-preview .field-single {
    border-bottom: var(--thin-border-light);
    margin-bottom: 0.5rem;
}

.fade-preview .field_video {
    margin-bottom: 2rem;
}

#dga-company-color-form details.color_fields .js-form-type-textfield {
    border-top: var(--border-light);
    padding-top: 1rem;
}

.color-sample {
    float: right;
    width: 25%;
    margin-top: 2rem;
    margin-right: 2rem;
}

.upgrade-wrapper,
.color-wrapper {
    background-color: var(--lighter-background);
    padding: 0.5rem;
    margin-bottom: 1rem;
}

.color-range {
    background-color: white;
}

.color-swab-end {
    clear: both;
}

.color-swab {
    width: 300px;
    text-align: center;
    float: left;
    /* text-shadow: 2px 2px 2px #ccc; */
}

.color-swab-wrapper {
    margin: 0.5rem;
    float: left;
    /* box-shadow: 3px 3px 6px 2px #ccc; */
    box-shadow: var(--popup-shadow);
}

.form-item:has(.color_picker) {
    float: right;
    display: block;
    max-width: 150px;
    height: auto;
}

input[type=color] {
    height: 28px;
    margin-top: 31px;
    padding: 0;
    margin-right: 2px;
}

#content_anonymous>div>div {
    margin: var(--front-page-margin) auto;
    outline: var(--debug-outline);
}

#mobile-warning {
    display: none;
}

/*
#block-toplinks ul li {
  background-color: var(--greener);
  border-radius: 0 0 0 var(--button-corner);
}
*/

#block-toplinks ul li {
    margin-left: 0;
}

#block-toplinks ul li a {
    border: 0;
}

#block-toplinks .dga-user-name {
    text-align: right;
    margin-right: -4.5rem;
    margin-top: 2rem;
}

#block-toplinks ul li:has(.customer-base) {
    position: absolute;
    margin-top: 4rem;
    margin-left: 0.5rem;
    padding: 0;
}

#block-toplinks ul li:has(.customer-base) a {
    margin: 0;
}

#block-tokenloginlink {
    margin-top: 1rem;
}

#block-tokenloginlink details {
    margin: 0.5rem 0 0 0;
    padding: 0;
}

/* System mails */

.node.node--type-system-mail.node--view-mode-full label {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
}

/* Mail templates */
.mail-templates table tr td:nth-child(3),
.mail-templates table tr td:nth-child(4) {
    width: 200px;
}

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

table.attachment-table tr td {
    background-color: var(--lighter-background);
    padding: 4px;
}

table.attachment-table ul {
    margin: 0;
}

table.attachment-table ul li {
    list-style: none;
}

.book-selector-wrapper,
.language-box {
    /* margin: 1rem 0;
  height: 2rem;
  padding-top: 0.5rem; */
    height: auto;
    padding: 0.5rem;
    background-color: var(--lighter-background);
    margin-bottom: 1rem;
}

.book-selector-wrapper .button.float-right,
.book-selector-wrapper .button {
    margin: 0;
}

.book-selector-back {
    margin-top: 0.5rem !important;
}

.language-box ul {
    margin: 0.5rem 0;
    padding: 0;
}

.language-box ul li {
    display: inline-block;
    list-style: none;
    margin: 0;
}

.language-switcher-language-url a[hreflang=da],
.flag.da,
.language-box ul li a.da::before {
    background-image: url('../langcode_flags/da.svg');
}

.language-switcher-language-url a[hreflang=en],
.flag.en,
.language-box ul li a.en::before {
    background-image: url('../langcode_flags/en.svg');
}

.language-switcher-language-url a[hreflang=bg],
.flag.bg,
.language-box ul li a.bg::before {
    background-image: url('../langcode_flags/bg.svg');
}

.language-switcher-language-url a,
.flag {
    height: 20px;
    width: 30px;
    background-repeat: no-repeat;
    background-size: 30px 20px;
    position: absolute;
    margin-top: -30px;
}

.language-box .flag {
    position: relative;
    margin: auto;
    padding-left: 2.5rem;
}

.vertical-language-box .flag {
    position: relative;
}

h4.flag {
    margin-top: 0;
    padding-left: 40px;
    position: relative;
}

.small.flag {
    height: 14px;
    width: 21px;
    background-size: 21px 14px;
    margin-top: -20px;
    margin-left: -1.5rem;
}

#edit-employees label:has(.small.flag) {
    padding-left: 1.5rem;
}

ul.flag-list {
    list-style: none;
}

ul.flag-list,
ul.flag-list li .flag {
    display: inline-block;
    margin: 0;
    padding: 0;
    /* width: 20px; */
    height: 15px;
    margin-bottom: -2px;
}

tr td ul.flag-list li {
    display: inline;
    margin: 0;
    padding: 0;
}

ul.flag-list li .flag {
    position: relative;
    background-size: 20px 15px;
}

.language_sync {
    position: absolute;
    margin-left: calc(var(--article-width) + 5rem);
    display: none;
}

.language_sync .flag {
    display: inline-block;
    position: relative;
}

.language_sync.checkboxes {
    display: block;
}

.own-books-table .flag {
    position: relative;
    float: right;
    margin: 0.5rem 0.5rem auto auto;
}

body.full_path-handbook-full #full_handbook .phonebook-edit {
    margin: 0;
}

.language-switcher-language-url a {
    position: relative;
    padding-left: 2.5rem;
}

.language-box h3 {
    margin: 0;
    font-size: 100%;
}

.language-box ul li a::before {
    content: ' ';
    margin-left: 0.5rem;
    padding-left: 2.5rem;
    background-repeat: no-repeat;
    background-size: 30px 20px;
    height: 20px;
    width: 20px;
    opacity: 0.7;
}

.language-box .language-warning {
    display: none;
    padding: 0 0.5rem;
    margin: -4px 0 0 0;
}

.language-box ul li a.active {
    background-color: var(--light-background);
}

.language-box ul li a.active::before {
    opacity: 1;
}

.language-switcher-language-url ul {
    padding: 0;
    margin: 0;
    float: right;
}

.language-switcher-language-url ul li {
    display: inline;
    list-style: none;
    padding: 0;
    margin: 0 1rem 0 0;
}

body.full_path-user-login .language-switcher-language-url ul,
body.full_path-en-user-login .language-switcher-language-url ul {
    float: none;
    margin-top: 14rem;
    position: absolute;
    margin-left: -6rem;
}


#edit-preferred-langcode--description {
    display: none;
}

.guide-wrapper {
    position: absolute;
    /* box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.06); */
    box-shadow: var(--popup-shadow);
    border: 2px solid var(--bright-yellow);
    z-index: 100;
    margin-top: 0.5rem;
    width: calc(var(--article-width) + 3rem);
}

.guide-trigger {
    height: 1.5rem;
}

article video {
    border: 2px solid var(--greener);
}

article video.no-frame {
    border: 0;
}


.guide-wrapper video {
    transition: all ease-in-out 0.5s;
    border: 0;
}

.guide-wrapper article {
    max-width: calc(var(--article-width) + 2rem);
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 600px;
    margin-bottom: 1rem;
}

.guide-wrapper .shadow-page,
.guide-wrapper article .node__content {
    max-width: calc((var(--article-width)) - 100px);
    margin-right: 0.5rem;
}

.guide-wrapper article .node__content {
    max-width: calc((var(--article-width)) - 50px);
}

.quick-guide-close {
    float: right;
}

.guide-wrapper #guide-close {
    color: red;
    /* float: right; */
    margin: 0.5rem;
    position: absolute;
    right: 0;
    margin-top: -1rem;
    display: none;
}

.guide-wrapper .guide-trigger {
    background-color: var(--bright-yellow);
    padding: 0.1rem 1rem;
    cursor: pointer;
    margin-top: -1rem;
}

#guide-close {
    cursor: pointer;
}

.guide-wrapper .guide {
    display: none;
    background-color: white;
    padding: 0.5rem;
}

.guide-wrapper.guide-video-open .guide {
    display: none;
}

.guide-wrapper article .node__content img {
    max-width: calc((var(--article-width)) - 150px);
    height: auto;
}

.company-list table tr th:last-child,
.company-list table tr td:last-child {
    max-width: 100px;
}

.company-list table tr th:nth-child(2),
.company-list table tr td:nth-child(2) {
    width: 200px;
}

.company-list form.views-exposed-form {
    max-height: 40px;
    overflow: hidden;
}

table th.created,
#company-list td.action-links {
    width: 100px;
}

#company-list td.action-links a::before {
    content: '· ';
}

/* Page for altering own page sequence */

#sequence_pages .sequence_page {
    max-width: var(--element-width);
    padding: 0rem 15rem 0rem 2.5rem;
    margin: 4px 0;
}

#sequence_pages .sequence_page div {
    border-left: 4px solid white;
    border-right: 4px solid white;
    padding: 0.5rem;
}

/*
#sequence_pages .sequence_page:before {
  content: "x";
  width: 30px;
  border-right: 2px solid white;
  color: transparent;
  margin-left: 1rem;
  padding-left: 1rem;
  display: inline-block;
}
*/

#sequence_pages #sequence_cancel {
    margin-top: -2rem;
}

#sequence_pages .sequence_page.target {
    outline: 2px solid var(--ok-green);
    display: none;
    cursor: pointer;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

#sequence_pages .sequence_page.target:hover {
    outline: 2px solid var(--dark-green);
    background-color: var(--ok-green);
}

#sequence_pages #previous_pages {
    width: var(--element-width);
    color: #999;
    opacity: 0.8;
}

#sequence_pages .sequence_page.previous {
    background-color: var(--ok-green);
}

#sequence_pages #next_pages_overlay,
#sequence_pages #previous_pages_overlay {
    position: absolute;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%);
    width: var(--element-width);
    height: 80px;
    padding: 0.5rem;
}

#sequence_pages #next_pages_overlay {
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(0, 0, 0, 0) 100%);
    height: 30px;
}

#sequence_pages .sequence_page.next {
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    font-size: 120%;
    background-color: var(--light-background);
    margin-top: 1.5rem;
}

#sequence_pages .sequence_page.movable {
    cursor: pointer;
    background-color: var(--ok-green);
}

#sequence_pages .sequence_page.movable:hover {
    outline: 2px solid var(--dark-green);
}

#sequence_pages .sequence_page.movable.active {
    outline: 3px solid var(--dark-green);
    cursor: no-drop;
}

#sequence_pages .sequence_page.movable.passive {
    outline: 0px dashed #ccc;
    color: #999;
    background-color: #eee;
    cursor: no-drop;
    /* background-color: transparent;*/
}

#sequence_pages .movable {
    transition: background ease-in-out 1s;
}

#sequence_pages .movable.dga-highlight {
    background-color: yellow !important;
}

#sequence_pages .button--danger {
    display: none;
}

#sequence_pages .empty_div {
    height: 5rem;
    width: 30px;

    position: absolute;
    margin-top: -2rem;
}

#company-table tr.dga-company-table-row.theme_sequence td {
    background-color: var(--light-background-trans);
}

#company-table tr.dga-company-table-row.previewing td {
    background-color: var(--greener);
    color: white;
}

#company-table tr.dga-company-table-row.previewing td .own-page {
    color: #ddd;
}

.connecting-line {
    position: fixed;
    outline: 2px solid green;
    z-index: 1000;
}

fieldset.visuals-radios #edit-visuals--2,
fieldset.visuals-radios #edit-visuals {
    columns: 3;
}

.belongs-to-company {
    margin-top: -0.5rem;
    margin-bottom: 0.5rem;
}

tr td:has(.belongs-to-degoan) {
    background-color: var(--ok-green);
}

form.book-admin-edit table tr:hover {
    background-color: var(--lighter-background);
}

table#edit-field-image-table tr td {
    background-color: var(--lighter-background);
    padding: 0.5rem;
    border-bottom: 2rem solid var(--light-background);
}

.to-be-removed {
    filter: saturate(60%) brightness(70%);
    outline: 2px dashed red;
}

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

table.history-table th,
table.history-table tr td {
    background-color: var(--lighter-background);
    padding: 0 0.5rem;
}

.phone_help {
    display: none;
}

form #edit-respunsible-user--wrapper,
/* form .files-details-wrapper, */
/* form .text-form-wrapper.company-texts,
form .text-form-wrapper.company-texts .js-form-type-textarea,
form .text-form-wrapper.departments,
form .text-form-wrapper.departments .js-form-type-textarea, */
ul.company-departments,
.company-department-description {
    background-color: var(--lighter-background);
    padding: 0.5rem;
    margin: 0 0 1rem 0;
}

.company-department-description {
    margin-top: -1rem;
}

ul.company-departments li {
    display: inline;
    list-style: none;
    padding: 0.5rem 1rem;
    margin-right: 0.5rem;
    background-color: var(--lighter-background);
}

.company-admin-wrapper {
    margin: 1rem;
    padding: 0.5rem;
    background-color: var(--lighter-background);
    /* width: 40%;
  float: left; */
}

.company-admin-indent {
    margin-left: 4rem;
}

.company-admin-wrapper .button.float-right {
    margin: 0 1rem;
}

.ck.ck-toolbar.ck-toolbar_grouping,
.ck.ck-toolbar__items,
.js-form-type-textarea .ck button {
    background-color: #eee !important;
    color: #666 !important;
}

.ck.ck-icon.ck-icon_inherit-color {
    color: #666 !important;
}

.ck.ck-content {
    min-height: 300px;
}

.ck.ck-content p {
    margin-bottom: 0.5rem !important;
}

.single-mail label {
    display: block;
    font-weight: bold;
    /* font-family: "Jakarta x-bold"; */
    margin-top: 1rem;
}

.single-mail article {
    padding: 1rem;
    border: var(--border-medium);
}

.text-note {
    height: 1rem;
    /* text-decoration: underline; 
  cursor: pointer; */
    /* font-style: italic;
  font-weight: bold;*/
    color: var(--greener);
    float: right;
    margin-top: -0.75rem;
    margin-left: 2rem;
    /* width: 25%; */
    padding: 0.5rem;
    /* display: none; */
}

#block-views-block-references-block-2-2--2,
#block-views-block-references-block-2-2,
#block-views-block-references-block-2,
.reference-block {
    max-width: var(--element-width);
    margin: 1rem auto;
    text-align: center;
}

.reference-block .views-row {
    height: 200px;
}

.reference-block .views-col {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
    text-align: center;
    height: 200px;
    background-color: var(--lighter-background);
    padding-bottom: 2rem;
    outline: var(--border-medium);
}

.reference-block.bare .views-col {
    background-color: white;
    outline: 0;
    padding-top: 2rem;
}

.preview-cover {
    top: 40px;
    height: 100%;
    width: 95%;
    background-color: white;
    opacity: 0;
    position: absolute;
    cursor: pointer;
}

.preview-link {
    display: block;
    float: right;
}

.preview-txt {
    margin-top: 2rem;
    font-family: monospace;
    font-size: 110%;
}

a svg {
    margin-left: 0.5rem;
}

#dga-company-activate-form .form-item-book label,
#dga-company-publish-form .form-item-book label {
    margin: 0;
    width: auto;
}

#dga-company-activate-form .form-item-bookx,
#dga-company-publish-form .form-item-book {
    float: right;
}

#dga-company-activate-form #edit-themes--wrapper,
#dga-company-activate-form #edit-pages--wrapper,
#dga-company-activate-form #edit-what--wrapper,
#dga-company-activate-form #edit-updated-pages,
#dga-company-activate-form #edit-employees--wrapper,
#dga-company-activate-form #edit-text-fieldset {
    background-color: var(--lighter-background);
    padding: 0.5rem;
    border-right: 1rem var(--light-background) solid;
    margin-bottom: 2rem;
}

#dga-company-activate-form #activate_preview_messages {
    margin: -2rem 0 0 0;
}

.source_247 {
    background-color: #F7AB19;
    padding: 0 0.5rem;
}

.source_250 {
    background-color: var(--light-green);
    padding: 0 0.5rem;
}

.source_249 {
    background-color: var(--orangy);
    padding: 0 0.5rem;
}

.source_248 {
    background-color: var(--ok-green);
    padding: 0 0.5rem;
}

.source_272 {
    background-color: lightblue;
    padding: 0 0.5rem;
}

.source_267 {
    background-color: lightgoldenrodyellow;
    padding: 0 0.5rem;
}

.source_-1 {
    background-color: white;
    outline: 1px solid #ccc;
    padding: 0 0.5rem;
}

.source_273 {
    background-color: lavender;
    padding: 0 0.5rem;
}

.source_411 {
    background-color: lightcyan;
    padding: 0 0.5rem;
}


.reference-block.bare .views-col,
#block-degoan-views-block-references-block-5--2 .views-col {
    display: flex;
    justify-content: center;
    /* Centers the image horizontally if needed */
    align-items: center;
    /* Centers the image vertically */
    height: 170px;
    /* Ensures all columns have a fixed height */
}

#useful-links details.dga-legends,
#useful-links details {
    margin: 0 0 2rem 0;
    padding: 0;
}

#useful-links details summary {
    font-weight: bold;
    font-size: 1.2rem;
}

#useful-links details summary::marker {
    content: ''
}

@supports (-webkit-touch-callout: none) {
    /* Safari-only styles */
    ol li,
    ul li {
        margin-left: 2rem;
    }
}