﻿@import './styles-generated.css';

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;800&display=swap'); */

.status-online {
    color: var(--color-success);
}

.status-standby {
    color: var(--color-warning);
}
.status-yellow {
    color: #FFE15D;
}

.status-default {
    color:gray;
}

.status-offline {
    color: lightgray;
}

.card-time {
    color: var(--rz-primary-dark);
}

.toprow-nav-title {
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.02em;
    margin: 0;
    margin-left: 3px;
    margin-top: 1px;
}

.top-row-icon {
    padding: 0 5px 0 0 !important;
    font-size: 1.6rem !important;
    line-height: .0416666682em !important;
    vertical-align: -0.05em
}

.top-row-alert {
    font-size: 1.6em;
    line-height: .0416666682em;
}

.toprow-title, .ant-drawer-title {
    color: #1A3C40 !important;
    font-weight: 600 !important;
}

.space {
    margin: 0;
    padding: 0;
    height: 50px;
}
.dataFileCard {
    width: 300px;
}

.title {
    color: var(--color-base-content);
}

.search-icon {
    position: absolute;
    top: 5px;
    left: 5px;
    pointer-events: none;
}

@media (min-width: 2560px) {

}

@media (min-width: 1450px) {
    .sideBarItemLabelShow {
        display: block;
    }

    .sideBarItemLabelHide {
        display: none;
    }
}
.dialogTextSize {
    font-size: 1rem !important;
}

.rz-group-header {
    background-color: #ffffff!important;
}

.rz-datatable-data td:not(:last-child), .rz-datatable-data td.rz-composite-cell, .rz-grid-table td:not(:last-child), .rz-grid-table td.rz-composite-cell {
    border-right: none;
}

.rz-datatable-odd > td {
    background-color: #ffffff;
}

.ant-descriptions-item-label, th, .rz-cell-filter {
    border-bottom: solid 0.5px var(--color-base-300);
    font-weight: 600;
    color: var(--color-black-900) !important;
    background-color: var(--color-base-300) !important;
}

.ant-table-thead > tr > th, .ant-layout-header {
    border-bottom: solid 0.5px var(--color-base-300);
    font-weight: 600;
    color: var(--color-base-content) !important;
    background-color: var(--color-base-100) !important;
}

.ant-layout-header {
    padding: 0 24px;
}

.rz-grid-table thead th .rz-column-title {
    text-transform: none !important;
}

body {
    font-family: 'Poppins',Arial,Helvetica,sans-serif !important;
    background-color: var(--color-base-300);
}

.top-navbar {
    background-color: #ffffff !important;
    border-bottom-style: solid !important;
    border-bottom-color: lightgray !important;
}
.navbar {
    padding-top: 0rem;
}

.view-header {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    letter-spacing: -.02em !important;
    color: #0b1835 !important;
    border-bottom: 1px solid #dbe0ea !important;
    min-height: 32px !important;
    margin-bottom: 16px !important;
}

.rz-card, .ant-card {
    border-radius: 5px !important;
    background-color: #ffffff;
    border: 1px solid #dbe0ea;
}

.card-shadow {
    box-shadow: 2px 1px 15px -6px rgb(0 6 100 / 30%) !important;
}

.dropzone {
    padding: 30px;
    border: 1px dashed #75868a;
    list-style: none;
}

.no-drop {
    border: 2px dashed red;
}

.can-drop {
    border: 2px dashed #37E2D5 !important;
}

.draggable {
    cursor: grab;  
}

.draggable:active {
    cursor: grabbing;
    opacity: 0.3;
}

.dragging {
    cursor: grabbing;
    border: 1px dashed #dbe0ea !important;
}

.draggable-target {
    opacity: 0.3;
}

.rz-datatable {
    border: 1px solid #dbe0ea !important;
    box-shadow: 2px 1px 15px -6px rgb(0 6 100 / 30%) !important;
}

.rz-dialog-title {
    font-weight: 600;
}

.rz-label {
    font-weight: 500;
}

.date-range-picker {
    border: 1px solid #dadfe2 !important;
    border-radius: 4px !important;
    box-shadow: inset 0 4px 3px 0 rgb(0 0 0 / 3%) !important;
    background-color: #ffffff !important;
    padding: 0.625rem 0.625rem;
}

.ant-avatar {
    background-color: #1990ff;
    cursor: pointer;
}

.ant-card-head-title {
    font-weight: 600 !important;
}
.progressBarTitle {
    font-weight: 600;
    font-size: 1.1rem;
}
.pb-green {
    color: #00FF00;
}
.pb-blue {
    color: #007BFF;
}
.pb-yellow {
    color: #FFC107;
}
.pb-orange {
    color: #F3880B;
}
.pb-red {
    color: #FF0000;
}

.fixed-widgets {
    position: fixed;
    right: 32px;
    bottom: 102px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.fixed-widgets .fixed-widgets-avatar {
    color: #000;
    background-color: #fff;
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%), 0 9px 28px 8px rgb(0 0 0 / 5%);
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 22px;
}

.fixed-widgets .fixed-widgets-avatar:hover {
    color: var(--color-orange-700);
}

.sticky-top {
    z-index: 999;
}

.rz-button.btn-primary, .btn-primary.rz-paginator-element {
    background-color: var(--color-primary);
    color: #ffffff;
}

.in-progress {
    color: #1A3C40;
}

.result-view {
    height: 85vh;
}

.notification-icon {
    color: #1890ff;
}

.ant-picker {
    font-size: 24px;
}

.min-vh-80 {
    min-height: 80vh;
}
.min-vh-75 {
    min-height: 75vh;
}

.min-vh-70 {
    min-height: 70vh;
}

.min-vh-56 {
    min-height: 56vh;
}

.vh-80 {
    height: 80vh;
}

.layout-view {
    background-color: #ffffff !important;
    border: 0px !important;
    box-shadow: none;
    height: calc(100vh - 5rem);
    overflow: hidden;
}

.ant-carousel .slick-dots-bottom {
    bottom: -28px !important;
}

ul.rz-profile-menu .rz-navigation-item-icon-children {
    display: none;
}

.anticon-big {
    font-size: 24px !important;
    vertical-align: baseline !important;
}

p.moh-cardbody {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ant-card.moh-card {
    height: 100%;
}
.moh-step-div {
    background-color: rgb(255, 255, 255);
    z-index: 100;
    top: -20px;
    padding-top: 10px;
}
.moh-disable-div {
    pointer-events: none;
    opacity: 0.4;
}

.top-card {
    background: transparent;
    border: 0;
}

.ant-descriptions-item-label {
    font-weight: var( --rz-grid-header-font-weight);
    font-size: var( --rz-grid-header-font-size);
    line-height: var( --rz-grid-header-line-height);
}

.ant-descriptions-item-label::after {
    content: '';
}

.loadmore-btn-content {
    text-align: center;
    margin-top: 12px;
    height: 32px;
    line-height: 32px;
}

.ant-scroll-number-only {
    margin-top: 2px;
}

.dot-item {
    display: block;
    width: 9px;
    height: 9px;
    background-color: #1890ff;
    border-radius: 100%;
    transform: scale(.75);
    transform-origin: 50% 50%;
    opacity: .3;
    animation: antSpinMove 1s infinite linear alternate;
}

.anticon-close {
    padding-right: .5rem !important; 
}

.rz-panel-content {
    margin: 0!important;
}

.overflow-tab > div.ant-tabs-content-holder {
    overflow: auto;
    max-height: 88%;
}
.fixed-drawer > div > div > div.ant-drawer-body,
.fixed-drawer > div.ant-drawer-content {
    height: 100%;
    overflow: hidden;
}

.personal-message-drawer {
    width: 60vw !important;
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
    .personal-message-drawer {
        width: 40vw !important;
    }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .personal-message-drawer {
        width: 80vw !important;
    }

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .personal-message-drawer {
        width: 100vw !important;
    }
}

.ant-steps-item-title {
    white-space: normal;
    max-width: 140px;
}
.moc-previous-button {
    margin-right: 50px;
}
.borderedTitlelessDescription > div > table > tbody > tr > td.ant-descriptions-item-label {
    display: none !important;
}
.stepAntIconBig > div > div.ant-steps-item-icon > span.ant-steps-icon > span {
    font-size: 20px !important;
    vertical-align: baseline !important;
}

.view-chart > div.ant-card-body {
    height: 100%;
}

.view-chart > div > div.rz-chart {
    min-height: 85%;
}

.view-chart > div > div.rz-chart > svg {
    height: 120% !important;
}

.view-grid.focused > div > div.rz-data-grid {
    min-height: 90%;
}

.view-column-card {
    min-height : 45vh;
}

.focused-card {
    min-height: calc(92vh - 5rem);
}

.hidden-card {
    visibility: hidden;
    display: none !important;
}

.extra-icon {
    color: gray;
}

.home-search-bar{
    height: 52px;
    padding: 8px 16px;
    font-size: 20px;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 0 #050a23;
    transition: all .1s linear;
}

input:focus {
    outline: none;
}

.home-search {
    margin-bottom: 20px;
}

.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}

.form-group {
    margin-bottom: 15px;
}

.rz-legend-bottom {
    bottom: -10px;
}

.rz-legend-item {
    padding-right: 10px;
}

.home {
    background-image: url(../img/background.svg);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 50% -130px;
}
a {
    text-decoration: none !important;
}

.popup-menu {
    border: 0;
}

.top-menu {
    display: flex;
    line-height: var(--top-header-height);
    border-bottom: 1px solid var(--color-base-300);
    background-color: var(--color-base-100);
    color: var(--color-base-content);
    border: none;
}

.approveButtonStyle {
    border-color: #5dbf74 !important;
    background: #5dbf74 !important;
    margin-right: 20px;
}
.rejectButtonStyle {
    border-color: #ff6d41 !important;
    background: #ff6d41 !important;
}
.ant-modal-mask {
    z-index: 1002 !important;
}
.ant-modal-wrap {
    z-index: 1002 !important;
}
.moc-extension-description {
    margin-top: 20px;
}

.focused-tab > div > div > div > div > div > div.rz-data-grid {
    height: 60vh;
}

.clickable-icon {
    cursor: pointer;
}

.view-dialog-content {
    height: 72vh;
}

.fullscreen-dialog {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.fullscreen-dialog-header {
    display: flex;
    width: 100%;
    align-items: center;
    font-size: 120%;
    height: 70px;
    padding-top: 10px;
}

.fullscreen-dialog-content {
    min-height: 0;
}
.steps-navbar {
    justify-content: center;
    display: flex;
    flex-direction: row;
    flex: 1;
}

.steps-navbar > div{
    flex: 0;
}

.steps-action-buttons {
    margin-left: 20px;
    width: 200px;
    justify-content: flex-end;
    display: flex;
}

.fullscreen-dialog-back {
    color: #667aa5;
    font-size: 30px;
    padding: 0px 20px 0px 0px;
    cursor: pointer;
}
.moc-close-dialog-btn {
    position: absolute;
    right: 15px;
    top: 15px;
}

.editable-cell {
    position: relative;
}

.editable-cell-value-wrap {
    padding: 5px 12px;
    cursor: pointer;
}

.editable-row:hover .editable-cell-value-wrap {
    padding: 4px 11px;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

[data-theme='dark'] .editable-row:hover .editable-cell-value-wrap {
    border: 1px solid #434343;
}

.rz-datatable-emptymessage {
    background-color: transparent !important;
}

.rz-context-menu {
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

.rz-menu:not(.rz-profile-menu) {
    align-items: start  !important; 
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-column-drag:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable-loading-content .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-datatable-loading-content .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-circle-o-notch:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable-header .rzi-plus:not(.rz-navigation-item-icon-children), .rz-datatable-header .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-plus:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-sortable-column .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-sortable-column .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-grid-sort:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-chevron-circle-down:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-datatable .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-datatable .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-chevron-circle-right:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-close:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-close:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-button .rzi-times:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rzi-times:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi-times:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-button .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-fileupload-row .rz-paginator-element .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-button .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-fileupload-row .rz-paginator-element .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-icon-trash:not(.rz-navigation-item-icon-children), .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-menuitem .rz-menuitem-icon:not(.rz-navigation-item-icon-children), .rz-menuitem .rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rz-menuitem-icon:not(.rz-navigation-item-icon-children) {
    color: var(--rz-menu-top-item-hover-color) !important;
}

.invalid {
    display: block;
}

.ant-layout-sider-trigger {
    background-color: #277BC0;
}
.oi-step-navbar {
    width: 50%;
    margin: auto;
}

.cdr-action-buttons {
    margin-left: 20px;
    width: 300px;
    justify-content: flex-end;
    display: flex;
}

.cdr-title {
    justify-content: center;
    display: flex;
    flex: 1;
}

.fullscreen-dialog-content > div.rz-dialog-content {
    height: 100%;
}

.data-list-card {
    box-shadow: 2px 1px 15px -6px rgb(0 6 100 / 30%);
}

.hidden-chart {
    display: none !important;
    height: 0px !important;
}

.labels {
    min-width: 300px;
    color: #3c465d;
    display: flex;
    margin-top: 8px;
    margin-right: 30px;
    font-size: 100%;
    font-weight: 500;
}

.description-no-shadow > div.ant-collapse-content > div.ant-collapse-content-box > div.row > div.col > div.rz-data-grid {
    box-shadow: none !important;
}

.center-grid-title > div > span.rz-column-title {
    justify-content: center;
    display: flex;
    text-align: center;
}
.center-grid-content > span.rz-cell-data {
    justify-content: center;
    display: flex;
    text-align: center;
}
.panel-header > div > div.ant-collapse-header-text {
    width: 100%;
}
.panel-summary-tag {
    float: right;
    font-size: medium;
}

.panel-header > div.ant-collapse-header {
    color: var(--color-primary-content) !important;
}

.panel-header > div > div > span {
    font-size: 16px !important;
}

.cdr-view {
    border: 1px solid black;
    border-collapse: collapse;
}

.rz-grid-filter-active {
    color: var(--rz-danger-dark) !important;
}

.rz-badge-info.rz-shade-lighter {
    background-color: var(--rz-white) !important;
}

.cardlist-toggle > div > span.anticon {
    line-height: 28px;
}


.table-bordered > :not(caption) > * > * {
    border: var(--rz-border-width) solid var(--rz-base-300);
    padding: 0.2rem;
}

.rz-axis-title {
    font-size: 1.205rem;
    font-weight: 500;
}

 .rz-legend-item-text {
    font-size: 1.025rem;
}

.rz-tick-text {
    font-size: 1.150rem;
}

.rz-dialog-wrapper .rz-dialog {
    border-radius: 10px !important;
    background-color: #ffffff !important;
    border: 1px solid #dbe0ea !important;
    box-shadow: 2px 1px 15px -6px rgb(0 6 100 / 30%) !important;
}

:root {
    --rz-base-500: #95a4a8;
    --rz-base-600: #77858b;
    --rz-base-700: #545e61;
    --rz-base-800: #3a474d;
    --rz-base-900: #28363c;
    --rz-base-light: #e9edf0;
    --rz-base-lighter: #ffffff;
    --rz-base-dark: #77858b;
    --rz-base-darker: #28363c;
    --rz-primary: var(--color-primary);
    --rz-primary-light: var(--color-orange-400);
    --rz-primary-lighter: var(--color-orange-100);
    --rz-primary-dark: var(--color-orange-500);
    --rz-primary-darker: var(--color-orange-900);
    --rz-secondary: var(--color-primary);
    --rz-secondary-light: var(--color-orange-400);
    --rz-secondary-lighter: var(--color-orange-100);
    --rz-secondary-dark: var(--color-orange-400);
    --rz-secondary-darker: var(--color-orange-900);
    --rz-on-primary-lighter: var(--color-orange-700);
    --rz-on-secondary-lighter: var(--color-orange-700);
    --rz-panel-shadow: none;

    --rz-body-font-size: 0.825rem;
    --rz-grid-header-font-size: var(--rz-body-font-size);
    --rz-grid-header-font-weight: 600;
    --rz-grid-header-line-height: 1rem;
    --rz-grid-filter-font-size: var(--rz-body-font-size);
    --rz-grid-filter-icon-font-size: var(--rz-body-font-size);
    --rz-grid-filter-font-weight: 600;
    --rz-grid-cell-font-size: var(--rz-body-font-size);
    --rz-grid-cell-font-weight: 600;
    --rz-body-line-height: 1rem; 
    --rz-grid-simple-filter-icon-active-background-color: var(--rz-primary-lighter);
    --rz-grid-border: var(--rz-border-base-300);
    --rz-grid-border-radius: calc(var(--rz-border-radius) * 3);
    --rz-border-white: var(--rz-border-width) solid var(--rz-white);
    --rz-border-black: var(--rz-border-width) solid var(--rz-black);
    --rz-border-base: var(--rz-border-width) solid var(--rz-base);
    --rz-border-base-50: var(--rz-border-width) solid var(--rz-base-50);
    --rz-border-base-100: var(--rz-border-width) solid var(--rz-base-100);
    --rz-border-base-200: var(--rz-border-width) solid var(--rz-base-200);
    --rz-border-base-300: var(--rz-border-width) solid var(--rz-base-300);
    --rz-border-base-400: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-base-500: var(--rz-border-width) solid var(--rz-base-500);
    --rz-border-base-600: var(--rz-border-width) solid var(--rz-base-600);
    --rz-border-base-700: var(--rz-border-width) solid var(--rz-base-700);
    --rz-border-base-800: var(--rz-border-width) solid var(--rz-base-800);
    --rz-border-base-900: var(--rz-border-width) solid var(--rz-base-900);
    --rz-border-base-light: var(--rz-border-width) solid var(--rz-base-light);
    --rz-border-base-lighter: var(--rz-border-width) solid var(--rz-base-lighter);
    --rz-border-base-dark: var(--rz-border-width) solid var(--rz-base-dark);
    --rz-border-base-darker: var(--rz-border-width) solid var(--rz-base-darker);
    --rz-border-primary: var(--rz-border-width) solid var(--rz-primary);
    --rz-border-primary-light: var(--rz-border-width) solid var(--rz-primary-light);
    --rz-border-primary-lighter: var(--rz-border-width) solid var(--rz-primary-lighter);
    --rz-border-primary-dark: var(--rz-border-width) solid var(--rz-primary-dark);
    --rz-border-primary-darker: var(--rz-border-width) solid var(--rz-primary-darker);
    --rz-border-secondary: var(--rz-border-width) solid var(--rz-secondary);
    --rz-border-secondary-light: var(--rz-border-width) solid var(--rz-secondary-light);
    --rz-border-secondary-lighter: var(--rz-border-width) solid var(--rz-secondary-lighter);
    --rz-border-secondary-dark: var(--rz-border-width) solid var(--rz-secondary-dark);
    --rz-border-secondary-darker: var(--rz-border-width) solid var(--rz-secondary-darker);
    --rz-border-info: var(--rz-border-width) solid var(--rz-info);
    --rz-border-info-light: var(--rz-border-width) solid var(--rz-info-light);
    --rz-border-info-lighter: var(--rz-border-width) solid var(--rz-info-lighter);
    --rz-border-info-dark: var(--rz-border-width) solid var(--rz-info-dark);
    --rz-border-info-darker: var(--rz-border-width) solid var(--rz-info-darker);
    --rz-border-success: var(--rz-border-width) solid var(--rz-success);
    --rz-border-success-light: var(--rz-border-width) solid var(--rz-success-light);
    --rz-border-success-lighter: var(--rz-border-width) solid var(--rz-success-lighter);
    --rz-border-success-dark: var(--rz-border-width) solid var(--rz-success-dark);
    --rz-border-success-darker: var(--rz-border-width) solid var(--rz-success-darker);
    --rz-border-warning: var(--rz-border-width) solid var(--rz-warning);
    --rz-border-warning-light: var(--rz-border-width) solid var(--rz-warning-light);
    --rz-border-warning-lighter: var(--rz-border-width) solid var(--rz-warning-lighter);
    --rz-border-warning-dark: var(--rz-border-width) solid var(--rz-warning-dark);
    --rz-border-warning-darker: var(--rz-border-width) solid var(--rz-warning-darker);
    --rz-border-danger: var(--rz-border-width) solid var(--rz-danger);
    --rz-border-danger-light: var(--rz-border-width) solid var(--rz-danger-light);
    --rz-border-danger-lighter: var(--rz-border-width) solid var(--rz-danger-lighter);
    --rz-border-danger-dark: var(--rz-border-width) solid var(--rz-danger-dark);
    --rz-border-danger-darker: var(--rz-border-width) solid var(--rz-danger-darker);
    --rz-border-on-base: var(--rz-border-width) solid var(--rz-on-base);
    --rz-border-on-base-light: var(--rz-border-width) solid var(--rz-on-base-light);
    --rz-border-on-base-lighter: var(--rz-border-width) solid var(--rz-on-base-lighter);
    --rz-border-on-base-dark: var(--rz-border-width) solid var(--rz-on-base-dark);
    --rz-border-on-base-darker: var(--rz-border-width) solid var(--rz-on-base-darker);
    --rz-border-on-primary: var(--rz-border-width) solid var(--rz-on-primary);
    --rz-border-on-primary-light: var(--rz-border-width) solid var(--rz-on-primary-light);
    --rz-border-on-primary-lighter: var(--rz-border-width) solid var(--rz-on-primary-lighter);
    --rz-border-on-primary-dark: var(--rz-border-width) solid var(--rz-on-primary-dark);
    --rz-border-on-primary-darker: var(--rz-border-width) solid var(--rz-on-primary-darker);
    --rz-border-on-secondary: var(--rz-border-width) solid var(--rz-on-secondary);
    --rz-border-on-secondary-light: var(--rz-border-width) solid var(--rz-on-secondary-light);
    --rz-border-on-secondary-lighter: var(--rz-border-width) solid var(--rz-on-secondary-lighter);
    --rz-border-on-secondary-dark: var(--rz-border-width) solid var(--rz-on-secondary-dark);
    --rz-border-on-secondary-darker: var(--rz-border-width) solid var(--rz-on-secondary-darker);
    --rz-border-on-info: var(--rz-border-width) solid var(--rz-on-info);
    --rz-border-on-info-light: var(--rz-border-width) solid var(--rz-on-info-light);
    --rz-border-on-info-lighter: var(--rz-border-width) solid var(--rz-on-info-lighter);
    --rz-border-on-info-dark: var(--rz-border-width) solid var(--rz-on-info-dark);
    --rz-border-on-info-darker: var(--rz-border-width) solid var(--rz-on-info-darker);
    --rz-border-on-success: var(--rz-border-width) solid var(--rz-on-success);
    --rz-border-on-success-light: var(--rz-border-width) solid var(--rz-on-success-light);
    --rz-border-on-success-lighter: var(--rz-border-width) solid var(--rz-on-success-lighter);
    --rz-border-on-success-dark: var(--rz-border-width) solid var(--rz-on-success-dark);
    --rz-border-on-success-darker: var(--rz-border-width) solid var(--rz-on-success-darker);
    --rz-border-on-warning: var(--rz-border-width) solid var(--rz-on-warning);
    --rz-border-on-warning-light: var(--rz-border-width) solid var(--rz-on-warning-light);
    --rz-border-on-warning-lighter: var(--rz-border-width) solid var(--rz-on-warning-lighter);
    --rz-border-on-warning-dark: var(--rz-border-width) solid var(--rz-on-warning-dark);
    --rz-border-on-warning-darker: var(--rz-border-width) solid var(--rz-on-warning-darker);
    --rz-border-on-danger: var(--rz-border-width) solid var(--rz-on-danger);
    --rz-border-on-danger-light: var(--rz-border-width) solid var(--rz-on-danger-light);
    --rz-border-on-danger-lighter: var(--rz-border-width) solid var(--rz-on-danger-lighter);
    --rz-border-on-danger-dark: var(--rz-border-width) solid var(--rz-on-danger-dark);
    --rz-border-on-danger-darker: var(--rz-border-width) solid var(--rz-on-danger-darker);
    --rz-border-series-1: var(--rz-border-width) solid var(--rz-series-1);
    --rz-border-series-2: var(--rz-border-width) solid var(--rz-series-2);
    --rz-border-series-3: var(--rz-border-width) solid var(--rz-series-3);
    --rz-border-series-4: var(--rz-border-width) solid var(--rz-series-4);
    --rz-border-series-5: var(--rz-border-width) solid var(--rz-series-5);
    --rz-border-series-6: var(--rz-border-width) solid var(--rz-series-6);
    --rz-border-series-7: var(--rz-border-width) solid var(--rz-series-7);
    --rz-border-series-8: var(--rz-border-width) solid var(--rz-series-8);
    --rz-border-series-9: var(--rz-border-width) solid var(--rz-series-9);
    --rz-border-series-10: var(--rz-border-width) solid var(--rz-series-10);
    --rz-border-series-11: var(--rz-border-width) solid var(--rz-series-11);
    --rz-border-series-12: var(--rz-border-width) solid var(--rz-series-12);
    --rz-border-series-13: var(--rz-border-width) solid var(--rz-series-13);
    --rz-border-series-14: var(--rz-border-width) solid var(--rz-series-14);
    --rz-border-series-15: var(--rz-border-width) solid var(--rz-series-15);
    --rz-border-series-16: var(--rz-border-width) solid var(--rz-series-16);
    --rz-border-series-17: var(--rz-border-width) solid var(--rz-series-17);
    --rz-border-series-18: var(--rz-border-width) solid var(--rz-series-18);
    --rz-border-series-19: var(--rz-border-width) solid var(--rz-series-19);
    --rz-border-series-20: var(--rz-border-width) solid var(--rz-series-20);
    --rz-border-series-21: var(--rz-border-width) solid var(--rz-series-21);
    --rz-border-series-22: var(--rz-border-width) solid var(--rz-series-22);
    --rz-border-series-23: var(--rz-border-width) solid var(--rz-series-23);
    --rz-border-series-24: var(--rz-border-width) solid var(--rz-series-24);
    --rz-border-normal: var(--rz-border-width) solid var(--rz-base-600);
    --rz-border-hover: var(--rz-border-width) solid var(--rz-base-700);
    --rz-border-focus: var(--rz-border-width) solid var(--rz-primary);
    --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-radius: 4px;
    --rz-border-radius-0: 0;
    --rz-border-radius-1: 0.25rem;
    --rz-border-radius-2: 0.5rem;
    --rz-border-radius-3: 0.75rem;
    --rz-border-radius-4: 1rem;
    --rz-border-radius-5: 1.25rem;
    --rz-border-radius-6: 1.5rem;
    --rz-border-radius-7: 1.75rem;
    --rz-border-radius-8: 2rem;
    --rz-border-radius-9: 2.25rem;
    --rz-border-radius-10: 2.5rem;
    
    --rz-grid-group-header-padding: 0.825rem;
    --rz-grid-group-header-gap: 0.5rem;
    --rz-grid-hover-background-color: var(--rz-base-200);
    --rz-grid-hover-color: var(--rz-text-title-color);
    --rz-grid-focus-outline: var(--rz-outline-focus);
    --rz-grid-focus-outline-offset: var(--rz-outline-offset);
    --rz-grid-selected-background-color: var(--rz-secondary-lighter);
    --rz-grid-selected-color: var(--rz-on-secondary-lighter);
    --rz-grid-header-cell-border: none;
    --rz-grid-header-cell-border-bottom: var(--rz-border-base-400);
    --rz-grid-header-background-color: var(--rz-base-background-color);
    --rz-grid-cell-font-size: var(--rz-body-font-size);
    --rz-body-line-height : 1.5rem;
    --rz-chart-axis-label-color: var(--color-base-content);
    --rz-grid-cell-padding: 0.4rem 0.625rem;
    --rz-grid-sort-icon-width: 0.625rem;
    --rz-grid-sort-icon-height: 0.625rem;
    --rz-grid-header-filter-icon-font-size: 0.825rem;
}
h4, .h4 {
    font-weight: 600;
}
.rz-button-md {
    line-height: 1rem;
    font-size: 0.825rem;
}

.ant-menu-item a:hover {
    color: var(--color-orange-300) !important;
}

.ant-statistic-content-value {
    display: inline-flex;
}

:root {
    --rz-input-disabled-background-color: var(--rz-base-background-color);
    --rz-input-disabled-color: var(--color-gray-700);
}

.ant-radio-inner::after {
    background-color: var(--color-primary) !important;
}

.ant-radio-checked .ant-radio-inner {
    border-color: var(--color-primary) !important;
}

.ant-input[disabled], .ant-picker.ant-picker-disabled, .ant-radio-disabled + span, .ant-picker-input > input[disabled] {
    color: var(--rz-input-disabled-color);
    background-color: var(--rz-input-disabled-background-color);
}

.rz-grid-table-small thead th .rz-column-title {
    font-weight: 600 !important;
    text-transform: none !important;
    font-size: 0.7rem !important;
}

.no-record-to-display {
    color: lightgrey;
    font-size: 24px;
    text-align: center;
    margin: auto;
}

.ant-descriptions-item-content 
{
    flex: 0 0 auto;
}

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

.align-right {
text-align: right;
}

.ant-steps-item-title {
    font-size: 13px;
    font-weight: 600;
}

.ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-item, .ant-menu-horizontal:not(.ant-menu-dark) > .ant-menu-submenu {
    padding: 0 12px;
}

::selection {
    background-color: var(--rz-text-selection-background-color);
    color: var(--rz-text-selection-color);
}

.ant-layout-content {
    background-color: var(--color-base-200);
}

.border {
    border: 0.5px solid var(--color-base-300);
}

.ant-layout-header {
    color: var(--color-base-content);
    background-color: var(--color-base-100);
}

.generic-empty > div {
    height: 100%;
}

.btn-primary {
    color: var(--color-primary-content) !important;
}

.btn-primary:disabled, .btn-secondary:disabled {
    color: var(--color-black-900) !important;
}

.btn-secondary {
    color: var(--color-secondary-content) !important;
}

.btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

 .p-1 {
    padding: calc(var(--spacing) * 1) !important;
  }

.p-0\.5 {
    padding: calc(var(--spacing) * 0.5) !important;
  }

.text-base-content {
    color: var(--color-base-content) !important;
}

.ant-descriptions-title {
    font-weight: 600;
}