@font-face {
      font-family: 'KlevaKidsTrace';
      src: url('KlevaKidsTrace.otf');
    }
    
    .body {
        font: tahoma;
        color: black;
        font-size: 1vw;
        text-align: center;
    }


    
    .skvaPopModal {
        display: none;
        position: fixed;
        z-index: 20;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.4);
    }
    
    
    .skvaPopWarning{
        position: fixed;
        border-radius: 2em;
        width: 25vw;
        height: 25vh;
        background: white;
        border: .25vw solid red;
        padding: 1vw;
        top: 15vh;
        right: 28.5vw;
        z-index: 10;
        display: block;
    }
        
        
    .skvaPopHead{
        border-bottom: solid red .25vw;
        position: relative;
        color: red;
        height:4vh;
        line-height: 4vh;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2vw;
    }
        
    .skvaPopMessage{
        position: relative;
        margin-top: 1vh;
        color: blue;
        height:4vh;
        line-height: 4vh;
        text-align: CENTER;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2vw;
    }

    .skvaPopMesPrint{
        position: relative;
        margin-top: 3vh;
        color: blue;
        height:4vh;
        line-height: 4vh;
        text-align: center;
        text-decoration: underline;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2vw;
    }

    .skvaPopMesPrint:hover {
        cursor: pointer;
        color: red;
    }

    .skvaPopGrid{
        display: grid;
        grid-template-columns:   10% 45% 45%;
        position: relative;
        margin-top: 2vh;
        height:10vh;
    }
    
    .skvaPopYes{
        visibility: visible;
        border: solid black .25vw;
        margin-top: 1.25vh;
        border-radius: 6em;
        height: 60%;
        width: 80%;
        position: relative;
        background-color: LimeGreen;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2vw;
    }

    .skvaPopYes:hover {
        cursor: pointer;
        color: black;
        background-color: yellow;
        border: dashed black .25vw;
    }
        
    .skvaPopNo{
        visibility: visible;
        border: solid black .25vw;
        border-radius: 6em;
        margin-top: 1.25vh;
        height: 60%;
        width: 80%;
        position: relative;
        background-color: red;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2vw;
    }

    .skvaPopNo:hover {
        cursor: pointer;
        color: black;
        border: dashed black .25vw;
    }

    .skvaPopSetup{
        position: fixed;
        border-radius: 2em;
        width: 60vw;
        height: 80vh;
        background: white;
        border: .25vw solid green;
        padding: 1vw;
        top: 1vh;
        right: 25vw;
        z-index: 10;
        display: block;
    }

    .skvaPopSetupHead{
        position: relative;
        color: green;
        height:4vh;
        line-height: 4vh;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2.5vw;
    }

    .skvaSetupHeadGrid{
        display: grid;
        grid-template-columns: 13% 73.5% 13.5%;
        position: relative;
        margin-top: 1vh;
    }

    .skvaStepBtn{
        border: solid black .25vw;
        border-radius: 6em;
        width: 8vw;
        margin-bottom:1vh;
        position: relative;
        background-color: red;
        color: white;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .skvaSetupGrid{
        display: grid;
        grid-template-columns: 33% 33% 33%;
        position: relative;
        margin-top: 1vh;
    }

     .skvaPopStepGrid{
        display: grid;
        grid-template-columns: 63% 37%;
        border-top: solid green .25vw;
        border-bottom: solid red .25vw;
        position: relative;
        /* margin-top: 1vh; */
    }
   
    .skvaPopStep{
        position: relative;
        color: red;
        height:4vh;
        line-height: 4vh;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }
  
    .skvaMenu_men{
    /* border: dashed black .25vw; */
    visibility: visible;
    width: 98vw;
    height: 96vh;
    }
    
/* NAV TITLE */
    .skvaTitleRow_Nav{
        border: none;
        /* background-color: green; */
        padding-top: .25vh;
        color: white;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2vw;
        height: 5vh;
    }
    
    .skvaLine_Nav{
        border: none;
        background-color: silver;
        height: 1.5vh
    }
    
    .skvaLabelsGrid_Men{
        display: grid;
        grid-template-columns: 9.5vw 20vw 20vw 20vw 20vw 9.5vw;
		border: none;
        background-color: white;
        margin-top: .5vh;
    }

    .skvaLabels_Men{
        visibility: visible;
        border: solid black .2vw;
        position: relative;
        height: 6vh;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2.1vw;
    }
    
    .skaHelp{
        position: absolute;
        visibility: hidden;
        z-index: 1;
        height: 2.6vh;
        background-color: red;
        color: yellow;
        text-align: center;
        border-radius: .5em;
        padding: .5vh;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.3vw;
    }
    
    .skvaButtonGrid_Men{
        visibility: hidden;
        display: grid;
        grid-template-columns: 9.5vw 20vw 20vw 20vw 20vw 9.5vw;
        width: 100%;
        height: 75%;
        /* border: solid red .2vw; */
        background-color: white;
        text-align: center;
        padding-top: .1vh;
        padding-bottom: 1vh;
        margin-top: .1vh;
    }
    
    .skvaButtonRow_Men{
        /* visibility: hidden; */
        border: .25vw solid black;
        border-radius: 6em;
        height: 7vh;
        width: 95%;
        position: relative;
        padding-top: 0vh;
        margin: auto;
        margin-bottom: .25vh;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }
    
    .skvaSkillInstructLabel_Nav{
        display: grid;
        grid-template-columns: 1% 11% 87% 1%;
        visibility: visible;
        height: 3.2vh;
        border: solid .25vw red;
        background-color: white;
        color: red;
        padding-left: .25vw;
        padding-right: .25vw;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.2vw;
    }

    .skvaSkillInstructClose_Nav{
        border: none;
        position: relative;
        text-align: center;
        color: black;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.2vw;
    }

    .skvaSkillInstructClose_Nav .tooltiptext {
      visibility: hidden;
      width: 9vw;
      height: 3.8vh;
      background-color: red;
      color: yellow;
      text-align: center;
      border-radius: .5em;
      padding-top: .75vh;
      /* Position the tooltip */
      position: absolute;
      z-index: 1;
      top: -5vh;
      left: -8vw;
    }

    .skvaSkillInstructClose_Nav:hover .tooltiptext {
      visibility: visible;
}

    .skvaSkillInstructClose_Nav:hover {
        cursor: pointer;
        color: yellow;
        background-color: black;
        font-weight: bold;
    }

    .skvaSkillInstructHelp_Nav{
        border: none;
        position: relative;
        text-align: center;
        color: black;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.2vw;
         position: relative;
    }

    .skvaSkillInstructHelp_Nav .tooltiphelp {
         visibility: hidden;
         width: 13vw;
         height: 3.8vh;
         background-color: red;
         color: yellow;
         text-align: center;
         border-radius: .5em;
         padding-top: .75vh;
         /* Position the tooltip */
         position: absolute;
         z-index: 1;
         top: -6vh;
         left: 0vw;
    }

    .skvaSkillInstructHelp_Nav:hover .tooltiphelp {
        visibility: visible;
}

    .skvaSkillInstructHelp_Nav:hover {
        cursor: pointer;
        color: yellow;
        background-color: black;
        font-weight: bold;
    }
    
    .skaHelp{
        position: absolute;
        z-index: 1;
        height: 2.6vh;
        background-color: red;
        color: yellow;
        text-align: center;
        border-radius: .5em;
        padding: .5vh;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.3vw;
    }

    .skaMethod{
        position: absolute;
        border: solid red .25vw;
        visibility: hidden;
        z-index: 1;
        height: 2.6vh;
        background-color: white;
        color: red;
        border-radius: .5em;
        padding: .5vh;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.3vw;
        top: -3vh;
    }

    .skvaSkillBottom_Nav{
        display: grid;
        grid-template-columns: 6.5% 15% 1% 10% 1% 10% 1% 10% 1% 10% 1% 10% 1% 10% 1% 10%;
        border: none;
        position: relative;
        height: 5.4vh;
        color: black;
        text-align: center;
        font-weight: normal;
        font-family: tahoma;
        font-size: 1.3vw;
    }

    .skvaSkillBottomDivide{
        position: relative;
        height: 5vh;
        line-height: 5.5vh;
        color: white;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.3vw;
    }

    .skvaSkillBottomBtn_Nav{
        border: none;
        position: relative;
        height: 5vh;
        color: white;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.3vw;
    }

    .skvaSkillBottomBtn_Nav:hover {
        cursor: pointer;
        border: dashed black .25vw;
        color: black;
    }

    .skvamodal {
        display: none;
    }

    .skvaDiscussGrid{
        display: grid;
        grid-template-columns:   40.5% 40.5% .5% 18%;
        position: relative;
        border:  none;
        height: 91.5vh;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
    }

    .skvaPanel_Dis{
        border: solid black .2vw;
        position: relative;
        width: 100%;
        height: 99.3%;
        color: black;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2vw;
    }

    .skvaPanel_RSI{
        border: none;
        position: relative;
        margin-left: 1vw;
        margin-top: 1vh;
        width: 97%;
        height: 98%;
        color: black;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2vw;
    }

    .skvaPanelBtn_Grid{
        display: grid;
        grid-template-columns:   38% 24% 38%;
        position: relative;
        margin-top:1vh;
    }
        
    .skvaPanelSec_Dis{
        border: solid black .2vw;
        position: relative;
        width: 100%;
        height: 50%;
        color: black;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2vw;
    }
    
    .skvaTitleBlock{
        border: .2vw solid black;
        width: 98.5%;
    }
    
    
    .skvaModTitleRow_Men{
        border: solid black .1vw;
        position: relative;
        height: 3.2vh;
        line-height: 3vh;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1vw;
}

    .skvaInstructGrid{
        visibility: visible;
    }

    .skvaInstructLabel{
        border-top: solid red .25vw;
        border-left: solid red .25vw;
        border-right: solid red .25vw;
        border-bottom: none;
        height:4vh;
        padding-left: .25vw;
        color: red;
        line-height: 3vh;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .skvaInstructClose{
        border-left: solid red .25vw;
        height:100%;
        color: black;
        line-height: 4vh;
        float: right;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2vw;
    }

    .skvaInstructClose .tooltiptext_1 {
        visibility: hidden;
        width: 9vw;
        height: 3.8vh;
        background-color: red;
        color: yellow;
        text-align: center;
        border-radius: .5em;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.2vw;
      
      /* Position the tooltip */
      position: absolute;
      z-index: 1;
      top: 7vh;
      right: 0vw;
    }

    .skvaInstruct{
        border: solid red .25vw;
        height:12vh;
        padding: .25vw;
        line-height: 2vh;
        color: red;
        text-align: left;
        font-weight: normal;
        font-family: tahoma;
        font-size: 1vw;
    }
    
    .skvaInstructClose:hover .tooltiptext_1 {
      visibility: visible;
    }
    
    .skvaInstructClose:hover {
        cursor: pointer;
        color: yellow;
        background-color: black;
        font-weight: bold;
    }
    
    .skvaOrches{
        background-color: white;
        border: .25vw solid black;
        position: relative;
        height: 7.5vh;
        margin-top: 1vh;
        margin-left: 3.7vw;
        width: 60%;
        color: black;
    }

    .skvaOrchesLabel{
        border-bottom: .2vw solid black;
        position: relative;
        height: 3vh;
        line-height: 3vh;
        width: 100%;
        background-color: orange;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1vw;
    }

    .skvaOrcBtn{
        background-color: white;
        position: relative;
        height: 4vh;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2vw;
    }

    .skvaOrcBtn:hover {
        cursor: pointer;
        color: red ;
        font-weight: bold;
    }

    .skvaOrcText{
        visibility: visible;
        border: none;
        height: 4vh;
        width: 10.4vw;
        line-height: 4vh;
        position: relative;
        padding-left: .2vw;
        background-color: white;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .skvaOrcText_1{
        visibility: visible;
        border: none;
        height: 4vh;
        width: 11vw;
        line-height: 4vh;
        position: relative;
        padding-left: .2vw;
        background-color: white;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }
    
    
    .skvaOrcAction{
        background-color: silver;
        border: none;
        border-left: .25vw solid black;
        float: right;
        position: relative;
        height: 3vh;
        width: 2vw;
        line-height: 1vh;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }
    
    .skvaOrcAction:hover {
        cursor: pointer;
        color: black;
        background-color: yellow;
        border: dashed black .25vw;
    }
    
    .skvaBtnQA{
        background-color: white;
        border: .25vw solid black;
        border-radius: 6em;
        position: relative;
        height: 5.2vh;
        width: 15vw;
        margin:.25vh;
        color: white;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }


    .skvaBtnDiscusQ{
        background-color: FireBrick;
        margin-left: .1vw;
        border: .25vw solid black;
        border-radius: 6em 0em 0em 6em;
        position: relative;
        height: 5.2vh;
        width: 100%;
        color: white;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .skvaBtnDiscusH{
        background-color: DarkOrchid;
        border: .25vw solid black;
        position: relative;
        height: 5.2vh;
        width: 100%;
        color: white;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .skvaBtnDiscusHC{
        z-index:3;
        float: right;
        background-color: silver;
        border: .25vw solid black;
        position: absolute;
        top: 0vh;
        left: 23.25vw;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }
    
    .skvaBtnDiscusHC:hover {
        cursor: pointer;
        color: black;
        background-color: yellow;
        border: dashed black .25vw;
    }

    .skvaBtnDiscusA{
        background-color: Green;
        margin-right: .1vw;
        border: .25vw solid black;
        border-radius: 0em 6em 6em 0em;
        position: relative;
        height: 5.2vh;
        width: 100%;
        color: white;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .skvaTexQA{
        position: relative;
        width: 98%;
        height: 15vh;
        padding-left: .5vw;
        color: black;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2vw;
        overflow: hidden;
    }
    
    .skvaText{
        border: none;
        position: relative;
        width: 98%;
        height: 5vh;
        margin-top: 3.5vh;
        padding-left: .5vw;
        color: black;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.9vw;
    }
    
    .skvaNextGridDis{
        display: grid;
        grid-template-columns: 3.5vw 15vw 3.5vw;
        position: relative;
        margin-top: .20vw;
        margin-left: .25vw;
        margin-bottom: 1vw;
        height: 3.3vh;
    }

    .skvaNextBack{
        border: .25vw solid black;
        position: relative;
        border-radius: 6em 0em 0em 6em;
        color: black;
        background-color: DodgerBlue;
        height:5.2vh;
        line-height: 4vh;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .skvaNextBack:hover {
        cursor: pointer;
        color: black;
        background-color: yellow;
        border: .25vw dashed black;
    }
    
    .skvaNextCount{
        border: .25vw solid black;
        height:4.5vh;
        color: black;
        background-color: Plum;
        line-height: 4vh;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .skvaNextNext{
        visibility: visible;
        border: .25vw solid black;
        position: relative;
        border-radius: 0em 6em 6em 0em;
        color: black;
        background-color: LightCoral;
        height:5.2vh;
        line-height: 4vh;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .skvaNextNext:hover {
        cursor: pointer;
        color: black;
        background-color: yellow;
        border: .25vw dashed black;
    }

    .skvaStageGrid{
        display: grid;
        grid-template-columns:   79.25vw .1vw 19.29vw;
        position: relative;
        border: none;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
    }

    .skvaPromptGrid{
        display: grid;
        grid-template-columns: 19.25vw 60vw;
        position: relative;
        border: none;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
    }
        
    .skvaButtonPrompt_Mod{
        border: .25vw solid black;
        border-radius: 6em;
        height:10vh;
        width: 95%;
        position: relative;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2vw;
    }

    .skvaButtonPrompt_Mod:hover {
        cursor: pointer;
        color: black;
        background-color: yellow;
        border: dashed black .25vw;
    }

     .skvaHighlight{
        border: .25vw solid black;
        border-radius: 6em;
        background-color: orange;
        height:10vh;
        width: 95%;
        position: relative;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2vw;
    }

    .skvaHighlight:hover {
        cursor: pointer;
        color: black;
        background-color: yellow;
        border: dashed black .25vw;
    }
   .skvaStagePrompt{
        border: .25vw solid black;
        height:10vh;
        line-height: 9vh;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 3.3vw;
    }

    .skvaWorkGrid{
        display: grid;
        grid-template-columns:   19.25vw 59.75vw .45vw 19.25vw;
        position: relative;
        margin-top: .25vh;
        margin-bottom: .25vh;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
    }

    .skvaSideHead{
        visibility: visible;
        border: .2vw solid black;
        position: relative;
        height: 5vh;
        width: 97.8%;
        background-color: orange;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.7vw;
    }
    
    .skvaSideBtn{
        visibility: visible;
        border: .25vw solid black;
        border-radius: 6em;
        height: 5vh;
        width: 94%;
        position: relative;
        margin-left: .25vw;
        margin-top:.25vh;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
        line-height: 2.5vh;
    }
	
	
    .skvaStage_Mod{
        border: .25vw solid black;
        position: relative;
        width: 99.75%;
        height: 99%;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1vw;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
}

    .skvaStage_Phoneme{
        border: .25vw solid black;
        position: relative;
        width: 99.75%;
        height: 99%;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1vw;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
	}

    .skvaStage_Long{
        border: .25vw solid black;
        position: relative;
        width: 99.75%;
        height: 99%;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1vw;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
	}

    .skvaLesson{
        border: none;
        position: relative;
		margin: auto;
		margin-top: 5vh;
        width: 93%;
        height: 86%;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1vw;
	}

    .skvaNextGrid{
        display: grid;
        grid-template-columns: 30% 40% 30%;
        position: relative;
        margin-top: 1vh;
        height:6vh;
        width: 100%;
    }

    .skvaReadGrid{
        display: grid;
        grid-template-columns: 19.25vw 79.9vw;
        padding-top: .5vh;
        padding-bottom: .25vh;
        position: relative;
        height:10vh;
    }
        
    .skvaReadPrompt{
        border: .25vw solid black;
        width: 98.5%;
        height:9vh;
        padding-left: 1vw;
        line-height: 7.5vh;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 3.5vw;
    }

    .skvaExerRS{
        border: none;
        width: 100%;
        height: 17vh;
        margin-top: .5vh;
    }
    
    .skvaTeamsCon{
        border: none;
        width: 100%;
        margin-top: .5vh;
    }

    .skvaScoreGrid{
        visibility: visible;
        border: none;
        width: 100%;
        height: 5vh;
        margin-top: .25vh;
    }

    .skvaTeamHead{
        visibility: visible;
        border: solid black .25vw;
        position: relative;
        float: left;
        height: 100%;
        width: 69%;
        color: black;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }
    
    .skvaScore{
        visibility: visible;
        border: solid black .25vw;
        position: relative;
        height: 100%;
        width: 30%;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .skvaScoreContainer{
        visibility: visible;
        border: none;
        width: 100%;
        height: 22vh;
        margin-top: .25vh;
    }

    .skvaScorePlus{
        visibility: visible;
        border: solid black .25vw;
        border-radius: 0em 1em 1em 0em;
        position: relative;
        float: left;
        height: 100%;
        width: 12%;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }
        
    .skvaScoreMinus{
        visibility: visible;
        border: solid black .25vw;
        border-radius: 1em 0em 0em 1em;
        position: relative;
        float: left;
        height: 100%;
        width: 12%;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .skvaScoreHead{
        visibility: visible;
        border: solid black .25vw;
        border-left: none;
        border-right: none;
        position: relative;
        float: left;
        height: 100%;
        width: 45%;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }
    
    
    .skvaTeamHead{
        visibility: visible;
        border: solid black .25vw;
        position: relative;
        float: left;
        height: 100%;
        width: 69%;
        color: black;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }
    
    .skvaTeamCount{
        border: solid black .1vw;
        border-radius: .7em;
        height: 3.8vh;
        width: 2vw;
        position: relative;
        background-color: Orange;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
        line-height: 2vh;
    }
    
    .skvaTeamText{
        border: none;
        height: 5vh;
        width: 10vw;
        position: relative;
        background: transparent;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.4vw;
    }

    .skvaReset{
        visibility: visible;
        border: solid black .2vw;
        border-radius: 6em;
        height: 97%;
        position: relative;
        background-color: silver;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .skvaReset:hover {
        cursor: pointer;
        color: black;
        border: dashed black .2vw;
        background-color: yellow;
    }

    .skvaStageGridWork{
        display: grid;
        grid-template-columns: 18vw 61.5vw .75vw 18.5vw;
        position: relative;
        border:  none;
        height: 90vh;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
    }

    .skvaItems{
        border: none;
        visibility: visible;
        width: 98%;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .skvaTitleHead{
        visibility: visible;
        border: solid black .2vw;
        position: relative;
        height: 3.8vh;
        width: 98%;
        background-color: DodgerBlue;
        color: black;
        margin-top: .5vh;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.3vw;
    }

    .skvaTitleBtn{
        visibility: visible;
        border: .25vw solid black;
        position: relative;
        margin-top: .25vh;
        border-radius: 6em;
        height: 5vh;
        width: 98%;
        background-color: LightCoral;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.2vw;
    }
    
    .skvaTitleBtn:hover {
        cursor: pointer;
        color: black;
        border: dashed black .2vw;
        background-color: yellow;
    }

    .skvaStage_Work{
        border: .25vw solid black;
        background-color: gray;
        position: relative;
        width: 99.75%;
        height: 89.5vh;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1vw;
        margin-bottom: .1vh;
}

    .skvaChoice{
        border: none;
        margin-top: 1vh;
        margin-bottom: 1vh;
        width: 100%;
    }

    
    .skvaChoiceGrid{
        display: grid;
        grid-template-columns:  5vw 19vw 1vw 5vw 19vw 1vw 5vw 19vw 1vw 5vw 19vw;
        border: none;
        position: relative;
        width: 100%;
        height: 9vh;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
    }

    .skvaChoiceNum{
        position: relative;
        border: solid black .25vw;
        height: 9.1vh;
        width: 100%;
        line-height: .75;
        background-color: LightCoral;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 3vw;
    }
	

    .skvaChoiceAns{
        border: solid black .25vw;
        border-left:none;
        position: relative;
        height: 8.3vh;
        width: 100%;
        background-color: white;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 3vw;
    }

    .skvaWorkSheet{
        border: none;
        margin: auto;
        padding: 2vw;
        background-color: white;
        position: relative;
        width: 90%;
        height: 85%;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1vw;
    }
    .skvaLogo_Work{
        width: 5vw;
        height: 4vh;
    }

    .skvaContentName{
        border: none;
        color: black;
        background-color: white;
        margin: auto;
        padding: .3vh;
        text-align: center;
        font-weight: normal;
        font-family: tahoma;
        font-size: 1vw;
    }
    
    .skvaContentTitle{
        border: none;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.3vw;
        margin-top: 1.5vh;
}

    .skvaDirHdr{
        border: none;
        margin-top: .5vh;
        margin-left: 2vw;
        color: black;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: .75vw;
	}

    .skvaDirGrid{
        display: grid;
        grid-template-columns:   2% 97%;
    }

    .skvaDirList{
        border: none;
        margin-left: 2vw;
        width: 99%;
        color: black;
        text-align: left;
        font-weight: normal;
        font-family: tahoma;
        font-size: .7vw;
    }

	.skvaWorkTile{
        height: 8vh;
        width: 3vw;
	}

	.skvaWorkTileMatrix{
        height: 5.0vh;
        width: 2.9vw;
	}
	.skvaWorkTileRow{
        border-bottom: solid black .25vw;
		margin-top: .05vw;
		margin-left: .25vw;
		height: 5vh;
		text-align: left;
		color: black;
		font-weight: normal;
		font-family: tahoma;
		font-size: 1vw;
	}

    .skvaTraceText{
        margin: auto;
        text-align: center;
        color: black;
    }

	.skvaTextGrid{
		display: grid;
		grid-template-columns:   5% 10% 10% 5% 10% 10% 5% 10% 10% 5% 10% 10%;
		margin: auto;
		margin-top: .5vh;
        border: solid red .25vw;
		width: 85%;
		height: 15vh;		
	}
	
    .skvaCraft{
        border: .25vw solid green;
		margin: auto;
        position: relative;
        width: 35vw;
        height: 35vw;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1vw;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
}

    .skvaChoiceMat{
        border: none;
        margin-top: 1vh;
        margin-bottom: 1vh;
        width: 99.8%;
    }

    .skvaChoiceMatGrid{
        display: grid;
        grid-template-columns: 100%;
        border: none;
        position: relative;
        width: 100%;
        height: 9vh;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
    }

	.skva_MatrixChoice {
		display: grid;
		grid-template-columns: 50% 50%;
	}

	.skva_CoverMat {
		display: grid;
		grid-template-columns: 15% 70% 15%;
		margin:auto;
		margin-top:5vh;
		border: .1vw solid black;
		width: 50%;
		height: 8.6vh;
		text-align: center;
		font-family: tacoma;
		font-size: 7vh;
		font-weight:bold;
		background-color:white;
	}

	.skva_ChoiceNum{
		border: none;
		background-color: transparent;	
		width: 100%;
		height: 90%;
		text-align: center;
		font-family: tacoma;
		font-size: 7vh;
		font-weight:bold;
	}	

	.skva_FocusCon{
		border: .05vw solid black;
		/* border-left: none; */
		width: 100%;
		height: 99%;
		background-color:white;
	}	

	.skva_FocusMat{
		border: .05vw solid black;
		border-radius: 1em;
		background-color: orange;	
		width: 2.5vw;
		height: 60%;
		color: black;
		text-align: center;
		font-family: tacoma;
		font-size: 3vh;
		font-weight:bold;
	}	

    .skva_FocusMat:hover {
        cursor: pointer;
        border: dashed black .05vw;
        background-color: yellow;
    }
	
	.skva_ChoiceBack{
		border: .05vw solid black;
		background-color: orange;	
		width: 100%;
		height: 99%;
		text-align: center;
		font-family: tacoma;
		font-size: 7vh;
		font-weight:bold;
	}	
	
	
	.skva_LabelMat{
		border: .05vw solid black;
		width: 100%;
		height: 99%;
		text-align: center;
		font-family: tacoma;
		font-size: 7vh;
		font-weight:bold;
		background-color:white;
	}	

    .mkvaData{
        display: none;
    }

    .skvaData{
        display: none;
    }