.vsaCircleTable, .vsaCircleTableDarkMode {
    width: 101%;
    white-space: normal;
    border-collapse: collapse;
    margin-left: -1px;
    /* font-size: 2vmin; */
    background: var( --background-color);
    margin-bottom: -1px;
}


.vsaCircleTable th {
    font-size: 14px;
    font-weight: bolder;
    background: var(--main-color);
    color: var(--header-textColor);
}

.vsaCircleTable th {
    border-collapse: collapse;
}


.vsaCircleTableRightColumn {
    padding-left: 4px;
}

.vsaCircleTableContent {
    text-align: center;
}

.vsaCircleTable_Tripple_IstSub,
.vsaCircleTable_Tripple_Ist, 
.vsaCircleTable_Tripple_IstDarkMode,
.vsaCircleTable_Tripple_SollSub,
.vsaCircleTable_Tripple_Soll, 
.vsaCircleTable_Tripple_SollDarkMode,
.vsaCircleTable_Tripple_Editable {
    background: var(--second-color-light);
    color: var( --main-color);
    text-align: left;
    white-space: nowrap;
    /* border-left: 2px solid var(--background-color);
    border-bottom: 2px solid var(--background-color);*/
    /* padding: 0.2em 0.2em 0.2em 0.2em; */
}

.vsaCircleTable_Tripple_SollSub,
.vsaCircleTable_Tripple_IstSub {    
    background-color: var(--background-color) !important;
    color: var(--circleLabel-color) !important;
    border-left: 2px solid var(--circle-fill);
    border-bottom: 2px solid var(--circle-fill);
    font-size: 12px !important;
}

.vsaCircleTableLabelColumnSub {    
    background-color: var(--background-color) !important;
    color: var(--circleLabel-color) !important;
    font-size: 12px !important;
    border-bottom: 2px solid var(--circle-fill);
}

.vsaCircleTable_Tripple_IstDarkMode, .vsaCircleTable_Tripple_SollDarkMode  {
    background: #2b2b2b;
    color: white;
}

.vsaCircleTable_Tripple_Editable {
    background: var(--color-configurable);
    color: var(--main-color);
    cursor: pointer;
}

.vsaCircleTableLabelColumn,
.vsaCircleTableLabelColumnSub,
.vsaCircleTableLabelColumnDarkMode {
    /* padding-left: 4px;
    padding-right: 4px;
    padding-top: 6px;
    padding-bottom: 6px; */
    background: var(--second-color);
    text-align: left;
    white-space: nowrap;
    color: var(--main-color);
}

.vsaCircleTableLabelColumnDarkMode {
    background: #313131;
}

.vsaLineTableContent {
    text-align: left;
    margin-top: 0em;
}

.vsaLineTable {
    margin-left: 80px;
}

.vsaCircleInfoTableContent {
    color: var(--text-color-sidePanel);
    background: var(--background-color);
    /* font-size: 1.25vmin; */
    margin-top: -1px;
}

.vsaCircleInfoTableLineLeft, .vsaCircleInfoTableLineRight,
.vsaCircleInfoTableLineLeftDarkMode, .vsaCircleInfoTableLineRightDarkMode  {
    width: 50%;
    background: var(--main-color);
    color: var(--header-textColor);
    font-size: 14px;
    font-weight: bolder;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 4px;
    text-align: left;
}

.vsaCircleInfoTableLineLeftContent, .vsaCircleInfoTableLineRightContent {
    width: 50%;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 4px;
    text-align: left;
}

.vsaCircleInfoTableLineLeftDarkMode, .vsaCircleInfoTableLineRightDarkMode {
    background: #565656;
}

.vsaCircleInfoTableLineCenter, .vsaCircleInfoTableLineCenterDarkMode {
    text-align: center;
    height: 2.4em;
    background: var(--circleLabel-color);
    color: var(--background-color);
    font-weight: bolder;
    font-size: inherit;
}

.vsaCircleInfoTableLineCenterDarkMode {
    background: #2b2b2b;
}

.vsaCircleInfoTable {
    text-align: left;
    width: 100%;
    border-spacing: 0px 1px;
    color: var(--text-color-sidePanel);
    border-bottom: 1px solid var(--main-color);
}

.vsaCircleInfoTableHead {
    font-weight: bold;
}

.vsaContent {
    /* margin-left: 4vmin; */
    border-radius: 1vmin;
    border: 1px solid var(--line-color);
    overflow: hidden;
    position: absolute;
    font-family: Ubuntu;
    /* cursor: pointer; */
    transform: translate(-50%, 2em);
    min-width: 12vw;
    margin: auto;
    margin-top: 2em;
    width: fit-content;
    font-size: 1.4vmin;
    background: var(--background-color);
    text-align: left;
    color: var(--text-color-sidePanel);
}

.vsaContent td {
    padding: 0.2em 0.2em 0.2em 0.2em;
}

.vsaContentLine{
    margin-left: 4vmin;
    border-radius: 1vmin;
    border: 1px solid var(--line-color);
    margin-top: -30%;
    overflow: hidden;
    position: absolute;
}

.vsaTimeLineValue {
    font-size: 2em;
}

.vsaHeader {
    display: table-cell;
    column-gap: 1vw;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.4em;
    flex-direction: row-reverse;
    font-size: 1.8em;
    background: var(--background-color);
}

.vsaHeaderButton {
    float: right;
    cursor: pointer;
}