:root {
    --breadcrumbs-bar-height: 2rem;
}

.cursor-pointer {
    cursor: pointer;
}

.background-color-transparent {
    background-color: transparent;
}

.captcha_container img {
    max-width: 170px;
    width: 75%;
}

.captcha_container button {
    max-width: 40px;
    max-height: 40px;
    width: 25%;
    background-image: url('../images/captcha-reload-icon.svg');
    background-size: contain;
    background-color: transparent;
    border-radius: 0;
    margin-left: 0.5rem;
}

.captcha_container button.disabled {
    pointer-events: none;
    opacity: 0.75;
}

.captcha_container button:focus-visible {
    outline: var(--rz-switch-focus-outline);
    outline-offset: var(--rz-switch-focus-outline-offset);
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.spin-animation {
    animation: spin 1s ease 1;
}

.sidebar-expanded .c-header-col-left,
.sidebar-expanded .c-header-col-right {
    display: none !important;
}

.c-sidebar.c-sidebar__expanded {
    min-width: 250px;
}

.c-sidebar .sidebar-menu .rz-navigation-item .rz-expander {
    display: none;
}

.c-sidebar.c-sidebar__expanded .sidebar-menu .rz-navigation-item .rz-expander {
    display: grid;
}

.c-splitter.rz-splitter-horizontal > .rz-splitter-bar > .rz-expand:before,
.c-splitter.rz-splitter-horizontal > .rz-splitter-bar > .rz-collapse:before {
    background: var(--rz-primary);
    color: var(--rz-white);
    height: 5rem;
    vertical-align: middle;
}

.c-splitter .rz-splitter-pane.rz-splitter-pane-collapsed {
    padding: 0 !important;
}

.c-splitter.rz-splitter > .rz-splitter-bar {
    opacity: 0.8;
}

.c-splitter.rz-splitter > .rz-splitter-bar:hover {
    opacity: 1;
}

.c-splitter.rz-splitter > .rz-splitter-bar-resizable:active {
    background-color: var(--rz-primary-lighter)
}

.c-tabs.c-tabs-scrollable > ul[role=tablist] {
    flex-wrap: nowrap;
    overflow: hidden;
}

.c-tabs.c-tabs-wrap > ul[role=tablist] {
    flex-wrap: wrap;
}

.c-tabs.c-tabs-scrollable.c-tabs-scrollable-x > ul[role=tablist] {
    overflow-x: auto;
}

.c-tabs.c-tabs-scrollable.c-tabs-scrollable-y > ul[role=tablist] {
    overflow-y: auto;
}

.c-tabs.c-tabs-justify-content-space-between > ul[role=tablist] {
    justify-content: space-between;
}

.c-tabs.c-tabs-justify-content-space-between > ul[role=tablist] > li[role=tab] {
    flex: 1;
}

.c-tabs.c-tabs-text-nowrap > ul[role=tablist] > li[role=tab] {
    white-space: nowrap;
}

.c-tab__invalid {
    border-top-color: var(--rz-danger) !important;
    background-color: var(--rz-danger-lighter) !important;
    color: var(--rz-danger) !important;
}

.c-data-grid.c-data-grid-table-no-headers > .rz-data-grid-data > table > thead {
    display: none;
}

.c-data-grid.c-data-grid-table-w-unset > .rz-data-grid-data > table {
    width: unset;
}

.c-data-grid.c-data-grid-no-border {
    border: 0;
}

.c-data-grid.c-data-grid-no-shadow {
    box-shadow: none;
}

.c-data-grid-outlined .rz-form-field-content, 
.c-data-grid-outlined .rz-timespanpicker > .rz-inputtext, 
.c-data-grid-outlined .rz-colorpicker, 
.c-data-grid-outlined .rz-lookup-search input, 
.c-data-grid-outlined .rz-numeric, .rz-datepicker > .rz-inputtext, 
.c-data-grid-outlined .rz-multiselect, 
.c-data-grid-outlined .rz-dropdown, 
.c-data-grid-outlined .mask, 
.c-data-grid-outlined .rz-textarea, 
.c-data-grid-outlined .rz-textbox {
    box-sizing: border-box;
    border: var(--rz-input-border);
    border-block-end: var(--rz-input-border-block-end);
    border-radius: var(--rz-input-border-radius);
    box-shadow: var(--rz-input-shadow);
    background-color: var(--rz-input-background-color);
}

.c-data-grid-outlined .rz-form-field:hover .rz-form-field-content, 
.c-data-grid-outlined .rz-autocomplete:hover:not(.rz-state-disabled), 
.c-data-grid-outlined .rz-timespanpicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, 
.c-data-grid-outlined .rz-colorpicker:not(:disabled):not(.rz-state-disabled):hover, 
.c-data-grid-outlined .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):hover, 
.c-data-grid-outlined .rz-numeric:not(:disabled):not(.rz-state-disabled):hover, 
.c-data-grid-outlined .rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):hover, 
.c-data-grid-outlined .rz-multiselect:not(:disabled):not(.rz-state-disabled):hover, 
.c-data-grid-outlined .rz-dropdown:not(:disabled):not(.rz-state-disabled):hover, 
.c-data-grid-outlined .mask:not(:disabled):not(.rz-state-disabled):hover, 
.c-data-grid-outlined .rz-textarea:not(:disabled):not(.rz-state-disabled):hover, 
.c-data-grid-outlined .rz-textbox:not(:disabled):not(.rz-state-disabled):hover {
    box-shadow: var(--rz-input-hover-shadow);
    background-color: var(--rz-input-hover-background-color);
    border: var(--rz-input-hover-border);
    border-block-end: var(--rz-input-hover-border-block-end);
}

.c-data-grid-outlined .rz-form-field.rz-state-focused .rz-form-field-content,
.c-data-grid-outlined .rz-numeric:focus-within:not(.rz-state-disabled),
.c-data-grid-outlined .rz-autocomplete:focus-within:not(.rz-state-disabled),
.c-data-grid-outlined .rz-timespanpicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus,
.c-data-grid-outlined .rz-colorpicker:not(:disabled):not(.rz-state-disabled):focus,
.c-data-grid-outlined .rz-lookup-search input:not(:disabled):not(.rz-state-disabled):focus,
.c-data-grid-outlined .rz-numeric:not(:disabled):not(.rz-state-disabled):focus,
.c-data-grid-outlined .rz-datepicker > .rz-inputtext:not(:disabled):not(.rz-state-disabled):focus,
.c-data-grid-outlined .rz-multiselect:not(:disabled):not(.rz-state-disabled):focus,
.c-data-grid-outlined .rz-dropdown:not(:disabled):not(.rz-state-disabled):focus,
.c-data-grid-outlined .mask:not(:disabled):not(.rz-state-disabled):focus,
.c-data-grid-outlined .rz-textarea:not(:disabled):not(.rz-state-disabled):focus,
.c-data-grid-outlined .rz-textbox:not(:disabled):not(.rz-state-disabled):focus {
  box-shadow: var(--rz-input-focus-shadow);
  background-color: var(--rz-input-focus-background-color);
  border: var(--rz-input-focus-border);
  border-block-end: var(--rz-input-focus-border-block-end);
  outline: var(--rz-input-focus-outline);
  outline-offset: var(--rz-input-focus-outline-offset);
}

.rz-data-row.rz-datatable-edit > td.c-td.c-td-vertical-align-top {
    vertical-align: top;
}

.c-data-grid.c-data-grid-no-background, 
.c-data-grid.c-data-grid-no-background .rz-pager,
.c-data-grid.c-data-grid-no-background .rz-expanded-row-template,
.c-data-grid.c-data-grid-no-background tbody > tr:nth-child(odd) > td,
.c-data-grid.c-data-grid-no-background tbody > tr:nth-child(even) > td {
    background-color: transparent;
}

.c-data-grid.c-data-grid-no-background.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td {
    background-color: var(--rz-grid-selected-background-color);
}

.c-breadcrumbs-bar-container {
    overflow: hidden;
    overflow-x: auto;
}

.c-breadcrumbs-bar {
    height: var(--breadcrumbs-bar-height);
}

.c-header .c-logo-link + .c-breadcrumbs {
    border-width: 0;
    border-left-width: var(--rz-border-width);
    border-style: solid;
    border-color: var(--breadcrumbs-border);
}

.c-header-col-right-content {
    --rz-gap: 0 !important;
}

.c-header .c-header-row .c-header-col-left {
    flex: 2 2 0;
    overflow: hidden;
}

.c-details-card .c-details-inline .c-details-item + .c-details-item:before {
    content: "/";
}

.c-details-card .c-details-inline .c-details-item .c-details-item-label {
    font-weight: 500;
}

.c-more-menu .c-more-menu-container > .rz-navigation-item-wrapper .rz-navigation-item-icon {
    margin-inline: 0 !important;
}

.c-more-menu .c-more-menu-container > .rz-navigation-item-wrapper .rz-navigation-item-icon-children {
    display: none;
}

.c-more-menu .c-more-menu-container > .rz-navigation-menu {
    right: 0;
    left: auto;
}

.c-row-reversed {
    flex-direction: column-reverse;
}

.c-icon-filled {
    font-variation-settings: 'FILL' 1;
}

.c-form-field.c-form-field-with-switch input {
    padding-right: 3.5rem;
}

.c-form-field.c-form-field-with-switch.c-form-field-with-switch-medium input {
    padding-right: 3rem;
}

.c-form-field.c-form-field-with-switch.c-form-field-with-switch-small input {
    padding-right: 2rem;
}

.c-form-field.c-form-field-with-switch input + .c-switch,
.c-form-field.c-form-field-with-switch input + .c-switch-container {
    position: absolute;
    right: 0.25rem;
}

.c-switch .rz-switch-circle {
    border-radius: var(--rz-checkbox-border-radius);
}

.c-switch.c-switch-medium {
    width: 2.125rem;
    min-width: 2.125rem;
    height: 1.25rem;
}

.c-switch.c-switch-medium .rz-switch-circle:before {
    width: 0.875rem;
    height: 0.875rem;
    margin-block-start: -0.438rem;
    inset-inline-start: 0.188rem;
}

.c-switch.c-switch-medium.rz-switch-checked .rz-switch-circle:before {
    transform: translateX(0.875rem);
}

.c-switch.c-switch-small {
    width: 1.5rem;
    min-width: 1.5rem;
    height: 0.9rem;
}

.c-switch.c-switch-small .rz-switch-circle:before {
    width: 0.63rem;
    height: 0.63rem;
    margin-block-start: -0.32rem;
    inset-inline-start: 0.14rem;
}

.c-switch.c-switch-small.rz-switch-checked .rz-switch-circle:before {
    transform: translateX(0.6rem);
}

.c-dialog-content-with-progress-bar {
    position: relative;
}

.c-form-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.25rem;
}

.c-disabled {
    opacity: 0.75;
    pointer-events: none;
}

.c-tree.c-tree-no-children > ul > li{
    padding-inline-start: 0;
}

.c-confirm-dialog.c-confirm-dialog-wide {
    max-width: inherit;
}

.c-profile-menu-dropdown ul {
    left: 0;
    right: auto;
}

.c-profile-menu-dropdown ul .rz-navigation-item-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.c-profile-menu-dropdown.c-min-w-200 ul {
    min-width: 200px !important;
}

.c-profile-menu-dropdown.c-max-h-400 ul {
    max-height: 400px;
    overflow-y: auto;
}

.c-disabling-overlay {
    opacity: 0.5;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--rz-body-background-color);
    z-index: 999;
}

.c-background-color-inherit {
    background-color: inherit !important;
}

.c-opacity-50 {
    opacity: 0.5;
}

.c-kpi-card .rz-card {
    padding: 0.75rem 1rem;
}

.c-kpi-card--compact .rz-card {
    padding: 0.25rem 0.5rem;
}

.rz-form-field input.rz-textbox:-webkit-autofill ~ .rz-form-field-label,
.rz-form-field input.rz-textbox:autofill ~ .rz-form-field-label {
    background-color: inherit !important;
    inset-inline-end: auto;
    inset-block-start: var(--rz-form-field-label-floating-top);
    padding-block-start: 0;
    padding-block-end: 0;
    transform: translate(0, 0);
    color: var(--rz-input-placeholder-color);
    font-size: .75rem;
    line-height: 1rem;
    max-width: calc(100% - 1.5rem);
}

.c-chart-recent-errors-by-code .rz-axis.rz-category-axis .rz-tick .rz-tick-text {
    display: none;
}

.c-alert-content-100 .rz-alert-message .rz-alert-content {
    width: 100%;
}

@media (min-width: 576px) {
    .c-header-col-right-content {
        --rz-gap: 0.5rem !important;
    }

    .sidebar-expanded .c-header-col-left,
    .sidebar-expanded .c-header-col-right {
        display: block !important;
    }
    .c-kpi-row > .rz-col {
        flex: 1 1 0 !important;
        width: auto !important;
        max-width: 100% !important;
    }

    .c-chart-recent-errors-by-code .rz-axis.rz-category-axis .rz-tick .rz-tick-text {
        display: block;
    }
}

@media (min-width: 1024px) {
    .captcha_form_field {
        position: relative;
    }

    .captcha_form_field .captcha_validation_helper {
        position: absolute;
        bottom: -1.25rem;
    }

    .c-row-md-initial {
        flex-direction: initial;
    }

    .c-chart-recent-errors-by-code .rz-axis.rz-category-axis .rz-tick .rz-tick-text {
        display: none;
    }
}

@media (max-width: 768px) {
    .rz-layout:not(:has(> .rz-sidebar:nth-of-type(2))) .rz-header,
    .rz-layout:not(:has(> .rz-sidebar:nth-of-type(2))) .rz-footer,
    .rz-layout:not(:has(> .rz-sidebar:nth-of-type(2))) .rz-body {
        width: calc(100vw - 3.25rem);
    }

    .c-splitter-with-breadcrumbs-bar {
        height: calc(100% - var(--breadcrumbs-bar-height));
    }

    .c-tabs.c-tabs-left {
        flex-direction: column;
        gap: 0.5rem;
    }
}