/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 14, 2017 */
@font-face {
    font-family: 'montserratblack';
    src: url('/fonts/montserrat-black-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratblack_italic';
    src: url('/fonts/montserrat-blackitalic-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratbold';
    src: url('/fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratbold_italic';
    src: url('/fonts/montserrat-bolditalic-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratextrabold';
    src: url('/fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratextrabold_italic';
    src: url('/fonts/montserrat-extrabolditalic-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratextralight';
    src: url('/fonts/montserrat-extralight-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratextralight_italic';
    src: url('/fonts/montserrat-extralightitalic-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-extralightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratitalic';
    src: url('/fonts/montserrat-italic-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlight';
    src: url('/fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratlight_italic';
    src: url('/fonts/montserrat-lightitalic-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratmedium';
    src: url('/fonts/montserrat-medium-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratmedium_italic';
    src: url('/fonts/montserrat-mediumitalic-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('/fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratsemibold';
    src: url('/fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratsemibold_italic';
    src: url('/fonts/montserrat-semibolditalic-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratthin';
    src: url('/fonts/montserrat-thin-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratthin_italic';
    src: url('/fonts/montserrat-thinitalic-webfont.woff2') format('woff2'),
         url('/fonts/montserrat-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
    background: #000000;
    font-family: Helvetica,Arial;
}

.headerBar {
    background: #004f9e;
    background: -moz-linear-gradient(top, #004f9e 0%, #0066cc 100%);
    background: -webkit-linear-gradient(top, #004f9e 0%,#0066cc 100%);
    background: linear-gradient(to bottom, #004f9e 0%,#0066cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004f9e', endColorstr='#0066cc',GradientType=0 );
}

.qqcOuterPageContainer {
    background-image: url('/images/background_weaveRepeat.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
		max-width: 2732px;
		min-width: 280px;
		margin: 0px auto;
}

.qqcPageContainer {
    background-image: url('/images/background_weaveWithFlare.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
		max-width: 2732px;
		min-width: 280px;
		margin: 0px auto;
}

.studentHomeTextInputDiv-large {
		font-size: 37.5px;
}

.studentHomeTextInput-large,
.studentHomeTextInput-large:focus {
    border-radius: 50px;
    border: 10px solid #fb651d;
    background-color: #fff;
    text-align: center;
    font-family: montserratregular, arial;
    xfont-size: 90px;
    color: #bfbfbf;
    height: 1.8em;
    width: 5em;
    display: inline;
}

.studentHomeText {
    text-shadow: 0px 3px 0px rgba(255, 255, 255, 1);
    color: #000000;
   	xcolor: #bfbfbf;
    font-family: montserratregular, arial;
    font-size: 37.5px;
    font-weight: 400;
} 


.headlineTeacherLogin {
    text-shadow: 0px 3px 0px rgba(255, 255, 255, 1);
    color: #000;
    font-family: montserratlight, arial;
    font-size: 35px;
    font-weight: 400;
} 

.headlineStudentSubmission {
    text-shadow: 0px 3px 0px rgba(255, 255, 255, 1);
    color: #000;
    font-family: montserratlight, arial;
    font-size: 27.5px;
    font-weight: 400;
} 


.codeEntryFieldDiv {
		font-size: 24px;
}

.codeEntryFieldInput,
.codeEntryFieldInput:focus {
    border-radius: 50px;
    border: 10px solid #fb651d;
    background-color: #fff;
    text-align: center;
    font-family: montserratregular, arial;
    color: #bfbfbf;
    height: 2.4em;
    display: inline;
}


.headlineTeacherDashboardDiv {
		font-size: 32.5px;
}
.headlineTeacherDashboard {
    text-shadow: 0px 3px 0px rgba(255, 255, 255, 1);
    color: #000;
    font-family: montserratlight, arial;
    font-weight: 400;
} 


.headlineStatusPageDiv {
		font-size: 32.5px;
}
.headlineStatusPage {
    text-shadow: 0px 3px 0px rgba(255, 255, 255, 1);
    color: #000;
    font-family: montserratlight, arial;
    font-weight: 400;
}

.statusPageTitleCode {
    color: #004f9e;
    font-family: montserratbold, arial;
    font-size: 18.75px;
    font-weight: 700;
    padding:10px 10px 20px 10px;
} 

.statusPageTitleStudents {
    color: #004f9e;
    font-family: montserratbold, arial;
    font-size: 14px;
    font-weight: 700;
    padding:5px 10px 5px 10px;
    background-color:#f2f2f2
} 

  #rrQuads {
    border-radius: 20px;
    border: 10px solid #ffffff;
    background-color: #ffffff;
  }
  .quadrant { 
  	xwidth:170px;
  	xheight:145px;
  	xborder:0px solid grey;
    border-radius: 20px;
    xborder: 10px solid #ffffff;

  	position:absolute;
  	xpadding-top:25px;
  	overflow:hidden;
  	font-size: 80px;
  	font-weight: bold;
  	cursor: pointer;
  }
 
  #quadrantA { 
  	border: 10px solid #f3725d;
  	background-color: #f3725d;
	}
	
  #quadrantB { 
  	border: 10px solid #319cbc;
  	background-color: #319cbc;
	}
	
  #quadrantC { 
  	border: 10px solid #acd25e;
  	background-color: #acd25e;
	}
	
  #quadrantD { 
  	border: 10px solid #fee465;
  	background-color: #fee465;
	}
	
  #quadrantA.quadrantSelected,
  #quadrantB.quadrantSelected,
  #quadrantC.quadrantSelected,
  #quadrantD.quadrantSelected {
  	border-color: #000000;
  }
  
  .quadrantNum {
		xwidth:170px;
		xheight:145px;
		border:0px solid grey;
		position:absolute;
		overflow:hidden;
		font-size: 80px;
		text-align: center;
		font-family: Helvetica,Arial;
		font-weight: normal;
		color: #000000;
	}
	
	.quadrantTotalSubmitted {
		border:0px solid grey;
		position:absolute;
		overflow:hidden;
		text-align: center;
		xfont-size: 200px;
		font-family: Helvetica,Arial;
		font-weight: normal;
		color: #000000;
	}
 
 
 
input[type=checkbox].bigOrangeCheckbox {
	position: absolute; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0;
	border:0;
}

input[type=checkbox].bigOrangeCheckbox + label.bigOrangeCheckboxLabel {
	padding-left:45px;
	height:35px; 
	display:inline-block;
	line-height:18px;
	background-repeat:no-repeat;
  font-family: montserratbold, arial;
	font-size:18px;
	font-weight: normal;
	vertical-align:middle;
	cursor:pointer;
	background-image:url(/images/checkBox-unchecked.png);
	background-size: 35px 35px;
}

input[type=checkbox].bigOrangeCheckbox:checked + label.bigOrangeCheckboxLabel {
	background-image:url(/images/checkBox-checked.png);
	background-size: 35px 35px;
}
 
  	
/* SMALL */
@media screen and (max-width: 39.9375em) {
  .qqc-font-scale-1 {
    font-size: 1em !important;
    line-height: 1.13em !important;
  }
  .qqc-font-scale-2 {
    font-size: 1em !important;
    line-height: 1.13em !important;
  }
  .qqc-font-scale-3 {
    font-size: 1em !important;
    line-height: 1.13em !important;
  }
  .logo-small-adjust {
  	max-width: 8em;
  }
  .qqc-width-limit-1 {
	  width:100%;
	}
}

/* MEDIUM */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .qqc-font-scale-1 {
    font-size: 1.4em !important;
    line-height: 1.13em !important;
  }
  .qqc-font-scale-2 {
    font-size: 1.5em !important;
    line-height: 1.13em !important;
  }
  .qqc-font-scale-3 {
    font-size: 1.2em !important;
    line-height: 1.13em !important;
  }
  .logo-small-adjust {
  	max-width: 7em;
  }
  .qqc-width-limit-1 {
	  width:85%;
	}
}

/* LARGE */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .qqc-font-scale-1 {
    font-size: 1.6em !important;
    line-height: 1.13em !important;
  }
  .qqc-font-scale-2 {
    font-size: 2em !important;
    line-height: 1.13em !important;
  }
  .qqc-font-scale-3 {
    font-size: 1.4em !important;
    line-height: 1.13em !important;
  }
  .logo-small-adjust {
  	max-width: 12em;
  }

  .padding-left-large-50 {
  	padding-left: 50px;
  }
  .padding-right-large-50 {
  	padding-right: 50px;
  }
  .padding-left-large-100 {
  	padding-left: 100px;
  }
  .padding-right-large-100 {
  	padding-right: 100px;
  }

  .padding-left-large-50-fixed {
  	padding-left: 50px;
  }
  .padding-right-large-50-fixed {
  	padding-right: 50px;
  }
  .qqc-width-limit-1 {
	  width:70%;
	}
}

/* X-LARGE */
@media screen and (min-width: 75em) and (max-width: 89.9375em) {
  .qqc-font-scale-1 {
    font-size: 2em !important;
    line-height: 1.13em !important;
  }
  .qqc-font-scale-2 {
    font-size: 2.2em !important;
    line-height: 1.13em !important;
  }
  .qqc-font-scale-3 {
    font-size: 1.8em !important;
    line-height: 1.13em !important;
  }
  .logo-small-adjust {
  	max-width: 14em;
  }

  .padding-left-large-50 {
  	padding-left: 50px;
  }
  .padding-right-large-50 {
  	padding-right: 50px;
  }
  .padding-left-large-100 {
  	padding-left: 100px;
  }
  .padding-right-large-100 {
  	padding-right: 100px;
  }

  .padding-left-large-50-fixed {
  	padding-left: 50px;
  }
  .padding-right-large-50-fixed {
  	padding-right: 50px;
  }
  .qqc-width-limit-1 {
	  width:60%;
	}
}

/* XX-LARGE */
@media screen and (min-width: 90em) and (max-width: 124.9375em) {
  .qqc-font-scale-1 {
    font-size: 2.4em !important;
    line-height: 1.13em !important;
  }
  .qqc-font-scale-2 {
    font-size: 2.4em !important;
    line-height: 1.13em !important;
  }
  .qqc-font-scale-3 {
    font-size: 1.8em !important;
    line-height: 1.13em !important;
  }
  .logo-small-adjust {
  	max-width: 20em;
  }

  .padding-left-large-50 {
  	padding-left: 100px;
  }
  .padding-right-large-50 {
  	padding-right: 100px;
  }
  .padding-left-large-100 {
  	padding-left: 200px;
  }
  .padding-right-large-100 {
  	padding-right: 200px;
  }

  .padding-left-large-50-fixed {
  	padding-left: 50px;
  }
  .padding-right-large-50-fixed {
  	padding-right: 50px;
  }
  .qqc-width-limit-1 {
	  width:60%;
	}
}

/* XXX-LARGE */
@media screen and (min-width: 125em) {
  .qqc-font-scale-1 {
    font-size: 2.4em !important;
    line-height: 1.13em !important;
  }
  .qqc-font-scale-2 {
    font-size: 4em !important;
    line-height: 1.13em !important;
  }
  .qqc-font-scale-3 {
    font-size: 4em !important;
    line-height: 1.13em !important;
  }
  .logo-small-adjust {
  	max-width: 24em;
  }

  .padding-left-large-50 {
  	padding-left: 100px;
  }
  .padding-right-large-50 {
  	padding-right: 100px;
  }
  .padding-left-large-100 {
  	padding-left: 200px;
  }
  .padding-right-large-100 {
  	padding-right: 200px;
  }

  .padding-left-large-50-fixed {
  	padding-left: 50px;
  }
  .padding-right-large-50-fixed {
  	padding-right: 50px;
  }
  .qqc-width-limit-1 {
	  width:60%;
	}
}