@font-face {
    font-family: lato;
    src: url('fonts/lato-regular-webfont.woff2') format('woff2'), url('fonts/lato-regular-webfont.woff') format('woff'), url('Lato-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: lato;
    src: url('fonts/lato-bold-webfont.woff2') format('woff2'), url('fonts/lato-bold-webfont.woff') format('woff'), url('Lato-Bold.ttf') format('ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: impact;
    src: url('fonts/impact.woff2') format('woff2'), url('impact.woff') format('woff'), url('impact.ttf') format('ttf');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: Heebo_Black;
    src: url('fonts/sv/Heebo-Black.woff2') format('woff2'), url('fonts/sv/Heebo-Black.ttf') format('ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Heebo_Bold;
    src: url('fonts/sv/Heebo-Bold.woff2') format('woff2'), url('fonts/sv/Heebo-Bold.ttf') format('ttf');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: Heebo_ExtraBold;
    src: url('fonts/sv/Heebo-ExtraBold.woff2') format('woff2'), url('fonts/sv/Heebo-ExtraBold.ttf') format('ttf');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: Heebo_ExtraLight;
    src: url('fonts/sv/Heebo-ExtraLight.woff2') format('woff2'), url('fonts/sv/Heebo-ExtraLight.ttf') format('ttf');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: Heebo_Light;
    src: url('fonts/sv/Heebo-Light.woff2') format('woff2'), url('fonts/sv/Heebo-Light.ttf') format('ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Heebo_Medium;
    src: url('fonts/sv/Heebo-Medium.woff2') format('woff2'), url('fonts/sv/Heebo-Medium.ttf') format('ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Heebo_Regular;
    src: url('fonts/sv/Heebo-Regular.woff2') format('woff2'), url('fonts/sv/Heebo-Regular.ttf') format('ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Heebo_SemiBold;
    src: url('fonts/sv/Heebo-SemiBold.woff2') format('woff2'), url('fonts/sv/Heebo-SemiBold.ttf') format('ttf');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: Heebo_Thin;
    src: url('fonts/sv/Heebo-Thin.woff2') format('woff2'), url('fonts/sv/Heebo-Thin.ttf') format('ttf');
    font-weight: bold;
    font-style: normal;
}


body {
    background-color: #00FF00;
    font-family: Heebo_Regular;
}

:root {
    --CatsDarkBlue1: #00546A;
    --CatsLightBlue1: #8497B0;
    --CatsDarkBlue: #0026FF;
    --CatsLightBlue: #7FC9FF;
    --CatsDarkBlueL: #647BFF;
    --CatsLightBlueL: #B1DEFF;

    --space: 2px;
    --res-boarder-left: 65px;
    --res-boarder-top: 95px;
    --opacity: 0.9;
    --animation-time: 0.5s;
    --animation-time: 0.0s;
    --res-teamname-width: 210px;
    --tt-width: 30px;
    --res-teamname-color: var(--CatsDarkBlue);
    --res-teamname-color-text: white;
    --res-set-width: 40px;
    --res-set-color: var(--CatsLightBlue);
    --res-set-color-text: red;
    --res-point-width: 45px;
    --res-point-color: #2d2e38;
    --res-point-color-text: white;
    --res-serve-width: 35px;
    --s6-box-hight: 300px;
    --s6-box-width: 240px;
    --resfollow_point-width: 40px;
    --SV_color_RED: #E61F3A;
    --SV_color_DARKBLUE: #102F48;
    --SV_color_LIGHTBLUE: #5B93CD;
    --SV_color_BLUE: #416E99;
    --SV_color_YELLOW: #F9AE00;
}

@keyframes ani_FadeIn {
    from {
        opacity: 0.0;
    }

    to {
        opacity: var(--opacity);
        opacity: 1;
    }
}

div {
    box-sizing: border-box;
    font-size: 34px;
    font-weight: 300;
}

img.SV_Align_Top_Res{
    position: absolute;
    top:0px;
    left:0px;
    animation-name: ani_FadeIn;
    animation-duration: var(--animation-time);
}
img.SV_Align_Top_TeamList
{
    position:fixed;
    top:75px;
    left:650px;
    animation-name: ani_FadeIn;
    animation-duration: var(--animation-time);
    z-index: 0;

}

div.ResBoxTeams {
    position: fixed;
    top: var(--res-boarder-top);
    left: var(--res-boarder-left);
    width: var(--res-teamname-width);
    height: 82px;
    border: 0px solid #73AD21;
}

div.ResHeaderSV {
    position: absolute;
    width: 460px;
    height: 10px;
    padding-left: 10px;
    animation-name: ani_FadeIn;
    animation-duration: var(--animation-time);
    color: white;
    font-size: 20px;
    font-family: Heebo_Black;
}


div.ResBoxTeamsName {
    position: absolute;
    width: var(--res-teamname-width);
    height: 40px;
    padding-left: 60px;
    opacity: var(--opacity);
    animation-name: ani_FadeIn;
    animation-duration: var(--animation-time);
    color: white;
    font-size: 28px;
    font-family: Heebo_Regular;
}


div.ResBoxSets {
    position: fixed;
    text-align: center;
    top: 132px;
    left: 357px;
    width: 55px;
    height: 122px;
    border: 0px solid #73AD21;
}

div.ResSetRes {
    position: absolute;
    height: 53px;
    width: 53px;
    animation-name: ani_FadeIn;
    animation-duration: var(--animation-time);
    opacity: var(--opacity);
    color: white;
    font-size: 23px;
    font-family: Heebo_Bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;    
}

div.ResBoxPoints {
    position: fixed;
    text-align: right;
    top: 132px;
    left: 418px;
    width: 50px;
    height: 82px;
    border: 0px solid #73AD21;
}

div.ResPointRes {
    position: absolute;
    width: 53px;
    height: 53px;

    animation-name: ani_FadeIn;
    animation-duration: var(--animation-time);
    opacity: var(--opacity);
    
    color: white;
    font-size: 29px;
    font-family: Heebo_Bold;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;    
}

div.ResBoxServe {
    position: fixed;
    text-align: right;
    top: 132px;
    left: 474px;
    width: 53px;
    height: 120px;
    border: 0px solid #000000;
}

div.ResServeTeam {
    position: absolute;
    width: 53px;
    height: 53px;
    animation-name: ani_FadeIn;
    background-image: url("/SV_Lib/grafik_01_punkt.png");
    background-size: 52px 52px;
    background-repeat: no-repeat;
    background-position: center;
}


div.AddInfosRes {
    position: fixed;
    top: var(--res-boarder-top);
    left: var(--res-boarder-left);
    width: var(--res-teamname-width);
    height: 82px;
    border: 0px solid #73AD21;
}

div.StartingSixTitle{
    position: fixed;
    top: 169px;
    left: 920px;
    width: 80px;
    height: 30px;
    font-family: Heebo_Black;
    font-size: 20px;
    color: white;
    z-index: 10;
    text-align: center;
}

div.StartingSixTeamName{
    position: fixed;
    top: 199px;
    left: 790px;
    width: 380px;
    height: 50px;
    font-family: Heebo_ExtraBold;
    font-size: 40px;
    color: white;
    z-index: 10;
    text-align: center;
    border: 0px solid #FF0000;
}

div.StartingSixBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 1920px;
    height: 1080px;
    background-image: url("SV_Lib/grafik_04_Starting_Screen_NoBG.png");
    background-size: 1920px 1080px;
    background-repeat: no-repeat;
    background-position: center;
}

div.StartingSixColor {
    position: fixed;
    top: 210px;
    left: 760px;
    width: 40px;
    height: 40px;
    background-color: rebeccapurple;
    z-index: -11;
}

div.S6PeopleBox {
    position: fixed;
    text-align: center;
    width: 265px;
    height: 150px;
    border: 0px solid #FF0000;
    background-size: auto 115px;
    background-repeat: no-repeat;
    background-position: bottom 35px left;
}

div.S6PeopleBoxName{
    position: absolute;
    text-align: left;
    top: 112px;
    line-height: 35px;
    overflow: hidden;
    padding-left: 38px;
    padding-top: 1px;
    width: 100%;
    height: 35px;
    background-color: var(--SV_color_DARKBLUE);
    font-family: Heebo_Regular;
    font-size: 20px;
    color: white;
    z-index: 8;
}

div.S6PeopleBoxNo{
    position: absolute;
    text-align: right;
    top: 112px;
    line-height: 35px;
    overflow: hidden;
    padding-left: 5px;
    padding-top: 1px;
    width: 30px;
    height: 35px;
    font-family: Heebo_Bold;
    font-size: 20px;
    font-weight: bold;
    color: white;
    z-index: 10;
}

div.TimeOut {
    position: fixed;
    top: var(--res-boarder-top);
    left: 475px;
    width: 182px;
    height: 52px;
    border: 0px solid #000000;
    animation-duration: var(--animation-time);
}

div.TimeoutText {
    float: left;
    text-transform: uppercase;
    height: 30px;
    width: 140px;
    padding-left: 5px;
    font-size: 20px;
    font-family: Heebo_Black;
    background: var(--SV_color_RED);
    color: white;
    animation-name: ani_FadeIn;
    animation-duration: var(--animation-time);
}

div.spin-in-time {
    opacity: 0.0;
    height: 53px;
    width: 53px;

    text-align: center;
    font-family: Heebo_Bold;
    font-size: 29px;
    padding-top: 5px;
    margin-left: 2px;

    background: var(--SV_color_DARKBLUE);
    color: var(--SV_color_YELLOW);
    transform: translateX(0) rotate(0deg);
    transition: all .75s ease;
}

div.spin-in-time-show2 {
    transform: translateX(142px) rotate(720deg);
    opacity: 1;
}

div.AddInfo
{
    position: fixed;
    top: 133px;
    left: 475px;
    left: 359px;
    width: 1200px;
    height: 160px;
    display:block; 
    z-index: 30;
    /*border:1px black solid    */
}

div.AddInfoNumbersSet
{
    position: absolute;
    left: 294px;
    top: 38px;
    width: 52px;
    height: 52px;
    display:block; 
    background: var(--SV_color_DARKBLUE);
    text-align: center;
    color: white;
    font-family: Heebo_Bold;
    font-size: 23px;
    padding-top: 9px;
    
}

div.AddInfoNumbersCurrSet
{
    position: absolute;
    left: 352px;
    top: 38px;
    width: 52px;
    height: 52px;
    display:block; 
    background: var(--SV_color_BLUE);
    text-align: center;
    color: white;
    font-family: Heebo_Bold;
    font-size: 29px;
    padding-top: 6px;
    
}


div.AddInfoDesc
{
    position: absolute;
    width: 210px;
    height: 30px;
    left: 294px;
    top: 160px;
    top: 0px;
    display:block; 
    background: var(--SV_color_RED);
    text-align: left;
    padding-left: 10px;
    color: white;
    font-family: Heebo_Black;
    font-size: 20px;
}

div.ResFollow {
    position: fixed;
    top: 95px;
    left: 65px;
    width: 1200px;
    height: 120px;
    border: 0px solid #000000;
}


div.ResFollowFrame {
    position:absolute;

    top: 38px;
    left: 294px;
    width: 1200px;
    height: 120px;
    border: 0px solid #000000;
    animation-name: ani_FadeIn;
    animation-duration: var(--animation-time);
}


div.ResFollowPoint {
    float: left;
    width: 56px;
    height: 110px;
    border: 0px solid white;
}

div.ResFollowPointWon{
    margin: auto;
    width: 52px;
    height: 52px;
    position: absolute;
    top: 42px;
    font-family: Heebo_Bold;
    padding-top: 6px;
    font-size: 29px;
    color:var(--SV_color_YELLOW);
    text-align: center;
    background-color: #5891C8;
    background-color: #002C46;
}

div.FollowResNoPoint
{
    font-family: Heebo_Regular;
    padding-top: 13px;
    font-size: 20px;
    color: white;
}

.button {
    background-color: blue;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    position: fixed;
    bottom: 50px;
}

div.TeamListTeamName {
    position: fixed;
    text-align: left;
    top: 120px;
    left: 745px;
    width: 400px;
    color: white;
    font-size: 40x;
    font-family: Heebo_ExtraBold;
    z-index: 1;
}

div.TeamHomeTitle {
    position: fixed;
    text-align: left;
    top: 75px;
    left: 655px;
    width: 400px;
    color: white;
    font-size: 20px;
    font-family: Heebo_Black;
    z-index: 1;
}


table.TeamList {
    position: fixed;
    top: 180px;
    left: 650px;
    width: 621px;
    opacity: 1;
}        

tr.TeamList:nth-child(odd) {
    background: var(--SV_color_BLUE);
    font-family: Heebo_Regular;
    color: white;
    font-size: 20px;
    border-left: 0px solid;
    border-right: 0px solid;
    border-right-width: 0px;
    color: white;
    height: 35px;
    opacity: 1;
}

tr.TeamList:nth-child(even) {
    background: var(--SV_color_DARKBLUE);
    font-family: Heebo_Regular;
    color: white;
    font-size: 20px;
    border-left: 0px solid;
    border-right: 0px solid;
    height: 35px;
    opacity: 1;
}

div.S6TeamName {
    position: fixed;
    text-align: right;
    top: 86px;
    left: 5px;
    width: 1300px;
    color: white;
    font-size: 94px;
    font-family: impact;
}

div.S6TeamListLeftTitle {
    position: fixed;
    top: 400px;
    left: 1300px;
    color: white;
    font-weight: bold;
    font-size: 40px;
    text-shadow: black 1px 0 10px;
    Font-family: impact;
}

table.S6TeamListLeft {
    position: fixed;
    top: 460px;
    left: 1300px;
    width: 560px;
}

div.S6TeamListRightTitle {
    position: fixed;
    top: 400px;
    left: 100px;
    color: white;
    font-weight: bold;
    font-size: 40px;
    text-shadow: black 1px 0 10px;
    Font-family: impact;
}


table.S6TeamListRight {
    position: fixed;
    top: 460px;
    left: 100px;
    width: 560px;
}

table {
    border-collapse: separate;
    border-spacing: 0px 5px;
}

tr:nth-child(odd) {
    background: var(--CatsDarkBlue);
    font-size: 20px;
    font-weight: bold;
    border-left: 0px solid;
    border-right: 0px solid;
    border-right-width: 0px;
    color: white;
    opacity: 0.8;
    height: 45px;
}

tr:nth-child(even) {
    background: var(--CatsLightBlue);
    font-size: 20px;
    border-left: 0px solid;
    border-right: 0px solid;
    font-weight: bold;
    color: black;
    opacity: 0.8;
    height: 45px;
}

tr.TeamSpace{
    height: 8px;
    padding: 0;
}

th {
    background: var(--SV_color_RED);
    font-size: 20px;
    color:white;
    font-family: Heebo_SemiBold;
}

.tt_head {
    background: var(--CatsDarkBlue);
}

.tt_no {
    width: 60px;
    text-align: center;
    font-family: Heebo_Bold;
}

.tt_name {
    width: 250px;
    text-align: left;
}

.tt_pos {
    width: 100px;
    text-align: left;
}

.tt_size {
    width: 80        px;
    text-align: right;
}

.tt_age {
    width: 70px;
    text-align: right;
}

.tt_nat {
    width: 55px;
    text-align: left;
    padding-left: 15px;
}
.tt_Las {
    width: 40px;
    text-align: center;
    padding-left: 15px;
}

.tt_S6pos {
    width: 40px;
    text-align: center;
}

div.SubFlyIn_GameInfo {
    margin-left:  300px;
    opacity: 1;
}

div.SubFlyOut_GameInfo {
    margin-left:  3000px;
    opacity: 0;
    transform: translateX(0) rotate(90deg);
    transition: all .75s ease;

}


div.GameInfo {
    position: fixed;
    top: 600px;
    left: 64px;
    width: 660px;
    height: 120px;
    border: 0px solid blue;
}

div.GameInfoTitle {
    width: 320px;
    text-transform: uppercase;
    height: 30px;
    border: 0px solid blue;
    background-color: var(--SV_color_RED);
    font-family: Heebo_Black;
    font-size: 20px;
    text-align: left;
    line-height: 30px;
    overflow: hidden;
    vertical-align: top;
    color: white;
    padding-left: 5px;
    margin-bottom: 8px;
    margin-top: 20px;
}

div.GameInfoLine {
    width: 580px;
    height: 35px;
    column-count: 2;
    column-width: 1rem;
    line-height: 35px;
    padding-left: 10px;
    margin-left: 80px;
    font-family: Heebo_Regular;
    font-size: 20px;
    color: white;
    background: var(--SV_color_DARKBLUE);
    margin-bottom: 4px;
}

div.GameInfoLineEven {
    background: var(--SV_color_BLUE);
}


div.PersInfo {
    position: fixed;
    top: 800px;
    left: 300px;
    width: 660px;
    height: 120px;
    border: 0px solid blue;
}

div.PersInfoTeamName {
    width: 320px;
    height: 40px;
    border: 0px solid blue;
    background-color: red;
    font-family: impact;
    font-size: 30px;
    text-align: left;
    line-height: 40px;
    overflow: hidden;
    vertical-align: bottom;
    color: white;
    padding-left: 10px;
}

div.PersInfoName {
    width: 580px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    margin-left: 80px;
    font-size: 20px;
    font-weight: bold;
    background: var(--CatsDarkBlue);
    color: white;
    border-color: red;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
}

div.PersInfoAdd {
    width: 580px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    margin-left: 80px;
    font-size: 20px;
    font-weight: bold;
    background: var(--CatsDarkBlue);
    color: white;
}

/*  New Personal-Info style */ 
div.SVPersInfo {
    position:absolute;
    top: 770px;
    left: 65px;
    width: 890px;
    height: 210px;
    border: 0px solid white;
}
div.SVPersTitle {
    position:absolute;
    top: 0px;
    left: 0px;
    width: 440px;
    height: 67px;
    background-color:var(--SV_color_RED);
    border: 0px solid white;
    padding-left: 10px;
    font-family: Heebo_ExtraBold;
    font-size: 45px;
    color: white;
}

div.SVPersNoName {
    position:absolute;
    top: 75px;
    left: 0px;
    width: 455px;
    height: 60px;
    background-color:var(--SV_color_DARKBLUE);
    border: 0px solid white;
    padding-top: 7px;
    padding-left: 70px;
    font-family: Heebo_Regular;
    font-size: 33px;
    color: white;
}
div.SVPersNo{
    position:absolute;
    top: 75px;
    left: 0px;
    width: 455px;
    height: 60px;
    padding-top: 7px;
    padding-left: 10px;
    font-family: Heebo_Bold;
    font-size: 33px;
    color: white;
    z-index: 10;
}

div.SVPersPos {
    position:absolute;
    top: 75px;
    left: 461px;
    width: 182px;
    height: 60px;
    background-color:var(--SV_color_DARKBLUE);
    border: 0px solid white;
    padding-top: 14px;
    text-align: center;
    font-family: Heebo_Regular;
    font-size: 23px;
    color: white;
}

div.SVPersSize {
    position:absolute;
    top: 75px;
    left: 643px;
    width: 100px;
    height: 60px;
    background-color:var(--SV_color_DARKBLUE);
    border-left: 3px solid var(--SV_color_BLUE);
    padding-top: 14px;
    font-family: Heebo_Regular;
    font-size: 23px;
    text-align: center;
    color: white;
}
div.SVPersAge {
    position:absolute;
    top: 75px;
    left: 743px;
    width: 115px;
    height: 60px;
    background-color:var(--SV_color_DARKBLUE);
    border-left: 3px solid var(--SV_color_BLUE);
    padding-top: 14px;
    font-family: Heebo_Regular;
    font-size: 23px;
    text-align: center;
    color: white;
}

div.SVPersAttack {
    position:absolute;
    top: 141px;
    left: 0px;
    width: 240px;
    height: 60px;
    background-color:var(--SV_color_DARKBLUE);
    border: 0px solid white;
    padding-top: 14px;
    font-family: Heebo_Regular;
    font-size: 23px;
    text-align: center;
    color: white;
}

div.SVPersServe {
    position:absolute;
    top: 141px;
    left: 240px;
    width: 250px;
    height: 60px;
    background-color:var(--SV_color_DARKBLUE);
    border-left: 3px solid var(--SV_color_BLUE);
    padding-top: 14px;
    font-family: Heebo_Regular;
    font-size: 23px;
    text-align: center;
    color: white;
}

div.SVPersBlock {
    position:absolute;
    top: 141px;
    left: 490px;
    width: 115px;
    height: 60px;
    background-color:var(--SV_color_DARKBLUE);
    border-left: 3px solid var(--SV_color_BLUE);
    padding-top: 14px;
    font-family: Heebo_Regular;
    font-size: 23px;
    text-align: center;
    color: white;
}

div.SVPersTotal {
    position:absolute;
    top: 141px;
    left: 605px;
    width: 205px;
    height: 60px;
    background-color:var(--SV_color_RED);
    padding-top: 0px;
    font-family: Heebo_Bold;
    padding-top: 8px;
    line-height: 25px;
    font-size: 23px;
    text-align: center;
    color: white;
}



/* end new personal-info style*/


/* SUBSITUTION *******************************/

div.Substitution {
    position: fixed;
    top: 770px;
    left: 65px;
    width: 660px;
    height: 220px;
    border: 0px solid blue;
}

img.SubBackground{
    position: absolute;
    top:0px;
    left:0px;
    z-index: -1;
}

div.SubstitutionTeamName {
    position: absolute;
    top: 2px;
    width: 440px;
    height: 80px;
    font-family: Heebo_ExtraBold;
    font-size: 45px;
    text-align: left;
    overflow: hidden;
    vertical-align: bottom;
    color: white;
    padding-left: 10px;
}

div.SubstitutionInNo {
    position: absolute;
    top: 163px;
    left: 570px;
    width: 50px;
    font-family: Heebo_Bold;
    font-size: 33px;
    text-align: left;
    vertical-align: bottom;
    color: white;
    /*border:white 1px solid;*/
}

div.SubstitutionIn {
    position: absolute;
    top: 163px;
    left: 130px;
    width: 420px;
    font-family: Heebo_Regular;
    font-size: 33px;
    text-align: right;
    vertical-align: bottom;
    color: white;
    /*border:white 1px solid;*/
}

div.SubstitutionOutNo {
    position: absolute;
    top: 95px;
    left: 30px;
    width: 50px;
    font-family: Heebo_Bold;
    font-size: 33px;
    text-align: right;
    vertical-align: bottom;
    color: white;
    /*border:white 1px solid;*/
}

div.SubstitutionOut {
    position: absolute;
    top: 95px;
    left: 95px;
    font-family: Heebo_Regular;
    font-size: 33px;
    text-align: left;
    vertical-align: bottom;
    color: white;
    /*border:white 1px solid;*/
}



div.ResTeamColor {
    position: fixed;
    left: 70px;
    width: 45px;
    height: 45px;
    z-index: -1;
    animation-name: ani_FadeIn;
    animation-duration: calc(var(--animation-time)*2);
    animation-delay:100ms;    
}

div.TeamTeamColor {
    position:absolute;
    left: 670px;
    top: 112px;
    width: 55px;
    height: 55px;
    z-index: -1;
}


/* -------------------- SetStat ------------------------------ */
div.SetStat {
    position: fixed;
    top: 850px;
    left: 110px;
    width: 1600px;
    height: 92px;
    border: 1px solid blue;
    background: rgb(DD, DD, DD);
    font-size: 35px;
    Font-family: impact;
    text-shadow: black 1px 0 10px;
    color:white;
    font-weight: bold;
}

div.PointH{
    text-shadow:none;
    position: absolute;
    padding-top: 2px;
    width: 25px;
    height: 25px;
    text-align: center;
    background: var(--SV_color_DARKBLUE);
    font-size: 15px;
    color: white;
    font-family: Heebo_Black;
}
div.PointH_{
    text-shadow:none;
    position: absolute;
    width: 25px;
    padding-top: 2px;
    height: 25px;
    text-align: center;
    background: var(--SV_color_LIGHTBLUE);
    font-size: 15px;
    color: white;
    font-family: Heebo_Regular;
}

div.TimeOutItem{
    position: absolute;
    width: 25px;
    padding-top: 2px;
    height: 25px;
    text-align: center;
    opacity: 0.7;
    font-size: 17px;
    color: white;
    background: var(--SV_color_RED);
}

div.SetTime{
    position: absolute;
    width: 100px;
    height: 70px;
    text-align:center;
    opacity: 1.0;
    font-size: 24px;
    color: white;
    left: -55px;
    top: 10px;
    transform: rotate(-90deg);
    border: 0px solid var(--SV_color_DARKBLUE);
    font-family: Heebo_Black;

}

div.SetBreakDiv{
    position: fixed;
    top: 700px;
    left: var(--res-boarder-left);
    width: 500px;
    height: 110px;
    text-align: left;
    border-color: white;
    border: 0px solid;

    
    opacity: var(--opacity);
    animation-name: ani_FadeIn;
    animation-duration: var(--animation-time);
}

div.SetBreakTitle{
    position: absolute;
    padding-left:10px;
    width: 140px;
    height: 25px;
    text-align: left;
    font-family: Heebo_Regular;
    background: var(--SV_color_RED);
    font-size: 17px;
    color: white;
    font-weight: bold;
}
div.SetBreakTitleTime{
    position: absolute;
    left: 140px;
    width: 60px;
    height: 25px;
    font-family: Heebo_Regular;
    padding-right: 10px;
    opacity: 0.7;
    text-align: right;
    background: var(--SV_color_RED);
    font-size: 17px;
    color: white;
    font-weight: bold;
}
div.SetBreakText {
    width: 200px;
    height: 40px;
    color: white;
    font-family: Heebo_Regular;
    background-color: var(--SV_color_LIGHTBLUE);
    padding: 2px;
    padding-left: 5px;
    font-size: 25px;
    position: absolute;
}

div.SetBreakSet {
    width: 40px;
    height: 40px;
    margin-bottom: 2px;
    font-size: 20px;
    font-family: Heebo_Bold;
    position: absolute;
    text-align: center;
    padding-top: 6px;
    background-color: var(--SV_color_DARKBLUE);
    color: white;
}

div.SetBreakPoints {
    width: 45px;
    height: 40px;
    margin-bottom: 2px;
    font-size: 25px;
    position: absolute;
    text-align: center;
    font-family: Heebo_Bold;
    padding-top: 2px;
    background-color: var(--SV_color_BLUE);
    color: white;
}



/*--Set Starting Six ---------------------------------------------- */

    table.SetStartingSixTable
    {
        margin-left: 100px;
        border-collapse: collapse;
        border-spacing: 0;
    }
    div.SetStartingSix{
        position: fixed;
        bottom: 80px;
        left: 60px;
        width: 800px; 
    }

    div.SetStartingSixTeamName {
        margin-top: 30px;
        width: 280px;
        height: 40px;
        font-family: Heebo_ExtraBold;
        font-size: 26px;
        text-align: left;
        line-height: 40px;
        overflow: hidden;
        vertical-align: bottom;
        color: white;
        padding-left: 40px;
        background-image: url("/SV_Lib/StartingSixSet_Header.png");
        margin-bottom: 6px;
    }

    .SetStartingSixTable tr{
        font-size: 16px;
        border-left: 0px solid;
        border-right: 0px solid;
        border-right-width: 0px;
        height: 24px;
        line-height: 24px; 
        border-bottom: 3pt solid  #00FF00;
    }

    .SetStartingSixTable tr:nth-child(odd) {
        background: var(--CatsDarkBlue);
        color: white;
        opacity: 1.0;
    }

    .SetStartingSixTable tr:nth-child(even) {
        background: var(--CatsLightBlue);
        color: black;
        opacity: 1.0;
    }

    
    .SetStartingSixHead tr, th, thead{
        height: 15px;
        line-height: 15px;
        font-family: Heebo_Regular;
        font-size: 14px;
        background-color: var(--SV_color_RED);
    }

    .blackFont{
        color: white;
    }
    .tt_S6pos_DL
    {
        /*background: var(--SV_color_BLUE);*/
        border-left: 3pt solid  #00FF00;
        
    }
    .tt_S6pos_LL
    {
        /*background: var(--SV_color_LIGHTBLUE); */
        border-left: 3pt solid  #00FF00;
    }

    .tt_S6posSXSet {
        width: 40px;
        text-align: center;
        border-left: 3pt solid  #00FF00;
    }

    .tt_S6posSXSet {
        width: 40px;
        text-align: center;
        border-left: 3pt solid  #00FF00;
    }


    .tt_noSXSet {
        width: 60px;
        text-align: center;
    }

    .tt_nameSXSet {
        width: 250px;
        text-align: left;
    }

    .tt_posSXSet {
        width: 100px;
        text-align: left;
    }


    /* .SetStartingSixTable col:first-child {background: #FF0}
    .SetStartingSixTable col:nth-child(2n+3) {background: #CCC} */

    /* ---------------- Add. Infos to Res like Aces, etc...  --------- */

    @keyframes ani_LeftToRigth {
        from {
            transform: scaleX(0.0);

        }
    
        to {
            transform: scaleX(1.0);
        }
    }

    @keyframes ani_RigthToLeft {
        from {
            transform: scaleX(1.0);

        }
    
        to {
            transform: scaleX(0.0);
        }
    }


    .AniR2L{
        animation-name: ani_RigthToLeft;
        animation-duration: var(--animation-time);
    }
    .AniL2R{
        animation-name: ani_LeftToRigth;
        animation-duration: var(--animation-time);
    }