﻿/* ReSharper disable RequiresFallbackColor */
:root {
    /***************defaults***************/
    --pcx-default-bg-color: #ffffff;
    --pcx-default-font-color: #333333;
    --pcx-default-accent-color: #095BF8;
    --pcx-default-hover-color: #258FFF;
    --pcx-default-panel-bg: #f3f3f3;
    --pcx-default-border: solid 1px #cccccc;
    --pcx-default-box-shadow: 8px 8px 15px rgba(0, 0, 0, .4);
    /***************Header***************/
    --pcx-header-bg: #e5e6e6;
    /*************** Page Header / Sub Menu Header ***************/
    --pcx-page-title-color: var(--pcx-default-font-color);
    /***************Header Buttons***************/
    --pcx-header-button-bg: transparent;
    --pcx-header-button-color: var(--pcx-default-font-color);
    --pcx-header-button-border: var(--pcx-default-border);
    /*************** Nav Bar ********************/
    --pcx-navbar-bg: #5e5e5e;
    --pcx-navbar-color: #ffffff;
    --pcx-navbar-item-hover-bg: var(--pcx-default-hover-color);
    --pcx-navbar-item-hover-color: #ffffff;
    --pcx-navbar-selected-bg: #303030;
    --pcx-navbar-selected-color: #ffffff;
    --pcx-navbar-item-separator-color: #aaa;
    /*************** Tabs and Sub Menus ******************************/
    --pcx-item-bg: #f3f3f3;
    --pcx-item-color: #787878;
    --pcx-item-active-bg: #ffffff;
    --pcx-item-active-color: var(--pcx-default-accent-color);
    --pcx-item-active-border: solid 1px #bbb;
    --pcx-item-hover-bg: transparent;
    --pcx-item-hover-color: var(--pcx-default-hover-color);
    --pcx-item-hover-border: solid 1px #bbb;
    /*************** Panel ***************/
    --pcx-panel-bg: var(--pcx-default-panel-bg);
    --pcx-panel-label-color: #787878;
    --pcx-panel-font-color: var(--pcx-default-font-color);
    --pcx-panel-border: solid 1px #ced4da;
    --pcx-panel-shadow: 2px 3px 5px #ddd;
    /*************** buttons***************/
    --pcx-button-bg: var(--pcx-default-accent-color);
    --pcx-button-color: #ffffff;
    --pcx-button-hover-bg: var(--pcx-default-hover-color);
    --pcx-button-hover-color: #ffffff;
    /*************** dropdown ***************/
    --pcx-dropdown-hover-bg: var(--pcx-default-hover-color);
    --pcx-dropdown-hover-color: #ffffff;
    /*************** grid***************/
    --pcx-grid-th-bg: #e5e6e6;
    --pcx-grid-th-color: initial;
    --pcx-grid-td-bg: initial;
    --pcx-grid-td-color: initial;
    /*************** grid rows ***************/
    --pcx-grid-row-selected-bg: #8A8D8F;
    --pcx-grid-row-selected-color: #ffffff;
    --pcx-grid-row-hover-bg: var(--pcx-default-hover-color);
    --pcx-grid-row-hover-color: #ffffff;
    --pcx-grid-detail-row-bg: transparent;
    /***************grid buttons and links ***************/
    --pcx-grid-button-bg: transparent;
    --pcx-grid-button-color: initial;
    --pcx-grid-button-hover-bg: var(--pcx-default-hover-color);
    --pcx-grid-button-hover-color: #ffffff;
    --pcx-grid-button-selected-bg: transparent;
    --pcx-grid-button-selected-color: inherit;
    --pcx-grid-button-selected-hover-bg: var(--pcx-default-accent-color);
    --pcx-grid-button-selected-hover-color: inherit;
    /***************grid pager buttons ****************/
    --pcx-grid-pager-button-bg: initial;
    --pcx-grid-pager-button-color: initial;
    --pcx-grid-pager-button-hover-bg: var(--pcx-default-hover-color);
    --pcx-grid-pager-button-hover-color: #ffffff;
    --pcx-grid-pager-button-selected-bg: #8A8D8F;
    --pcx-grid-pager-button-selected-color: #ffffff;
    /***************anchor***************/
    --pcx-anchor-hover-color: var(--pcx-default-hover-color);
    --pcx-accent-hover-color: var(--pcx-default-hover-color);
    /*************** modal dialogs ***************/
    --pcx-modal-header-bg: #096eff;
    --pcx-modal-header-color: #ffffff;
    --pcx-modal-body-bg: var(--pcx-default-bg-color);
    --pcx-modal-body-color: var(--pcx-default-font-color);
    --pcx-modal-footer-bg: #f0f0f0;
    --pcx-modal-footer-color: initial;
    /*************** Switches ***************/
    --pcx-switch-on-bg: var(--pcx-default-hover-color);
    --pcx-switch-on-color: white;
    --pcx-switch-off-bg: #eeeeee;
    --pcx-switch-off-color: black;
    /*************** Inputs ***************/
    --pcx-input-bg: #ffffff;
    --pcx-input-color: var(--pcx-default-font-color);
}
