@import url(/2020/js/fa5/css/fontawesome.css);
@import url(/2020/js/fa5/css/brands.css);
@import url(/2020/js/fa5/css/solid.css);

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,800;1,300&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,200,300;0,700;1,300&display=swap');


@import url(/2020/css/card.css);
@import url(/2020/css/cart.css);
@import url(/2020/css/nav.css);
@import url(/2020/css/subnav.css);
@import url(/2020/css/surveys.css);
@import url(/login-form.css);
@import url(/survey-data.css);
@import url(qisva-views/teacher-home.css);
@import url(qisva-views/teacher.css);
@import url(qisva-views/demographic-filter.css);




* { box-sizing:border-box; -webkit-font-smoothing: antialiased; }
figure, figcaption, section { margin:0; padding:0; }
a img { border:none; }

iframe, .yui-panel-container { background:#FFF !important; padding:20px; }
.container-close { position:absolute; top:10px; right:10px; z-index:9999999 !important; }

.yui-panel-container.shadow { text-shadow:none !important; }

.mask { background:rgba(0,0,0,0.7);  }

#page {

	width:100%;
	position:relative;
}

body { 

	margin:0; 
	padding:0; 
	font-size:16px;
	font-family:'Open Sans', Helvetica, Sans-Serif; 
	font-weight:300; 
	color:#000; 
	width:100%;
}


#top {
	position:relative;
	top:0; 
	left:0;
	width:100%;
	height:96px;
	
	background:rgb(44, 46, 47);
	background: #3185c6;
	text-align:left;
	z-index:10;


}


.interior #top {

	height:auto;
	min-height:96px;
}


#login-box a {

	padding:0 14px!important;
}


.interior #left {

	position:relative;
	z-index: 99;
	float:left;
	display:block;
	width:250px;
	margin-right:20px;
	vertical-align: top;
	padding:20px;
	background:rgba(0,0,0,0.05);
	min-height:calc(100% - 200px);

	background:
    linear-gradient(to right, rgba(0,0,0,0.05), rgba(0,0,0,0.03));


}


#left a {

	display:block;
	margin:9px 0;
	color:#000;
	padding:5px;
	border-radius: 3px;
}

#left a i {

	padding-right:7px;
	color:rgb(128, 0, 64);
	color:rgb(224, 105, 0);
}

#left a:hover {

	background:rgba(224, 105, 0,0.22);
	transition: background-color 0.35s ease-in-out;
}


.interior table.table {

	border-collapse: collapse;
	border:1px solid rgba(1,1,1,0.4);
}

.interior table.table  tr:nth-child(2n) {
	background:rgba(49,133,198,0.1);
}

.interior table.table  td {
	border-top:1px solid rgba(1,1,1,0.4);
	border-right:1px solid rgba(1,1,1,0.4);
	padding:5px;
	font-size:14px;
}


.interior table.table th {

	font-weight:normal;
	 min-width: fit-content;
	 white-space: nowrap;
	 padding:5px;
	 font-size:14px;
}


.interior table.table input[type="submit"] {

	font-size:13px;
	width:120px;
}


.pretty-table td {

	vertical-align: middle;
	text-align: center;
}


.pretty-table tr:hover td {

	
	background:rgba(95,235,5, 0.1);
}



.data-table tr:first-child {


}

.data-table tr td:first-child {

	min-width:200px;
	text-align: left;
	padding:8px;
}


#apollo-filter {

	margin-bottom:30px;
}

#apollo-filter input[type=text] {

	min-width:100%;
}




select {

	background-color: rgba(173, 191, 53, 0.15);
	border:none;
	box-shadow: 0 0 0 1px rgba(113, 111, 13, 0.55);
	margin-bottom:12px;
	border-radius:4px;
	padding-left:8px;
}


select[multiple="multiple"] {

	min-height:256px;
}


#apollo-filter input[type=text] {

	height:32px;
	background-color: rgba(173, 191, 53, 0.15);
	border:none;
	box-shadow: 0 0 0 1px rgba(113, 111, 13, 0.55);
	margin-bottom:12px;
	border-radius:4px;
	padding-left:8px;
}




#apollo-filter * {
	font-size:14px;
}

div.apollo-pagination {
	margin:20px 0;
}



#logo { 

	position:relative;
	height:64px; 
	width:auto; 
	margin-left:20px;
	text-align:center;
	top:18px;
	display:block;

}



#logo-oval { 

	position:relative;
	display:inline-block;
	width:130px;
	

}


#logo-oval img {

	position:absolute;
	top:5px;
	height:30px;
	width:auto;
}




.interior #banner {

	position:relative;
	width:100%;
	height:70vh;
	color:#FFF;
	background-size: cover;
	background-position: top center;

}


.interior #banner h1 {

	position:absolute;
	left:0; bottom:0;
	height:80px;
	font-size:40px;
	line-height:70px;
	background:rgba(0,0,0,0.4);
	text-align:center;
	color:#FFF;
	width:100%;
	margin:0;
	padding:0;
	font-weight:200;
	font-family: 'Open Sans';
	border-bottom:10px solid #3185c6;
}






section#content div.block {

	display:inline-block;
	max-width:50%;
	vertical-align:top;
	min-width:200px;

	
}

#aussie {

	position:absolute;
	right:40px;
}

div.block:first-child {
	margin-right:10px	;
}

div.block p { margin-top:-20px; text-align:justify; }

div.block img {

	width:120px; 
	height:120px;
}

div.block h1, div.block h2 {

	display:block;
	height:60px;
	overflow:hidden;
	vertical-align:bottom;
	font-family:'Open Sans';
	font-size:30px;
}

div.block h2 {
	font-size:20px;
}




.interior section#content {

	margin:0;
	width:100%;
	padding:10px 20px 70px 0px;
	vertical-align:top;
	min-height:calc(100% - 200px);
	text-align:left;
	min-height:720px;

}


.interior section#content article {

	position:relative;
	min-width:800px;
	width:900px;
	margin:0 auto;

}






.short section#content {

	margin:0;
	padding:40px 5vw;
}



#dev-bar { 

	position:fixed;
	top:100px;
	left:50px;
	width:800px;
	height:70px;
	line-height:70px;
	color:#FFF;
	background:rgba(128,24,24,0.5);
	z-index:1000000;
	text-align:left;
	padding:0px 20px;
	border:2px solid #FFF;
	display:none;
}

#dev-bar button {
	color:#FFF;
	border:1px solid #FFF;
	float:none;
}



footer { 

	position:relative;
	width:100%;
	height:200px;
	background: #2c2e2f;
	padding:40px;
	color:#FFF;
	margin-top:72px;


}


footer nav {

	display:inline-block;
	margin-right:40px;
	vertical-align:top;
	color:#FFF;
}


footer nav strong {
	font-style:normal;
	font-weight:600;
	color:#adbf34;
	display:block;
}

footer nav a {

	display:block;
}


footer nav a:hover {
	text-decoration:underline;
}


footer address {

	position:absolute;
	right:30px;
	top:140px;
	color:#FFF;
	font-style:normal;
	font-weight:400;
}

footer a { color:#FFF; }

footer a:hover { color:rgba(97,160,210,1); }

footer #logo-footer {
	position:absolute; 
	right:30px;
	top:30px;
	width:500px;
	height:auto;
}




footer #policies {
	width:100%;
	text-align:right;
}

footer #policies a {

	display:inline;

}





#overlay{   
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #91ab51 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}






/* Responsive Nav */
#menu, #close { 

	position:absolute; 
	color:#FFF;
	font-size:30px;
	top:20px;
	right:10px;
	width:40px;
	height:40px;
	z-index:1000;
	display:none; 

}


#menu:hover { color:#3185c6; }

#wrapper { position:relative; width:100%; left:0%;  } 
#wrapper.open {  left:100%;  }
#responder { position:absolute; top:0; left:-100%; width:100%; padding:20px;  overflow:hidden;  }
#responder.open { left:0; }

#responder li { list-style:none; }
#responder a { text-decoration: none; font-size:20px; line-height:36px; color:#000;  display:block; margin:0; padding:5px;  }
#responsider a:hover { color:#888;  }


#questionEditDiv.questions-content {

	position:relative;
	left:320px;
	width:600px;
	height:600px;
	

}


#questionEditDiv #chart {

	position:absolute;
	top:100px; 
	left:0;
}


#questionEditDiv #otherNav {

	position:absolute;
	top:60px; 
	left:0;
	height:20px;
}


.circle { 

	display:block;
	border-radius:50%;
	height:60px;
	width:60px;
	background:rgba(255,255,255,0);
	padding:8px;
	text-align:center;
}










#responder, #wrapper, figure, div.bar a, nav > ul > li:hover, a.details img  {

	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

}

figure  {

	-webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;

}



.fifty {

	width:50%;
	padding:20px !important;

}


.aussie {
	font-size:16px;
}

.aussie-logos img {
	height:140px;
	width:auto;
}

@media only screen and (max-width: 1023px) {



} /* End Medium Screen Media Query */



@media only screen and (max-width: 720px) {



	

} /* End Small Screen Media Query */