:root {

    /* Typography - Size */
    --font-size-display: 36px;

    --font-size-base: 16px;
    --font-size-s: 14px;
    --font-size-xs: 12px;  
    
    /* Color - Brand */
    --color-G1: #C4C3C3;
    --color-G2: #C4C3C3;
    --color-G3: #939494;
    --color-G4: #000000;
    --color-G5: #939494;
    --color-G6: #C4C3C3;
    --color-G7: #939494;
    --color-G8: #F8F8F8;
    --color-G9: #999999;
    --color-G10: #939494;
    --color-G11: #C4C3C3;
    --color-G12: #CDCDCD;
    --color-G13: #000000;
    --color-G14: #E6EBE6;
    
    /* Color - Brand - ICON */
    --color-G15: #DADC33;
    --color-G16: #B0BCAF;
    --color-G17: #73C3D5;
    --color-G18: #C0b460;
    --color-G19: #BF853C;
    --color-G20: #8DC63f;

    /* 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-selected: rgba(37, 119, 25, .12);
    --color-primary-lightest: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9));
    --color-green-lightest: #C4C3C3;
    
    /* 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;
    --header-size: 56px;
    --side-menu-size: 300px;
    
    /* Custom Settings */    
    --theme-colorBar-horizontal: 15px;
    --theme-colorBar-vertical: 120px;    
    --theme-default-transition: all .250s ease-in-out;    
    --theme-header-height-full: 100px;
    --theme-header-height-scrolled: 50px;
    
    --theme-left-menu-width: 300px;
    --theme-left-menu-resume-height: 100px;
    
    --theme-right-menu-width: 400px;
    --theme-right-menu-resume-height: 200px;
    
    --theme-footer-height: 70px;
    
    --theme-menu-small-width: 50px;
    
    --theme-menu-background: #E6EBE6;
    --theme-menu-toggle-icon-size: 20px;
        
    --theme-border-line: 1px solid #ddd;
    
    --theme-menu-item-background: #000000;
    --theme-menu-item-color: #fff;

    --color-layout-bars: var(--color-primary);
}

.add-grey-scale {
    filter: grayscale(100%);
}

.image-add-grey-scale img {
    filter: grayscale(100%);
}

body.login-page {
    background-image: url("/DynamicTheme_Ctt/img/login_background.png?24642");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover; 
}

body.login-page .container-center-inner {
    vertical-align: middle;
}

body.login-page .container-login {
    margin: auto;
}

body.login-page .container-version-footer {
    position: relative;
    padding-top: 50px;
    background-color: transparent;
}

body.phone.login-page .container-version-footer {
    position: absolute;
    padding-top: 5px;
}

.accessibility-on .toggle-button.toggle-button-checked {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.accessibility-on .radio-button:checked:before {
    border-color: var(--color-primary);
}