/*CME CSS*/




#zoom_pan{display:none; }
#zoom_pan_post{display:none;}

#zoom_btn{position:absolute; bottom:2%; right:5%; 
display:none;
}

#zoom_btn_primer1{position:absolute; bottom:2%; right:5%; 
	
	}

	#zoom_btn_primer2{position:absolute; bottom:2%; right:5%; 
	
	}	

	#zoom_btn_primer3{position:absolute; bottom:2%; right:5%; 
	
	}	
	
	#zoom_btn_primer4{position:absolute; bottom:2%; right:5%; 
	
	}	
	
	#zoom_btn_primer5{position:absolute; bottom:2%; right:5%; 
	
	}	
	
	

#preTestFeedback{display:none;}

#openCommentsPretest:hover{cursor:pointer;}

/* .spacing{} */

.pointer_zoom{cursor: pointer;}

  .tiles {
    position: relative;
    top: 0;
    left: 0;
    width: 400px;
	height: 300px;
	display:none;
  }
  
  @media screen and (min-width: 480px) {
    
   .tiles {
    position: relative;
    top: 0;
    left: 0;
    width: 400px;
	height: 520px;
	display:none;
	}
   
}

  @media screen and (min-width: 580px) {
    
   .tiles {
    position: relative;
    top: 0;
    left: 0;
    width: 400px;
	height: 620px;
	display:none;
	}
   
}

  @media screen and (min-width: 780px) {
    
   .tiles {
    position: relative;
    top: 0;
    left: 0;
	width: 400px;
	height: 720px;
    
	display:none;
	}
	
   
}

.tiles_pimer{ 
	position: relative;
    top: 0;
    left: 0;
    width: 600px;
	height: 450px;
	} 

  .tile {
    position: relative;
  
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: transform .5s ease-out;
	background-image: url("");
  }

  .txt {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 10%;
    left: 0;
    font-family:  serif;
    font-size: 9px;
    line-height: 12px;
    text-align: center;
    cursor: default;
	color:#fff;
	display:none;
  }

  .x {
    font-size: 32px;
    line-height: 32px;
  }
  
  /*end trial */


.instructor_img{
	max-height: 175px;
	border-width:20px; 
	border-color:#FFF;
	border-radius: 8px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/*pointer over links */
.pointer{cursor: pointer; }
 
 
 .hidden{
display:none !important;

}
/*links for the catalog page header section */
.cat_header {color:#FFF;}
.cat_header:hover {color:#FFF;}

/*2 different ways to interact with the user to display information show grid by default*/
#grid{display:none;}
#list{display:block;}

#link_out{display:none;}

/*spacing names */
.top_spacing{margin-top:5%;}

.sm_top_spacing{margin-top:2%;}


/*form look, form has been removed for now may come back at a latter time */
#form_header{
	width:100%;
	color:#FFFFFF;
	background-color:#222222;
	
}

/*font color and spacing for the headers */
#title_header{color:#f5bd18;
padding:2%;
}

#cme_header{position:relative; text-align:center; }

#facts_ribbon{
	background-color:rgba(72, 135, 187,1);
}

.facts_text{color:#FFF;}

#preview_video{display:none;}

#outcome{display:none;}

#cme_header_text{

	padding-top:1%;
	padding-bottom:1%;
	width:102%;
    position: absolute;
    top: 60%;
	right:-1%;
	border-radius:10%;
	

background-color:rgba(72, 135, 187,.8);
color:#FFF;

}



/*header for over main page image */
.lesson_page_header{	
	padding-top:1%;
	padding-bottom:1%;
	width:90%;
    position: absolute;
    top: 5%;
	left:5%;
	color:#FFF !important;
text-shadow: 2px 2px 1px #444;
	}
	


.course_section{
	background-color:rgba(72, 135, 187,.8);
color:#FFF !important;
width:100% ;
	
}

.course_section_line{
	padding:0;
	margin:0;
	background-color:rgba(72, 135, 187,1);
	border-bottom:rgba(72, 135, 187,1);
	color:rgba(72, 135, 187,1);
}

/*responsive video container to wrap any video in */

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.video-responsive video{
	    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
	
}

#post-test_btn{
	position:absolute;
	z-index:5;
	left:40%;
	top:50%;

}

/*Styles for step progession of attaining CME credit */

.current_step{color:rgba(72, 135, 187,1);}
#step1{display:inline-block;}
#step2{display:none;}
#step3{display:none;}
#post_test_cme{
	display:block; 
	background-color:#f6f6f6;
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	 }

/*responsive font  for over the main image*/

.display-5 {
  font-size:1.6rem;
}
@media (min-width: 576px){ 
	.display-5 {
		font-size: 2.4rem;
  }
 }

@media (min-width: 768px){ 
	.display-5 {
		font-size: 2.8rem;
  }
 }
 
 @media (min-width: 992px){ 
	.display-5 {
		font-size: 3.2rem;
  }
 }
 
 

#active_area_rf{
	background-color:#FFF;
	min-height:300px;

	

	
}

/* @media only screen and (max-width: 600px) { */
   
/* #ind_answer_desc{padding-top:2%; width:250px; margin:auto;} */

/* } */

/* @media only screen and (min-width: 800px) {  */
   
/* #ind_answer_desc{padding-top:2%; width:550px; margin:auto;}  */

 /* }  */


hr.blue_grad{

	border: 0;
    height: 3px;
	margin:auto;
	margin-top:10px;
	margin-bottom:2%;
	width:80%;
    background: #f0b519;
    background-image: linear-gradient(to right,#FFF, #4887BB, #FFF);
	
}

/*gradient line for quiz breaks*/
hr.yellow_grad {
    border: 0;
    height: 3px;
	margin:auto;
	margin-top:10px;
	margin-bottom:2%;
	width:80%;
    background: #f0b519;
    background-image: linear-gradient(to right,#FFF, #f0b519, #FFF);
}

#live_results, #live_results_post{position:absolute; bottom:0; right:0; padding-right:2%; color:#FFF; display:none;}

/* #submit_btn, #submit_btn_post{position:absolute; bottom:50%; right:25%;  color:#FFF; display:none;} */ */
 #submit_btn, #submit_btn_post{color:#FFF; display:none;}  

#questions{position:relative; }

#questions_post{position:relative;}

#grade1_zoom_primer{position: relative;}

#question_image{display:none; padding:0% 0% 1%; }

#grade0, #grade1, #grade2, #grade3, #grade4,  #grade5{display:none; margin-top:2%; margin-bottom:20px; width:100%; }

#grade0_post, #grade1_post, #grade2_post, #grade3_post, #grade4_post,  #grade5_post{ margin-top:2%; margin-bottom:20px; width:100%; }

#submit_btn, #submit_btn_post{display:none; margin-top:2%; margin-bottom:20px; width:50%;}

#summary, #summary_post{display:none; margin-top:2%;}

#mini_course_material{display:block; margin-top:2%;}

#wrong_btn, #wrong_btn_post{display:none; margin-top:2%;}

#start_btn, #lesson_start_btn{display:none; margin-top:2%;margin-bottom:2%; width:50%;}

#continue_btn1{ margin-top:5%;margin-bottom:2%; width:50%;}

#answer_description, #numberQuestionsDropDown, #career_select,  #side_note {display:none;}

/* #next{ }

.clickModal{} */

.choice_btn {
   width: 100%;
   min-width: 50px;  
   max-width: 300px; 
}

 #wrong_images_post{padding:5%; padding-top:1%; margin-left:5%; }
#wrong_images_header, #wrong_images_header_post{display:none;}

.post_test_btn{display:none;}

#post_course_material{display:none;}

#question_result, #question_result_post{position:absolute; bottom:25%; right:25%;  display:none; margin-top:2%; padding:2%; width:50%; background-color:rgba(255,255,255,.6);}

hr{color:#222; background-color:#222; border-bottom-color:#222;}

.go_green{color:#008000;}
.stop_red{color:#ff0000;}

#header_background{background-color:rgba(68,68,68,.9);}


#number_questions{margin-top:5%;}

#game_description{ margin-top:2.5%;}

.blue_button{
	color:#FFF;
	background-color:#4887BB;
	}

	.blue_button_selected{
		color:#FFF;
		background-color:green !important;
		}

		.blue_button_selected:hover{
			color:#FFF;
			background-color:green !important;
			}		
	
.hoverable{color:#4887BB; cursor: pointer;}	

.blue_link{color:#4887BB;}

.blue_button_dis{
	color:#FFF;
	background-color:#4887BB;
	}

	.blue_button_dis:hover{
		color:#FFF;
		background-color:#4887BB;
		}	
	
.blue_button:hover{
	color:#FFF;
	background-color:#659ac6;
	}	

#numberQuestionsDropDown {
    /* background-color: #4887BB; */
    /* color: white; */
    padding: 12px;
    /* border-radius: 25px; */
    cursor: pointer;
}

#reset_btn_final{
    background-color: #5699BC;
    color: white;
   
    border-radius: 25px;
    cursor: pointer;
}

#reset_btn_final:hover{background-color:#4d89a9;}


/*zoom section for photos*/
.zoom {
  position: relative; 
  border: 1px solid #333;
  margin: 2%;
  overflow: hidden;
  width: 540px;
}
.zoom:hover {
  transform: scale(1.1);
  transition:.4s;
  cursor: zoom-in;
}

/*class for the result images pdding */

.db_image0{
	padding:1%;
	border-style:solid;
	border-color: green;
	border-width: 5px;
	
	
}

.db_image5{
	padding:1%;
	border-style:solid;
	border-color: 	#800000;
	border-width: 5px;
	
	
}

.db_image4{
	padding:1%;
	border-style:solid;
	border-color: red;
	border-width: 5px;
	
	
}

.db_image2{
	padding:1%;
	border-style:solid;
	border-color: yellow;
	border-width: 5px;
	
	
}

.db_image3{
	padding:1%;
	border-style:solid;
	border-color: orange;
	border-width: 5px;
	
	
}

.db_image1{
	padding:1%;
	border-style:solid;
	border-color: greenyellow;
	border-width: 5px;
	
	
}


.results_image_correct{
	padding:1%;
	border-style:solid;
	border-color: green;
	border-width: 5px;
	
	
}

.results_image_wrong{
	padding:1%;
	border-style:dotted;
	border-color: red;
	border-width: 5px;
	
	
}

.legend_correct{

	border-style:solid;
	border-color: green;
	border-width: 2px;
	
	
}

.legend_wrong{

	border-style:dotted;
	border-color: red;
	border-width: 2px;
	
	
}

/*for the hover effect for the images in the mini-course*/
.brightness {
    background-color: #fff;
 
}
.brightness img:hover {
	cursor: pointer;
    opacity: .8;
}


/*Modal customaization*/

.custom_modal_header{background-color: #FFCC00;; color:#444;}

.custom_modal_footer{background-color: #444; color:#fff;}