.dkvaStage{
        border: .25vw solid black;
        width: 98.3vw;
        height: 96.9vh;
        margin: auto;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .dkvaGrid_Top{
        display: grid;
        grid-template-columns: 20% 60% 10% 10%;
        position: relative;
        color: black;
        width: 100%;
        height: 70%;
        text-align: center;
        font-weight: normal;
        font-family: tahoma;
        font-size: 2.1vw;
    }

    .dkvaLogo{
        text-align: center;
        margin: auto;
        visibility: visible;
        background-color: white;
        height: 10vh;
    }

    .dkvaLand_Grid{
        display: grid;
        grid-template-columns: 7% 51% 8% 8% 8% 8% 10%;
        border: none;
        position: relative;
        height: 5.4vh;
        color: black;
    }

    .dkvaLand_Title{
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2.1vw;
    }
    
    .dkvaIntro_Grid{
        border: .25vw solid red;
        display: grid;
        grid-template-columns: 44% 56%;
        margin-top: 4vh;
        margin-left: 2vw;
        border: none;
        position: relative;
        height: 5.4vh;
        color: black;
    }
    
    .dkvaIntro{
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 3vw;
    }

    .dkvaIntroTextHead{
        text-align: left;
        font-family: tahoma;
        font-size: 1.5vw;
    }
    
    .dkvaLogin{
        /* visibility: hidden; */
        visibility: visible;
        border: .2vw solid black;
        background-color: white;
        border-radius: 6em;
        margin-top: .5vh;
        width: 93%;
        height: 3vh;
        padding-bottom: .5vh;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.2vw;
    }

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

    .dkvaButton_Grid{
        display: grid;
        grid-template-columns: 33% 33% 33%;
        margin-top: 1vh;
        position: relative;
        height: 68.5vh;
        color: black;
    }

    .dkvaLabels{
        border: .25vw solid black;
        visibility: hidden;
        margin-bottom: .1vh;
        height: 5vh;
        width: 100%;
        position: relative;
        background-color: DodgerBlue;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .dkvaInfo{
        border: .25vw solid black;
        visibility: hidden;
        border-radius: 6em;
        margin-left: 1%;
        margin-bottom: .25vh;
        height: 5vh;
        width: 98%;
        position: relative;
        background-color: DodgerBlue;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }
    
    .dkvaCategory{
        border: none;
        height: 21vh;
        width: 100%;
        position: relative;
        background-color: DodgerBlue;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    
    .dkvaLearnMore{
        text-align: left;
        font-weight: normal;
        font-family: tahoma;
        font-size: 1vw;
    }

    .dkvaTitleLogo{
        height: 5vh;
        width: 10vw;
        margin-top: .5vh;
    }

    .dkvaWelcomeGrid{
        display: grid;
        grid-template-columns: 18vw 9vw 33vw;
        margin-top: 1vh;
    }

    .dkvaWelcomeBox{
        height: 46vh;
        width: 60vw;
        margin: auto;
        margin-top: 23vh;
    }

    .dkvaTitleText{
        margin-top: 25vh;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 2vw;
        height: 5vh;
    }
    
    .dkvaButtonRow{
        visibility: visible;
        border: .25vw solid black;
        border-radius: 6em;
        height: 6vh;
        width: 90%;
        position: relative;
        margin: auto;
        margin-top: .5vh;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .dkvaLabel{
        visibility: visible;
        margin-top: 2vh;
        padding-left: 0vw;
        width: 100%;
        height: 4vh;
        position: relative;
        color: black;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .dkvaInput{
        visibility: visible;
        border: .25vw solid black;
        width: 95%;
        height: 4vh;
        position: relative;
        margin-top: 1vh;
        color: black;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1vw;
    }

    .dkvaMessage{
        border: .25vw solid red;
        padding-left: .25vw;
        background-color:white;
        width: 97.9%;
        height: 4vh;
        position: absolute;
        bottom: 1.5vh;
        color: red;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }
    
    .dkvaAlert{
        visibility: visible;
        border: .25vw solid red;
        padding-left: .25vw;
        background-color:white;
        width: 95%;
        height: 24vh;
        position: relative;
        margin-top: 1vh;
        color: red;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }
    .dkvaButtonAction{
        visibility: hidden;
        border: solid .25vw black;
        border-radius: 6em;
        height: 5.5vh;
        width: 90%;
        position: relative;
        margin-right: .75vw;
        margin-top: 2vh;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
    }

    .dkvaHead_Grid{
        display: grid;
        grid-template-columns: .25% 12% 12% 59.75% 8% 8%;
        border: none;
        position: relative;
        height: 5.4vh;
        color: black;
    }
    
    .dkva_LibGrid{
        display: grid;
        grid-template-columns: 19.5vw 13vw 2vw 13vw 2vw 13vw 2vw 13vw 14.5vw;
		margin-top: 1vh;
  }


    .dkvaLib{
        border-radius: .2vw solid black;
        border-radius: 0em 0em 3em 3em;
        /* margin: auto; */
        height: 28vh;
        width: 100%;
        position: relative;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1vw;
        background-color: white ;
    }

    .dkvaLibName{
        border-radius: 3em 3em 0em 0em;
        margin: auto;
        margin-top: 4vh;
        height: 3.5vh;
        width: 100%;
        position: relative;
        color: black;
        text-align: center;
        line-height: 1.5;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.2vw;
    }
    
    .dkvaApp{
        border-radius: 3em;
        border: none;
        margin: auto;
        height: 4.5vh;
        width: 90%;
        position: relative;
        color: black;
        text-align: center;
        text-decoration: underline;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.2vw;
    }
  
    .dkvaSkillInstructLabel_Nav{
        margin-top: 5vh;
        visibility: visible;
        height: 5vh;
        width: 99.2%;
        border: solid .25vw red;
        background-color: white;
        color: red;
        padding-left: .25vw;
        padding-right: .25vw;
        line-height: 1.75;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.15vw;
    }

    

    .ckvaWorkPic{
        border: solid black .15vw;
        width: 30vw;
        height: 60vh;
        object-fit: fill;
    }

    .ckvaWorkLineGrid{
        display: grid;
        grid-template-columns: 20% 80%;
        border: none;
        position: relative;
    }

    .ckvaWorkText{
        border: solid black .1vw;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.3vw;
        line-height: 4;
	}
    

    .ckvaWorkTrace{
		border: none;
		width: 95%;
        height:7vh;
        margin: auto;
        margin-top: 1vh;
        text-align: center;
        color: black;
    }

	.ckvaMatrix{
		margin-Top: 1vh;
		padding-top: .5vh;
		border: solid black .25vw;
        height:62.5vh;
		width: 98%;
	}
     .ckvaWorkMatrix{
        display: grid;
 		grid-template-columns: 12vw repeat(15, 2.7vw);
        height:5.2vh;
        text-align: center;
        color: black;
    }

    .ckvaContentGrid{
        display: grid;
        grid-template-columns: 4vw 11vw 35vw 11vw;
        position: relative;
        border:  none;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
    }

    .ckvaContentHdr{
        border: solid black .1vw;
        color: green;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.3vw;
    }
    
    .ckvaContentScrollGrid{
        display: grid;
        grid-template-columns: 4vw 11vw 35vw 11vw;
        overflow-y: visible;
        overflow-x: hidden;
        position: relative;
        border:  none;
        height: 81.7vh;
        text-align: left;
        font-weight: bold;
        font-family: tahoma;
    }

    .ckvaContentPageHdr{
        border: none;
        color: DarkRed;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
        background-color: white;
}

    .ckvaContStage{
        width: 100%;
        background-color: white;
    }

    .ckvaContentText{
        border: solid black .1vw;
        text-align: left;
        padding-left: .25vw;
        font-weight: normal;
        font-family: tahoma;
        font-size: 1.3vw;
    }

    .ckvaContentImage{
        border: solid black .1vw;
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
        height: 12vh;
    }

    .ckvaPromptSpan{
        display: none;
        border: solid black .25vw;
        width: 98%;
        height:10vh;
        color: black;
        float: right;
        line-height: 10vh;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 3vw;
    }

    .ckvaStageImg{
        border: .none;
        position: relative;
        margin: auto;
        margin-top: 8vh;
        width: 35vw;
        height: 47vh;
        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;
    }

    .ckvaCaption{
        visibility: visible;
        border: solid black .2vw;
        background-color: white;
        height: 8vh;
        width: 30.5vw;
        padding-top: 1vh;
        margin-Left: 15vw;
        margin-Top: 4.25vh;
        color: black;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 3.3vw;
        line-height: 6vh;
    }

    .ckvaShowPic{
        visibility: visible;
        background-color: DarkOrchid;
        border: solid black .25vw;
        border-radius: 6em;
        height: 6vh;
        width: 100%;
        position: relative;
        margin-bottom: .6vh;
        color: white;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
        line-height: 2.5vh;
    }

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

    .ckvaShowPrompt{
        visibility: visible;
        background-color: FireBrick;
        border: solid black .25vw;
        border-radius: 6em;
        height: 6vh;
        width: 100%;
        position: relative;
        margin-bottom: .6vh;
        color: white;
        text-align: center;
        font-weight: bold;
        font-family: tahoma;
        font-size: 1.5vw;
        line-height: 2.5vh;
    }

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

    .ckvaSheetSpan{
        position: relative;
        text-align: left;
        color: black;
        font-weight: normal;
        font-family: tahoma;
        font-size: 1.7vw;
    }


	/* .ckvaLetterGrid{ */
		/* display: grid; */
 		/* grid-template-columns: 18vw  9vw 9vw 9vw 9vw; */
		/* border: None; */
		/* /* margin-top:5vh; */ */
		/* width: 36vw; */
		/* height: 35vh; */
		/* text-align: center; */
		/* font-weight: bold; */
		/* font-family: tahoma; */
	/* } */

	/* .ckvaLetterNum{ */
		/* margin-top: 7vh; */
		/* border: none; */
		/* height: 4.5vh; */
		/* width: 100%; */
		/* position: relative; */
		/* color: black; */
		/* text-align: center; */
		/* font-weight: bold; */
		/* font-family: tahoma; */
		/* font-size: 2vw; */
	/* } */
	
	/* .ckvaLetterTop{ */
		/* border: solid black .25vw; */
		/* height: 10.5vh; */
		/* width: 100%; */
		/* margin: 0vh; */
		/* position: relative; */
		/* background-color: yellow; */
		/* color: black; */
		/* text-align: center; */
		/* font-weight: bold; */
		/* font-family: tahoma; */
		/* font-size: 4vw; */
	/* } */
	
	/* .ckvaLetterMid{ */
		/* margin-top: 9vh; */
		/* border: none; */
		/* height: 4.5vh; */
		/* width: 100%; */
		/* position: relative; */
		/* color: black; */
		/* text-align: center; */
		/* font-weight: bold; */
		/* font-family: tahoma; */
		/* font-size: 2vw; */
	/* } */

	/* .ckvaLetterBot{ */
		/* border: solid black .25vw; */
		/* height: 10.5vh; */
		/* width: 100%; */
		/* position: relative; */
		/* background-color: yellow; */
		/* color: black; */
		/* text-align: center; */
		/* font-weight: bold; */
		/* font-family: tahoma; */
		/* font-size: 4vw; */
	/* } */