@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

:root {
    --rz-primary: #9DFF96;
    --rz-primary-lighter: #9dff96;
    --rz-on-primary: black;
    --rz-secondary: #dddddd;
    --rz-on-secondary: black;
    --rz-danger: #f07167;

    --rz-header-color: #dddddd;
    --rz-header-background-color: #424242;
    --rz-profile-menu-background-color: #424242;
    --rz-profile-menu-top-item-background-color: #424242;
    --rz-profile-menu-toggle-button-color: white;
    --rz-menu-item-color: #dddddd;
    --rz-menu-item-hover-color: white;

    --rz-panel-menu-item-active-indicator: #9dff96;

    --rz-panel-menu-item-2nd-level-offset: 4.5rem;
    --rz-panel-menu-item-background-color: unset;

    --rz-input-line-height: 1rem;
    --rz-input-font-size: 0.9rem;

    --rz-sidebar-z: 2;
    --rz-sidebar-background-color: #485a47;
    --rz-sidebar-border-right: 1px solid #485a47;
    --rz-sidebar-toggle-color: #9DFF96;
    --rz-sidebar-toggle-hover-color: white;
    --rz-panel-menu-background-color: #485a47;
    --rz-panel-menu-item-border: 1px solid #485a47;
    --rz-panel-menu-item-active-background-color: #374536;
    --rz-panel-menu-item-2nd-level-background-color: #485a47;
    --rz-panel-menu-item-2nd-level-active-background-color: #374536;
    --rz-panel-menu-item-2nd-level-hover-background-color: #333233;
    --rz-panel-menu-hover-background-color: #374536;
    --rz-profile-menu-item-hover-background-color: rgba(84, 255, 71, 0.25);
    --rz-dropdown-item-selected-color: black;
    --rz-dropdown-item-hover-color: black;
    --rz-dropdown-item-selected-hover-color: black;

    --rz-input-border: 1px solid #ccc;
    --rz-input-shadow: none;
    --rz-input-focus-border: 1px solid #9DFF96;
    --rz-input-focus-shadow: none;
    --rz-input-hover-border: 1px solid #ccc;
    --rz-input-hover-shadow: none;

    --rz-grid-hover-color: black;
    --rz-grid-hover-background-color: rgba(84, 255, 71, 0.25);
    --rz-grid-cell-font-size: 0.9rem;
    --rz-grid-loading-indicator-background-color: rgba(255, 255, 255, 0.75);
    --rz-scheduler-view-selected-color: black;
    --rz-scheduler-event-background-color: #40C1D7;
    --rz-datepicker-calendar-hover-color: black;
    --rz-datepicker-calendar-selected-hover-color: black;
    --rz-datepicker-calendar-selected-color: black;
    --rz-datepicker-calendar-selected-hover-background-color: #9DFF96;
    --rz-datepicker-calendar-hover-background-color: #9dff96;
    --rz-datepicker-month-dropdown-width: 7.5rem;
    --rz-datepicker-year-dropdown-width: 5rem;

    --rz-card-shadow: none;
    --rz-card-background-color: #f0f4f7;
    --rz-card-border-radius: 1rem;

    --vitalis-module-color: #40C1D7;
    --vitalis-module-color-disabled: #f07167;

    --rz-checkbox-checked-color: black;
}

@font-face {
    font-family: Aeonik;
    src: url(/css/fonts/Aeonik-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aeonik;
    src: url(/css/fonts/Aeonik-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Aeonik;
    src: url(/css/fonts/Aeonik-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

html,
body {
    font-family: "Aeonik", Arial, sans-serif;
}

h1 {
    font-size: 2.4rem;
    font-weight: 500;
    letter-spacing: 0;
}

h2 {
    font-size: 1.84rem;
    font-weight: 500;
    letter-spacing: 0;
}

h3 {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 0;
}

h4 {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
}

h5 {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
}

h6 {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
}

p,
div {
    font-size: 1rem;
}

p.no-records {
    color: lightgrey;
    font-size: 1.2rem;
    text-align: center;
    margin: 2rem;
}

label,
.value,
.rz-column-title,
.rz-navigation-item-text {
    font-size: 0.9rem;
}

.rz-button:not(.rz-numeric-button, .rz-calendar-button, .fullscreen-icon, .button-compact, .button-slider-aux, .rz-button-icon-only) {
    padding: 0.875rem 1rem;
    min-width: 12rem;
    margin-right: 0.25rem;
}

.rz-button:not(.rz-numeric-button, .rz-calendar-button, .fullscreen-icon, .button-compact, .button-slider-aux, .rz-button-icon-only).btn-right {
    margin-right: 0rem;
}

.rz-timepicker .rz-button,
.rz-scheduler .rz-button {
    padding: 0rem 1rem;
    min-width: unset;
}

.rz-cell-data .rz-button {
    padding: 0rem 0.5rem;
    min-width: unset;
}

.rz-cell-data .rz-button.rz-numeric-up,
.rz-cell-data .rz-button.rz-numeric-down {
    padding: 0rem 0rem;
}

.rz-chip .rz-button {
    padding: 0rem 0rem;
    min-width: unset;
}

.rz-tabview-title {
    color: black;
}

.rz-button-text {
    font-size: 1rem;
}

body {
    background: white
        /*no-repeat 100%/100% url("/css/background.svg")*/
    ;
}

a,
.btn-link {
    color: #40C1D7;
}

a:link,
a:visited,
a:hover,
a:active {
    color: #40C1D7;
    text-decoration: none;
}

a.rz-button {
    color: black;
}

.rz-navigation-item a {
    color: white;
}

.rz-sidebar a {
    color: white;
}

.rz-dialog-titlebar {
    background-color: #424242;
    height: 4rem;
}

.rz-dialog-titlebar .header-icon {
    height: 2.5rem;
    background-color: #40C1D7;
    border-radius: 0.5rem;
    padding: 0;
    margin: -0.5rem 1rem 0 0;
}

.rz-dialog-titlebar-close .rzi {
    font-size: 1.84rem;
    vertical-align: top;
    color: white;
}

.rz-dialog-titlebar-close .rzi:hover {
    color: #ccc;
    cursor: pointer;
}

.rz-dialog-title {
    font-size: 1.84rem;
    vertical-align: middle;
    color: white;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.rz-body {
    margin-bottom: 0px !important;
}

.rz-navigation-menu {
    z-index: 3 !important;
}

.rz-navigation-menu hr {
    margin: 0;
}

.rz-header {
    height: 51px;
    z-index: 3;
}

.rz-sidebar {
    bottom: 0px !important;
}

.rz-navigation-item-wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
}

.rz-navigation-item-wrapper a {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.rz-dialog .hide-in-dialog {
    display: none;
}

.only-in-dialog {
    display: none;
}

.rz-dialog .only-in-dialog {
    display: unset;
}

.rz-dialog {
    max-height: 85%;
    max-width: 1600px;
}

.eula,
.eula p {
    line-height: 1.5;
}

.eula h1 {
    text-align: center;
}

.eula ol {
    list-style-type: none;
    counter-reset: item;
    margin: 0;
    padding: 0;
}

.eula ol li {
    padding: 0.5em 0;
}

.eula ol>li {
    display: table;
    counter-increment: item;
}

.eula ol>li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 2em;
}

.eula li ol>li {
    margin: 0;
}

.eula li ol>li:before {
    content: counters(item, ".") ". ";
}

tr.--rz-primary td {
    background-color: #dfdff1 !important;
}

tr.--rz-secondary td {
    background-color: #f3dbe3 !important;
}

tr.--rz-info td {
    background-color: #cbe2f5 !important;
}

tr.--rz-success td {
    background-color: #daeadb !important;
}

tr.--rz-warning td {
    background-color: #f7e2c4 !important;
}

tr.--rz-danger td {
    background-color: #f5d1cf !important;
}

td,
input {
    font-variant-numeric: tabular-nums;
}

.analysis_value {
    font-weight: bold;
    font-size: 0.9rem;
    display: block;
    padding: 0px 10px;
    font-variant-numeric: tabular-nums;
}

.analysis_column_button {
    min-width: unset !important;

    @media screen and (max-width: 1150px) {
        .rz-button-text {
            font-size: 0.75rem !important;
        }
    }
}

.row:nth-child(2n) .analysis_value {
    background-color: rgba(128, 128, 128, 0.25);
}

.rz-tooltip-content {
    white-space: unset;
    max-width: 300px;
}

.vitalis-spinner {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.vitalis-spinner-wrapper {
    text-align: center;
    padding: 8px;
}

.vitalis-spinner-window {
    width: 32px;
    display: inline-block;
    overflow: hidden;
}

.vitalis-spinner-spinner {
    background-image: url('/css/ribbon.png');
    background-size: contain;
    background-position: center;
    background-repeat: repeat-x;
    width: 256px;
    height: 32px;
    border: unset;
    border-radius: unset;
    -webkit-animation: flow 2s linear infinite;
    animation: flow 2s linear infinite;
}

.rz-grid-table {
    min-width: 600px;
}

@keyframes flow {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(-128px);
    }
}

@keyframes flow-rtl {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(128px);
    }
}
.sidebar-expanded-True .rz-panel-menu {
    overflow-x: hidden !important;
}

.sidebar-expanded-False .rz-sidebar {
    width: 51px !important;
}

.sidebar-expanded-False .rz-navigation-item-icon-children {
    position: relative;
    right: 8px !important;
    top: 8px !important;
    width: 8px;
    height: 8px;
}

.sidebar-expanded-False .rz-sidebar .rz-navigation-item .rz-navigation-item .rz-navigation-item-link {
    padding-left: 2.75rem !important;
}

.rz-sidebar .rz-navigation-item-text {
    overflow: hidden !important;
    white-space: nowrap !important;
}

.rz-body-expanded {
    margin-left: 51px !important;
}


.rz-grid-table {
    width: unset;
}

.rz-grid-table thead {
    z-index: 1;
}

.tbl-w-100 .rz-grid-table {
    width: 100%;
}

.rz-data-grid {
    width: fit-content;
    max-width: 100%;
}

.rz-data-row td {
    vertical-align: top;
}

.rz-data-row.disabled td {
    background-color: rgba(240, 113, 103, 0.25);
    cursor: default;
}

@media (max-width: 768px) {
    body:has(> .rz-layout) {
        overflow-x: unset;
    }

    .rz-header,
    .rz-footer,
    .rz-body {
        width: unset;
    }
}

.btn-right {
    float: right;
}

.tbl-cw-50 {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
}

.tbl-cw-100 {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

.tbl-cw-150 {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

.tbl-cw-200 {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

.tbl-cw-250 {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}

.tbl-cw-300 {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

.tbl-cw-350 {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
}

.tbl-cw-400 {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
}

.tbl-cw-450 {
    width: 450px;
    min-width: 450px;
    max-width: 450px;
}

.tbl-cw-500 {
    width: 500px;
    min-width: 500px;
    max-width: 500px;
}

.tbl-cw-600 {
    width: 600px;
    min-width: 600px;
    max-width: 600px;
}

.tbl-cw-700 {
    width: 700px;
    min-width: 700px;
    max-width: 700px;
}

.tbl-cw-800 {
    width: 800px;
    min-width: 800px;
    max-width: 800px;
}

.tbl-cw-900 {
    width: 900px;
    min-width: 900px;
    max-width: 900px;
}

.tbl-cw-1000 {
    width: 1000px;
    min-width: 1000px;
    max-width: 1000px;
}

.tbl-top {
    vertical-align: top;
}

.rz-selectable .rz-data-grid-data {
    cursor: pointer;
}

.remote-control-dialog {
    width: 1510px !important;
    max-height: 95%;

    .remote-left-column {
        width: 970px;
        vertical-align: top;
    }

    .remote-right-column {
        width: 500px;
        vertical-align: top;
        padding-left: 0.25rem;
    }

    .remote-control-frame {
        width: 970px;
    }

    .stream-frame,
    .stream-frame-img {
        width: 960px;
        height: 540px;
    }

    .rz-tabview-panels {
        border: none;
        background: none;
    }

    .rz-tabview-panel {
        padding: 0px;
        padding-top: 1rem;
    }

    .rz-tabview-nav li {
        background-color: white;
        border: 2px solid #dddddd;
        border-radius: 0.5rem;
        margin-right: 0.5rem;
        width: 25%;
    }

    .rz-tabview-nav .rz-tabview-title {
        color: white;
    }

    .rz-tabview-nav a {
        display: block !important;
        text-align: center;
    }

    .rz-tabview-nav a span {
        display: block;
        padding-top: 100px;
        filter: brightness(0.5) sepia(1) hue-rotate(143deg) saturate(4.8);
        background-size: 100px 100px;
        background-repeat: no-repeat;
        background-position: center 0px;
    }

    .rz-tabview-nav .remote-tab-actions a span {
        background-image: url('remote-control/akce.png');
    }

    .rz-tabview-nav .remote-tab-calibration a span {
        background-image: url('remote-control/kalibrace.png');
    }

    .rz-tabview-nav .remote-tab-patient a span {
        background-image: url('remote-control/uzivatel.png');
    }

    .rz-tabview-nav .remote-tab-settings a span {
        background-image: url('remote-control/nastaveni.png');
    }

    .rz-tabview-nav .rz-tabview-selected a span {
        filter: none;
    }

    .rz-tabview-nav li.rz-tabview-selected {
        background-color: #40c1d7;
        border-color: #40C1D7;
        margin-bottom: 0px;
    }

    .rz-tabview-nav li.rz-tabview-selected .rz-tabview-title {
        color: white;
    }

    input {
        border: 2px solid #dddddd !important;
        border-radius: 0px;
        height: 54px !important;
        padding: 10px;
        margin-bottom: 1px;
        font-size: 1.2rem;
    }

    .rz-dropdown {
        border: 2px solid #dddddd !important;
        border-radius: 0px;
    }

    .rz-dropdown,
    .rz-dropdown-item {
        height: 54px !important;
        padding: 0px;
        margin-bottom: 1px;
        font-size: 1.2rem;
    }

    .rz-dropdown-items-wrapper {
        border: 2px solid #dddddd !important;
        border-top: 0px;
        border-radius: 0px;
    }

    .rz-dropdown-label img {
        background-color: var(--vitalis-module-color);
        width: 50px;
        height: 50px;
    }

    h2 {
        font-size: 1.2rem;
        padding-top: 1rem;
    }

    h2:first-child {
        padding-top: 0;
    }

    .streaming-tabs .rz-tabview-nav a span {
        padding-top: 0px !important;
    }
}

@media screen and (max-width: 1500px) {
    .remote-control-dialog {
        width: 1150px !important;

        .remote-left-column {
            width: 650px;
            vertical-align: top;
        }

        .remote-right-column {
            width: 500px;
            vertical-align: top;
            padding-left: 0.25rem;
        }

        .remote-control-frame {
            width: 650px;
        }

        .stream-frame,
        .stream-frame-img {
            width: 640px;
            height: 360px;
        }
    }
}

@media screen and (max-width: 1150px) {
    .rz-dialog-content {
        padding: 5px;
    }

    .remote-control-dialog {
        width: 100% !important;

        .remote-left-column {
            width: 490px;
            vertical-align: top;
        }

        .remote-right-column {
            width: 500px;
            vertical-align: top;
            padding-left: 0.25rem;
        }

        .remote-control-frame {
            width: 490px;
        }

        .stream-frame,
        .stream-frame-img {
            width: 480px;
            height: 270px;
        }
    }
}


.stream-frame,
.stream-frame-img {
    background-color: black;
    border: 1px solid black;
    overflow: hidden;
    pointer-events: none;
}

.remote-control-frame {
    padding: var(--rz-card-padding);
    border-radius: var(--rz-card-border-radius);
    background-color: var(--rz-card-background-color);
}

.vitalis-module-icon {
    text-align: center;
    width: 200px;
    position: relative;
}

.vitalis-module-icon .disabled-lock {
    width: 50px;
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: var(--vitalis-module-color-disabled);
    border-radius: var(--rz-card-border-radius);
}

.rz-card.md-label {
    background-color: white;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px 0 rgba(0, 0, 0, 0.04);
}

.fullscreen-icon {
    margin-left: 10px;
    min-width: unset;
    color: #9DFF96;
}

.fullscreen-icon:hover,
.fullscreen-icon:active,
.fullscreen-icon:focus {
    background: none;
    color: white;
}

.rz-alert {
    color: black;
    border-radius: 8px;
}

.rz-alert-icon {
    color: black !important;
}

.rz-info.rz-shade-lighter {
    background-color: #f0f4f7;
}

.rz-warning.rz-shade-lighter {
    background-color: #ffd88a;
}

.rz-danger.rz-shade-lighter {
    background-color: #f07167;
}

.rz-button.rz-info {
    background-color: #f0f4f7;
}

.rz-button.rz-warning {
    background-color: #ffd88a;
}

.rz-button.rz-danger {
    background-color: #f07167;
}

.vitalis-remote-control,
div[style="vitalis-remote-control"] {
    h2 {
        text-align: center;
    }

    .rz-button {
        background-color: #40C1D7 !important;
        color: white !important;
        margin-bottom: 0.25rem;
    }

    .rz-button.small-square {
        min-width: unset;
        padding: 5px;
        margin-right: 8px;
        margin-bottom: 13px;
        border-radius: 1rem;
    }

    .centered-section {
        text-align: center;
    }

    .rz-textbox:active,
    .rz-textbox:focus,
    .rz-textbox:hover {
        border-color: #40C1D7;
    }

    .rz-dropdown:active,
    .rz-dropdown:focus,
    .rz-dropdown:hover {
        border-color: #40C1D7;
    }

    .rz-dropdown-item.rz-state-highlight,
    .rz-dropdown-item.rz-state-highlight:hover,
    .rz-dropdown-item:hover {
        background-color: rgba(71, 145, 255, 0.5);
    }

    .dark-button {
        background-color: #424242;
    }

    --rz-slider-handle-border: 0.25rem solid #40C1D7;
    --rz-slider-handle-hover-border: 0.25rem solid #40C1D7;
    --rz-slider-handle-hover-background-color: #40C1D7;
    --rz-slider-range-background-color: #40C1D7;
    --rz-slider-range-border: 1px solid #40C1D7;
    --rz-input-focus-border: 1px solid #40C1D7;
}

.vitalis-remote-control-red,
div[style="vitalis-remote-control-red"] {
    .rz-button {
        background-color: #f07167 !important;
    }
}

.rz-dropdown-items-wrapper[style="vitalis-remote-control"] {
    max-height: calc(50vh - 100px);
}

button.button-compact {
    height: 20px;
    padding: 0px 10px;
    min-width: unset;

    span {
        font-size: 0.8rem;
    }
}

button.button-slider-aux {
    width: 100px;
    min-width: 100px;
    height: 100px;
    padding-top: 0px;
    border-radius: 0.5rem;
    background-color: #40C1D7;
}

.slider-calibration-wrapper {
    gap: 0px;
    background: linear-gradient(90deg, #dddddd 50%, transparent 50%);
    border-radius: 1rem;
    margin-bottom: 0.25rem;

    .rz-button {
        margin-bottom: 0px !important;
    }
}

.slider-calibration {
    width: 220px;
    height: 100px;
    background-color: #f0f4f7;
    border: none;
    border-radius: 0px;
}

.slider-calibration .rz-slider-range {
    top: 0px;
    height: 100px;
    background-color: #dddddd;
    border: none;
    border-radius: 0px;
}

.slider-calibration .rz-slider-handle {
    display: none;
}

.slider-calibration-label {
    position: absolute;
    margin-left: 100px;
    margin-right: 100px;
    width: 220px;
    height: 100px;
    text-align: center;
    line-height: 100px;
    font-size: 1.2rem;
}

.button-slider-aux-remote_postion_positions_z-minus,
.button-slider-aux-remote_postion_positions_z-plus,
.button-slider-aux-remote_postion_positions_y-minus,
.button-slider-aux-remote_postion_positions_y-plus,
.button-slider-aux-remote_postion_positions_x-minus,
.button-slider-aux-remote_postion_positions_x-plus,
.button-slider-aux-remote_postion_scale-minus,
.button-slider-aux-remote_postion_scale-plus,
.button-slider-aux-remote_postion_rotation-minus,
.button-slider-aux-remote_postion_rotation-plus {
    background-repeat: no-repeat !important;
    background-size: 80px 80px !important;
    background-position: center 0px !important;
    color: white;

    .rz-button-text {
        padding-top: 70px;
    }
}

.button-slider-aux-remote_postion_positions_z-minus {
    background-image: url('remote-control/priblizit.png') !important;
}

.button-slider-aux-remote_postion_positions_z-plus {
    background-image: url('remote-control/vzdalit.png') !important;
}

.button-slider-aux-remote_postion_positions_y-minus {
    background-image: url('remote-control/dolu.png') !important;
}

.button-slider-aux-remote_postion_positions_y-plus {
    background-image: url('remote-control/nahoru.png') !important;
}

.button-slider-aux-remote_postion_positions_x-minus {
    background-image: url('remote-control/doleva.png') !important;
}

.button-slider-aux-remote_postion_positions_x-plus {
    background-image: url('remote-control/doprava.png') !important;
}

.button-slider-aux-remote_postion_scale-minus {
    background-image: url('remote-control/zmensit.png') !important;
}

.button-slider-aux-remote_postion_scale-plus {
    background-image: url('remote-control/zvetsit.png') !important;
}

.button-slider-aux-remote_postion_rotation-minus {
    background-image: url('remote-control/ksobe.png') !important;
}

.button-slider-aux-remote_postion_rotation-plus {
    background-image: url('remote-control/odsebe.png') !important;
}

.remote-recognition-image {
    width: 50%;
    border: 1px solid black;
}


@media only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5/1),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .remote-control-dialog {
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: 100%;

        .rz-tabview-nav a span {
            padding-top: 50px;
            background-size: 50px 50px;
        }

        .responsive-side {
            h2 {
                float: left;
                clear: both;
                text-align: left;
                width: 40%;
            }

            h2:first-child {
                padding-top: 1rem;
            }

            .rz-dropdown,
            input {
                width: 60%;
                float: right;
            }

            br.clear {
                clear: both;
            }
        }
    }

    .button-slider-aux-remote_postion_positions_z-minus,
    .button-slider-aux-remote_postion_positions_z-plus,
    .button-slider-aux-remote_postion_positions_y-minus,
    .button-slider-aux-remote_postion_positions_y-plus,
    .button-slider-aux-remote_postion_positions_x-minus,
    .button-slider-aux-remote_postion_positions_x-plus,
    .button-slider-aux-remote_postion_scale-minus,
    .button-slider-aux-remote_postion_scale-plus,
    .button-slider-aux-remote_postion_rotation-minus,
    .button-slider-aux-remote_postion_rotation-plus {
        background-size: 35px 35px !important;

        .rz-button-text {
            padding-top: 0px;
        }
    }

    .slider-calibration-wrapper {
        height: 50px;
        margin-bottom: 0.5rem;
    }

    button.button-slider-aux {
        height: 50px;
        padding-top: 32px;
    }

    .slider-calibration {
        height: 50px;
    }

    .slider-calibration .rz-slider-range {
        height: 50px;
    }

    .slider-calibration-label {
        height: 50px;
        line-height: 50px;
    }

    .remote-recognition-column-left {
        max-width: 35%;
        flex-basis: 35%;
    }

    .remote-recognition-column-right {
        max-width: 60%;
        flex-basis: 60%;
    }

    .remote-recognition-image {
        width: 90%;
    }

    .rz-tabview-panel {
        padding-top: 5px !important;

        >div {
            padding: 10px 20px;
        }
    }
}


.automatic-translation-warning {
    display: none;
}

.translated-ltr .automatic-translation-warning,
.translated-rtl .automatic-translation-warning {
    display: block;
}

.rz-dialog-content {
    background: url('background.svg') no-repeat 100%/100% fixed;
}

.dialog-borderless .rz-dialog-content {
    padding: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

.password-input input {
    border: none;
    outline: none;
}

.hide-paginator .rz-paginator {
    display: none;
}

.dropdown-item-icon {
    width: 25px;
    background-color: var(--vitalis-module-color);
}

.dropdown-item-disabled {
    color: lightgray;

    .dropdown-item-icon {
        background-color: lightgray;
    }
}

li.rz-dropdown-item:has(.dropdown-item-disabled) {
    pointer-events: none;
}

.module-button {
    border-radius: var(--rz-card-border-radius);

    .rz-button-box {
        display: block;
    }
}

.module-detail {
    padding: 0rem 0.5rem;

    .vitalis-module-icon {
        width: 70px;
        padding: 0px;
        margin: 0px 10px 10px 0px;
        background-color: #40C1D7;
        float: left;
    }

    .card-light,
    .card-dark,
    .image-card,
    .video-card {
        display: block;
        height: calc(100% - 1rem);
        margin-bottom: 1rem;
        border-color: #dcddde;
        border-width: 3px;
        border-style: solid;
        background-color: white;
    }

    .card-dark {
        background-color: #dcddde;
    }

    img.image-card,
    iframe.video-card {
        width: 100%;
        height: auto;
        max-height: 450px;
        object-fit: cover;
        padding: 0px;
        border: none;
        border-radius: 16px;
    }

    iframe.video-card {
        aspect-ratio: 16/9;
    }

    .left-column {
        padding: 0rem;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .right-column {
        padding: 0rem;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    h2 {
        color: #424242;
    }

    .info-text {
        padding: 2rem 4rem 2rem 1rem;
    }

    .info-text:first-child {
        padding-right: 1rem;
        padding-left: 4rem;
    }

    .rz-badge {
        padding: 8px 16px;
        margin-bottom: 4px;
    }

    .rz-accordion-header,
    .rz-accordion-content {
        background: none;
    }

    .rz-accordion span {
        color: #424242;
        font-size: 1.2rem;
        font-weight: 500;
        letter-spacing: 0;
    }

    .rz-accordion-header {
        cursor: pointer;
    }
}

.module-detail-gallery-thumbnails {
    .module-detail-gallery-thumbnail {
        width: 120px;
        height: 60px;
        max-height: 60px;
        object-fit: cover;
        padding: 0px;
        border: 4px solid #dcddde;
        border-radius: 16px;
        margin-right: 8px;
        cursor: pointer;
    }

    .module-detail-gallery-thumbnail.selected {
        border: 4px solid #40C1D7;
    }

    padding-bottom: 16px;
}

#remote_controll_info_header {
    font-size: 1rem;

    .param-name {
        padding-left: 4rem;
    }

    .param-value {
        color: #ffae11;
    }
}

.rz-header,
.rz-profile-menu,
.rz-sidebar-toggle {
    border: none !important;
}

.user-menu strong {
    color: white;
}

.user-welcome strong {
    color: white;
    font-size: 2rem;
}

.tooltip-icon {
    cursor: default;
}

.tooltip-icon.rzi-info {
    color: #40C1D7;
}

span.version-info {
    display: none;
}

.rz-badge {
    margin-right: 0.25rem;
}

.hide-numeric-buttons .rz-button.rz-numeric-up,
.hide-numeric-buttons .rz-button.rz-numeric-down {
    display: none;
}

.login-form {
    width: 100% !important;
    max-width: 800px !important;
    flex: 1 1 auto;
}

.logo-tacr {
    width: 40rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.rz-dropdown-item {
    overflow-x: hidden;
    white-space: nowrap;

    .info {
        color: silver;
        font-style: italic;
    }
}

.modules-filter {
    .indication-dropdowns {
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
    }

    .indication-dropdowns .rz-dropdown,
    .module-text-search {
        display: inline-block;
        margin-left: 16px;
        margin-right: 16px;
        width: 432px;
    }

    .module-text-search {
        margin-bottom: 16px;
    }
}

.modules-filter-alert {
    margin: 16px;
}

#streaming_fullscreen_container.vr_vitalis_full_screen_element {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;

    .stream-frame,
    .stream-frame-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain;
    }
}

.streaming-fullscreen-icon {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.streaming-fullscreen-icon-anchor {
    position: relative;
    width: 100%;
    height: 100%;
}

.report-stream-issues.rz-dropdown {
    top: 7px !important;
    height: 48px !important;
    line-height: 40px !important;
    border-radius: 4px;
    padding: 0px 8px;
}

.streaming-error-card {
    min-height: 100%;
}

.streaming-error-hidden-img {
    width: 1px !important;
    height: 1px !important;
    min-width: 1px !important;
    min-height: 1px !important;
    max-width: 1px !important;
    max-height: 1px !important;
    opacity: 0.01;
}

.quadrand-checkbox {
    .rz-chkbox-icon {
        font-family: "Aeonik", Arial, sans-serif;
        box-sizing: border-box;
        line-height: var(--rz-body-line-height);
        height: var(--rz-checkbox-icon-height);
        color: gray;
    }

    .rz-chkbox-icon:before {
        font-size: 12px;
        font-weight: bold;
        display: block;
        text-align: center;
    }

    .rzi {
        color: black;
    }

    .check-i .rz-chkbox-icon:before {
        content: "I";
    }

    .check-ii .rz-chkbox-icon:before {
        content: "II";
    }

    .check-iii .rz-chkbox-icon:before {
        content: "III";
    }

    .check-iv .rz-chkbox-icon:before {
        content: "IV";
    }
}

.client-indication
{
    .col-md-4, .col-md-6, .col-md-8
    {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    .col-md-4:first-child, .col-md-6:first-child, .col-md-8:first-child {
        padding-left: 15px !important;
    }
    .col-md-4:last-child, .col-md-6:last-child, .col-md-8:last-child {
        padding-right: 15px !important;
    }
}

.client-exercise-list-dialog
{
    max-height: 100%;
    height: 100%;
    max-width: 95% !important;
    width: 1000px !important;
}

.rz-multiselect-item {
    span.indication-field {
        font-weight: bold;
    }
    span.indication {
        padding-left: 32px;
    }
}

.history-old
{
    color: red;
    text-decoration: line-through;
}

.history-new
{
    color: green;
}

.fingers_configuration
{
    width: 150px;
    height: 150px;
}

.history-new .fingers_configuration, .history-old .fingers_configuration
{
    color: black;
    width: 50px;
    height: 50px;
}

.history-old svg.fingers_configuration
{
    filter: grayscale(75%);
}

.entity-add-button, .entity-delete-button
{
    float: right;
}

.entity-add-button-inline
{
    width: 50px;
    height: 100%;
    float: right;
}

.user-right-category-icon
{
    vertical-align: text-bottom;
    padding-left: 8px;
    padding-right: 16px;
}

.header-logo-name
{
    margin-left: 1rem;
    margin-right: 0rem;
}

.header-user-menu
{
    position: absolute;
    right: 0px;
}

html[dir=rtl]
{
    .rz-sidebar
    {
        left: auto;
        right: 0;
    }

    .rz-body
    {
        margin-left: 0 !important;
        margin-right: 250px !important;
    }

    .rz-navigation-item-text
    {
        text-align: right;
    }

    h1, h2, h3, h4, h5, h6, div, p
    {
        text-align: right;
    }

    .header-icon
    {
        margin: -0.5rem 0 0 1rem;
    }

    .vitalis-module-icon
    {
        float: right;
    }

    .entity-add-button, .entity-delete-button
    {
        float: left;
    }

    .entity-add-button-inline {
        width: 50px;
        height: 100%;
        float: left;
    }

    .user-right-category-icon {
        vertical-align: text-bottom;
        padding-left: 16px;
        padding-right: 8px;
    }

    .header-logo-name {
        margin-left: 0rem;
        margin-right: 1rem;
    }

    .header-user-menu {
        position: absolute;
        right: unset;
        left: 0px;
    }

    .fullscreen-icon
    {
        margin-left: 0px;
        margin-right: 10px;
    }

    .user-welcome
    {
        margin-left: 0px;
        margin-right: 50px;
    }

    .vitalis-logo
    {
        background-position: right;
    }

    .vitalis-spinner-wrapper
    {
        text-align: center;
    }

    .vitalis-spinner-spinner
    {
        -webkit-animation: flow-rtl 2s linear infinite;
        animation: flow-rtl 2s linear infinite;
    }

    .sidebar-expanded-False .rz-navigation-item-icon-children
    {
        right: unset !important;
        left: 8px !important;
    }

    .sidebar-expanded-False .rz-sidebar .rz-navigation-item .rz-navigation-item .rz-navigation-item-link
    {
        padding-right: 2.75rem !important;
    }

    .rz-tooltip
    {
        transform: translateX(calc(30px - 100%));
        /*transform: scaleX(-1);*/
    }

    .rz-tooltip:has(.rz-left-tooltip-content), .rz-tooltip:has(.rz-right-tooltip-content)
    {
        transform: translateX(0);
    }

    .logo-tacr
    {
        margin-right: 0rem;
        margin-left: 1rem;
    }
}