/*
    Created on : 2016-03-21, 9:45:08 AM
    Author     : David O'Donnell
*/

/* Media queries for various table and other widths */
@media screen and (max-width:900px) {
	* {
		/*outline:1px dotted gold !important;*/
	}

	html, body {
		width:100vw !important;
		min-width:100vw !important;
		max-width:100vw !important;
	}

	#adminbar, #main-area, #bottombar, #header, #head-content, #content, #navbar, #lede, #specialContent {
		max-width:100vw;
		width:100vw;
	}

	#adminbar, #bottombar, #navbar {
		padding:0.125rem 0.5rem;
	}

	#footer {
		display:flex;
		flex-wrap:wrap;
		height:auto;
		font-size:80%;
		max-width:100vw;
	}

	.footer_btn_region {
		padding:0 0.1rem !important;
	}

	#header {
		min-height:auto !important;
	}

	#head-content {
		flex-direction:column;
	}

	.head-container img {
		max-width:100vw;
	}

	#content {
		padding:0 !important;
	}

	#help_me_btn {
		white-space:nowrap;
	}

	.login-form {
		margin-top:0.3rem;
		margin-left:0 !important;
	}

	.user-category {
		margin-right:0.5rem !important;
		min-height:2rem !important;
	}

	.certificates-container {
		width:100vw !important;
		min-width:100vw !important;
		max-width:100vw !important;
	}

	.directions-block {
		padding:0.3rem!important;
	}

	h1 {
		margin-left:0.5rem;
	}

	h1 span.text-200 {
		font-size:150%;
	}

	.directions-block div h1 {
		margin-left:0;
	}

	.instruction-text {
		margin:0 0.5rem;
	}

	.gv-click::before {
		content:"tap to start" !important;
	}

	.fa5note-container {
		width:100% !important;
	}

	.answer-grid {
		margin-left:1em;
	}

	#content form p {
		margin-left:0.5rem;
		margin-right:0.5rem;
	}

	#content h2 {
		margin-left:0.5rem;
	}

	.session-content, .regular-content {
		padding:0.5rem 0!important;
	}

}

@media screen and (max-width:500px) {
	#navbar_login {
		justify-content:center !important;
	}

	#login_bar_form {
		display:none !important;
	}

	.login-form-label {
		width:45vw !important;
		text-align:left !important;
	}

	.form-inline .form-label {
		text-align:left !important;
		margin-bottom:0 !important;
		margin-top:0.5rem !important;
	}

	.label-offset {
		margin-left:0 !important;
	}

	.columns-2, .columns-3, .matrix-container {
		column-count:1!important;
		column-gap:0!important;
	}

	.subhead-directions {
		white-space:normal!important;
	}

	.faculty-list {
		margin-left:1rem!important;
	}

	ul.content-instructions {
		padding-left:1.3rem;
	}
}

@media screen and (min-width:500px) and (max-width:840px) {
	.login-form-label {
		width:25vw !important;
		text-align:right !important;
	}
}

@media screen and (max-width:700px) {
	.user-category {
		margin-right:0rem !important;
		min-height:2rem !important;
	}
}

@media screen and (max-width:1079px) and (min-width:901px) {
	/* Table width assignments, based on a standard width of 960px */
	.scroll_w {
		width:962px;
	}

	.width_w, .width_w_head, .width_w_body, .width_w_foot {
		width: 945px;
	}

	#content {
		max-width: 980px;
	}

	#navbar p, #navbar ul, #navbar form, #navbar form div, #navbar form div div
	#adminbar form, #adminbar p, #adminbar div,
	#bottombar p, #bottombar ul, #specialContent > div,
	#footNote p, #previewbar p, #auxbar p, nav > div, #lede > div {
		width: 980px;
		max-width: 980px;
	}

	#head-content {
		max-width: 980px;
	}
}

@media screen and (min-width:1080px) {
	/* Table width assignments, based on a standard width of 960px */
	.scroll_w {
		width:1026px;
	}

	.width_w, .width_w_head, .width_w_body, .width_w_foot {
		width: 1009px;
	}

	#content {
		width: 1048px;
		max-width: 1048px;
	}

	#navbar p, #navbar > div, #specialContent > div,
	#adminbar form, #adminbar p, #adminbar div,
	#bottombar p, #bottombar ul, #bottombar > div,
	#footNote p, #previewbar p, #auxbar p, nav > div, #lede > div {
		width: 1048px;
		max-width: 1048px;
	}

	#head-content {
		width: 1048px;
		max-width: 1048px;
	}

	.footer-box {
		padding: 0 0.3rem !important;
	}
}