@charset "utf-8";
/* CSS Document */
body{   font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 200;
	font-size:1em;
	color:#000000;
 background:#f8f8f9;
    background-image:url('../../homeimages/skillsback.png');
    background-repeat: no-repeat;
	  background-size: 100vw auto;

}
#lim{display:none;}
#nlim{display:block;}
#smix{display: none;}
#iinf{ 
margin-top:30px;
font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 200;
	font-size:1em;
	color:#000000;
	margin-left:5%;
	width:90%;}
.col-md-4{width:100%;}
.footer{
background-image:none;
background:#2a2d43;
}
#theads{display:none;}
#numtitle img{display:block;
margin-left:auto;
margin-right:auto;
height:80px;
width:auto;
margin-bottom:10px;
}
#ttop{margin-top:20px;
margin-bottom:40px;
width:100%;

}
#info{width:75%;
margin-left:auto;margin-right:auto;
display:flex;
justify-content:center;}
#info h2{
font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 200;
color: #000000;
font-size: 1em;
text-align:center;
line-height:1.5em;
display:block;
}
#mtop{margin-top:20px;
margin-bottom:20px;
margin-right:12%;
margin-left:15%;
height:auto;;
}

/*---selection----*/
main{background:#2a2d43;
margin-top:0px;
padding-top:0px;}

#tmain{ background-image:url('../../topic/topimages/maintback.png');
	background-repeat: no-repeat;
background-size: 100vw 100%;
	height:60px;
padding:0;
margin:0;
display:block;
	margin-bottom:0px;
}

.maincontent{
	max-width:1200px;
margin-left:auto;
margin-right:auto;
    margin-top:0px;
    padding-bottom:20px;
}
.group-3 {
  align-items:center;
    justify-items:center;
  background-color: #ffffff;
  border-radius: 20px;
  display: flex;
  flex: 1;
  margin-left:auto;
    margin-right:0%;
    width:60%;
  padding: 10px 30px;
    box-shadow:7px 7px 7px #CFCFCF;;
    
}

.overlap-group {
  align-items: flex-start;
  background-color: #f1f1f1;
  border-radius: 10px;
  display: flex;
  height: 40px;
  padding: 7px 0px;
    width:100%;
	border:0.5px solid #b2b2b2;
  
    }

.path-1 {
  align-self: center;
  height: 15px;
  margin-bottom: 1px;
  padding-right:5%;
}

.group-2 {
  display: flex;
  height: 23px;
  width: 110px;
}

.please-choose {
  color: #989898;
    text-align: center;
  white-space: nowrap;
  display:flex;
  justify-content:space-between;
	padding-left:10px;
	padding-right:10px;
}

.group-1 {
  display: flex;
  height: 32px;
  margin-top: 1.36px;
  width: 121px;
  margin-right:10px;
}
.overlap-group .dropdown{width:100%;
margin:0px;
}
#yrgrp{border-radius:15px;margin-right:10px;}
select {
width:60%;
  /* styling */
  background-color: #F5F5F5;
  border: thin solid #b2b2b2;
  border-radius:30px;
  display: inline-block;
  font-size:1.1em;
  line-height: 1.2em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


 select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.2em;
  background-repeat: no-repeat;

}
rst{margin-left:30px;

}
#rsk1,#rsk2,#rsk3{width:70%;
margin-left:15%;
border-radius:18px;
margin-top:10px;
margin-bottom:40px;}

.dropdown.show .dropdown-menu{ 
 background-color:#f1f1f1;
 border-radius: 0px 0px 10px 10px;
 margin-top:0px;
 border:none;
width:100%;
	transition:0.3s;
    margin:0;
    padding:0;
}
#d1,#d2,#d3,#d4,#d5,#d6,#d7,#d8,#d9{margin:0px;
padding-left:10px;
line-height: 1em;}
dropdown-item{
   font-size:1em;  
       font-family: "acumin-variable", sans-serif;
    font-weight:200;
padding-left:0px;  
    margin-left:0px;
}
.year-group {
  color:#000000;
  flex:1;
  font-weight:600;
  letter-spacing:0;
  white-space: nowrap;
  }
  
  /* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 300;
	font-size:1em;
	color:#000000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top:5px;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #ffffff;
  border-radius: 7px;
  border:0.75px solid #b2b2b2;
  display:flex;
align-items: center;
  justify-content: center;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {

}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {

}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
 content: "";

 display:none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
   content: "\2714";
 color:red;

}

/* Style the indicator (dot/circle) */
.container .checkmark:after {

}
  #thead{max-height:80px;}
  
/*main nav*/
#terms,#terms1{display:inline-flex;
justify-content:space-around;
width:100%;}
#terms1{margin-top:0px;}
.termt{margin-top:0px;
}


#allopts li{display:inline-block;
margin-left:3px;
margin-right:3px;	
background:#cfcfcf;
border-radius:15px;
text-align: center;
text-decoration:none;
padding:4px;
}
#allopts li:hover{
background:#1fc3ff;
border-radius:15px;	
transition:0.3s;
border:none;
}

#allopts li a{  
font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 300;
font-size:0.9em;
margin:4px;
color:#000000;
text-align: center;
text-decoration:none;}
.row #alloptss{min-width:100vw;
padding:0;
margin:0;
background:#2a2d43;}
#alloptss{background:#2a2d43;
padding-bottom:15px;
display:inline-flex;
justify-content: space-around;
margin:0;
min-width:100vw;}

#alloptss li{display:flex;
background:#cfcfcf;
border-radius:15px;
justify-content: space-around;
align-items: center;
text-decoration:none;
padding:4px;
width:28%;
margin:4px;
}
#alloptss li:hover{
background:#1fc3ff;
border-radius:15px;	
transition:0.3s;
border:none;
}

#alloptss li a{  
font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 300;
font-size:0.9em;
margin:4px;
color:#000000;
text-align: center;
text-decoration:none;}
.tab-pane{padding-bottom:20px;}

.nav-tabs .nav-item{display:block;
margin-left:10px;
margin-right:10px;	
background:#ffffff;
border-radius:15px;
text-align: center;
text-decoration:none;
padding:0px;
flex:1;
width:100%
}
.nav-tabs .nav-item:hover{
background:#1fc3ff;
border-radius:15px;	
transition:0.3s;
border:none;
}

.nav-item .nav-link:hover{
color:#ffffff;
border-radius:15px;
}
.nav-item .nav-link{  
font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
font-size:1.3em;
color:#000000;
text-align: center;
text-decoration:none;
display:block;
border-radius:15px;}


#terms,#terms1,.nav-item .nav-link{border:none !important; }

.nav-tabs .nav-link.active{color:#1fc3ff;}
.panel{
background:#ffffff;
min-height:60vh;
margin-left:auto;
margin-right:auto;	
width:98%;
	margin-top:22px;
	padding-top:0px;
	border-radius:20px;
padding-left:20px;
padding-right:20px;
}
bpanel,.mpanel{
display:none;
}
#allopts{background-image:url('../skillsimages/skillshd.png');
	background-repeat: no-repeat;
background-size: 100% 87px;
height:87px;
padding-left:40px;
padding-right:40px;
margin-right:-22px;
}
.tlist{width:85%;
margin-left:auto;
margin-right:auto;}
.termt{display:inline-flex;
width:100%;
justify-content:space-between;
margin-top:0px;}
.yrh1{ font-family: "coolvetica", sans-serif;
	font-size:2.8em;
	font-weight:600;
	margin:0;
	padding:0;
	display:flex;
	align-self: baseline;
	padding-right:0px;
	padding-left:0px;
	text-align: left;
	
	}

.yrh2{font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 300;
color: #000000;
font-size: 1.8em;
	margin:0;
	padding:0;
	display:flex;
	align-self: baseline;
	padding-right:10px;
	padding-left:20px;
	text-align: left;

	}
.yrh3{font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 600;
color: #1fc3ff;
font-size: 1em;
	display:flex;
	margin-right:0px;
	margin-left:auto;
	text-align: right;
padding-right:0px;
padding-top:5px;
align-items: flex-start;

}	
	
/*Main questions*/
.col-md-7{
    display:flex;
flex-direction:column;
    justify-content:center;
	align-content: center;
    margin:0;
	padding:0px;
	padding-top:1px;
	padding-left:20px;
	padding-right:20px;
	max-height:60px;
  }


h2{font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 800;
font-size:1.4em;
color:#000000;
	text-align: left;}

h5{
   font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 600;
font-size:1.6em;
color:#cfcfcf;
margin-top:-10px;
padding:0;
	text-align: left;
   
    
}
.col-md-5 h5{
  font-size:1em;
color:#000000;
padding-top:10px;
display:block;
    font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 200;
}
.col-md-3,.col-md-2,.col-md-4,.col-md-6{text-align: center;}

.qg{display:inline-flex;
width:90%;
justify-content: space-around;
align-items: center;
margin-left:5%;
margin-right:5%;}

.qg li{margin-top:15px;
    margin-left:20px;
    margin-right:20px;
    display:flex;
    border-radius:10px;
    padding:6px 6px;
        background:#ffffff;
	flex:1;
	border:1px solid #cfcfcf;
box-shadow: 2px 2px 4px #cfcfcf;
text-decoration:none;
text-align: center;
}
.qg li a{display:block;
width:100%;
 font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
text-decoration:none;
text-align: center;
font-size:1.1em;
color:#000000;}

.qg10{display:inline-flex;
width:70%;
margin-left:5%;
margin-right:25%;
justify-content: space-around;
align-items: center;
height:45px;
margin-top:0px;
padding-top:0px;
}

qgm{width:100%;
padding-left:15%;
padding-right:15%;}
.qg10 li{margin-top:0px;
    margin-left:10px;
    margin-right:10px;
    display:flex;
	width:40px;
	height:40px;
	justify-content: center;
	align-items: center;
    border-radius:50%;
    padding:8px 8px;
        background:#ffffff;

text-decoration:none;
	border:1px solid #cfcfcf;
box-shadow: 2px 2px 4px #cfcfcf;
}

.qg10 li a{display:block;
width:100%;
 font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
text-decoration:none;
text-align: center;
font-size:1.1em;
color:#000000;}

.qg10m{display:inline-flex;
width:100%;
margin-left:auto;
margin-right:auto;
justify-content: space-around;
align-items: center;
height:45px;
margin-top:0px;
padding-top:0px;
margin-bottom:10px;
	padding-left:15%;
	padding-right:15%;
}

.qg10m li{margin-top:0px;
    margin-left:1px;
    margin-right:1px;
    display:flex;
	width:40px;
	height:40px;
	justify-content:center;
	align-items: center;
    border-radius:50%;
    padding:8px 8px;
        background:#ffffff;

text-decoration:none;
	border:1px solid #cfcfcf;
box-shadow: 2px 2px 4px #cfcfcf;
}

.qg10m li a{display:block;
width:100%;
 font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
text-decoration:none;
text-align: center;
font-size:1.1em;
color:#000000;}



.qg10s{display:none;
width:70%;
margin-left:15%;
margin-right:15%;
justify-content: space-around;
align-items: center;
height:45px;
margin-top:0px;
padding-top:0px;
}

.qg10s li{margin-top:0px;
    margin-left:8px;
    margin-right:8px;
    display:flex;
	width:40px;
	height:40px;
	justify-content: center;
	align-items: center;
    border-radius:50%;
    padding:8px 8px;
        background:#ffffff;
	
text-decoration:none;
	border:1px solid #cfcfcf;
box-shadow: 2px 2px 4px #cfcfcf;}


.qg10s li a{display:block;
width:100%;
 font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
text-decoration:none;
text-align: center;
font-size:1.1em;
color:#000000;}


.qg20{display:inline-flex;
width:90%;
justify-content: space-around;
align-items: center;
margin-left:5%;
margin-right:5%;}

.qg20 li{margin-top:15px;
    margin-left:20px;
    margin-right:20px;
    display:flex;
    border-radius:10px;
    padding:6px 6px;
        background:#ffffff;
	flex:1;
	
text-decoration:none;
text-align: center;
	border:1px solid #cfcfcf;
box-shadow: 2px 2px 4px #cfcfcf;}
.qg20 li a{display:block;
width:100%;
 font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
text-decoration:none;
text-align: center;
font-size:1.1em;
color:#000000;}

.cc{display:inline-flex;
width:90%;
justify-content: space-around;
align-items: center;
margin-left:5%;
margin-right:5%;}

.cc li{margin-top:15px;
    margin-left:20px;
    margin-right:20px;
    display:flex;
    border-radius:10px;
    padding:6px 6px;
        background:#ffffff;
	flex:1;
	
text-decoration:none;
text-align: center;
	border:1px solid #cfcfcf;
box-shadow: 2px 2px 4px #cfcfcf;}
.cc li a{display:block;
width:100%;
 font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
text-decoration:none;
text-align: center;
font-size:1.1em;
color:#000000;}


.qg li:hover,.qg10 li:hover,.qg10m li:hover,.qg20 li:hover{
transition:0.3s ease;
box-shadow: 4px 4px 6px #cfcfcf;
border:1px solid #cfcfcf;
background:#cfcfcf;}

.col-md-3 li{
    width:90%;
    margin-top:15px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    border-radius:10px;
    padding:4px 6px;
     text-align:center;
    background:#f1f1f1;
	box-shadow: 1px 1px 2px #cfcfcf;

}

.col-md-3 li a{
   color: #636363;
  font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 220;
font-size:1.2em;
    text-decoration:none;
	display:block;
   }
  
.cmixed{width:90%;
margin-left:5%;
padding-top:40px;}
 
 #mxd img{width:90%;
margin-right:10%;
 height:auto;} 

.wb{margin:0;
padding:0;
	width:100%;
}
.wb li{
   width:45px;
	height:45px;
   margin:0;
    padding:0;
		display:flex;
       border-radius:50%;
    justify-content:center;
	align-items: center;
	margin-right:2px;
	margin-left:2px;
  
}

.wb li:hover{  border:#cfcfcf solid 1px;
background:#cfcfcf;
height:51px;
width:51px;
margin-top:-3px;

}
.wb li a:hover{ color:#ffffff;
}
.wb li a{
   color:#000000;
    font-family: "acumin-variable", sans-serif;
  font-size: 1.6em;
    font-weight:600;
    text-decoration:none;
    padding:0;
	display:block;
   }
.wks{display:inline-flex;
width:90%;
	justify-content: space-between;
	align-content:space-between;
margin-left:0;

 border-radius:30px;
 padding:0;
 height:43px;
 
border: 1px solid #636363; }


/*Individual topic list style */
.bcard{display:block;
width:90%;
margin-left:5%;}

.mixed{display:inline-flex;
width:90%;
margin-left:5%}
.mixed li{width:100%;
display:inline-flex;
justify-content: center;
align-items: flex-start;
border:1px solid  #cfcfcf;
border-radius:10px;
box-shadow: 2px 2px 4px #cfcfcf;
text-decoration:none;
margin-bottom:15px;
padding-top:8px;
padding-bottom:8px;
margin-top:15px;

}
.mixed li:hover{
background:#cfcfcf;
box-shadow: 4px 4px 6px #cfcfcf;
transition:0.3s ease
;
}
.mixed li a:hover{
color:#ffffff;

}

.mixed li a{font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
text-decoration:none;
text-align: left;
font-size:1.05em;
color:#000000;
padding-left:10px;
margin-left:10px;
display:flex;
flex:1;
align-items: center;
padding-top:3px;
padding-bottom:3px;
}


.mixed img{width:15px;
height:17px;
margin-right:20px;
margin-left:auto;
}



.bingo li{width:90%;
display:inline-flex;
justify-content: center;
align-items: flex-start;
border:1px solid  #cfcfcf;
border-radius:10px;
box-shadow: 2px 2px 4px #cfcfcf;
text-decoration:none;
margin-bottom:15px;
padding-top:5px;
padding-bottom:5px;
margin-top:15px;

}
.bingo li:hover{
background:#cfcfcf;
box-shadow: 4px 4px 6px #cfcfcf;
transition:0.3s ease
;
}
.bingo li a:hover{
color:#ffffff;

}

.bingo li a{font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 300;
text-decoration:none;
text-align: center;
font-size:1em;
color:#000000;
padding-left:10px;
margin-left:10px;
display:flex;
flex:1;
align-items: center;
padding-top:3px;
padding-bottom:3px;
}


.bingo img{width:15px;
height:17px;
margin-right:20px;
margin-left:auto;
}





.bingo img{width:15px;
height:17px;
margin-right:20px;
margin-left:auto;
}



.bingo1 li{width:90%;
display:block;
text-align: center;

border:1px solid  #cfcfcf;
border-radius:10px;
box-shadow: 2px 2px 4px #cfcfcf;
text-decoration:none;
margin-bottom:15px;
padding-top:5px;
padding-bottom:5px;
margin-top:15px;

}
.bingo1 li:hover{
background:#cfcfcf;
box-shadow: 4px 4px 6px #cfcfcf;
transition:0.3s ease
;
}
.bingo1 li a:hover{
color:#ffffff;

}

.bingo1 li a{font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 300;
text-decoration:none;
text-align: center;
font-size:1em;
color:#000000;
display:block;

align-items: center;
padding-top:3px;
padding-bottom:3px;
}
.listc{display:block;
width:100%;
margin-left:auto;
margin-right:auto;
}
.listc li{width:90%;
display:inline-flex;
justify-content: flex-start;
align-items: flex-start;
border:1px solid  #cfcfcf;
border-radius:10px;
box-shadow: 2px 2px 4px #cfcfcf;
text-decoration:none;
margin-bottom:5px;

}

.list{display:block;
width:90%;
margin-left:auto;
margin-right:auto;
}
.list li{width:80%;
display:inline-flex;
justify-content: center;
align-items: flex-start;
border:1px solid  #cfcfcf;
border-radius:10px;
box-shadow: 2px 2px 4px #cfcfcf;
text-decoration:none;
margin-bottom:5px;

}
#cc{display:flex;
width:60%;
margin-left:5%;
margin-right:auto;
margin-top:10px;
padding-top:20px;
padding-bottom:20px;
justify-content: center;
align-items: center;
border:1px solid  #cfcfcf;
border-radius:10px;
box-shadow: 2px 2px 4px #cfcfcf;
text-decoration:none;
margin-bottom:5px;}
.qg li:hover,.qg10 li:hover,.qg10s li:hover,.qg20 li:hover, .list li:hover,.listc li:hover, #cc:hover{
background:#cfcfcf;
box-shadow: 4px 4px 6px #cfcfcf;
transition:0.3s ease
;
}
#cc a{font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
text-decoration:none;
text-align: center;
font-size:1em;
color:#000000;
display:block;

padding:10px;}
.qg li a:hover,.qg10 li a:hover,.qg10s li a:hover,.qg20 li a:hover, .list li a:hover,.listc li a:hover,#cc a:hover{
color:#ffffff;

}

.list li a,.listc li a{font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 200;
text-decoration:none;
text-align: left;
font-size:0.9em;
color:#000000;
padding-left:10px;
margin-left:10px;
display:flex;
flex:1;
align-items: center;
padding-top:3px;
padding-bottom:3px;
}


.list img,.listc img{width:12px;
height:14px;
margin-right:12px;
margin-left:auto;
}


.col-md-1{display:block;
} 
.col-md-1 img{opacity:40%;
height:170px;}
.col-md-5 img{margin-top:10px;}

li:hover{color: #000000;
   transition:0.3s;    
}
.bblock{width:100%;
display:block;
background:#ffffff;
min-height:80px;}


/* bingo */

					
.title5{display:none;
font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 600;
font-size:1.3em;
color:#000000;
	text-align: left;
}

h3{
   font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 200;
font-size:1em;
color:#000000;
	text-align: left;
   
    
}


h4{
   font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 600;
font-size:1.3em;
color:#000000;
	text-align: left;
   
    
}
.rsh{font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 110, "wght" 600;
	font-size:1.1em;
	color:#000000;
	margin-left:30px;
	margin-bottom:20px;}

select{width:300px;
display:block;
margin-left:auto;
margin-right:auto;

}	

#inbut{
display:block;
width:60%;
margin-left:auto;
margin-right:auto;
text-align: center;
border:1px solid  #cfcfcf;
border-radius:10px;
box-shadow: 2px 2px 4px #cfcfcf;
text-decoration:none;
margin-bottom:5px;
font-family: acumin-variable, sans-serif;
font-style: normal;
background:#ffffff;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 600;
	font-size:1.1em;
	color:#000000;
}
#inbut:hover {
  background-color: #cfcfcf;
  box-shadow: 4px 4px 8px #cfcfcf;
}
#pd{height:20px;
display:inline-block;}
#form1{width:50%;
}
.col-md-5 img{width:90%;
margin-right:10%;
 height:auto;} 
 
 .modal-body{padding-left:30px;
padding-right:30px;
}
.modal-dialog {
  max-width: 550px !important;
		
}
.modal-content{
margin-bottom:50px;
padding-top:0px;
padding-right:10px;
padding-left:10px;
border-radius:15px;
background:#f8f8f9;}
#keyelements{
		width:100%;
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}
#inner{
width:98%;
	margin-left:auto;
	margin-right:auto;
display:flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
margin-bottom:10px;

}

#inner img{width:110px;
margin-left:auto;margin-right:auto;
	height:auto;
	
	margin-top:3px;

	}
	
#e1,#e2,#e3,#e4,#e5,#e6,#e7,#e7a,#e7a{padding:5px;
	width:160px;
	height:160px;
	border-radius:10px;
	box-shadow: 1px 1px 4px #CFCFCF;
	background:#ffffff;

	display:flex;
	flex:1;
	margin:8px;
}
#e7a,#e6a{display:none;
justify-content: center;
align-items: center;}
.bh{display:block;font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
	font-size:0.8em;
	  color: #000000;
	text-align: center;
	text-decoration:none;}
.bhc{width:100%;
display:block;font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
	font-size:1em;
	  color: #000000;
	  text-align: center;
	}
#e1:hover,#e2:hover,#e3:hover,#e4:hover,#e5:hover,#e6:hover,#e7:hover{
	box-shadow: 3px 3px 10px #323232;
	transition:0.3s;
	
}
#inner a{text-decoration:none!important;}

#t1b, #t2b, #t3b, #t4b, #t5b, #t6b, #t7b {
    visibility: hidden;
    margin: 0;
    padding: 0;
}	

/*Modal infor for title and qn umber*/

.modal-body input[type=text], select, textarea{
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
}

/* Style the label to display next to the inputs */
.modal-body label {
  padding: 12px 12px 12px 0;
  display: inline-block;
}

/* Style the submit button */
.modal-body input[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}

/* Style the container */
.modal-body .container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

/* Floating column for labels: 25% width */
.modal-body .col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.modal-body .col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.modal-body .row:after {
  content: "";
  display: table;
  clear: both;
}

.dropbtn {
margin-top:15px;
 width:90%;
 margin-left:1px;
  /* styling */
  background-color: #ffffff;
  border: thin solid #cfcfcf;
  border-radius: 10px;
  display: inline-flex;
  justify-content:flex-start;
align-items: center;
  flex:1;
  font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 300;
	font-size:0.9em;
	padding-top:5px;
	padding-bottom:5px;
	  color: #000000;
  padding-left:20px;
box-shadow: 2px 2px 4px #cfcfcf;
}




/* The container <div> - needed to position the dropdown content */
.dropdown {
  display: inline-block;
  width:90%;
  margin-left:0px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content{
  display: none;
  position: absolute;

  width: 100%;

  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content li{width:90%;
display:inline-flex;
justify-content: center;
align-items: flex-start;
border:1px solid  #cfcfcf;
border-radius:10px;
text-decoration:none;
margin-bottom:0px;
background:#ffffff;
	padding-top:3px;
	padding-bottom:3px;
}

.dropdown-content  li a{font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 200;
text-decoration:none;
text-align: left;
font-size:0.8em;
color:#000000;
padding-left:10px;
display:flex;
flex:1;
align-items: center;
padding-top:3px;
padding-bottom:3px;
}


.dropdown-content img{width:12px;
height:12px;
margin-right:8px;
margin-left:auto;
}

/* Change color of dropdown links on hover */
.dropdown-content li:hover {background-color: #f1f1f1;
border-radius:10px;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #cfcfcf;
}
.mixedg{margin-top:30px;}
#mskillsl{width:90%;
margin-left:10%;
margin-top:40px;}

#mskillsr{
display:flex;
flex-direction: column;
align-items:flex-start;
width:100%;
margin-top:40px;
}
#rt{margin-bottom:30px;}
#rt li:hover a{color:#ffffff;
	}
#mskillsr img{width:400px;

}
#mskillsr h3{
padding:20px;
margin-left:50px;
}

	.modbut{
	margin-top:20px;
	width:100%;
	align-items:center;
	display:flex;
	justify-content:flex-end;
	margin-right:20px;
	margin-left:auto;}
.modbut li{background:#E5E5E5;
padding-right:10px;
padding-left:10px;
text-align: center;
display:block;
border-radius:20px;
		box-shadow: 2px 2px 7px #CFCFCF;
	margin-right:40px;
	padding-top:4px;
padding-bottom:4px;
}
.modbut li a{ font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 400;
	font-size:1em;
	color:#525252;
font-weight:300;
text-align: center;
	display:inline-block;
	text-decoration:none;
}

.modbut li img{margin-left:25px;
width:30px;
height:30px;}

.modbut li:hover{background:#CFCFCF;
		box-shadow: 2px 2px 8px #323232;
	}


.modbut li:hover a{color:#ffffff;
	}
#mskillsr img{width:400px;

}
#mskillsr h3{
padding:20px;
margin-left:50px;
}

#rt{display:flex;
align-items:center;
}


	#rt{justify-content:flex-start;
	margin-left:60px;
}

#rt li{background:#E5E5E5;
padding-right:18px;
padding-left:18px;
text-align: center;
display:block;
border-radius:20px;
		box-shadow: 2px 2px 7px #CFCFCF;
	margin-right:40px;
	padding-top:4px;
padding-bottom:4px;
}
#rt li a{ font-family: acumin-variable, sans-serif;
font-style: normal;
font-variation-settings: "slnt" 0, "wdth" 100, "wght" 600;
	font-size:1.2em;
	color:#525252;
font-weight:300;
text-align: center;
	display:inline-block;
	text-decoration:none;
}

#rt li img{margin-left:25px;
width:30px;
height:30px;}

#rt li:hover{background:#CFCFCF;
		box-shadow: 2px 2px 8px #323232;
	}


#bcont{width:90%;
display:block;
margin-left:auto;
margin-right:auto;}

#rgraph{width:90%;
display:block;
margin-left:0;
margin-right:auto;
margin-top:30px;}
#bcont img{width:100%;
display:block;
}

#rgraph img{width:90%;
margin-left:0;
margin-right:10%;
display:block;
}
.rst{margin-left:20px;
margin-bottom:20px;}






/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1368px) {
.group-3{width:80%;}

  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
  #allopts li{display:inline-block;
margin-left:1px;
margin-right:1px;	
border-radius:15px;

padding:2px;
}
#allopts {padding-left:10px;
padding-right:10px;
  }
  }
@media screen and (max-width: 1225px) {
#ttop h2{font-size:0.9em;}
#numtitle img{height:55px;}
.nav-tabs .nav-item{
margin-left:8px;
margin-right:8px;	
}
.nav-item .nav-link{  

font-size:1em;
}

}
@media screen and (max-width: 1150px) {
.qg10{
width:95%;
margin-left:2%;
margin-right:3%;
}
.tlist{width:95%;
margin-left:auto;
margin-right:auto;}
.qg li{
    margin-left:10px;
    margin-right:10px;
	}
	.qg20 li{
    margin-left:10px;
    margin-right:10px;}
.yrh1{ font-family: "coolvetica", sans-serif;
	font-size:2em;
		}
.list li{width:90%;}
.yrh2{font-family: acumin-variable, sans-serif;

font-size: 1.2em;
	
	}
.yrh3{

font-size: 0.9em;

}
.group-3{width:95%;
    padding: 5px 10px;}
	
.cmixed{width:96%;
margin-left:2%;
padding-top:40px;}
.mixed{display:inline-flex;
width:96%;
margin-left:2%}
.cmixed h3{font-size:0.9em;}

#rgraph{width:100%;
margin-top:40px;}
#bcont img{width:100%;
display:block;
}

}
@media screen and (max-width: 992px) {
.qg10 li,.qg10m li{
margin-left:2px;
margin-right:2px;
}
	.qg10m{display:inline-flex;
width:100%;
margin-left:auto;
margin-right:auto;
justify-content: space-around;
align-items: center;
height:45px;
margin-top:0px;
padding-top:0px;
margin-bottom:10px;
	padding-left:4%;
	padding-right:4%;
}
.title5{display:block;}
.col-md-1{display:none;}
.nav-tabs .nav-item{
margin-left:4px;
margin-right:4px;
border-radius:5px;
}
.nav-tabs .nav-item:hover{
border-radius:5px;	
}
.nav-item .nav-link{padding:0;
margin:0;
padding-top:5px;
padding-bottom:5px;
font-size:0.9em;
}
.list li{width:70%;
display:inline-flex;
margin-left:15%;
margin-right:15%;

}
.qg li{
    margin-left:5px;
    margin-right:5px;
	}
	.qg20 li{
    margin-left:5px;
    margin-right:5px;}


.yrh1{ font-family: "coolvetica", sans-serif;
	font-size:1.3em;
		}
.list li{width:90%;}
.yrh2{font-family: acumin-variable, sans-serif;

font-size: 0.9em;
	
	}


#mtop{margin-top:15px;
margin-bottom:20px;
margin-right:9%;
margin-left:10%;
}
.mixed li a{
font-size:0.95em;
}

#mskillsr{width:90%;
margin-left:10%;}

#mskillsr img{width:300px;

}
#mskillsr h3{
margin-left:35px;
}

	#rt{
	margin-left:45px;}

#rt li{background:#E5E5E5;
padding-right:16px;
padding-left:16px;
	padding-top:3px;
padding-bottom:3px;
}
#rt li a{
	font-size:1.1em;
	}
#bcont{width:60%;
display:block;
margin-left:auto;
margin-right:auto;
margin-top:40px;}

.bingo li a{
font-size:0.9em;

padding-left:7px;
margin-left:7px;
}
qgm{width:100%;
padding-left:3%;
padding-right:3%;}

.bingo img{width:13px;
height:15px;
margin-right:15px;
margin-left:auto;
}
#rgraph{
margin-top:60px;}
}
@media screen and (max-width: 767px) {
body{ background:#f8f8f9;background-image:none;
}
#theads{display:block;width:100vw;}
#thead{display:none;}
	#lmix{display:none;}
	#smix{display:block;}
.termt{
width:90%;
margin-left:5%;
}
.mixed li a{
font-size:1.2em;
}
.mixed li {width:60%;margin-left:20%;
}
.cmixed h3{font-size:1.2em;
}
.cmixed h4{font-size:1.4em;
}
h4{margin-top:20px;}
.yrh3{
display:block;
font-size: 1em;
margin-right:20px;
	}
#mtop{margin-top:10px;
margin-bottom:10px;
margin-right:0%;
margin-left:0%;
}
	.qg10{display:none;}
	.qg10s{display:inline-flex;}
	
	.list li{width:80%;
margin-left:10%;
margin-right:10%;

}
.cmixed{margin-top:10px;
padding-top:0;}
#mskillsr img{width:250px;

}
#mskillsr h3{font-size:1em;
margin-left:30px;
}
#mskillsl{display:none;}

#mskillsr{align-items: center;width:100%;margin:0;}
#mskillsr h3{width:300px;
text-align:center;
font-size:1em;
margin-left:auto;
margin-right:auto;}
#mskillsr img{margin-left:auto;
margin-right:auto;
width:350px;
}
#rt{padding-bottom:20px;
}
.bingo li,.bingo1 li{width:50%;
margin-left:25%;
margin-right:25%;}
#rgraph{
margin-top:10px;width:400px;
height:auto;
margin-left:auto;margin-right:auto;}

}

@media screen and (max-width: 610px) {
  .col-25, .col-75, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
  #rgraph{display:none;}
  #ttop h2{font-size:0.85em;
  padding:0;margin:0;}
  
  #ttop{width:92%;
margin-right:4%;
margin-left:4%;
height:auto;;
}
  .list li a{font-size:12px;}
  .nav-item .nav-link{
padding-top:4px;
padding-bottom:4px;
font-size:0.8em;
}
.yrh1{ font-family: "coolvetica", sans-serif;
	font-size:1.2em;
		}

.yrh2{font-family: acumin-variable, sans-serif;

font-size: 0.9em;
	
	}
.yrh3{

font-size: 0.9em;

}
.row #alloptss{min-width:101vw;
}
.qg10s{
width:90%;
margin-left:5%;
margin-right:5%;

}
.list li{width:92%;
display:inline-flex;
margin-left:4%;
margin-right:4%;

}

.bingo1 li, .bingo li{
margin-bottom:8px;

margin-top:8px;

}
#numtitle img{height:45px;}
}

@media screen and (max-width: 575px) {
.group-3{width:70%;
    padding: 10px 15px;
	margin-left:15%;
	margin-right:15%;}

#togform{width:70%;
margin-left:20%;
margin-top:10px;}
.container{margin-top:2px;
margin-bottom:3px;
font-sze:0.9em;
}
}
@media screen and (max-width: 500px) {
.qg10s{
width:96%;
margin-left:2%;
margin-right:2%;

}
.qg10s li{height:35px;width:35px;
margin-left:4px;
margin-right:4px;}

.mixed li a{
font-size:1em;
}
.mixed li {width:80%;margin-left:10%;
}
.cmixed h3{font-size:1em;
}
.cmixed h4{font-size:1.2em;
}
#mskillsr img{margin-left:auto;
margin-right:auto;
width:280px;
}
}