/* public/Theme/GdsLight.css */
:root {
    --gds-primary-foreground: rgba(255, 255, 255, 1); /* white */
    --gds-primary-background: rgba(122, 119, 161, 1); /* purple */
    --gds-ribbon-background: rgba(30, 18, 79,1);
    /*New Style*/
    /**--gds-primary-background: rgba(235,88,148,1); /*pink*/
    --gds-primary-hover-background: rgba(72, 61, 139, 0.1); /* purple */
    --gds-default-foreground: rgba(0, 0, 0, 1); /* black */
    --gds-default-background: rgba(255, 255, 255, 1); /* white */
    --gds-default-inactive-background: rgba(33, 37, 41, 0.4); /* */
    --gds-primary-dictionary-field-header-background: rgb(175, 238, 238);
    --gds-primary-dictionary-name-header-background: rgb(255, 182, 193);
    /* main ribbon header */
    --gds-main-ribbon-header-backgbround: var(--gds-primary-background);
    /*New Ribbon Header  */
    --gds-main-ribbon-header-hover-backgbround: var(--gds-ribbon-background);
    --gds-main-ribbon-header-active-backgbround: var(--gds-ribbon-background);
    --gds-main-ribbon-header-inactive-backgbround: transparent;
    --gds-main-ribbon-header-base-backgbround: rgba(33, 37, 41, 0.2);
    --gds-main-ribbon-content-hover-background: #e2e6ea;
    --gds-main-ribbon-content-background: var(--gds-default-background);
    --gds-main-ribbon-content-foreground: var(--gds-default-foreground);
    /* gds tabs */
    --gds-tabs-header-base-background: var(--gds-default-background);
    --gds-tabs-header-background: var(--gds-primary-background);
    --gds-tabs-header-hover-background: var(--gds-primary-background);
    --gds-tabs-header-inactive-background: var(--gds-default-inactive-background);
    /* splash screen */
    --gds-splash-background: var(--gds-default-background);
    --gds-splash-foreground: var(--gds-default-foreground);
    --gds-splash-header-foreground: var(--gds-primary-foreground);
    --gds-splash-button-hover-background: #F283B0; /* pink */
    --gds-splash-project-button-hover-background: var(--gds-splash-button-hover-background); /* pink */
    --gds-splash-connection-item-connected-foreground: rgba(80, 205, 50, 1); /* lime green */
    --gds-splash-border-color:#c9c9c9;
    --gds-splash-project-background:#e4e4e4;
    /* Sequence */
    /** Call */
    --sequence-call-background: rgb(176, 222, 255); /* light blue */
    --sequence-call-border: rgb(0, 0, 255); /* blue */
    /** Rule */
    --sequence-rule-background: rgb(255, 209, 154); /* light orange */
    --sequence-rule-border: rgb(255, 69, 0); /* orange */
    /** Field Rule */
    --sequence-fieldRule-background: rgb(187, 222, 214); /* light green */
    --sequence-fieldRule-border: rgb(0, 100, 0); /* dark green */
    /* Data Dictionary */
    --data-dictionary-field-item-icon: var(--gds-primary-background);
    --data-dictionary-field-icon-button-toggle-background: aliceblue;
    --data-dictionary-main-splitter-border-color: #aaa;
    --data-dictionary-generated-item: rgb(255, 105, 180); /* hot pink */
    --data-dictionary-categorized-item: rgb(233, 150, 122); /* DarkSalmon */
    --data-dictionary-dictionary-selected: rgb(255, 182, 193); /* Violet */
    --data-dictionary-node-selected: rgb(175, 238, 238); /* deep sky blue */
    --data-dictionary-field-selected: rgb(244, 164, 96); /* sandy brown */
    /* GDS icon button */
    --gds-icon-button-foreground: rgba(122, 119, 161, 1); /* purple */
    --gds-icon-button-background: transparent;
    --gds-icon-button-hover-foreground: rgba(0, 0, 0, 1); /* black */
    --gds-icon-button-hover-background: transparent;
    --gds-icon-button-disabled-foreground: rgba(0, 0, 0, 1); /* black */
    --gds-icon-button-disabled-background: transparent;
    /** Gds object wrapper */
    --gds-object-wrapper-background: var(--gds-primary-background);
    /** window buttons */
    --window-button-foreground: var(--gds-default-foreground);
    --window-button-hover-foreground: rgba(30, 144, 255, 1); /* blue */
    --window-button-disabled-foreground: rgba(122, 119, 161, 0.5); /* purple */
    /* Property control */
    --gds-prop-separator-line-color: #000;
    --gds-prop-separator-label-background: #fff;
    --gds-prop-separator-label-foreground: #1E8FFD;
    /** Start */
    --sequence-start-background: rgb(156, 241, 150); /* light green */
    --sequence-start-border: rgb(0, 100, 0); /* dark green */
    /** End */
    --sequence-end-background: rgb(255, 128, 128); /* light red */
    --sequence-end-border: rgb(255, 0, 0); /* dark red */
    /** Abort */
    --sequence-abort-background: rgb(255, 128, 128); /* light red */
    --sequence-abort-border: rgb(255, 0, 0); /* dark red */
    /** Waypoint */
    --sequence-waypoint-background: rgb(255, 255, 255); /* white */
    --sequence-waypoint-border: rgb(0, 0, 255); /* dark blue */
    /** Editor **/
    --python-editor-color: rgba(255, 240, 245, 1); /* lavender blush */
    --r-editor-color: rgba(250, 250, 210, 1); /* light goldenrod yellow */
    --lua-editor-color: rgba(224, 255, 255, 1); /* light cyan */
    --ebl-editor-color: rgba(245, 255, 250, 1); /* mint cream */
    --syntax-editor-breakpoint: red;
    /* Mapping */
    --mapping-ruleName-background-color: rgba(255, 215, 0); /* gold */
    --mapping-missing-ruleName-background-color: pink;
    --iconToggleForeground: rgba(245, 245, 245,1);
    /*Lookup Table*/
    --colorLookupTableGroupCellBackground: rgba(255,228,225,255);
    --colorLookupTableFieldCellBackground: rgba(230,230,250,255);
    --colorGDSMainPanelBackground: rgba(33.37.41.255);
    /* New Style */
    /* form */
    --theme-form-control-border-color: #DBDBDB;
    --theme-form-control-color: #7D7D7D;
    --theme-form-control-focus-border-color: #DBDBDB;
    --theme-form-control-disabled-color: #D9D9D9;
    --theme-form-control-disabled-border-color: #D1D1D1;
    --theme-form-invalid-control-border-color: #FF394D;
    --theme-form-invalid-control-color: #FF394D;
    --theme-form-invalid-feedback-color: #FF394D;
    --theme-form-input-placeholder-color: #DBDBDB;
    --theme-form-input-plaintext-color: #DBDBDB;
    /** checobox */
    --theme-form-checkbox-checked-border-color: #000000;
    --theme-form-checkbox-checked-border-bg-color: white;
    --theme-form-checkbox-disabled-border-color: #D9D9D9;
    /*select*/ /*new style*/
    --theme-form-select-input-border-color: #DBDBDB;
    --theme-form-select-input-focus-border-color: #DBDBDB;
    /**/
    --theme-header-background-color: #1E124F;
    --theme-title-color: #000000;
    --theme-body-text-color: rgb(57,56,70);
    /* sidebar */
    --theme-sidebar-background-color: rgb(57,56,70);
    /* buttons */
    /** primary */
    /*new style*/
    --theme-button-primary-color: #fff;
    --theme-button-primary-disabled-color: #FCE7EF;
    --theme-button-primary-background-color: #F62459;
    --theme-button-primary-hover-background-color: #F283B0;
    --theme-button-primary-disabled-background-color: #F62459;
    /** secondary */
    /* table */
    --theme-table-color: #393846;
    --theme-table-header-color: #9695A4;
    --theme-table-header-background-color: #F0F4F8;
    --theme-table-border-color: #C9C9C9;
    /* modal */
    --theme-modal-header-color: #fff;
    --theme-modal-header-background-color: #1E124F;
}

.gds-primary-foreground {
    color: var(--gds-primary-foreground);
}

.gds-primary-background {
    background-color: var(--gds-primary-background) ;/**!important;*/
}

.gds-header-foreground {
    color: var(--gds-primary-foreground);
}

.gds-header-background {
    background-color: var(--gds-primary-background) !important;
}

.fnt-awsm-icon-color {
    color: var(--data-dictionary-field-item-icon);
}