.skillbar {
    display: inline-block;
}
.skillbar div { display: inline-block; }

.skillbar .skillbar-table {
    position: relative;
    width: 100%;
}

.skillbar table {
    border-collapse: collapse;
    width: 100%;
    height: 13px;
}       
.skillbar table td {
    border: 0 solid #CCCCCC;
    border-top-width: 1px;
    border-bottom-width: 1px;
}
.skillbar table td:last-child {
    border-right-width: 1px;
}
.rtl .skillbar table td:last-child { border-right-width: 0; border-left-width: 1px; }

.skillbar table td.active-level {
    border-color: #94CA43;
    background-color: #94CA43;
}

.skillbar table td.max-level:first-child, .skillbar table td.inactive-level:first-child {
    border-left-width: 1px;
}
.rtl .skillbar table td.max-level:first-child, .skillbar table td.inactive-level:first-child { border-left-width: 0; border-right-width: 1px; }

.skillbar.youth-skillbar table td.active-level {
    border-color: #63CFFF;
    background-color: #63CFFF;
}
.skillbar.youth-skillbar table td.active-level.active-level-isfull {
    border-color: #FFCF00;
    background-color: #FFCF00;
}

.skillbar.youth-skillbar table td.max-level {
	border-color: #B2E8FF;
	background-color: #B2E8FF;
}

.skillbar .skill-number {
    display: inline-block;
    /*font-weight: bold;*/
    /*font-size: 14px;*/
    width: 35px;
    margin-left: 3px;
    flex-shrink: 0;
}
.skillbar.youth-skillbar .skill-number { width: 25px; }
.skillbar .skill-number .skill-number-potential { font-weight: normal; }