@charset "UTF-8";
:root {
    --font-sans-serif: "Nunito Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --rz-text-font-family: var(--font-sans-serif);
    --body-font-family: var(--font-sans-serif);
    --body-font-size: 0.875rem;
    --body-font-weight: 400;
    --body-line-height: 1.429;
    --body-color: #212529;
    
    /**
        https://sass-lang.com/playground/
        
        @use "sass:color";
        
        $name: secondary;
        $color: #a2a2a2;
        
        $ligth-10: color.scale($color, $lightness: 10%);
        $ligth-20: color.scale($color, $lightness: 20%);
        $dark-10: color.scale($color, $lightness: -10%);
        $dark-20: color.scale($color, $lightness: -20%);
        
        :root {
            --rz-#{$name}-lighter: #{$ligth-20};
            --rz-#{$name}-light: #{$ligth-20};
            --rz-#{$name}: #{$color};
            --rz-#{$name}-dark: #{$dark-10};
            --rz-#{$name}-darker: #{$dark-20};
        }     
     */
    
    /** RADZEN */
    --rz-input-height: 2.25;
    --rz-input-line-height: var(--body-line-height);

    /** RADZEN COLORES */
    --rz-primary-lighter: rgb(182, 217.2413793103, 255);
    --rz-primary-light: rgb(0, 122.8620689655, 254.5);
    --rz-primary: #004691;
    --rz-primary-dark: rgb(0, 63, 130.5);
    --rz-primary-darker: rgb(0, 49, 101.5);
    --rz-on-primary-lighter: var(--rz-primary-dark);

    --rz-secondary-lighter: rgb(212.2, 212.2, 212.2);
    --rz-secondary-light: rgb(105.2, 105.2, 105.2);
    --rz-secondary: #292929;
    --rz-secondary-dark: rgb(36.9, 36.9, 36.9);
    --rz-secondary-darker: rgb(28.7, 28.7, 28.7);
    
    --rz-danger-lighter: rgb(248, 214.6, 217.8);
    --rz-danger-light: rgb(230.5, 113.6, 124.8);
    --rz-danger: #dc3545;
    --rz-danger-dark: rgb(209.4151898734, 36.2848101266, 52.8721518987);
    --rz-danger-darker: rgb(162.8784810127, 28.2215189873, 41.1227848101);
    --rz-on-danger-lighter: var(--rz-danger-dark);
    
    --rz-text-selection-background-color: var(--rz-primary-lighter);
    --rz-text-selection-color: #fff;

    --rz-grid-selected-background-color: var(--rz-primary-light);
    --rz-grid-selected-color: var(--rz-on-primary);
    
    --rz-grid-hover-background-color: var(--rz-base-200);
    --rz-grid-hover-color: var(--rz-text-title-color);

    --rz-input-placeholder-color: var(--rz-dark);

    /* --rz-grid-loading-indicator-background-color: rgba(198, 203, 210, 0.5) !important; */
    --rz-grid-loading-indicator-background-color: rgba(255, 255, 255, 0.7) !important;
}

body {
    margin: 0;
    font-family: var(--rz-text-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    line-height: var(--body-line-height);
    color: var(--body-color);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: var(--rz-body-background-color);
}