/* Icons
-------------------------------------------- */
:root {
    --icon-add:                                 "\ea70";
    --icon-add--alt:                            "\ee95";
    --icon-arrow--down:                         "\ea86";
    --icon-arrow--left:                         "\ea87";
    --icon-arrow--right:                        "\ea88";
    --icon-arrows--vertical:                    "\ee99";
    --icon-arrow--up:                           "\ea89";
    --icon-calculation:                         "\ee9b";
    --icon-camera:                              "\ee9c";
    --icon-caret--down:                         "\eab5";
    --icon-caret--left:                         "\eab6";
    --icon-caret--right:                        "\eab7";
    --icon-caret--sort:                         "\eea0";
    --icon-caret--sort--down:                   "\eea1";
    --icon-caret--sort--up:                     "\eea2";
    --icon-caret--up:                           "\eab8";
    --icon-checkbox:                            "\eea4";
    --icon-checkbox--checked:                   "\eea5";
    --icon-checkmark:                           "\eab2";
    --icon-checkmark--filled:                   "\eea7";
    --icon-checkmark--filled--error:            "\eea8";
    --icon-checkmark--outline:                  "\eea9";
    --icon-checkmark--outline--error:           "\eeaa";
    --icon-chevron--down:                       "\eab5";
    --icon-chevron--left:                       "\eab6";
    --icon-chevron--right:                      "\eab7";
    --icon-chevron--sort:                       "\eeae";
    --icon-chevron--sort--down:                 "\eeaf";
    --icon-chevron--sort--up:                   "\eeb0";
    --icon-chevron--up:                         "\eab8";
    --icon-close:                               "\e9c4";
    --icon-code:                                "\eb27";
    --icon-compare:                             "\ebc6";
    --icon-delete:                              "\ead9";
    --icon-divider:                             "\eeb6";
    --icon-divider--horizontal:                 "\eeb7";
    --icon-divider--vertical:                   "\eeb8";
    --icon-dock:                                "\eeb9";
    --icon-document--export:                    "\eeba";
    --icon-document--import:                    "\eebb";
    --icon-dot-mark:                            "\eebc";
    --icon-draft:                               "\eebd";
    --icon-draggable:                           "\eae9";
    --icon-duplicate:                           "\eebf";
    --icon-edit:                                "\e9ca";
    --icon-entity--category:                    "\eec1";
    --icon-entity--formula:                     "\eec2";
    --icon-entity--model:                       "\eec3";
    --icon-entity--model--link:                 "\eec4";
    --icon-entity--property:                    "\eec5";
    --icon-entity--rule:                        "\eec6";
    --icon-entity--series:                      "\eec7";
    --icon-error--filled:                       "\eec8";
    --icon-error--outline:                      "\eec9";
    --icon-feedback:                            "\eeca";
    --icon-filter:                              "\eecb";
    --icon-filter--remove:                      "\eecc";
    --icon-fix:                                 "\eecd";
    --icon-help:                                "\eb16";
    --icon-help--filled:                        "\e93b";
    --icon-home:                                "\eb1e";
    --icon-information:                         "\e93d";
    --icon-information--filled:                 "\eb26";
    --icon-list:                                "\eed3";
    --icon-list--boxes:                         "\eed4";
    --icon-list--checked:                       "\eed5";
    --icon-locked:                              "\eb4e";
    --icon-maximize:                            "\eed7";
    --icon-migrate:                             "\eed8";
    --icon-minimize:                            "\eed9";
    --icon-misuse:                              "\eeda";
    --icon-misuse--alt:                         "\eedb";
    --icon-more--horizontal:                    "\eedc";
    --icon-more--vertical:                      "\eedd";
    --icon-option--clone:                       "\eede";
    --icon-option--new:                         "\eedf";
    --icon-page--first:                         "\eee0";
    --icon-page--last:                          "\eee1";
    --icon-pause--outline:                      "\eee2";
    --icon-pause--outline--filled:              "\eee3";
    --icon-pin:                                 "\eb93";
    --icon-pin--filled:                         "\eb93";
    --icon-pop-out:                             "\eee6";
    --icon-printer:                             "\eb9e";
    --icon-quick-view:                          "\ea52";
    --icon-redo:                                "\ebcb";
    --icon-renew:                               "\ebcc";
    --icon-reset:                               "\ea5c";
    --icon-restart:                             "\ebcc";
    --icon-save:                                "\eeed";
    --icon-save--close:                         "\eeee";
    --icon-save--continue:                      "\eeef";
    --icon-save--copy:                          "\eef0";
    --icon-search:                              "\ebed";
    --icon-settings:                            "\ebf5";
    --icon-sort--ascending:                     "\eef3";
    --icon-sort--descending:                    "\eef4";
    --icon-step-back:                           "\e9bc";
    --icon-stethoscope:                         "\eef6";
    --icon-subtract:                            "\eef7";
    --icon-subtract--alt:                       "\eef8";
    --icon-target:                              "\ec2d";
    --icon-text:                                "\ec2f";
    --icon-time:                                "\eabc";
    --icon-tree-view:                           "\eefc";
    --icon-tree-view--alt:                      "\eefd";
    --icon-undo:                                "\ec51";
    --icon-view:                                "\ea52";
    --icon-warning:                             "\ec62";
    --icon-warning--alt:                        "\ec62";
    --icon-warning--alt--filled:                "\ec62";
    --icon-warning--filled:                     "\ec62";
    --icon-checkbox--checked--filled:           "\ef04";
    --icon-checkbox-large:                      "\ef05";
    --icon-checkbox-large--checked:             "\ef06";
    --icon-checkbox-large--checked--filled:     "\ef07";
    --icon-entity--line-item:                   "\ef08";
    --icon-entity--option:                      "\ef09";
    --icon-menu:                                "\ef0a";
    --icon-radio-button:                        "\ef0d";
    --icon-radio-button--checked:               "\ef0c";
    --icon-radio-button--focus:                 "\ef0b";
}


/* Icon Size
-------------------------------------------- */
:root {
    --icon-font-size:           16px;
    --icon-font-size--small:    12px;
    --icon-padding:             4px;

    --height-header:                    50px;
    --size-large:                       400px;
    --size-medium:                      320px;
    --size-small:                       240px;
    --size-x-large:                     640px;
    --size-x-small:                     192px;
    --size-xx-large:                    960px;
    --size-xx-small:                    96px;
    --size-xxx-small:                   48px;
    --square-icon-large-boundary:       48px;
    --square-icon-large-boundary-alt:   80px;
    --square-icon-large-content:        32px;
    --square-icon-medium:               32px;
    --square-icon-medium-boundary:      32px;
    --square-icon-medium-boundary-alt:  36px;
    --square-icon-medium-content:       16px;
    --square-icon-medium-content-alt:   14px;
    --square-icon-small-boundary:       24px;
    --square-icon-small-content:        12px;
    --square-icon-utility-large:        24px;
    --quare-icon-utility-medium:        20px;
    --square-icon-utility-small:        16px;
    --square-icon-x-small-boundary:     20px;
    --quare-icon-x-small-content:       8px;
    --square-icon-xx-small-boundary:    16px;
    --var-square-icon-medium-boundary:  32px;

}

/*-------------------------------------------- */
/*-------------------------------------------- */
/*-------------------------------------------- */


/* COMPONENTS
-------------------------------------------- */

/* Action Panel */
.action-panels {
    --actionpanel-message-icon: var(--icon-feedback);
    --actionpanel-search-icon:  var(--icon-search);
}


/* Button */
.close-button {
    --button-close-icon: var(--icon-close);
}


/* Calendar */
#btnNext,
#btnPrev {
    --calendar-button-next-icon:        var(--icon-chevron--right);
    --calendar-button-previous-icon:    var(--icon-chevron--left);
}


/* Checkbox */
input[type="checkbox"],
.xSelBox,
.xFilterHdr {
    --checkbox-icon-checkbox:           var(--icon-checkbox);
    --checkbox-icon-checkbox-checked:   var(--icon-checkbox--checked);
    --checkbox-icon-checkmark:          var(--icon-checkmark);
}


/* Info Bar */
.xIB,
.infoBar {
    --infobar-snapshot-icon:    var(--icon-camera);
    --infobar-warning-icon:     var(--icon-warning);
}


/* Radio Button */
input[type="radio"] {
    --radio-icon-radiobutton:           var(--icon-radio-button);
    --radio-icon-radiobutton--focus:    var(--icon-radio-button--focus);                                      ;
    --radio-icon-radiobutton--checked:  var(--icon-radio-button--checked);
}


/* Region */
.xRgnHdrBtns a#hs {
    --region-header-button-hs-icon--collapsed: var(--icon-chevron--right);
    --region-header-button-hs-icon--expanded: var(--icon-chevron--down);
}


/* Search Box */
.search-box,
.xSearchBox,
.xSearchBoxDropDown {
    --searchbox-icon:       var(--icon-search);
    --searchbox-icon-size:  var(--icon-font-size);
    --searchbox-icon-width: calc(var(--icon-font-size) + (var(--icon-padding) * 2));
}


/* Splitter */
.xHSplit,
.xVSplit,
.xVSplit::before,
.xHSplit::before {
    --splitter-icon:        var(--icon-draggable);
    --splitter-icon-size:   var(--icon-font-size);
}


/* Tool Bar */
.xTb {
    --toolbar-link-icon-size: var(--quare-icon-utility-medium);
}