@media screen {
  html {
    /*height:100%;*/
  }
  body {
    background: #efefef;
    font-family: Tahoma, Verdana, Arial, serif; 
    color: black;
    
   /* font-size: 1.5vw;
    line-height: 1.8vw; */
  /*  font-size: calc(14px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))); */
   /* height:100%;*/
  }
  .bkgclass {
    background-image: url(bkgt2v.jpg); 
    background-repeat: no-repeat;
    position: absolute;
    left: 0px; 
    top: 0px;
    width: 100%; 
    height: 100%;
   /* overflow-y: scroll; */
  }
}

.genvertscrollcell {
  height: 70vh; 
  overflow: auto;
  padding: 10px;
}


@media print {
  body {
    background: white;
    font-family: Times; 
    color: black;
    -webkit-print-color-adjust: exact !important;
  }
}  

@media print {
  .noprintlay {
     display: none;
  }  
} 

/*
table
{ 
    margin-left: auto;
    margin-right: auto;
}*/


@media screen {
  .mainpagewidth  {
     width: 80%;
     height: 90%;
     
/*	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; */
  
  }
}

@media print {
  .mainpagewidth { 
    width: 100%;
  }
}




.bordertable {
  border: 1px solid #333333;
  border-collapse: collapse;
}

.oddbkcolor {
  background: #F8FAED;
}

.evenbkcolor {
  background: #FAFAFA;
}

.selcolors {      
  background: #0A246A;
  color: white;
}

a {
  color: #123456;
}

h3 a, h2 a {
 color: #1F5891;
}

.dummyclass  {
}

a.tblgeneral {
  text-decoration: none;
  color: black;
}

a.nounderline {
  text-decoration: none;
}  

a.tblselected {
  text-decoration: none;
  color: white;
}

table.bordertable td, th {   
  border: 1px solid #333333;
}

.bordered {
  border-style: solid;
  border-width: 1px;
}

.subtitle {     
  color: #123456;
  text-align: center;
  padding: 2px 2px 2px 2px;
  background: #dddddd;
  /*clear: none;*/
}

.planemtitle {    
  padding: 2px 2px 4px 2px;
  letter-spacing: 2px;    font-weight: bold;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #222222;
}


.maintitle {    
  color: #123456;
/*  color: #1F5891;*/
  text-align: center;
  padding: 2px 2px 4px 2px;
  margin: 1px 1px 1px 1px;
  background: #E9EDF5;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #222222;
  white-space: nowrap;
  height: 30px;
  line-height: 30px; }

.bottomcop {    
  color: #123456;
  text-align: center;
  border-top: 1px solid #444444;
  padding: 4px 2px 2px 2px;
  font-size: 12px;
}

.semivisfloarstat {
  color: #888888;
  float: left; 
  padding: 0px 0px 0px 0px;
  font-size: 12px;
}

.vcentered {
  vertical-align: middle; }

.floatright{
  float: right; 
}

.floatleft{
  float: left; 
}

@media screen {
  .scrollarea {
    padding: 5px; 
    overflow: auto; 
    width: 100%; 
  }

  .scrollareaPadding15 {
    padding: 15px; 
    overflow: auto; 
    width: 100%; 
  }
}  

@media print {
  .scrollarea {
  }

  .scrollareaPadding15 {
  }
}

.whitetext  {
  color: #FAFAFA;
}  


td.darkcell {
  background-color: #495D85;
}

td.lightcell {
  background-color: #DEE5ED;
}


.height150boxed {    
  border: 1px solid rgb(150, 150, 180); 
  height: 150px;
}

  
.height200boxed {    
  border: 1px solid rgb(150, 150, 180); 
  height: 200px;
}

@media screen {
  .boxedbuttop {
    border-bottom: 1px solid rgb(160, 160, 200); 
    border-left: 1px solid rgb(160, 160, 200); 
    border-right: 1px solid rgb(160, 160, 200); 
  }
  
  .height400boxedbuttop{   
    border-bottom: 1px solid rgb(160, 160, 200); 
    border-left: 1px solid rgb(160, 160, 200); 
    border-right: 1px solid rgb(160, 160, 200); 
    height: 400px;
  }

  .scrollcolorbottombordered {
    border-bottom: 1px solid rgb(160, 160, 200); 
  }
}

@media print {
  .boxedbuttop { 
    border-style: none;
  }
}

.tabbkg_active {
  background-image: url(tab1.gif);
  background-repeat: no-repeat;
}

.tabbkg_inactive {
  background-image: url(tab2.gif);
  background-repeat: no-repeat;
}

.tabbkg_active_w{
  background-image: url(tab1w.gif);
  background-repeat: no-repeat;
}

.tabbkg_inactive_w{
  background-image: url(tab2w.gif);
  background-repeat: no-repeat;
}

.rightbkg {
  background: #64c864;
}

.wrongbkg {
  background: #ff7575;
}

.link-button {
  background: none;
  border: none;
  color: #495D85;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
  font-size: 22px;
 /* font-family: serif; */
}
.link-button:focus {
  outline: none;
}
.link-button:active {
  color:red;
}


.popup_fullscreen {
  position: fixed; /*absolute;*/
  z-index:10000;  
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
 /* background-color: #BBBBBB;
  opacity: 0.85; */
  background-color: rgba(187, 187, 187, 0.85);
  filter: alpha(opacity=70); /* For IE8 and earlier */
 
  margin: 0px 0px 0px 0px;
}

.popup_inside_centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: left; /*optional*/
  background-color: #EEEEEE;
  opacity: 1;
  padding: 15px 15px 15px 15px;
}

.fixbottoprint  {
  height: 55px;
  padding: 5px 5px 5px 5px;
  text-align: center;
}


/******************************************/

.questarea {
  font-size: 22px;
}  

.answerarea     {
  font-size: 22px;
}  


.td {
  margin: 20px;
}  

.anscardnorm {
 /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
  background-color: #A8B4CA;
  padding: 5px;
  cursor: pointer;
}

.anscardsel {
  background-color: #485C84;
  padding: 5px;
  cursor: pointer;
}    

.anstextnorm {
  color: #495D85;
  margin-top: 5px;
  margin-bottom: 5px;
}  

.anstextsel {
  color: white;
  margin-top: 5px;
  margin-bottom: 5px;
}  

.chkcontainer {
  position: relative;
  margin: 5px;
  width: 40px;
  height: 40px;
}  

input.ans[type=radio]:not(:checked)  + div > div.chkoff {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 31px;
  height: 31px;
  background-image:url(OK1-1.png);
}
  
input.ans[type=radio]:checked  + div > div.chkon {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 31px;
  height: 31px;
  background-image:url(OK1-2.png);
}  

input.ans[type=checkbox]:not(:checked) + div > div.chkoff {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 31px;
  height: 31px;
  background-image:url(OK2-1.png);
}
  
input.ans[type=checkbox]:checked  + div > div.chkon {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 31px;
  height: 31px;
  background-image:url(OK2-2.png);
}  

input.ans[type=radio] {
  display: none;
}
input.ans[type=checkbox] {
  display: none;
}

/*
input[type=radio]:checked + label > img {
  border: 20px solid rgb(228, 207, 94);
} */

/*
.answerarea  table tr td input[type="radio"]:checked
{
 font-weight: bold;
}
*/