.wc-tabcontrol-header
{
background-color: var(--tabcontrol-header-background);
padding-top: 20px;
padding-left: 20px;
}
.wc-tabcontrol-bar
{
background-color: var(--tabcontrol-header-background);
height: 40px;
border-bottom: 1px solid var(--tabcontrol-border);
}
.wc-tabcontrol-tabbuttons
{
background-color: rgba(0,0,0,0);
border-bottom: 1px solid rgba(0,0,0,0);
}
.wc-tabcontrol-spacer
{
position: relative;
float: left;
line-height: 39px;
display: table-cell;
font-size: 1em;
width: 20px;
}
.wc-tabcontrol-spacer-dialog
{
width: 0px;
}
.wc-tabcontrol-tab
{
position: relative;
float: left;
line-height: 36px;
top: 3px;
display: table-cell;
padding-left: 18px;
padding-right: 18px;
font-size: 1em;
border-radius: 4px;
border: 1px solid var(--tabcontrol-border);
border-bottom: 1px solid var(--tabcontrol-tab-background);
background-color: var(--tabcontrol-tab-background);
margin-right: 10px;
cursor: pointer;
}
.wc-tabcontrol-tab:hover
{
background-color: var(--tabcontrol-tab-background-hover);
}
.wc-tabcontrol-tab-tabbuttons
{
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.wc-tabcontrol-selected
{
padding-bottom: 1px;
background-color: var(--tabcontrol-selected-background);
border-bottom: 1px solid var(--tabcontrol-selected-background);
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.wc-tabcontrol-selected:hover
{
background-color: var(--tabcontrol-selected-background);
}
.wc-tabcontrol-selected-dialog
{
top: 2px;
background-color: var(--tabcontrol-selected-background);
border-bottom: 1px solid var(--tabcontrol-tab-background);
}
.wc-tabcontrol-selected-tabbuttons
{
top: 2px;
}