:root {
    /*CUSTOM PASAAS COLORS. OVERRIDES MUST BE PREFIXED WITH PS*/
    --ps-black: #282B34;
    --ps-purple: #6874E8;
    --ps-purple-light: #818ae6;
    --ps-purple-lighter: #a3a9e3;
    --ps-purple-dark: #5360e6;
    --ps-purple-darker: #3c4ce6;
    --ps-white: #FCFAF9;
    --ps-blue0: #00587D;
    --ps-blue1: #afdbe1;
    /*OVERRIDES OF RADZEN PRIMARY COLORS*/
    --rz-white: #ffffff;
    --rz-black: #000000;
    --rz-base-50: #ffffff;
    --rz-base-100: #f6f7fa;
    --rz-base-200: #e9edf0;
    --rz-base-300: #dadfe2;
    --rz-base-400: #c1c9cb;
    --rz-base-500: #95a4a8;
    --rz-base-600: #77858b;
    --rz-base-700: #545e61;
    --rz-base-800: #3a474d;
    --rz-base-900: #282B34;
    --rz-primary: var(--ps-purple);
    --rz-primary-light: var(--ps-purple-light);
    --rz-primary-lighter: var(--ps-purple-lighter);
    --rz-primary-dark: var(--ps-purple-dark);
    --rz-primary-darker: var(--ps-purple-darker);
    --rz-secondary: #35a0d7;
    --rz-secondary-light: #4dabdc;
    --rz-secondary-lighter: rgba(53, 160, 215, 0.2);
    --rz-secondary-dark: #3193c6;
    --rz-secondary-darker: #2878a1;
    --rz-info: #38b1e7;
    --rz-info-light: #4ed1d1;
    --rz-info-lighter: rgba(44, 200, 200, 0.2);
    --rz-info-dark: #25a8a8;
    --rz-info-darker: #219696;
    --rz-success: #5dbf74;
    --rz-success-light: #77c98a;
    --rz-success-lighter: rgba(93, 191, 116, 0.16);
    --rz-success-dark: #4ea061;
    --rz-success-darker: #468f57;
    --rz-warning: #fac152;
    --rz-warning-light: #fbcb6e;
    --rz-warning-lighter: rgba(250, 193, 82, 0.2);
    --rz-warning-dark: #d2a245;
    --rz-warning-darker: #bc913e;
    --rz-danger: #f9777f;
    --rz-danger-light: #fa8d93;
    --rz-danger-lighter: rgba(249, 119, 127, 0.2);
    --rz-danger-dark: #d1646b;
    --rz-danger-darker: #bb595f;
    --rz-on-primary: #ffffff;
    --rz-on-primary-light: #ffffff;
    --rz-on-primary-lighter: #ffffff;
    --rz-on-primary-dark: #ffffff;
    --rz-on-primary-darker: #ffffff;
    --rz-on-secondary: #ffffff;
    --rz-on-secondary-light: #ffffff;
    --rz-on-secondary-lighter: #35a0d7;
    --rz-on-secondary-dark: #ffffff;
    --rz-on-secondary-darker: #ffffff;
    --rz-on-info: #ffffff;
    --rz-on-info-light: #ffffff;
    --rz-on-info-lighter: #2cc8c8;
    --rz-on-info-dark: #ffffff;
    --rz-on-info-darker: #ffffff;
    --rz-on-success: #ffffff;
    --rz-on-success-light: #ffffff;
    --rz-on-success-lighter: #5dbf74;
    --rz-on-success-dark: #ffffff;
    --rz-on-success-darker: #ffffff;
    --rz-on-warning: #ffffff;
    --rz-on-warning-light: #ffffff;
    --rz-on-warning-lighter: #fac152;
    --rz-on-warning-dark: #ffffff;
    --rz-on-warning-darker: #ffffff;
    --rz-on-danger: #ffffff;
    --rz-on-danger-light: #ffffff;
    --rz-on-danger-lighter: #f9777f;
    --rz-on-danger-dark: #ffffff;
    --rz-on-danger-darker: #ffffff;
    --rz-series-1: #0479cc;
    --rz-series-2: #68d5c8;
    --rz-series-3: #ff6d41;
    --rz-series-4: #cb6992;
    --rz-series-5: #e6c54f;
    --rz-series-6: #f9777f;
    --rz-series-7: #5dbf74;
    --rz-series-8: #4db9f2;
    --rz-series-9: #06a9e0;
    --rz-series-10: #92e6de;
    --rz-series-11: #ff995b;
    --rz-series-12: #e093be;
    --rz-series-13: #f0dc6f;
    --rz-series-14: #fba7b2;
    --rz-series-15: #82d9a2;
    --rz-series-16: #6cd5f7;
    --rz-series-17: #0063c2;
    --rz-series-18: #50cdbe;
    --rz-series-19: #ff5628;
    --rz-series-20: #c1527f;
    --rz-series-21: #e1ba36;
    --rz-series-22: #f8616a;
    --rz-series-23: #45b35e;
    --rz-series-24: #34acef;
    --rz-link-hover-text-decoration: none !important;
    --rz-tooltip-background-color: #45494f;
    --rz-tooltip-color: white;
    --rz-numeric-button-background-color: var(--rz-primary);
    --rz-editor-border-radius: 0;
    --rz-selectbar-border-radius: 10px;
}

p {
    margin: 0;
}

*, *::before, *::after {
    box-sizing: border-box !important;
}

a, .btn-link {
    color: var(--rz-link-color);
}

.rz-state-disabled {
    opacity: 0.45 !important;
    cursor: initial;
}

.rz-steps ul {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rzi-circle-on {
    display: none !important;
}

.rz-datalist-data{
    padding-left: 0;
    padding-right: 0;
}

.rz-datalist-data > li {
    padding: 0;
    margin: 0;
}

.rz-datalist-conent > .rz-g{
    justify-content:center;
}

.rz-group-header:has(.rz-custom-header:empty) {
    padding: 0;
    border: 0;
}

.rz-carousel-item{
    justify-content: left;
    padding-left: 50px;
}

.rz-sortable-column .rzi-sort {
    color: var(--ps-white);
}

.ant-tree-node-content-wrapper {
    display: flex!important;
}

.rz-accordion-content{
    padding-right: 0;
}

.rz-accordion .rz-accordion-header > a {
    color: var(--rz-secondary);
    font-size: 1rem;
}

.rz-tabview-panels{
    overflow: visible;
}

.rz-panel-menu {
    background-color: #003247;
}

.rz-cell-filter-clear {
    color: var(--rz-input-value-color);
}

.rz-dialog {
    overflow: visible;
}

.rz-form-field-content {
    margin-block: 0px !important;
}

.rz-radiobutton-template {
    margin-inline: 5px 10px;
}

.tagging-listbox .rz-listbox-list {
    display: flex;
    flex-direction: column; /* stack items vertically */
    align-items: normal;
}

.rz-steps .rz-widget-content {
    overflow: inherit;
}

.separated-listbox .rz-listbox-list .rz-multiselect-item {
    border-bottom: var(--rz-listbox-border);
}

/*SCROLLBAR OVERRIDE SO ALWAYS LOOKS THE SAME*/
::-webkit-scrollbar, ::-webkit-scrollbar, ::-webkit-scrollbar, ::-webkit-scrollbar {
    background-color: var(--rz-scrollbar-background-color);
    width: var(--rz-scrollbar-size);
    height: var(--rz-scrollbar-size);
}

::-webkit-scrollbar-corner,::-webkit-scrollbar-corner,::-webkit-scrollbar-corner,::-webkit-scrollbar-corner {
    background-color: var(--rz-scrollbar-background-color);
}

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb {
    background: var(--rz-scrollbar-color);
    border: 4px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: var(--rz-scrollbar-border-radius);
    min-width: var(--rz-scrollbar-size);
    min-height: var(--rz-scrollbar-size);
}

::-webkit-scrollbar-thumb {
    width: 5px !important;
    border-radius: 10px;
}

::-webkit-scrollbar-track {
    width: 5px !important;
    background: transparent;
}

/*NEEDED SO THE HTML EDITOR DONT INJECT WEIRD CHARS*/
.person-mention {
    color: var(--rz-link-color);
}

.rz-html-editor-content {
    font-size: 15px;
    background-color: inherit;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-align: inherit;
}

.rz-listbox .rz-multiselect-header {
    margin: var(--rz-listbox-item-margin) !important;
}