/* global CSS settings */

/* if you edit this file, please make a backup copy of the original file and your modified file */
/* in case of update this file might be overridden */

:root {
    --hs-primary-color: #BACE00; 
    --hs-body-bgcolor: #f0f0f0;
    --hs-body-fgcolor: #323232;
    --hs-button-hover: #BACE00;
    --hs-button-hover-fg: white;
    --hs-dialog-border: none;
    --hs-dialog-bgcolor: rgb(242,242,242);
    --hs-dialog-fgcolor: #323232;
    --hs-dialog-title-border: 2px solid rgb(200,200,200);
    --hs-dialog-title-height: 52px;
    --hs-dialog-boxshadow: 0 0 10px 0 #d0d0d0;
    --hs-sidebar-bcolor: rgb(242,242,242);
    --hs-sidebar-fgcolor: #323232;
    --hs-sidebar-border: none;
    --hs-sidebar-boxshadow: 0 0 10px 5px #d0d0d0;
    --hs-menu-divider: 1px solid rgb(240,240,240);
    --hs-scrbar-fgcolor: rgb(240,240,240);;
    --hs-scrbar-bgcolor: #f0f0f0;
}
[data-theme='dark'] {
    --hs-body-bgcolor: #f0f0f0;
    --hs-body-fgcolor: #323232;
    --hs-dialog-fgcolor: rgb(232, 232, 232);
    --hs-dialog-bgcolor: #2d2d2d;
    --hs-dialog-boxshadow: 0 0 10px 0 #2d2d2d;
    --hs-sidebar-boxshadow: 0 0 10px 0 #2d2d2d;    
    --hs-sidebar-fgcolor: rgb(232, 232, 232);
    --hs-sidebar-bgcolor: #2d2d2d;
    --hs-menu-divider: 1px solid rgb(100,100,100);
    --hs-scrbar-fgcolor: rgb(100,100,100);
    --hs-scrbar-bgcolor: #323232;
}

.vpage > *
{
    box-sizing: border-box;
}

.vpage_popup 
{
    box-sizing: border-box;
}