@import url('categories.css');
@import url('notes.css');
@import url('documents.css');
@import url("zorgheuvel-hero.css");
@import url("header.css");
/* General */

:root {
    /* Wit */
    --theme-intranet-white-regular: #ffffff;

    /* Green */
    --theme-intranet-logo-green: #8ab600;
    --theme-intranet-green-icon: #94bf00;
    --theme-intranet-green-light: #d4e699;

    /* Blue */
    --theme-intranet-logo-blue: #1e2a86;
    --theme-intranet-blue-icon: #262c92;
    --theme-intranet-blue-light: #a9aad2;

    /* Orange */
    --theme-intranet-logo-orange: #f19200;
    --theme-intranet-orange-button: #f49b01;

    /* Donker */
    --theme-intranet-dark: #1c1c1c;
    --theme-intranet-dark-light: #2a2a2a;
}


html {
    height: 100%;
}

body {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow-x: hidden;
    background: var(--theme-intranet-white-regular);
}

/* Prevent fixed header background from painting into the vertical scrollbar gutter. */
header.panel-header,
.panel-header.header-subpage {
    left: 0 !important;
    right: auto !important;
    width: calc(100vw - (100vw - 100%)) !important;
    max-width: calc(100vw - (100vw - 100%)) !important;
    box-sizing: border-box;
}

body.inverted:not(.no-account) {
    background-color: #000;
}

body.inverted:not(.no-account) {
    filter: invert(1);
    -webkit-filter: invert(1);
}

body.inverted .header-logo .logo::before,
body.inverted:not(.no-account) .ui.label:not(.basic) {
    filter: invert(1);
    -webkit-filter: invert(1);
}

body.inverted:not(.no-account) img,
body.inverted:not(.no-account) .flag,
body.inverted:not(.no-account) .ui.button:not(.basic) {
    filter: invert(1);
    -webkit-filter: invert(1);
}

body.inverted:not(.no-account) .ui.table i.icon,
body.inverted:not(.no-account) .ui.segment i.icon {
    filter: invert(1);
    -webkit-filter: invert(1);
}

body.inverted:not(.no-account) .sidebar-menu li.active > a {
    filter: invert(1);
    -webkit-filter: invert(1);
}

body.inverted:not(.no-account) .ui.form label > em,
body.inverted:not(.no-account) .module-buttons .button:not(.basic) {
    filter: invert(1);
    -webkit-filter: invert(1);
}

body.inverted:not(.no-account) .ui.progress {
    filter: invert(1);
    -webkit-filter: invert(1);
    background-color: #151515;
}

body.inverted:not(.no-account) .dropdown i.icon,
body.inverted:not(.no-account) .menu-segment i.icon,
body.inverted:not(.no-account) .ui.message i.icon,
body.inverted:not(.no-account) .ui.button:not(.basic) i.icon,
body.inverted:not(.no-account) .sidebar-menu li.active i.icon {
    filter: invert(0);
    -webkit-filter: invert(0);
}

body.inverted:not(.no-account) .ui.button.basic i.icon {
    filter: invert(0);
    -webkit-filter: invert(0);
}

body.inverted aside.panel-sidebar .sidebar-menu ul li.dropdown:hover > a,
body.inverted aside.panel-sidebar .sidebar-menu ul li.dropdown:focus > a {
    filter: invert(1);
    -webkit-filter: invert(1);
    border-color: transparent;
}

body.inverted aside.panel-sidebar .sidebar-menu ul li:not(.notice):not(:hover) > a > i.icon.notice {
    color: #000;
}

body.inverted aside.panel-sidebar .sidebar-menu ul li.notice:not(.disabled) > a > i.icon,
body.inverted aside.panel-sidebar .sidebar-menu ul li.notice:not(.disabled) > a span {
    filter: invert(1);
    -webkit-filter: invert(1);
    /*border-color: transparent;*/
}

body.inverted aside.panel-sidebar .sidebar-menu ul li:not(.notice):hover > a i.icon.notice {
    filter: invert(0);
    -webkit-filter: invert(0);
}

body.inverted:not(.no-account) .ui.label.invert {
    background-color: #000;
}

body.inverted.account .panel-wrap {
    background-color: #ffffff !important;
}

body.inverted.account .panel-header {
    background-color: #f4f4f4 !important;
}

body.inverted:not(.no-account) .ui.message {
    color: #fff;
    border: none;
    box-shadow: none;
    background-color: #222;
    -webkit-filter: invert(1);
    filter: invert(1);
}

body.inverted:not(.no-account) .ui.message.info {
    background-color: #222;
}

body.inverted:not(.no-account) .ui.message.red,
body.inverted:not(.no-account) .ui.message.negative {
    background-color: #d01919;
}

body.inverted:not(.no-account) .ui.message.green,
body.inverted:not(.no-account) .ui.message.positive {
    background-color: #15ab39;
}

body.inverted:not(.no-account) .ui.message.blue,
body.inverted:not(.no-account) .ui.message.primary {
    background-color: #1678c2;
}

body.inverted:not(.no-account) .ui.label:not(.basic):not(.primary):not(.positive):not(.negative):not(.blue):not(.red):not(.green):not(.white) {
    background-color: #222;
    color: #999;
}

h1 {
    font-size: 28px;
    font-weight: 100;
}

h2 {
    font-size: 23px;
    font-weight: 100;
}

h3 {
    font-size: 21px;
    font-weight: 100;
}

h4 {
    font-size: 18px;
    font-weight: 100;
}

span.block {
    display: block !important;
}

span.inline-block {
    display: inline-block !important;
    vertical-align: middle;
}

span.meta, small.meta {
    display: inline-block;
    color: #bbb;
}

span.meta.grey, small.meta.grey {
    color: #999;
}

span.price > strike {
    font-size: 12px;
}

span.price {
    white-space: nowrap;
}

span.price > i,
span.price > strike > i {
    font-style: normal;
}

.hidden {
    display: none !important;
}

.margin-bottom {
    margin-bottom: 20px !important;
}

.no-top {
    margin-top: 0 !important;
}

.no-bottom {
    margin-bottom: 0 !important;
}

input,
textarea,
select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

.field.is-red input,
.field.is-red textarea,
.field.is-red select {
    border: 2px solid #db2828;
}

.iframe-wrap iframe {
    border: 0;
    outline: 0;
    width: 100%;
    height: 400px;
}

.iframe-wrap.iframe-video {
    text-align: center;
}

.iframe-wrap.iframe-video iframe {
    display: inline-block;
    height: 420px;
    width: 750px;
    max-width: 100%;
}

.documents-wrap {
    background: #f9f9f9;
    border: 1px solid #ccc;
    margin-top: 15px;
}

.documents-wrap .iframe-wrap iframe {
    height: 700px;
    height: 75vh;
}

/* CMS Loaders */
.ui-loader {
    display: block;
    position: relative;
    height: 3px;
}

.ui-loader.top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
}

.ui-loader > hr {
    display: inline-block;
    vertical-align: top;
    width: 0;
    margin: 0 !important;
    padding: 0 !important;
    outline: 0 !important;
    border: 0 !important;
    background-color: currentColor;
}

.ui-loader, .ui-loader > hr {
    height: 3px !important;
    line-height: 0 !important;
}

.ui.selection.dropdown.active,
.ui.selection.dropdown.visible {
    z-index: 45;
}

/* Messages */
.ui.message {
    font-size: 15px;
    padding: 14px 18px 14px;
}

.ui.message.medium {
    padding: 18px 22px 18px;
}

.ui.message.subtle {
    font-size: 14px;
    padding: 12px 16px 12px;
}

.ui.message h3 {
    display: block;
    font-size: 17px;
    font-weight: 600;
    margin: 0 0 5px;
}

.ui.message ul {
    padding-left: 18px;
    margin: 0;
}

.ui.message p {
    margin: 0 0 6px;
    line-height: 1.5em;
}

.ui.message p > b {
    font-weight: 600 !important;
}

.ui.message p:last-child {
    margin: 0;
}

.ui.message.warning {
    display: block;
    color: #a06918;
}

.ui.message .small-actions {
    display: block;
    position: relative;
    clear: both;
}

.ui.message .small-links .link {
    cursor: pointer;
    display: inline-block;
    text-decoration: underline;
}

.ui.message .small-links .link.right {
    float: right
}

.ui.message .small-links .link.red {
    color: #a00;
}

.ui.message,
.ui.message > .ui-loader {
    overflow: hidden;
    border-radius: 0.295rem;
}

.ui.message > .ui-loader > hr {
    height: 2px !important;
    /*width: 33% !important;*/
}

.ui.segment > .segment-content {
    padding: 5px;
}

.ui.segment > .segment-content.medium {
    padding: 10px;
}

.ui.segment.is-overview {
    padding-bottom: 0 !important;
    overflow: hidden !important;
}

.ui.segment.is-overview > .segment-content {
    padding-bottom: 0 !important;
}

.ui.segment.is-overview .table-overview .ui.table {
    margin-bottom: 20px !important;
}

.ui.segment.is-overview .table-overview {
    position: relative;
}

.ui.segment.is-overview .table-overview::before,
.ui.segment.is-overview .table-overview::after {
    content: ' ';
    display: block;
    position: absolute;
    pointer-events: none;
    width: 40px;
    height: 100%;
    top: 0;
    left: 16px;
    bottom: 0;
    z-index: 55;
    transition: 0.1s;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    opacity: 0;
    box-shadow: inset 38px 0 38px -38px rgba(0, 0, 0, 0.8);
    box-shadow: inset 38px 0 38px -38px rgb(227, 230, 234);
}

.ui.segment.is-overview .table-overview::after {
    left: auto;
    right: 16px;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
    box-shadow: inset -38px 0 38px -38px rgba(0, 0, 0, 0.8);
    box-shadow: inset -38px 0 38px -38px rgb(227 230 234);
}

.ui.segment.is-overview .table-overview.is-center::before,
.ui.segment.is-overview .table-overview.is-right::before {
    opacity: 1;
    transform: scaleX(1) !important;
    -webkit-transform: scaleX(1) !important;
}

.ui.segment.is-overview .table-overview.is-center::after,
.ui.segment.is-overview .table-overview.is-left::after {
    opacity: 1;
    transform: scaleX(1) !important;
    -webkit-transform: scaleX(1) !important;
}

.ui.segment.has-top {
    margin-top: 1.5rem;
}

body.debug-theme .content-wrapper .container-fluid > .ui.segment > .segment-content {
    padding: 60px 5px 5px;
}

.ui.segment.tab.attached.single {
    padding: 0 !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
}

.ui.segment.tab.attached.single > .inside-single {
    display: block;
    position: relative;
    padding: 10px 14px 11px;
}

.ui.segment.tab.attached.single > .inside-single.white {
    background-color: #fff;
}

.ui.segment.tab.attached.single > .field {
    width: auto !important;
}

.ui.segment.tab.attached.single:not(.space) > .field {
    margin: -1px -1px !important;
}

.ui.segment.tab.attached.single:not(.space) > .table-compact {
    margin: -1px -2px -1px -1px !important;
}

.ui.segment.tab.attached.single.space > .field {
    margin: 0 0 10px !important;
}

.ui.segment.tab.attached.single.space > .field:last-child {
    margin-bottom: 0 !important;
}

.ui.segment.tab.attached.single.space {
    padding: 10px 10px 11px !important;
    overflow: visible !important;
}

.ui.table thead.clean th {
    background: none !important;
}

.ui.table thead.clean.light th {
    background: #f7f7f7 !important;
}

.ui.table thead.clean:not(.fix) th {
    border-top: 0 !important;
    border-right: 0 !important;
}

.ui.table thead.clean.fix th:nth-child(2),
.ui.table thead.clean:not(.fix) th:not(:first-child) {
    border-left: 0 !important;
}

.ui.table thead.clean.fix th:nth-child(1) {
    box-shadow: none !important;
}

.ui.table td a.href,
.ui.table td a.href:hover,
.ui.table td a.href:focus {
    color: inherit !important
}

.ui.tabular.menu .active.item.light {
    background: #f7f7f7 !important;
}

.ui.tabular.menu .item[data-tab] {
    cursor: pointer;
}

span.inline,
small.inline {
    display: inline-block;
}

span.nowrap,
small.nowrap,
label.nowrap,
.nowrap {
    white-space: nowrap;
}

.ui.button {
    cursor: pointer;
    font-size: 1em !important;
}

.ui.button.white.basic {
    background: #fff !important;
}

.ui.button.labeled.icon.left {
    padding-left: 48px !important;
}

.ui.button.labeled.icon.right {
    padding-right: 48px !important;
}

.ui.button.labeled.icon.right > i.icon.loading {
    background: none;
}

.ui.button.white.basic.primary {
    background-color: #fff !important;
}

.ui.button.small,
.ui.buttons.small .button {
    /*padding: 0.55em 0.5em;*/
    padding: 0.545em 0.475em;
}

.ui.icon.button.small,
.ui.icon.buttons.small .button {
    padding: 0.55em 0.5em !important;
    padding: 0.545em 0.475em !important;
}

.ui.button.minimal,
.ui.buttons.minimal .button,
.ui.icon.button.minimal,
.ui.icon.buttons.minimal .button {
    width: 26px;
    height: 25px;
    padding: 0 0 0 !important;
}

.ui.icon.button.enhanced > i.icon,
.ui.icon.buttons.enhanced .button > i.icon {
    -webkit-transform: scale(1.125);
    transform: scale(1.125);
}

.ui.icon.button.enhanced.small > i.icon,
.ui.icon.buttons.enhanced.small .button > i.icon {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.ui.icon.button.enhanced.minimal > i.icon,
.ui.icon.buttons.enhanced.minimal .button > i.icon {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.ui.labeled.icon.buttons > .button.white > .icon,
.ui.labeled.icon.button.white > .icon {
    background: rgba(0, 0, 0, 0.035);
}

.ui.basic.clean.button {
    background: transparent none !important;
    color: rgba(0, 0, 0, .6) !important;
    font-weight: 400;
    border-radius: 0;
    text-transform: none;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 11px 6px;
}

.ui.basic.clean.transparent,
.ui.basic.label.clean,
.ui.basic.label.clean-hover:not(:hover):not(:focus) {
    border-color: rgba(255, 255, 255, 0) !important;
    background-color: rgba(255, 255, 255, 0) !important;
}

.ui.selection.dropdown .menu > .item {
    font-size: 1rem;
    white-space: nowrap;
}

.ui.menu-segment {
    display: block;
    margin: 15px 0 -15px;
    position: relative;
    z-index: 10;
    overflow: auto;
}



.ui.menu-segment .ui.secondary.menu {
    white-space: nowrap;
}

.ui.menu-segment .ui.secondary.menu .item > i.icon {
    margin-right: 7px;
}

.ui.tabular.menu .item > i.icon.exclamation.triangle:not(:first-child) {
    display: inline-block;
    margin: 0 0 0 8px;
    padding-top: 2px;
}

.ui.menu .item > span,
.ui.menu-segment .ui.secondary.menu .item > span {
    display: inline-block;
}

.ui.menu .item.has-label,
.ui.menu-segment .ui.secondary.menu .item.has-label {
    padding-right: 50px;
}

.ui.menu .item.has-label > .ui.label,
.ui.menu-segment .ui.secondary.menu .item.has-label > .ui.label {
    display: inline-block;
    position: absolute;
    right: 10px;
    bottom: 8px;
    min-width: 30px;
    padding: 5px 5px;
    text-align: center;
}

.ui.menu.space,
.ui.menu.space .menu,
.ui.floating.dropdown > .menu.space {
    padding-top: 6px;
    padding-bottom: 6px;
}

.ui.menu.space .ui.divider,
.ui.floating.dropdown > .menu.space .ui.divider {
    margin: 0.285em 0;
}

.ui.menu.space .item,
.ui.menu.space .menu .item {
    background-color: #fff;
}

.ui.menu.space .item,
.ui.menu.space .item .href,
.ui.menu.space .menu .item {
    color: #404040;
}

.ui.menu.space .item:hover,
.ui.menu.space .menu .item:hover {
    background-color: #f3f4f7;
}

.ui.menu.space .item:hover,
.ui.menu.space .item:hover .href,
.ui.menu.space .menu .item:hover {
    color: #333;
}

.ui.menu.space .item.active,
.ui.menu.space .menu .item.active {
    background-color: #f3f4f7;
}

.ui.menu.space .item.active,
.ui.menu.space .menu .item.active
.ui.menu.space .item.active .href {
    color: #000;
}

.ui.modals.dimmer.page > .ui.modal {
    margin: 140px auto 50px !important;
    overflow: auto;
}

.ui.modal i.close.close-modal {
    position: absolute;
    top: 20px;
    left: 25px;
}

.ui.input > p,
.input-box {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    outline: 0;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 1.21428571em;
    padding: .67857143em 1em;
    font-size: 1em;
    background: #fff;
    border: 1px solid rgba(34, 36, 38, .15);
    color: rgba(0, 0, 0, .87);
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 0 0 0 transparent inset;
    box-shadow: 0 0 0 0 transparent inset;
    -webkit-transition: color .1s ease, border-color .1s ease;
    transition: color .1s ease, border-color .1s ease;
}

.ui.input > p,
.input-box.no-border {
    border-color: transparent;
    padding-left: 0;
}

.ui.input.is-locked {
    cursor: not-allowed;
}

.ui.input.is-locked .unlock {
    cursor: pointer !important;
}

.ui.input.unlocked > .ui.label.unlock {
    border-left: 0 !important;
}

.ui.label.unlock {
    position: relative;
    width: 40px !important;
}

.ui.label.unlock > i.icon.lock {
    position: absolute;
    left: 13px;
}

.ui.label.is-flag {
    width: 26px !important;
    padding: 4px !important;
    vertical-align: 1px !important;
    border-radius: 3px !important;
    margin: 0;
}

.ui.label.is-flag:not(.right):not(.clean) {
    margin-right: 5px;
}

.ui.label.is-flag.right:not(.clean) {
    margin-left: 5px;
}

.ui.label.is-flag > .flag {
    vertical-align: -1px !important;
}

.ui.label.circular.icon {
    min-width: 21px;
    min-height: 21px;
    width: 21px !important;
    height: 21px !important;
    padding: 0 !important;
}

.ui.label.circular.icon > i.icon {
    margin: 0 !important;
    vertical-align: -4px;
    line-height: 0;
}

i.icon.hover:hover::before,
.ui.input.is-locked .ui.label.unlock:hover > i.icon::before {
    content: "\f3c1" !important;
}

.ui.selectbox {
    font-family: 'Poppins', sans-serif;
    margin: 0em;
    outline: none;
    -webkit-appearance: none;
    tap-highlight-color: rgba(255, 255, 255, 0);
    line-height: 1.21428571em;
    padding: 0.67857143em 1em;
    font-size: 1em;
    background: #FFFFFF;
    border: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87);
    border-radius: 0.28571429rem;
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: color 0.1s ease, border-color 0.1s ease;
    transition: color 0.1s ease, border-color 0.1s ease;
}

.ui.input.negative > input,
.ui.input.negative > input:focus {
    background-color: #fff6f6 !important;
    border-color: #e0b4b4;
    color: #9f3a38;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui.input.positive > input,
.ui.input.positive > input:focus {
    background-color: #fcfff5 !important;
    border-color: #a3c293;
    color: #2c662d;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui.input.active > input,
.ui.input.active > input:focus {
    background-color: #f8ffff !important;
    border-color: #a9d5de;
    color: #276f86;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui.dropdown .menu > .header.first {
    margin-top: 6px !important;
}

.ui.dropdown .menu .header {
    font-size: 0.815rem;
    letter-spacing: 0.025em;
    word-spacing: 0.25em;
}

[data-placement-select]:not(.default) {
    cursor: pointer;
}

.ellipsis.e01 {
    display: inline-block;
}

.ellipsis.e02 {
    width: 320px;
    max-width: 100%;
}

.ellipsis,
.ui.list.ellipsis .item {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ui.basic.white {
    color: rgba(0, 0, 0, .6);
    background-color: #fff !important;
}

.ui.basic.white.label {
    color: rgba(0, 0, 0, .6) !important;
}

.ui.menu.overflow {
    position: relative;
    overflow: auto;
    z-index: 25;
}

.ui.menu.overflow .item {
    margin-bottom: 0 !important;
}

.tabs-wrap {
    position: relative;
    z-index: 2;
}

.tabs-wrap .ui.menu > .item > span {
    display: inline-block;
    transition: 0.15s;
}

.tabs-wrap .ui.light.active,
.tabs-wrap .ui.menu .light.active {
    background-color: #f7f7f7;
}

.tabs-wrap.has-offset {
    margin: 20px 0 !important;
}

.tabs-wrap.has-offset.has-top {
    margin-top: 10px !important;
}

.tabs-wrap.has-overflow .ui.menu.overflow {
    border-bottom: 0 !important;
}

.tabs-wrap.has-overflow .ui.attached.segment {
    position: relative;
    overflow: auto;
    width: auto;
    border-top: 1px solid var(--theme-intranet-dark-light) !important;
    margin: -1px 0 0 0 !important;
    z-index: 10;
}

.tabs-wrap.has-overflow .ui.attached.segment.active {
    display: block;
}

.tabs-wrap.has-overflow .ui.attached.bottom:not(.regular) {
    margin: -1px 0 0 1px;
}

.tabs-wrap.has-overflow .ui.attached.bottom .item:not(.active) > span {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
}

.tabs-wrap.has-overflow .ui.attached.top .item:not(.active) > span {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.tabs-wrap .ui.segment.has-loader {
    min-height: 370px;
}

/* Login standard */
.login-standard-wrapper {
    padding-top: 100px;
}

.login-standard-wrapper .login-wrap {
    display: block;
    width: 340px;
    max-width: 100%;
    margin: 30px auto;
}

.login-standard-wrapper .login-wrap .ui.segment {
    padding: 15px 25px;
}

.login-standard-wrapper .login-wrap .login-logo {
    display: block;
    width: 230px;
    max-width: 100%;
    margin: 15px auto 25px;
}

.login-standard-wrapper .login-wrap .login-logo > img {
    margin-left: -5px;
}

.login-standard-wrapper .login-wrap .field {
    font-size: 1rem;
}

.login-standard-wrapper .login-wrap .ui.message {
    font-size: 1rem;
}

.login-standard-wrapper .login-wrap .field label {
    font-size: 1rem;
}

.login-standard-wrapper .login-wrap .field-checkbox {
    margin: 20px 0 25px;
}

.login-standard-wrapper .login-wrap .actions {
    margin-top: 25px;
}

.login-standard-wrapper .login-wrap .actions-secondary {
    text-align: center;
    margin: 15px 0 5px;
}

.login-standard-wrapper .login-wrap .actions-secondary > a {
    font-size: 13px;
    color: #ababab;
}

/* Login refurbished */
body.no-account.page-login {
    position: relative;
    background: #d5dbe6;
}

body.no-account.page-login::before {
    display: inline-block;
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 42.5%;
    z-index: 3;
    background: #ccd3e0;
}

.login-wrapper {
    display: block;
    position: relative;
    height: 100%;
    padding: 20px 0 90px;
    min-height: 700px;
    z-index: 5;
}

.login-wrapper .container {
    display: block;
    position: relative;
    height: 100%;
    z-index: 10;
}

.login-wrapper .login-wrap {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    background: #fff;
    font-size: 0;
    height: 100%;
    min-height: 500px;
    max-height: 650px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    overflow: hidden;
}

.login-wrapper .login-wrap .login-left {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 50%;
    height: 100%;
    color: #fff;
    font-size: 16px;
    white-space: normal;
    background-image: url(../../images/6051829_17373.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

.login-wrapper .login-wrap .login-left::before {
    display: inline-block;
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    background: rgba(234, 236, 241, 0.85);
}

.login-wrapper .login-wrap .login-left .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 70px;
    left: 100px;
    z-index: 20;
    text-align: right;
}

.login-wrapper .login-wrap .login-left .content-bottom {
    position: absolute;
    bottom: 32px;
    left: 70px;
    right: 70px;
    z-index: 25;
    text-align: left;
    color: #fff;
}

.login-wrapper .login-wrap .login-left .content-bottom > a {
    display: inline-block;
    font-size: 13px;
    margin-left: 10px;
    color: rgba(255, 255, 255, 0.6);
    transition: 0.3s;
}

.login-wrapper .login-wrap .login-left .content-bottom > a:hover {
    color: rgba(255, 255, 255, 0.9);
}

.login-wrapper .login-wrap .login-left .login-logo {
    display: inline-block;
    position: relative;
    width: 360px;
    max-width: 100%;
    text-align: right;
}

.login-wrapper .login-wrap .login-left .login-logo img.icon {
    display: inline-block;
    width: 85px;
    margin-bottom: 20px;
}

.login-wrapper .login-wrap .login-left .login-logo img.text {
    display: inline-block;
    width: 280px;
}

.login-wrapper .login-wrap .login-left .login-logo img.logo {
    display: none;
}

.login-wrapper .login-wrap .login-left .login-slogan {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding-top: 25px;
    margin: 28px 0 30px;
}

.login-wrapper .login-wrap .login-left .login-slogan strong {
    display: block;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.1em;
}

.login-wrapper .login-wrap .login-left .login-slogan span {
    display: block;
    font-size: 40px;
    font-weight: 100;
    line-height: 1.1em;
}

.login-wrapper .login-wrap .login-right .form-logo {
    display: block;
    position: relative;
    margin: 0 auto 40px;
    width: 186px;
}

.login-wrapper .login-wrap .login-right .form-logo .icon {
    display: block;
    position: relative;
    z-index: 6;
}

.login-wrapper .login-wrap .login-right .form-logo .icon.shadow {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 4;
}

.login-wrapper .login-wrap .login-right .form-logo::after {
    content: ' ';
    display: block;
    position: absolute;
    top: -15px;
    left: -15px;
    right: -15px;
    bottom: -15px;
    z-index: 20;
}

.login-wrapper .login-wrap .login-right {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 50%;
    height: 100%;
    font-size: 16px;
    white-space: normal;
    overflow: hidden;
}

.login-wrapper .login-wrap .login-right .content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 70px;
    right: 100px;
    z-index: 20;
}

.login-wrapper .login-wrap .login-right .content-bottom {
    position: absolute;
    bottom: 32px;
    right: 70px;
    left: 70px;
    z-index: 25;
    text-align: right;
    color: #fff;
}

.login-wrapper .login-wrap .login-right .content-bottom > a {
    display: inline-block;
    font-size: 13px;
    margin-right: 10px;
    color: rgba(50, 50, 50, 0.5);
    transition: 0.3s;
}

.login-wrapper .login-wrap .login-right .content-bottom > a:hover {
    color: rgba(50, 50, 50, 1);
}

.login-wrapper .login-wrap .login-right .login-description {
    display: block;
    width: 300px;
    max-width: 100%;
    font-size: 18px;
    margin-bottom: 40px;
    color: #cccecf;
}

.login-wrapper .login-wrap .login-right .ui.message {
    margin-bottom: 40px;
    font-size: 16px;
}

.login-wrapper .login-wrap .login-right .ui.form {
    color: #9c9d9e;
    margin-bottom: 35px;
}

.login-wrapper .login-wrap .login-right .ui.form .field {
    margin-bottom: 30px;
}

.login-wrapper .login-wrap .login-right .ui.form .field .ui[class*="left icon"].input > i.icon {
    left: 10px !important;
    font-size: 15px;
}

.login-wrapper .login-wrap .login-right .ui.form .field .ui.toggle.checkbox label {
    color: #9c9d9e !important;
    padding-left: 77px !important;
    padding-right: 15px !important;
    height: 28px;
    padding-top: 3px;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
}

.login-wrapper .login-wrap .login-right .ui.form .field .ui.toggle.checkbox label:before {
    width: 60px;
    height: 28px;
    background: #e4e5e5;
}

.login-wrapper .login-wrap .login-right .ui.form .field .ui.toggle.checkbox:hover label:before {
    background: #d3d6d7;
}

.login-wrapper .login-wrap .login-right .ui.form .field .ui.toggle.checkbox label:after {
    height: 28px;
    width: 28px;
    top: 0px;
    left: 0px;
}

.login-wrapper .login-wrap .login-right .ui.form .field .ui.toggle.checkbox input:checked ~ label:after {
    left: 33px;
}

.login-wrapper .login-wrap .login-right .ui.form .field .input > input {
    padding-top: 14px;
    padding-bottom: 16px;
    padding-left: 54px !important;
    font-size: 15px;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
}

.login-wrapper .login-wrap .login-right .ui.form .field .input > input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px ivory inset !important;
    box-shadow: 0 0 0 100px ivory inset !important;
    border-color: #e5dfa1 !important;
}

.login-wrapper .login-wrap .login-right .ui.form .actions-wrap {
    display: block;
    position: relative;
    margin-top: 35px;
}

.login-wrapper .login-wrap .login-right .ui.form .actions-wrap .ui.primary.button {
    display: inline-block;
    width: 138px;
    font-size: 16px !important;
    font-weight: 600;
    letter-spacing: 0.055rem;
    text-transform: uppercase;
    padding: 16px 6px 16px;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
}

.login-wrapper .login-wrap .login-right .ui.form .actions-wrap .radio-checkbox {
    position: absolute;
    top: 8px;
    left: 200px;
}

/* Profile picture */
.profile-picture-wrap {
    text-align: center;
    margin: 20px 0 15px;
}

.profile-picture-wrap .profile-picture {
    display: inline-block;
    width: 186px;
    height: 186px;
    border-radius: 999px;
    -moz-border-radius: 999px;
    -webkit-border-radius: 999px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    background: #f4f4f4;
}

/*body.left-profile header.panel-header .header-profile {*/
/*    right: auto !important;*/
/*    left: 24px !important;*/
/*}*/
/*body.right-profile header.panel-header .header-profile {*/
/*    left: auto !important;*/
/*    right: 24px !important;*/
/*}*/

header.panel-header .header-filters {
    display: inline-block;
    position: absolute;
    left: 104px;
    top: 50%;
    right: auto;
    z-index: 15;
    transform: translateY(-50%);
}

header.panel-header .header-menu .profile {
    display: block;
    white-space: nowrap;
    /*min-width: 210px;*/
}

header.panel-header .header-menu .profile .image {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 55px;
    height: 55px;
    overflow: hidden;
    background: #f4f4f4;
    border-radius: 999px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
    margin-right: 15px;
}

header.panel-header .header-menu .profile .image.right {
    margin: 0 0 0 5px;
}

header.panel-header .header-menu .profile .name {
    vertical-align: middle;
    font-size: 15px;
    margin-right: 5px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    letter-spacing: 0.025rem;
}

header.panel-header .header-menu .profile .caret {
    display: inline-block;
    vertical-align: -2px;
}

header.panel-header .header-menu .menu {
    min-width: 210px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-top: 7px;
}

header.panel-header .header-menu .menu.right {
    left: auto;
    right: 0px;
}

header.panel-header .header-menu .menu .item {
    font-size: 1.025rem;
    font-weight: 600;
    letter-spacing: 0.025rem;
}

header.panel-header .header-menu .menu .item i.icon {
    font-size: 1.375rem;
    line-height: 1rem;
    vertical-align: -2px;
    margin-bottom: -10px;
}

body.theme-align header.panel-header .header-menu .menu .item > .left.menu {
    margin-top: -8px !important;
}

header.panel-header .header-profile .search-style,
header.panel-header .header-profile .remove-horizontal {
    margin: 0 0 !important;
}

header.panel-header .header-profile .search-style .form-wrap,
header.panel-header .header-profile .remove-vertical {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

header.panel-header .header-profile .search-style .ui.icon.input {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

header.panel-header .header-profile .search-style .ui.icon.input > input {
    width: 100%;
    box-shadow: none;
    border: none;
    padding: 14px 18px 12px;
    font-weight: 600;
    font-size: 1.025rem;
    letter-spacing: 0.025rem;
}

header.panel-header .header-profile .search-translations {
    margin-top: -8px !important;
    margin-bottom: -5px !important;
}

header.panel-header .header-profile .search-translations .ui.icon.input > input {
    padding-left: 54px;
    padding-right: 0 !important;
}

header.panel-header .header-profile .search-translations .ui.icon.input > i.icon {
    font-size: 1.375rem;
    line-height: 1rem;
    position: absolute;
    top: 50%;
    left: 13px;
    right: auto;
    min-height: 0;
    height: 28px;
    width: 28px;
    padding: 0;
    margin: 5px 0 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

header.panel-header .header-profile .form-wrap {
    width: 100%;
    margin: 0 !important;
}

header.panel-header .header-profile .form-wrap .form {
    margin: 0 !important;
}

.dashboard-wrap,
.dashboard-wrap * {
    font-family: 'Poppins', sans-serif !important;
}

/* Ensure semantic statistic values also use Poppins */
.ui.statistic > .value,
.ui.statistics .statistic > .value {
    font-family: 'Poppins', sans-serif !important;
}

header.panel-header .header-profile .form-wrap .field,
header.panel-header .header-profile .form-wrap .field:not(.zero) {
    margin-bottom: 0 !important;
    margin: 0 !important;
}

.form-search .form .results {
    vertical-align: middle;
    left: auto !important;
    right: 0 !important;
}

.form-search .form .results .result {
    padding: 10px 10px 8px !important;
    line-height: 1.1em;
}

.form-search .form .results .result .description {
    margin-top: 4px !important;
    font-size: 12px;
}

header.panel-header .header-profile .dropdown .ui.header {
    margin-bottom: 7px !important;
}

header.panel-header .header-hamburger {
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
    z-index: 20;
}

body.right-menu header.panel-header .header-hamburger {
    right: 40px !important;
    left: auto !important;
}

body.left-menu header.panel-header .header-hamburger {
    left: 40px !important;
    right: auto !important;
}

header.panel-header .header-hamburger .hamburger {
    cursor: pointer;
    display: block;
    width: 36px;
}

header.panel-header .header-hamburger .hamburger div {
    height: 3px;
    margin: 7px 0;
    background: #ffffff;
    transition: 0.35s;
}

header.panel-header .header-hamburger .hamburger.cross-pre div:nth-child(1) {
    transform: translateY(10px);
}

header.panel-header .header-hamburger .hamburger.cross-pre div:nth-child(2) {
    opacity: 0;
}

header.panel-header .header-hamburger .hamburger.cross-pre div:nth-child(3) {
    transform: translateY(-10px);
}

header.panel-header .header-hamburger .hamburger.cross div:nth-child(1) {
    transform: translateY(10px) rotate(-45deg);
}

header.panel-header .header-hamburger .hamburger.cross div:nth-child(2) {
    opacity: 0;
}

header.panel-header .header-hamburger .hamburger.cross div:nth-child(3) {
    transform: translateY(-10px) rotate(45deg);
}

/* Sidebar */
aside.panel-sidebar {
    color: rgba(249, 249, 249, 1);
    background: rgba(28, 28, 28, 1);
    width: 240px;
    min-height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    padding-top: 90px;
    z-index: 8888;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
}

aside.panel-sidebar.transition {
    transition: 0.3s;
}

body:not(.right-menu):not(.menu-open) aside.panel-sidebar {
    left: -240px;
}

body:not(.right-menu).menu-open aside.panel-sidebar {
    left: 0;
}

body.right-menu aside.panel-sidebar {
    left: auto;
}

body.right-menu:not(.menu-open) aside.panel-sidebar {
    right: -240px;
}

body.right-menu.menu-open aside.panel-sidebar {
    right: 0;
}

aside.panel-sidebar .sidebar-menu {
    height: 100%;
    overflow: auto;
    position: relative;
    box-sizing: content-box;
    padding-top: 12px;
}

aside.panel-sidebar .sidebar-menu ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

aside.panel-sidebar .sidebar-menu > ul:not(:first-child) {
    border-top: 1px solid var(--theme-intranet-dark-light);
    padding: 10px 0 0;
}

aside.panel-sidebar .sidebar-menu > ul:not(:last-child) {
    margin: 0 0 10px;
}

aside.panel-sidebar .sidebar-menu li.dropdown ul {
    box-shadow: 0px 8px 8px -8px rgba(0, 0, 0, 0.2);
    padding: 0 0 15px;
}

aside.panel-sidebar .sidebar-menu li.dropdown ul > li > a {
    padding-top: 0;
    padding-bottom: 0;
}

aside.panel-sidebar .sidebar-menu ul.disable,
aside.panel-sidebar .sidebar-menu ul.disabled {
    position: relative;
}

aside.panel-sidebar .sidebar-menu ul.disabled::after,
aside.panel-sidebar .sidebar-menu ul li.disabled::after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 75;
    cursor: not-allowed;
    background: rgba(249, 249, 249, 0.7);
    background: rgba(249, 249, 249, 0.78);
}

aside.panel-sidebar .sidebar-menu ul li.disabled {
    cursor: not-allowed !important;
}

aside.panel-sidebar .sidebar-menu ul.disabled li {
    z-index: 5;
}

aside.panel-sidebar .sidebar-menu ul li {
    position: relative;
    display: block;
    transition: 0.3s;
}

body.side-drop aside.panel-sidebar .sidebar-menu:hover > ul > li:not(:hover) > a {
    opacity: 0.5;
}

aside.panel-sidebar .sidebar-menu ul li .ui.label {
    position: absolute;
    top: 50%;
    right: 15px;
    font-weight: 700;
    font-size: 0.825rem;
    word-spacing: -0.135rem;
    line-height: 0.785rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    padding: 5px 6px 5px 7px !important;
    min-height: 0;
    white-space: nowrap;
    text-align: center;
    z-index: 40;
}

aside.panel-sidebar .sidebar-menu ul li .ui.label.inside-out {
    font-weight: 800;
    padding: 4px 5px 4px 6px !important;
}

aside.panel-sidebar .sidebar-menu ul li.active > span.ui.label,
aside.panel-sidebar .sidebar-menu ul li > span.ui.label.transparent {
    background-color: transparent !important;
    border-color: transparent;
}

aside.panel-sidebar .sidebar-menu ul li span.ui.label.is-left {
    right: auto;
    left: 12px;
}

aside.panel-sidebar .sidebar-menu ul li span.ui.label.circular.is-square {
    width: 23px;
    height: 23px;
}

aside.panel-sidebar .sidebar-menu ul li span.ui.label > i.icon {
    transition: 0.2s;
}

aside.panel-sidebar .sidebar-menu ul li.active:not(:hover) span.ui.label > i.icon {
    color: #fff !important;
}

aside.panel-sidebar .sidebar-menu ul li.active span.ui.label.basic {
    border-color: transparent;
}

aside.panel-sidebar .sidebar-menu ul li .dropdown-trigger {
    display: inline-block;
    width: 36px;
    height: 35px;
    padding: 2px 0;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 10px;
    z-index: 18;
}

aside.panel-sidebar .sidebar-menu ul li.active .dropdown-trigger {
    z-index: 35;
}

aside.panel-sidebar .sidebar-menu ul li .dropdown-trigger i.icon {
    margin: 5px 0;
}

aside.panel-sidebar .sidebar-menu ul li.active .dropdown-trigger i.icon {
    color: #fff !important;
}

aside.panel-sidebar .sidebar-menu ul li:first-child {
    margin-top: 0;
}

aside.panel-sidebar .sidebar-menu ul li:not(.disabled):hover,
aside.panel-sidebar .sidebar-menu ul li:not(.disabled):focus {
    background: rgba(28, 28, 28, 1);
}

aside.panel-sidebar .sidebar-menu ul li > a {
    display: block;
    position: relative;
    padding: 5px 20px;
    min-height: 40px;
    line-height: 40px;
    color: rgba(249, 249, 249, 1);
    text-decoration: none;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    transition: 0.3s, border 0s, background 0s, color 0.25s;
    /*transition: 0.3s, border 0s, background 0s;*/
    z-index: 30;
}

aside.panel-sidebar .sidebar-menu ul li > a span {
    /*transition: color 0.25s;*/
}

body.ready aside.panel-sidebar .sidebar-menu ul li.active > a {
    transition: 0.25s, border 0.2s, color 0.2s;
}

aside.panel-sidebar .sidebar-menu ul li:hover > a,
aside.panel-sidebar .sidebar-menu ul li:focus > a {
    border-top: 1px solid var(--theme-intranet-dark-light);
    border-bottom: 1px solid var(--theme-intranet-dark-light);
}

aside.panel-sidebar .sidebar-menu ul li:not(.disabled):hover > a,
aside.panel-sidebar .sidebar-menu ul li:not(.disabled):focus > a {
    padding-left: 35px;
    color: rgba(249, 249, 249, 1);
    border-bottom: 1px solid var(--theme-intranet-dark-light);
    border-top: 1px solid var(--theme-intranet-dark-light);
}

aside.panel-sidebar .sidebar-menu ul li.dropdown:hover > a,
aside.panel-sidebar .sidebar-menu ul li.dropdown:focus > a {
    border-bottom: 1px solid var(--theme-intranet-dark-light);
}

aside.panel-sidebar .sidebar-menu:not(:hover) ul li.active > a {
    color: rgba(249, 249, 249, 1);
    background: rgba(28, 28, 28, 1);
    border-top: 1px solid var(--theme-intranet-dark-light);
    border-bottom: 1px solid var(--theme-intranet-dark-light);
}

aside.panel-sidebar .sidebar-menu:not(:hover) ul li.active > a > .icon {
    color: rgba(249, 249, 249, 1);
}

aside.panel-sidebar .sidebar-menu:hover ul li.active > a {
    color: rgba(249, 249, 249, 1);
}

.notice-color,
i.icon.notice,
aside.panel-sidebar .sidebar-menu ul li:not(.active) > a.notice,
aside.panel-sidebar .sidebar-menu ul li.notice:not(.active) > a {
    color: #ad3939;
    border-bottom: 1px solid var(--theme-intranet-dark-light);

}

.notice-bg {
    background-color: #ad3939;
}

.ui.label.notice {
    color: #ffffff;
    background-color: #ad3939;
}

.ui.label.notice.inside-out {
    color: #ad3939 !important;
    border: 0.15rem solid #ad3939 !important;
    background: rgba(28, 28, 28, 1) !important;
    border-bottom: 1px solid var(--theme-intranet-dark-light);
}

aside.panel-sidebar .sidebar-menu ul li > a > .icon {
    display: inline-block;
    vertical-align: -1px;
    margin-right: 10px;
    font-size: 17px;
    line-height: 1em;
    transition: 0s !important;
}

aside.panel-sidebar .sidebar-menu ul li > a > .icon {
    font-size: 1.375rem;
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    margin-top: -1px !important;
}

aside.panel-sidebar .sidebar-menu ul li > a > span {
    display: inline-block;
    white-space: nowrap;
    font-size: 1.025rem;
    font-weight: 600;
    letter-spacing: 0.025rem;
    margin-left: 34px;
}

aside.panel-sidebar .sidebar-menu > ul > li > ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    border-top: 1px solid var(--theme-intranet-dark-light);
    border-bottom: 1px solid var(--theme-intranet-dark-light);
    min-width: 220px;
    background: rgba(28, 28, 28, 1);
    transition: 0.3s;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 80;
    transform: translateY(100%) translateX(-100%);
    opacity: 0;
}

aside.panel-sidebar .sidebar-menu > ul > li > ul::before {
    display: inline-block;
    content: ' ';
    width: 2px;
    height: 50px;
    background: rgba(28, 28, 28, 1);
    position: absolute;
    top: 0;
    left: -2px;
    z-index: 100;
}

aside.panel-sidebar .sidebar-menu > ul > li:not(.disabled):hover > ul,
aside.panel-sidebar .sidebar-menu > ul > li:not(.disabled):focus > ul {
    transform: translateY(100%) translateX(0);
    opacity: 1;
}

aside.panel-sidebar .sidebar-menu > ul > li > ul > li {
    display: block;
}

aside.panel-sidebar .sidebar-menu > ul > li > ul > li > a {
    display: block;
    background: rgba(28, 28, 28, 1);
    padding-left: 35px;
}

aside.panel-sidebar .sidebar-menu > ul > li > ul > li:first-child > a {
    border-top: 0;
}

aside.panel-sidebar .sidebar-menu > ul > li > ul > li:last-child > a {
    border-bottom: 0;
}

aside.panel-sidebar .sidebar-menu > ul > li > ul > li:hover > a,
aside.panel-sidebar .sidebar-menu > ul > li > ul > li:focus > a {
    border-color: rgba(249, 249, 249, 1);
}

aside.panel-sidebar .sidebar-menu > ul > li > ul > li:not(.disabled):hover > a,
aside.panel-sidebar .sidebar-menu > ul > li > ul > li:not(.disabled):focus > a {
    padding-left: 50px;
}

aside.panel-sidebar .sidebar-menu ul li {
}

/* Intranet navigation accordion */
aside.panel-sidebar .sidebar-menu.intranet-nav {
    padding-top: 8px;
    padding-bottom: 110px;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-title {
    display: block;
    margin: 0;
    padding: 18px 16px 14px 34px;
    color: #ffffff;
    font-size: 2.15rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -0.01em;
    text-decoration: none;
}

aside.panel-sidebar .sidebar-menu.intranet-nav a.nav-title:hover,
aside.panel-sidebar .sidebar-menu.intranet-nav a.nav-title:focus {
    color: #ffffff;
    text-decoration: none;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-root,
aside.panel-sidebar .sidebar-menu.intranet-nav .nav-submenu {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: transparent;
}

/* Override global sidebar section divider when a title block is placed before nav-root */
aside.panel-sidebar .sidebar-menu.intranet-nav > .nav-root {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item {
    position: relative;
    background: transparent;
    box-sizing: border-box;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item:hover,
aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item:focus {
    background: transparent;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item > .nav-link,
aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item:hover > .nav-link,
aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item:focus > .nav-link,
aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item:not(.disabled):hover > .nav-link,
aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item:not(.disabled):focus > .nav-link {
    display: block;
    min-height: 0;
    height: auto;
    line-height: 1.2;
    border: 0 !important;
    color: #ffffff;
    text-decoration: none;
    overflow: visible;
    white-space: normal;
    background: transparent;
    box-sizing: border-box;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.level-1 > .nav-link {
    padding: 7px 16px 7px 34px !important;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.level-2 > .nav-link {
    padding: 7px 16px 7px 34px !important;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.level-2.has-children > .nav-link {
    padding-left: 52px !important;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.level-3 > .nav-link {
    padding: 6px 16px 6px 70px !important;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item > .nav-link > span {
    display: block;
    color: #ffffff;
    font-weight: 400;
    margin-left: 0;
    white-space: normal;
    line-height: 1.25;
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.level-1 > .nav-link > span {
    font-size: 1.06rem;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.level-2 > .nav-link > span {
    font-size: 1rem;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.level-3 > .nav-link > span {
    font-size: 0.96rem;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.level-1.is-active > .nav-link > span,
aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.level-2.is-active > .nav-link > span,
aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.level-3.is-active > .nav-link > span {
    color: #ffffff;
    font-weight: 700;
}

/* Emphasize admin block as a separate section in the sidebar */
aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.is-admin-section {
    margin-top: 24px;
    padding-top: 0;
    margin-bottom: 24px;
    padding-bottom: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.28);
}


aside.panel-sidebar .sidebar-menu.intranet-nav .nav-toggle {
    position: absolute;
    top: 10px;
    left: 14px;
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(249, 249, 249, 0.92);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 60;
}

/* Keep arrows anchored to the link row when submenus open (prevent vertical drift). */
aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.level-1.has-children > .nav-toggle {
    top: 15px;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.level-2.has-children > .nav-toggle {
    top: 15px;
    left: 34px;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-toggle:focus,
aside.panel-sidebar .sidebar-menu.intranet-nav .nav-toggle:hover {
    background: transparent;
    outline: none;
}

/* Use CSS-only chevrons so global icon styles cannot break arrow display */
aside.panel-sidebar .sidebar-menu.intranet-nav .nav-toggle .icon {
    display: none !important;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-toggle::before {
    content: '';
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.has-children:not(.is-open) > .nav-toggle::before {
    transform: rotate(-45deg);
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.has-children > .nav-submenu {
    display: none;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.has-children.is-open > .nav-submenu {
    display: block;
}

aside.panel-sidebar .sidebar-menu.intranet-nav > .nav-root > .nav-item > .nav-submenu,
aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item.level-2 > .nav-submenu {
    position: static;
    left: auto;
    bottom: auto;
    width: auto;
    min-width: 0;
    border: 0;
    background: transparent;
    transform: none;
    opacity: 1;
    z-index: auto;
    box-shadow: none;
    padding: 2px 0 4px;
    width: 100%;
    max-width: 100%;
    background: transparent;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item > .nav-submenu::before {
    display: none;
}

aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item > .nav-submenu > .nav-item > .nav-link,
aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item > .nav-submenu > .nav-item:hover > .nav-link,
aside.panel-sidebar .sidebar-menu.intranet-nav .nav-item > .nav-submenu > .nav-item:focus > .nav-link {
    background: transparent;
}

body.side-drop aside.panel-sidebar .sidebar-menu.intranet-nav:hover > .nav-root > .nav-item > .nav-link {
    opacity: 1;
}

/* Main content */
.panel-wrap {
    position: relative;
    background: #ffffff;
    min-height: 100vh;
    height: 100vh;
    z-index: 180;
    /*overflow: auto; - may cause problems */
}

main.panel-content {
    padding-left: 0px;
    padding-top: 90px;
    padding-bottom: 190px;
}

main.panel-content.has-intranet-footer {
    min-height: 100vh;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
}

main.panel-content.has-intranet-footer > .content-wrap {
    flex: 1 0 auto;
}

main.panel-content.has-intranet-footer > .module-content {
    flex: 1 0 auto;
}

main.panel-content > .module-content {
    width: 100%;
}

main.panel-content.has-intranet-footer > .intranet-page-footer {
    margin-top: auto;
}

main.panel-content.transition {
    transition: 0.3s;
}

body.menu-open:not(.right-menu) main.panel-content {
    padding-left: 240px;
}

body.menu-open.right-menu main.panel-content {
    padding-right: 240px;
}

main.panel-content > .content-wrap {
    padding: 40px 25px;
}

main.panel-content .content-time {
    position: fixed;
    left: 14px;
    bottom: 20px;
    z-index: 8900;
}

body:not(.right-menu):not(.menu-open) main.panel-content .content-time {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
}

body.right-menu main.panel-content .content-time {
    left: auto !important;
    right: 14px;
}

body.right-menu:not(.menu-open) main.panel-content .content-time {
    -webkit-transform: translateX(200px);
    transform: translateX(200px);
}

body.ready main.panel-content .content-time {
    transition: 0.3s;
}

main.panel-content .content-time > .empty.label {
    vertical-align: sub;
    margin-left: 5px;
}

main.panel-content .breadcrumb-wrap {
    position: relative;
    min-height: 36px;
    z-index: 50;
}

main.panel-content .breadcrumb-wrap:not(:has(.ui.breadcrumb .section)):not(:has(.module-buttons a, .module-buttons button, .module-buttons .button, .module-buttons [role="button"])) {
    display: none;
    min-height: 0;
    margin: 0 !important;
    padding: 0 !important;
}

main.panel-content .breadcrumb-wrap .ui.breadcrumb {
    background: none;
    padding-left: 0;
}

main.panel-content .breadcrumb-wrap:not(.fixed) .ui.breadcrumb {
    float: right;
    margin: 10px 0 25px;
}

main.panel-content .breadcrumb-wrap .ui.breadcrumb .section {
    color: #a5a5a5;
}

main.panel-content .breadcrumb-wrap .ui.breadcrumb .section:last-child {
    color: #333;
    font-weight: 600;
}

/* Breadcrumb UI removed globally; module action buttons stay available. */
main.panel-content .breadcrumb-wrap .ui.breadcrumb {
    display: none !important;
}

main.panel-content .module-buttons {
    display: inline-block;
    position: relative;
    z-index: 115;
    margin: 0;
}

main.panel-content .module-action-bar {
    display: block;
    position: relative;
    padding: 0 0 8px;
    margin: 0 15px;
    z-index: 115;
}

main.panel-content .module-action-bar:not(.regular) {
    min-height: 55px;
}

main.panel-content .module-action-bar.left .module-buttons {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
}

main.panel-content .module-action-bar .module-buttons {
    position: absolute;
    top: -6px;
    right: 0;
    left: auto;
}

main.panel-content .module-action-bar.nowrap .module-buttons {
    white-space: nowrap;
}

main.panel-content .module-action-bar.left .module-buttons .button {
    margin: 0 4px 8px 0;
}

main.panel-content .module-action-bar.right .module-buttons .button {
    margin: 0 0 8px 4px;
}

main.panel-content .module-action-bar.right .module-buttons .create-new-item:first-child {
    float: right;
    margin: 0 0 8px 14px !important;
}

.row.minimal {
    margin: 0 -7px;
}

.row.minimal > div {
    padding: 0 7px;
}

.row.zero {
    margin: 0 -2px;
}

.row.zero > div {
    padding: 0 2px;
}

.row.minimal > div.col-plus-3 {
    max-width: 29.1667%;
    -ms-flex: 0 0 29.1667%;
    flex: 0 0 29.1667%;
}

/* Dashboard */
.dashboard-wrap .row {
    margin: 0 -10px;
}

.dashboard-wrap .row > div {
    padding: 0 10px;
}

.dashboard-statistic {
    display: block;
    margin-bottom: 20px;
}

.dashboard-statistic .ui.statistic {
    text-align: center;
    width: 100%;
}

.dashboard-statistic .ui.statistic .label {
    margin-top: 7px;
}

.dashboard-statistic .ui.statistic .value > small {
    color: #a2a2a2;
    font-size: 28px;
    line-height: 1em;
}

/* Reports: account card overview */
.reports-account-overview,
.reports-account-overview * {
    font-family: 'Poppins', sans-serif !important;
}

.reports-account-overview {
    margin-bottom: 6px;
}

.reports-account-intro {
    margin-bottom: 14px;
}

.reports-account-hero {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    padding: 24px 26px;
    margin-bottom: 16px;
    background: linear-gradient(130deg, #1e2a86 0%, #3651a4 50%, #8ab600 100%);
    color: #fff;
}

.reports-account-hero::before,
.reports-account-hero::after {
    content: '';
    position: absolute;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    pointer-events: none;
}

.reports-account-hero::before {
    width: 220px;
    height: 220px;
    top: -135px;
    right: -60px;
}

.reports-account-hero::after {
    width: 150px;
    height: 150px;
    bottom: -96px;
    left: -44px;
}

.reports-account-hero-content {
    position: relative;
    z-index: 1;
}

.reports-account-hero h2 {
    margin: 0 0 10px;
    font-size: 1.55rem;
    font-weight: 600;
    color: inherit;
}

.reports-account-hero-subtitle {
    margin: 0;
    font-size: 0.98rem;
    opacity: 0.95;
}

.reports-account-usage-note {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.98rem;
    line-height: 1.55;
    max-width: 760px;
}

.reports-account-usage-note strong,
.reports-account-usage-note em {
    color: inherit;
    font-style: normal;
    font-weight: inherit;
}

.reports-account-filters {
    margin: 0 0 16px;
    padding: 16px;
    border: 1px solid #e4e7ec;
    border-radius: 12px;
    background: #f8fafc;
}

.reports-account-filters-head {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dfe5ef;
}

.reports-account-filters-head h3 {
    margin: 0;
    font-size: 1rem;
    color: #1f2937;
    font-weight: 600;
}

.reports-account-filter-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 14px;
    align-items: end;
}

.reports-account-filters .field {
    margin: 0 !important;
    min-width: 0;
}

.reports-account-filters .field > label {
    font-size: 0.82rem;
    margin-bottom: 6px !important;
    color: #344054;
}

.reports-account-filters .field input,
.reports-account-filters .field select,
.reports-account-filters .field .ui.selection.dropdown {
    min-height: 42px;
    width: 100%;
}

.reports-account-filters .field .ui.selection.dropdown {
    min-width: 0 !important;
}

.reports-account-filter-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    grid-column: 1 / -1;
}

.reports-account-filter-actions .ui.button {
    margin: 0 !important;
    white-space: nowrap;
    min-height: 42px;
}

.reports-account-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 20px 0 16px;
}

.reports-account-toolbar-total {
    font-size: 0.86rem;
    color: #4b5565;
}

.reports-account-toolbar-total strong {
    color: #1f2937;
    font-weight: 700;
}

.reports-account-toolbar-amount {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.reports-account-toolbar-label {
    font-size: 0.86rem;
    color: #4b5565;
    margin-right: 2px;
}

.reports-account-toolbar-amount a {
    display: inline-block;
    min-width: 38px;
    text-align: center;
    text-decoration: none;
    padding: 6px 10px;
    border-radius: 10px;
    border: 1px solid #d9dee6;
    background: #fff;
    color: #344054;
    font-size: 0.85rem;
    font-weight: 500;
    transition: 0.18s ease;
}

.reports-account-toolbar-amount a:hover,
.reports-account-toolbar-amount a.active {
    border-color: #3651a4;
    background: #3651a4;
    color: #fff;
}

.reports-account-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 26px;
}

.reports-account-card {
    display: flex;
    flex-direction: column;
    min-height: 230px;
    border-radius: 14px;
    border: 1px solid #e4e7ec;
    background: #fff;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 10px 25px -20px rgba(15, 23, 42, 0.45);
    width: 100%;
}

.reports-account-card-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    flex: 1 1 auto;
}

.reports-account-card-header {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.reports-account-card:hover {
    border-color: #c8d2e5;
}

.reports-account-card.featured {
    border-color: #c8db8d;
}

.reports-account-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.reports-account-type {
    display: inline-block;
    padding: 5px 9px;
    border-radius: 999px;
    background: #edf1f8;
    color: #1e2a86;
    font-size: 0.78rem;
    font-weight: 600;
}

.reports-account-featured {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #9f6f00;
    font-size: 0.78rem;
    font-weight: 600;
}

.reports-account-featured i.icon {
    margin: 0;
}

.reports-account-card h3 {
    margin: 0;
    font-size: 1.1rem;
    line-height: 1.35;
    color: #111827;
}

.reports-account-subtitle {
    margin: -4px 0 0;
    color: #4a5565;
    font-size: 0.9rem;
    font-weight: 500;
}

.reports-account-description {
    margin: -2px 0 0;
    color: #606c7a;
    font-size: 0.88rem;
    line-height: 1.45;
}

.reports-account-meta {
    margin-top: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.reports-account-meta .ui.label {
    margin: 0;
}

.reports-account-card-footer {
    border-top: 1px solid #e4e7ec;
    background: #f8fafc;
    padding: 12px 16px;
}

.reports-account-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.reports-account-actions .ui.button {
    margin: 0 !important;
}

/* Reports overview segment: remove semantic outer border/shadow */
.ui.segment.reports-overview-segment {
    border: 0 !important;
    box-shadow: none !important;
}

/* Reports: results page */
.reports-results-page,
.reports-results-page *,
.reports-results-hero,
.reports-results-hero * {
    font-family: 'Poppins', sans-serif !important;
}

.reports-results-page {
    display: block;
    width: 100%;
    max-width: none;
    padding-bottom: 6px;
}

.reports-results-hero {
    display: block;
    width: 100%;
    max-width: none;
    align-self: stretch;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    overflow: hidden;
    border-radius: 0;
    margin-bottom: 0;
    min-height: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background:
        linear-gradient(rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.55)),
        url('/images/theme/image-04.jpg') center center / cover no-repeat;
}

.reports-results-hero-content {
    position: relative;
    z-index: 1;
    padding: 24px 18px;
}

.reports-results-hero h2 {
    margin: 0;
    color: #1e2a86;
    font-size: clamp(2.6rem, 4.8vw, 5.4rem);
    font-weight: 700;
    line-height: 1.08;
    text-transform: none;
}

.reports-results-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 34px 26px;
    align-items: stretch;
}

.reports-results-tile {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    height: 100%;
    gap: 14px;
    text-decoration: none !important;
}

.reports-results-tile h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 3.2em;
    margin: 0;
    text-align: center;
    font-size: 1.55rem;
    color: #202330;
    font-weight: 600;
    line-height: 1.25;
}

.reports-results-icon-wrap {
    border-radius: 4px;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: auto;
    padding: 24px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.reports-results-tile.tone-violet .reports-results-icon-wrap {
    background: #a6a7cf;
}

.reports-results-tile.tone-green .reports-results-icon-wrap {
    background: #c2d88b;
}

.reports-results-icon-wrap img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: auto;
    max-width: calc(100% - 24px);
    max-height: calc(100% - 24px);
    object-fit: contain;
    opacity: 0.96;
}

.reports-results-icon-wrap img.img-vertical,
.reports-results-icon-wrap img.child-vertical {
    width: auto;
    max-width: 52%;
    max-height: 76%;
}

.reports-results-icon-wrap img.img-horizontal,
.reports-results-icon-wrap img.child-horizontal {
    width: auto;
    max-width: calc(100% - 24px);
    max-height: calc(100% - 24px);
}

.reports-results-tile.tone-violet .reports-results-icon-wrap img {
    filter: brightness(0) saturate(100%) invert(20%) sepia(72%) saturate(1955%) hue-rotate(213deg) brightness(88%) contrast(96%);
}

.reports-results-tile.tone-green .reports-results-icon-wrap img {
    filter: brightness(0) saturate(100%) invert(59%) sepia(77%) saturate(643%) hue-rotate(40deg) brightness(93%) contrast(91%);
}

.reports-results-tile:hover .reports-results-icon-wrap {
    transform: none;
    box-shadow: 0 16px 28px -20px rgba(22, 29, 69, 0.75);
}

.reports-results-hero.is-results-route {
    min-height: 382px;
    background:
        linear-gradient(rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.62)),
        url('/portal/images/zorgheuvel/nurse-senior-old-woman.jpg') center 26% / cover no-repeat;
}

.reports-results-hero.is-results-route .reports-results-hero-content {
    width: 100%;
    max-width: 1240px;
    padding: 24px 28px;
}

.reports-results-hero.is-results-route h2 {
    font-size: clamp(3.1rem, 5.6vw, 5.7rem);
    letter-spacing: -0.045em;
}

.reports-results-page.is-results-overview {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 24px 26px 42px;
    box-sizing: border-box;
    background: #fff;
}

.reports-results-page.is-results-overview .reports-results-grid {
    gap: 34px 26px;
}

.reports-results-page.is-results-overview .reports-results-tile {
    gap: 14px;
}

.reports-results-page.is-results-overview .reports-results-tile h3 {
    min-height: 0;
    font-size: clamp(1.24rem, 1.6vw, 1.72rem);
    color: #202330;
    font-weight: 400;
    line-height: 1.18;
    padding-bottom: 10px;
}

.reports-results-page.is-results-overview .reports-results-tile.is-accent-title h3 {
    color: #202330;
}

.reports-results-page.is-results-overview .reports-results-icon-wrap {
    border-radius: 2px;
    padding: 22px;
}

.reports-results-page.is-results-overview .reports-results-icon-wrap img {
    width: auto;
    height: auto;
    max-width: 58%;
    max-height: 58%;
    margin: 0 auto;
    object-fit: contain;
}

.reports-results-page.is-results-overview .reports-results-icon-wrap img.img-horizontal,
.reports-results-page.is-results-overview .reports-results-icon-wrap img.child-horizontal {
    max-width: 56%;
    max-height: 56%;
}

.reports-results-page.is-results-overview .reports-results-icon-wrap img.img-vertical,
.reports-results-page.is-results-overview .reports-results-icon-wrap img.child-vertical {
    max-width: 48%;
    max-height: 60%;
}

.reports-results-page.is-results-overview .reports-results-icon-wrap svg {
    display: block;
    width: 72%;
    max-width: 178px;
    max-height: 72%;
    margin: 0 auto;
    overflow: visible;
}

.reports-results-page.is-results-overview .reports-results-icon-wrap svg circle,
.reports-results-page.is-results-overview .reports-results-icon-wrap svg path,
.reports-results-page.is-results-overview .reports-results-icon-wrap svg line,
.reports-results-page.is-results-overview .reports-results-icon-wrap svg rect {
    fill: none;
    stroke: currentColor;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.reports-results-page.is-results-overview .reports-results-icon-wrap svg text {
    fill: currentColor;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.08em;
}

.reports-results-page.is-results-overview .reports-results-tile.tone-violet .reports-results-icon-wrap {
    color: #293ea9;
}

.reports-results-page.is-results-overview .reports-results-tile.tone-green .reports-results-icon-wrap {
    color: #89c400;
}

/* Reports: methods page */
.reports-methods-page,
.reports-methods-page * {
    font-family: 'Poppins', sans-serif !important;
}

.reports-methods-page {
    width: 100%;
    display: block;
    padding: 24px 0 44px;
    background: #fff;
}

.reports-methods-inner {
    width: min(100%, 1280px);
    margin: 0 auto;
    padding: 0 34px;
    box-sizing: border-box;
}

.reports-methods-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px 26px;
    width: min(100%, 1280px);
    padding: 0 50px;
    box-sizing: border-box;
    margin-bottom: 42px;
    justify-items: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

.reports-methods-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 44px;
    min-width: 140px;
    padding: 8px 14px;
    border-radius: 5px;
    background: #e7a30a;
    color: #111;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none !important;
    box-shadow: 0 8px 16px -14px rgba(17, 17, 17, 0.6);
    transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}

.reports-methods-action-btn:visited,
.reports-methods-action-btn:hover,
.reports-methods-action-btn:focus {
    color: #111 !important;
    transform: translateY(-1px);
    box-shadow: 0 14px 22px -16px rgba(17, 17, 17, 0.65);
    filter: brightness(1.03);
}

.reports-methods-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 48px;
}

.reports-methods-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none !important;
}

.reports-methods-card.tone-violet {
    --methods-bg: #a6a7cf;
    --methods-icon: #28319d;
}

.reports-methods-card.tone-green {
    --methods-bg: #c2d88b;
    --methods-icon: #8fba00;
}

.reports-methods-card-visual {
    width: 100%;
    height: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--methods-bg);
    border-radius: 4px;
    color: var(--methods-icon);
    padding: 20px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.reports-methods-card-visual svg {
    width: 110px;
    max-width: 62%;
    max-height: 72%;
    display: block;
}

.reports-methods-card-visual img {
    display: block;
    width: auto;
    height: auto;
    max-width: calc(100% - 24px);
    max-height: calc(100% - 24px);
    object-fit: contain;
    margin: 0 auto;
    flex: 0 1 auto;
}

.reports-methods-card-visual svg path,
.reports-methods-card-visual svg circle,
.reports-methods-card-visual svg line,
.reports-methods-card-visual svg polyline,
.reports-methods-card-visual svg rect {
    stroke: currentColor;
    fill: none;
}

.reports-methods-card h3 {
    margin: 18px 0 0;
    color: #1c1f27;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 700;
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}

.reports-methods-grid .reports-methods-card:nth-child(2) h3,
.reports-methods-grid .reports-methods-card:nth-child(5) h3 {
    color: #1c1f27;
}

.reports-methods-card:hover .reports-methods-card-visual {
    transform: none;
    box-shadow: 0 16px 24px -18px rgba(18, 30, 88, 0.7);
}

.reports-methods-divider {
    margin: 42px 0 32px;
    border-top: 1px solid #cfd2d9;
}

.reports-methods-results {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.95fr);
    gap: 34px;
    align-items: start;
}

.reports-methods-results-visual {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    text-decoration: none !important;
    background: #d8dde6;
}

.reports-methods-results-visual img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    filter: saturate(0.8) brightness(0.82);
}

.reports-methods-results-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.reports-methods-results-overlay svg {
    width: min(62%, 360px);
    max-height: 80%;
    display: block;
}

.reports-methods-results-overlay svg rect,
.reports-methods-results-overlay svg circle,
.reports-methods-results-overlay svg line,
.reports-methods-results-overlay svg path {
    fill: none;
    stroke: #fff;
    stroke-width: 8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.reports-methods-results-copy {
    padding-top: 18px;
}

.reports-methods-results-title {
    display: inline-block;
    color: #1d1d1d;
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
    font-size: clamp(2.2rem, 3.9vw, 4rem);
    font-weight: 700;
    line-height: 1.08;
}

.reports-methods-results-title:visited,
.reports-methods-results-title:hover,
.reports-methods-results-title:focus {
    color: #1d1d1d !important;
    text-decoration: underline;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
}

/* Reports: team page */
.reports-team-page,
.reports-team-page * {
    font-family: 'Poppins', sans-serif !important;
}

.reports-team-page {
    display: block;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 28px 32px 48px;
    box-sizing: border-box;
    background: #ffffff;
}

.reports-team-overview-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px 18px;
    margin: 0 0 34px;
}

.reports-team-overview-head h2 {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.2;
    color: #15243c;
}

.reports-team-overview-head p {
    margin: 0;
    max-width: 620px;
    color: #3d4653;
    font-size: 1.02rem;
    line-height: 1.6;
}

.reports-team-overview-head .ui.button {
    margin-left: auto !important;
    white-space: nowrap;
}

.reports-team-admin-panel {
    margin: 0 0 28px;
    padding: 18px;
    border: 1px solid #d8e0ec;
    border-radius: 14px;
    background: #f7fafc;
}

.reports-team-admin-panel h3 {
    margin: 0 0 12px;
    font-size: 1.25rem;
    color: #15243c;
}

.reports-team-admin-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px 12px;
    flex-wrap: wrap;
    margin: 0 0 12px;
}

.reports-team-admin-top h3 {
    margin: 0;
}

.reports-team-admin-form {
    margin: 0 !important;
}

.reports-team-admin-form-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 10px 12px;
    align-items: end;
}

.reports-team-admin-form-grid .field {
    margin: 0 !important;
}

.reports-team-admin-form-grid .field:nth-child(1) {
    grid-column: span 4;
}

.reports-team-admin-form-grid .field:nth-child(2),
.reports-team-admin-form-grid .field:nth-child(3) {
    grid-column: span 4;
}

.reports-team-admin-form-grid .news-image-field,
.reports-team-admin-form-grid .news-category-field {
    grid-column: span 4;
}

.reports-team-admin-form-grid .field.small {
    grid-column: span 2;
}

.reports-team-admin-checkbox {
    grid-column: span 2;
    min-width: 120px;
}

.reports-team-admin-submit {
    grid-column: span 12;
}

.reports-team-admin-submit .ui.button {
    margin: 0 !important;
}

.reports-team-admin-list {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.reports-team-admin-item {
    border: 1px solid #dce3ec;
    border-radius: 12px;
    background: #ffffff;
    padding: 12px;
}

.reports-team-admin-item-title {
    margin: 0 0 8px;
    font-size: 1rem;
    font-weight: 600;
    color: #1a2233;
}

.reports-team-admin-item-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 10px 12px;
    align-items: end;
}

.reports-team-admin-item-grid .field {
    margin: 0 !important;
}

.reports-team-admin-item-grid .field:nth-child(1),
.reports-team-admin-item-grid .field:nth-child(2) {
    grid-column: span 4;
}

.reports-team-admin-item-grid .field.small {
    grid-column: span 2;
}

.reports-team-admin-item-grid .reports-team-admin-checkbox {
    grid-column: span 2;
    min-width: 120px;
}

.reports-team-admin-item-grid .reports-team-admin-actions {
    grid-column: span 12;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    align-items: center;
    margin: 0 !important;
}

.reports-team-admin-item-grid .reports-team-admin-actions .ui.button {
    margin: 0 !important;
}

.reports-team-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 52px 28px;
    margin-bottom: 50px;
}

.reports-team-grid > .ui.message {
    grid-column: 1 / -1;
}

.reports-team-card {
    text-align: center;
    color: #1f2430;
}

.reports-team-photo {
    width: 100%;
    aspect-ratio: 1 / 1;
    border: 2px dashed #d5d9de;
    border-radius: 2px;
    background: #efeff1;
    margin-bottom: 18px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reports-team-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.reports-team-card h3 {
    margin: 0;
    font-size: clamp(1.35rem, 1.8vw, 1.8rem);
    line-height: 1.2;
    font-weight: 700;
    color: #23262f;
}

.reports-team-role {
    margin: 10px 0 18px;
    color: #12388f;
    font-size: clamp(1rem, 1.2vw, 1.15rem);
    line-height: 1.25;
    font-weight: 500;
}

.reports-team-line {
    margin: 0 0 10px;
    font-size: clamp(1rem, 1.1vw, 1.08rem);
    line-height: 1.45;
    color: #20242b;
    word-break: break-word;
}

.reports-team-line.is-empty {
    color: #788190;
}

.reports-team-line:last-child {
    margin-bottom: 0;
}

.reports-team-line a {
    color: inherit;
    text-decoration: none;
}

.reports-team-line a:hover,
.reports-team-line a:focus {
    text-decoration: underline;
}

.reports-news-line {
    margin: 0 0 8px;
    font-size: 1rem;
    line-height: 1.45;
    color: #20242b;
    word-break: break-word;
}

.reports-news-line:last-child {
    margin-bottom: 0;
}

.reports-news-overview,
.reports-news-article,
.reports-news-overview *,
.reports-news-article * {
    font-family: 'Poppins', sans-serif !important;
}

.reports-news-overview {
    max-width: 1240px;
    margin: 0 auto;
    padding: 8px 28px 20px;
}

.reports-news-overview-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-top: 50px;
    margin-bottom: 22px;
}

.reports-news-kicker {
    margin: 0 0 8px;
    font-size: .9rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #4a6398;
    font-weight: 600;
}

.reports-news-overview-head h1 {
    margin: 0;
    font-size: clamp(2rem, 3.8vw, 3rem);
    line-height: 1.08;
    color: #162035;
}

.reports-news-intro {
    margin: 10px 0 0;
    max-width: 780px;
    font-size: 1.04rem;
    color: #394252;
}

.reports-news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-bottom: 50px;
}

.reports-news-grid > .ui.message {
    grid-column: 1 / -1;
}

.reports-news-card {
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
    color: inherit;
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(25, 39, 70, 0.12);
    transition: transform .2s ease, box-shadow .2s ease;
}

.reports-news-card:hover {
    transform: none;
    box-shadow: 0 20px 38px rgba(25, 39, 70, 0.18);
}

.reports-news-card-image {
    width: 100%;
    aspect-ratio: 16 / 10;
    background: #dbe2ef;
}

.reports-news-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.reports-news-card-body {
    padding: 18px 18px 20px;
}

.reports-news-card-date {
    margin: 0 0 10px;
    font-size: .88rem;
    color: #4a5874;
    font-weight: 500;
}

.reports-news-card h2 {
    margin: 0;
    font-size: 1.55rem;
    line-height: 1.18;
    color: #1a2238;
}

.reports-news-card h3 {
    margin: 8px 0 0;
    font-size: 1.02rem;
    line-height: 1.35;
    color: #304261;
    font-weight: 500;
}

.reports-news-card-excerpt {
    margin: 12px 0 0;
    color: #3d4656;
    font-size: .97rem;
    line-height: 1.55;
}

.reports-news-card-link {
    display: inline-block;
    margin-top: 14px;
    color: #1f4aa8;
    font-size: .92rem;
    font-weight: 600;
}

.reports-news-article {
    max-width: 1080px;
    margin: 0 auto;
    padding: 4px 8px 24px;
}

.reports-news-back {
    display: inline-block;
    margin-bottom: 14px;
    color: #1f4aa8;
    text-decoration: none;
    font-size: .95rem;
    font-weight: 600;
}

.reports-news-back:hover,
.reports-news-back:focus {
    text-decoration: underline;
}

.reports-news-hero {
    margin: 0;
    border-radius: 18px;
    overflow: hidden;
    background: #0f1f3b;
    box-shadow: 0 18px 34px rgba(16, 28, 54, 0.24);
}

.reports-news-hero-image {
    width: 100%;
    max-height: 460px;
}

.reports-news-hero-image img {
    width: 100%;
    max-height: 460px;
    display: block;
    object-fit: cover;
}

.reports-news-hero-content {
    padding: 20px 24px 24px;
    background: linear-gradient(180deg, rgba(16, 33, 62, 0.92), rgba(9, 19, 40, 0.98));
}

.reports-news-hero-content .reports-news-card-date {
    color: #b7c6e5;
}

.reports-news-hero-content h1 {
    margin: 0;
    color: #ffffff;
    line-height: 1.06;
    font-size: clamp(2.1rem, 4.3vw, 3.7rem);
}

.reports-news-hero-content h2 {
    margin: 10px 0 0;
    color: #d0dbef;
    line-height: 1.32;
    font-size: 1.18rem;
    font-weight: 500;
}

.reports-news-reading {
    margin-top: 18px;
    border-radius: 14px;
    background: #ffffff;
    padding: 22px 22px 24px;
    box-shadow: 0 10px 24px rgba(21, 37, 67, 0.08);
    color: #1d2430;
    line-height: 1.68;
    font-size: 1.02rem;
}

.reports-news-reading h2,
.reports-news-reading h3,
.reports-news-reading h4 {
    color: #1f2b45;
}

.reports-news-admin-thumb {
    width: 100%;
    aspect-ratio: 16 / 8;
    border-radius: 10px;
    overflow: hidden;
    background: #dbe2ef;
    margin-bottom: 10px;
}

.reports-news-admin-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Reports: module homepage */
.reports-home-page,
.reports-home-page * {
    font-family: 'Poppins', sans-serif !important;
}

.reports-home-page {
    display: block;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 26px 24px 34px;
}

.reports-home-hero {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    color: #ffffff;
    margin-bottom: 24px;
    /*background:*/
    /*    linear-gradient(120deg, rgba(16, 38, 73, 0.93) 0%, rgba(36, 78, 141, 0.85) 60%, rgba(141, 184, 0, 0.72) 100%),*/
    /*    url('/images/theme/image-04.jpg') center center / cover no-repeat;*/
}

.reports-home-hero-inner {
    position: relative;
    z-index: 1;
    max-width: 710px;
    padding: 34px 34px 36px;
}

.reports-home-kicker {
    margin: 0 0 10px;
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 600;
    opacity: 0.85;
}

.reports-home-hero h1 {
    margin: 0 0 10px;
    font-size: clamp(2rem, 3.3vw, 3.2rem);
    line-height: 1.08;
    color: inherit;
}

.reports-home-hero p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.95);
}

.reports-home-actions {
    margin-top: 18px;
}

.reports-home-actions .ui.button {
    margin: 0 !important;
}

.reports-home-search-shell {
    min-height: 152px;
    margin: 0 0 24px;
    padding: 26px 20px;
    background: #97c000;
}

.reports-home-search {
    width: min(100%, 480px);
    min-height: 48px;
    margin: 0 auto;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    background: #f6f6f6;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
    transition: box-shadow 0.16s ease, border-color 0.16s ease;
}

.reports-home-search:focus-within {
    border-color: #b8b8b8;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.18);
}

.reports-home-search > i.icon.search {
    left: 14px;
    color: #111111;
    font-size: 1rem;
}

.reports-home-search .admin-photo-accent-search-input {
    width: 100%;
    height: 48px;
    padding: 0 18px 0 56px;
    text-align: left;
    color: #2d2d2d;
    font-size: 0.95rem;
    font-weight: 400;
}

.reports-home-search .admin-photo-accent-search-input::placeholder {
    color: #757575;
}

.reports-home-search .admin-photo-accent-search-input:focus {
    outline: none;
}

.reports-home-search-results {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 12px);
    z-index: 20;
    display: grid;
    gap: 10px;
    padding: 12px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid rgba(33, 58, 18, 0.14);
    box-shadow: 0 24px 40px -28px rgba(21, 33, 18, 0.65);
}

.reports-home-search-results[hidden] {
    display: none;
}

.reports-home-search-result {
    display: block;
    text-decoration: none !important;
    color: #1f2937;
    border-radius: 14px;
    border: 1px solid #e0e7d6;
    background: #f9fcf3;
    padding: 15px 16px;
    transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease, box-shadow 0.16s ease;
}

.reports-home-search-result:hover,
.reports-home-search-result:focus {
    border-color: #9ebd47;
    background: #f2f8e5;
    transform: translateY(-1px);
    box-shadow: 0 14px 24px -22px rgba(33, 49, 20, 0.7);
}

.reports-home-search-result-main {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.reports-home-search-kind {
    display: inline-flex;
    align-self: flex-start;
    padding: 4px 8px;
    border-radius: 999px;
    background: #dbe7b8;
    color: #3c5112;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.reports-home-search-result strong {
    font-size: 1rem;
    line-height: 1.3;
}

.reports-home-search-result p,
.reports-home-search-empty {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #4b5563;
}

.reports-home-search-empty {
    padding: 14px 16px;
    border-radius: 12px;
    background: #f9fcf3;
    border: 1px dashed #c8d7a1;
    text-align: center;
}

@media all and (max-width: 767px) {
    .reports-home-search-shell {
        min-height: 124px;
        padding: 20px 16px;
    }

    .reports-home-search {
        width: min(100%, 420px);
        min-height: 46px;
    }

    .reports-home-search > i.icon.search {
        left: 13px;
        font-size: 0.95rem;
    }

    .reports-home-search .admin-photo-accent-search-input {
        height: 46px;
        padding: 0 14px 0 46px;
        font-size: 0.9rem;
    }

    .reports-home-search-results {
        top: calc(100% + 10px);
        padding: 10px;
    }
}

.reports-home-sections,
.reports-home-categories,
.reports-home-featured {
    margin-bottom: 24px;
}

.reports-home-section-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.reports-home-section-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-decoration: none !important;
    border-radius: 14px;
    min-height: 165px;
    padding: 18px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.reports-home-section-card h3 {
    margin: 0;
    font-size: 1.12rem;
    line-height: 1.25;
}

.reports-home-section-card p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
}

.reports-home-section-card.tone-violet {
    background: #eef0ff;
    color: #2c357f;
}

.reports-home-section-card.tone-green {
    background: #eff7df;
    color: #32520f;
}

.reports-home-section-card.tone-blue {
    background: #e7f1ff;
    color: #153d76;
}

.reports-home-section-card.tone-slate {
    background: #ecf0f6;
    color: #2e3a4f;
}

.reports-home-section-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 30px -25px rgba(23, 34, 69, 0.8);
}

.reports-home-heading {
    margin-bottom: 10px;
}

.reports-home-heading h2 {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.2;
    color: #1f2937;
}

.reports-home-category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
}

.reports-home-category-chip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 50px;
    border-radius: 12px;
    border: 1px solid #d8e0ec;
    background: #f8fbff;
    color: #2f3a4f;
    text-decoration: none !important;
    padding: 10px 12px;
    transition: background-color 0.18s ease, border-color 0.18s ease;
}

.reports-home-category-chip:hover {
    border-color: #9db2d6;
    background: #eff4fd;
}

.reports-home-category-name {
    font-size: 0.92rem;
    font-weight: 500;
}

.reports-home-category-count {
    display: inline-flex;
    min-width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #dce8fa;
    color: #1b3f79;
    font-size: 0.8rem;
    font-weight: 600;
}

.reports-home-featured-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.reports-home-featured-card {
    display: flex;
    flex-direction: column;
    gap: 9px;
    min-height: 170px;
    border-radius: 14px;
    border: 1px solid #dfe6f0;
    background: #ffffff;
    padding: 17px;
    text-decoration: none !important;
    color: #1f2937;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.reports-home-featured-card:hover {
    transform: translateY(-2px);
    border-color: #bfcde2;
    box-shadow: 0 18px 28px -24px rgba(20, 36, 68, 0.85);
}

.reports-home-featured-type {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border-radius: 999px;
    background: #eef3ff;
    color: #2a4388;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 4px 9px;
}

.reports-home-featured-card h3 {
    margin: 0;
    font-size: 1.03rem;
    line-height: 1.35;
    color: inherit;
}

.reports-home-featured-card p {
    margin: 0;
    font-size: 0.86rem;
    line-height: 1.5;
    color: #536178;
}

/* Reports: topic policy pages (green goal intro + white body text) */
.reports-topic-page,
.reports-topic-page * {
    font-family: 'Poppins', sans-serif !important;
}

.reports-topic-page {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    background: #ececec;
}

.reports-topic-goal,
.reports-topic-content {
    margin-left: 0;
    margin-right: 0;
}

.reports-topic-goal {
    background: #8db800;
    color: #ffffff;
    padding: 24px 0 26px;
}

.reports-topic-content {
    background: #ffffff;
    color: #1f2430;
    padding: 30px 0 24px;
}

.reports-topic-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 28px;
}

.reports-topic-goal h3,
.reports-topic-content h3 {
    margin: 0 0 10px;
    font-size: 2.05rem;
    font-weight: 700;
}

.reports-topic-goal > .reports-topic-inner > div {
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.45;
    font-weight: 500;
    max-width: 1160px;
}

.reports-topic-content .reports-topic-richtext,
.reports-topic-content .reports-topic-richtext p,
.reports-topic-content .reports-topic-richtext li {
    font-size: 1.06rem;
    line-height: 1.5;
    font-weight: 500;
}

.reports-topic-content .reports-topic-richtext p {
    margin: 0 0 14px;
}

.reports-topic-content .reports-topic-richtext p:last-child {
    margin-bottom: 0;
}

.reports-topic-content .reports-topic-richtext h1,
.reports-topic-content .reports-topic-richtext h2,
.reports-topic-content .reports-topic-richtext h3,
.reports-topic-content .reports-topic-richtext h4 {
    margin: 0 0 12px;
    font-size: 1.95rem;
    line-height: 1.28;
}

.reports-topic-content .reports-topic-richtext a {
    color: #1f2430;
    text-decoration: underline;
    font-weight: 600;
}

.reports-topic-page-name {
    margin: 0 0 8px;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #4b5c82;
}

/* Reports: zorg landing page */
.reports-zorg-page,
.reports-zorg-page * {
    font-family: 'Poppins', sans-serif !important;
    box-sizing: border-box;
}

.reports-zorg-page {
    width: 100%;
    background: #ffffff;
    color: #1c1c1c;
}

.reports-zorg-inner {
    width: min(100%, 1280px);
    margin: 0 auto;
    padding: 0 32px;
}

.reports-zorg-hero {
    position: relative;
    min-height: 340px;
    overflow: hidden;
    background: linear-gradient(rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.28)), url('/images/zorgheuvel/nurse-senior-old-woman.jpg');
    background-size: cover;
    background-position: center center;
}

.reports-medewerkers-hero {
    background: linear-gradient(rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.28)), url('/images/zorgheuvel/portrait-romantic-elderly-lesbian-couple.jpg');
    background-size: cover;
    background-position: center center;
}

.reports-zorg-hero-inner {
    position: relative;
    z-index: 1;
    min-height: 340px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 48px 32px;
}

.reports-zorg-hero h1 {
    margin: 0;
    color: #01247a;
    font-size: clamp(2.2rem, 4vw, 3.5rem);
    line-height: 1.1;
    font-weight: 700;
}

.reports-zorg-actions {
    background: #ffffff;
    padding: 30px 0 4px;
}

.reports-zorg-action-list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.reports-zorg-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 10px 16px;
    border-radius: 4px;
    background: #f49b00;
    color: #1c1c1c !important;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 600;
    text-decoration: none !important;
    transition: filter 0.18s ease, transform 0.18s ease;
}

.reports-zorg-action-btn:hover,
.reports-zorg-action-btn:focus,
.reports-zorg-action-btn:visited {
    color: #1c1c1c !important;
    filter: brightness(0.98);
    transform: translateY(-1px);
}

.reports-zorg-content {
    padding: 38px 0 54px;
    background: #ffffff;
}

.reports-zorg-copy {
    max-width: 860px;
    margin: 0 auto 34px;
    text-align: center;
}

.reports-zorg-copy,
.reports-zorg-copy p,
.reports-zorg-copy li {
    font-size: 1rem;
    line-height: 1.6;
    color: #2a2a2a;
}

.reports-zorg-copy a {
    color: #01247a;
    text-decoration: underline;
}

.reports-zorg-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 40px 36px;
}

.reports-zorg-card {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.reports-zorg-card-image-link {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1.9 / 1;
    overflow: hidden;
    padding: 20px;
    border-radius: 4px;
    background: #a6a7cf;
}

.reports-zorg-card:nth-child(odd) .reports-zorg-card-image-link {
    background: #a6a7cf;
}

.reports-zorg-card:nth-child(even) .reports-zorg-card-image-link {
    background: #c2d88b;
}

.reports-zorg-card-image {
    display: block;
    width: auto;
    height: auto;
    max-width: 62%;
    max-height: 72%;
    margin: 0 auto;
    object-fit: contain;
}

.reports-zorg-card-image.img-horizontal,
.reports-zorg-card-image.child-horizontal,
.reports-zorg-card-image.img-vertical,
.reports-zorg-card-image.child-vertical,
.reports-zorg-card-image[src$=".svg"],
.reports-zorg-card-image[src*=".svg?"] {
    width: auto !important;
    height: auto !important;
    max-width: 62% !important;
    max-height: 72% !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

.reports-zorg-card-image-placeholder {
    width: 62%;
    max-width: 180px;
    height: 72%;
    max-height: 180px;
    margin: 0 auto;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.42);
}

.reports-zorg-card h2 {
    margin: 18px 0 0;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 700;
}

.reports-zorg-card-title,
.reports-zorg-card-title:hover,
.reports-zorg-card-title:focus,
.reports-zorg-card-title:visited {
    color: #1c1f27 !important;
    text-decoration: underline !important;
    text-underline-offset: 4px;
    text-decoration-thickness: 2px;
}

@media screen and (max-width: 991px) {
    .reports-zorg-action-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .reports-zorg-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 640px) {
    .reports-zorg-inner {
        padding: 0 20px;
    }

    .reports-zorg-hero,
    .reports-zorg-hero-inner {
        min-height: 240px;
    }

    .reports-zorg-action-list,
    .reports-zorg-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .reports-zorg-card h2 {
        font-size: 1.2rem;
    }
}

/* keep legacy report cards from growing too large */
.reports-account-grid .reports-account-card h3 {
    font-size: 1.1rem;
}

/* Intranet footer */
.intranet-page-footer,
.intranet-page-footer * {
    font-family: 'Poppins', sans-serif !important;
}

.intranet-page-footer {
    margin-top: 30px;
    background: #8db800;
    color: #ffffff;
}

.intranet-page-footer-inner {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 42px 100px;
    padding: 34px 70px;
}

.intranet-page-footer-column h3 {
    margin: 0 0 12px;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.15;
    color: #ffffff;
}

.intranet-page-footer-column ul {
    margin: 0;
    padding-left: 26px;
    list-style: square;
}

.intranet-page-footer-column li {
    margin: 0 0 8px;
}

.intranet-page-footer-column li::marker {
    color: #1b2600;
}

.intranet-page-footer-column a {
    color: #ffffff;
    font-size: 0.98rem;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none;
}

.intranet-page-footer-column a:hover,
.intranet-page-footer-column a:focus {
    text-decoration: underline;
}

.intranet-page-footer-meta {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 0 70px 20px;
}

.intranet-page-loadtime {
    display: inline-flex;
    align-items: center;
    position: static;
    max-width: 100%;
    box-sizing: border-box;
    padding: 6px 10px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.92);
    color: #1f2430;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: normal;
    word-break: break-word;
}

/* Tables */
.table-overview {
    width: auto;
    margin: 0 -10px;
    padding: 0 10px;
    overflow: auto;
}

.table-overview.no-overflow {
    overflow: auto !important;
}

.table-overview.show-overflow {
    overflow: visible !important;
}

.table-overview.has-form {
    overflow: visible !important;
}

.table-overview.has-form > .ui.form {
    overflow: auto !important;
}

.ui.segment > .segment-content > .table-overview {
    margin: 0 -16px;
    padding: 0 16px;
}

.table-overview .ui.table {
    margin: 0;
    min-height: 285px;
    min-height: calc(16.02857143rem * 1.65);
}

.table-overview .ui.table th,
.table-overview .ui.table td {
    font-size: 1rem;
    vertical-align: middle;
    white-space: normal;
    position: relative;
}

.table-overview .ui.table td > a,
.table-overview .ui.table td > button {
    position: relative;
    z-index: 1;
}

.table-overview .ui.table thead {
    position: relative;
    z-index: 30;
}

.table-overview .ui.table thead th {
    font-size: 1.025rem;
    font-weight: 600 !important;
    letter-spacing: 0.025rem;
    line-height: 1.3rem;
}

.table-overview .ui.table thead th small:not(.wrap) {
    white-space: nowrap;
}

.table-overview .ui.table tr .has-action {
    padding-right: 50px;
}

.table-overview .ui.table tr .has-action > .action {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 14px;
    margin: 0 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    white-space: nowrap;
}

.table-overview .ui.table thead th.has-action > .action > .ui,
.table-overview .ui.table thead th.has-action > .action > .button {
    display: inline-block !important;
    margin: 0 !important;
}

.table-overview .ui.table thead th.has-action > .action > .button.clean {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.table-overview .ui.table tbody {
    position: relative;
    z-index: 25;
}

.table-overview .ui.table th.nowrap,
.table-overview .ui.table td.nowrap {
    white-space: nowrap;
}

.table-overview .ui.table tr {
    position: relative;
}

.table-overview .ui.table tr .td-buttons {
    text-align: right !important;
    white-space: nowrap;
}

.table-overview .ui.table tr .th-buttons {
    text-align: right !important;
    white-space: nowrap;
}

.table-overview .ui.table tr .td-buttons.left,
.table-overview .ui.table tr .th-buttons.left {
    padding-right: 0 !important;
    text-align: left !important;
    min-width: 0;
}

.table-overview .ui.table tbody .button,
.table-overview .ui.table tr .td-buttons:not(.left) .button,
.table-overview .ui.table tr .th-buttons:not(.left) .button {
    margin: 2px 0 2px 1px;
}

.table-overview .ui.table tr .td-buttons.left .button,
.table-overview .ui.table tr .th-buttons.left .button {
    margin: 2px 1px 2px 0;
}

.table-overview .ui.table thead th {
    border-top: 0;
    text-align: left;
    font-weight: 600;
}

.table-overview .ui.table th.minimal,
.table-overview .ui.table td.minimal {
    width: 10px !important;
    min-width: 0;
    padding-right: 0;
    text-align: center;
}

.table-overview tr.overview-search td {
    background: #F9FAFB;
}

.table-overview tr.overview-search td {
    border-top: 0;
    border-bottom: 1px solid var(--theme-intranet-dark-light);
}

.table-overview tr.overview-search td:not(:last-child) {
    padding: 5px 0 5px 10px;
}

.table-overview tr.overview-search td .field > * {
    width: 100%;
}

.table-overview tr.overview-search td .field input,
.table-overview tr.overview-search td .field select {
    padding: 8px 10px;
}

.table-overview tr.overview-search td .ui.selection.dropdown {
    padding: 9px 10px;
    min-height: 33px;
}

.table-overview .ui.table i.flag {
    vertical-align: middle;
}

.table-overview .ui.table .disabled i.icon,
.table-overview .ui.table .disabled i.flag {
    opacity: 0.5;
}

.table-overview .ui.table tbody tr > td .ui.basic.button:not(.transparent) {
    background-color: #fff !important;
}

.table-overview .ui.table .table-show-amount {
    position: relative;
    padding-right: 10px;
    text-align: right;
    z-index: 45;
}

.table-overview .ui.table .table-show-amount .ui.dropdown {
    display: inline-block;
}

.table-overview .ui.table .table-show-amount .ui.dropdown > .menu {
    bottom: 31px !important;
    left: auto !important;
    right: -7px !important;
    top: auto !important;
}

.table-overview .ui.table tr td > .progress-wrap {
    margin-top: 8px;
}

.table-overview .ui.table tr td > .ui.ribbon.label {
    left: -25px;
    margin-right: -25px;
}

.table-overview .ui.table tr td > .ui.label.circular.empty {
    vertical-align: -1px;
    margin: 0 5px;
}

.table-overview .ui.table tr td > .ui.label.circular.empty:first-child {
    margin-left: 0;
}

.ui.table tbody tr td > i.icon:not(.full-opacity) {
    opacity: 0.8;
}

.ui.table tbody tr:not(.no-hover):hover,
.ui.table tbody tr:not(.no-hover):hover td,
.ui.table > tbody > tr > td.hover,
.ui.table > tbody > tr.hover > td,
.ui.table > tbody > tr > td.hover {
    /*background-color: #fcfcfd;*/
    background: #f9fafb;
}

.ui.table > tbody > tr.disabled,
.ui.table > tbody > tr > td.disabled,
.ui.table > tbody > tr.disabled > td,
.ui.table > tbody > tr > td.disabled {
    background-color: #fff !important;
    color: #cfcfcf;
}

.ui.table > tbody > tr.active,
.ui.table > tbody > tr > td.active,
.ui.table > tbody > tr.active > td,
.ui.table > tbody > tr > td.active {
    background-color: #f1f4f6 !important;
    color: #295165;
    background-color: #f5f7f9 !important;
    color: #0f2f40;
}

.ui.table > tbody > tr.highlight,
.ui.table > tbody > tr > td.highlight,
.ui.table > tbody > tr.highlight > td,
.ui.table > tbody > tr > td.highlight {
    background-color: #edf0f4 !important;
    color: #295165;
}

.ui.table > tbody > tr.info,
.ui.table > tbody > tr > td.info,
.ui.table > tbody > tr.info > td,
.ui.table > tbody > tr > td.info {
    background-color: #f0faff !important;
    color: #22809e !important;
}

.ui.table > tbody > tr.positive,
.ui.table > tbody > tr > td.positive,
.ui.table > tbody > tr.positive > td,
.ui.table > tbody > tr > td.positive {
    background-color: #edf7e4 !important;
    color: #248624 !important;
}

.ui.table > tbody > tr.negative,
.ui.table > tbody > tr > td.negative,
.ui.table > tbody > tr.negative > td,
.ui.table > tbody > tr > td.negative {
    background-color: #ffeeee !important;
    color: #c33e3b !important;
}

.ui.table > tbody > tr.warning,
.ui.table > tbody > tr > td.warning,
.ui.table > tbody > tr.warning > td,
.ui.table > tbody > tr > td.warning {
    background-color: #fcf4e6 !important;
    color: #bd8400 !important;
}

.ui.table:not(.no-hover) > tbody > tr:not(.no-hover).active > td.hover,
.ui.table:not(.no-hover) > tbody > tr:not(.no-hover).active:hover > td,
.ui.table:not(.no-hover) > tbody > tr:not(.no-hover):hover > td.active {
    background-color: #ecf0f3;
    color: #234757;
}

.ui.table:not(.no-hover) > tbody > tr:not(.no-hover).highlight > td.hover,
.ui.table:not(.no-hover) > tbody > tr:not(.no-hover).highlight:hover > td,
.ui.table:not(.no-hover) > tbody > tr:not(.no-hover):hover > td.highlight {
    background-color: #e9edf1;
    color: #234757;
}

.ui.table:not(.no-hover) > tbody > tr:not(.no-hover).info > td.hover,
.ui.table:not(.no-hover) > tbody > tr:not(.no-hover).info:hover > td,
.ui.table:not(.no-hover) > tbody > tr:not(.no-hover):hover > td.info {
    background-color: #ebf8ff;
    color: #154c61;
}

.ui.table:not(.no-hover) > tbody > tr:not(.no-hover).positive > td.hover,
.ui.table:not(.no-hover) > tbody > tr:not(.no-hover).positive:hover > td,
.ui.table:not(.no-hover) > tbody > tr:not(.no-hover):hover > td.positive {
    background-color: #e7f5db;
    color: #155115;
}

.ui.table:not(.no-hover) > tbody > tr:not(.no-hover).negative > td.hover,
.ui.table:not(.no-hover) > tbody > tr:not(.no-hover).negative:hover > td,
.ui.table:not(.no-hover) > tbody > tr:not(.no-hover):hover > td.negative {
    background-color: #fee9e8;
    color: #9d312f;
}

.ui.table:not(.no-hover) > tbody > tr:not(.no-hover).warning > td.hover,
.ui.table:not(.no-hover) > tbody > tr:not(.no-hover).warning:hover > td,
.ui.table:not(.no-hover) > tbody > tr:not(.no-hover):hover > td.warning {
    background-color: #fbf1df;
    color: #8f6400;
}

/* Forms */
.form-wrap.margin-bottom {
    margin-bottom: 20px;
}

.form-wrap .ui.form .more-top {
    margin-top: 20px;
}

.form-wrap .ui.form .more-bottom {
    margin-top: 40px;
}

.form-wrap .ui.form .field.zero,
.form-wrap .ui.form .field.zero.with-label > label:not(.checkbox) {
    margin: 0 !important;
}

.form-wrap .ui.form .field > label:not(.checkbox) {
    font-weight: 600;
}

.form-wrap .ui.form .field .ui.label.in-corner.icon {
    position: absolute;
    top: 13px;
    right: 8px;
    z-index: 5;
    margin: 0;
}

.form-wrap .ui.form .field > label:not(.checkbox) > .ui.label.in-corner.icon {
    top: -4px;
}

.form-wrap .ui.form .field > label:not(.checkbox) > .ui.label.in-corner.clean {
    right: -3px;
}

em.req,
.form-wrap .ui.form .field > label > em {
    font-size: 1rem;
    font-weight: 900;
    color: #c62424;
}

.form-wrap .ui.form .field label .meta {
    display: inline-block;
    font-size: 13px !important;
    margin-left: 10px;
    color: #bcbcbc;
    font-weight: 400;
}

.form-wrap .ui.form .field {
    position: relative;
}

.form-wrap .ui.form .field:not(.zero) {
    margin-bottom: 15px !important;
}

.form-wrap .ui.form .field .ui.input.relative {
    position: relative;
    z-index: 20;
}

.form-wrap .ui.form .field-multiple .multiple-values {
    position: relative;
}

.form-wrap .ui.form .field-multiple .ui.input {
    margin-bottom: 7px;
}

.form-wrap .ui.form .field-multiple .ui.input > input {
    margin-right: 6px;
}

.form-wrap .ui.form .field-multiple .ui.input.static .ui.button[data-action="remove"] {
    display: none;
}

.form-wrap .ui.form .field-multiple .ui.input.dynamic .ui.button[data-action="add"] {
    display: none;
}

.form-wrap .ui.form .field > .ui.segment {
}

.form-wrap .ui.form .field > .ui.segment > .ui.checkbox {
    display: block;
}

.form-wrap .ui.form .field > .ui.segment > .ui.checkbox > label {
    display: block;
    font-weight: 600;
    padding-left: 65px;
    line-height: 1.2em;
}

.form-wrap .ui.form .field > .ui.segment > .ui.checkbox.icon-right > label {
    padding-right: 18px;
}

.form-wrap .ui.form .field > .ui.segment > .ui.checkbox.icon-right > label > i.icon {
    float: right;
    margin: 0;
}

.form-wrap .ui.form .field > .ui.segment > .description {
    opacity: 0.6;
}

.form-wrap .ui.form .field > .ui.segment > .description:not(:first-child) {
    margin-top: 14px;
}

.form-wrap .ui.form .field > .ui.segment > .description,
.form-wrap .ui.form .field > .ui.segment > .description > p {
    line-height: 1.425rem !important;
    font-size: 0.915rem;
}

.form-wrap .ui.form .field > .maps-wrap {
    position: relative;
}

.form-wrap .ui.form .field > .maps-wrap > .maps {
    position: relative;
    height: 290px;
    background: #f9f9f9;
    border: 1px solid #dedede;
    margin-top: -5px;
    border-radius: 0.28571429rem;
    overflow: hidden;
    z-index: 10;
}

.form-wrap .ui.form .field > .maps-wrap > .maps-remove {
    display: inline-block;
    background: #fff;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 42px;
    right: 15px;
    z-index: 30;
    text-align: center;
    padding: 3px 0;
    cursor: pointer;
}

.form-wrap .ui.form .field > .maps-wrap > .maps-remove .icon {
    color: #757575;
    margin: 0;
}

.form-wrap .ui.form .actions {
    min-width: 210px;
    padding: 10px 0 20px;
    margin: 0;
}

.form-wrap .ui.form .actions:not(.left) {
    text-align: right;
}

.form-wrap .ui.form .actions .float-left {
    float: left !important;
}

.form-wrap .ui.form .actions .float-right {
    float: right !important;
}

.form-wrap .ui.form .actions.nowrap {
    white-space: nowrap;
}

.form-wrap .ui.form .actions .button:last-child {
    margin-right: 0;
}

.form-wrap .ui.form .field > .selection.dropdown {
    min-width: 0;
}

.form-wrap .ui.form .input.labeled .label > .flag {
    margin: 0;
}

.form-wrap .ui.form .input.labeled .ui.label {
    font-weight: 500;
}

.form-wrap .ui.form .field .ui.rating {
    margin-top: 5px;
}

.form-wrap .ui.form .input.set {
    position: relative;
    min-height: 38px;
    margin: 0em;
    outline: none;
    font-size: 1em;
    background: #FFFFFF;
    border: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87);
    border-radius: 0.28571429rem;
    -webkit-box-shadow: 0em 0em 0em 0em transparent inset;
    box-shadow: 0em 0em 0em 0em transparent inset;
    -webkit-transition: color 0.1s ease, border-color 0.1s ease;
    transition: color 0.1s ease, border-color 0.1s ease;
    overflow: hidden;
}

.form-wrap .ui.form .input.set input[type='file'] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 8;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    cursor: pointer !important;
}

.form-wrap .ui.form .input.set .file-name {
    display: inline-block;
    font-size: 1rem;
    position: absolute;
    top: 8px;
    left: 14px;
    z-index: 5;
    white-space: nowrap;
}

.form-wrap .ui.form .input.is-empty .file-name {
    opacity: 0.25;
}

.form-wrap .ui.form .input.set .button-wrap {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    cursor: pointer !important;
    z-index: 10;
    font-size: 0;
}

.form-wrap .ui.form .input.set .button-wrap .ui.button,
.form-wrap .ui.form .input.set .button-wrap .ui.button:hover {
    -webkit-appearance: none;
    position: relative;
    font-size: 14px !important;
    margin: 0 0 0 -1px !important;
    cursor: pointer !important;
    border-top: 0 !important;
    outline: none !important;
    height: 100% !important;
    box-shadow: none !important;
    border-left: 1px solid #dededf !important;
    z-index: 20 !important;
}

.form-wrap .ui.form .input.set .button-wrap .ui.button:not(:last-child) {
    border-radius: 0 !important;
}

.form-wrap .ui.form .input.set .button-wrap .ui.button.minimal,
.form-wrap .ui.form .input.set .button-wrap .ui.button:not(:last-child) {
    padding-left: 7px !important;
    padding-right: 8px !important;
}

.form-wrap .ui.form .input.set .button-wrap .ui.button:last-child {
    border-radius: 0 0.28571429rem 0.28571429rem 0 !important;
}

.form-wrap .ui.form .input.set .button-wrap .ui.button:hover,
.form-wrap .ui.form .input.set .button-wrap .ui.button:focus {
    z-index: 60;
}

.form-wrap .ui.form .input.set.has-file {
    overflow: visible !important;
}

.form-wrap .ui.form .input.set .button-wrap .show-image {
}

.form-wrap .ui.form .input.set .button-wrap .show-image .image-file {
    display: inline-block;
    position: absolute;
    top: 37px;
    right: 0;
    width: 200px;
    height: 145px;
    line-height: 1em;
    background: #f9f9f9;
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    padding: 8px;
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transition: 0.2s;
}

.form-wrap .ui.form .input.set .button-wrap .show-image:focus .image-file {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
}

.form-wrap .ui.form .input.set .button-wrap .show-image .image-file .image {
    display: block;
    position: relative;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    overflow: hidden;
    height: 100%;
}

.form-wrap .ui.form .input.set .button-wrap .show-image .image-file .image > img {
    display: inline-block;
    max-width: none;
    max-height: none;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
}

.form-wrap .ui.form .input.set .button-wrap .show-image .image-file .image > img.child-vertical {
    max-height: 100%;
}

.form-wrap .ui.form .input.set .button-wrap .show-image .image-file .image > img.child-horizontal {
    max-width: 100%;
}

/* Pagination */
.pagination-wrap {
    display: block;
    margin-top: 25px;
    overflow: auto;
}

.pagination-wrap ul.pagination {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid rgba(34, 36, 38, 0.15);
    box-shadow: none;
    border-radius: 0.28571429rem;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0;
}

.pagination-wrap ul.pagination > li {
    display: inline-block;
    background: #F9FAFB;
    border-right: 1px solid rgba(34, 36, 38, 0.1);
    font-size: 1rem;
}

.pagination-wrap ul.pagination > li:last-child {
    border-right: 0;
}

.pagination-wrap ul.pagination > li > a,
.pagination-wrap ul.pagination > li > span {
    display: block;
    padding: 10px 16px;
    color: #909090;
}

.pagination-wrap ul.pagination > li > span {
    background: #fff;
}

.pagination-wrap ul.pagination > li:hover > a,
.pagination-wrap ul.pagination > li:focus > a {
    background: #fff;
    color: #777;
}

.pagination-wrap ul.pagination > li.active > a {
    background: #eef0f4;
    font-weight: 700;
    color: #444;
}

/* Gridly */
.draggable-wrap {
    position: relative;
    font-size: 0;
}

.draggable-wrap .drag-item {
    display: block;
    font-size: 1rem;
    outline: 1px solid #ccc;
    background: #fafafa;
    min-height: 100px;
}

/* Progress */
.progress-wrap.small {
    width: 170px;
    max-width: 100%;
}

.progress-wrap .progress-label {
    text-align: center;
    margin-top: 3px;
}

.progress-wrap .ui.progress {
    margin: 0;
}

.progress-wrap .ui.progress .bar > .progress {
    background: none;
}

.progress-wrap .ui.progress > .bar {
    min-width: 0px;
}

.progress-wrap .ui.tiny.progress {
    height: 6px;
}

/* Sortable list */
.sortable-wrap .sortable-buttons {
    margin-top: 20px;
}

.sortable-wrap.sortable-row .sortable-buttons {
    margin-top: 0;
}

.sortable-wrap .sortable-buttons .hidden {
    display: none;
}

.sortable-wrap .sort.ghost {
    opacity: 0.35;
}

.sortable-wrap .sort.sortable-chosen {
    opacity: 0.9999;
}

.sortable-wrap .group {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sortable-wrap .group > li {
    line-height: 1.2em;
    padding-top: 5px;
}

.sortable-wrap .group .item:not(.group) {
    display: block;
    position: relative;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 1px solid rgba(34, 36, 38, 0.15);
    padding: 12px 100px 12px 15px;
    background: #f9f9f9;
}

.sortable-wrap .group .item.active:not(.group) {
    background: #f8ffff !important;
    border: 1px solid #a9d5de !important;
}

.sortable-wrap .group .disabled {
    opacity: 0.6;
}

.sortable-wrap .group .sortable-chosen {
    opacity: 0.6;
}

.sortable-wrap .group .item .buttons {
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.sortable-wrap .group .item .buttons > .button {
    opacity: 0;
    transition: 0.2s;
}

.sortable-wrap .group .item:hover > .buttons > .button,
.sortable-wrap .group .item:focus > .buttons > .button {
    opacity: 1;
}

.sortable-wrap .group .sortable-chosen .item > .buttons > .button,
.sortable-wrap .group .sortable-chosen .item > .buttons > .button {
    opacity: 0;
}

.sortable-wrap .group .item .buttons > .button,
.sortable-wrap .group .item .buttons > i {
    cursor: pointer;
    color: #333;
}

.sortable-wrap .group .item .buttons i.icon.flipped.share {
    vertical-align: -3px;
}

.sortable-wrap .group .group {
    list-style: none;
    padding: 0 0 0 25px;
    margin: 0;
}

.sortable-wrap .group .group .group .item .button.depth {
    display: none;
}

/* Calendar */
.calendar-wrap {
    overflow: auto;
}

.calendar-wrap > .calendar {
    min-width: 750px;
}

.calendar-wrap .fc-toolbar {
    margin-bottom: 20px;
}

.calendar-wrap .fc-toolbar .fc-left h2 {
    font-size: 22px;
    margin-top: 5px;
}

.calendar-wrap .fc-toolbar button.button {
    height: auto !important;
}

.calendar-wrap .fc-toolbar button.button:last-child {
    margin-left: 3px;
    margin-right: 0;
}

.calendar-wrap .fc-view-container table {
    margin: 0 !important;
}

.calendar-wrap .fc-view-container .fc-head .fc-head-container .fc-row table {
    margin: 0;
}

.calendar-wrap .fc-view-container .fc-head .fc-head-container .fc-row table .fc-day-header {
    font-size: 1rem;
    font-weight: 700;
    padding: 10px;
    background: #f9f9f9;
}

.calendar-wrap .fc-view-container .fc-head .fc-axis {
    width: 52px !important;
    background: #f9f9f9;
}

.calendar-wrap .fc-view-container .fc-body .fc-bg .fc-axis {
    width: 52px !important;
    background: #f9f9f9;
}

.calendar-wrap .fc-view-container .fc-body .fc-content-skeleton .fc-axis {
    width: 52px !important;
}

.calendar-wrap .fc-view-container .fc-body .fc-slats .fc-time {
    width: 50px !important;
    padding: 5px !important;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    background: #f9f9f9;
}

.calendar-wrap .fc-view-container .fc-body .fc-bg .fc-today {
    background: #f8ffff !important;
    box-shadow: inset 0px 0px 0px 1px #a9d5de;
}

.calendar-wrap .calendar .fc-event {
    padding: 8px;
    border-radius: 0;
    background: #E8E8E8;
    border: 1px solid #b9b9b9;
    color: #333;
    margin: 0 -2px 0px -2px;
}

.calendar-wrap .fc-view-container .fc-body .fc-content-skeleton .fc-event .fc-content .fc-time {
    margin-bottom: 3px;
}

.calendar-wrap .fc-view-container .fc-body .fc-content-skeleton .fc-event .fc-content .fc-title {
    white-space: normal !important;
}

.calendar-wrap .fc-view-container .fc-body .fc-content-skeleton .fc-event.custom-1 {
    background: #E8E8E8;
    border: 1px solid #b9b9b9;
}

.calendar-wrap .fc-view-container .fc-body .fc-content-skeleton .fc-event.custom-2 {
    background: #ffe4e4;
    border: 1px solid #e0b4b4;
}

.calendar-wrap .fc-view-container .fc-body .fc-content-skeleton .fc-event.custom-3 {
    background: #ddffcc;
    border: 1px solid #a3c293;
}

.calendar-wrap .fc-view-container .fc-body .fc-content-skeleton .fc-event.custom-4 {
    background: #cdf2f7;
    border: 1px solid #a9d5de;
}

/* Cards */
.cards-wrap .row {
    margin: 0 -10px;
}

.cards-wrap .row > div {
    padding: 0 10px 20px;
}

.cards-wrap .ui.card {
    display: block;
    position: relative;
    overflow: hidden;
    width: auto;
    margin: 0;
}

.cards-wrap .ui.card > .image {
    position: relative;
    height: 170px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.cards-wrap .ui.card.disabled > .image::after {
    display: inline-block;
    content: ' ';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.6);
}

.cards-wrap .ui.card > .image:not(.spread) > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    height: auto;
    max-width: 101%;
    max-height: none;
    min-width: 101%;
    min-height: 101%;
}

.cards-wrap .ui.card > .image:not(.spread) > img.child-vertical {
    max-width: 100%;
    max-height: none;
}

.cards-wrap .ui.card > .image:not(.spread) > img.child-horizontal {
    max-height: 100%;
    max-width: none;
}

.cards-wrap .ui.card > .image.inside:not(.spread) > img.child-vertical {
    max-width: none;
    max-height: 100%;
    min-width: 0;
}

.cards-wrap .ui.card > .image.inside:not(.spread) > img.child-horizontal {
    max-height: none;
    max-width: 100%;
    min-height: 0;
}

.cards-wrap .ui.card > .content {
    padding: 12px 15px;
}

.cards-wrap .ui.card.hover > .content {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    transform: translateY(100%);
    transition: 0.3s;
    border-radius: 0 !important;
}

.cards-wrap .ui.card.hover:hover > .content,
.cards-wrap .ui.card.hover:focus > .content,
.cards-wrap .ui.card.hover.active > .content {
    transform: translateY(0);
}

.cards-wrap .ui.card > .content .header {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    margin: 1px 0 2px;
}

.cards-wrap .ui.card > .content .meta {
    color: #858585;
}

.cards-wrap .ui.card > .card-buttons {
    display: inline-block;
    position: absolute;
    left: 10px;
    top: -40px;
    opacity: 0;
    transition: 0.3s;
    white-space: nowrap;
}

.cards-wrap .ui.card:hover > .card-buttons,
.cards-wrap .ui.card:focus > .card-buttons {
    top: 10px;
    opacity: 1;
}

.cards-wrap .ui.card > .card-buttons .button {
    cursor: pointer;
    margin: 0;
    padding: 8px;
}

.cards-wrap .ui.card > .card-buttons > .button:last-child {
    margin-right: 0;
}

/* Sidebar content */
.sidebar-content-wrap {
    position: relative;
    min-height: 200px;
}

.sidebar-content-wrap > .sidebar {
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 20;
    width: 210px;
}

.sidebar-content-wrap > .content {
    padding-left: 245px;
    padding-right: 15px;
}

/* Accordions */
.accordion-wrap {
    position: relative;
    padding: 15px 0;
}

.accordion-wrap.no-top {
    padding-top: 0;
}

.accordion-wrap.no-bottom {
    padding-bottom: 0;
}

.accordion-wrap .ui.accordion .title {
    position: relative;
}

.accordion-wrap .ui.accordion .title > .anchor {
    display: block;
    height: 1px;
    position: absolute;
    top: -95px;
}

.accordion-wrap .ui.accordion .content .function {
    color: #333;
}

.accordion-wrap .ui.accordion .content .function > i {
    color: #999;
}

.accordion-wrap .missing-data {
    margin-top: 20px;
}

.accordion-wrap .missing-data b {
    display: inline-block;
}

/* Page: Dishes */
.page-dishes .article.has-inline,
.page-dishes .form-wrap .drag-icon {
    display: inline-block;
}

/* Responsive medium desktop */
@media all and (max-width: 1200px) {
    .login-wrapper .login-wrap .login-left .content {
        right: 55px;
        left: 65px;
    }

    .login-wrapper .login-wrap .login-left .content-bottom {
        left: 55px;
        right: 55px;
    }

    .login-wrapper .login-wrap .login-right .content {
        left: 55px;
        right: 65px;
    }

    .login-wrapper .login-wrap .login-right .content-bottom {
        left: 55px;
        right: 55px;
    }

    .login-wrapper .login-wrap .login-right .ui.form .actions-wrap .radio-checkbox {
        left: 162px;
    }

    aside.panel-sidebar {
        width: 220px;
    }

    body:not(.menu-open) aside.panel-sidebar {
        left: -220px;
    }

    body.menu-open:not(.right-menu) main.panel-content {
        padding-left: 220px;
    }

    body.menu-open.right-menu main.panel-content {
        padding-right: 220px;
    }

    main.panel-content .module-action-bar {
        margin-left: 0;
        margin-right: 0;
    }

    main.panel-content > .content-wrap .container-fluid {
        padding: 0 !important;
    }

    .row-eq-height.eq-md {
        display: block !important;
    }
}

/* Responsive small tablet */
@media all and (max-width: 992px) {
    .login-wrapper .login-wrap {
        max-height: 56px;
    }

    .login-wrapper .login-wrap .login-left .content {
        right: 40px;
        left: 45px;
    }

    .login-wrapper .login-wrap .login-left .content-bottom {
        right: 40px;
        left: 40px;
    }

    .login-wrapper .login-wrap .login-right .form-logo {
        display: none;
    }

    .login-wrapper .login-wrap .login-right .content {
        left: 40px;
        right: 45px;
    }

    .login-wrapper .login-wrap .login-right .content-bottom {
        left: 40px;
        right: 40px;
    }

    .login-wrapper .login-wrap .login-right .ui.form .field {
        margin-bottom: 20px;
    }

    .login-wrapper .login-wrap .login-right .ui.form .actions-wrap {
        margin-top: 27px;
    }

    .login-wrapper .login-wrap .login-right .ui.form .actions-wrap .radio-checkbox {
        position: static;
        margin-bottom: 25px;
    }

    .login-wrapper .login-wrap .login-left .login-logo img.icon {
        width: 70px;
    }

    .login-wrapper .login-wrap .login-left .login-logo img.text {
        width: 240px;
    }

    .login-wrapper .login-wrap .login-left .login-slogan strong {
        font-size: 42px;
    }

    .login-wrapper .login-wrap .login-left .login-slogan span {
        font-size: 34px;
    }

    .login-wrapper .login-wrap .login-right .login-description {
        margin-bottom: 30px;
        font-size: 16px;
    }

    .login-wrapper .login-wrap .login-left .content-bottom > a:nth-child(3) {
        display: none;
    }

    .row-eq-height.eq-sm {
        display: block !important;
    }

    main.panel-content > .content-wrap {
        padding: 30px 25px;
    }

    main.panel-content .breadcrumb-wrap .ui.breadcrumb {
        float: none;
        display: block;
        margin-top: 0;
        line-height: 1.75em;
        margin-bottom: 15px;
    }

    main.panel-content .breadcrumb-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    main.panel-content .breadcrumb-wrap .has-many .is-dashboard {
        display: none !important;
    }

    main.panel-content .module-action-bar .module-buttons {
        position: static;
    }

    main.panel-content .module-action-bar.right:not(.collapsed) .module-buttons {
        float: right !important;
        text-align: right !important;
    }

    main.panel-content .module-action-bar.collapsed .module-buttons {
        float: none !important;
        text-align: left !important;
    }

    main.panel-content .module-action-bar.collapsed .module-buttons > .button {
        margin: 0 4px 8px 0 !important;
    }

    main.panel-content .module-action-bar.collapsed .module-buttons .create-new-item:first-child {
        /*float: right !important;*/
        /*margin: 0 5px 8px 0 !important;*/
    }

    main.panel-content .module-action-bar.collapsed .module-buttons .create-new-item
    main.panel-content .breadcrumb-wrap {
        display: inline-block;
    }

    .reports-results-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 18px;
    }

    .reports-methods-inner {
        padding: 0 24px;
    }

    .reports-methods-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        padding-left: 24px;
        padding-right: 24px;
    }

    .reports-methods-action-btn {
        width: 100%;
        min-width: 0;
        min-height: 42px;
        font-size: 0.94rem;
    }

    .reports-methods-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 32px;
    }

    .reports-methods-card-visual {
        height: 180px;
    }

    .reports-methods-card h3 {
        font-size: 1.4rem;
        margin-top: 12px;
    }

    .reports-methods-results {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .reports-methods-results-copy {
        padding-top: 0;
    }

    .reports-methods-results-title {
        font-size: clamp(2rem, 7vw, 3.2rem);
    }

    .reports-team-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 26px 18px;
    }

    .reports-team-page {
        padding-left: 24px;
        padding-right: 24px;
    }

    .reports-team-card h3 {
        font-size: 1.55rem;
    }

    .reports-team-role,
    .reports-team-line {
        font-size: 1.15rem;
    }

    .reports-team-admin-form-grid .field:nth-child(1),
    .reports-team-admin-form-grid .field:nth-child(2),
    .reports-team-admin-form-grid .field:nth-child(3) {
        grid-column: span 6;
    }

    .reports-team-admin-form-grid .field.small,
    .reports-team-admin-form-grid .reports-team-admin-checkbox {
        grid-column: span 3;
    }

    .reports-team-admin-item-grid .field:nth-child(1),
    .reports-team-admin-item-grid .field:nth-child(2) {
        grid-column: span 6;
    }

    .reports-team-admin-item-grid .field.small,
    .reports-team-admin-item-grid .reports-team-admin-checkbox {
        grid-column: span 3;
    }

    .reports-team-admin-item-grid .reports-team-admin-actions {
        grid-column: span 12;
        justify-content: flex-start;
    }

    .reports-home-page {
        padding: 22px 18px 30px;
    }

    .reports-home-hero-inner {
        padding: 28px 24px 30px;
    }

    .reports-home-section-grid,
    .reports-home-featured-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .reports-results-hero {
        min-height: 300px;
    }

    .reports-results-hero.is-results-route {
        min-height: 316px;
        background-position: center 24%;
    }

    .reports-results-page.is-results-overview {
        padding: 22px 22px 34px;
    }

    .reports-results-page.is-results-overview .reports-results-icon-wrap svg {
        width: 70%;
        max-width: 160px;
    }

    .intranet-page-footer-inner {
        padding: 28px 36px;
        gap: 30px 44px;
    }

    .intranet-page-footer-meta {
        padding: 0 36px 18px;
    }

    .intranet-page-footer-column h3 {
        font-size: 1.05rem;
    }

    .intranet-page-footer-column a {
        font-size: 0.92rem;
    }

    .reports-results-tile h3 {
        font-size: 1.35rem;
        min-height: 3em;
    }

    .reports-topic-inner {
        padding: 0 36px;
    }

}

/* Responsive extra small mobile */
.visible-xs {
    display: none !important;
}

.hidden-xs:not(.inline) {
    display: block !important;
}

.hidden-xs.inline {
    display: inline-block !important;
}

@media all and (max-width: 768px) {
    .visible-xs:not(.inline) {
        display: block !important;
    }

    .visible-xs.inline {
        display: inline-block !important;
    }

    .hidden-xs, .hidden-xs:not(.inline), .hidden-xs.inline {
        display: none !important;
    }

    .hidden-xxs.visible-xs {
    }

    .ui.table:not(.unstackable) td:first-child,
    .ui.table:not(.unstackable) th:first-child {
        /*font-weight: 600 !important;*/
    }

    .table-overview .ui.table thead th:not(.break) > br {
        display: none;
    }

    main.panel-content .module-action-bar {
        padding: 0px 0 5px;
        margin: 0 15px;
    }

    main.panel-content .module-action-bar .module-buttons {
        top: 0;
    }

    /* Ensure horizontal padding is applied once to the content wrapper
       to avoid double-padding when nested .container-fluid also has padding. */
    main.panel-content > .content-wrap {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .login-wrapper {
        padding: 0;
        min-height: 700px;
    }

    .login-wrapper .container {
        max-width: 100%;
        padding: 0;
    }

    .login-wrapper .login-wrap {
        left: 0px;
        right: 0px;
        top: 0px;
        transform: none;
        -webkit-transform: none;
        height: 100%;
        min-height: 100%;
        max-height: none;
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        white-space: normal;
    }

    .login-wrapper .login-wrap .login-left {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 20;
    }

    .login-wrapper .login-wrap .login-left .content {
        top: 35px;
        width: 410px;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }

    .login-wrapper .login-wrap .login-left .content-bottom {
        text-align: center;
        right: 20px;
        left: 20px;
        bottom: 32px;
    }

    .login-wrapper .login-wrap .login-left .login-logo img.text {
        display: none;
    }

    .login-wrapper .login-wrap .login-left .login-logo img.logo {
        display: inline-block;
        width: 280px;
    }

    .login-wrapper .login-wrap .login-left .login-slogan {
        margin-top: 440px;
        padding-top: 15px;
    }

    .login-wrapper .login-wrap .login-left .login-slogan strong {
        font-size: 38px;
    }

    .login-wrapper .login-wrap .login-left .login-slogan span {
        font-size: 30px;
    }

    .login-wrapper .login-wrap .login-right {
        position: absolute;
        top: 100px;
        left: 50%;
        width: 410px;
        height: 375px;
        background: #fff;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        z-index: 30;
    }

    .login-wrapper .login-wrap .login-right .content {
        top: 35px;
        right: 30px;
        left: 30px;
        transform: none;
        -webkit-transform: none;
    }

    .login-wrapper .login-wrap .login-right .login-description {
        width: 270px;
    }

    .login-wrapper .login-wrap .login-right .ui.form .actions-wrap .radio-checkbox {
        position: absolute;
    }

    .ui.segment > .segment-content {
        padding: 0px;
    }

    header.panel-header {
        height: 80px;
    }

    header.panel-header .header-logo {
        height: 80px;
        width: 205px;
    }

    header.panel-header .header-profile:not(.header-filters) {
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    /*body.right-profile header.panel-header .header-profile {*/
    /*    left: auto !important;*/
    /*    right: 15px !important;*/
    /*}*/
    /*body.left-profile header.panel-header .header-profile {*/
    /*    right: auto !important;*/
    /*    left: 15px !important;*/
    /*}*/
    header.panel-header .header-filters {
        left: 80px;
    }

    header.panel-header .header-menu .menu {
        left: 0px;
        right: auto;
        width: 190px;
        min-width: 190px;
    }

    body.theyellowweb header.panel-header .header-logo {
        width: 210px;
    }

    header.panel-header .header-profile .profile {
        min-width: 55px;
    }

    header.panel-header .header-profile .profile .image {
        margin: 0px;
    }

    header.panel-header .header-profile .profile .name {
        /*display: none;*/
    }

    header.panel-header .header-profile .profile .caret {
        display: none;
    }

    header.panel-header .header-hamburger {
        top: 50%;
        left: 24px;
        transform: translateY(-50%);
    }

    body.right-menu header.panel-header .header-hamburger {
        right: 24px !important;
        left: auto !important;
    }

    body.left-menu header.panel-header .header-hamburger {
        left: 24px !important;
        right: auto !important;
    }


    aside.panel-sidebar {
        padding-top: 80px;
    }

    aside.panel-sidebar .sidebar-menu {
        padding-bottom: 65px;
    }

    aside.panel-sidebar .sidebar-menu.intranet-nav {
        padding-bottom: 120px;
    }

    aside.panel-sidebar .sidebar-menu ul li .dropdown-trigger {
        z-index: 500;
    }

    aside.panel-sidebar .sidebar-menu > ul > li > ul {
        z-index: 750;
    }

    main.panel-content {
        padding-top: 80px;
    }

    body.menu-open main.panel-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    main.panel-content > .content-wrap {
        padding: 20px 0px;
    }

    main.panel-content .breadcrumb-wrap .module-buttons {
        display: block;
        position: static;
        margin: 10px 0 10px;
    }

    main.panel-content .breadcrumb-wrap .module-buttons > a,
    main.panel-content .breadcrumb-wrap .module-buttons > a:first-child {
        float: none;
        margin: 0 3px 6px;
    }

    main.panel-content .breadcrumb-wrap .module-buttons > a:first-child {
        margin-left: 0;
    }

    main.panel-content .module-action-bar.collapsed .module-buttons {
        display: block;
    }

    main.panel-content .module-action-bar .module-buttons > .button.has-minified {
        width: 36px;
        height: 36px;
        min-width: 0;
        vertical-align: top;
        padding: 0 !important;
    }

    main.panel-content .module-action-bar .module-buttons > .button.has-minified > span {
        display: none !important;
    }

    main.panel-content .module-action-bar .module-buttons > .button.has-minified > i.icon {
        width: 100%;
    }

    .ui.segment > .segment-content > .table-overview {
        margin: 0 -10px;
        padding: 0 12px;
    }

    .table-overview .ui.table tr .td-buttons {
        padding: 0 !important;
        width: 40px !important;
        white-space: normal;
        position: absolute;
        top: 10px;
        right: 8px;
        z-index: 10;
    }

    .table-overview .ui.table tbody tr:not(.full) .has-action > .action {
        right: 52px;
    }

    .table-overview .ui.table tr .td-buttons .button {
        /*margin: 0 0 5px 0;*/
    }

    .table-overview .ui.table tr:not(.overview-search) .th-buttons {
        padding: 0 !important;
        white-space: normal;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 20;
    }

    .table-overview .ui.table tr .th-buttons .button {
        margin: 0 !important;
    }

    .table-overview .ui.table .table-show-amount {
        position: absolute;
        top: -21px;
        right: 10px;
    }

    .reports-account-filter-grid {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    .reports-account-filter-actions {
        grid-column: 1 / -1;
    }



    .ui.modals.dimmer.page > .ui.modal {
        margin: 110px auto 20px !important;
    }

    .pagination-wrap {
        display: block;
        margin-top: 20px;
    }

    .form-wrap.margin-bottom {
        margin-bottom: 30px;
    }

    .form-wrap .ui.form .actions {
        text-align: right;
        padding-top: 5px;
        /*margin-top: 5px;*/
    }

    .form-wrap .ui.form .actions .ui.button {
        margin-bottom: 7px;
    }

    /*.table-overview .ui.table tr.active {*/
    /*    background: #f8ffff !important;*/
    /*    color: rgba(0, 0, 0, 0.87) !important;*/
    /*    border: 1px solid #a9d5de !important;*/
    /*}*/
    /*.table-overview .ui.table tr.active > td {*/
    /*    border-top: none !important;*/
    /*    border-bottom: none !important;*/
    /*}*/
    /*.table-overview .ui.table tr.active > td:first-child {*/
    /*    border-left: none !important;*/
    /*}*/
    /*.table-overview .ui.table tr.active > td:last-child {*/
    /*    border-right: none !important;*/
    /*}*/
    .table-overview .ui.table tbody tr {
        min-height: 140px;
    }

    .table-overview .ui.table tbody tr > td:not(.td-buttons) {
        padding-right: 40px !important;
    }

    .sortable-wrap .group {
        padding: 0 25px;
    }

    .sortable-wrap .sortable-buttons {
        text-align: center;
    }

    .sidebar-content-wrap > .content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .sidebar-content-wrap > .sidebar {
        position: static;
        width: 100%;
    }

    .sidebar-content-wrap > .sidebar .ui.secondary.vertical.pointing.menu {
        display: block;
        width: 100%;
        border: none;
        white-space: nowrap;
        overflow: auto;
    }

    .sidebar-content-wrap > .sidebar .ui.secondary.vertical.pointing.menu .item {
        display: inline-block;
        border: none;
        border-bottom: 1px solid var(--theme-intranet-dark-light);
    }

    .sidebar-content-wrap > .sidebar .ui.secondary.vertical.pointing.menu .item.active {
        border-color: #000;
    }

    .row-eq-height.eq-xs {
        display: block !important;
    }
}

@media all and (max-width: 640px) {
    .reports-account-hero {
        padding: 18px 16px;
    }

    .reports-account-hero h2 {
        font-size: 1.2rem;
    }

    .reports-account-filter-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .reports-account-filter-actions {
        grid-column: 1 / -1;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
    }

    .reports-account-filter-actions .ui.button,
    .reports-account-filter-actions a.ui.button {
        width: 100%;
    }

    .reports-account-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .reports-account-grid {
        grid-template-columns: 1fr;
    }

    .reports-team-admin-panel {
        padding: 14px;
    }

    .reports-team-overview-head .ui.button {
        margin-left: 0 !important;
    }

    .reports-team-admin-form-grid,
    .reports-team-admin-item-grid {
        grid-template-columns: 1fr;
    }

    .reports-team-admin-form-grid .field,
    .reports-team-admin-item-grid .field,
    .reports-team-admin-form-grid .field:nth-child(1),
    .reports-team-admin-form-grid .field:nth-child(2),
    .reports-team-admin-form-grid .field:nth-child(3),
    .reports-team-admin-form-grid .field.small,
    .reports-team-admin-form-grid .reports-team-admin-checkbox,
    .reports-team-admin-item-grid .field:nth-child(1),
    .reports-team-admin-item-grid .field:nth-child(2),
    .reports-team-admin-item-grid .field.small,
    .reports-team-admin-item-grid .reports-team-admin-checkbox,
    .reports-team-admin-item-grid .reports-team-admin-actions {
        grid-column: 1 / -1;
    }

    .reports-team-grid {
        grid-template-columns: 1fr;
        gap: 24px 0;
    }

    .reports-team-page {
        padding: 22px 12px 32px;
    }

    .reports-team-card h3 {
        font-size: 1.3rem;
    }

    .reports-news-overview-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .reports-news-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .reports-news-card h2 {
        font-size: 1.28rem;
    }

    .reports-news-card h3 {
        font-size: .98rem;
    }

    .reports-news-hero {
        border-radius: 14px;
    }

    .reports-news-hero-image,
    .reports-news-hero-image img {
        max-height: 280px;
    }

    .reports-news-hero-content {
        padding: 16px 16px 18px;
    }

    .reports-news-reading {
        padding: 16px;
    }

    .reports-team-role,
    .reports-team-line {
        font-size: 1rem;
    }

    .intranet-page-footer {
        margin-top: 22px;
    }

    .intranet-page-footer-inner {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 24px 20px;
    }

    .intranet-page-footer-meta {
        justify-content: flex-start;
        padding: 0 20px 18px;
    }

    .intranet-page-footer-column h3 {
        font-size: 1rem;
        margin-bottom: 8px;
    }

    .intranet-page-footer-column ul {
        padding-left: 20px;
    }

    .intranet-page-footer-column a {
        font-size: 0.9rem;
    }

    .reports-results-hero {
        min-height: 240px;
        border-radius: 0;
        margin-bottom: 0;
    }

    .reports-results-hero.is-results-route {
        min-height: 248px;
        background-position: center 20%;
    }

    .reports-results-hero h2 {
        font-size: 2.5rem;
    }

    .reports-results-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .reports-results-page.is-results-overview {
        padding: 18px 12px 28px;
    }

    .reports-results-page.is-results-overview .reports-results-tile h3 {
        font-size: 1.24rem;
        padding-bottom: 6px;
    }

    .reports-results-page.is-results-overview .reports-results-icon-wrap {
        padding: 20px;
    }

    .reports-results-page.is-results-overview .reports-results-icon-wrap svg {
        width: 64%;
        max-width: 146px;
    }

    .reports-methods-page {
        padding-top: 16px;
        padding-bottom: 32px;
    }

    .reports-methods-inner {
        padding: 0 12px;
    }

    .reports-methods-actions {
        grid-template-columns: 1fr;
        gap: 10px;
        padding-left: 12px;
        padding-right: 12px;
        margin-bottom: 26px;
    }

    .reports-methods-action-btn {
        min-height: 38px;
        font-size: 0.86rem;
    }

    .reports-methods-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .reports-methods-card-visual {
        height: 150px;
    }

    .reports-methods-card h3 {
        font-size: 1.1rem;
    }

    .reports-methods-divider {
        margin: 26px 0 18px;
    }

    .reports-methods-results {
        gap: 12px;
    }

    .reports-methods-results-overlay svg {
        width: min(72%, 340px);
    }

    .reports-methods-results-title {
        font-size: clamp(1.8rem, 8.5vw, 2.5rem);
        text-underline-offset: 4px;
    }

    .reports-home-page {
        padding: 16px 12px 24px;
    }

    .reports-home-hero {
        border-radius: 14px;
    }

    .reports-home-hero-inner {
        padding: 22px 16px 24px;
    }

    .reports-home-section-grid,
    .reports-home-featured-grid,
    .reports-home-category-grid {
        grid-template-columns: 1fr;
    }

    .reports-results-tile h3 {
        font-size: 1.2rem;
        min-height: 2.8em;
    }

    .reports-topic-goal,
    .reports-topic-content {
        margin-left: 0;
        margin-right: 0;
    }

    .reports-topic-goal {
        padding: 18px 0 20px;
    }

    .reports-topic-content {
        padding: 20px 0 14px;
    }

    .reports-topic-inner {
        padding: 0 18px;
    }

    .reports-topic-goal h3,
    .reports-topic-content h3 {
        margin-bottom: 8px;
        font-size: 1.35rem;
    }

    .reports-topic-goal > .reports-topic-inner > div,
    .reports-topic-content .reports-topic-richtext,
    .reports-topic-content .reports-topic-richtext p,
    .reports-topic-content .reports-topic-richtext li {
        font-size: 0.98rem;
        line-height: 1.45;
    }

    .reports-topic-content .reports-topic-richtext h1,
    .reports-topic-content .reports-topic-richtext h2,
    .reports-topic-content .reports-topic-richtext h3,
    .reports-topic-content .reports-topic-richtext h4 {
        font-size: 1.35rem;
    }

    .reports-topic-page-name {
        margin-bottom: 6px;
        font-size: 0.78rem;
    }
}

/* Responsive extra small mobile */
@media all and (max-width: 460px) {
    .login-wrapper .login-wrap .login-left .login-slogan {
        margin-top: 460px;
        padding-top: 15px;
        text-align: center;
    }

    .login-wrapper .login-wrap .login-left .login-slogan strong {
        font-size: 34px;
    }

    .login-wrapper .login-wrap .login-left .login-slogan span {
        font-size: 27px;
    }

    .login-wrapper .login-wrap .login-left .login-logo img.logo {
        width: 260px;
    }

    .login-wrapper .login-wrap .login-right {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: auto;
        height: auto;
        transform: none;
        -webkit-transform: none;
    }

    .login-wrapper .login-wrap .login-right .content {
        position: static;
        padding: 25px;
    }

    .login-wrapper .login-wrap .login-right .login-description {
        width: 250px;
        font-size: 15px;
        margin-bottom: 25px;
    }

    .login-wrapper .login-wrap .login-right .ui.form .field {
        margin-bottom: 15px;
    }

    .login-wrapper .login-wrap .login-right .ui.form .actions-wrap .radio-checkbox {
        position: static;
    }

    .hidden-xxs,
    .hidden-xxs.visible-xs {
        display: none !important;
    }
}

/* Responsive: hide left login panel on small screens */
@media all and (max-width: 768px) {
    .login-wrapper .login-wrap .login-left {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .login-wrapper .login-wrap .login-right {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .login-wrapper .login-wrap .login-right .content {
        padding: 24px 0 !important;
    }
}

@media all and (max-width: 575px) {


    body.theyellowweb header.panel-header .header-logo {
        width: 160px;
        overflow: hidden;
    }

    body.wowmedia header.panel-header .header-logo {
        width: 170px;
        overflow: hidden;
    }

    body.theyellowweb header.panel-header .header-logo.mobile-square {
        width: 54px;
    }

    body.theyellowweb header.panel-header .header-logo:not(.mobile-square) > .logo {
        margin-left: -54px;
    }

    header.panel-header .header-logo {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .login-wrapper .login-wrap .login-right {
        overflow: visible;
    }
}

@media (max-width: 460px) {
    /* .login-wrapper .login-wrap .login-right {
      position: relative;
      top: auto;
      left: auto;
      right: auto;
} */
}

.ui.primary.button:not(.original),
.ui.primary.buttons .button:not(.original) {
    background-color: var(--theme-intranet-orange-button);
    color: rgba(0, 0, 0, 0.93);
}


/* CSS */
/* Scope icon font to pseudo-elements only to avoid overriding text */
.icon::before,
.icon::after,
i.icon::before,
i.icon::after {
    font-family: 'Icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ensure Poppins for page text (place this after Bootstrap/custom fonts) */
html, body {
    font-family: 'Poppins', system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}