.clear::after {
    content: "";
    display: table;
    clear: both;
}

body {
    display: grid;
    grid-template:
        "logo header" 60px
        "content content" minmax(0, 1fr)
        "footer footer" auto / 275px 1fr;
}

a:focus,
a:focus-visible {
    outline: none;
}

a.disabled,
.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.t {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.colorPick,
.dd,
.jqx-menu-dropdown a,
.jqx-widget,
.jqx-widget-content,
.jqx-widget-header,
.ms-dd,
.popover,
.tootlip,
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget,
.xdsoft_datetimepicker .blue-gradient-button,
.xdsoft_datetimepicker,
body,
html,
input.jqx-input {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body,
html {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    flex-direction: column;
}

body {
    min-height: 400px;
}

.cm-caselist-page,
.cm-caseview-page {
    min-width: 1364px;
}

.ms-dd,
input,
input.jqx-input,
input.jqx-widget-content,
select,
textarea {
    padding: 2px 6px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    height: 26px;
}

.xdsoft_month,
.xdsoft_year {
    border-radius: 4px;
    height: 26px;
    top: 2px;
}

table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    /*margin: 0 -1px;*/
}

    table th,
    table:not(.warning-table, .ui-datepicker-calendar) td {
        padding: 2px 4px;
        border-width: 1px;
        border-style: solid;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    table thead tr:first-child th {
        border-top: 0;
    }

    table tbody tr:first-child td {
        border-top: 0;
    }

    table tr:last-child td {
        border-bottom: 0;
    }

    table tr td:first-child,
    table tr th:first-child {
        border-left: 0;
    }

    table tr td:last-child,
    table tr th:last-child {
        border-right: 0;
    }

    table.cm-borderless,
    table.cm-borderless td,
    table.cm-borderless th {
        border-width: 0;
    }

.cm-fullheight {
    height: 100%;
}

/*  Header  */
.cm-logo {
    grid-area: logo;
}

.cm-header {
    grid-area: header;
    display: grid;
    grid-template: "left center right" auto / 250px minmax(500px, 1fr) 350px;
}

    .cm-header.cm-details-view {
        grid-template: "left center right" auto / auto 1fr 350px;
    }

        .cm-header.cm-details-view > .cm-left {
            max-width: 450px;
        }

    .cm-header .cm-center.cm-version-container {
        display: grid;
        align-items: end;
        font-weight: normal;
        justify-content: end;
    }

    .cm-header > .cm-right {
        justify-content: space-between;
        width: 350px;
        justify-self: end;
    }

.cm-header-center,
.cm-title-center {
    display: flex;
    max-width: 300px;
    font-weight: bold;
    font-size: 1.1em;
}

.cm-title-center {
    grid-row: 1;
    z-index: 1;
    grid-column-start: logo;
    grid-column-end: header;
    align-self: center;
    justify-self: center;
    height: fit-content;
}

    .cm-title-center > span,
    .cm-header-center > span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.cm-header .cm-separator,
.cm-header .cm-user {
    margin: 5px;
}

.cm-header .cm-version {
    margin-bottom: 1px;
    z-index: 2;
}

.cm-header .cm-separator {
    height: 50px;
    width: 4px;
    margin: 5px;
}

.cm-header .cm-user {
    max-width: 214px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cm-header .cm-center.cm-toolbar-container {
    justify-content: start;
}

.cm-header .cm-toolbar {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

    .cm-header .cm-toolbar .cm-quick-search-button {
        width: 24px;
        height: 24px;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
    }

        .cm-header .cm-toolbar .cm-quick-search-button.disabled {
            opacity: .5;
            cursor: default;
        }

    .cm-header .cm-toolbar .cm-tc-search {
        width: 300px;
    }

.cm-header .cm-patient-summary td {
    font-weight: bold;
    text-align: left;
    padding: 2px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

table.cm-patient-summary {
    width: fit-content;
}

.cm-header .cm-patient-summary td:first-child {
    width: 140px;
}

.cm-remove-search-button {
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
}

.cm-header .cm-toolbar .case-list-of-doctors-btn,
.cm-header .cm-toolbar .new-case-registration-btn {
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.cm-content {
    grid-area: content;
    height: 100%;
    position: relative;
}

.cm-footer {
    grid-area: footer;
}

/*  Login   */
.cm-login {
    grid-area: content;
    display: grid;
    width: 100%;
    height: 100%;
    background-repeat: repeat-x;
    grid-template:
        "userguide . ." 1fr
        ". login ." 10fr
        "productlabel . ." 1fr;
    grid-auto-flow: column;
    grid-template-columns: 290px 4fr 290px;
}

    .cm-login span.text-danger {
        min-height: 12px;
        display: block;
    }

.cm-login-ug {
    grid-area: userguide;
    display: inline-block;
    margin: 10px;
}

    .cm-login-ug img {
        display: block;
    }

    .cm-login-ug span {
        visibility: hidden;
    }

    .cm-login-ug:hover span {
        visibility: visible;
    }

    .cm-login-ug a:hover {
        text-decoration: none;
    }

.cm-login-product-label {
    grid-area: productlabel;
    padding: 5px;
    margin: 5px;
    border-width: 1px;
    border-style: solid;
    display: grid;
    grid-template:
        "product" 2fr
        "manufacturer" 3fr;
}

.cm-login-product {
    grid-area: product;
    display: grid;
    gap: 10px;
    grid-template-columns: 4fr 1fr;
    align-content: center;
}

.cm-login-product-manufacturer {
    grid-area: manufacturer;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 4fr 1fr;
    align-content: center;
}

.cm-login-product-image,
.cm-login-product-manufacturer-image,
.cm-login-product-manufacturer-instructions-image {
    background-size: contain;
}

.cm-login-product-number {
    grid-area: number;
    display: grid;
    justify-content: center;
}

.cm-login-container {
    grid-area: login;
    align-self: center;
    justify-self: center;
    display: inline-block;
    border: 1px solid;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    overflow: hidden;
}

.cm-login-panel {
    height: 30px;
    padding: 0px 10px 0px 10px;
    text-align: right;
}

    .cm-login-panel a {
        font-size: 18px;
    }

    .cm-login-panel div {
        display: inline-block;
        width: 10px;
        height: 10px;
    }

.cm-login-form,
.ts-login-form {
    width: 314px;
    padding: 85px 20px 0px 20px;
}

    .cm-login-form #capsalert,
    .ts-login-form #capsalert {
        color: red;
        visibility: hidden;
    }

    .cm-login-form fieldset,
    .ts-login-form fieldset {
        margin: 20px 0px 20px 0px;
    }

.cm-login-license {
    text-align: end;
    font-size: 11px;
}

.cm-login-val {
    height: 24px;
    margin-bottom: -20px;
}

    .cm-login-val div {
        margin-top: 0px;
    }

    .cm-login-val ul {
        padding: 0px;
    }

        .cm-login-val ul li {
            height: 24px;
            font-size: 12px;
            text-align: center;
            list-style-type: none;
        }

.cm-login-fields span {
    height: 18px;
}

.cm-login-fields input {
    margin-bottom: 5px;
    padding-left: 8px;
    height: 29px;
    width: 100%;
}

.cm-login-caps {
    margin-top: -20px;
    color: red;
    height: 24px;
    visibility: hidden;
}

/*  UnsupportedBrowser   */
.cm-unsupported-outer-container {
    height: 100%;
    display: flex;
    flex-flow: column;
}

.cm-unsupported-inner-container {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cm-login-unsupported {
    width: 500px;
    height: 297px;
    padding: 95px 30px 0px 30px;
    text-align: justify;
    border-style: solid;
    border-radius: 5px;
    border-width: 1px;
}

    .cm-login-unsupported h3 {
        text-align: center;
    }

    .cm-login-unsupported h5 {
        padding-top: 14px;
    }

.cm-login-unsupported-row {
    padding-top: 10px;
    display: flex;
    justify-content: space-around;
}

/*  Server Full   */
.cm-login-full,
.cm-login-nolic,
.ts-login-full,
.ts-login-nolic {
    width: 314px;
    height: 270px;
    padding: 85px 20px 0px 20px;
}

    .cm-login-nolic h4,
    .ts-login-nolic h4 {
        text-align: center;
    }

.header_applicationname_span {
    position: relative;
    right: 137px;
}

.header_applicationname_span_ts {
    position: relative;
}

/* ReEncryption */
.cm-reencryption-container {
    justify-content: center;
}

    .cm-reencryption-container .cm-container-content {
        display: grid;
        justify-items: center;
        align-items: center;
        min-height: 200px;
        min-width: 300px
    }

    .cm-reencryption-container textarea {
        display: block;
        width: 250px;
    }

    .cm-reencryption-container input {
        width: 100%;
    }

/* Configuration */
.cm-configuration-page {
    display: grid;
    grid-template: "sidebar content" auto / 250px minmax(0, 1fr);
    grid-column-gap: 3px;
    padding-top: 3px;
}

.cm-config-title-div {
    grid-column-start: left;
    grid-column-end: right;
}

    .cm-config-title-div hr {
        border-top: 1px solid;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 10px;
    }

.cm-configuration-sidebar {
    grid-area: sidebar;
    border: 1px solid;
    overflow: auto;
}

    .cm-configuration-sidebar .cm-container-content {
        overflow: auto;
    }

    .cm-configuration-sidebar a {
        padding: 5px;
    }

    .cm-configuration-sidebar ul {
        list-style: none;
        padding: 5px 0px 10px 25px;
        margin-bottom: 0px;
    }

        .cm-configuration-sidebar ul li {
            margin: 5px;
            padding-left: 5px;
            text-indent: -5px;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.cm-configuration-sidebar-header {
    border-bottom: 1px solid;
    padding: 5px;
    font-size: 15px;
    text-align: center;
}

.cm-configuration-content.cm-col,
.cm-configuration-content.cm-col .row.cm-container-content {
    overflow: auto;
}

.cm-container-content.cm-col {
    padding-left: 10px;
}

.cm-configuration-content .cm-container-content.cm-col .cm-container-content {
    padding-top: 20px;
}

.cm-configuration-content .cm-inner-header {
    border-bottom: 1px solid;
    margin: 0px;
    padding-left: 0px;
}

.cm-configuration-content .version {
    grid-area: content;
    justify-self: end;
    margin-right: 30px;
    font-weight: bold;
    font-style: italic;
}

.cm-configuration-content .row {
    margin-left: 0px;
    margin-right: 0px;
}

.cm-configuration-content .cm-title.cm-center {
    justify-content: flex-start;
    margin-left: 6px;
}

.cm-configuration-content .col-xs-12 {
    padding-left: 0px;
    padding-right: 0px;
}

    .cm-configuration-content .col-xs-12.cm-padded,
    .cm-padded {
        padding-left: 15px;
        padding-right: 15px;
    }

.cm-configuration-footer {
    width: 100%;
    grid-area: footer;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    grid-column-gap: 10px;
    padding-right: 25px;
    padding-left: 20px;
    border-top: 1px solid;
}

    .cm-configuration-footer:last-child {
        margin-left: auto;
    }

    .cm-configuration-footer a {
        height: fit-content;
        width: fit-content;
    }

.cm-configuration-narrow div,
.cm-configuration-narrow dl {
    max-width: 300px;
}

.cm-configuration-fullwidth div {
}

/* Input elements on config pages */
.cm-configuration-content th input[type="checkbox"] {
    float: left;
}

.cm-configuration-content td.cm-checkbox-center {
    text-align: center;
}

    .cm-configuration-content td.cm-checkbox-center input {
        float: none;
    }

.cm-configuration-content input[type=text].jqx-input {
    height: 24px;
    padding-right: 0px;
    padding-left: 0px;
}

.cm-configuration-content .cm-inline-input {
    display: inline-block;
    width: 200px;
}

.cm-configuration-content input,
.cm-dialog input {
    width: 100%;
}

input.cm-input-short {
    width: fit-content;
}

.cm-configuration-content .cm-dateinput {
    max-width: 85px;
}

.cm-configuration-content input[type=checkbox],
.cm-configuration-content input[type=radio],
.cm-dialog input[type=checkbox] {
    display: inline-block;
    width: fit-content;
    height: fit-content;
    float: right;
}

.cm-configuration-content dl input[type=checkbox] {
    float: left;
}

.cm-configuration-content input.cm-indented {
    margin-right: 20px;
}

.cm-configuration-content input.cm-btn {
    max-width: fit-content;
}

.cm-configuration-content select {
    width: 100%;
}

.cm-btn.cm-inline-block {
    display: inline-block;
}

/* Config index page */
.cm-config-index-form .form-group,
.cm-permission-form .cm-permission-item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .cm-config-index-form .form-group label,
    .cm-config-index-form .form-group input[type=checkbox] {
        margin: 5px 0px 5px 0px;
    }

    .cm-config-index-form label,
    .cm-permission-form .cm-permission-item label {
        display: inline-block;
        max-width: 90%;
    }

    .cm-config-index-form .form-group input[type=checkbox],
    .cm-permission-form .cm-permission-item input[type=checkbox] {
        display: inline-block;
        align-self: center;
    }

/* Scan mode rules */
.cm-smr-list-container {
    overflow-y: auto;
    padding: 20px;
}

    .cm-smr-list-container ul {
        padding-left: 0px;
    }

.cm-smr-container {
    border-radius: 6px;
    border-width: 1px;
    border-style: solid;
    margin-bottom: 20px;
}

.cm-smr-header {
    grid-area: header;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: stretch;
}

    .cm-smr-header .cm-hbtn-frameless {
        margin-left: auto;
    }

.cm-smr-content {
    grid-area: content;
    padding: 5px;
    display: flex;
    gap: 15px;
    overflow-y: auto;
}

.cm-smr-item {
    width: 50%;
    display: grid;
    grid-auto-rows: max-content;
    gap: 5px;
}

.cm-smr-edit-filter label,
.cm-smr-edit-rule label,
.cm-smr-item-detail label,
.cm-smr-item-detail span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cm-smr-edit-filter,
.scanmoderule-row {
    display: grid;
    gap: 10px;
    align-items: center;
    min-height: 30px;
}

.cm-smr-edit-rule,
.cm-smr-item-detail {
    display: grid;
    gap: 10px;
    align-items: center;
}

.cm-smr-edit-rule {
    width: 100%;
    gap: 5px;
    padding-inline-start: 0px;
}

.cm-smr-item-detail {
    grid-template-columns: 1fr 1fr;
}

.cm-smr-footer {
    grid-area: footer;
    display: grid;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
}

.cm-smr-footer,
.cm-smr-header {
    padding: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

.smr-filter {
    display: grid;
    align-items: center;
}

.smr-value {
    display: grid;
    align-items: center;
}

.cm-smr-item-filters {
    grid-auto-rows: max-content;
    gap: 1px;
    display: grid;
}

.cm-smr-item-values {
    grid-auto-rows: max-content;
    gap: 1px;
    display: grid;
}

/* Scanmode editor dialog */
.cm-dialog form#scanmode-rule {
    height: 100%;
}

.cm-dialog .cm-smr-container {
    height: 100%;
}

.cm-smr-edit-filter {
    grid-template-columns: 2fr 2fr 2fr 0.4fr
}

.cm-smr-edit-rule {
    grid-template-columns: 1fr 3fr 0.5fr;
}

    .cm-smr-edit-filter label,
    .cm-smr-edit-rule label,
    .cm-smr-item-detail label {
        font-weight: normal;
    }

    .cm-smr-edit-filter .cm-hbtn-frameless,
    .cm-smr-edit-rule .cm-hbtn-frameless,
    .cm-smr-footer .cm-hbtn-frameless {
        justify-self: end;
        margin-right: 5px;
    }

.cm-smr-footer .cm-hbtn-frameless {
    grid-column: 2;
}

.cm-smr-edit-rule input[type="number"] {
    width: 50px;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    text-align: center;
}

    .cm-smr-edit-rule input[type="number"]::-webkit-inner-spin-button,
    .cm-smr-edit-rule input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0px;
    }

.cm-smr-input-group {
    display: flex;
    gap: 15px;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 5px;
    padding-left: 5px;
    grid-row: 1;
}

    .cm-smr-input-group label {
        margin-bottom: 0px;
    }

.cm-dialog .cm-smr-edit-filter input,
.cm-dialog .cm-smr-edit-filter select,
.cm-dialog .cm-smr-edit-rule input,
.cm-dialog .cm-smr-edit-rule select,
.cm-dialog .cm-smr-input-group input,
.cm-dialog .cm-smr-input-group select {
    padding: 0px 0px 0px 6px;
    margin-bottom: 0px;
}

.cm-smr-input-group .cm-hbtn-frameless {
    margin: 0px;
}

.cm-number-input-group {
    display: inline-flex;
}

    .cm-number-input-group input {
        appearance: textfield;
        width: 90px;
        margin: 0px 1px 0px 1px;
        text-align: center;
    }

        .cm-number-input-group input::-webkit-outer-spin-button,
        .cm-number-input-group input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }

.cm-number-input-minus,
.cm-number-input-plus {
    display: inline-block;
    width: 15px;
    height: 26px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

/* Diagnosis codes */
.cm-diagnosis-codes-paginator {
    display: flex;
    padding-left: 10px;
}

/* Ldap */
.cm-configuration-content .cm-ldap-tabs {
    border: none;
}

.cm-configuration-content .cm-ldap-ul {
    border: none;
    border-bottom-color: black;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.cm-config-ldap-imported-users-table select,
.cm-config-ldap-users-table select,
.cm-config-ldap-groups-table select,
.cm-config-ldap-imported-groups-table select {
    width: auto;
}

.cm-configuration-content table.cm-config-ldap-groups-table tr td:first-child,
.cm-configuration-content table.cm-config-ldap-groups-table tr th:first-child,
.cm-configuration-content table.cm-config-ldap-imported-groups-table tr td:first-child,
.cm-configuration-content table.cm-config-ldap-imported-groups-table tr th:first-child,
.cm-config-ldap-imported-users-table tr td:first-child,
.cm-config-ldap-imported-users-table tr th:first-child,
.cm-config-ldap-users-table tr td:first-child,
.cm-config-ldap-users-table tr th:first-child {
    display: grid;
    justify-content: center;
    align-content: center
}

.cm-config-ldap-groups-table tr td:nth-child(2),
.cm-config-ldap-imported-groups-table tr td:nth-child(2) {
    display: grid;
    justify-content: center;
    align-content: center
}

/* Integration log */
.cm-integration-log-message-view-textarea {
    grid-area: content;
}

.cm-integration-log-datepicker-row {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.cm-integration-log-content {
    overflow-y: auto;
}

/* Configuration tables */
.cm-configuration-content table,
[aria-describedby='create-section-dialog'] table {
    border-collapse: collapse;
    display: grid;
    gap: 1px;
    width: 100%;
}

    .cm-configuration-content table tbody,
    .cm-configuration-content table thead,
    .cm-configuration-content table tr,
    .cm-dialog table:not(.warning-table) tbody,
    .cm-dialog table:not(.warning-table) thead,
    .cm-dialog table:not(.warning-table) tr,
    [aria-describedby='create-section-dialog'] table tbody,
    [aria-describedby='create-section-dialog'] table thead,
    [aria-describedby='create-section-dialog'] table tr {
        display: contents;
    }

        .cm-configuration-content table tbody tr td,
        .cm-configuration-content table thead tr th,
        .cm-dialog table:not(.warning-table) td,
        .cm-dialog table:not(.warning-table) th,
        [aria-describedby='create-section-dialog'] table td,
        [aria-describedby='create-section-dialog'] table th {
            border-width: 0px;
            border-style: solid;
        }

        .cm-configuration-content table thead th,
        .cm-dialog table:not(.warning-table) th,
        [aria-describedby='create-section-dialog'] table th {
            text-align: center;
        }

    .cm-configuration-content table td,
    .cm-configuration-content table th,
    .cm-dialog table:not(.warning-table) td,
    [aria-describedby='create-section-dialog'] table td,
    .cm-supervisor-doctor-table tr td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .cm-configuration-content table td:not(:last-child)::before,
        [aria-describedby='create-section-dialog'] table td:not(:last-child)::before,
        .cm-supervisor-doctor-table tr td::before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            height: 100%;
        }

    .cm-configuration-content table.cm-integration-log-table td {
        display: grid;
        align-content: start;
        justify-content: center;
    }

    .cm-configuration-content table td input[type='checkbox'] {
        justify-self: center;
    }

td.cm-button-td {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    flex-wrap: nowrap;
}

.cm-configuration-content table td a .cm-btn,
[aria-describedby='create-section-dialog'] table td .cm-btn {
    margin: 0;
}

.cm-integration-details-cell {
    display: flex;
    justify-content: center;
}

.cm-configuration-content table.cm-integration-log-table tr td:nth-last-child(-n + 2) {
    word-wrap: break-word;
    white-space: normal;
    height: fit-content;
    min-height: 100%;
}

table.cm-config-applications td {
    display: flex;
    justify-content: center;
}

/* Table specific grid layouts */
.cm-configuration-content table.cm-config-applications {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cm-configuration-content table.cm-config-diagnostic-code-group-table,
.cm-configuration-content table.cm-config-permission-groups-table,
.cm-configuration-content table.cm-config-report-signer-role-table,
.cm-configuration-content table.cm-config-report-types-table,
.cm-configuration-content table.cm-config-sample-preparation-table,
.cm-configuration-content table.cm-config-sample-type-table,
.cm-configuration-content table.cm-config-workgroup-table,
.cm-configuration-content table.cm-confiig-registering-place-table {
    grid-template-columns: minmax(0, 1fr) max-content;
}

.cm-configuration-content table.cm-config-examination-groups-table,
.cm-configuration-content table.cm-config-protocols-table,
.cm-configuration-content table.cm-config-sample-origin-table,
.cm-configuration-content table.cm-cases-section-table {
    grid-template-columns: repeat(2, minmax(0, 1fr)) max-content;
}

.cm-configuration-content table.cm-config-diagnosis-code-table,
.cm-configuration-content table.cm-config-examinations-table,
.cm-configuration-content table.cm-config-protocol-content-table,
.cm-configuration-content table.cm-institutions-table {
    grid-template-columns: repeat(3, minmax(0, 1fr)) max-content;
}

.cm-configuration-content table.cm-config-database-backup-table,
.cm-configuration-content table.cm-config-report-type-text-fields-table,
.cm-configuration-content table.cm-config-system-setup-table {
    grid-template-columns: repeat(4, minmax(0, 1fr)) max-content;
}

.cm-configuration-content table.cm-config-sender-institute-table {
    grid-template-columns: repeat(6, minmax(0, 1fr)) max-content;
}

.cm-configuration-content table.cm-integration-log-table {
    grid-template-columns: repeat(7, minmax(1px, 1fr));
}

.cm-configuration-content table.cm-config-generated-data-uploader-table,
.cm-configuration-content table.cm-config-scanning-profile-table {
    grid-template-columns: repeat(8, minmax(0, 1fr)) max-content;
}

.cm-configuration-content table.cm-config-sample-counters-table {
    grid-template-columns: repeat(9, minmax(0, 1fr)) max-content;
}

.cm-configuration-content table.cm-integration-settings-table {
    grid-template-columns: repeat(11, minmax(0, 1fr)) min-content max-content;
}

.cm-configuration-content table.cm-config-users-table,
.cm-configuration-content table.cm-config-cases-table {
    grid-template-columns: repeat(13, minmax(0, 1fr)) max-content;
}

.cm-configuration-content table.cm-data-upload-error-table tr {
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
}

/* config/LDAP tables */

.cm-configuration-content table.cm-config-ldap-groups-table {
    grid-template-columns: max-content minmax(0, 1fr) max-content;
}

.cm-configuration-content table.cm-config-ldap-imported-groups-table {
    grid-template-columns: max-content minmax(0, 1fr) repeat(2, max-content);
}

.cm-configuration-content table.cm-config-ldap-imported-users-table {
    grid-template-columns: minmax(0, 0.1fr) repeat(3, minmax(0, 1fr)) max-content max-content;
}

.cm-configuration-content table.cm-config-ldap-users-table {
    grid-template-columns: minmax(0, 0.1fr) repeat(3, minmax(0, 1fr)) max-content;
}

/* Configuration / scan modes */
.defscanmodes input[type='radio'] {
    display: none;
}

/* CaseList */
.cm-caselist-page {
    display: grid;
    grid-template:
        "left center right" 100% / 200px minmax(755px, 1026px) minmax(386px, 1fr);
    grid-column-gap: 3px;
    padding-top: 3px;
    height: 100%;
}

    .cm-caselist-page .cm-col > .cm-container-header,
    .cm-configuration-page .cm-container-header {
        height: 60px;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }

    .cm-caselist-page .cm-side-panel {
        grid-area: left;
    }

        .cm-caselist-page .cm-side-panel > .cm-container-header {
            padding: 0px;
        }

            .cm-caselist-page .cm-side-panel > .cm-container-header .cm-center {
                margin: 0px;
                align-self: end;
            }

    .cm-caselist-page .cm-caselist-panel {
        grid-area: center;
    }

    .cm-caselist-page .cm-casedetails-panel {
        grid-area: right;
    }

        .cm-caselist-page .cm-casedetails-panel > .cm-container-header {
            padding: 0px;
        }

            .cm-caselist-page .cm-casedetails-panel > .cm-container-header .cm-left {
                margin: 0px;
                align-self: end;
            }

.cm-search-results {
    font-weight: 600;
    font-style: italic;
    margin-right: 30px;
    min-height: 45px;
    display: flex;
    align-items: center;
}

.cm-side-panel .cm-userfolders {
    display: grid;
    grid-template:
        "header" 50px
        "content" 1fr
        "footer" auto;
    height: 100%;
}

    .cm-side-panel .cm-userfolders .cm-userfolders-header {
        grid-area: header;
        padding: 8px;
        display: grid;
        grid-template:
            "left center right" 100% / auto 1fr auto;
    }

    .cm-side-panel .cm-userfolders .cm-userfolders-content {
        grid-area: content;
        height: 100%;
        padding: 1px;
    }

.cm-userfolders-content {
    overflow: auto;
    width: 100%;
}

.cm-userfolders-form-content {
    width: 100%;
}

.cm-side-panel .cm-userfolders .cm-userfolders-footer {
    grid-area: footer;
    padding: 1px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin: 4px;
}

.cm-side-panel .cm-filter-row {
    padding: 3px;
    cursor: pointer;
    height: 36px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    padding: 0px 10px 0px 10px;
}

.cm-side-panel .cm-filters .cm-filter-item {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cm-side-panel .cm-filters .cm-filters-footer {
    grid-area: footer;
    padding: 1px;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 5px;
    margin: 5px;
}

.cm-caselist-panel .cm-container-header .cm-title,
.cm-configuration-page .cm-title {
    font-size: 16pt;
    font-weight: bold;
}

.cm-caselist-panel .cm-container-header .cm-reorder {
}

.cm-caselist-panel > .cm-container-content {
    overflow: auto;
}

/* Popup Buttons Menu */
.cm-popup-outer-container {
    position: relative;
}

    .cm-popup-outer-container .cm-popup-menu {
        display: none;
        border-radius: 7px;
        position: absolute;
        right: 0px;
        top: 32px;
        z-index: 2;
    }

.cm-popup-menu {
    border: 1px solid;
}

    .cm-popup-menu ul,
    .cm-popup-menu li {
        list-style-type: none;
        padding-left: 0px;
    }

        .cm-popup-menu li a {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
        }

/*  CaseView */
.cm-caseview-page {
    display: grid;
    grid-template:
        "left center right" 100% / 420px 1fr 1fr;
    grid-column-gap: 3px;
    padding-top: 3px;
    height: 100%;
}

    .cm-caseview-page[data-registration-closed="true"] {
        grid-template:
            "center right" 100% / 1fr 1fr;
    }

    .cm-caseview-page[data-report-closed="true"] {
        grid-template:
            "left right" 100% / 420px 1fr;
    }

    .cm-caseview-page[data-registration-closed="true"][data-report-closed="true"] {
        grid-template:
            "right" 100% / 1fr;
    }

    .cm-caseview-page[data-registration-closed="true"] > .cm-col:not([data-closed=true]) > div:not(.cm-header),
    .cm-caseview-page[data-report-closed="true"]:not(.cm-no-padding) > .cm-col:not([data-closed=true]) > div:not(.cm-header) {
        padding-left: 25px;
    }

    .cm-caseview-page[data-registration-closed="true"] > .cm-col:not([data-closed=true]) ~ .cm-col > div,
    .cm-caseview-page[data-report-closed="true"]:not(.cm-no-padding) > .cm-col:not([data-closed=true]) ~ .cm-col > div {
        padding-left: 0px;
    }

.cm-col,
.cm-container,
.cm-inner-container {
    display: grid;
    grid-template:
        "header" auto
        "content" minmax(0, 1fr)
        "footer" auto / minmax(0, 1fr);
}

.cm-col,
.cm-container {
    height: 100%;
}

.cm-col {
    border-width: 1px;
    border-style: solid;
}

.cm-container-footer,
.cm-container-header,
.cm-horizontal-container,
.cm-inner-header {
    display: grid;
    grid-template:
        "left center right" 100% / auto minmax(0, 1fr) auto;
    border-width: 0px;
    padding: 2px;
}

.cm-container-footer {
    border-top: 1px solid;
}

.cm-container-header,
.cm-inner-header {
    grid-area: header;
}

.cm-container-header {
    border-width: 0px;
    border-bottom-width: 1px;
    border-style: solid;
}

    .cm-container-header > *,
    .cm-inner-header {
        margin: 3px;
    }

    .cm-container-header span {
        margin: 5px;
    }

    .cm-container-header .cm-separator {
        width: 4px;
        height: 40px;
    }

    .cm-container-header .cm-header-icon,
    .cm-inner-header .cm-header-icon {
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .cm-container-header .cm-header-content,
    .cm-inner-header .cm-header-content {
        grid-area: left;
        margin: 3px;
    }

    .cm-container-header .cm-header-button,
    .cm-inner-header .cm-header-button {
        grid-area: right;
        margin: 3px;
    }

.cm-container-content {
    grid-area: content;
    height: 100%;
}

    .cm-container-content hr {
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid;
    }

.cm-container-footer {
    grid-area: footer;
    display: inline-flex;
    justify-content: right;
}

.cm-center,
.cm-left,
.cm-right {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: auto;
    white-space: nowrap
}

.cm-left {
    grid-area: left;
    justify-content: flex-start;
}

.cm-center {
    grid-area: center;
    justify-content: center;
}

    .cm-center.cm-has-caption {
        white-space: normal;
        word-wrap: normal;
        justify-content: flex-start;
    }

.cm-right {
    grid-area: right;
    justify-content: flex-end;
}

.cm-col.cm-registration {
    grid-area: left;
}

.cm-col.cm-report {
    grid-area: center;
}

    .cm-col.cm-report .cm-sample-report.cm-container-content {
        display: grid;
        grid-template:
            "codes" auto
            "content" minmax(0, 1fr);
    }

    .cm-col.cm-report #diagnosiscode-container {
        grid-area: codes;
    }

    .cm-col.cm-report #work-report-details-main-container {
        grid-area: content;
    }

.cm-col.cm-slides {
    grid-area: right;
}

    .cm-col.cm-slides > .cm-container-content {
        overflow-y: auto;
    }

.cm-col.cm-registration {
}

    .cm-col.cm-registration[data-closed="true"] {
        display: none;
    }

.cm-col.cm-report {
}

    .cm-col.cm-report[data-closed="true"] {
        display: none;
    }

.cm-caseview-page .cm-slides {
}

.cm-caseview-page .cm-details-content {
    display: grid;
    grid-template:
        "codes" auto
        "others" minmax(0, 1fr);
}

.cm-caseview-page .cm-left-hover {
    position: absolute;
    opacity: 1;
    left: -49px;
    padding: 3px;
    border-radius: 8px 8px 0px 0px;
    transform: rotate(90deg);
    width: 120px;
    text-align: center;
    cursor: pointer;
    padding-top: 1px;
    z-index: 1000;
}

.cm-left-hover.item-1 {
    top: 225px;
}

.cm-left-hover.item-2 {
    top: 350px;
}

.cm-left-hover.item-3 {
    top: 475px;
}

.cm-left-hover.item-4 {
    top: 600px;
}

.cm-other-cases-container {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 2px;
    display: flex;
    flex-wrap: wrap;
}

.cm-other-case,
.other-case-item {
    display: inline-block;
    padding: 5px;
    border: 1px solid;
    margin: 2px;
    width: 129px;
    text-align: center;
}

    .cm-other-case a {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-align: center;
        word-wrap: break-word;
        overflow: hidden;
    }

#caseview-add-comment {
    float: right;
    text-decoration: underline;
    cursor: pointer;
}

.cm-caseview-page #create-report {
    text-align: center;
    cursor: pointer;
    padding-top: 16px;
    text-decoration: underline;
    font-size: 1.1em;
}

.cm-caseview-page .attachment-buttons {
    position: relative;
}

.cm-caseview-page .attachment-buttons-item {
    position: absolute;
    right: 10px;
}

.cm-caseview-page .cm-container-header select {
    width: 100%;
}

.cm-caseview-page .work-report-item {
    display: grid;
    grid-template:
        "header" auto
        "content" minmax(0, 1fr);
    height: 100%;
}

.cm-caseview-page .work-report-button-container {
    grid-area: header;
    display: grid;
    grid-template:
        "left center right" 100% / auto 1fr auto;
    padding: 2px;
    height: 41px;
}

.cm-caseview-page .cm-report-form {
    grid-area: content;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100%;
    min-height: 0px;
    overflow-y: auto;
    padding: 3px;
}

    .cm-caseview-page .cm-report-form .cm-report-fied-item {
        margin: 3px;
    }

        .cm-caseview-page .cm-report-form .cm-report-fied-item .cm-report-fied-header {
            display: grid;
            grid-template:
                "left center right" 100% / auto 1fr auto;
            padding: 3px;
        }

            .cm-caseview-page .cm-report-form .cm-report-fied-item .cm-report-fied-header h4 {
                margin: 3px;
            }

        .cm-caseview-page .cm-report-form .cm-report-fied-item textarea {
            width: 100%;
            resize: vertical;
            min-height: 44px;
            overflow: hidden;
            max-height: 500px;
        }

.cm-quant-item {
    height: fit-content;
}

.cm-sample-block,
.cm-sample-container {
    display: flex;
    flex-direction: column;
}

    .cm-sample-block .cm-container-content {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }


/* Slide size variables */
:root {
    --cm-thumbnail-scale: 1;
}

.cm-thumbnail-medium {
    --cm-thumbnail-scale: 1.5;
}

.cm-thumbnail-large {
    --cm-thumbnail-scale: 2;
}

.cm-slidelist {
    display: flex;
    flex-wrap: wrap;
    padding: calc(var(--cm-thumbnail-scale) * 4px);
    gap: calc(var(--cm-thumbnail-scale) * 4px);
}


/* Refactored classes */
.cm-horizontal-orientation .cm-slide .cm-label-rotate-0 {
    transform: translate(calc(var(--cm-thumbnail-scale) * 99px), calc(var(--cm-thumbnail-scale) * 2px));
}

.cm-horizontal-orientation .cm-slide .cm-label-rotate-180 {
    transform: translate(calc(var(--cm-thumbnail-scale) * 99px), calc(var(--cm-thumbnail-scale) * 2px)) rotate(180deg);
}

.cm-vertical-orientation .cm-slide .cm-label-rotate-180 {
    transform: rotate(180deg);
}

/* Case details - sections and slides */
.cm-section,
.cm-slide {
    width: calc(var(--cm-thumbnail-scale) * 77px);
    height: calc(var(--cm-thumbnail-scale) * 219px);
    border: 1px solid;
    float: left;
    position: relative;
}

.cm-horizontal-orientation .cm-section,
.cm-horizontal-orientation .cm-slide {
    float: left;
    border-width: calc(var(--cm-thumbnail-scale) * 1px);
    border-style: solid;
    width: calc(var(--cm-thumbnail-scale) * 248px);
    height: calc(var(--cm-thumbnail-scale) * 72px);
    display: flex;
    position: relative;
}

.label-area {
    font-size: calc(var(--cm-thumbnail-scale) * 12px);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: center;
    word-wrap: break-word;
    overflow: hidden;
}

.cm-section .label-area {
    height: calc(var(--cm-thumbnail-scale) * 49px);
}

.cm-horizontal-orientation .cm-section .label-area {
    height: calc(var(--cm-thumbnail-scale) * 70px);
    width: calc(var(--cm-thumbnail-scale) * 76px);
    transform: translate(calc(var(--cm-thumbnail-scale) * 100px), 0px);
}

.slide-picture {
    background-repeat: no-repeat;
    background-position: center center;
}

.cm-section .slide-picture {
    width: calc(var(--cm-thumbnail-scale) * 75px);
    height: calc(var(--cm-thumbnail-scale) * 168px);
    background-size: calc(var(--cm-thumbnail-scale) * 50px);
}

.cm-horizontal-orientation .cm-section .slide-picture {
    width: calc(var(--cm-thumbnail-scale) * 70px);
    height: calc(var(--cm-thumbnail-scale) * 169px);
    background-size: calc(var(--cm-thumbnail-scale) * 50px);
    transform: rotate(270deg) translate(calc(var(--cm-thumbnail-scale) * 49px), calc(var(--cm-thumbnail-scale) * 50px));
}

.cm-horizontal-orientation .cm-slide .cm-thumbnail {
    width: calc(var(--cm-thumbnail-scale) * 70px);
    height: calc(var(--cm-thumbnail-scale) * 170px);
    transform: rotate(270deg) translate(calc(var(--cm-thumbnail-scale) * 50px), calc(var(--cm-thumbnail-scale) * 50px));
}

.cm-thumbnail-image {
    width: calc(var(--cm-thumbnail-scale) * 71px);
    height: calc(var(--cm-thumbnail-scale) * 169px);
}

.cm-slide-label {
    height: calc(var(--cm-thumbnail-scale) * 49px);
}

.cm-vertical-orientation .cm-slide .cm-slide-item,
.cm-slide-protection-container .cm-protected-slide img.cm-slide-label {
    width: calc(var(--cm-thumbnail-scale) * 71px);
    height: calc(var(--cm-thumbnail-scale) * 51px);
    margin-top: calc(var(--cm-thumbnail-scale) * -3px);
    margin-left: 0px;
    vertical-align: inherit;
}

.cm-horizontal-orientation .cm-slide .cm-slide-item {
    width: calc(var(--cm-thumbnail-scale) * 76px);
    height: calc(var(--cm-thumbnail-scale) * 72px);
    margin-left: calc(var(--cm-thumbnail-scale) * -1px);
    margin-top: calc(var(--cm-thumbnail-scale) * -3px);
    vertical-align: inherit;
}

.cm-slide.sld_exm,
.cm-slide.sld_new,
.cm-slide.sld_opn {
    border-left-width: calc(var(--cm-thumbnail-scale) * 5px);
    border-right-style: solid;
}

/* Slide spacing */
.section-margin-right {
    margin-right: calc(var(--cm-thumbnail-scale) * 20px);
}

.section-margin-bottom {
    margin-bottom: calc(var(--cm-thumbnail-scale) * 20px);
    float: none !important;
}

.slide-margin {
    margin: calc(var(--cm-thumbnail-scale) * 5px);
}

.slide-margin-left {
    margin-left: calc(var(--cm-thumbnail-scale) * 10px);
}

.slide-margin-bottom {
    margin-bottom: calc(var(--cm-thumbnail-scale) * 10px);
}

.slide-margin-barcode-bottom {
    margin-bottom: 0px;
}

    .slide-margin-barcode-bottom:last-child {
        margin-bottom: calc(var(--cm-thumbnail-scale) * 10px);
    }

.sample-inner-container-bottom {
    margin-bottom: calc(var(--cm-thumbnail-scale) * 10px);
}

.sample-inner-container-barcode-bottom {
    display: inline-grid;
}

.slide-margin-right {
    margin-right: calc(var(--cm-thumbnail-scale) * 10px);
}

.slide-barcode-margin-right:not(:last-child) {
    margin-right: 0px;
}

.section-separator-by-barcode {
    position: relative;
    margin-right: calc(var(--cm-thumbnail-scale) * 20px);
}

.section-item-container {
    padding-right: calc(var(--cm-thumbnail-scale) * 5px);
}

/* Slide icons */
.cm-slide-objective-magnification {
    width: calc(var(--cm-thumbnail-scale) * 24px);
    height: calc(var(--cm-thumbnail-scale) * 24px);
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 1;
    cursor: pointer;
}

.cm-vertical-orientation .cm-slide .cm-slide-objective-magnification {
    bottom: calc(var(--cm-thumbnail-scale) * 55px);
    left: 0;
}

.cm-horizontal-orientation .cm-slide .cm-slide-objective-magnification {
    right: calc(var(--cm-thumbnail-scale) * 80px);
    bottom: 0px;
}

.section-rx-slide {
    z-index: 1;
    width: calc(var(--cm-thumbnail-scale) * 24px);
    height: calc(var(--cm-thumbnail-scale) * 24px);
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.cm-slide .section-rx-slide {
    left: 0;
}

.cm-slide-label:hover ~ .cm-slide-label-rotator,
.cm-slide-label-rotator {
    background-repeat: no-repeat;
    background-position: center;
}

.cm-horizontal-orientation .cm-slide .cm-slide-label:hover ~ .cm-slide-label-rotator,
.cm-horizontal-orientation .cm-slide .cm-slide-label-rotator:hover,
.cm-vertical-orientation .cm-slide .cm-slide-label:hover ~ .cm-slide-label-rotator,
.cm-vertical-orientation .cm-slide .cm-slide-label-rotator:hover {
    opacity: 0.5;
    width: calc(var(--cm-thumbnail-scale) * 20px);
    height: calc(var(--cm-thumbnail-scale) * 20px);
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
}

.cm-horizontal-orientation .cm-slide .cm-slide-label:hover ~ .cm-slide-label-rotator,
.cm-horizontal-orientation .cm-slide .cm-slide-label-rotator:hover {
    transform: translate(calc(var(--cm-thumbnail-scale) * 75px), calc(var(--cm-thumbnail-scale) * 2px));
}

.cm-vertical-orientation .cm-slide .cm-slide-label:hover ~ .cm-slide-label-rotator,
.cm-vertical-orientation .cm-slide .cm-slide-label-rotator:hover {
    transform: translate(calc(var(--cm-thumbnail-scale) * 50px), calc(var(--cm-thumbnail-scale) * -50px));
}

.cv-group-icon {
    width: calc(var(--cm-thumbnail-scale) * 24px);
    height: calc(var(--cm-thumbnail-scale) * 24px);
    background: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}

.cm-vertical-orientation .cm-slide .cv-group-icon {
    bottom: calc(var(--cm-thumbnail-scale) * 55px);
    right: 0;
    z-index: 1;
}

/* gap resizing */
.slide-label-tc {
    opacity: 0.5;
    width: calc(var(--cm-thumbnail-scale) * 20px);
    height: calc(var(--cm-thumbnail-scale) * 20px);
    cursor: pointer;
    transform: translate(calc(var(--cm-thumbnail-scale) * 50px), calc(var(--cm-thumbnail-scale) * -55px));
}

.sld_opn:hover .section-status-hover,
.sld_exm:hover .section-delete-status-hover {
    display: block;
}

.section-delete-status-hover,
.section-status-hover {
    width: calc(var(--cm-thumbnail-scale) * 24px);
    height: calc(var(--cm-thumbnail-scale) * 24px);
    position: absolute;
    display: none;
    z-index: 2;
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.cm-slide .section-delete-status-hover {
    right: 0;
}

.cm-horizontal-orientation .cm-slide .section-delete-status-hover {
    left: 0;
}

.cm-slidelist .cm-samesection {
    margin-left: calc(var(--cm-thumbnail-scale) * -4px);
}

.slideitem_rxslide_div {
    z-index: 99;
    bottom: 0px;
}

/* End of slide section */
.cm-container-content.cm-attachments {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    padding: 0px;
}

    .cm-container-content.cm-attachments .cm-attachment-preview {
        width: 128px;
        height: 224px;
        margin: 1px;
        display: grid;
        grid-template:
            "image" minmax(0, 1fr)
            "overlay" 50px
            "name" auto;
        padding: 2px;
        position: relative;
    }

        .cm-container-content.cm-attachments .cm-attachment-preview img {
            grid-area: image;
            align-self: start;
            width: 100%;
            max-height: 100%;
            object-fit: contain;
            padding: 2px;
        }

        .cm-container-content.cm-attachments .cm-attachment-preview .cm-attachment-overlay {
            grid-area: overlay;
            display: none;
            cursor: pointer;
            font-size: 12px;
            line-height: 1em;
            margin: 2px -2px 2px -2px;
            padding: 2px;
        }

            .cm-container-content.cm-attachments .cm-attachment-preview .cm-attachment-overlay .cm-i24-attach-to-pdf {
                height: 24px;
                width: 24px;
                background-repeat: no-repeat;
                background-position: center;
            }

            .cm-container-content.cm-attachments .cm-attachment-preview .cm-attachment-overlay [data-attached] {
                display: flex;
                align-items: center;
                text-align: center;
            }

            .cm-container-content.cm-attachments .cm-attachment-preview .cm-attachment-overlay[data-attached="true"],
            .cm-container-content.cm-attachments .cm-attachment-preview:hover .cm-attachment-overlay {
                display: flex;
                align-items: center;
            }

                .cm-container-content.cm-attachments .cm-attachment-preview .cm-attachment-overlay[data-attached="false"] [data-attached="true"],
                .cm-container-content.cm-attachments .cm-attachment-preview .cm-attachment-overlay[data-attached="true"] [data-attached="false"] {
                    display: none;
                }

        .cm-container-content.cm-attachments .cm-attachment-icon label,
        .cm-container-content.cm-attachments .cm-attachment-preview label {
            grid-area: name;
            justify-self: center;
            font-weight: normal;
            font-size: small;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin: 2px;
        }

    .cm-container-content.cm-attachments .cm-attachment-icon {
        margin: 1px;
        display: grid;
        position: relative;
        grid-template:
            "icon" 50px
            "name" auto / 40px;
        padding: 2px;
    }

        .cm-container-content.cm-attachments .cm-attachment-icon .cm-mime-icon {
            grid-area: icon;
            background-position: center;
            background-repeat: no-repeat;
        }

.cm-contacts-page,
.cm-messages-page {
    display: grid;
    grid-template:
        "left content" 100% / 200px 1fr;
    grid-column-gap: 3px;
    padding-top: 3px;
    height: 100%;
}

    .cm-messages-page .cm-container-header {
        height: 50px;
    }

    .cm-messages-page .cm-container-content {
        overflow-y: auto;
    }

.cm-message-folder {
    cursor: pointer;
    display: grid;
    grid-template:
        "icon name count" 100% / auto minmax(0, 1fr) auto;
    align-items: center;
    height: 36px;
    padding: 3px;
}

    .cm-message-folder * {
        padding: 3px;
    }

    .cm-message-folder .cm-name {
        grid-area: name;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .cm-message-folder .cm-count {
        grid-area: count;
    }

.cm-messages-table {
    width: 100%;
    display: grid;
    grid-template-columns: auto auto 200px auto auto minmax(0, 1fr);
    grid-auto-rows: 40px;
    grid-row-gap: 1px;
}

    .cm-messages-table tbody,
    .cm-messages-table td,
    .cm-messages-table tr {
        display: contents;
    }

    .cm-messages-table td {
        display: flex;
        white-space: nowrap;
        padding: 8px;
        flex-wrap: nowrap;
        align-items: center;
        cursor: pointer;
    }

    .cm-messages-table .cm-message-row[data-read='False'] td {
        font-weight: bold;
        font-style: italic;
    }

        .cm-messages-table .cm-message-row[data-read='False'] td.cm-message-from:before {
            content: "*";
            padding-right: 0.2em;
        }

    .cm-messages-table td.cm-message-important::before {
        content: "";
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
    }

    .cm-messages-table td.cm-message-at {
        justify-content: flex-end;
    }

    .cm-messages-table td.cm-message-separator * {
        border-right-width: 1px;
        border-right-style: solid;
        height: 100%;
    }

    .cm-messages-table td.cm-message-select input {
        margin: 0px;
    }

    .cm-messages-table td.cm-message-from,
    .cm-messages-table td.cm-message-subject {
        display: inline;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

        .cm-messages-table td.cm-message-from::before,
        .cm-messages-table td.cm-message-subject::before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            height: 100%;
        }

        .cm-messages-table td.cm-message-subject br {
            display: block;
            margin: 1em;
            content: "";
        }

        .cm-messages-table td.cm-message-subject a {
            font-weight: bold;
            text-decoration: underline;
        }

.cm-messages .cm-importance {
    width: 30px;
    height: 30px;
    background-position: center;
}

.cm-messages table.cm-title {
    margin: -3px 3px;
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    border-collapse: collapse;
}

    .cm-messages table.cm-title tbody,
    .cm-messages table.cm-title thead,
    .cm-messages table.cm-title tr {
        display: contents;
    }

        .cm-messages table.cm-title tr td:first-child,
        .cm-messages table.cm-title tr td:last-child {
            margin: 0px;
            font-size: 18px;
            cursor: default;
        }

        .cm-messages table.cm-title tr td:first-child {
            font-weight: bold;
        }

        .cm-messages table.cm-title tr td:last-child {
            padding-left: 0.5em;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

.cm-message .cm-recipients {
    display: flex;
}

    .cm-message .cm-recipients .cm-recepient {
        font-size: .9em;
        border-width: 1px;
        border-style: solid;
        padding: 1px 3px;
        cursor: default;
    }

.cm-message .cm-container-content {
    padding: 10px;
}

.cm-message .cm-body a {
    font-weight: bold;
}

.cm-message .cm-body,
.cm-message-editor .cm-body {
    height: 100%;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    padding: 10px 30px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .cm-message .cm-body .cm-parent-container,
    .cm-message-editor .cm-body .cm-parent-container {
        border-left: 2px solid;
    }


    .cm-message .cm-body table {
        display: contents;
    }

    .cm-message-editor .cm-body table {
        display: grid;
        grid-template-columns: min-content 1fr;
    }

    .cm-message .cm-body table,
    .cm-message-editor .cm-body table {
        border-collapse: collapse;
    }

        .cm-message .cm-body table tr td,
        .cm-message-editor .cm-body table tr td {
            white-space: normal;
        }

        .cm-message .cm-body table tr.cm-subject td,
        .cm-message-editor .cm-body table tr.cm-subject td {
            padding-top: 0.3em;
        }

        .cm-message .cm-body table tr td:first-child,
        .cm-message-editor .cm-body table tr td:first-child {
            font-weight: bold;
        }

        .cm-message .cm-body table tr td:last-child,
        .cm-message-editor .cm-body table tr td:last-child {
            padding-left: 0.5em;
        }


    .cm-message .cm-body hr,
    .cm-message-editor .cm-body hr {
        margin: 0.5em 0;
        visibility: hidden;
    }

        .cm-message .cm-body hr.cm-parent-message-separator,
        .cm-message-editor .cm-body hr.cm-parent-message-separator {
            visibility: visible;
            margin-left: 10px;
            margin-right: 10px;
        }

.cm-message .cm-message-dnd {
    display: block;
    position: absolute;
    max-width: 65px;
    opacity: 0.7;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
}

.cm-message-editor {
    display: grid;
    grid-template:
        "recipient-label recipient-label" auto
        "recipient recipient-list" auto
        "all-users-button all-users-button" auto
        "subject subject" auto
        "body body" minmax(0, 1fr) / minmax(160px, 1fr) minmax(0, 5fr);
    grid-column-gap: 12px;
}

    .cm-message-editor .cm-recipient-label {
        grid-area: recipient-label;
    }

    .cm-message-editor .cm-recipient-selector {
        grid-area: recipient;
    }
        /*[value^='u:']*/
        .cm-message-editor .cm-recipient-selector option::after {
            content: "ddd";
            width: 24px;
            height: 24px;
            background-color: red;
        }

    .cm-message-editor .cm-recipient-list {
        grid-area: recipient-list;
        display: flex;
        flex-wrap: wrap;
        min-height: 26px;
        height: fit-content;
        border-width: 1px;
        border-style: solid;
        border-radius: 4px;
        padding: 1px 12px;
    }

        .cm-message-editor .cm-recipient-list .cm-recipient {
            margin: 1px;
            display: flex;
            align-items: center;
            font-size: .9em;
            border: 1px solid;
            cursor: default;
            padding: 0px 0px 0px 4px;
        }

    .cm-message-editor .cm-all-users-button {
        grid-area: all-users-button;
    }

    .cm-message-editor .cm-subject {
        grid-area: subject;
    }

        .cm-message-editor .cm-subject input {
            width: 100%;
        }

        .cm-message-editor .cm-subject span.control-label {
            width: 100%;
            display: flex;
        }

        .cm-message-editor .cm-subject .subject-caselink {
            font-weight: bold;
            text-decoration: underline;
        }

        .cm-message-editor .cm-subject hr {
            margin: 1em -1em;
        }

    .cm-message-editor .cm-body {
        grid-area: body;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        min-height: 330px;
        max-height: 550px;
        overflow-y: auto;
    }

        .cm-message-editor .cm-body textarea {
            width: 100%;
            min-height: 200px;
            flex-grow: 1;
            resize: none;
            overflow-y: auto;
        }

        .cm-message .cm-body .cm-parent,
        .cm-message-editor .cm-body .cm-parent {
            margin-top: 1em;
            padding-left: 1em;
        }

.cm-message .cm-container-footer {
    height: 50px;
}

.cm-contacts-page .cm-side-panel .cm-center input {
    width: 100%;
}

.cm-contacts-page .cm-side-panel .cm-cell {
    height: 60px;
    margin: 0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.cm-contacts-page .cm-side-panel .cm-inner-header.cm-groups {
    margin: 0;
    padding: 0 10px;
    font-size: 18px;
    font-weight: bold;
    height: 58px;
}

.cm-contacts-page .cm-side-panel .cm-contact-group {
    height: 33px;
    width: 100%;
    padding: 0 10px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

    .cm-contacts-page .cm-side-panel .cm-contact-group span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cm-contacts-page .cm-side-panel .cm-contact-group div {
        width: 24px;
    }

.cm-contacts-page .cm-container.cm-contacts .cm-container-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 3px;
}

.cm-contacts-page .cm-contact-card {
    width: 320px;
    display: grid;
    grid-template:
        "header" 35px
        "content" minmax(0, 1fr)
        "footer" 35px / 100%;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    overflow: hidden;
}

.cm-contacts-page .cm-contact-content,
.cm-contacts-page .cm-contact-footer,
.cm-contacts-page .cm-contact-header {
    padding: 0px 10px;
}

.cm-contacts-page .cm-contact-footer,
.cm-contacts-page .cm-contact-header {
    display: grid;
    grid-template:
        "left center right" 100% / auto minmax(0, 1fr) auto;
}

.cm-contacts-page .cm-contact-header {
    grid-area: header;
}


.cm-contacts-page .cm-contact-content table {
}

    .cm-contacts-page .cm-contact-content table tr td {
        background-color: transparent;
    }

        .cm-contacts-page .cm-contact-content table tr td:first-child {
            font-weight: bold;
            white-space: nowrap;
        }

        .cm-contacts-page .cm-contact-content table tr td:last-child {
            padding-left: 10px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

.cm-contacts-page .cm-contact-footer {
    grid-area: footer;
}

.cm-contacts-page .cm-contacts-add {
    grid-area: content;
    width: 46px;
    height: 46px;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    margin: 20px;
    grid-area: right;
    cursor: pointer;
}

    .cm-contacts-page .cm-contacts-add::before {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
    }

/* Teleconsultation */
.cm-tc-inprogress > .cm-col:not([data-closed=true]) > div:not(.cm-header) {
    padding-left: 25px;
}

.cm-tc-inprogress > .cm-col:not([data-closed=true]) ~ .cm-col > div {
    padding-left: 0px;
}

.cm-tc-post-screen-main-container {
    grid-area: content;
    display: grid;
    align-content: center;
    justify-content: center;
    justify-items: center;
    gap: 75px;
}

.cm-tc-post-screen-logo {
    width: 200px;
    height: 140px;
}

.cm-empty-list-text,
.cm-tc-post-screen-message {
    text-align: center;
    font-weight: bold;
    cursor: default;
    font-size: 2em;
}

.cm-empty-list-text {
    margin-top: 10px;
}

.cm-tceditor-page > .cm-container-header,
.cm-tclist-page > .cm-container-header {
    height: 65px;
}

    .cm-tceditor-page > .cm-container-header .cm-left,
    .cm-tclist-page > .cm-container-header .cm-left {
        padding-left: 10px;
        font-weight: bold;
        font-size: 20px;
    }

    .cm-tclist-page > .cm-container-header .cm-center * {
        margin: 0px;
    }

.cm-tclist-page > .cm-container-content {
    overflow-y: auto;
}

.cm-tc-row {
    height: 70px;
    display: grid;
    grid-template:
        "status title sep dates info anonymized edit delete buttons" 100% /
        4px minmax(300px, 1fr) 4px fit-content(220px) 1fr 1fr 1fr 1fr 250px;
    gap: 10px;
    align-items: center;
    margin-bottom: 2px;
}

    .cm-tc-row .cm-tc-status {
        grid-area: status;
        height: 100%;
    }

    .cm-tc-row .cm-tc-title {
        grid-area: title;
        font-weight: bold;
        font-size: 18px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .cm-tc-row .cm-tc-separator {
        grid-area: sep;
        height: 60px;
    }

    .cm-tc-row .cm-tc-dates {
        grid-area: dates;
        display: grid;
        grid-template:
            "start" 50%
            "duration" 50% / 100%;
        white-space: nowrap;
    }

        .cm-tc-row .cm-tc-dates div:first-child {
            justify-self: flex-start;
        }

        .cm-tc-row .cm-tc-dates div:last-child {
        }

    .cm-tc-row .cm-tc-info {
        grid-area: info;
    }

    .cm-tc-row .cm-tc-anonymized {
        grid-area: anonymized;
    }

    .cm-tc-row .cm-tc-edit {
        grid-area: edit;
    }

    .cm-tc-row .cm-tc-delete {
        grid-area: delete;
    }

    .cm-tc-row .cm-tc-buttons {
        grid-area: buttons;
        display: flex;
        justify-content: flex-end;
    }

.cm-tc-details {
    display: none;
    margin: 4px;
    padding: 10px;
    border-radius: 4px;
    border-width: 1px;
    border-style: solid;
}

.cm-tceditor-page .cm-tc-editor {
    display: grid;
    grid-template:
        "settings" auto
        "content" minmax(0, 1fr) / 100%;
    height: 100%;
}

.cm-tceditor-page .cm-tc-settings {
    grid-area: settings;
    display: grid;
    grid-template:
        "title title gap gap description" auto
        "now start end duration description" auto
        "anonymize anonymize anonymize anonymize anonymize" auto / 1fr 1fr 1fr 1fr 4fr;
    padding: 10px;
}

    .cm-tceditor-page .cm-tc-settings > * {
        padding: 5px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .cm-tceditor-page .cm-tc-settings label {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .cm-tceditor-page .cm-tc-settings .cm-title {
        grid-area: title;
    }

    .cm-tceditor-page .cm-tc-settings .cm-title {
        grid-area: title;
    }

    .cm-tceditor-page .cm-tc-settings .cm-description {
        grid-area: description;
    }

        .cm-tceditor-page .cm-tc-settings .cm-description textarea {
            height: 90%;
            resize: none;
        }

    .cm-tceditor-page .cm-tc-settings .cm-now {
        grid-area: now;
        align-self: end;
        min-width: 80px;
        width: fit-content;
    }

    .cm-tceditor-page .cm-tc-settings .cm-start {
        grid-area: start;
    }

    .cm-tceditor-page .cm-tc-settings .cm-end {
        grid-area: end;
    }

    .cm-tceditor-page .cm-tc-settings .cm-duration {
        grid-area: duration;
    }

    .cm-tceditor-page .cm-tc-settings .cm-anonymize {
        grid-area: anonymize;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
    }

        .cm-tceditor-page .cm-tc-settings .cm-anonymize label,
        .cm-tceditor-page .cm-tc-content .cm-tc-options label {
            display: flex;
            align-items: center;
            cursor: pointer;
        }

.cm-tceditor-page .cm-tc-content {
    grid-area: content;
    display: grid;
    grid-template-columns: 350px minmax(650px, 1fr) 300px;
    grid-column-gap: 10px;
    grid-template-rows: auto auto auto auto minmax(0, 1fr);
    height: 100%;
    padding: 10px;
}

.cm-tceditor-page form {
    height: 100%;
}

.cm-tceditor-page .cm-tc-content .cm-tc-cases {
    grid-column: 1;
}

.cm-tceditor-page .cm-tc-content .cm-tc-preview {
    grid-column: 2;
}

.cm-tceditor-page .cm-tc-content .cm-tc-participants {
    grid-column: 3;
}

.cm-tceditor-page .cm-tc-content .cm-tc-title {
    grid-row: 1;
}

    .cm-tceditor-page .cm-tc-content .cm-tc-title.cm-tc-preview {
        grid-row: 1 / span 3;
    }

.cm-tceditor-page .cm-tc-content .cm-tc-search {
    grid-row: 2;
    display: flex;
    gap: 10px;
}

.cm-tceditor-page .cm-tc-content .cm-tc-options {
    grid-row: 3;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}

    .cm-tceditor-page .cm-tc-content .cm-tc-options label {
        display: flex;
        align-items: center;
        cursor: pointer;
        gap: 3px;
    }

        .cm-tceditor-page .cm-tc-content .cm-tc-options label * {
            margin: 0;
        }

.cm-tceditor-page .cm-tc-content .cm-tc-header {
    grid-row: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0px 4px 6px;
    height: 100%;
}

    .cm-tceditor-page .cm-tc-content .cm-tc-header * {
        margin: 0;
        padding: 4px;
    }

.cm-tceditor-page .cm-tc-content .cm-tc-items {
    grid-row: 5;
    overflow-y: auto;
    padding: 1px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1px;
}

.cm-tceditor-page .cm-tc-content .cm-tc-case,
.cm-tceditor-page .cm-tc-content .cm-tc-participant {
    display: grid;
    grid-template:
        "left center right" 100% / auto minmax(0, 1fr) auto;
    padding-left: 10px;
}

.cm-tc-case .cm-left,
.cm-tc-case .cm-left label,
.cm-tc-slide .cm-left,
.cm-tc-slide .cm-left label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cm-tc-attachment {
    display: none;
}

.cm-tceditor-page .cm-tc-content .cm-tc-case .cm-hbtn-frameless,
.cm-tceditor-page .cm-tc-content .cm-tc-participant .cm-hbtn-frameless {
    background-size: 20px;
}

.cm-tceditor-page .cm-tc-content .cm-tc-slide {
    display: grid;
    grid-template:
        "left center right" 100% / auto minmax(0, 1fr) auto;
    padding: 2px 5px;
}

    .cm-tceditor-page .cm-tc-content .cm-tc-slide * {
        padding: 0 5px;
        margin: 0px;
    }

.cm-tceditor-page .cm-tc-preview.cm-tc-items > div {
    display: grid;
    grid-template:
        "patient" auto
        "codes" auto
        "slides" auto
        "attachments" auto / 100%;
}

.cm-tceditor-page .cm-tc-preview table {
    width: 100%;
}

.cm-tc-preview .cm-container-content {
    height: fit-content;
}

.cm-tceditor-page .cm-tc-preview table td {
}

.cm-tceditor-page .cm-tc-preview {
}

.cm-contacts-page .cm-footer,
.cm-tceditor-page .cm-footer {
    display: grid;
    grid-template:
        "left center right" 100% / auto minmax(0, 1fr) auto;
}

.cm-tc-cases.ui-dialog-content {
    overflow-y: auto;
    padding: 1px;
}

    .cm-tc-cases.ui-dialog-content table {
        height: fit-content;
    }

.cm-tc-cases .cm-tc-case {
    padding: 4px 10px;
    cursor: pointer;
}

.cm-tc-cases-input-fields input,
.cm-tc-cases-input-fields select {
    width: 100%;
}

input[type=checkbox].tc-case-details-slide-select-checkbox,
input[type=checkbox].tc-case-details-attachment-select-checkbox {
    margin-top: 0px;
    z-index: 10;
    height: fit-content;
    position: absolute;
    right: 0px;
}

x-ms-webview {
    font-size: 16pt;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 13px;
    float: left;
}

.cm-i30-join-tc-by-cv.cm-hbtn-frameless {
    background-size: contain;
    width: 30px;
}

/* Dialogs  */
.warning-td {
    font-size: 18px;
    text-align: center;
    cursor: default;
}

.warning-table {
    width: 100%;
    height: 100%;
}

.cm-dialog table {
    gap: 1px;
}

.cm-dialog {
    display: none;
}

    .cm-dialog select {
        width: 100%;
    }

    .cm-dialog select,
    .cm-dialog input {
    }

    .cm-dialog table input,
    .cm-dialog table select {
        margin-bottom: 0px;
    }

    .cm-dialog input[type="checkbox"] {
        margin-bottom: 0px;
    }

div[role='dialog'].ui-dialog {
    max-height: 100%;
    padding: 0px;
    border-width: 0px;
    border-style: solid;
    box-shadow: #343438 0px 0px 10px 5px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

/* Dialog titlebar */
div.ui-dialog-titlebar.ui-widget-header {
    width: 100%;
    height: fit-content;
    align-self: flex-start;
    padding: 0.4em 1em;
    border-width: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    display: flex;
    align-items: center;
}

    /* Title text */
    div.ui-dialog-titlebar.ui-widget-header > span {
        float: none;
        width: fit-content;
        justify-self: flex-start;
        font: Bold 22pt Segoe UI;
    }

    /* Closing button div */
    div.ui-dialog-titlebar.ui-widget-header > button.ui-button.ui-dialog-titlebar-close,
    div.ui-dialog-titlebar.ui-widget-header > button.ui-button.ui-dialog-titlebar-close:active,
    div.ui-dialog-titlebar.ui-widget-header > button.ui-button.ui-dialog-titlebar-close:hover,
    div.ui-dialog-titlebar.ui-widget-header > button.ui-button.ui-dialog-titlebar-close:focus {
        position: static;
        justify-self: flex-end;
        margin: 0 0 0 auto;
        background-repeat: no-repeat;
        padding: 0px;
        border: none;
        cursor: pointer;
        display: flex;
    }


        /* Closing dialog button inner spans */
        div.ui-dialog-titlebar.ui-widget-header > button.ui-button.ui-dialog-titlebar-close > span {
            display: none;
        }

/* Dialog main content div */
div.ui-dialog-content.ui-widget-content {
    flex-grow: 1;
    border-top: 1px;
    border-top-style: solid;
    border-bottom: 1px;
    border-bottom-style: solid;
    display: flex;
    justify-items: center;
    overflow-x: clip;
}

/* Dialog buttons */
.ui-dialog-buttonset button {
    font-size: 12px;
}

/* Dialog bottom bar */
div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix {
    width: 100%;
    align-self: flex-end;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-width: 0px;
    margin: 0px 0px 0px 0px;
    height: fit-content;
    padding: 0px;
}

/* Div containing buttons */
div.ui-dialog > div.ui-dialog-buttonpane > div.ui-dialog-buttonset {
    float: none;
    display: flex;
    justify-content: flex-end;
}

/* Buttons */
div.ui-dialog-buttonpane > div.ui-dialog-buttonset > button {
    display: inline-block;
    width: fit-content;
    margin: 0.5em;
}

.ui-dialog-buttonset button:active {
    outline: none;
}

/* Minimum heights for dialogs with short content, needs important otherwise can't overwrite the inline styling */
div[aria-describedby="assign-to-me-dialog"],
div[aria-describedby="finish-case-dialog"],
div[aria-describedby="general-message-dialog"],
div[aria-describedby="highpriority-case-dialog"] {
    height: 220px !important;
}

/* Specific Dialogs */

/* Create section */
.cm-create-section-container {
    height: 400px;
    width: 100%;
}

.cm-create-section-form-container {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px;
}

    .cm-create-section-form-container input {
        width: 90%;
    }

    .cm-create-section-form-container > div:not(:last-child) {
        justify-self: flex-start;
    }

    .cm-create-section-form-container > div:last-child {
        margin-left: auto;
        justify-self: flex-end;
    }

[aria-describedby='create-section-dialog'] table.cm-section-list-table tr {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 1px
}

/* Register case */
.sample-last-case-sample-code {
    font-style: italic;
    cursor: pointer;
}
/*.create-sample-form,
.edit-sample-form {
    overflow: hidden;
}*/

.cm-dialog .cm-two-col-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.cm-dialog .cm-ibtn {
    width: fit-content;
    align-self: center;
    justify-self: center;
}

.cm-dialog .cm-two-col-container select {
    height: 26px;
}

.cm-icon-chbox-label-container {
    display: flex;
    align-items: center;
    gap: 15px;
    padding-left: 5px;
}

    .cm-icon-chbox-label-container input[type='checkbox'] {
        height: 24px;
    }

.cm-placeholder {
    height: 15px;
}

.cm-icon-chbox-label-container input[type='checkbox'],
.cm-icon-chbox-label-container label,
.cm-icon-chbox-label-container img {
    margin-top: 0px;
    margin-bottom: 0px;
}

.cm-icon-chbox-label-container label {
    line-height: 24px;
}

.cm-dialog.cm-create-sample-dialog hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.cm-dialog span.text-danger,
.cm-dialog.cm-create-sample-dialog span {
    display: block;
    height: 12px;
    white-space: nowrap;
}

/* Patient dialogs */
.cm-search-patients-content {
    height: 350px;
    overflow-y: auto;
}

.cm-six-col-container .cm-i16-search.cm-fbtn {
    align-self: center;
}

.cm-six-col-container label {
    align-self: center;
    margin-bottom: 0px;
}

.cm-dialog .cm-six-col-container {
    display: grid;
    grid-template-columns: repeat(6, max-content);
    column-gap: 15px;
}

.cm-six-col-container div {
    margin: 0px;
}

.cm-dialog .cm-two-col-1-to-3-container {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 15px;
}

.cm-filter-patient-label {
    align-self: end;
    justify-self: end;
}

.cm-dialog-textarea {
    width: 100%;
    height: 75px;
    resize: none;
    border-radius: 5px;
    font-size: 0.9em;
}

.cm-search-patients-input-controls {
    grid-area: header;
}

.cm-dialog table.cm-search-patients-table {
    grid-area: content;
    display: grid;
    grid-template-columns: repeat(9, 1fr);
    margin-top: 20px;
}

.cm-search-patients-next-btn {
    grid-area: footer;
    justify-self: end;
    visibility: hidden;
}

.sample-keep-fields-label,
.isAutomaticCounter-checkbox-label,
.create-sample-sendercode-label {
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Filters */
.cm-filter-table-container {
    height: 450px;
}

.cm-condition-rows-table {
    display: grid;
    grid-template-columns: 2fr 3fr 2fr 3fr 1fr 1fr;
    margin-bottom: 5px;
}

    .cm-condition-rows-table input.form-control,
    .cm-condition-rows-table select.form-control {
        height: 30px;
        padding: 5px;
    }

    .cm-condition-rows-table tr td:last-child {
        padding: 0px;
        align-items: center;
    }

.cm-filter-dialog-header {
    width: 50%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

    .cm-filter-dialog-header input {
        margin: 0px;
    }

/* Assign to user */
.cm-assign-to-table {
    display: grid;
    grid-template-columns: 1fr 9fr;
}

.cm-assign-to-tabs {
    width: 100%;
    margin-top: 5px;
    cursor: default;
}

.cm-assign-to-tab {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid;
    cursor: pointer;
    margin-right: -4px;
}

.cm-dialog input[type=radio] {
    width: fit-content;
    height: fit-content;
}

/* Case history */
.cm-casehistorytable_data_div {
    display: none;
    max-height: 400px;
}

.cm-case-history-date-order-arrow {
    border-width: 0 2px 2px 0;
    padding: 3px;
    margin-left: 10px;
    margin-top: 5px;
    position: absolute;
    cursor: pointer;
}

.cm-case-history-date-orderby {
    border-style: solid;
    top: 16px;
    transform: rotate(-135deg);
}

.cm-case-history-date-orderbydesc {
    border-style: solid;
    top: 12px;
    transform: rotate(45deg);
}

.cm-case-history {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

/* Diagnosis code */
.cm-top-search-div {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

    .cm-top-search-div input,
    .cm-top-search-div .cm-ibtn {
        margin: 0px;
    }

.cm-diagnosis-code-search-table-container {
    height: 450px;
    width: 100%;
    overflow-y: auto;
}

    .cm-diagnosis-code-search-table-container p {
        display: flex;
        align-items: center;
    }

.cm-diagnosis-code-search-table {
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
}

.cm-diagnosis-code-search-table-container table.cm-diagnosis-code-search-table tr td {
    overflow: visible;
    white-space: normal;
}

.cm-add-diagnosiscode-dialog .cm-footer {
    display: flex;
    justify-content: flex-start;
}

/* Add signature */
.cm-add-signature-dialog-table {
    display: grid;
    grid-template-columns: 1fr 1fr 3fr;
    max-height: 450px;
}

.cm-confirm-signature-dialog h4 {
    text-align: center;
}

.cm-confirm-signature-dialog dl {
    margin-bottom: 10px;
}

/* Edit templates */
.cm-edit-templates-header {
    display: grid;
    grid-template-columns: 8fr 1fr 1fr;
    gap: 5px;
    align-items: start;
    justify-items: end;
}

.cm-template-dialog textarea {
    height: 250px;
}

/* Supervisor doctors */
.cm-supervisor-input-line {
    grid-area: header;
    display: grid;
    grid-template-columns: 2fr 2fr 1fr 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 20px;
    padding: 5px;
}

    .cm-supervisor-input-line input,
    .cm-supervisor-input-line select {
        margin-bottom: 0px;
    }

    .cm-supervisor-input-line .cm-fbtn {
        align-self: flex-end;
    }

.cm-dialog table.cm-supervisor-doctor-table {
    display: grid;
}

    .cm-dialog table.cm-supervisor-doctor-table tr {
        display: grid;
        gap: 1px;
    }

    .cm-dialog table.cm-supervisor-doctor-table td {
        display: grid;
        justify-content: center;
        align-items: center;
    }

    .cm-dialog table.cm-supervisor-doctor-table tr td:nth-child(2) {
        justify-content: normal;
    }

        .cm-dialog table.cm-supervisor-doctor-table tr td:nth-child(2) div {
            grid-area: 1 / 1;
            width: 100%;
            text-align: center;
        }

.cm-urgent-icon {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}

.cm-dialog table.cm-supervisor-doctor-table.cm-sdt-4-col tr {
    grid-template-columns: 0.2fr repeat(3, 1fr);
}

.cm-dialog table.cm-supervisor-doctor-table.cm-sdt-5-col tr {
    grid-template-columns: 0.2fr repeat(4, 1fr);
}

.cm-dialog table.cm-supervisor-doctor-table.cm-sdt-6-col tr {
    grid-template-columns: 0.2fr repeat(5, 1fr);
}

.cm-supervisor-next-btn {
    width: fit-content;
    justify-self: flex-end;
}

/* Special Examinations */
.cm-special-examination-input-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

    .cm-special-examination-input-container > div {
        padding: 10px;
        display: grid;
        align-items: end;
    }

        .cm-special-examination-input-container > div:not(:nth-child(1)) {
            border-left-style: solid;
            border-left-width: 1px;
        }

.cm-special-examination-table-container {
    width: 100%;
    overflow-y: auto;
}

.cm-special-examination-list-table {
    display: grid;
    margin-top: 10px;
}

.cm-dialog .cm-special-examination-table-container .cm-special-examination-list-table tr {
    display: grid;
    grid-template-columns: 0.25fr repeat(4, 1fr) 0.5fr 1fr 0.25fr;
    gap: 1px;
}

    .cm-dialog .cm-special-examination-table-container .cm-special-examination-list-table tr td,
    .cm-dialog .cm-special-examination-table-container .cm-special-examination-list-table tr th {
        display: grid;
        justify-items: center;
        align-items: center;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.cm-dialog .cm-special-examination-table-container .cm-special-examination-list-table .cm-special-examination-status-name {
    white-space: pre-wrap;
    text-align: center;
}

.cm-dialog .cm-special-examination-input-container textarea.cm-dialog-textarea {
    height: 100px;
}

/* Audio recorder */
.cm-audio-buttons-container {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr 1fr 0.1fr 1fr;
}

.cm-voice-recorder-time-display {
    background-repeat: no-repeat;
    width: 95px;
    margin: 5px;
    padding-top: 8px;
    padding-left: 36px;
}

/* Buttons  */
.cm-btn, /* standard button */
.cm-btn-low, /* standard button low profile */
.cm-fbtn, /* a compact button with an icon with the same height as inut fields*/
.cm-hbtn, /* header button (close/refresh in panel header) */
.cm-hbtn-frameless,
.cm-hbtn-small,
.cm-ibtn, /* standard button with image*/
.cm-lbtn, /* link button (download viewer/quant) */
.cm-mbtn, /* menu button */
.cm-tbtn, /* tab */
.cm-wbtn, /* wide */
.ui-dialog-buttonset button /* Dialog buttons */ {
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-radius: 7px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .cm-fbtn::before,
    .cm-hbtn::before,
    .cm-hbtn-frameless::before,
    .cm-hbtn-small::before,
    .cm-ibtn::before,
    .cm-lbtn::before,
    .cm-mbtn::before,
    .cm-tbtn::before,
    .cm-wbtn::before,
    .cm-viewer-app-download-span::before {
        display: inline-block;
        width: 100%;
        height: 100%;
        content: "";
        background-repeat: no-repeat;
        background-position: center;
    }

    .cm-btn.disabled,
    .cm-btn:disabled,
    .cm-btn[disabled='disabled'],
    .cm-btn-low.disabled,
    .cm-btn-low:disabled,
    .cm-fbtn.disabled,
    .cm-fbtn:disabled,
    .cm-fbtn[disabled='disabled'],
    .cm-hbtn.disabled,
    .cm-hbtn:disabled,
    .cm-hbtn-frameless.disabled,
    .cm-hbtn-frameless:disabled,
    .cm-hbtn-small.disabled,
    .cm-hbtn-small:disabled,
    .cm-ibtn.disabled,
    .cm-ibtn:disabled,
    .cm-lbtn.disabled,
    .cm-lbtn:disabled,
    .cm-mbtn.disabled,
    .cm-mbtn:disabled,
    .cm-tbtn.disabled,
    .cm-tbtn:disabled,
    .cm-wbtn:disabled,
    .disabled,
    .ui-dialog-buttonset button.disabled,
    .ui-dialog-buttonset button:disabled,
    .ui-dialog-buttonset button[disabled='disabled'] {
        cursor: default;
        opacity: 0.5;
        pointer-events: none;
        user-select: none;
    }

.cm-fbtn {
    min-width: 0px;
    padding: 0px;
    max-height: 26px;
    align-items: center;
    margin: 5px;
}

.cm-lbtn {
    width: 30px;
    height: 30px;
    margin: 5px;
}

.cm-wbtn {
    margin-top: 8px;
    margin-right: 3px;
    float: right;
    height: 32px;
    padding: 6px;
    padding-left: 15px;
    padding-right: 15px;
}

.cm-btn,
.cm-btn-low,
.cm-ibtn,
.cm-mbtn,
.ui-dialog-buttonset button {
    min-width: 40px;
    margin: 5px;
    align-items: center;
    padding: 7px;
}

.cm-btn,
.cm-fbtn,
.cm-ibtn,
.cm-wbtn,
.ui-dialog-buttonset button {
    max-width: fit-content;
}

    .cm-btn input[type=checkbox],
    .cm-btn-low input[type=checkbox] {
        display: none;
    }

.cm-btn,
.cm-ibtn,
.cm-wbtn,
.ui-widget .ui-dialog-buttonset button.ui-widget {
    height: 36px;
    font-size: 12px;
}

    .cm-ibtn span {
        align-self: center;
    }

a[data-button='Start']:link,
a[data-button='Start']:visited,
a[data-button='Start']:hover,
a[data-button='Start']:active {
    text-decoration: none;
}

.cm-btn-low {
    height: 28px;
    font-size: 12px;
}

.cm-hbtn,
.cm-hbtn-frameless,
.cm-hbtn-small {
    width: 24px;
    height: 24px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 3px;
}

.cm-hbtn-frameless {
    border-width: 0px;
}

.cm-hbtn-small::before {
    background-size: 16px;
}

.cm-ibtn,
.cm-fbtn {
    gap: 7px;
}

    .cm-fbtn::before,
    .cm-ibtn::before,
    .cm-wbtn.ts-i-state-message-flat::before,
    .cm-wbtn.ts-i-state-message-new::before {
        width: 24px;
        height: 24px;
    }

.cm-i32-start.cm-ibtn::before,
.cm-i32-stop.cm-ibtn::before {
    width: 16px;
    height: 16px;
}

.cm-mbtn {
    height: 42px;
    padding: 10px;
    border-radius: 4px;
}

    .cm-mbtn::before {
        width: 42px;
        height: 40px;
        margin: -10px;
    }

.cm-tbtn {
    border-radius: 10px 10px 0px 0px;
    width: 60px;
    height: 40px;
}

    .cm-tbtn.active {
        height: 42px;
        margin-bottom: -2px;
    }

.cm-tooltip {
    position: relative;
}

    .cm-tooltip span {
        cursor: pointer;
        font-style: italic;
        text-decoration: underline;
    }

    .cm-tooltip .cm-tooltip-container {
        display: none;
        position: absolute;
        top: 100%;
        right: 0px;
        z-index: 100;
        border-width: 0px 1px 1px 1px;
        border-style: solid;
        border-radius: 0 0 10px 10px;
        width: 250px;
    }

    .cm-tooltip span:hover .cm-tooltip-container,
    .cm-tooltip:hover .cm-tooltip-container,
    .cm-tooltip-container:hover {
        display: block;
    }

    .cm-tooltip .cm-tooltip-container * {
        margin: 0px;
    }

    .cm-tooltip .cm-tooltip-container table {
        border-collapse: collapse;
    }

        .cm-tooltip .cm-tooltip-container table td {
            padding: 4px;
            overflow: visible;
            overflow-wrap: break-word;
            white-space: break-spaces;
        }

        .cm-tooltip .cm-tooltip-container table tr:last-child td:first-child {
            border-radius: 0 0 0px 10px;
        }

        .cm-tooltip .cm-tooltip-container table tr:last-child td:last-child {
            border-radius: 0 0 10px 0px;
        }


.cm-icon {
    grid-area: icon;
}

    .cm-icon::before {
        display: block;
        content: "";
        width: 24px;
        height: 24px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

/* User folder tree */
#userfolder-tree {
    overflow: hidden;
}

.sim-tree {
}

    .sim-tree li {
        padding-top: 5px;
        font-size: initial;
    }

    .sim-tree i.sim-tree-spread {
        position: relative;
        width: 28px;
        height: 18px;
        background-repeat: no-repeat;
        background-position: right;
        display: inline-block !important;
        vertical-align: middle;
    }

        .sim-tree i.sim-tree-spread.hidden {
            display: inline-block !important;
            visibility: visible;
        }

        .sim-tree i.sim-tree-spread:before {
            border: none;
            margin: 0;
            top: 0;
        }

    .sim-tree a {
        display: inline;
        vertical-align: initial;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 4px;
        line-height: 33px;
        height: 33px;
    }

    .sim-tree i.sim-tree-spread::before {
        content: "";
        display: inline-block;
        position: absolute;
        left: -1000px;
        width: 1000px;
        height: 33px;
    }

/* Images */
.cm-i32-history::before,
.cm-i32-refresh::before,
.cm-i32-slide-protections::before {
    background-size: 24px;
}

/* Overlay */
.cm-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 1000;
    display: none;
}

    .cm-overlay > div {
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 230px;
        height: 230px;
        align-content: center;
    }

/* General Utility classes */
a.cm-no-link-effects:link,
a.cm-no-link-effects:visited,
a.cm-no-link-effects:hover,
a.cm-no-link-effects:active {
    text-decoration: none;
}

.cm-weighted-text {
    font-size: 18px;
    font-weight: bold;
}

.cm-no-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cm-grid {
    display: grid;
}

.cm-center-content {
    display: flex;
    justify-content: center;
}

.cm-none,
input[type=checkbox].cm-none {
    display: none;
}

.cm-hidden {
    visibility: hidden;
}

.cm-fit-content {
    width: fit-content;
}

.cm-margin-top-20 {
    margin-top: 20px;
}

.cm-margin-0 {
    margin: 0px;
}

.cm-margin-2 {
    margin: 2px;
}

.cm-float-right {
    float: right;
}

.col-xs-3 {
    width: 350px;
}

.col-xs-2 {
    width: 220px;
}

.scroll {
    overflow: auto;
}

.cm-small-text {
    font-size: smaller;
    font-weight: lighter;
    margin-bottom: 5px;
}

.cm-red-star::after {
    content: "*";
    font-weight: bold;
}

.cm-narrow-input-group {
    width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .cm-input-group input,
    .cm-narrow-input-group input {
        width: 100%;
    }

    .cm-narrow-input-group label,
    .cm-input-group label {
        display: inline-block;
    }

.cm-two-col-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px
}

.cm-three-col-group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 5px
}

.cm-1third-2third-col-group {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 5px
}

.cm-grid-center {
    align-items: center;
    justify-content: center;
    justify-items: center;
}

.cm-three-col-group-named {
    display: grid;
    grid-template: "one two" auto / 1fr 2fr;
    gap: 5px;
}

.cm-two-col-group-named {
    display: grid;
    grid-template: "four three" auto / 1fr 1fr;
    gap: 5px;
    justify-content: space-between;
    width: 100%;
    justify-items: center;
}

.cm-three-col-group-named-one {
    grid-area: one;
}

.cm-three-col-group-named-two {
    grid-area: two;
}

.cm-three-col-group-named-three {
    grid-area: three;
}

.cm-three-col-group-named-four {
    grid-area: four;
}

.cm-column-centered {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cm-align-label-text {
    text-align: center;
}

/* ms dropdown */
.ms-dd {
    background: none;
    width: 100%;
    position: relative;
}

    .ms-dd .ms-value-input {
        display: none;
    }

    .ms-dd .ms-dd-header {
        min-height: initial !important;
        border: none;
    }

        .ms-dd .ms-dd-header .option-selected {
            padding: 0;
        }

    .ms-dd .ms-options {
        width: fit-content;
        height: 800%;
        top: calc(100% + 2px);
        left: -1px;
        padding: 0px 6px;
    }

    .ms-dd .ms-list-option,
    .ms-dd .ms-optgroup ul .ms-list-option {
        padding: 0;
        border: none;
    }

    .ms-dd .ms-dd-option-image,
    .ms-dd .ms-dd-selected-img {
        margin-right: 5px;
        width: 24px;
        vertical-align: middle;
    }

    .ms-dd .ms-list-option.option-selected,
    .ms-dd .ms-optgroup ul .ms-list-option.option-selected {
        background: transparent;
    }

.cm-archivation .form-group div {
    display: grid;
    grid-template: "enabled value sum" auto / auto 1fr 75px;
    align-items: center;
    column-gap: 4px;
}

    .cm-archivation .form-group div input[type="checkbox"] {
        margin: 0;
    }

/* Slide protection */
/*
.cm-slideprotection_data_div {
    display: none;
    max-height: 400px;
}
.cm-slide-protection {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
.cm-sp-dialog table {
    border: 1px solid;
}

.cm-sp-dialog tr {
    height: 80px;
}

.cm-sp-dialog td {
    text-align: center;
    vertical-align: middle;
}

.cm-sp-dialog input {
    width: 20px !important;
    height: 20px !important;
    vertical-align: middle;
    margin: 60px 0px;
    float: none !important;
}

.ui-selectable .cm-slide {
    padding-left: 20px;
}

.cm-dialog .ui-selectable .cm-slide input[type="checkbox"] {
    margin-bottom: 60px !important;
}*/

/* Slide protection */
#tree-container a {
    max-width: 600px !important;
}

.cm-popup-menu a span {
    cursor: pointer;
}

.cm-table-no-stripe.cm-borderless tr td {
    background-color: initial;
}

.cm-slide-protection-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 5px;
    margin: 0px -20px;
}

    .cm-slide-protection-container .cm-protected-slide {
        display: grid;
        grid-template: auto auto / auto auto;
        column-gap: 10px;
        align-items: center;
        margin: 5px 20px;
    }

        .cm-slide-protection-container .cm-protected-slide input[type=checkbox] {
            grid-column: 1;
            grid-row: 1 / 2;
            width: 20px;
            height: 20px;
        }

        .cm-slide-protection-container .cm-protected-slide img.cm-protect-slide-image {
            grid-column: 2;
            grid-row: 1;
        }

        .cm-slide-protection-container .cm-protected-slide img.cm-slide-label {
            grid-column: 2;
            grid-row: 2;
        }