/* CSS Document */
.center_back{
	background-color:#FFF;
	opacity:.9;
	padding: 3px 3px 0px 10px;
}
#tools{
	text-align:right;
}
.supporting_text_control{
	display:inline-block;
	padding:2px 2px 2px 10px;
	border-radius:4px;
	border:1px solid #6F6F6F;
	background-color:#6F6F6F;
	color:#fff;
}
#university_logo{
	margin:15px 0px 5px 0px;
}
.text_control{
	display:inline-block;
	padding:2px 2px 2px 10px;
	border-radius:4px;
	border:1px solid #6F6F6F;
	background-color:#6F6F6F;
	color:#fff;
}
.narration_control{
	display:inline-block;
	padding:2px 2px 2px 10px;
	border-radius:4px;
	border:1px solid #6F6F6F;
	background-color:#6F6F6F;
	color:#fff;
}
header{
	padding-top:5px;
	margin-bottom:5px;
}
header .school_title{
	padding-top:5px;
	font-size:180%;
	margin-bottom:0;
}
header  .rlo_title{
	font-size:120%;

	padding-bottom:0;
	margin-bottom:0;
}
html > body > div.container > nav#main_nav.navbar.navbar-default div{
	padding:0px;
}
html > body > div.container > nav#main_nav.navbar.navbar-default > div#bs-example-navbar-collapse-1.collapse.navbar-collapse > ul.nav.navbar-nav > li > a{
	padding:auto 5px;
}
.main_nav{
	font-size:80%;
	position: relative;
	z-index: 1000;
	margin-bottom:12px;
}
nav.section_nav{
	padding:5px 5px;
}
nav.section_nav ul{
	list-style:none;
	padding:0;
	margin:0;
}
nav#main_nav ul li.alert-info{
	background-color:#DFF1FF;
}
.center img.img-responsive{
	margin:0 auto 5px auto;
}
.center iframe{
	margin:0 auto 5px auto;
	text-align:center;
	display:block;
	background-color:transparent;
}
article{
	clear:both;
	padding-top:10px;
	border:2px solid #3276B1;
	border-bottom:none;
	border-radius:10px 10px 0 0 ;
	margin-top:10px;
	padding:10px;
}	
article h1{
	margin-top:10px;
	border-bottom:1px solid #3276B1;
}
.resource_nav_bar{
	margin-bottom:20px;
}
.vertical-center {
	/*min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
 	/*min-height: 100vh; /* These two lines are counted as one :-)       */

  /*display: flex;
  align-items: center;*/
}
article .vertical-center h1{
	padding-top:70px;
	/**/border-bottom:none;
	text-align:right;
}
article #scenario_panel a:link span, #scenario_panel a:visited span{
	display:block;
	background-color:#000;
	color:#fff;
	text-align:center;
	min-height:5.0em;
}
article #scenario_panel a:hover span{
	background-color:#1D9999;
	color:#fff;
	text-decoration:none;
}
.default_container{
	background-color:#fff;
	padding:10px;
	color:#000;
}
#delete_info, #reset_info{
	margin-top:10px;
}
.rec_panel table{
	background-color:#fff;
}
.video-transcript{
	padding-top:5px;
}
footer{
	background-color:#000;
	color:#fff;
	padding:20px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom:10px;
}
footer ul{
	margin:0;
	padding:0;
	list-style:none;
}
footer p{
	margin-bottom:0px;
}
footer img{
	margin-top:5px;
}
footer a:link, footer a:visited{
	color:#428bca;
}
footer a:hover{
	color: #FFB900;
}
.pop_up_hide{
	display:none;
}
.panel_current{
	display:block;
}
#supporting_image{
	position:relative;
}
#pop_up_panel{
	position:absolute;
	top:0;
	margin:70px auto 0 auto;
}
/* START Quiz styling */
.btn{
	white-space: normal;
}
#statements{
	text-align:center;
	padding:0;
	margin:0;
}
#statements li{
	margin-bottom:10px;
	list-style:none;
}
#statements li a{
	width:80%;
}
.results{
	font-size:160%;
}
#video_holder{
	text-align:center;
	
}
#video_holder iframe{
	margin: 0 auto;
}

.opacity50{
	opacity:0.5;
}



/* START btn-hs styling */

.btn-hs{color:#ffffff;background-color:#0194A0;border-color:#00848F;}.btn-hs:hover,.btn-hs:focus,.btn-hs:active,.btn-hs.active,.open .dropdown-toggle.btn-hs{color:#ffffff;background-color:#00767F;border-color:#00676F;}
.btn-hs:active,.btn-hs.active,.open .dropdown-toggle.btn-hs{background-image:none;}
.btn-hs.disabled,.btn-hs[disabled],fieldset[disabled] .btn-hs,.btn-hs.disabled:hover,.btn-hs[disabled]:hover,fieldset[disabled] .btn-hs:hover,.btn-hs.disabled:focus,.btn-hs[disabled]:focus,fieldset[disabled] .btn-hs:focus,.btn-hs.disabled:active,.btn-hs[disabled]:active,fieldset[disabled] .btn-hs:active,.btn-hs.disabled.active,.btn-hs[disabled].active,fieldset[disabled] .btn-hs.active{background-color:#0194A0;border-color:#00848F;}
/**/
/* END btn-hs styling */



/* START MOVA CSS */
.round-button {
	/*width:25%;*/
	width:80px;
}
.round-button-circle {
	width: 100%;
	height:0;
	padding-bottom: 100%;
    border-radius: 50%;
	border:2px solid #cfdcec;
    overflow:hidden;
    
    background: #86CE3D; 
    box-shadow: 0 0 3px gray;
}
.round-button-circle:hover {
	background:#30588e;
}
.round-button a {
    display:block;
	float:left;
	width:100%;
	padding-top:50%;
    padding-bottom:50%;
	line-height:1em;
	margin-top:-0.5em;
    
	text-align:center;
	color:#fff;
    font-family:Verdana;
    font-size:0.9em;
    font-weight:bold;
    text-decoration:none;
}
#intro_activity{
	position:relative;
}
#intro_activity .intro_act_btn:link, #intro_act_btn .intro_act_btn:visited{
	border:2px solid #3B2A92;
	background-color:#FFFFFF;
	color: #3B2A92;
	padding:5px 5px 2px 5px;
	font-size:200%;
	border-radius:5px;
}
#intro_activity .intro_act_btn:hover, #intro_act_btn .intro_act_btn:focus{
	background-color: #3B2A92;
	border:2px solid #3B2A92;
	border-radius:5px;
	color:#fff;
}
#intro_activity .intro_act_btn .guidance_label{
	display:none;
}
#intro_activity #but01{
	position:absolute;
	top:5%;
	left:25%;
}
#intro_activity #but02{
	position:absolute;
	top:5%;
	left:65%;
}
#intro_activity #but03{
	position:absolute;
	top:30%;
	left:15%;
}
#intro_activity #but04{
	position:absolute;
	top:30%;
	left:75%;
}
#intro_activity #but05{
	position:absolute;
	top:60%;
	left:25%;
}
#intro_activity #but06{
	position:absolute;
	top:75%;
	left:50%;
}
#intro_activity #but07{
	position:absolute;
	top:60%;
	left:70%;
}
#intro_activity .response{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
	background-color:rgba(0,0,0,0.90);
	color:#fff;
	width:100%;
	height:100%;
	z-index:800;
	padding:20%;
	font-size:120%;
	font-weight:bold;
}
#intro_activity .response .guidance_close{
	position:absolute;
	top:5%;
	right:5%;
	background-color:#fff;
	padding:3px;
	border:1px solid #fff;
	border-radius:3px;
}
.ui-slider{
	background-color:#C4C4C4;
}
.ui-slider-horizontal{
	
}
.ui-slider-range{
	background-color:#6DE898;
	
}
#slider{
	background-color:#C4C4C4;
}
.ui-slider-handle{
	background-color:#1C2245;	
}

.ui-slider-horizontal .ui-slider-handle{
	background-color:#555050;
	border-color:#646464;
}
.ui-slider-horizontal .ui-slider-handle.slider_unselected{
	opacity:0.4;
	background-color:red;
}
.ui-slider-range_unselected{
	opacity:0;
}

#user_ratings span{
	display:block;
	
}
#user_ratings .row{
	margin-bottom:5px;
}
#selected_vid_container{
	margin-bottom:15px;
}
.video_selection img{
	border:4px solid transparent;
}
.video_selection img:hover, .video_selection img:focus{
	transition: 0.5s;
	border:4px solid #45B8D9;
}
#task_1, #task_2, #task_3{
	margin-top:10px;
}
.author_rating{
	color:green;
	font-weight:bold;
	font-size:200%;
	position:absolute;
	top:50%;
}
.feedback_selection:link,.feedback_selection:visited{
	border-radius:3px;
	z-index:800;
	color:green;
	border:3px solid transparent;
}
.feedback_selection:focus,.feedback_selection:hover{
	color:green;
	text-decoration:none;
	background-color:#fff;
	border:3px solid green;
}
/* END MOVA CSS */

/* START Feedback Form */
.feedback_form{
	width:100%;
	height:3000px;
	border:none;
	margin:10px 0;
}
/* END Feedback Form */

/* END Quiz styling */
@media(max-width:991px){
	#tools span.tool_text{
		display:none;
	}
	.vertical-center {
	  display: block;
	  text-align:center;
	}
	article .vertical-center h1{
		padding-top:0px;
		border-bottom:1px solid #000;;
		text-align:center;
	}
}
@media(max-width:767px){
	header{
		display:none;
	}
	#tools{
		background-color:#999;
		padding:2px;
		text-align:center;
		float:none!important;
		position:fixed;right:0;left:0;z-index:1030;/*top:20px;*/
	}
	#tools span.tool_text{
		display:none;
	}
	#small_screen_menu_container{
		margin-top:10px;
	}
	p.rlo_title{
		padding-top:40px;
		padding-bottom:0;
		margin-bottom:0;
		font-size:120%;
		font-weight:bold;
		text-align:center;
		/*background-color:#333;
		color:#fff;
		font-size:110%;
		position:fixed;right:0;left:0;top:0;z-index:1020;*/
	}
	#small_screen_menu{
		list-style:none;
		padding:0;
		margin:0;
	}
	#small_screen_menu li{
		padding:0;
		margin:0 0 5px 0;
	}
	#section_nav li a{
		width:48%;
	}
	article{
		border:none;
	}
	article h1{
		text-align:center;
		font-size:200%;
		padding-bottom:10px;
		border-bottom-width:2px;
	}
	article .vertical-center h1{
	border-bottom:none;
	text-align:center;
	}

	#doc_top_btn{
		margin:20px 10px;
	}
	footer div.text-right{
		text-align:center;
		margin-top:20px;
	}
	footer{
		text-align:center;
		padding-bottom:40px;
	}
	footer #footer_uon p{
		padding-top:25px;
		padding-bottom:20px;
		font-size:115%;
	}
	.feedback_form{
	height:4000px;
	}
	/* START STRESS RLO CODE*/
	#generic_healthcare_sudent{
		display:none;
	}
	#body-affect_btns{
		display:none;
	}
	#reset_button{
		display:none;
	}
	
	#mobile_base_nav{
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;
		margin-bottom:0;
		min-height: 40px;
		backround-color:#000;
	}
	#mobile_base_nav a{
		width:45%;
	}
	#mobile_base_nav a:first-child{
		margin-right:8%;
	}
	.btn-mobile-base { 
  color: #ffffff; 
  background-color: #000000; 
  border:none;
  border-color: #09022B; 
} 
 
.btn-mobile-base:hover, 
.btn-mobile-base:focus, 
.btn-mobile-base:active, 
.btn-mobile-base.active, 
.open .dropdown-toggle.btn-mobile-base { 
  color: #ffffff; 
  background-color: #0095A1; 
  border-color: #09022B; 
} 
 
.btn-mobile-base:active, 
.btn-mobile-base.active, 
.open .dropdown-toggle.btn-mobile-base { 
  background-image: none; 
} 
 
.btn-mobile-base.disabled, 
.btn-mobile-base[disabled], 
fieldset[disabled] .btn-mobile-base, 
.btn-mobile-base.disabled:hover, 
.btn-mobile-base[disabled]:hover, 
fieldset[disabled] .btn-mobile-base:hover, 
.btn-mobile-base.disabled:focus, 
.btn-mobile-base[disabled]:focus, 
fieldset[disabled] .btn-mobile-base:focus, 
.btn-mobile-base.disabled:active, 
.btn-mobile-base[disabled]:active, 
fieldset[disabled] .btn-mobile-base:active, 
.btn-mobile-base.disabled.active, 
.btn-mobile-base[disabled].active, 
fieldset[disabled] .btn-mobile-base.active {
	background-color: #666;
	border-color: #09022B;
} 
 
.btn-mobile-base .badge { 
  color: #000000; 
  background-color: #ffffff; 
}
.round-button {
	margin:10px auto;
}
	
	
}

@media(min-width:768px){
	
	/* START stress affect body styling */
	#body-affect_btns{
		padding:0;
		margin:10px 0;
		list-style:none;
		text-align:center;
	}
	#body-affect_btns li{
		display:inline;
		list-style:none;
	}
	.affect_body_container{
		border:4px solid #0194A0;
		border-radius:10px;
		padding:10px;
	}
	.panel .panel-heading{
		display:none;
	}
	.panel{
		border:none;
		box-shadow:none;
		-webkit-box-shadow:none;
	}
	.panel-group .panel-heading+.panel-collapse .panel-body{
		border-top:none;
	}
	/* END stress affect body styling */
	.post-it p.info{
	padding:60px 100px;
	font-size:120%;
	color:#fff;
	background-color:#0194A0;
	}
	.post-it p.close_info{
		padding:20px 100px;
		font-size:120%;
		color:#fff;
		background-color:#fff;
	}
	.post-it .post-it_heading{
		padding:60px 100px 0 100px;
		font-size:140%;
		color:#fff;
		background-color:#0194A0;
		text-align:center;
		margin-bottom:0;
	}
	
	.post-it_neg p.info{
	padding:60px 100px;
	font-size:120%;
	color:#fff;
	background-color:#A01547;
	}
	.post-it_neg p.close_info{
		padding:20px 100px;
		font-size:120%;
		color:#fff;
		background-color:#fff;
	}
	.post-it_neg .post-it_heading{
		padding:60px 0 0 0;
		font-size:140%;
		color:#fff;
		background-color:#A01547;
		text-align:center;
		margin-bottom:0;
	}
	
		
	

}
@media(min-width:992px) and (max-width:1200px){

	article .vertical-center h1{
	padding-top:35px;
	border-bottom:none;
	text-align:right;
	}
	
}