html, body {
    
}

.text-div-l{
    font-size:28pt;
}
.text-div-m{
    font-size:14pt;
}
.navbar h3{
    font-size: 1.45em;
}


#divLogo {
    padding-left:20px;
    height:75px;
    float:left;
}

#sp1 {
    float:left;
    width:60px;
    height:5px;
	
}
#divTitle {
    height:63px;
    /* float:left;*/
    padding-top:12px;
    font-family: sans-serif;
    padding-right:20px;
    font-weight: bold;
}

#divWelcome {
    font-family: sans-serif;
    font-size:14pt;	 
}

#divTestAudio {
    font-family: sans-serif;
    font-size:14pt;	    
}
#divNextQ {
    font-family: sans-serif;
    padding:10px;
}

#divEndTest {
    font-family: sans-serif;
    width:100%;
    padding:10px;
}

#divVideo {
    
}

video {
    width:100%;
}

.vid {
    width: 100%;
    height:auto;
    // border: solid 3px silver;
    // border-radius: 5px;	
    box-sizing: content-box;
 
}

#divQText {
    padding:10px;
    font-family: sans-serif;
    border: solid 3px silver;
    border-radius: 8px;	
    margin-top: 0px;
}

#divPause {
    padding: 10px;
    font-family: sans-serif;
    border: solid 3px silver;
    border-radius: 8px;
    background-color: #abf1ab;
    margin-top: 10px;
    margin-left: 0px;
    width: 540px;
}
@media (min-width: 992px) { 
    #divQText { 
        height:283px; 
    }
    .text-div-l{
        font-size:28pt;
    }
    .text-div-m{
        font-size:18pt;
    }
    .navbar h3{
        font-size: 1.75rem;
    }
}

.en {
	color: #666666;
	font-size:12pt;
	font-style: italic;
}

.it {
	color: #000000;
	font-size:12pt;
}

@keyframes color {
  0% 	{ background-color: #ee0000;  }
  50% 	{ background-color: #880000;  }
  100% 	{ background-color: #ee0000;  }
}

.red { color:red; }
.italic {font-style:italic;}
.bold {font-weight:bold; }

#countdown {
    position: relative;
    left: 0px;
    top: 0px;
    margin-top: 20px;
    width: 100%; 
    height: 40px;
    border: solid 3px red;
    background-color: #c0c0c0;
    border-radius: 8px;
}



#cdinner {
    width:100%;
    height:100%;
    border-radius: 5px;
    background-color: #ff0000;
    animation-name: color;
    animation-duration: 1s;
    animation-iteration-count: infinite;	
}

#cdtime {
    position: absolute;
    top: 0px;
    left: 0px;
    width:100%;
    height:100%;
    text-align:center;
    font-family: sans-serif;
    color:#ffffff;
	padding-top: 4px;
    font-size: 13pt;
}

#repeat {
    cursor:pointer;
    position: relative;
    top: 0px;
    margin-top: 20px;
    width: 100%;
    height: 40px;
    border: solid 3px #002200;
    background-color: #00aa00;
    border-radius: 8px;
    text-align:center;
    font-family: sans-serif;
    color:#ffffff;
	padding-top: 4px;
    font-size: 14pt;	
}


#stoprec {
    cursor:pointer;
    position: relative;
    top: 0px;
    margin-top: 20px;
    width: 100%;
    height: 40px;
    border: solid 3px red;
    background-color: #808080;
    border-radius: 8px;
    text-align:center;
    font-family: sans-serif;
    color:#ffffff;
	padding-top: 4px;
    font-size: 14pt;	
}



#stoprec:hover {
	background-color: red;
}

#prompt {
	text-align: center;
	color: red;
	font-family: sans-serif;
	font-size: 20pt;
	border: solid 3px red;
	border-radius: 8px;
}

.bigButton  {
	width:200px;
	height:40px;
	border-radius:8px;
	font-family: sans-serif;
	font-size:18pt;
}

#testprocess {
	font-family: sans-serif;
	font-size:16pt;
	color: red;
}

.tmfw {
	margin-top:20px;
	width: 200px;
}

#testCode  {
	width:80px;
    border-radius:6px;	
}

#divLoginErr {
	color: red;
	font-family: sans-serif;
	font-size: 16pt;
}

.pwidth {
	width:300px;
}

.center{
	text-align: center;
}

.noborder{
	border: none;
}

.stage {
/***    display:none;   **/
}

.szM {
    font-size:14pt;
}

#dvRecTest {
	width:400px;
	height:400px;
	background:yellow;
	overflow: auto;
	display:none;
}


#savingAnsTxt {
    margin-top: 30px;
    width: 100%;
	height: 42px;
    display: block;
    border-radius: 6px;
    background: red;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(255,169,44, 0.4);
    animation: pulse 2s infinite;
    font-family: arial;
    padding-top: 11px;
    text-align: center;
    color: white;
}


#pulse {
	width: 200px;
	height: 42px;
    display: block;
    border-radius: 6px;
    background: red;
    cursor: pointer;
    box-shadow: 0 0 0 rgba(255,169,44, 0.4);
    animation: pulse 2s infinite;
    font-family: arial;
    padding-top: 11px;
    text-align: center;
    color: white;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255,169,44, 1);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(255,169,44, 1);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(255,169,44, 1);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255,169,44, 1);
    box-shadow: 0 0 0 0 rgba(255,169,44, 1);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(255,169,44, 0.6);
      box-shadow: 0 0 0 10px rgba(255,169,44, 0.6);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(255,169,44, 0);
      box-shadow: 0 0 0 0 rgba(255,169,44, 0);
  }
}