@import url("/SU_Theme/Theme.SU_Theme.css?25817");

.Logo_Th {
    /* Color - Brand */
    --color-G1: #5ade7e;
    --color-G2: #5ade7e;
    --color-G3: #5ade7e;
    --color-G4: #5ade7e;
    --color-G5: #5ade7e;
    --color-G6: #5ade7e;
    --color-G7: #5ade7e;
    --color-G8: #5ade7e;
    --color-G9: #5ade7e;
    --color-G10: #5ade7e;
    --color-G11: #5ade7e;
    --color-G12: #5ade7e;
    --color-G13: #5ade7e;
    --color-G14: #E6EBE6;
    
    /* Color - Brand - ICON */
    --color-G15: #e4e04e;
    --color-G16: #a7cf00;
    --color-G17: #91c8dc;
    --color-G18: #e47b21;
    --color-G19: #ff6e00;
    --color-G20: #5ade7e;

    /* Color - Neutral */
    --color-black: #000000;  /*Black*/
    --color-darkGrey: #666; /*text*/ 
    --color-grey: #999;/* disabled inputs and widget grey color */
    --color-mediumGrey: #cdcdcd; /* border */
    --color-lightGrey: #F8F8F8; /* background*/
    --color-white: #FFF; /* replace white colors everywhere */
    
    --color-shadow-grey: #F0F1F3; /* grey shadow */
    --color-shadow-lightGrey: #FBFBFB; /* light grey shadow */
    
    --color-primary: var(--color-G20);
    --color-secondary:var(--color-G3);
    --color-terciary: var(--color-G8);
    
    --color-primary-hover:var(--color-G3);
    --color-primary-selected: rgba(37, 119, 25, .12);
    --color-primary-lightest: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9));
    
    /* Color - Semantic */
    --color-error-light: #fceaea;
    --color-error: #dc2020;
    
    --color-warning-light: #fdf6e5;
    --color-warning: #e9a100;
    
    --color-success-light: #eaf3eb;
    --color-success: #29823b;
    
    --color-info-light: #e5f5fc;
    --color-info: #017aad;
    
    --border-radius-soft: 6px;

    /* App Settings */
    --color-background-body: #fff;
    
    /* Custom Settings */      
    --theme-menu-background: #E6EBE6;
        
    --theme-border-line: 1px solid #ddd;
    
    --theme-menu-item-background: #77b900;
    --theme-menu-item-color: #fff;
}