/* theme-original.css */
:root {

    /*COLORS*/
    --color-original-main-blue: #3b73af;
    --color-original-primary: #3b73af;
    --color-original-secondary: #316590;
    --color-original-terciary: #007aca;

    --color-primary: #3b73af;
    --color-secondary: #316590;
    --color-terciary: #007aca;
    --color-fourciary: #0082B4;

    --color-primary-light: #E1F0FF;
    --color-primary-dim: #3b73af80;

    --color-accent-primary: #007E92;
    --color-accent-secondary: #00B0ca;

    --color-text-light-white: #ffffff;
    --color-text-light-gray: #d9dae3;
    --color-text-dark-gray: #aeafc2;

    --color-a-original: #007aca;

    --color-bg-menu: #242f42;
    --color-menu-text: #ffffff;

    /*ICONS*/
    --color-primary-icon: var(--color-primary);;

    /* Header */
    --color-top-header-icons: var(--color-terciary);
    --color-user-drop-menu: var(--color-terciary);
    --color-user-menu-items-hover: var(--color-terciary);
    --color-text-user-menu: var(--color-text-light-gray);
    --color-user-menu-email: var(--color-text-dark-gray);


    /* MENU */
    --color-menu-text-hover: var(--color-terciary);
    --color-menu-icon-expanded: var(--color-terciary);

    /* Breadcrumbs */
    --color-breadcrumbs-text-hover: var(--color-primary);

    /*Menu background*/
    --color-primary-bg-menu: var(--color-bg-menu);
    --color-primary-bg-menu-top: var(--color-bg-menu);

    --color-primary-colapse-menu-open: #5d5f77;
    --color-primary-colapse-menu-closed: #007aca;

    /* Buttons*/
    --color-primary-btn-text: #ffffff;
    --color-primary-btn-bg: var(--color-primary);
    --color-primary-btn-bg-hover: var(--color-secondary);

    --color-secondary-btn-text: #ebedf2;
    --color-secondary-base-color: var(--color-terciary);

    --color-secondary-btn-bg: var(--color-secondary-bg);
    --color-secondary-btn-border: var(--color-border);
    --color-subheader-btn-icon-hover: var(--color-primary-btn-text);

    --color-border: #ebedf2;
    --color-secondary-bg: #ffffff;

    --color-btn-info: var(--color-terciary);

    /*Links*/
    --color-primary-a: var(--color-a-original);
    --color-primary-a-hover: var(--color-primary);

    /* FORMS */
    --color-selects-bg: var(--color-secondary);
    --color-switch-yes-no: var(--color-primary);

    /* Info */
    --color-info-icon: var(--color-terciary);

    /* TABLES */
    --color-pagination: var(--color-primary);
    --color-pagination-over: var(--color-primary);
    --color-select-all-bar-info: rgba(0, 130, 180, 0.1);

    /* WIDGETS */
    --color-modal-create-labels: var(--color-primary);
    --color-widgets-form-separator-bg: var(--color-primary-light);

    /* Workflows */
    --color-workflow-show-step-header: var(--color-terciary);

    /* Alerts */
    --color-alerts: var(--color-terciary);

    /* WIZARDS */
    --color-wizards-index-cirlce: var(--color-secondary);
    --color-wizards-index-cirlce-done: #adb4ee;

    /* CHARTS*/
    --color-gantt-expand: var(--color-primary);

    /* LABELS */
    --color-labels: var(--color-terciary);

    /* ITEMS */
    --color-divisory-bar-form: var(--color-secondary);

    /* ARF */
    --color-arf-scope-name: var(--color-primary);

    /* PROGRAMS */
    --color-kanban-card-footer-icon: var(--color-terciary);

    /* INBOX */
    --bg-light-primary: #E1F0FF !important; /* Inbox cards */
    --inbox-arrows: var(--color-terciary);
    --color-inbox-icon: var(--color-fourciary);
    --color-action-boards-drop-down-hover: var(--color-terciary);

    /* ACTIVITIES */
    --color-dashboard-cards-text: var(--color-primary-dim);
    --color-dashboard-filter-header-text: var(--color-terciary);

    /* BORDERS */
    --color-content-border: var(--color-primary);
    --color-content-header: var(--color-terciary) !important;
    --color-primary-border: var(--color-primary);

}