﻿:root {
    --rz-white: #ffffff;
    --rz-black: #000000;
    --rz-base-50: #fafafa;
    --rz-base-100: #f5f5f5;
    --rz-base-200: #eeeeee;
    --rz-base-300: #e0e0e0;
    --rz-base-400: #bdbdbd;
    --rz-base-500: #757575;
    --rz-base-600: #707070;
    --rz-base-700: #616161;
    --rz-base-800: #424242;
    --rz-base-900: #212121;
    /* 
        UPL Chile
        Orange  #FF8833
    */
    --rz-primary: #ff8833;
    --rz-primary-light: #FFB885;
    --rz-primary-lighter: #FFE7D6;
    --rz-primary-dark: #C25100;
    --rz-primary-darker: #8A3900;
    /* 
        UPL Chile
        Deep Blue   #334293
    */
    --rz-secondary: #334293;
    --rz-secondary-light: #5465C4;
    --rz-secondary-lighter: #919CD9;
    --rz-secondary-dark: #161D40;
    --rz-secondary-darker: #080A16;
    --rz-info: #085786;
    --rz-info-light: #aadaff;
    --rz-info-lighter: rgba(170, 218, 255, 0.5);
    --rz-info-dark: #086791;
    --rz-info-darker: #002d41;
    --rz-success: #386A20;
    --rz-success-light: #c0ffaa;
    --rz-success-lighter: rgba(192, 255, 170, 0.5);
    --rz-success-dark: #3e9108;
    --rz-success-darker: #194100;
    --rz-warning: #e8e971;
    --rz-warning-light: #f9ffaa;
    --rz-warning-lighter: rgba(249, 255, 170, 0.5);
    --rz-warning-dark: #918908;
    --rz-warning-darker: #413d00;
    --rz-danger: #b3261e;
    --rz-danger-light: #ffb4aa;
    --rz-danger-lighter: rgba(255, 180, 170, 0.5);
    --rz-danger-dark: #91080a;
    --rz-danger-darker: #410001;
    --rz-on-primary: #ffffff;
    --rz-on-primary-light: #ffffff;
    --rz-on-primary-lighter: #000;
    --rz-on-primary-dark: #ffffff;
    --rz-on-primary-darker: #ffffff;
    --rz-on-secondary: #ffffff;
    --rz-on-secondary-light: #ffffff;
    --rz-on-secondary-lighter: #000000;
    --rz-on-secondary-dark: #ffffff;
    --rz-on-secondary-darker: #ffffff;
    --rz-on-info: #ffffff;
    --rz-on-info-light: #ffffff;
    --rz-on-info-lighter: #0d47a1;
    --rz-on-info-dark: #ffffff;
    --rz-on-info-darker: #ffffff;
    --rz-on-success: #ffffff;
    --rz-on-success-light: #ffffff;
    --rz-on-success-lighter: #1b5e20;
    --rz-on-success-dark: #ffffff;
    --rz-on-success-darker: #ffffff;
    --rz-on-warning: #000000;
    --rz-on-warning-light: #000000;
    --rz-on-warning-lighter: #ffa726;
    --rz-on-warning-dark: #000000;
    --rz-on-warning-darker: #000000;
    --rz-on-danger: #ffffff;
    --rz-on-danger-light: #ffffff;
    --rz-on-danger-lighter: #b71b1b;
    --rz-on-danger-dark: #ffffff;
    --rz-on-danger-darker: #ffffff;
    /* primary: #4340D2 */
    --rz-link-color: var(--rz-primary);
    --rz-link-hover-color: var(--rz-secondary);
    --rz-layout-body-background-color: #f9f9f9;
    --rz-layout-body-padding: 0;
    --rz-input-value-color: #212129;
    --rz-text-caption-color: #2D3E59;
    --rz-link-text-decoration: none;
    --rz-grid-stripe-background-color: #f0f0f0;
    --rz-sidebar-width: 230px;
    --rz-fieldset-legend-padding: 0 0.3rem;
    --rz-tabs-padding: 1rem;
    --rz-panel-menu-item-2nd-level-color: #313131;
    --rz-gap: 0.5rem;
    --rz-row-gap: 0rem;
    --rz-dialog-content-padding: 1rem;
    --rz-dialog-title-padding: 1rem 1rem 0 1rem;
    --rz-card-heading-margin-bottom: 16px;
    --rz-grid-cell-padding: 0.625rem 0.82rem;
    --rz-tooltip-background-color: var(--rz-text-color);
    --rz-tooltip-color: #ffffff;
    --rz-grid-header-filter-icon-margin: 0 0.5rem 0 auto;
    --rz-grid-header-filter-icon-font-size: 1.2rem;
    /* input */
    --rz-input-height: 2.2rem;
    --rz-input-border-radius: 4px;
    --rz-input-padding: 0.3375rem 0.9375rem; /* 0.4375rem 0.9375rem; */
    --rz-upload-button-bar-background-color: #ffffff !important;
    --rz-series-1: #4340D2;
    --rz-series-2: #ba68c8;
    --rz-series-3: #f06292;
    --rz-series-4: #ff8a65;
    --rz-series-5: #ffee58;
    --rz-series-6: #9ccc65;
    --rz-series-7: #26a69a;
    --rz-series-8: #4fc3f7;
    --rz-series-9: #7f5cce;
    --rz-series-10: #ce93d8;
    --rz-series-11: #f48fb1;
    --rz-series-12: #ffab91;
    --rz-series-13: #fff176;
    --rz-series-14: #aed581;
    --rz-series-15: #4db6ac;
    --rz-series-16: #81d4fa;
    --rz-series-17: #a58cdd;
    --rz-series-18: #e1bee7;
    --rz-series-19: #f8bbd0;
    --rz-series-20: #ffccbc;
    --rz-series-21: #fff59d;
    --rz-series-22: #c5e1a5;
    --rz-series-23: #80cbc4;
    --rz-series-24: #b3e5fc;
}

:root {
    --rz-notification-padding: 1rem 1.25rem;
    --rz-notification-icon-margin: 0 0.625rem 0 0;
    --rz-notification-container-background-color: transparent;
    --rz-notification-shadow: var(--rz-shadow-2);
    --rz-notification-border-radius: calc(var(--rz-border-radius) * 3);
    --rz-notification-success-color: var(--rz-on-success);
    --rz-notification-success-background-color: var(--rz-success);
    --rz-notification-success-icon-color: var(--rz-on-success);
    --rz-notification-warning-color: var(--rz-on-warning);
    --rz-notification-warning-background-color: var(--rz-warning);
    --rz-notification-warning-icon-color: var(--rz-on-warning);
    --rz-notification-error-color: var(--rz-on-danger);
    --rz-notification-error-background-color: var(--rz-danger);
    --rz-notification-error-icon-color: var(--rz-on-danger);
    --rz-notification-info-color: var(--rz-on-info);
    --rz-notification-info-background-color: var(--rz-info);
    --rz-notification-info-icon-color: var(--rz-on-info);
}

:root {
    --rz-selectbar-background-color: var(--rz-base-backgorund-color);
    --rz-selectbar-color: var(--rz-text-color);
    --rz-selectbar-border: var(--rz-border-base-300);
    --rz-selectbar-selected-background-color: var(--rz-primary);
    --rz-selectbar-selected-color: var(--rz-on-primary);
    --rz-selectbar-selected-border: var(--rz-border-base-300);
    --rz-selectbar-border-radius: var(--rz-border-radius);
}

:root {
    --rz-transition: 0.15s linear;
    --rz-transition-all: all 0.15s linear;
}

.rz-body {
    padding-bottom: 70px;
}

.rz-dialog-confirm, 
.rz-dialog-alert {
    max-width: 600px !important;
}

.rz-dialog-confirm-buttons {
    flex-direction: row-reverse;
}
    .rz-dialog-confirm-buttons .rz-primary {
        background-color: var(--rz-primary) !important;
        color: var(--rz-on-primary) !important;
    }
    .rz-dialog-confirm-buttons .rz-secondary {
        background-color: var(--rz-base-200) !important;
        color: var(--rz-text-color) !important;
    }

.rz-column-title {
    font-weight: 500;
}

.rz-textbox,
.rz-dropdown {
    width: 100%;
}

.rz-form-field-label {
    color: var(--rz-text-caption-color);
}

.rz-label {
    /*font-weight: 500 !important;*/
    color: #556b82;
}

.rz-gravatar {
    background-color: #212129;
}

/*.rz-growl-message-success .rz-growl-item {
    color: var(--rz-white);
    background-color: var(--rz-success);
}*/

.rz-notification {
    bottom: 0 !important;
    float: left !important;
    left: 10px !important;
    top: unset !important;
    right: unset !important;
}
.rz-navigation-item .rz-navigation-item-link-active {
    background-color: var(--rz-panel-menu-item-2nd-level-background-color);
    color: var(--rz-panel-menu-item-2nd-level-color);
    font-weight: var(--rz-panel-menu-item-2nd-level-font-weight);
}
.rz-panel-menu .rz-navigation-menu .rz-navigation-item-active .rz-navigation-item-icon,
.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active .rz-navigation-item-icon {
    color: var(--rz-panel-menu-icon-color);
}

.rz-navigation-item .active {
    background-color: var(--rz-panel-menu-item-2nd-level-active-background-color) !important;
    color: var(--rz-panel-menu-item-2nd-level-active-color) !important;
    font-weight: var(--rz-panel-menu-item-2nd-level-active-font-weight) !important;
}
    .rz-navigation-item .active .rz-navigation-item-icon {
        color: var(--rz-panel-menu-item-2nd-level-active-color) !important;
    }

