/*variables extensions*/
:root {
    --gov-color-grey-inactive-rgb: 222,222,222;/*rgb represetation to allow use of alpha*/
}

body {
    font-family: "Roboto", Arial, Verdana, sans-serif;
    background: var(--gov-color-blue-light);
    overflow-x: hidden;
}

#pageContent form:not(.pagerForm):not(.workflow_action), #pageContent div.overflowContainer {
    overflow-x: auto;
    overflow-y: auto;
    margin-bottom: 0.5em;
}

#pageContent form.stickyCounter {
    margin-top: -0.5em;/*can tweak padding between headings and container*/
    overflow: hidden;
}

#pageContent form.stickyCounter .formWrapper {
    overflow: auto;
}

#pageContent > table {
    overflow-x: scroll;
    display: block;
}

.confitemListContainer > table, .confitemListContainer > form,
.ticketListContainer > table, .ticketListContainer > form {
    overflow: auto;
}

.ui-accordion .ui-accordion-content {
    overflow: initial;
}

h1 {
    margin-bottom: 0.4em;
}

h2 {
    margin-bottom: 0.2em;
}

a:visited, a:visited > *, .gov-link:visited { /* Disable coloring of visited links */
    color: var(--gov-color-blue);
}

div.formWrapper {
    position: relative;
}

/*temp*/
/*.cfgitem_info_wrapper {position: relative;}*/

.info_table_wide {
    width: 100%!important;
}

.info_table_wide th, .info_table_wide td {
    max-width: 50em;/*change to something what makes sense*/
    position: relative;
    white-space: normal;
    word-break:  normal;
}
.info_table_wide td div.paramValue {
    max-width: -webkit-fill-available;
    white-space: normal;
    word-break:  normal;
}

/* Tables */
#pageContent table {
    background: var(--gov-color-white);
    border-radius: 3px;
    border: 1px solid var(--gov-color-blue-inactive-1);
    margin-bottom: unset;
}

table.scrollTable {
    display: block;
    overflow: auto;
    max-width: 100%;
    max-height: calc(80vh - 2 * 0.6em - 70px); /* computed from header .gov-logo--center-white */
}

table.scrollTable > thead {
    position: sticky;
    top: 0;
}

#pageContent .cfgitem_info_wrapper table {
    margin-bottom: 0.25em;
}

table tbody tr:last-child, .gov-table tbody tr:last-child {
    border-bottom: transparent;
}

table .wide {
    width: max-content;
}

table .fullwide {
    width: 100%;
}

table .nowrap {
    white-space: nowrap;
}

table td a.programEnrollLink {
    font-size: 1.5em;
    text-decoration: none;
}
table td a.programEnrollLink span  {
    color: var(--gov-color-blue);
    transition: color 0.2s ease-in-out;
}

table a.programEnrollLink:hover span {
    color: var(--gov-color-blue-focus);
}

/* select global eGov*/
select, .autocomplete-select-toggle {
    padding: 0.2em 0.45em;
    border-radius: 3px;
    cursor: pointer;
}

.autocomplete-select-wrapper {
    display: inline-block;
    position: relative;
    width: 100%;
}

.autocomplete-select-toggle {
    position: absolute;
    width: 1em;
    height: calc(100% - 2px);
    top: 1px;
    right: 15px;
    font-family: 'GPC';
    text-decoration: none;
}
.autocomplete-select-toggle:before {
    content: "\e900";
    margin-left: -10px;
}

input[type="text"].required.autocomplete-select-input {
    padding-right: 1.5em;
    background-position: calc(100% - 1.5em) center;
}

select:focus {
    box-shadow: 0 0 0 2px var(--gov-color-blue-focus);
    outline: unset;
}

/* Inputs */
input[type="text"], input[type="time"], input[type="password"] {
    padding: 0.25rem 0.5rem;
    font-size: 0.9rem;
}

input[type="submit"], input[type="button"], button {
    display: block;
    /*display: inline-flex;
    align-items: center;
    justify-content: center;*/
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    padding: 0.625rem 0.75rem;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 1.5;
    text-transform: uppercase;
    transition: background-color 150ms ease-in-out,border-color 150ms ease-in-out;
    will-change: background-color,border-color;
    -webkit-font-smoothing: antialiased;
    background-color: var(--gov-color-blue);
    border-color: var(--gov-color-blue);
    color: var(--gov-color-white);
}

input[type="submit"]:hover, input[type="button"]:hover, button:hover {
    background-color: var(--gov-color-blue-dark);
    border-color: var(--gov-color-blue-dark);
    color: var(--gov-color-white);
}

.required:not([disabled="disabled"]), input.required:not([disabled="disabled"]) {
    background-image: url(../assets/icons/custom/asterisk--gov-color-error.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 1em) center;
    background-size: 0.75em;
    padding-right: 1em;
}

input[type="text"].required, .dateTimeEntry.dateEntry + .dateTimeEntry.timeEntry.required {
    background-position: calc(100% - 0.5em) center;
    padding-right: 1.5em;
}

tr.workflow_rq_item_required .file-input {
    background-image: url(../assets/icons/custom/asterisk--gov-color-error.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 1.5em) center;
    background-size: 0.75em;
    padding-right: 1em;
}

.inputIcon {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0.2em 0.2em;
    border-radius: 3px;
    border-left: 1px solid var(--gov-color-grey-mid);
    border-top: 1px solid var(--gov-color-grey-mid);
    border-bottom: 1px solid var(--gov-color-grey-mid);
    height: 100%;
}

.inputIcon + input {
    padding-left: calc(1em + 2*0.2em + 2px);
}

.tableHeaderInputContainer .inputIcon {
    width: 1.5rem;
    min-width: 1.5rem;
    border-radius: 3px;
    border: 1px solid var(--gov-color-grey-mid);
}

.tableHeaderInputContainer * {
    font-size: 1rem;
}

.tableHeaderInputContainer input[type] {
    width: 1.5rem;
    min-width: 1.5rem;
    color: transparent;
}

.tableHeaderInputContainer.tablefilterExpand input[type], .tableHeaderInputContainer.tablefilterActive input[type] {
    color: inherit;
}

/* textarea */
textarea {
    padding: 0.5em;
}

.geojsonDataType, .openLayersMapWrapper {
    height: 20em;
    min-width: 20em;
}

.openLayersMapAddressSearch {
    min-width: 20em;
    width: 100%;
}

.openLayersPopup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
    min-width: 1em;
    max-width: 50vw;
    width: max-content;
}
.openLayersPopup:after, .openLayersPopup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.openLayersPopup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.openLayersPopup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}


/*============================================================================*/
/*PRINT*/
/*============================================================================*/

@media screen {
    .print, .print * {
        display: none !important;
    }
}


/*============================================================================*/
/*ERRORS AND MESSAGES*/
/*============================================================================*/

.messages:not(.gov-alert__content) {
    font-weight: bold;
    color: var(--gov-color-success);
    border-color: var(--gov-color-success);
}

.messages:empty {
    display: none;
}

.error:not(.gov-alert__content) {
    font-weight: bold;
    color: var(--gov-color-error);
    border-color: var(--gov-color-error);
}

.error:empty:not(input) {
    display: none;
}

td.error:not(.gov-alert__content), div.error:not(.gov-alert__content), td.messages:not(.gov-alert__content), div.messages:not(.gov-alert__content) {
    text-align: center;
    padding: 5px;
    margin: 20px;
    border-radius: 5px 5px 5px 5px;
    border: thin solid;
}


/*tableFilter autocomplete fixes + reskin to eGov*/
ul.ui-widget.ui-autocomplete {
    position: absolute;
    background-color: var(--gov-color-white);
    border-radius: 3px;
    box-shadow: 0 0 2px 0 var(--gov-color-grey-light);
    max-height: 50vh;
    overflow-y: scroll;
}

ul.ui-widget.ui-autocomplete li.ui-menu-item:before {
    content: unset;
}

ul.ui-widget.ui-autocomplete li.ui-menu-item {
    list-style-image: unset;/*hide list bullets*/
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: .03125em;
    line-height: 1.3333334;
    text-transform: uppercase;
    color: var(--gov-color-grey-dark);
    font-family: "Roboto",sans-serif;
    background-color: var(--gov-color-white);
    padding: 0.9375rem 0.625rem;
}

ul.ui-widget.ui-autocomplete li.ui-menu-item div {
    border: none;
    background-color: var(--gov-color-white);
    color: var(--gov-color-grey-dark);
    font-weight: 500;
    margin: 0;
}

ul.ui-widget.ui-autocomplete li.ui-menu-item:hover, ul.ui-widget.ui-autocomplete li.ui-menu-item:hover div {
    background: var(--gov-color-blue-hover);
}

.tableHeaderInputContainer {
    margin-left: 0.5ex;
}

.inlineTable {
    flex-grow: 1;
}

.hideOnUIv3 {
    display: none;
}

.paramAction {
    min-width: initial;
}

#pageContent table.cfgitem_info td.paramAction form.paramActionForm {
    margin: 0;
}

.cfgitem_info .paramAction input[type="image"] {
    position: relative;
    top: 0.25em;
}

/*font with additional icons*/
@font-face {
    font-family: "gov-custom-icons";
    src: url("../assets/fonts/icons/gov-custom-icons.woff2") format("woff");
    font-weight: normal;
    font-style: normal;
}

.gov-icon--linkedin:before {
    font-family: "gov-custom-icons";
    content:"3";
}

.gov-icon--pin:before {
    font-family: "gov-custom-icons";
    content:"4";
}

.gov-logo--cdv-method-center-white {
    background: url("customSvg/cdvMcLogoWhite.svg") no-repeat;
    background-size: 100%;
    display: block;
}


/*============================================================================*/
/*RIGHT MENU*/
/*============================================================================*/

#rightmenu {
    display: none;
    top: calc(2 * 0.6rem + 70px);
    min-height: calc(100vh - 2 * 0.6rem - 70px);
    position: absolute;
    overflow: auto;
    right: 0;
    width: 50vw;
    min-width: 100px;
    background-color: var(--gov-color-grey-bg);
    padding: 20px 5px 0px 5px;
    border-top: none;
    border-left: thin solid var(--gov-color-blue-inactive-1);
    border-bottom: thin solid var(--gov-color-blue-inactive-1);
    border-right: none;
    box-sizing: content-box;
}

#rightmenu div.rightcomponent {
    position: relative;
    padding: 0px;
    border-top: none;
}

#rightmenu h3 {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 10px;
}

#rightmenu table {
    text-align: left;
    margin: 5px;
    vertical-align: middle;
}

/*----------------------------------------------------------------------------*/
/*HIERARCHY */
/*----------------------------------------------------------------------------*/

table tr.hierarchyItem > td.hierarchyItemId {
    min-width: 0;
    width: 0;
}

table tr.hierarchyItem > td.hierarchyItemPadded {
    padding-left: calc(5px + 20px * var(--hierarchyItemLevel, 0));
}

table.foldingEnabled tr.hierarchyItem > td.hierarchyItemPadded {
    padding-left: calc(1ex + 1em + 20px * var(--hierarchyItemLevel, 0));
}

table.foldingEnabled tr.hierarchyItem.hierarchyItemWithDescendants > td.hierarchyItemPadded, table.foldingEnabled tr.hierarchyItem.hierarchyItemWithDescendants > td.hierarchyItemPadded:hover {
    background-image: url(wizards/up_color.svg);
    background-repeat: no-repeat;
    background-position: calc(1ex + 20px * var(--hierarchyItemLevel, 0)) 50%;
    background-size: 1em;
}

table.foldingEnabled tr.hierarchyItem.hierarchyItemWithDescendants.hierarchySublevelLoaded > td.hierarchyItemPadded, table.foldingEnabled tr.hierarchyItem.hierarchyItemWithDescendants.hierarchySublevelLoaded > td.hierarchyItemPadded:hover {
    background-image: url(wizards/down_color.svg);
}

.hierarchyDescendantCount {
    padding-left: 1ex;
}

.hierarchyDescendantCount::before {
    content: '(';
}

.hierarchyDescendantCount::after {
    content: ')';
}


/*||||||||||||||||||||||||| HEADER |||||||||||||||||||||||||*/

header .gov-logo--cdv-method-center-white {
    width: 240px;
    height: 70px;
    border-radius: 3px;
}

header .gov-logo--cdv-method-center-white:active {
    border: 2px solid var(--gov-color-white);
}

header .gov-logo--cdv-method-center-white:hover {
    background-color: var(--gov-color-blue-light);
}

.gov-header__holder {
    padding: 0.6rem 0;
}

header.gov-header {
    position: relative;
    padding: 0 2rem;
}

.gov-header__separator {/*fix separator overflowing outside of header and causing horizontal scrollbar*/
    position: absolute;
    left: 0em;
    width: 100vw;
}

.gov-header__link a.gov-link {
    text-align: center;
}

.gov-header__item button, .gov-header__sidenav-collapser, .gov-header__item button:hover, .gov-accordion__header .gov-icon, .gov-accordion__header .gov-complex-icon {
    color: var(--gov-color-white);
}

.gov-header__item button:hover {
    background-color: var(--gov-color-blue-light);
}

.gov-header__nav {/*for sidenav-collapser*/
    margin-left: calc(3.5em - 2vw);
}

/*sidenav collapser*/
.gov-header__sidenav-collapser {
    position: absolute;
    left: 0.5em;
    bottom: 0.5em;
    background: var(--gov-color-blue-light);
    z-index: 1;
    height: calc(100% - 1em);
    padding: 0;
}

.gov-header__sidenav-collapser:hover {
    background: var(--gov-color-blue-hover);
}

.gov-header__sidenav-collapser span {
    transform: rotate(0deg);
    transition: transform 0.2s;
}

.gov-header__sidenav-collapser.gov-sidenav--toggle span {/*rotate icon*/
    transform: rotate(180deg);
    transition: transform 0.2s;
}

/*role colors for user icon*/
.gov-header__item.gov-header__login button span.gov-icon.roleColor--blue-focus {
    background: -webkit-linear-gradient(var(--gov-color-white),var(--gov-color-blue-focus));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gov-header__item.gov-header__login button span.gov-icon.roleColor--yellow {
    background: -webkit-linear-gradient(var(--gov-color-white),var(--gov-color-yellow));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gov-header__item.gov-header__login button span.gov-icon.roleColor--success {
    background: -webkit-linear-gradient(var(--gov-color-white),var(--gov-color-success));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*settings accordion*/
.gov-header__settings {
    position: relative;
}

.gov-header__settings button {
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 1.5;
    text-transform: uppercase;
    background-color: transparent;
    border-color: transparent;
}

.gov-header__settings > button > span.gov-icon {
    font-size: 1.5rem;
    margin: 0 0.15rem;
}

.gov-header__settings ul.gov-accordion__content-inner {
    margin: 0;
}

#gov-header-settings-accordion {
    min-height: 122px;
    height: auto;
    visibility: visible;
    overflow: initial;
    position: absolute;
    background: var(--gov-color-blue);
    z-index: 1;
    width: 200%;
    left: -50%;
    border-radius: 3px;
    border: 2px solid var(--gov-color-blue-light);
}

#gov-header-settings-accordion .gov-accordion__content-inner {
    padding: 1em 0.5em 0.5em;
}

#gov-header-settings-accordion .gov-accordion__content-inner > * {
    margin-bottom: 0.5em;
    width: 100%;
}

#gov-header-settings-accordion .gov-accordion__content-inner > *:hover {
    background: var(--gov-color-blue-light);
}

#gov-header-settings-accordion .gov-accordion__content-inner .gov-button .gov-icon {
    font-size: 1.25rem;
}

.gov-header__settings .gov-accordion__content-inner .gov-lang-switch__select {
    width: 100%;
}

.gov-header__settings .gov-accordion__content-inner .menuitem {
    text-align: center;
    margin-bottom: 0px;
}

.gov-header__settings .gov-accordion__content-inner li::before {
    display: none;
}

.gov-header__settings .gov-accordion__content-inner .menuitem a {
    color: inherit;
    text-decoration: none;
}

.gov-header__settings .gov-accordion__content-inner .menuitem * {
    color: var(--gov-color-white);
    font-size: 1.25rem;
    vertical-align: bottom;
}

.gov-header__settings .gov-accordion__content-inner .menuitem .menuicon {
    font-size: 2rem;
}

.gov-header__settings .gov-accordion__content-inner .menuitem option {
    color: initial;
}

.gov-header__settings .gov-accordion__content-inner .menuitem .pageFilterDate {
    font-size: 0.5em;
}

.historicData .gov-header__settings .gov-accordion__content-inner .menuitem .pageFilterDate {
    color: var(--gov-color-blue-inactive-1);
}


/*Header items*/
.gov-header__item, .gov-header__fixed-items .gov-header__item {
    margin-left: 0.5em;
}

.gov-header__search {
    flex: 1;
}

/*search autocomplete results*/
header .gov-search input#autocompleteSearchWidget::placeholder {
    color: var(--gov-color-grey-light);
}

header .gov-search ul.gov-autocomplete__results {
    border-radius: 3px;
    box-shadow: 0 2px 4px 0px rgba(0,0,0,0.25);
    border: 2px solid var(--gov-color-white);
    overflow: hidden;
}

.gov-header__item > button:not(.gov-header__hamburger) {
    height: 3.6em;
    border-radius: 3px;
}

.gov-header__item.gov-header__notifications {
    position: relative;
}

.gov-header__item.gov-header__notifications #notificationsCounter {
    width: 22px;
    height: 22px;
    border-radius: 22px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: var(--gov-color-blue);
    color: var(--gov-color-white);
    border: 2px solid var(--gov-color-white);
    box-shadow: 0px 0px 0px 2px var(--gov-color-blue);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
}

.gov-header__item.gov-header__login button span.gov-icon {
    margin-right: 0.2em;
    padding: 0.1em;
}

.gov-header__item.gov-header__login button {
    justify-content: left;
}

.gov-header__item.gov-header__notifications:hover #notificationsCounter {
    background: var(--gov-color-blue-light);
    box-shadow: 0px 0px 0px 2px var(--gov-color-blue-light);
}

.gov-header__item.gov-header__notifications #notificationsCounter.gov-color--warning {
    background: var(--gov-color-yellow);
    color: var(--gov-color-grey-dark);
    font-weight: bold;
}

.gov-header__item.gov-header__notifications #notificationsCounter.gov-color--error {
    background: var(--gov-color-error);
    font-weight: bold;
}

.gov-header__item.gov-header__notifications #notificationsCounter.empty {
    display: none;
}

.gov-header__item:nth-child(1) { /* revert this WTF? order/width override for the first child in GOV styles */
    width: auto;
    order: unset;
}

.gov-lang-switch__select#roleSwitch {
    max-width: 8rem;
}

select.gov-lang-switch__select#roleSwitch {
    width: auto;
    height: 3.6em;
    padding-right: 1.5rem;
}

span.gov-lang-switch__select#roleSwitch {
    line-height: 3.6em;
    cursor: auto;
}

.gov-header__item.gov-header__role .gov-lang-switch::after {
    top: 0.5rem;
}

.gov-header__item.gov-header__role .gov-lang-switch.gov-lang-switch-disabled::after {
    display: none;
}

/*||||||||||||||||||||||||| SIDEBAR |||||||||||||||||||||||||*/

nav.gov-sidenav {
    float: left;
    background: var(--gov-color-blue-light);
    width: 300px;
}

nav.gov-sidenav.gov-sidenav--toggle {/*hide sidenav menu*/
    display: none;
}

nav.gov-sidenav ul li button {
    color: var(--gov-color-white);
    text-align: left;
    width: 95%;
    font-size: 0.8rem;
    gap: unset;
}

nav.gov-sidenav ul li.has-toggle button {/*fix difference of height due to js-inserted span*/
    padding: 0.6rem 0.5rem;
}

nav.gov-sidenav ul li.has-toggle button:after {/*span created via js, can't apply class'*/
    color: var(--gov-color-white)!important;
}

nav.gov-sidenav ul li button:hover, nav.gov-sidenav ul li.has-toggle button:hover:after {
    color: var(--gov-color-blue)!important;
}

nav.gov-sidenav ul {
    padding: 0 0.5em 0;
    word-wrap: anywhere;
}

nav.gov-sidenav ul.gov-sidenav--level-1 {
    padding-top: 0.5em;
}

nav.gov-sidenav > ul > li:last-child {
    border-bottom: 1px solid var(--gov-color-grey-inactive);
}

nav.gov-sidenav ul.gov-sidenav--level-2 li:not(:first-child) {
    border-top: 1px solid rgba(var(--gov-color-grey-inactive-rgb),0.5);
}

/*||||||||||||||||||||||||| CONTENT |||||||||||||||||||||||||*/

div.container {
    margin-left: 300px;
    padding: 1em 2em;
    min-height: calc(100vh - 2 * 0.6em - 70px); /* computed from header .gov-logo--center-white */
    background: var(--gov-color-grey-bg);
    color: var(--gov-color-grey-dark);
}

body.windowed div.container {
    margin-left: initial;
    min-height: initial;
}

body.windowed.fullscreen div.container {
    min-height: 100vh;
}

div.container.gov-sidenav--toggle {/*hide sidenav menu > reclaim space*/
    margin-left: 0px;
}

/*||| BREADCRUMBS |||*/

div.gov-breadcrumbs .gov-breadcrumbs__item a.gov-link--standalone {
    color: var(--gov-color-blue);
}

div.gov-breadcrumbs .gov-breadcrumbs__item a.gov-link--standalone:hover {
    color: var(--gov-color-blue-focus);
    text-decoration: none;
    font-weight: bold;
}

div.gov-breadcrumbs .gov-breadcrumbs__item a.gov-link--standalone, div.gov-breadcrumbs .gov-breadcrumbs__item a.gov-link--standalone:hover {transition: all 150ms ease-in-out;}


/*||| DESTKOP WINDOW |||*/

.ui-dialog.desktopWindow {
    border-radius: 6px;
}

.ui-dialog.desktopWindow .ui-dialog-titlebar {
    background: var(--gov-color-blue-light);
    border-color: var(--gov-color-blue-inactive-1);
    color: var(--gov-color-white);
}

.ui-dialog.desktopWindow .ui-dialog-content {
    padding: 0;
    background: var(--gov-color-grey-bg);
}

.ui-dialog .ui-dialog-titlebar-close {
    height: 18px;
}


/*||| PAGE CONTENT |||*/
/*tables*/

div.tableContainer, div#tableContainer, div#tableContainerMobile {/*temp*/
    background: var(--gov-color-white);
    border: 1px solid var(--gov-color-blue);
    padding: 1em;
    border-radius: 3px;
    overflow-x: auto;
}

div.tableContainer.scrollable, div#tableContainer.scrollable, div#tableContainerMobile.scrollable {
    height: 200px;
    overflow: auto;
}

div#tableContainer .gov-pagination__holder {
    display: none;
}

div.tableContainer.pageable .gov-pagination__holder, div#tableContainer.pageable .gov-pagination__holder {
    display: flex;
    justify-content: center;
}

/*modifier '--hover-scaleup' for .gov-link & .gov-button classes, scales up link/button (animated)*/
.gov-link--hover-scaleup, .gov-link--hover-scaleup span {
    display: inline-block;
}

.gov-link--hover-scaleup, .gov-link--hover-scaleup span, .gov-button--hover-scaleup {
    transform: scale(1);
    -webkit-font-smoothing: subpixel-antialiased;
    transition: transform 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.gov-link--hover-scaleup:hover, .gov-link--hover-scaleup span:hover, .gov-button--hover-scaleup:hover {
    transform: scale(1.1);
}

.gov-badge.gov-badge--success {
    color: var(--gov-color-white);
    background-color: var(--gov-color-success);
}

/*||| FILTER FORM |||*/

.filterForm input {
    display: inline-block;
}

.filterForm label {
    padding-left: 0.5ex;
}

.filterForm > fieldset > span {
    display: inline-block;
    padding: 0.2em 0.5em;
}

.pageFilterDate {
    display: block;
}

.historicData .pageFilterDate {
    color: var(--gov-color-blue-inactive-1);
}


/*||||||||||||||||||||||||| FOOTER |||||||||||||||||||||||||*/
footer .gov-logo--cdv-method-center-white {
    width: 250px;
    height: 70px;
}

/*fileinput upload icon fix*/
.gov-fileinput__attachments > li > span:after {
    /*content: "0";*/
    content: "U";
    transform: rotate(135deg);
}

footer .gov-link--small {
    font-size: .75rem;
}

footer .gov-link--inversed:visited, footer .gov-link--inversed:visited * {
    color: var(--gov-color-white);
}


.gov-sidenav--level-2 .gov-sidenav__item.is-active {
    background-color: unset;
}

.gov-sidenav--level-3 {
    background-color: unset;
}

.gov-sidenav__item button span.gov-icon, .gov-sidenav__item button span.gov-complex-icon {
    margin-right: 0.25em;
}

/*mutliselect hotfix*/
select[multiple="multiple"] {
    text-align: left;
}

select[multiple="multiple"] option {
    font-size: 0.8em;
    margin: 0;
    padding: 0;
}

select[multiple="multiple"] option:checked {
    background-color: var(--gov-color-blue-inactive-2);
}

.ui-state-default {
    color: var(--gov-color-blue-light) !important;
}

/*jquery datepicker hotfix*/
table.ui-datepicker-calendar td {
    min-width: unset;
}

.dateTimeEntry.dateEntry, .dateTimeEntry.timeEntry {
    display: inline-block;
    width: 50%;
    padding: 0.25em 0.5em;
}

.dateTimeEntry.timeEntry {
    width: calc(50% - 2em);
    margin-left: 1em;
}

.actionMenu li.menuitem::before {
    display: none;
}

.actionMenu li.menuitem a {
    text-decoration: none;
}

.actionMenu li.menuitem a.menulink, .actionMenu li.menuitem a.menulinkdiv {
    display: inline-block;
    width: 100%;
    word-break: break-word;
}

.actionMenu .menulinkdiv.menulevel1 {
    height: 100%;
    text-align: center;
    vertical-align: middle;
    padding: 0.4em;
}

.actionMenu.ui-widget-content {
    border: none;
}

.actionMenu.ui-widget-content a {
    color: inherit;
}

.actionMenu.ui-menu .ui-state-focus, .actionMenu.ui-menu .ui-state-active {
    margin: 0;
}

.actionMenu.ui-menu .ui-menu-item-wrapper {
    padding: 0px;
}

.actionMenu.ui-menu .ui-menu-item-wrapper a.menulink {
    padding: 3px 1em 3px .4em;
}

.actionMenu .menuitem.menulevel1 {
    width: 65px;
    height: 65px;
    float: left;
    border: 1px solid var(--gov-color-blue);
}

.actionMenu .menuitem.menulevel1 .menuicon {
    font-size: 50px;
    line-height: 63px;
}

.actionMenu .menuitem.menulevel1 .menuitem.menulevel2 .menuicon {
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
}

.listActionMenu .actionMenu {
    height: 32px;
}

.listActionMenu .actionMenu .menuitem.menulevel1 {
    width: 32px;
    height: 32px;
    border: none;
}

.listActionMenu .actionMenu .menulinkdiv.menulevel1 {
    padding: 0;
}

.listActionMenu .actionMenu .menuitem.menulevel1 .menuicon {
    font-size: 20px;
    line-height: 32px;
}

.listActionMenu .inlineTable {
    margin: 0px;
}


/* ========== cfgitem and ticket detail =========== */
.ticket_title, .cfgitem_title {
    padding: 0.5em;
    background: var(--gov-color-blue-light);
    border-radius: 6px 6px 0px 0px;
    border: 1px solid var(--gov-color-blue-inactive-1);
    color: var(--gov-color-white);
}

.cfgitem_title_buttons form {
    float: right;
    margin-left: 0.5em;
}

.cfgitem_title {
    clear: right;
}

.cfgitem_title::after{
    content:"";
    clear:right;
    display:table;
}

.cfgitem_info_wrapper  {
    border-radius: 0px 0px 3px 3px!important;
    background: var(--gov-color-grey-bg);
    border: 1px solid var(--gov-color-blue-inactive-1);
    border-top: none!important;
    padding: 0.25em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 1em;
    width: 100%;
}

.cfgitem_info_wrapper table/*, div.test*/ {
    margin: 0.25em;
    padding: 0 0.5em;
    min-width: auto;
}

.cfgitem_info_wrapper > .actionMenu {
    margin: 0.25em;
}

.cfgitem_info_wrapper table th, .workflow_action_request_blocks table th {
    border-right: 1px solid rgba(var(--gov-color-grey-inactive-rgb),0.4);
}

.cfgitem_info_wrapper table.typeC th.wide {
    border-right: unset;
}

table.typeC th.header {
    text-align: center;
}

table.settingsPersonalInfo input[type="submit"] {
    margin: 0.25em auto;
}

table.settingsPersonalInfo tr:not(:last-child) th {
    border-bottom: 1px solid var(--gov-color-grey-inactive);
}

.cfgitem_info_wrapper table td, .workflow_action_request_blocks table td {
    padding-left: 1em;
}

.cfgitem_info.inlineTable, .ticket_info.inlineTable/*, div.test*/ {
    order: -1;
}

.cfgitem table.confitemEdit {
    margin-bottom: 0;
}

table.confitemEdit td.wide {
    padding-right: 1em;
}

.cfgitem > input[type="submit"] {
    margin: 0.5em auto;
    display: block;
}

.cfgitem .editableParam td.wide select {
    width: -webkit-fill-available;
}

.cfgitem_photo {
    order: -2;
    flex-grow: 0;
}

.editableParam .paramPrefix, .editableParam .paramSuffix {
    min-width: auto;
}

div.itemCount {
  position: absolute;
  top: -1.2em;
  right: 0px;
  font-style: italic;
  line-height: 1.1em;
}

.ticketHistory div.paramValue {
    display: inline-block;
}


/*==== dashboard flex row/wrap layout (row with some stacking items) ====*/
.dashboardFlex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.dashboardFlex > table {
    max-width: calc(50% - 2 * 0.25em);
}
.dashboardBlock {
    width: calc(50% - 2 * 0.25em);
    order: 2;
    margin-bottom: auto;
}
.dashboardFlex .dashboardBlock table {
    width: 100%;
}
.dashboardBlock table:not(:last-child) {
    margin-bottom: 0.5em;
}



@media (max-width: 999px) {
    .dashboardFlex table, .dashboardFlex .dashboardBlock {
        max-width: 100%;
        width: 100%;
    }
    .dashboardBlock {
        margin: 0 0.25em;
    }
    .dashboardBlock table {
        margin: 0.25em 0;
    }
    .dashboardBlock table:not(:last-child) {
        margin-bottom: 0.5em;
    }
}

/*firefox fix (default creates some pseudo-R-margin in 1st table)*/
@-moz-document url-prefix() {
    .dashboardFlex > table:first-child {
        margin-right: 0;
    }
    .dashboardFlex .dashboardBlock {
        width: calc(50% - 2 * 0.25em);
    }
    .dashboardFlex .dashboardBlock table {
        width: 100%;
        margin-left: -0.25em;
    }
    @media (max-width: 999px) {
        .dashboardFlex > table:first-child {
            margin-right: 0.25em;
        }
        .dashboardFlex .dashboardBlock {
            width: 100%;
        }
        .dashboardFlex .dashboardBlock table {
            margin-left: 0;
        }
    }
}
/*=============================================================================*/

table td.indexHeadCell {
    font-size: 1.2em;
    background: var(--gov-color-blue-inactive-3);
}

.cfgitem_extended_info.inlineTable, .ticket_extended_info.inlineTable, .actionMenu.inlineTable {
    flex: min-content;
    height: 100%;
}

.actionMenu.inlineTable {
    flex-grow: 0;
}

.workflow_actions {
    margin-bottom: 0.5em;
}

.selectButtons input[type="checkbox"], .selectButtons input[type="radio"] {
    margin-right: 0.5em;
}

.workflow_action_submit {
    width: 100%;
}

.workflow_action_submit input[type="submit"] {
    display: block;
    margin: auto;
}

.workflow_action .wfActionHideSubmit .workflow_action_submit {
    display: none;
}

.workflow_action_request_blocks table th {
    padding-left: 1em;
}

.workflow_action_title {
    padding: 0.5em;
    background: var(--gov-color-white);
    border-radius: 3px 3px 0px 0px;
    border: 1px solid var(--gov-color-blue-inactive-1);
    border-bottom: none;
}

.workflow_action_title:not(.ui-accordion-header) {
    padding: 0.5em;
    background: var(--gov-color-blue-light);
    border-radius: 6px 6px 0px 0px;
    border: 1px solid var(--gov-color-blue-inactive-1);
    color: var(--gov-color-white);
}

.workflow_action .workflow_rq_item td select,
.workflow_action .workflow_rq_item td input:not(.dateTimeEntry):not([type="checkbox"]):not([type="radio"]),
.workflow_action .workflow_rq_item td textarea,
.workflow_action .workflow_rq_item td div.file-input {
    width: calc(100% - 1em);
}

.workflow_action .workflow_rq_item td:not(.workflow_rq_input_button_cell) div.file-input input {
    width: -webkit-fill-available!important;
}

.workflow_action .workflow_rq_item td.workflow_rq_input_button_cell select,
.workflow_action .workflow_rq_item td.workflow_rq_input_button_cell input,
.workflow_action .workflow_rq_item td.workflow_rq_input_button_cell textarea {
    max-width: calc(100% - 3.35em);
    width: calc(100% - 3.35em);
}

.workflow_action .workflow_rq_item td.workflow_rq_input_button_cell button {
    margin-left: 0.5em;
    margin-top: -0.4em;
    padding: 0.35em;
}

/*workflow action disable accordion for submit*/
.workflow_action_title.disable_accordion {
    display: none;
}

.workflow_action.disable_accordion {
    display: block!important;
    border: none;
    background: var(--gov-color-grey-bg);
}
/*workaround - hide 'remove block' accordion*/
.ui-accordion .workflow_ac_created_removeBlock {
    display: none;
}

#pageContent .disable_accordion table.workflow_action {
    width: 100%;
    background: unset;
    border: unset;
}

/*jquery accordion wip hack*/

.ui-accordion .ui-accordion-header {
    margin-top: 0.5em;
    background: var(--gov-color-white);
    border: 1px solid var(--gov-color-blue-inactive-1);
}

.ui-accordion .ui-accordion-header:not(.ui-state-active):hover {
    background: var(--gov-color-blue-hover);
}

.ui-accordion .ui-accordion-header.ui-state-active {
    border-bottom: none;
}

/*other components*/
.info_table_title {
    font-size: 1.25rem;
    margin: 0.625rem 0;
}

/*.info_table_title + table tr:first-child {*/
.info_table_title + table th {
    background: var(--gov-color-grey-bg);
    border-bottom: 1px solid rgba(var(--gov-color-grey-inactive-rgb),0.4);
    padding: 0.5em;
}

.info_table_title + table td {
    padding: 0.1em 0em 0.1em 0.5em;
}

.info_table_title + table tr td:last-child {
    width: 100%;
}
.info_table_title + table th:not(:last-child), .info_table_title + table tr td:not(:last-child) {
    border-right: 1px solid rgba(var(--gov-color-grey-inactive-rgb),0.4);
}

.info_table_title + table tr:hover td {
    background: var(--gov-color-blue-hover);
}

/* Collapse button functionality */
.collapseButton {
    border-radius: 3px;
    padding: 0.5em 0;
}

.collapseButton:hover {
    background: var(--gov-color-blue-hover);
    color: var(--gov-color-blue);
}

#pageContent > table.collapseButtonTarget, form.collapseButtonTarget {
    display: none;
}

/*hover anim*/
.ui-accordion .ui-accordion-header:not(.ui-state-active):hover, .info_table_title + table tr:hover td, .collapseButton:hover {
    transition: color 0.15s ease-in-out, background 0.15s ease-in-out;
}

ul.searchAutoComplete.ui-widget.ui-widget-content {
    max-height: 70%;
    overflow-y: scroll;
    border-radius: 3px;
    border: 1px solid var(--gov-color-blue);
    padding: 0.5em;
    background: var(--gov-color-white);
}

ul.searchAutoComplete.ui-widget.ui-widget-content li.ui-menu-item {
    padding: 0.25em 0.5em;
}

ul.searchAutoComplete.ui-widget.ui-widget-content li.ui-menu-item:hover, ul.searchAutoComplete.ui-widget.ui-widget-content li.ui-menu-item:hover a {
    background: var(--gov-color-blue-hover);
}

ul.searchAutoComplete.ui-widget.ui-widget-content li.ui-menu-item:hover a, ul.searchAutoComplete.ui-widget.ui-widget-content li.ui-menu-item a.ui-state-active {
    color: var(--gov-color-blue-focus);
}

ul.searchAutoComplete.ui-widget.ui-widget-content li.ui-menu-item a {
    text-decoration: none;
    border: none;
    width: 100%;
}

ul.searchAutoComplete.ui-widget.ui-widget-content li.ui-menu-item a {
    font-family: "Roboto", Arial, Verdana, sans-serif;
}

/*datePicker custom gov-like*/
.ui-datepicker, .ui-datepicker-header, .ui-datepicker table.ui-datepicker-calendar tr, .ui-datepicker table.ui-datepicker-calendar th , .ui-datepicker table.ui-datepicker-calendar td a {
    background: var(--gov-color-blue);
    color: var(--gov-color-white)!important;
    border: none;
    border-radius: 3px;
}

.ui-datepicker {
    width: auto;
    padding: 0.5em 1em
}

.ui-datepicker table.ui-datepicker-calendar th a, .ui-datepicker table.ui-datepicker-calendar td a {
    text-align: center;
    vertical-align: middle;
    padding: 1em;
    font-size: 0.75em;
}

.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-today a {
    background: var(--gov-color-blue-dark);
}

.ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a, .ui-datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a:hover {
    border: 2px solid var(--gov-color-white);
}

.ui-datepicker table.ui-datepicker-calendar td a:focus {
    border: 2px solid var(--gov-color-white);
    background: var(--gov-color-blue);
}


.ui-datepicker table.ui-datepicker-calendar td a:hover, .ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-prev:hover {
     background: var(--gov-color-blue-light);
     border: none;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover {
    top: 0.5em;
    padding: 0;
    height: 2.8em;
    width: 2.8em;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover {
    left: unset;
    right: 3.4em;
}

.ui-datepicker .ui-datepicker-next:before  {
    font-family: "gov-basic-icons";
    content: "F";
}

.ui-datepicker .ui-datepicker-prev:before  {
    font-family: "gov-basic-icons";
    content: "t";
}

.ui-datepicker .ui-datepicker-next:before, .ui-datepicker .ui-datepicker-prev:before {
    font-size: 2em;
    color: var(--gov-color-white);
    line-height: 1.5;
    padding-left: 0.2em;
}

.ui-datepicker .ui-datepicker-next span.ui-icon, .ui-datepicker .ui-datepicker-prev span.ui-icon {
    display: none;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0.5em 0;
    padding: 0 0.5em;
    line-height: 1.8;
    text-align: left;
    font-size: 1.5em;
    font-weight: normal;
    text-transform: capitalize;
}

.ui-datepicker select.ui-datepicker-year {
    width: auto;
    background: var(--gov-color-blue);
    font-family: "Roboto", Arial, Verdana, sans-serif;
    border: none;
    padding: 0;
}

.ui-datepicker select.ui-datepicker-year option {
    background: var(--gov-color-blue-light);
}

input[type="submit"], #folddiv input[type="button"], #folddiv input[type="submit"] {
    /*margin: 0.5em 0.5em 0.5em 0em;*/

}

.workflow_graph {
    position: relative;
    background: var(--gov-color-white);
    border: 1px solid var(--gov-color-blue-inactive-1);
    border-radius: 3px;
}

@media (min-width: 990px) {
    .workflow_editor > form {
        width: 60%;
        float: left;
    }
    .workflow_editor > .workflow_graph {
        width: 40%;
        float: right;
    }
    .workflow_editor::after{
        content:"";
        clear:both;
        display:table;
    }
    .workflow_editor > form .CodeMirror, .workflow_graph, .workflow_graph canvas {
        height: 600px;
    }
}

/*searchbar icon fixes*/
.icon-confitem:before, .icon-ticket:before, .icon-execute:before {
    font-family: 'GPC';
}

.gov-sidenav--level-1>.gov-sidenav__item.is-active:not(.has-toggle)>button {
    border-color: var(--gov-color-white);
}


/*============================================================================*/
/* TICKET CHAT */
/*============================================================================*/

div.chatContainer:empty, div.chatComponent:empty, div.chatComponent:has(.chatContainer:empty) {
    display: none;
}

div.chatComponent {
    max-height: 300px;
    width: 100%;
    margin: auto;
    margin-bottom: 1em;
    background: var(--gov-color-white);
    border-radius: 4px;
    border: 1px solid var(--gov-color-blue-inactive-1);
    overflow-y: hidden;
    overflow-x: hidden;
    padding: 1em 0.5em;
    /* scroll to bottom trick:*/
    display: flex;
    flex-direction: column-reverse;
}

div.chatContainer {
    overflow-y: auto;
}

.chatMessage {
    display: flex;
    position: relative;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 1em;
}

.chatMessage:last-child {
    margin-bottom: 0.5em;
}

.chatMessage.received {
    float: left;
    flex-direction: row;
}

.chatMessage.sent {
    float: right;
    flex-direction: row-reverse;
}

.chatMessage .chatInitial {
    width: 45px;
    min-width: 45px;
    height: 45px;
    font-size: 2.25em;
    border-radius: 25px;
    color: #343a40;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    text-transform: capitalize;
    font-weight: bold;
}

.chatMessage .chatBody {
    position: relative;
    color: var(--gov-color-grey-dark);
    margin: 0 0.5rem;
    padding: 0.5rem;
    padding-bottom: 2rem;
    text-align: left;
    min-width: 60%;
}

.chatMessage.received .chatBody {
    border-radius: 20px 20px 20px 0px;
}

.chatMessage.received:last-child .chatBody {
    border-radius: 0px 20px 20px 20px;
}

.chatMessage.sent .chatBody {
    border-radius: 20px 20px 0px 20px;
}

.chatMessage.sent:last-child .chatBody {
    border-radius: 20px 0px 20px 20px;
}

.chatMessage.received .chatBody, .chatMessage.received .chatInitial {
    background: var(--gov-color-grey-inactive);
}

.chatMessage.sent .chatBody, .chatMessage.sent .chatInitial {
    background: var(--gov-color-blue-inactive-2);
}

.chatBody .chatState {
    font-weight: bold;
}

.chatSignature {
    position: absolute;
    bottom: 0.1rem;
    right: 1.5rem;
    color: var(--gov-color-grey-mid);
    font-size: 80%;
    max-height: 2rem;
    overflow: hidden;
    text-align: right;
}

/*timepicker*/

.mdtp__wrapper[data-theme=blue] .mdtp__clock .mdtp__am.active, .mdtp__wrapper[data-theme=blue] .mdtp__clock .mdtp__clock_dot, .mdtp__wrapper[data-theme=blue] .mdtp__clock .mdtp__pm.active, .mdtp__wrapper[data-theme=blue] .mdtp__time_holder,
.mdtp__wrapper[data-theme=blue] .mdtp__clock .mdtp__digit.active span, .mdtp__wrapper[data-theme=blue] .mdtp__clock .mdtp__digit:not(.digit--disabled) span:hover {
    background-color: var(--gov-color-blue)!important;
}

/*admin localization*/
.adminLocalizationAddKey {
    display: flex;
    margin: 0.5em 0;
    align-items: center;
}

.adminLocalizationAddKey > *:not(:last-child) {
    margin-right: 0.5em;
}

.adminLocalizationAddKey #adminLocalizationTitle {
    min-width: fit-content;
}

.adminLocalizationAddKey #adminLocalizationScroll {
    padding: 0.12em 0.2em;
    font-size: 1.5em;
}

.adminLocalizationAddKey input {
    padding: 0.4em;
}

table.adminLocalization tr:not(:first-child) td:last-child {
    min-width: auto;
    padding: 0;
}

table.adminLocalization tr:not(:first-child) td:last-child button {
    margin: 0 0.5em;
}

table.adminLocalization tr:first-child td:first-child {
    display: flex;
    align-items: center;
    min-width: auto;
}

input[type="submit"].centeredSubmit {
    margin: 0.5em auto;
}

/*adminModel/vis*/
#model {
    border: 1px solid var(--gov-color-blue-inactive-1);
}

.vis-network {
    background: var(--gov-color-white);
}


/* Custom icons */

#toolbarMenu .icon-export-to-pdf {
    background-image: url(elements/export-to-pdf-white.svg);
    width: 2rem;
    height: 2rem;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}