/* your styles go here */
.white_bgcolor
{
	background-color:#FFFFFF;
}
.table_border_black
{
	border: 3px solid black;
}
.table_header_color
{
	background-color:#E2CF74;
}
.table_header_color_blue
{
	background-color:#8FD5E9;
}
.table_header_color_green
{
	background-color:#23B850;
}
.table_body_color_green
{
	background-color:#41DA6F;
}
.table_body_color_blue
{
	background-color:#DCF2F8;
}
.table_body_color
{
	background-color:#EFE4B0;
}
/*.bg_color{
 background-color: #91a5ba;
}*/
.light_blue_button
{
	width:100%;
	height:100%;
	color:#FFFFFF;
	background-color:#00A2E8;
	border-color:#00A2E8;
	font-size:12px;
	border-radius: 4px;
}
.light_blue_button:hover,
  .light_blue_button:active,
  .light_blue_button:focus,
  .light_blue_button.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #0080C0;
  font-size:15px;
  color: #FFFFFF;
  border-color: #0080C0;
}
.deep_blue_button
{
	width:100%;
	height:100%;
	color:#FFFFFF;
	background-color:#3F48CC;
	border-color:#3F48CC;
	font-size:12px;
	border-radius: 4px;
}
.deep_blue_button:hover,
  .deep_blue_button:active,
  .deep_blue_button:focus,
  .deep_blue_button.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #3139AE;
  font-size:15px;
  color: #FFFFFF;
  border-color: #3139AE;
}
.brown_blue_button
{
	width:100%;
	height:100%;
	color:#FFFFFF;
	background-color:#B97A57;
	border-color:#B97A57;
	font-size:12px;
	border-radius: 4px;
}
.brown_blue_button:hover,
  .brown_blue_button:active,
  .brown_blue_button:focus,
  .brown_blue_button.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #A76039;
  color: #FFFFFF;
  font-size:15px;
  border-color: #A76039;
}
.lime_button {
	width:100%;
	/*height:30px;/*40px*/
	height:100%;
	  color: #FFFFFF;/*fff*/
	  background-color: #B5E61D; /*#004E64*/
	  border-color: #B5E61D;
	  /*letter-spacing: 0.05em;*/
	  font-size:12px;
	  border-radius: 4px;
  }
  .lime_button:hover,
  .lime_button:active,
  .lime_button:focus,
  .lime_button.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #96BA27;
  font-size:15px;
  color: #FFFFFF;
  border-color: #96BA27;
}
.deep_grey_button {
	width:100%;
	height:100%;
	  color: #FFFFFF;/*fff*/
	  background-color: #91A5BA; /*#004E64*/
	  border-color: #91A5BA;
	  /*letter-spacing: 0.05em;*/
	  font-size:12px;
	  border-radius: 4px;
  }
  .deep_grey_button:hover,
  .deep_grey_button:active,
  .deep_grey_button:focus,
  .deep_grey_button.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #4B6E9C;
  font-size:15px;
  color: #FFFFFF;
  border-color: #4B6E9C;
}
.deep_yellow_button {
	width:100%;
	height:100%;
	  color: #FFFFFF;/*fff*/
	  background-color: #FFC90E; /*#004E64*/
	  border-color: #FFC90E;
	  /*letter-spacing: 0.05em;*/
	  font-size:12px;
	  border-radius: 4px;
  }
  .deep_yellow_button:hover,
  .deep_yellow_button:active,
  .deep_yellow_button:focus,
  .deep_yellow_button.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #D0A40B;
  font-size:15px;
  color: #FFFFFF;
  border-color: #D0A40B;
}
.light_yellow_button {
	width:100%;
	height:100%;
	  color: #FFFFFF;/*fff*/
	  background-color: #FFF200; /*#004E64*/
	  border-color: #FFF200;
	  /*letter-spacing: 0.05em;*/
	  font-size:12px;
	  border-radius: 4px;
  }
  .light_yellow_button:hover,
  .light_yellow_button:active,
  .light_yellow_button:focus,
  .light_yellow_button.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #D6CB06;
  font-size:15px;
  color: #FFFFFF;
  border-color: #D6CB06;
}
.deep_green_button {
	width:100%;
	height:100%;
	  color: #FFFFFF;/*fff*/
	  background-color: #23B850; /*#004E64*/
	  border-color: #23B850;
	  /*letter-spacing: 0.05em;*/
	  font-size:12px;
	  border-radius: 4px;
  }
  .deep_green_button:hover,
  .deep_green_button:active,
  .deep_green_button:focus,
  .deep_green_button.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #1D9842;
  font-size:15px;
  color: #FFFFFF;
  border-color: #1D9842;
}
.light_orange_button {
	width:100%;
	height:100%;
	  color: #FFFFFF;/*fff*/
	  background-color: #FF7F27; /*#004E64*/
	  border-color: #FF7F27;
	  /*letter-spacing: 0.05em;*/
	  font-size:12px;
	  border-radius: 4px;
  }
  .light_orange_button:hover,
  .light_orange_button:active,
  .light_orange_button:focus,
  .light_orange_button.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #E27123;
  font-size:15px;
  color: #FFFFFF;
  border-color: #E27123;
}
.light_tute_button {
	width:100%;
	height:100%;
	  color: #FFFFFF;/*fff*/
	  background-color: #0DB899; /*#004E64*/
	  border-color: #0DB899;
	  /*letter-spacing: 0.05em;*/
	  font-size:12px;
	  border-radius: 4px;
  }
  .light_tute_button:hover,
  .light_tute_button:active,
  .light_tute_button:focus,
  .light_tute_button.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #11977F;
  font-size:15px;
  color: #FFFFFF;
  border-color: #11977F;
}
.light_radish_button {
	width:100%;
	height:100%;
	  color: #FFFFFF;/*fff*/
	  background-color: #ED6F64; /*#004E64*/
	  border-color: #ED6F64;
	  /*letter-spacing: 0.05em;*/
	  font-size:12px;
	  border-radius: 4px;
  }
  .light_radish_button:hover,
  .light_radish_button:active,
  .light_radish_button:focus,
  .light_radish_button.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #C8574D;
  font-size:15px;
  color: #FFFFFF;
  border-color: #C8574D;
}
.light_grey_button {
	width:100%;
	height:100%;
	  color: #FFFFFF;/*fff*/
	  background-color: #C3C3C3; /*#004E64*/
	  border-color: #C3C3C3;
	  /*letter-spacing: 0.05em;*/
	  font-size:12px;
	  border-radius: 4px;
  }
  .light_grey_button:hover,
  .light_grey_button:active,
  .light_grey_button:focus,
  .light_grey_button.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #A79090;
  font-size:15px;
  color: #FFFFFF;
  border-color: #A79090;
}
/*admin dashboard*/
.bg_color_outside_admin{
 background-color: #C6EEFF;/*#e6e6e6*/
}
.bg_color_outside_parent
{
	background-color:#EFE4B0;
}
.grid_height{
	height:70px; /*75px*/
}
.icon_size{
	font-size: 20px;
}
#container11 {
  background-color:#FFFFFF;
  height: 50px;
  color: #999999;
}

#content11 {
  position: relative;
  /*float: left;*/
  text-align:left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.text_14
{
  font-family: Verdana,Tahoma,Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
.text_18_bold
{
  font-family: Verdana,Tahoma,Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
.text_15_bold
{
  font-family: Verdana,Tahoma,Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}
.text_15
{
  font-family: Verdana,Tahoma,Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
.text_15_green
{
  font-family: Verdana,Tahoma,Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #008040;
  text-decoration: none;
}
.link-hover:hover
{
 	border: 2px solid white;
    /*font-weight: 800;
	font-size:26px;*/
}
.exam_white_text {
	/*font-family: 'Poppins', sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto', sans-serif;
	color:#ffffff; 
	/*line-height: 44px;*/
	font-weight:500;
	font-size:1.3em;/*12px*/
	/*white-space:nowrap;*/
}
.title_header {
	/*font-family: 'Poppins', sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto', sans-serif;
	color:#000000; 
	/*line-height: 44px;*/
	font-weight:500;
	font-size:1.1em;/*12px*/
	/*white-space:nowrap;*/
}
.title_content {
	/*font-family: 'Poppins', sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto', sans-serif;
	color:#000000; 
	/*line-height: 44px;*/
	font-weight:500;
	font-size:1.0em;/*12px*/
	/*white-space:nowrap;*/
}
.title_content2 {
	/*font-family: 'Poppins', sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto', sans-serif;
	color:#000000; 
	/*line-height: 44px;*/
	font-weight:500;
	font-size:1.2em;/*12px*/
	/*white-space:nowrap;*/
}
.title_content3 {
	/*font-family: 'Poppins', sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto', sans-serif;
	color:#000000; 
	/*line-height: 44px;*/
	font-weight:500;
	font-size:1.5em;/*12px*/
	/*white-space:nowrap;*/
}
.small_blue_text {
	/*font-family: 'Poppins', sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto', sans-serif;
	color:#0088CC; 
	/*line-height: 44px;*/
	font-weight:500;
	font-size:0.9em;/*12px*/
	/*white-space:nowrap;*/
}
.title_content_white {
	/*font-family: 'Poppins', sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto', sans-serif;
	color:#ffffff; 
	/*line-height: 44px;*/
	font-weight:500;
	font-size:1.4em;/*12px*/
	/*white-space:nowrap;*/
}
.title_content_green {
	/*font-family: 'Poppins', sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto', sans-serif;
	color: #00CC00; 
	/*line-height: 44px;*/
	font-weight:700;
	font-size:1.0em;/*12px*/
	/*white-space:nowrap;*/
}
.font_grid_grey_button {
   padding-bottom:8px;
   padding-left:8px;
   padding-top:8px;
   padding-right:8px;
	  color: #ffffff;/*fff*/
	  background-color: #CACACA; /*#004E64*/
	  border:2px solid #CACACA;
	  font-weight: normal;
	  font-size:17px;
	  /*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	  font-family:Arial, Helvetica, sans-serif;
	  font-weight:normal;
	  border-radius: 5px;
	  vertical-align:middle;
	  text-decoration:none;
	  
  }
  .font_grid_grey_button:hover,
  .font_grid_grey_button:active,
  .font_grid_grey_button:focus,
  .font_grid_grey_button.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #ffffff;
  color: #CACACA;
  border:2px solid #CACACA;
  text-decoration:none;
}
.start_exam_button {
   padding-bottom:8px;
   padding-left:8px;
   padding-top:8px;
   padding-right:8px;
	  color: #ffffff;/*fff*/
	  background-color: #2997D4; /*#004E64*/
	  border-color: #2997D4;
	  font-weight: normal;
	  font-size:15px;
	  /*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	  font-family:Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  border-radius: 5px;
	  vertical-align:middle;
	  text-decoration:none;
	  
  }
  .start_exam_button:hover,
  .start_exam_button:active,
  .start_exam_button:focus,
  .start_exam_button.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #ffffff;
  color: #2997D4;
  border:1px solid #2997D4;
  text-decoration:none;
}
.start_exam_button2 {
   padding-bottom:8px;
   padding-left:8px;
   padding-top:8px;
   padding-right:8px;
	  color: #2997D4;/*fff*/
	  background-color: #ffffff; /*#004E64*/
	  border-color: #2997D4;
	  font-weight: normal;
	  font-size:15px;
	  /*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	  font-family:Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  border-radius: 5px;
	  vertical-align:middle;
	  text-decoration:none;
	  
  }
  .start_exam_button2:hover,
  .start_exam_button2:active,
  .start_exam_button2:focus,
  .start_exam_button2.active {
  /* let's darken #004E64 a bit for hover effect */
  /*background: #2997D4;
  color: #ffffff;
  border:1px solid #2997D4;
  text-decoration:none;*/
}
.view_exam_result_button {
   padding-bottom:8px;
   padding-left:8px;
   padding-top:8px;
   padding-right:8px;
	  color: #ffffff;/*fff*/
	  background-color: #1B8989; /*#004E64*/
	  border-color: #1B8989;
	  font-weight: normal;
	  font-size:15px;
	  /*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	  font-family:Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  border-radius: 5px;
	  vertical-align:middle;
	  text-decoration:none;
	  
  }
  .view_exam_result_button:hover,
  .view_exam_result_button:active,
  .view_exam_result_button:focus,
  .view_exam_result_button.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #ffffff;
  color: #1B8989;
  border:1px solid #1B8989;
  text-decoration:none;
}
.textarea2 {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #ffffff;
  resize: none;
}
.textbox2 {
  width: 100%;
  height: 45px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #ffffff;
  resize: none;
}
/*demo test section*/
#onlineexm_section1_table
{
  border: 1px solid #F2C416;
  background-color:#F2C416;
  border-collapse: separate;
  /*border-left: 0;*/
  border-radius: 5px;
  border-spacing: 0px;
   -webkit-box-shadow: 2px 2px 2px 2px #ddd;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
   -moz-box-shadow:    2px 2px 2px 2px #ddd;  /* Firefox 3.5 - 3.6 */
   box-shadow:         2px 2px 2px 2px #ddd;  
}
.text_circle_onexm1 {
  height: 110px;
  width: 110px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #FCEFBC;
}
#onlineexm_section2_table
{
  border: 1px solid #3593D0;
  background-color:#3593D0;
  border-collapse: separate;
  /*border-left: 0;*/
  border-radius: 5px;
  border-spacing: 0px;
   -webkit-box-shadow: 2px 2px 2px 2px #ddd;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
   -moz-box-shadow:    2px 2px 2px 2px #ddd;  /* Firefox 3.5 - 3.6 */
   box-shadow:         2px 2px 2px 2px #ddd;  
}
.text_circle_onexm2 {
  height: 110px;
  width: 110px;
  /*font-size:15px;/**/
  /*font-family: 'Dosis', sans-serif;*/
  /*font-family:Arial, Helvetica, sans-serif;
  font-weight:800;*/
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #C7E0F1;
}
#onlineexm_section3_table
{
  border: 1px solid #F1A39C;
  background-color:#F1A39C;
  border-collapse: separate;
  /*border-left: 0;*/
  border-radius: 5px;
  border-spacing: 0px;
   -webkit-box-shadow: 2px 2px 2px 2px #ddd;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
   -moz-box-shadow:    2px 2px 2px 2px #ddd;  /* Firefox 3.5 - 3.6 */
   box-shadow:         2px 2px 2px 2px #ddd;  
}
.text_circle_onexm3 {
  height: 110px;
  width: 110px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #FCE2E0;
}
#onlineexm_section4_table
{
  border: 1px solid #FFAEC9;
  background-color:#FFAEC9;
  border-collapse: separate;
  /*border-left: 0;*/
  border-radius: 5px;
  border-spacing: 0px;
   -webkit-box-shadow: 2px 2px 2px 2px #ddd;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
   -moz-box-shadow:    2px 2px 2px 2px #ddd;  /* Firefox 3.5 - 3.6 */
   box-shadow:         2px 2px 2px 2px #ddd;  
}
.text_circle_onexm4 {
  height: 110px;
  width: 110px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #FFECF2;
}
#onlineexm_section5_table
{
  border: 1px solid #ED7266;
  background-color:#ED7266;
  border-collapse: separate;
  /*border-left: 0;*/
  border-radius: 5px;
  border-spacing: 0px;
   -webkit-box-shadow: 2px 2px 2px 2px #ddd;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
   -moz-box-shadow:    2px 2px 2px 2px #ddd;  /* Firefox 3.5 - 3.6 */
   box-shadow:         2px 2px 2px 2px #ddd;  
}
.text_circle_onexm5 {
  height: 110px;
  width: 110px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #F9D0CC;
}
#onlineexm_section6_table
{
  border: 1px solid #0010D2;
  background-color:#0010D2;
  border-collapse: separate;
  /*border-left: 0;*/
  border-radius: 5px;
  border-spacing: 0px;
   -webkit-box-shadow: 2px 2px 2px 2px #ddd;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
   -moz-box-shadow:    2px 2px 2px 2px #ddd;  /* Firefox 3.5 - 3.6 */
   box-shadow:         2px 2px 2px 2px #ddd;  
}
.text_circle_onexm6 {
  height: 110px;
  width: 110px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #B0B7FF;
}
.exam_header_white_test {
	/*font-family: 'Poppins', sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto', sans-serif;
	color:#ffffff; 
	/*line-height: 44px;*/
	font-weight:400;
	font-size:14px;/*12px*/
	/*white-space:nowrap;*/
}
.exam_header_white_test2 {
	/*font-family: 'Poppins', sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto', sans-serif;
	color:#ffffff; 
	/*line-height: 44px;*/
	font-weight:500;
	font-size:16px;/*12px*/
	/*white-space:nowrap;*/
}
.exam_header_blue_text {
	/*font-family: 'Poppins', sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto', sans-serif;
	color:#5AC9FF; 
	/*line-height: 44px;*/
	font-weight:500;
	font-size:14px;/*12px*/
	/*white-space:nowrap;*/
}
.exam_header_black_text {
	/*font-family: 'Poppins', sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto', sans-serif;
	color:#000000; 
	/*line-height: 44px;*/
	font-weight:700;
	font-size:14px;/*12px*/
	/*white-space:nowrap;*/
}
.small_black_text {
	/*font-family: 'Poppins', sans-serif;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: 'Roboto', sans-serif;
	color:#000000; 
	/*line-height: 44px;*/
	font-weight:700;
	font-size:12px;/*12px*/
	/*white-space:nowrap;*/
}
/*demo test section*/
.select_subject {
	width:100%;
	text-align:center;
   padding-bottom:10px;
   /*padding-left:8px;*/
   padding-top:10px;
   /*padding-right:8px;*/
	  color: #ffffff;/*fff*/
	  background-color: #1B8989; /*#004E64*/
	  border-color: #1B8989;
	  font-weight: normal;
	  font-size:20px;
	  /*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	  font-family:Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  border-radius: 5px;
	  vertical-align:middle;
	  text-decoration:none;
	  
  }
  .select_subject:hover,
  .select_subject:active,
  .select_subject:focus,
  .select_subject.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #ffffff;
  color: #1B8989;
  border:1px solid #1B8989;
  text-decoration:none;
}
#exm_buy_table2
{
  	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    overflow:hidden;
    border-radius: 10px;
    -pie-background: linear-gradient(#ece9d8, #E5ECD8);   
    box-shadow: #666 0px 2px 3px;
    /*behavior: url(Include/PIE.htc);*/
    overflow: hidden;
}