.pg
{
 --border: #000000;
}

.rowPrimary
{
 font-family: sans-serif;
 height: 42px;
 --unsel: #BFB8BF;
 --sel: #BFB8BF;
 border-left-color: var(--border-light);
}
.rowPrimary .tab
{
 font-size: 28px;
 height: 34px;
}
.rowPrimary .tab:not(.selTab)
{
 margin-top: 4px;
 padding-top: 2px;
}
.rowPrimary .tab.selTab
{
 padding-top: 6px;
}
.rowPrimary .tabSpace:not(.selTab)
{
 height: 34px;
 margin-top: 4px;
 padding-top: 2px;
}
.rowPrimary .tabSpace.selTab
{
 height: 41px;
}
.rowPrimary .tab.selTab + .tabSpace.selTab:not(.tabLast)
{
 background-size: 20px 4px, auto, auto;
}
.rowPrimary .tab:not(.selTab) + .tabSpace.selTab
{
 background-size: 20px 4px, auto, auto;
}
.rowPrimary + .pgContent
{
 background-color: #BFB8BF;
}

.rowSecondary
{
 border-left: 1px solid var(--border-light);
 border-right: 1px solid var(--border);
 padding-top: 12px;
 height: 34px;
 background-color: #BFB8BF;
 --unsel: #BFB8BF;
 --sel: #BFB8BF;
}
.rowSecondary .tab
{
 font-size: 20px;
 height: 26px;
}
.rowSecondary .tab:not(.selTab)
{
 margin-top: 4px;
 padding-top: 4px;
 height: 24px;
}
.rowSecondary .tab.selTab
{
 padding-top: 6px;
}
.rowSecondary .tabSpace:not(.selTab)
{
 height: 26px;
 margin-top: 4px;
 padding-top: 2px;
}
.rowSecondary .tabSpace.selTab
{
 height: 33px;
}
.rowSecondary .tab.selTab + .tabSpace.selTab:not(.tabLast)
{
 background-size: 20px 4px, auto, auto;
}
.rowSecondary .tab:not(.selTab) + .tabSpace.selTab
{
 background-size: 20px 4px, auto, auto;
}
.rowSecondary + .pgContent
{
 background-color: #BFB8BF;
}

.rowTertiary
{
 border-left: 1px solid var(--border-light);
 border-right: 1px solid var(--border);
 padding-top: 12px;
 height: 30px;
 background-color: #BFB8BF;
 --unsel: #BFB8BF;
 --sel: #BFB8BF;
}
.rowTertiary .tab
{
 font-size: 16px;
 height: 22px;
}
.rowTertiary .tab:not(.selTab)
{
 margin-top: 4px;
 padding-top: 4px;
 height: 20px;
}
.rowTertiary .tab.selTab
{
 padding-top: 6px;
}
.rowTertiary .tabSpace:not(.selTab)
{
 height: 22px;
 margin-top: 4px;
 padding-top: 2px;
}
.rowTertiary .tabSpace.selTab
{
 height: 29px;
}
.rowTertiary .tab.selTab + .tabSpace.selTab:not(.tabLast)
{
 background-size: 20px 4px, auto, auto;
}
.rowTertiary .tab:not(.selTab) + .tabSpace.selTab
{
 background-size: 20px 4px, auto, auto;
}
.rowTertiary + .pgContent
{
 background-color: #BFB8BF;
}


.rowContent
{
 padding-top: 12px;
 height: 30px;
 --unsel: #BFB8BF;
 --sel: #BFB8BF;
}
.rowContent .tab
{
 font-size: 16px;
 height: 22px;
}
.rowContent .tab:not(.selTab)
{
 margin-top: 4px;
 padding-top: 4px;
 height: 20px;
}
.rowContent .tab.selTab
{
 padding-top: 6px;
}
.rowContent .tabSpace:not(.selTab)
{
 height: 22px;
 margin-top: 4px;
 padding-top: 2px;
}
.rowContent .tabSpace.selTab
{
 height: 29px;
}
.rowContent .tab.selTab + .tabSpace.selTab:not(.tabLast)
{
 background-size: 20px 4px, auto, auto;
}
.rowContent .tab:not(.selTab) + .tabSpace.selTab
{
 background-size: 20px 4px, auto, auto;
}
.t1 + .t1 > td:first-child,
.t2 + .t2 > td:first-child,
.t3 + .t3 > td:first-child,
.tP + .tP > td:first-child
{
 border-left-color: #FFFFFF;
}


.rowNav
{
 --border-light: #FFFFFF;
 overflow-y: hidden;
 overflow-x: auto;
}
.rowNav::-webkit-scrollbar
{
 height: 0px;
}
.rowNav .tab
{
 min-width: fit-content;
 border-top-color: transparent;
 border-bottom: 1px solid var(--border-light);
 background-image: linear-gradient(to bottom, #FFFFFF 0px, #FFFFFF 1px, #DFD8DF 1px, #DFD8DF 2px, transparent 2px);
 color: #000000;
}
.rowNav .tab.selTab
{
 color: #000000;
}
.rowNav .tabSpace
{
 min-width: 20px;
 border-top-color: transparent;
 border-bottom: 1px solid var(--border-light);
 background-image: linear-gradient(to right, transparent 9px, #7F787F 9px, #7F787F 10px, #000000 10px, #000000 11px, #FFFFFF 11px, #FFFFFF 12px, #DFD8DF 12px, #DFD8DF 13px, transparent 13px),
                   linear-gradient(to bottom, #FFFFFF 0px, #FFFFFF 1px, #DFD8DF 1px, #DFD8DF 2px, var(--unsel) 2px);
}
.rowNav .tab.selTab ~ .tabSpace:not(.tabLast)
{
 background-image: linear-gradient(to right, transparent 9px, #7F787F 9px, #7F787F 10px, #000000 10px, #000000 11px, #FFFFFF 11px, #FFFFFF 12px, #DFD8DF 12px, #DFD8DF 13px, transparent 13px),
                   linear-gradient(to bottom, #FFFFFF 0px, #FFFFFF 1px, #DFD8DF 1px, #DFD8DF 2px, var(--unsel) 2px);
}
.rowNav .tabSpace.tabFirst
{
 border-top-color: transparent;
 background-image: linear-gradient(to right, var(--sel) 11px, #FFFFFF 11px, #FFFFFF 12px, #DFD8DF 12px, #DFD8DF 13px, transparent 13px),
                   linear-gradient(to bottom, #FFFFFF 0px, #FFFFFF 1px, #DFD8DF 1px, #DFD8DF 2px, var(--unsel) 2px);
}
.rowNav .tabSpace.tabLast
{
 border-top-color: transparent;
 background-image: linear-gradient(to right, transparent 9px, #7F787F 9px, #7F787F 10px, #000000 10px, #000000 11px, var(--sel) 11px),
                   linear-gradient(to bottom, #FFFFFF 0px, #FFFFFF 1px, #DFD8DF 1px, #DFD8DF 2px, var(--unsel) 2px);
}
.rowNav .tab.selTab + .tabSpace.selTab
{
 border-top-color: transparent;
 border-bottom-color: var(--sel);
 background-image: linear-gradient(to right, transparent 18px, var(--sel) 18px),
                   linear-gradient(to right, transparent 16px, #7F787F 16px, #7F787F 17px, #000000 17px, #000000 18px, #FFFFFF 18px, #FFFFFF 19px, #DFD8DF 19px, #DFD8DF 20px, transparent 20px),
                   linear-gradient(to bottom, #FFFFFF 0px, #FFFFFF 1px, #DFD8DF 1px, #DFD8DF 2px, var(--sel) 2px);
}
.rowNav .tab:not(.selTab) + .tabSpace.selTab
{
 border-top-color: transparent;
 border-bottom-color: var(--sel);
 background-image: linear-gradient(to right, var(--sel) 2px, transparent 2px),
                   linear-gradient(to right, transparent 0px, #7F787F 0px, #7F787F 1px, #000000 1px, #000000 2px, #FFFFFF 2px, #FFFFFF 3px, #DFD8DF 3px, #DFD8DF 4px, transparent 4px),
                   linear-gradient(to bottom, #FFFFFF 0px, #FFFFFF 1px, #DFD8DF 1px, #DFD8DF 2px, var(--sel) 2px);
}
.rowNav .tabSpace.selTab.tabFirst
{
 border-top-color: transparent;
 background-image: linear-gradient(to right, var(--sel) 0px, #FFFFFF 0px, #FFFFFF 1px, #DFD8DF 1px, #DFD8DF 2px, transparent 2px),
                   linear-gradient(to bottom, #FFFFFF 0px, #FFFFFF 1px, #DFD8DF 1px, #DFD8DF 2px, var(--sel) 2px);
}
.rowNav .tab.selTab + .tabSpace.selTab.tabLast
{
 border-top-color: transparent;
 background-image: linear-gradient(to right, transparent 18px, #7F787F 18px, #7F787F 19px, #000000 19px, #000000 20px, var(--sel) 20px),
                   linear-gradient(to bottom, #FFFFFF 0px, #FFFFFF 1px, #DFD8DF 1px, #DFD8DF 2px, var(--sel) 2px);
}
.rowNav .tabPre,
.rowNav .tabPost
{
 border-bottom: 1px solid var(--border-light);
 height: unset;
}
.pgContent
{
 border-left-color: #FFFFFF;
}