/* TANGORA CSS */
.ts-panel { display:flex; }
.ts-panel > * { flex:var(--ts-panelbox-flex, 1 1 auto); margin:var(--ts-panelbox-margin, 0px); padding:var(--ts-panelbox-padding, 0px); border-top:var(--ts-panelbox-bordertop, none); border-right:var(--ts-panelbox-borderright, none); border-bottom:var(--ts-panelbox-borderbottom, none); border-left:var(--ts-panelbox-borderleft, none) }
/* RESOURCE #74 BEGIN */
.modernize {
    --regular_font_family: RobotoRegular;
    --bold_font_family: RobotoBold;
    
    --white: #ffffff;
    --ghost_white: #dcdada;
    --gray-light: #7f7f7f;
    --gray: #6a6a6a;
    --dark_gray: #333333;
    --border_gray: #d5d5d5;
    --border_table_gray: #efefef;
    --button_gray: #6b6b6b;
    --button_blue: #15bacd;
    --ruby_red: #ef2b2f;
    --ruby_red_trans: rgb(from var(--ruby_red) r g b / .21);
    
    --datetime_width: 165px;
    --date_width: 100px;
    
    --icon_font_family_regular: 'Icon font regular';
    --icon_font_family_solid: 'Icon font solid';
}

/**** GENERAL ****/
.modernize,
.modernize td,
.modernize input,
.modernize textarea,
.modernize select,
.modernize button {
    color: var(--gray);
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: var(--regular_font_family);
}

.modernize p:empty {
    display: none;
}

/**** NOCONTENT ****/
.modernize .data-list.one-line div:has(.nocontent) {
    display: none;
}
.modernize .edit-bar .btn.nocontent {
    display: none;
}

/**** FILTERS ****/
.modernize .filtering * {
    line-height: 1.25em;
    color: var(--dark_gray);
    font-size: 14px;
}

.modernize .filtering {
    margin-inline: -0.25em;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.modernize .filtering+.filtering {
    margin-top: 10px;
}

.modernize .filtering.filtering-left > div,
.modernize .filtering.filtering-right > div {
    width: auto;
    min-width: unset;
    flex-grow: 0;
    flex-shrink: 0;
}

.modernize .filtering.filtering-left {
    justify-content: start;
}
.modernize .filtering.filtering-right {
    justify-content: end;
}

.modernize .filtering > div {
    padding: 4px;
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 200px;
}

.modernize .filtering div:has(input[type="checkbox"]) {
    display: flex;
    gap: 4px;
    align-items: center;
}

.modernize .filtering div:has(input[type="checkbox"]) input {
    margin-inline-start: 16px;
}

.modernize .filtering > div > div:last-child {
    position: relative;
}

.modernize .filtering label {
    color: var(--gray);
    line-height: 1.6;
}
    
.modernize .filtering input[type=text],
.modernize .filtering input[type=search],
.modernize .filtering input[name=searchword],
.modernize .filtering nobr>input {
    box-sizing: border-box;
    width: 100%;
    height: 41px;
    padding: 10px;
    margin: 0;
    border-radius: 5px;
    outline: none;
    font-size: 1em;
    line-height: 1em;
    font-weight: 300;
    background: var(--white);
    border: 1px solid var(--ghost_white);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.modernize .filtering .dateTimeBlock  {
    position: initial;
    display: block;
    background-color: var(--white);
    outline: none;
    margin: 0;
    padding: 10px;
    height: 41px;
    width: 150px;
    border: 1px solid var(--ghost_white);
    border-radius: 5px;
    font-weight: 400;
    color: inherit;
    transform: none;
}

.modernize .filtering .dateTimeBlockWrapper {
    display: block;
    width: 100%;
    height: auto;
}

.modernize .filtering select {
    width: 100%;
    padding: 10px;
    margin: 0;
    border-radius: 5px;
    outline: none;
    font-size: 1em;
    line-height: 1em;
    font-weight: 300;
    line-height: 1.333em;
    background: var(--white) url(/media/imagegenerator/24x0/sort-desc.png) no-repeat calc(100% - 10px) 50%;
    background-image: -webkit-image-set(url(/media/imagegenerator/12x0/sort-desc.png) 1x, url(/media/imagegenerator/24x0/sort-desc.png) 2x);
    background-size: 12px auto;
    border: 1px solid var(--ghost_white);
    appearance: none;
    -moz-appearance: none;
    padding-right: 30px;
    -webkit-appearance: none;
}

.modernize .filtering input[type=text][id$=QS] {
    background: var(--white) url(/media/imagegenerator/24x0/admin-search.png) no-repeat calc(100% - 10px) 50%;
    background-image: -webkit-image-set(url(/media/imagegenerator/12x0/admin-search.png) 1x, url(/media/imagegenerator/24x0/admin-search.png) 2x);
    background-size: 12px auto;
    padding-right: 25px;
}

.modernize .filtering .calBtn {
    margin-right: 0;
    margin-top: 1px;
    width: 24px;
}

.modernize .filtering .date-interval {
    min-width: 0;
    max-width: 321px;
}

.modernize .filtering .dateTimePicker {
    display: block;
}

.modernize .filtering .dateTimePicker span {
    color: var(--dark_gray);
}

.modernize .filtering .dateTimePickerInputSkin {
    display: none;
}

.modernize .dateTimeBlock>img {
    float: left !important;
    padding: 0 !important;
    width: 10px !important;
    height: 10px !important;
    margin-left: 0;
}

.modernize .filtering table {
    display: block !important;
}

.modernize .filtering td {
    vertical-align: middle;
}

.modernize .filtering input[type=button],
.modernize .filtering input[type=submit] {
    font-family: var(--bold_font_family);
    font-weight: 300;
    font-size: 1em;
    text-transform: uppercase;
    color: var(--white);
    text-align: center;
    border: 0;
    border-radius: 5px;
    margin: 0;
    background-color: var(--button_blue);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    height: 41px;
    line-height: 1em;
    min-width: 80px;
    padding: 10px;
    outline: none;
    cursor: pointer;
    border: 1px solid var(--button_blue);
    transition: all 300ms ease 0ms;
}

.modernize .filtering > div:has(input[type=button]),
.modernize .filtering > div:has(input[type=submit]) {
    min-width: 0;
    max-width: fit-content;
}

.modernize .filtering .quicksearchselectorbox {
    width: 100%;
    left: 0 !important;
    top: 100% !important;
    z-index: 1;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: var(--white);
    border: 1px solid var(--ghost_white);
    margin-top: -1px;
    box-sizing: border-box;
}

.modernize .filtering div.quicksearchselectorbox ul {
    margin: 0;
    padding: 0;
}

.modernize .filtering div.quicksearchselectorbox ul li {
    clear: both;
    width: 100%;
    display: block;
    border-bottom: 1px solid var(--ghost_white);
    padding-block: 0.25em;
}

.modernize .filtering div.quicksearchselectorbox ul li:last-child {
    border-bottom: none;
}

.modernize .filtering div.quicksearchselectorbox ul li:hover {
    background-color: #fff8b8;
}

.modernize .filtering div.quicksearchselectorbox ul li a {
    display: block;
    text-decoration: none;
    padding: 4px;
    margin: 0;
    color: #7f7f7f;
    text-align: left;
    padding-left: 10px;
}

@media screen and (max-width: 600px) {
    .modernize .filtering.filtering-grid.filtering-grid > div
    {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 8px;
    }
    .modernize .filtering.filtering-grid.filtering-grid > div > *:nth-child(1)
    {
        grid-area: 1 / 1 / 2 / 2;
        margin-inline-start: auto;
        margin-inline-end: 8px;
    }
    .modernize .filtering.filtering-grid.filtering-grid > div > *:nth-child(2)
    {
        grid-area: 1 / 2 / 2 / 3;
    }
    .modernize .filtering.filtering-grid.filtering-grid > div > *:nth-child(3)
    {
        grid-area: 2 / 1 / 3 / 2;
        margin-inline-start: auto;
        margin-inline-end: 8px;
    }
    .modernize .filtering.filtering-grid.filtering-grid > div > *:nth-child(4)
    {
        grid-area: 2 / 2 / 3 / 3;
    }
    .modernize .filtering.filtering-grid.filtering-grid > div > *:nth-child(5)
    {
        grid-area: 3 / 1 / 4 / 2;
        margin-inline-start: auto;
        margin-inline-end: 8px;
    }
    .modernize .filtering.filtering-grid.filtering-grid > div > *:nth-child(6)
    {
        grid-area: 3 / 2 / 4 / 3;
    }
}

@media screen and (max-width: 400px) {
    .modernize .filtering .date-interval tbody tr
    {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .modernize .filtering .date-interval tbody tr td:nth-child(2)
    {
        display: none;
    }
}

/**** TABLE ****/
.modernize .table {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
    margin-top: 1em;
    font-size: 14px;
    border-left: 1px solid var(--border_table_gray);
    width: 100%;
    background-color: var(--white);
}

.modernize .table-header {
    text-transform: uppercase;
    font-family: var(--bold_font_family);
}

.modernize .table th,
.modernize .table td {
    padding: 10px;
    border-right: 1px solid var(--border_table_gray);
    border-bottom: 1px solid var(--border_table_gray);
    font-weight: 400;
    text-align: left;
}

.modernize .table-header th[onclick] {
    cursor: pointer;
}

.modernize .table-header th[data-sortorder="asc"],
.modernize .table-header th[data-sortorder="desc"] {
    display: flex;
    align-items: center;
}

.modernize .table-header th[data-sortorder="asc"]:after,
.modernize .table-header th[data-sortorder="desc"]:after {
    content: '';
    display: inline-block;
    float: left;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 11px;
    width: 16px;
    height: 16px;
}

.modernize .table-header th[data-sortorder="asc"]::after {
    background-image: url(/media/imagegenerator/22x0/sort-asc.png);
    background-image: -webkit-image-set(url(/media/imagegenerator/11x0/sort-asc.png) 1x, url(/media/imagegenerator/22x0/sort-asc.png) 2x);
}

.modernize .table-header th[data-sortorder="desc"]::after {
    background-image: url(/media/imagegenerator/22x0/sort-desc.png);
    background-image: -webkit-image-set(url(/media/imagegenerator/11x0/sort-desc.png) 1x, url(/media/imagegenerator/24x0/sort-desc.png) 2x);
}

.modernize .table tbody .table-row:nth-child(odd) {
    background-color: rgb(249, 249, 249);
}

.modernize .table tbody .table-row {
    position: relative;
    transform: translate(0, 0);
}

.modernize .table tbody .table-row td {
    font-size: 14px;
}

.modernize .table-row a.table-full-row-link {
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0;
}

.modernize .table-row[data-efterlyst="1"] td,
.modernize .table-row[data-abensag="Ja"] td {
    color: red !important;
}

.modernize .table-row[data-status="22"] td {
    font-style: italic;
    color: #a9a3a3;
}

.modernize .table tbody .table-row:nth-child(odd):hover,
.modernize .table tbody .table-row:hover {
    background-color: #f1f1f1;
}

.modernize .table-row .date-cell {
    width: var(--date_width);
}

.modernize .table-row .datetime-cell {
    width: var(--datetime_width);
}

@media screen and (max-width: 800px) {
    .modernize .table thead
    {
        display: none;
    }
    .modernize .table-row
    {
        border-bottom: 2px solid;
    }
    .modernize .table-row:first-child
    {
        border-top: 2px solid;
    }
    .modernize .table-row td
    {
        display: grid;
        grid-template-columns: 40% auto;
        align-items: center;
        gap: 8px;
    }
    .modernize .table-row td:before
    {
        content: attr(data-label) ' ';
        text-transform: uppercase;
        font-family: var(--bold_font_family);
        font-style: normal;
        word-break: break-all;
    }
    .modernize .table-row .date-cell,
    .modernize .table-row .datetime-cell
    {
        width: 100%;
    }
}

.modernize .noshadow {
    box-shadow: unset;
}

.modernize .noborder.table,
.modernize .noborder.table .table-header {
    border-left: unset;
}

.modernize .noborder.table th:last-child,
.modernize .noborder.table td:last-child {
    border-right: unset;
}

.modernize .size16.table,
.modernize .size16.table tbody .table-row td {
    font-size: 16px;
}


/**** PANELS ****/
.modernize .panel-wrapper-2-1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.modernize .panel-wrapper-1-1 {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(380px,1fr));
    gap: 20px;
}

.modernize .panel-wrapper-0-1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.modernize .panel-wrapper-2-1 .panel:first-child {
    grid-column: 1 / 3;
}

.modernize .panel-wrapper-2-1 .panel:last-child {
    grid-column: -1 / 3;
}

.modernize .panel-wrapper-0-1 .panel {
    grid-column: 2 / -1; 
}

@media screen and (max-width: 1024px) {
    .modernize .panel-wrapper-2-1
    {
        grid-template-columns: unset;
    }
    .modernize .panel-wrapper-0-1
    {
        grid-template-columns: unset;
    }
}

.modernize .panel {
    position: relative;
    margin-top: 40px;
    font-size: 16px;
    font-family: var(--regular_font_family);
    line-height: 1.25em;
    padding-block: 10px;
}

.modernize .panel-heading {
    position: absolute;
    top: -15px;
    line-height: 1;
    left: 25px;
    padding: 0;
    font-size: 1em;
    text-transform: uppercase;
    font-family: var(--bold_font_family);
    font-weight: 400;
}

.modernize .panel-body {
    padding: 10px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--white);
    height: 100%;
}

/**** DETAILS ****/
.modernize .columns {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.modernize .columns > * {
    width: 100%;
}

@media screen and (max-width: 800px) {
    .modernize .columns
    {
        flex-direction: column;
        gap: 0px;
    }
}

/**** FORM ****/
.modernize .form input[type="text"],
.modernize .form input[type="password"] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 100%;
    min-height: 33px;
    padding: 5px;
    margin: 0;
    border-radius: 5px;
    outline: none;
    font-size: 1em;
    line-height: 1.25em;
    font-weight: 300;
    background: var(--white);
    border: 1px solid #ccc;
    font-family: inherit;
    color: inherit;
}

.modernize .form input[type=text][id$=QS] {
    background-color: var(--white);
    background-image: -webkit-image-set(url(/media/imagegenerator/12x0/admin-search.png) 1x, url(/media/imagegenerator/24x0/admin-search.png) 2x);
    background-size: 12px auto;
    padding-right: 30px;
    background-repeat: no-repeat;
    background-position: right 10px top 50%
}

.modernize .form input[type=text][id$=QS].formreq {
    background-color: var(--ruby_red_trans);
}

.modernize .form select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 100%;
    min-height: 33px;
    padding: 5px;
    margin: 0;
    border-radius: 5px;
    outline: none;
    font-size: 1em;
    line-height: 1.25em;
    font-weight: 300;
    border: 1px solid #ccc;
    background: var(--white) url(/media/imagegenerator/24x0/sort-desc.png) no-repeat right 10px top 50%;
    background-image: -webkit-image-set(url(/media/imagegenerator/12x0/sort-desc.png) 1x, url(/media/imagegenerator/24x0/sort-desc.png) 2x);
    background-size: 12px auto;
    padding-right: 30px;
    font-family: inherit;
    color: inherit;
}

.modernize .form textarea {
    resize: none;
    min-height: 2.5em;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    margin: 0;
    border-radius: 5px;
    outline: none;
    font-size: 1em;
    line-height: 1.25em;
    font-weight: 300;
    background: var(--white);
    border: 1px solid #ccc;
    font-family: inherit;
    color: inherit;
}

.modernize .form .uploadControl {
    box-sizing: border-box;
    width: 100%;
    min-height: 34px;
    padding: 5px;
    margin: 0;
    border-radius: 2px;
    outline: none;
    font-size: 1rem;
    font-weight: 300;
    background: var(--white);
    border: 1px solid #888888;
    cursor: pointer;
}

.modernize .form .quicksearchselectorbox {
    width: 100%;
    left: 0 !important;
    top: 100% !important;
    z-index: 1;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    background: var(--white);
    border: 1px solid #888888;
    margin-top: -1px;
}

.modernize .form .quicksearchselectorbox ul li {
    border-bottom: 1px solid #888888;
}

.modernize .form .quicksearchselectorbox ul li:last-child {
    border-bottom: none;
}

.modernize .form div.quicksearchselectorbox ul li a {
    display: block;
    text-decoration: none;
    padding: 0.25em;
    margin: 0;
}

.modernize .form div.quicksearchselectorbox ul li:hover {
    background-color: #fff8b8;
}

.modernize .form .dateTimeBlockWrapper {
    width: 140px;
}

.modernize .form .dateTimeBlock {
    width: 111px;
}

.modernize .form .sectionBoxInner {
    height: 100%;
}

.modernize .form .dateInnerTimeBlock {
    padding-left: 5px;
}

.modernize .form .sectionBoxInner > div > div {
    padding: 5px 5px;
}

.modernize .form .data-list.one-line > div {
    justify-content: unset;
    flex-wrap: unset;
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 55px;
}

.modernize .form .data-list.one-line> div>*:first-child {
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 124px;
}

.modernize .form .data-list.one-line> div>*:last-child {
    width: 100%;
    position: relative;
}

.modernize .form input[type="file"] {
    position: absolute;
}

@media screen and (max-width: 400px) {
    .modernize .form .sectionBoxInner > div > div > div
    {
        flex-direction: column;
        gap: 8px;
    }
}

/**** FORM VALIDATION ****/
.modernize .form input[type="text"].formreq,
.modernize .form input[type="search"].formreq,
.modernize .form input[type="password"].formreq,
.modernize .form input[name="username"].formreq,
.modernize .form input[name*="filter"].formreq,
.modernize .form textarea.formreq,
.modernize .form textarea.formreq~div[id$="_editor"],
.modernize .form select.formreq,
.modernize .form .uploadControl.formreq,
.modernize .form .formreq input[type="text"],
.modernize .form .formreq input[type="search"],
.modernize .form .formreq input[type="password"],
.modernize .form .formreq input[name="username"],
.modernize .form .formreq input[name*="filter"],
.modernize .form .formreq textarea,
.modernize .form .formreq select,
.modernize .form .formreq input.dateTimePickerInputSkin,
.modernize .form .formreq .uploadControl,
.modernize .form select.formreq~.tag-like-container>select,
.modernize .form input.formreq[type="hidden"]+div[id$="_QS"],
.modernize .form input.formreq[type="hidden"]~span>input[id$="_QS"]{
    border-color: var(--ruby_red) !important;
}

.modernize .form select.formreq,
.modernize .form textarea.formreq,
.modernize .form input.formreq,
.modernize .form .formreq .dateTimePicker .dateTimePickerInputSkin {
    background-color: var(--ruby_red_trans);
}

.modernize .form input.formreq[type="checkbox"]+label {
    color: var(--ruby_red);
}

.modernize .form .toggle input.formreq[type="checkbox"]+label {
    color: var(--ruby_red);
}

.modernize .form .choicegroup.formreq {
    border: solid 1px var(--ruby_red);
    box-sizing: border-box;
    padding: 0.9em 0.85em;
    margin: 0;
    background-color: var(--white);
    border-radius: .14em;
}

.modernize .form span.formreq {
    display: none;
}

/**** BUTTONS ****/
.modernize div.edit-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 0;
}

.modernize .btn a,
.modernize .btn input[type="button"],
.modernize .btn input[type="submit"] {
    font-weight: 300;
    font-size: 1em;
    color: var(--white);
    line-height: 1.333em;
    text-align: center;
    margin: 0;
    background-color: rgb(21, 186, 205);
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    min-height: 40px;
    min-width: 80px;
    padding: 10px;
    outline: none;
    cursor: pointer;
    border: 1px solid rgb(21, 186, 205);
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box;
}

.modernize .btn a:disabled,
.modernize .btn input[type="button"]:disabled,
.modernize .btn input[type="submit"]:disabled {
    cursor: wait;
    opacity: 0.5;
}

.modernize #mergefield_main .btn-gray a.actionlink,
.modernize .btn-gray a {
    background-color: var(--button_gray);
    color: var(--white);
    border-color: var(--button_gray);
}

.modernize .btn.btn-gray.btn-inverted a {
    color: var(--button_gray);
}

.modernize .btn-inverted.count:not([data-count-active="0"]) a.actionlink {
    border-color: red !important;
    color: red !important;
}

.modernize .btn.btn-inverted a,
.modernize .btn.btn-inverted input[type="button"],
.modernize .btn.btn-inverted input[type="submit"] {
    background-color: transparent;
    color: var(--button_blue);
}

.modernize .btn+.btn, 
.modernize .btn a+a {
    margin-left: 0px;
}

.modernize:has(form div.form) .action-buttons {
    display: none;
}

/**** DATA LISTS ****/
.modernize .data-list.one-line > div  {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-inline: 5px;
    padding-top: 8px;
    padding-bottom: 16px;
    border-bottom: 1px solid  var(--border_gray);
}

.modernize .data-list.one-line> div>*:first-child {
    margin-right: 1em;
}

.modernize .data-list> div>*:first-child {
    font-family: var(--bold_font_family);
}

.modernize .data-list.one-line> div>*:last-child {
    text-align: right;
}

.modernize .data-list.one-line.fixed-label-width > div {
    gap: 1rem;
    align-items: flex-start;
    padding-top: 16px;
}

.modernize .data-list.fixed-label-width > div > *:first-child {
    min-width: 140px;
    margin-right: unset;
}

.modernize .data-list.fixed-label-width > div > *:last-child {
    width: calc(100% - 1rem - 140px);
}

.modernize .align-right {
    display: flex;
    padding-block: 1rem;
    padding-inline: 5px;
    justify-content: flex-end;
}

@media screen and (max-width: 400px) {
    .modernize .data-list.fixed-label-width > div > *:last-child
    {
        width: 100%;
    }
}

/***** HISTORIK *****/
.modernize .historik {
    margin-block-end: 10px;
    margin-inline: 5px;
    font-size: 14px;
}

.modernize .historik:first-child {
    margin-block-start: 8px;
}

.modernize .historik > div:first-child {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    font-family: var(--bold_font_family);
    margin-block-end: 5px;
    color: var(--gray-light);
}

.modernize .historik .action {
    margin-inline-start: 10px;
    margin-block-end: 5px;
    position: relative;
    color: var(--gray);
    -webkit-font-smoothing: subpixel-antialiased;
}

.modernize .historik .action:before {
    content: '•';
    position: absolute;
    top: 1px;
    left: -8px;
}

/**** DATAPICKER SMALL SCREEN ****/
.modernize:has(.panel .calBtn.active) div[id$=SingleCalendar] {
    transform: translateX(-103px);
}

.modernize:has(.date-interval td:first-child .calBtn.active) div[id$=SingleCalendar] {
    transform: translateX(-11px) translateY(14px);
}

.modernize:has(.date-interval td:last-child .calBtn.active) div[id$=SingleCalendar] {
    transform: translateX(-103px) translateY(14px);
}

@media screen and (max-width: 400px) {
    .modernize:has(.date-interval table td:last-child .calBtn.active) div[id$=SingleCalendar]
    {
        transform: translateX(-11px) translateY(14px);
    }
    
    .modernize .form .data-list.one-line > div.one-line-date
    {
        flex-direction: column;
        align-items: unset;
    }
}

/***** AS EXTRA STYLES *****/
.modernize .btn-icon a {
    display: flex;
    gap: 10px;
    align-items: center;
}

.modernize .btn-icon a:BEFORE {
    content: '';
    width: 1rem;
    aspect-ratio: 1/1;
    flex-shrink: 0;
    mask-position: center center;
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: var(--white);
}

.modernize .btn-request a:BEFORE {
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDYuMjg4IiBoZWlnaHQ9IjI0MC42NTEiIHZpZXdCb3g9IjAgMCAyMDYuMjg4IDI0MC42NTEiPgogIDxwYXRoIGQ9Ik0tMzk1NC44MTgtMTA4Mi4xODJhMTAzLjEzOSwxMDMuMTM5LDAsMCwxLTM1LjgtMTI4LjI1NSw4LjYsOC42LDAsMCwxLDExLjQtNC4yMzYsOC42LDguNiwwLDAsMSw0LjIzNiwxMS40LDg1Ljk1LDg1Ljk1LDAsMCwwLDIxLjI4MiwxMDAuMjY0LDg1Ljk1LDg1Ljk1LDAsMCwwLDEwMi4xMzYsOC41OTQsODUuOTQ5LDg1Ljk0OSwwLDAsMCwzNy43MzgtOTUuM3YuMDA3YTg1Ljk0OCw4NS45NDgsMCwwLDAtNDguMDg5LTU2LjMsODUuOTQ1LDg1Ljk0NSwwLDAsMC02Ny44MTQtLjg4M2wzMC4zNzUsMzAuMzU2YTguNjA3LDguNjA3LDAsMCwxLDAsMTIuMTcxLDguNjA3LDguNjA3LDAsMCwxLTEyLjE3MSwwbC00Mi45NzQtNDIuOTc1YTguNTkxLDguNTkxLDAsMCwxLTIuNTI1LTYuMDg1LDguNTkzLDguNTkzLDAsMCwxLDIuNTI1LTYuMDg1bDQyLjk3NC00Mi45NzRhOC42LDguNiwwLDAsMSw2LjA4NS0yLjUyNSw4LjYsOC42LDAsMCwxLDYuMDg2LDIuNTI1LDguNiw4LjYsMCwwLDEsMi41MjUsNi4wODUsOC42LDguNiwwLDAsMS0yLjUyNSw2LjA4NWwtMjIuODM0LDIyLjgyNWExMDMuMTYxLDEwMy4xNjEsMCwwLDEsMTA4LjExMSwzOC40NTgsMTAzLjEzNywxMDMuMTM3LDAsMCwxLTguMzEyLDEzMi45LDEwMy4wMjYsMTAzLjAyNiwwLDAsMS03NC41LDMxLjc3NEExMDIuODQ0LDEwMi44NDQsMCwwLDEtMzk1NC44MTgtMTA4Mi4xODJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MDAwIDEzMDUpIi8+Cjwvc3ZnPg==);
}

.modernize .btn-bubble a:BEFORE {
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMjYuMTEyIiBoZWlnaHQ9IjIxOS40MzQiIHZpZXdCb3g9IjAgMCAyMjYuMTEyIDIxOS40MzQiPgogIDxwYXRoIGQ9Ik0tMzgxNC4yOS0xMDg2LjgzNGwtMzguNDEtMjQuNDQ5YTEyNy4yMDYsMTI3LjIwNiwwLDAsMS0zNC4wNjksNC42ODZjLTYyLjQzNywwLTExMy4yMzEtNDQu50xMTMuMjMxLTk5LjJzNTAuNzk1LTk5LjIsMTEzLjIzLTk5LjJhMTI4Ljg4NSwxMjguODg1LDAsMCwxLDI0LjczOSwyLjM4NSwxMjMuNzY3LDEyMy43NjcsMCwwLDEsMjIuODU1LDYuODEzLDExNy41MjYsMTE3LjUyNiwwLDAsMSwyMC4zNzQsMTAuNzI1LDEwOS40ODYsMTA5LjQ4NiwwLDAsMSwxNy4yOTIsMTQuMTIzLDEwMS4wNDUsMTAxLjA0NSwwLDAsMSwxMS42NDIsMTQuMDI1LDkzLjg2Niw5My44NjYsMCwwLDEsOC43MjIsMTUuNzM5LDg3LjE2NCw4Ny4xNjQsMCwwLDEsNy4yNTcsMzUuNCw5Mi4zNjMsOTIuMzYzLDAsMCwxLTIsMTguMzM0LDkyLjM1MSw5Mi4zNTEsMCwwLDEtNS41NCwxNy40LDkyLjM3Niw5Mi4zNzYsMCwwLDEtOC44NiwxNS45Nyw5Mi4zMTUsOTIuMzE1LDAsMCwxLTExLjY1NywxMy43MzZ2NDYuNzgyYTguMDE0LDguMDE0LDAsMCwxLTQuMTc2LDcuMDI0LDguMDM3LDguMDM3LDAsMCwxLTMuODM4Ljk3OUE4LDgsMCwwLDEtMzgxNC4yOS0xMDg2LjgzNFptLTMyLjczNS0zOS45MTYsMjkuMTg4LDE4LjU5M3YtMzUuNjM0YTguMDQxLDguMDQxLDAsMCwxLDIuNTY1LTUuODU0bC4wMTUtLjAxM2E3Ni45LDc2LjksMCwwLDAsMTAuNzM5LTExLjc4Miw3Ni45LDc2LjksMCwwLDAsOC0xMy42LDc2Ljg2LDc2Ljg2LDAsMCwwLDUuMDUzLTE0Ljk0Niw3Ni44NTMsNzYuODUzLDAsMCwwLDEuODkxLTE1LjgyM2MtLjAwNS00NS44NTgtNDMuNjA4LTgzLjE2NS05Ny4yLTgzLjE2NXMtOTcuMiwzNy4zMTEtOTcuMiw4My4xNzIsNDMuNiw4My4xNzIsOTcuMiw4My4xNzJoLjFhMTExLjEsMTExLjEsMCwwLDAsMzIuOTkxLTUuMDA1LDguMDIxLDguMDIxLDAsMCwxLDIuMzcxLS4zNThBOC4wMDcsOC4wMDcsMCwwLDEtMzg0Ny4wMjUtMTEyNi43NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwMDAgMTMwNSkiLz4KPC9zdmc+);
}

.modernize .panel-wrapper-2-1 *:first-child {
    grid-column: 1 / 3;
}

.modernize .panel-wrapper-2-1 *:last-child {
    grid-column: -1 / 3;
}

.modernize .panel-heading-inner {
    margin-inline-start: 5px;
    margin-block-end: 10px;
    font-size: 1em;
    text-transform: uppercase;
    font-family: var(--bold_font_family);
    font-weight: 400;
}

.modernize div:has(>.action-links:not(:empty)) {
    margin-block-start: 20px;
}

.modernize .action-links:empty {
    display: none;
}
/* RESOURCE #74 END */