.tabBar, .tabBarTest {
    position: relative;
    height: var(--tabButtonHeight);
    border-top-left-radius: var(--tabNormalEdgeRadius);
    border-top-right-radius: var(--tabNormalEdgeRadius);
}
.tabBarTest {
    background-color: var(--colorBodyBGTest);
    border-radius: var(--tabNormalEdgeRadius);
}



.tabPanelMain {
    position: absolute;
    top: 0px;
    left: 0px;
}
.tabPanelMain .tabButtonStart, .tabPanelMain .tabButtonStartTest {
    border-top-left-radius: var(--tabNormalEdgeRadius);
    display: table-cell;
    background-color: var(--colorWindowBG);
    width: var(--tabNormalEdgeWidth);
}
.tabPanelMain .tabButtonStartTest {
    background-color: var(--colorWindowBGTest);
}

.tabPanelMain .tabButtonEnd, .tabPanelMain .tabButtonEndTest {
    border-top-right-radius: var(--tabNormalEdgeRadius);
    display: table-cell;
    background-color: var(--colorWindowBG);
    width: var(--tabNormalEdgeWidth);
}
.tabPanelMain .tabButtonEndTest {
    background-color: var(--colorWindowBGTest);
}

.tabPanelMain .tabButton, .tabPanelMain .tabButtonTest {
    position: relative;
    top: 0px;
    right: 0px;
    height: var(--tabButtonHeight);
    padding: 0px 5px;
    display: table-cell;
    text-align: center;
    font-size: var(--tabButtonFontSize);
    font-variant-caps: petite-caps;
    line-height: var(--tabButtonHeight);
    color: var(--colorTabButtonText);
    background-color: var(--colorWindowBG);
    box-shadow: 0px 0px 10px 3px inset var(--colorTabButtonShadow);
    border-right: 1px solid black;
    border-left: 1px solid black;
    cursor: pointer;
}
.tabPanelMain .tabButtonTest {
    background-color: var(--colorWindowBGTest);
}
.tabPanelMain .tabButton:hover, .tabPanelMain .tabButtonTest:hover, .tabPanelMain .tabButton_Businesses:hover {
    color: var(--colorTabButtonTextHover);
    /*background-color: var(--colorTabButtonBGHover);*/
    box-shadow: 0px 0px 10px 3px inset var(--colorTabButtonShadowHover);
}
.tabPanelMain .tabButton_Selected {
    color: var(--colorTabButtonTextSelected);
    background-color: var(--colorTabButtonBGSelected);
    box-shadow: 0px 0px 10px 3px inset var(--colorTabButtonShadowSelected);
}
.tabPanelMain .tabButton_Selected:hover {
    color: var(--colorTabButtonTextSelectedHover);
    background-color: var(--colorTabButtonBGSelectedHover);
    box-shadow: 0px 0px 10px 3px inset var(--colorTabButtonShadowSelectedHover);
}



.tabPanelSettings, .tabPanelSettingsTest {
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: right;
}
.tabPanelSettings .tabButtonStart, .tabPanelSettings .tabButtonStartTest {
    position: relative;
    top: 0px;
    right: 0px;
    width: var(--tabPanelEdgeWidth);
    color: var(--colorTabSettingsText);
    background-color: var(--colorTabSettingsBG);
    border-top-left-radius: var(--tabPanelEdgeRadius);
    display: table-cell;
}
.tabPanelSettings .tabButtonEnd, .tabPanelSettings .tabButtonEndTest {
    position: relative;
    top: 0px;
    right: 0px;
    width: var(--tabPanelEdgeWidth);
    color: var(--colorTabSettingsText);
    background-color: var(--colorTabSettingsBG);
    border-top-right-radius: var(--tabPanelEdgeRadius);
    display: table-cell;
}

.tabPanelSettings .tabButton, .tabPanelSettings .tabButtonTest {
    position: relative;
    top: 0px;
    right: 0px;
    width: var(--tabButtonHeight);
    display: table-cell;
    text-align: center;
    font-size: var(--tabSettingsFontSize);
    font-variant-caps: petite-caps;
    line-height: var(--tabButtonHeight);
    color: var(--colorTabSettingsText);
    background-color: var(--colorTabSettingsBG);
    box-shadow: 0px 0px 10px 3px inset var(--colorTabSettingsShadow);
    border-right: 1px solid black;
    border-left: 1px solid black;
    cursor: pointer;
    font-family: 'Material Icons';
}




.tabLogout, .tabLogoutTest {
    position: relative;
    top: 0px;
    right: 0px;
    width: var(--tabButtonHeight);
    display: table-cell;
    text-align: center;
    font-size: var(--tabSettingsFontSize);
    font-variant-caps: petite-caps;
    line-height: var(--tabButtonHeight);
    color: var(--colorTabSettingsText);
    background-color: var(--colorTabSettingsBG);
    box-shadow: 0px 0px 10px 3px inset var(--colorTabSettingsShadow);
    border-right: 1px solid black;
    border-left: 1px solid black;
    cursor: pointer;
    font-family: 'Material Icons';
}

    .tabLogout:hover, .tabLogoutTest:hover {
        box-shadow: 0px 0px 10px 3px inset var(--colorTabSettingsShadowHover);
        background-color: var(--colorTabSettingsBGHover);
        color: var(--colorTabSettingsTextHover);
    }

.tabHelp, .tabHelpTest {
    position: relative;
    top: 0px;
    right: 0px;
    width: var(--tabButtonHeight);
    display: table-cell;
    text-align: center;
    font-size: var(--tabSettingsFontSize);
    font-variant-caps: petite-caps;
    line-height: var(--tabButtonHeight);
    color: var(--colorTabSettingsText);
    background-color: var(--colorTabSettingsBG);
    box-shadow: 0px 0px 10px 3px inset var(--colorTabSettingsShadow);
    border-right: 1px solid black;
    border-left: 1px solid black;
    cursor: pointer;
    font-family: 'Material Icons';
}

.tabHelp:hover, .tabHelpTest:hover {
    box-shadow: 0px 0px 10px 3px inset var(--colorTabSettingsShadowHover);
    background-color: var(--colorTabSettingsBGHover);
    color: var(--colorTabSettingsTextHover);
}


.tabContent, .tabContentTest {
    position: absolute;
    top: var(--tabButtonHeight);
    bottom: var(--windowMargin);
    left: 0px;
    right: 0px;
    border: var(--borderSize) solid var(--colorWindowBG);
    background-color: var(--colorPageBG);
}

.tabContentTest {
    border: var(--borderSize) solid var(--colorWindowBGTest);
    background-color: var(--colorPageBGTest);
    color: var(--colorPageFGTest);
}

.tabContentShadow > td {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: var(--sizeShadowContentsPane) calc(var(--sizeShadowContentsPane) + var(--scrollWidth)) var(--sizeShadowContentsPane) var(--sizeShadowContentsPane);
    box-shadow: inset 0px var(--sizeShadowContentsPane) var(--sizeShadowContentsPane) calc(0px - var(--sizeShadowContentsPane)) var(--colorShadowNormal), inset 0px calc(0px - var(--sizeShadowContentsPane)) var(--sizeShadowContentsPane) calc(0px - var(--sizeShadowContentsPane)) var(--colorShadowNormal), inset var(--sizeShadowContentsPane) 0px var(--sizeShadowContentsPane) calc(0px - var(--sizeShadowContentsPane)) var(--colorShadowNormal), inset calc((0px - (var(--sizeShadowContentsPane) * 1.5)) - var(--scrollWidth)) 0px var(--sizeShadowContentsPane) calc(0px - var(--sizeShadowContentsPane)) var(--colorShadowNormal);
    padding: var(--sizeShadowContentsPane) calc(var(--sizeShadowContentsPane) + var(--scrollWidth)) var(--sizeShadowContentsPane) var(--sizeShadowContentsPane);
}