@charset "utf-8";
/* CSS Document */

/*@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic);*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600italic,600,400italic,300italic,300,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900,900italic);

@icon-font-path: "fonts/";

/**:focus {
    outline: none;
}*/

.para_content_center p.Qmsg{
    width: 40%; margin: auto;
	
}
 

* {
	margin: 0;
	padding: 0;
}

 .minus_bt:focus,.mCSB_dragger_bar:focus,.plus_bt:focus,.logoimg:focus, .exp_title_area:focus,.role_details:focus, .checkbox-custom:focus, .foucsBtn:focus{-webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;	
  border:1px solid #a6c8ff;
     -webkit-box-shadow: 0px 0px 5px  #4D90FE;
     box-shadow: 0px 0px 5px  #4D90FE;
  }

@media print {
body {-webkit-print-color-adjust: exact; }
.table-container table tbody tr td{ background-color:#D4EAE4 !important; border: 3px solid #add5ca !important;}
.table-bordered > thead > tr > th{border: 3px solid #add5ca !important;}

}

.landScape
{ 
 width: 100%; 
 height: 100%; 
 margin: 0% 0% 0% 0%; 
 filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);
} 

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
html, body {
	margin:0px;
	padding:0px;
	font-size: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div {
	display: block;
	vertical-align: top;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #000;
}

img {
	max-width: 100%;
	height: auto;
	border: 0px;
}
a {
	text-decoration:none;
	outline:none;
	cursor:pointer;
}
.clear {
	clear:both;
	margin:0px;
	padding:0px;
}
video {
	width: 100% !important;
	height:auto !important;
}
.mar_left_10 {
	margin-left:10px;
}
.mar_left_20 {
	margin-left:20px;
}
.mar_left_34 {
	margin-left:34px;
}
.mar_right_10 {
	margin-right:10px;
}
.mar_right_20 {
	margin-right:10px;
}
.mar_top_0 {
	margin-top:0px;
}
.mar_top_10 {
	margin-top:10px;
}
.mar_top_15 {
	margin-top:15px;
}
.mar_top_20 {
	margin-top:20px;
}
.mar_top_30 {
	margin-top:30px;
}
.mar_top_50 {
	margin-top:50px;
}
.mar_bot_5 {
	margin-bottom:5px;
}
.mar_bot_10 {
	margin-bottom:10px;
}

.mar_bot_15 {
	margin-bottom:15px;
}

.mar_bot_20 {
	margin-bottom:20px;
}
.mar_bot_30 {
	margin-bottom:30px;
}
.mar_left_80 {
	margin-left:80px;
}
.mar_0 {
	margin:0 !important;
}
.pad_0 {
	padding:0;
}
.pad_top_30 {
	padding-top:30px !important;
}
.groupLabel{
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    color: #007fa3;
    font-weight: normal;
}

.group_select_common {
    width: 280px;
    display: inline-block;
    color: #333;
    border: 2px solid #007fa3;
    border-radius: 0;
    font-size: 20px;
    padding-top: 0;
}

.prelative{ position: relative;}
.pabsolute{ position: absolute;}


/*******styles*********/

/*DETECTS THE experiment type*/
.sp_Exp{overflow:hidden;}
.mp_Exp{overflow-x:hidden;}
 

.container {
	margin:0 auto;
	padding:0;
	width:1024px; /* container width */
	min-height:768px;
}
.header_bg_exp_pg{background: #fff url("../images/header_bg.jpg") no-repeat center bottom; height: 80px;}
.header_bg_exp_le{background: #fff url("../images/header_bg_lg.jpg") no-repeat center bottom; height: 80px;}
.header_bg_exp_mk{background: #fff url("../images/header_bg_mk.jpg") no-repeat center bottom; height: 80px;}

header {
    height: 80px;
    width: 100%;
	border-bottom:4px solid #ffffff;
	position: relative;
	-webkit-print-color-adjust:economy !important;
} 
.headerHeight370x{ height:370px;}
.headerHeight{ height:80px;}
/*.header {background: #ffffff url("../images/header_bg.jpg") no-repeat scroll center center; height:80px;}*/

/*.bg_parrot{background: #fff url("../images/header_bg.jpg") no-repeat 500px bottom;}*/


/*header:after {
    position: absolute;
    left: 82px;
    right: 0;
    bottom: -4px;
    border-bottom: 4px solid #ADD5CA;
    content: '';
}*/
header .logo_area {
	/*width:51px;
	height:56px;*/
	display:inline-block;
	padding-top: 0px;
	float:left;
	text-align:center;
	margin: 12px 17px 12px 14px;
}
header .logo_area img{
	width:51px;
	height:56px;	
}
header .exp_title_area {
	display:inline-block;
	padding: 20px 0px 0px;
	float:left;
	text-align:left;	
}
.exp_title_area .exp {
	font-size:13px;
	line-height:16px;
	letter-spacing: 4px;
	text-transform:uppercase;
	color:#007fa3;
	font-weight:600;
}
.exp_title_area .exp_title {
	font-size:26px;
	color:#003057;
	font-family: 'Playfair Display', serif;
	line-height:30px;
}
header .header_right_area {
	height:100%;
	display:inline-block;
	padding: 25px 20px 0px 20px;
	float:right;
	text-align:right;
	color:#b1b6b8;
}
.header_right_area a {
	text-decoration:none;
	color:#008638;
	font-size:14px;
	line-height:16px;
	/*display:inline-block;*/
	padding:0 10px;
	height:0px;	
}
.header_right_area a:last-child {
	padding:0 0 0 10px;
}
.role_details {
	color: #000000;
	font-size: 13px;
	margin-bottom: 4px;
}
.role_name {
	color: #007fa3;
	text-transform: uppercase;
	font-weight: 700;
}
.bid_asks {
	margin-left: 0px;
	font-size: 15px;
}
.bid_asks img {
	/*margin-right: 5px; */
}
.bid_asks.pink {
	color: #9e007e;
}
.bid_asks.blue {
	color: #007fa3;
}
.width_30_l {
	width:30%;
	float: left;
	margin-bottom: 20px;
}
.width_70_l {
	width:70%;
	float: left;
}
.input_bid {
	max-width:240px;
}
.legends_graph_area {
	margin: 0 0 20px 30px;
	width: 540px;
}
.graph_legends {
	width:175px;
	float: left;
	margin-top: 10px;
	font-size:13px;
	font-weight: bold;
}
.legends_graph_area1 {
	margin: 0 0 20px 35px;
	width: 520px;
}
.graph_legends1 {
	width:100px;
	float: left;
	margin-top: 10px;
	font-weight: bold;
}
.legends_graph_area2 {
	margin: 0px 0 20px 65px;
}
.graph_legends2 {
	float: left;
	margin-top: 10px;
	margin-right: 25px;
	font-weight: bold;
}
.predict_legends1 {
	margin: 10px 10px 10px 0px;
	font-weight: bold;
	float: left;
    width: 200px;
}
.select_round_check_area {
	margin: 0 0 20px 65px;	
}
.inline_checkboxes {
	width:auto;
	float: left;
	margin-right: 10px;
}
.select_round_check{
	font-weight: bold;
	width:auto;
	float: left;
	margin-right: 20px;
	line-height: 29px;
}
.height_60 {
	height: 60px;
}
.two_col {
	float: left;
	width: 50%;
}
.panel-group {
    margin-bottom:5px;
}
.middle_section {
	width:100%;
	/*height: calc(100% - 84px);*/
	/*overflow-x: hidden;*/
}
.middle_section .left_container_parent {
	/* height:100%;*/
	position:relative;
	top:-4px;
	overflow:hidden;
}
.middle_section .left_container {
	min-height: 682px;
	float:left;
	/*overflow: hidden;*/
    /*width: calc(100% - 212px );
    width: 812px;*/

}
.middle_section .left_container.width_close {
	/*width: calc(100% - 42px);
    width: 982px;*/

}
.middle_section .right_container {
	background-color: #007fa3;
    float: right;
    height: 690px;
    margin-top: -4px;
    position: relative;
    width: 212px;
	z-index:1250;
}
.middle_section .right_container.minimize_container {
	width:212px;
	margin-right:-170px;	
}
.right_container.minimize_container .panel-body > * {
	visibility:hidden;	
}
.toggle_icon {
	margin: 10px 10px 10px 13px;
}
.toggle_icon img{
	cursor:pointer;
}
.panel-group .panel {
	border-radius:0;
	border:0;
}
h4.panel-title {
	font-size:12px;
	font-weight:bold;
	color:#fff;
	line-height:14px;
	position:relative;
}
h4.panel-title .chat_notofication {
	position:absolute;
	display:inline-block;
	text-align:center;
	width:20px;
	padding: 4px 0px;
	height:20px;
	line-height:12px;
	font-size:10px;
	border-radius:50%;
	color:#007fa3;
	background-color:#ffffff;
	margin-left: 6px;
	top: -3px;
	right:0;
}
.toggle_icon img.chat_bubble {
    position: relative;
    right: -146px;
    cursor: default !important;
    top: 3px;
	width:26px;
}
.chat_bubble_close {
	margin-right: 10px;
    margin-left: -4px;
	margin-top: -3px;
    float: left;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
	border:0;
}
.panel-default > .panel-heading {
    background-color: #1793b6 !important;
    border: 0;
    color: #fff;
	border-radius: 0;
	height:38px;
}
h4.panel-title .chat_notofication.chat_close {
	top:-10px;
	left:0px;
}
.panel-group .panel-heading {
	padding:13px 12px;
}
.panel-group .panel-body {
	padding:8px 0px;
	background-color: #007fa3;
}
.chat_box {	
	max-height:430px;
	overflow:hidden;
}
.chat_box:hover {
	overflow:auto;
}
.chat_input {
	position:relative;
	margin:0 12px 10px;
}
.chat_input input {
	background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 12px;
    height: 30px;
    line-height: 14px;
    padding: 6px 30px 6px 6px;
    width: 100%;
}
.chat_input .chat_submit {
	position:absolute;
	right:4px;
	top:4px;
	display: block;
}
.msg_box {
	padding:20px 12px 0px 12px;
}
.msg_box:first-child {
	margin-top:0px;
}

.msg_box .name_time {
	font-size:12px;
	line-height:16px;
	color:#ffffff;
	font-weight:600;
}
.msg_box .msg_text {
	font-size:12px;
	line-height:16px;
	color:#b8e8f5;
	border-bottom: 1px solid #1793b6;
	padding-bottom: 20px;
}
.msg_highlight {
	background-color:#006a8d;
}
.msg_box.msg_highlight .msg_text {	
	border-bottom: 0px solid #1793b6 !important;
}
.exp_header {
	height:70px;
	width:100%;
	background-color:#003057;
	margin-bottom:20px;
}

.play_rounds {
	width:122px;
	height:70px;
	margin:0;	
	float:left;
	/*border-right: 1px solid #005f85;*/
}
.play_rounds_pad{
	/*padding:0 10px 10px 0;*/
	margin:0;
}
.play_pause {
    width: 122px;
    height: 70px;
    margin: 0;
    padding: 0;
    float: left;
    display: inline-table;
    color: #add5ca;
}

.play_pause a.media_text {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    vertical-align: middle;
    text-transform: uppercase;
    width: 75px;
    text-decoration: none;
    text-align: center;
    height: 70px;
}

.play_pause a .spanTxt {
    display: inline-block;
    width: 100%;
    position: relative;
    top: 15px;
    line-height: 0;
}
a.play{
	background-image:url("../images/play.png");
	background-repeat:no-repeat;
	background-position: center 35px;
	background-size:20px;
	}
	
	a.pause{
	background-image:url("../images/pause.png");
	background-repeat:no-repeat;
	background-position: center 35px;
	background-size:20px;
	}
    
.play_pause span.play_text > i{
	padding:0 5px;
}
/* for timer circle */
.play_pause span.progress_circle{
	display:inline-block;
	width:36px;
	height:36px;
	border:2px solid #fff;
	border-radius:50%;
	vertical-align:middle;
	background-color:#008638;
	cursor:pointer;
	/*margin-top:-12px;*/
	margin-left: 5px;
}
.play_pause span.progress_circle >  canvas{
	position:relative;
	top:-2px;
	left:-2px;
}

.round_Show{border-right: 1px solid #005f85;border-left: 1px solid #005f85;height:70px;width:110px; float:left;text-align: center; margin-left:10px;}

.rounds_div {
	display:inline-block;
	    padding-top: 15px;
	/*margin-left:10px;*/
}
.verttical_text {
	text-transform:uppercase;
	color:#D4EAE4;
	font-size:9px;
    transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
	width:40px;
	height: 40px;
	text-align:center;
	display:inline-block;
	vertical-align: middle;
	margin-right:-28px;
}
.round_count {
	color:#005f85;
	font-size:32px;
	line-height:34px;
	display:inline-block;
	vertical-align: middle;
	margin:0px;
}
.round_count .tRound {
	color:#D4EAE4;
}
.round_count .cRound {
	color:#D2DB0E;
}
.round_steps{	
	height: 70px;
    margin: 0;
	/*width: calc(100% - 262px);
    width: 570px;*
	display:inline-block;
	vertical-align: middle;/
}

.round_steps_table {
/*	width:100%;*/
	margin-left:0;
}
.round_steps_table tr td {
	height: 60px;
	vertical-align: middle;
	text-align:center;
	background-image:url("../images/round_steps_arrow.png");
	background-repeat:no-repeat;
	background-size: 6px 11px;
	background-position:center right;
	padding: 0px 32px 0 26px;
 	color:#add5ca;
	font-size:14px;
	font-weight:700;
}
.round_steps_table tr td.active {
	color:#d2db0e;
}
.round_steps_table tr td:last-child, .round_steps_table tr td:nth-child(4) {
	background-image:none;
}

.round_steps_BrdCrm{ list-style:none; /*vertical-align:middle; height:70px;display: table-cell;*/}

.round_steps_BrdCrm li {
	    height: 22px;
	vertical-align: middle;
	text-align:center;
	background-image:url("../images/round_steps_arrow.png");
	background-repeat:no-repeat;
	background-size: 6px 11px;
	background-position:center right;
	padding: 0px 26px 0 26px;
 	color:#D4EAE4;
	font-size:14px;
	/*font-weight:700;*/
	float:left;
	}

.round_steps_BrdCrm li.active {
    color: #d2db0e;
}

.round_steps_BrdCrm li:last-child{background-image:none;}
.round_circle_group {
    /*display: block;
	padding-left:10px;*/
}
.round_circle {
	width: 10px;
	height: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	display: inline-block;
	margin-right: 4px;
	/*cursor:pointer;*/
	color:#D4EAE4;
    font-size: 10px;
}
.round_circle.current {
	color: #d2db0e;
    font-size: 18px;
    height: 20px;
    line-height: 16px;
    position: relative;
    top: 3px;
    width: 20px;
}
.black_round_light_on {
	background-color: #999;
	border: solid 1px #333;
}

.black_round_light_off {
	background-color: #fff;
	border: solid 1px #333;
}
.left_container_section_left, .left_container_section_right {
	width:50%;
	/*display:table;*/
	float:left;
	/*height:280px;*/
	vertical-align:middle;
	margin-bottom:10px;
}
.width_65per {
	/*width:65%;*/
	width:64%;
}
.width_35per {
	width:35%;
}


.roundreward_section_left, .roundreward_section_right {
	width:50%;
	display:block;
	float:left;
	height: calc(100% - 60px);
}
.roundreward_section_left{
	padding:50px 25px 50px 50px;
}
.roundreward_section_right {
	padding:50px 50px 50px 25px;
}
.left_container_section_center {
	width:80%;
	/*display:table;*/
	height:280px;
	vertical-align:middle;
	margin:0 auto;
}
.left_container_section_center.left_container_section_center_height {
	height:150px;
}
.td_height150{
	height:150px;
	vertical-align:middle;
}
.left_container_section_left {
	padding:0px 20px 0px 50px;
}
.left_container_section_right {
	padding:0px 50px 0px 20px;
}
.para_content, .input_contribution {
	vertical-align:middle;
}
.container_middle_height {
	vertical-align:middle;
	width:100%;
	height:280px;
}

.para_content p{
	margin-bottom:15px;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
}
.pRelative {
	position:relative;
}
.pRelative .minus_bt, .pRelative .minus_bt:hover, .pRelative .minus_bt:focus {
	position:absolute;
	top:0px;
	left: 0px;
	width:44px;
	border:0;
	border-right:1px solid #add5ca;
	height: 82px;
	background:none;
}
.pRelative .plus_bt, .pRelative .plus_bt:hover, .pRelative .plus_bt:focus {
	position:absolute;
	top:0px;
	right: 0px;
	width:44px;
	border:0;
	border-left:1px solid #add5ca;
	height: 82px;
	background:none;
}
.input_contribution label{
	font-size:16px;
	margin-bottom:0px;
	font-style:italic;
	font-weight:normal;
}
.input_contribution input, .input_contribution input:focus {
	width:100%;
	border:1px solid #add5ca;
	border-radius: 6px;
	display:block;
	/*line-height:110px;*/
	margin: 10px 0px 20px;
	font-size:36px;
	height: 82px;
	text-align:left;
	padding-left:78px;
	color:#008638;
	box-shadow: none;
	-webkit-text-fill-color:#008638;
}

.input_contribution input[disabled ="disabled"]{-webkit-text-fill-color:#008638;color:#008638;}

.table_rounds_div {
	height:calc(100% - 360px);
	/*height: 260px;*/
	width:100%;
	overflow-x:auto;
	overflow-y:auto;
	border-bottom: 1px solid #ddd;
}
.table_rounds_div1 {
	height: 260px;
	width:100%;
	overflow-x:auto;
	overflow-y:auto;
	border-bottom: 1px solid #ddd;
}
.table_rounds_div .table, .table_rounds_div1 .table {
	margin-bottom:0px;
	width:100%;
}
.table_rounds thead tr th, .table_rounds1 thead tr th {
	border: 1px solid #ddd !important;
	background-color:#ccc;
}

.table_rounds tr td, .table_rounds tr th {
	vertical-align:middle !important;
	font-size:12px;
	text-align:center;
	padding:5px !important;
}
.table_rounds1 tr td, .table_rounds1 tr th {
	vertical-align:middle !important;
	font-size:12px;
	text-align:center;
	padding:5px !important;
}
.table_rounds1>tbody tr td:first-child, .table_rounds1>tbody tr td:nth-child(2) {
	text-align:left !important;
}
.table_rounds tr td {
	white-space:nowrap;
	position:relative;
}
.td_tooltip {
	position:absolute;
	top:0;
	right:0;
	cursor:default;
}
.left_container_inner_div {
	padding: 50px 50px 10px 50px;
	max-width: 975px;
}
.hd_result {
	font-size:17px;
	line-height:22px;
	color:#d2db0e;
	margin:20px 0 0 20px;
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}
.page_hd {
	font-size:34px;
	line-height:36px;
	color:#007fa3;
	margin-bottom:15px;
	text-align:center;
	font-family: 'Playfair Display', serif;
	font-weight:700;
}
.page_hd2 {
	font-size:34px;
	line-height:36px;
	color:#007fa3;
	margin:30px 0 10px 0;
	text-align:left;
	font-family: 'Playfair Display', serif;
	font-weight:700;
}
.intro_content {
	/*padding:0px 0px 0px 50px;	*/
	text-align:center;
}
.intro_content1 {
    text-align:left;
}
.sub_hd{
	font-size:24px;
	line-height:36px;
	font-weight:bold;
	color:#007fa3;
	margin:30px 0 10px;
	font-family: 'Playfair Display', serif;
}



.sub_hd2{
	font-size:18px;
	line-height:22px;
	font-weight:bold;
	color:#003057;
	margin:0px 0 10px;
}
.sub_hd3{
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	color:#003057;
	margin:10px 0 20px;
	text-transform:uppercase;
}

.sub_hd4 {
	font-size:24px;
	line-height:36px;
	color:#007fa3;
	text-align:center;
	font-family: 'Playfair Display', serif;
	font-weight:bold;
}
.para_text{
	font-size:18px;
	line-height:32px;
	color:#000;
	margin-bottom:15px;
	/*font-family: 'Playfair Display', serif;*/
}
.para_text_list {
	font-size:16px;
	line-height:20px;
	color:#000;
	margin-bottom:15px;
	margin-left:15px;	
}
.scroll_btn {
	font-size:14px;
	line-height:30px;
	color:#008638;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:700;
}
.scroll_btn:hover {
	color:#005E26;
	text-decoration:underline;
}
.scroll_btn:focus, .scroll_btn:active {
	color:#005A70;
	text-decoration:none;
}
.font_20 {
	font-size:20px;
	line-height:25px;
	color:#000;
	margin-bottom:15px;
	margin-top:30px;
}
.waiting_text{
	font-size:20px;
	line-height:25px;
	color:#0088C7;
	margin-bottom:15px;
	margin-top:30px;
}
.round_inSec {
	color:#5cb3cc;
	font-size:115px;
	line-height:130px;
	margin-bottom:15px;
}
.para_content_center {
	text-align:center;
	/*display:table-cell;
	vertical-align:middle;*/
}
.mycHead {
	color:#007fa3;
	font-size:34px;
	line-height:40px;
	margin-bottom:25px;
	font-family: 'Playfair Display', serif;
}
.mycHead_mk {
	margin: 30px 0 10px 20px;
}
.highcharts-button{
    display: none;
}
ul.contr_list, ul.contr_list2 {
	list-style-image: url("../images/arrow_bullet.png");	
	list-style-position:outside;
	padding-left:25px;
}
ul.contr_list li{
	padding-bottom:15px;
	font-size:17px;
	padding-left:10px;
	color:#000000;
}
ul.contr_list2 li{
	padding-bottom:15px;
	font-size:15px;
	padding-left:10px;
	color:#000000;
}
.para_content_center p {
	font-size:17px;
	line-height:20px;
	margin-bottom:10px;
}
.para_content_18 {
	text-align:left;
}
.para_content_18 p{
	font:17px;
	line-height:20px;
	margin-bottom:20px;
}
.para_text_normal {
	font-size:14px;
	line-height:18px;
	color:#000;
	margin-bottom:15px;
}
.para_text_normal_noLH {
	font-size:15px;
	color:#000;
	margin-bottom:15px;
}
.para_text_normal2 {
	font-size:15px;
	line-height:18px;
	color:#000;
	margin-bottom:20px;
}
.para_text_normal3 {
	font-size:17px;
	line-height:20px;
	color:#000;
	margin-bottom:15px;
}
.btn {
	font-family: 'Open Sans', sans-serif;
}
.custom_btn1 {
	/*width:200px;*/
	font-size:16px;
	font-weight:bold;
	padding: 0px 20px;
	background-color:#008638;
	color:#fff;
	text-transform:uppercase;
	border:2px solid #008638;
	border-radius:4px;
	height:42px;
	line-height: 38px;
}
.custom_btn1:hover {	
	border:2px solid #005E26;
	background-color:#005E26;
	color: #fff;
}
.custom_btn1:focus, .custom_btn1:active {	
	border:2px solid #005A70;
	background-color:#005A70;
	color: #fff;
}
.custom_btn2 {
	/*width:200px;*/
	font-size:16px;
	font-weight:bold;
	padding: 0px 20px;
	background-color:#008638;
	color:#fff;
	text-transform:uppercase;
	border:2px solid #008638;
	border-radius:4px;
	height:42px;
	line-height: 38px;
}
.custom_btn2:hover {	
	border:2px solid #005E26;
	background-color:#005E26;
	color: #fff;
}
.custom_btn2:focus, .custom_btn2:active {	
	border:2px solid #005A70;
	background-color:#005A70;
	color: #fff;
}
.custom_btn3 {
	font-size:14px;
	font-weight:bold;
	padding: 0px 30px;
	background-color:#fff;
	color:#0088C7;
	text-transform:uppercase;
	border:2px solid #0088C7;
	border-radius:4px;
	height:42px;
	line-height: 38px;
}
.custom_btn3:hover, .custom_btn3:focus, .custom_btn3:active {
	background-color:#0088C7;
	color:#fff;
}
.custom_btn4 {
	font-size:16px;
	font-weight:bold;
	padding: 0px 30px;
	background-color:#fff;
	color:#008638;
	text-transform:uppercase;
	border:2px solid #008638;
	border-radius:4px;
	height:38px;
	line-height: 32px;
}
.custom_btn4:hover, .custom_btn4:focus, .custom_btn4:active {
	background-color:#008638;
	color:#fff;
}
.custom_btn5 {
	font-size:14px;
	font-weight:bold;
	padding: 0px 30px;
	background-color:#fff;
	color:#0088C7;
	text-transform:uppercase;
	border:2px solid #0088C7;
	border-radius:4px;
	height:30px;
	line-height: 26px;
}
.custom_btn5:hover, .custom_btn5:focus, .custom_btn5:active {
	background-color:#0088C7;
	color:#fff;
}
.customAns_btn {
	font-size:16px;
	font-weight:bold;
	padding: 0px 30px;
	background-color:#fff;
	color:#008638;
	text-transform:uppercase;
	border:2px solid #008638;
	border-radius:4px;
	height:38px;
	line-height: 32px;
}
.customAns_btn:hover, .customAns_btn:focus, .customAns_btn:active, .customAns_btn.active {
	background-color:#005a70;
	border:2px solid #005a70;
	color:#fff;
}
.btn.disabled {
	/*border:2px solid #ccc;
	background-color:#ccc;
	color:#fff;*/
	opacity:0.4;
}
.modal {
    overflow: auto;
}
body.modal-open {
/*overflow: auto;*/
}
.modal_table{
	margin-top:30px;
	margin-bottom:0px;
	border:0px;
}
.modal_table tr td {
	padding: 0 30px 0 0 !important;
	border-top: 0px !important;
}
.modal-body {
	max-height:360px;
	overflow:auto;
	padding-bottom:20px;
    width: 100%;
}
.modal-header {
	border-bottom:4px solid #ffffff;
	position: relative;
	padding: 15px 15px 15px 20px;
}
.modal-header:after {
    position: absolute;
    left: 20px;
    right: 0;
    bottom: -4px;
    border-bottom: 4px solid #ADD5CA;
    content: '';
}
.modal-footer {
	border-top:4px solid #ffffff;
	position: relative;
    padding: 15px 15px 55px 20px;
    margin-top: 0px;
}
.modal-footer:after {
    position: absolute;
    left: 20px;
    right: 0;
    top: -4px;
    border-top: 4px solid #ADD5CA;
    content: '';
    display: block;
}
.modal-header h4 {
	font-size:26px;
	color:#003057;
	font-family: 'Playfair Display', serif;
	line-height:30px;
    display: inline-block;
}
.modal-header .headerLevel1 {
	font-size:26px;
	color:#003057;
	font-family: 'Playfair Display', serif;
	line-height:30px;
    display: inline-block;
}
button.close {
	/*opacity:1;*/
}
.close img, .close{opacity:1 !important;}
.center_hrLine {
	border-top: 1px solid #ADD5CA;
	margin:30px auto;
	width:60%;
}
.table_rewards_div{
	/*max-height:438px;
	overflow-y: auto;*/
	border: 1px solid #add5ca;
}
.table_rewards_div tr th, .table_rewards_div tr td{
	vertical-align:middle !important;
}

.table_rewards{
	margin-bottom:0px;	
}
.reward_button{
	margin: 20px auto;
	text-align:center
}
.input_with_btns{
	position:relative;
	width:120px;
}
.input_with_btns input{
	width:100%;
	border:1px solid #add5ca;
	border-radius: 6px;
	display:block;
	line-height:36px;
	font-size:26px;
	height: 38px;
	text-align:center;
	color:#008638;
	box-shadow: none;
}

.input_with_btns .txtBoxreward{line-height: 0; padding: 0;}
.input_with_btns .minus_bt, .input_with_btns .minus_bt:hover, .input_with_btns .minus_bt:focus {
	position:absolute;
	top:0px;
	left: 0px;
	width:35px;
	border:0;
	border-right:1px solid #add5ca;
	height: 38px;
	background:none;
}
.input_with_btns .plus_bt, .input_with_btns .plus_bt:hover, .input_with_btns .plus_bt:focus {
	position:absolute;
	top:0px;
	right: 0px;
	width:35px;
	border:0;
	border-left:1px solid #add5ca;
	height: 38px;
	background:none;
}
.input_with_btns1{
	position:relative;
	width:80px;
    margin-left: 0;
    margin-top: 5px;
}
.input_with_btns1 input{
	width:100%;
	border:2px solid #add5ca;
	border-radius: 6px;
	display:block;
	line-height:36px;
	font-size:15px;    
	height: 40px;
	text-align:center;
	color:#005a70;
	box-shadow: none;
    padding-right: 30px;
    padding-left: 10px;
    font-weight: normal;
}

.input_with_btns1 .up_bt, .input_with_btns1 .up_bt:hover, .input_with_btns1 .up_bt:focus {
	position:absolute;
	top:0px;
    right: 0px;	
	width:24px;
	border:0;
	border-left:2px solid #add5ca;
    border-bottom: 2px solid #add5ca;
	height: 21px;
	background:none;
}
.input_with_btns1 .down_bt, .input_with_btns1 .down_bt:hover, .input_with_btns1 .down_bt:focus {
	position:absolute;
	bottom:0px;
	right: 0px;
	width:24px;
	border:0;
	border-left:2px solid #add5ca;
	height: 20px;
	background:none;
}
.up_bt img, .down_bt img {
    width: 8px;
    height: 8px;
}

.input-no-spinner::-webkit-outer-spin-button, .input-no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.result_rightLinks {
	float:right;
	margin-right:30px;
	margin-top:15px;
}
a.result_links {
	margin-left:25px;
	display:inline-block;
	vertical-align:middle;
	color:#add5ca;
	font-size:14px;
	text-decoration:none;
}
a.result_links:first-child {
	margin-left:0px;
}
a.result_links > img {
	margin-right:5px;
	width:32px;
	height:32px
}
.result_navTabs {
	background:none;
	border-bottom: 1px solid #add5ca;
}
.result_navTabs > li >a:hover {
	background:none;
}
/*.result_navTabs > li.active > a, .result_navTabs > li.active > a:hover, .result_navTabs > li.active > a:focus {
	background:none;
	border:0;
	border-bottom:4px solid #005a70;
	color: #005a70;
	padding: 12px 0px 8px;
}*/
.result_navTabs {
	background:none;
	border-bottom: 1px solid #add5ca;
	margin-top: 20px;
}
.result_navTabs > li >a:hover {
	background:none;
}
.result_navTabs > li > a {
	background:none;
	border:1px solid #add5ca;
	color: #008638;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	padding: 11px 5px 13px;
	margin-right:10px;
	border-radius:0;
}
.result_navTabs > li > a:hover {
	background:none;
	color: #005E26;
	border:1px solid #add5ca;
}
.result_navTabs > li.active > a, .result_navTabs > li.active > a:hover, .result_navTabs > li.active > a:focus {
	color: #005a70;
	border: 1px solid #add5ca;
	border-bottom-color: #fff;
	border-radius: 0;
	padding: 11px 5px 13px;
}
.graph_area{
	width:100%;
	height: 300px;
	background-color:#ddd;
	margin:20px 0;
	padding:10px;
}

/*CSS UPDATE 20 June*/
/*RESULT SCREEN GRAPH LEMON EXPERIMENT*/

.scrllGraph_transaction{ height:540px; margin-left: 220px;}
.scrllGraph_transaction_1{ height:490px; margin-left: 220px;}
.txtCenter{ text-align: center;}

.allGraphs_transactionGraph_1 {
    margin-top: 2px;
    height: 436px;
    margin-left: -1px;
    border-bottom: 1px solid #add6c6;
}

.allGraphs_transactionGraph {
    margin-top: 2px;
    height: 481px;
    margin-left: -1px;
    border-bottom: 1px solid #add6c6;
}
.cutBrder_right{background: url('../images/top_cut_border.png') no-repeat right top, url(../images/top_cut_border.png) no-repeat right bottom;}
.chartLabels{ margin-top:20px;margin-bottom:20px;}
.chartLabels span{ display: inline-block; margin-right: 10px;}
.chartLabels span label{color:#005a70;font-size:13px;font-weight: normal;}
.chartLabels span img{ margin-top: -7px; margin-right: 10px;}
.bring_back_chartTop{ margin-top: -145px;}
.bring_back_chartTop_trans{ margin-top: -95px;}
.chart_select_view table td{ padding-right: 10px;}
.chart_select_view .checkbox-custom-label{ font-size:13px!important;}
.vert_textChart {
    color: #1793b6;
    font-size: 15px;
    font-weight: 700;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
    display: inline-block;
    position: relative;
    left: -220px;
    top: 180px;
    font-style: italic;
}

.zones {
    display: table-cell;
    width: 120px;
    height: 148px;
    background: url('../images/chart_Arrow_bg.png') no-repeat 100px center;
    vertical-align: middle;
    background-size: 8px;
	padding:5px;
}
.zones_small_bg{background: url('../images/chart_Arrow_bg_small.png') no-repeat 100px center;background-size: 12px;height: 100px;}
.hgt150px_arrow{background: url('../images/ht_15px_arrow.png') no-repeat 100px center; background-size:14px;}
.zones span{ background: #FFF;}
.zonesVal {
    position: absolute;
    right: 24px;
    color: #002f55;
    font-weight: 700;
    font-size: 16px;
}
.chartBox_lg_transaction{
    width: 80%;
    float: left;
    min-height: 432px;
}
.chartTxtLab_lg_transaction {
    width: 120px;
    float: left;
    text-align: right;
    font-size: 14px;
    position: relative;
    margin-top: 15px;
}
.transactionGraph_leftStatic{border-right: 2px solid #add6c6;}
.lg_transaction_chart .div1{
    height:432px;
    width:700px;
    float:left;    
    border-right: 1px solid #add6c6;
    overflow: hidden;
    position: relative;
}
.lg_transaction_chart .div2{
    height:432px;
    width:700px;
    float:left; 
}
.transactionGraph_div {
    width: 333px;
    height: 480px;
    display: flex;
    /*display: block;
    box-sizing: border-box;*/
    border-right: 1px solid #add5ca;
}
.graphContainer_lemonExp .transactionGraph_div:first-child{border-left: 1px solid #add5ca;}

.graphContainer_lemonExp{    
    overflow: hidden;
    z-index: 1;
    position: relative;
    overflow-x: auto;
    width:755px;
}
.hr_block_graph {
    height: 100px;
    border-bottom: 1px solid #add6c6;
    border-top: 1px solid #add6c6;
    top: 289px;
    position: relative;
    /*z-index: 2;*/
    left: 100px;
    float:left;
    width: 775px;
}

.hr_block_graph_transaction {
    height: 100px !important;
    width: 775px !important;
    left: 100px !important;
    top: 358px !important;
    float: left;
}

.topBlk, .botBlk {
    position: absolute;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    border: 1px solid #add6c6;
    background: #FFF;
    left: 35px;
}

.topBlk{top: -15px;}
.botBlk {bottom: -15px;}

/*Updated on 30 june UI*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Safari only override */
::i-block-chrome,.bull_t_header{position:relative; top:15px;}
}

/*Updated on 27 june UI*/
.transaction_round_graphTitle{width:100%; text-align:center; display:inline-block; margin-top:15px;}


/*ENDS*/
.prev_next_link {
	margin: 30px 0 0px 0;
	border-top: 1px solid #add5ca;
	padding-top:20px;
	padding-bottom:30px;
}
a.next_link {
	float:right;
	color:#008638;
	font-size:14px;
	text-decoration:none;
	line-height:18px;
	font-weight:700;
}
a.next_link > img {
	margin-left:6px;
	width:40px;
	height:40px;
}
a.prev_link {
	float:left;
	color:#008638;
	font-size:14px;
	text-decoration:none;
	line-height:18px;
	font-weight:700;
}
a.prev_link > img {
	margin-right:6px;
	width:40px;
	height:40px;
}
.freeride_steps {
	margin:20px 20px 40px 40px;
}
.freeride_steps {
	color:#000000;
	font-weight:700;
	font-size:19px;
	line-height:normal;
}
.multiplechoice_btns {
	margin:20px 0 15px 15px;
}
.answer_explanation {
	margin:0px 0 0px 15px;
	padding:15px 20px;
	background-color: #d4eae4;
	border-radius:8px;
	width:650px;
	min-width:450px;
	min-height:80px;
	color:#000000;
	font-size:17px;
	font-weight:400;
}
.answer_explanation > .para_text_normal3 > strong {
	color:#003057;
	font-weight:bold;
	text-transform:uppercase;
}
.resultsDiv {
	max-height: 550px;
	overflow-y:auto;
}
.border_top {
	border-top: 1px solid #ccc;
}
.individual_list ul{
	list-style-type:none;
	width:100%;
	margin-bottom:10px;
}
.individual_list ul li{
	list-style-type:none;
	border-bottom:1px solid #ddd;
}
.individual_list ul li a, .individual_list ul li a:hover, .individual_list ul li a:focus {
	padding:6px 10px;
	font-size:12px;
	text-decoration:none;
	display: block;
	color:#fff;
}

.individual_list ul li .chat_notofication {
	display:inline-block;
	text-align:center;
	width:auto;
	padding: 1px 4px;
	height:15px;
	line-height:12px;
	font-size:10px;
	border-radius:50%;
	color:#fff;
	background-color:#0088c7;
	margin-left: 6px;
	margin-right: 6px;
}
.back_link {
	margin:0 10px 10px;
}
.back_link a, .export_link a {
	color: #fff;
    display: inline-block;
    font-size: 12px;
    text-decoration: none;
    vertical-align: middle;
}
.back_link a:hover, .export_link a:hover {
	color: #fff;
    text-decoration: underline;
}
.back_link a img, .export_link a img {
	margin-right: 5px;
    margin-top: -4px;
}
.export_link {
	margin:10px 10px 5px 10px;
}
.verttical_height_scroll {
	height: 100%;
	overflow-y: auto;
}
.settingsTable {
	/*max-width:700px;*/
	margin-left:0px;
}
.table.settingsTable > tbody > tr > td {
    border-color: #add5ca;
}
.table.settingsTable > tbody > tr > td:nth-child(2) {
	position:relative;       
}

.table.settingsTable > tbody > tr:first-child > td {
	border:0px;
}
.settingsTable input[type="checkbox"], input[type="radio"] {
	margin-top:2px;
}
.settingsTable .checkbox, .radio {
	margin-top:0px;
}
.table.settingsTable > tbody > tr > td:first-child {
	color: #003057;
    font-size: 15px;
    line-height: normal;
    font-weight: bold;
    text-transform: uppercase;
}
.font15_italic {
    font-size: 15px;
    line-height: normal;
    font-weight: normal;
    font-style: italic;
    color: #505759;
    text-transform: none;
}
.font_12 {
	font-size:12px;
}
.expTitleImg {
	width:250px;
	margin-left:107px;
	margin-bottom:10px;
}
.noResize{
	resize:none;
}
.font12_gray {
	font-size:12px;
	line-height:14px;
	color:#999;
}
.grading_sec{
	width:200px;
	display:inline-block;
    font-size: 15px;
    color:#000;
    line-height: normal;
    font-weight: 600;
    padding-bottom: 5px;
}
.grading_sec div{
	display:inline-block;
}
.grading_sec .per_grade{
    display: inline-block;
    margin-top: 12px;
    font-weight: normal;
}
.input_width_70 {
	width:70px;
}
a.restore_link {
	color: #008638;
    display: inline-block;
    font-size: 16px;
    padding-left: 5px;
    text-decoration: none;
}
a.restore_link:hover {
	color: #005E26;    
    text-decoration: underline;
}
a.restore_link:active, a.restore_link:focus {
	color: #005A70;    
    text-decoration: none;
}
.totalExp_time{
	font-size:34px;
	color:#007fa3;
	line-height:40px;
	float:left;
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    margin-top: -5px;
}
.totalExp_time .text_norm{
	font-size:15px;
	color:#003057;
	line-height:40px;
    font-weight: bold;
	font-family: 'Open Sans', sans-serif;
}
.width_100per{
	width:100% !important;
}
.width_100per > .left_container_inner_div{
	max-width:100%;
}
.pad_20 {
 padding:20px;
}
.hrLine{ border:1px solid #add5ca;}
.expEnd_links {
	width:100%;
	font-size:20px;
	line-height:24px;
	color:#aaaaaa;
	text-align:center;
	border-bottom:1px solid #add5ca;
	padding:13px 10px 10px 10px;
    font-weight: 600;
}
.expEnd_links a {
	color:#aaaaaa;
	font-size:14px;
	text-decoration:none;
	margin:0 5px;
    display: inline-block;
    position: relative;
    top: -3px;
}
.expEnd_links a:hover, .expEnd_links a:focus, .expEnd_links a:active {
	color:#008638;	
	text-decoration:none;	
}
a.shareAll {
	position:absolute;
	right:0px;
	top:-35px;
	font-size:14px;
	text-decoration:none;
	color:#008638;
}
a.shareAll:hover  {
	text-decoration: underline;
	color:#005E26;
}
a.shareAll:active, a.hideAll:focus  {	
	text-decoration:none;
	color:#005A70;
}
a.hideAll {
	position:absolute;
	right:0px;
	top:-35px;
	font-size:14px;
	text-decoration:none;
	color:#008638;
}
a.hideAll:hover  {
	text-decoration: underline;
	color:#005E26;
}
a.hideAll:active, a.hideAll:focus  {	
	text-decoration:none;
	color:#005A70;
}
.sharetab {
	float:right;
	margin-top:10px;
	font-size:14px;
	text-decoration:none;
	color:#008638;
}
.instruction_link {
    position: absolute;
    right: 10px;
    top: 5px;
	text-decoration:none;
}
.instruction_link img {
    width: 24px;
    height: 24px;
}
.width_90per{
	width:90%;
}
/*tbody.resultDataWrap { height:300px;overflow-y:auto;}*/

/*@media screen and (min-width: 1280px) {
.container {
	width:1280px !important;
	height:768px;
}
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
.container {
	width:1024px !important;
	height:768px;
}
}*/


/*FIXED HEADER REGION*/



p.fixed-table-scroll-inner {
    width: 100%;
    height: 200px;
}

div.fixed-table-scroll-outer {
    top: 0;
    left: 0;
    visibility: hidden;
    width: 200px;
    height: 150px;
    overflow: hidden;
}

.table-container {
	clear:both;
    border: 1px solid #add5ca;
    border-radius: 0px;
    margin: 10px;	
}

.table-container-header {
   overflow: hidden;
    width: 100%;    
}

.table-container-body {
    height: 235px;
    overflow: auto;
    width: 100%;
}

.table-container-footer {
    overflow: hidden;
    width: 100%;
}

.table-container table {
    margin-bottom: 0px;
    table-layout: fixed;
}

.table-container table td,
.table-container table th {
   /* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
    position: relative;
}

.table-bordered {
      border: 0px;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
  text-transform: uppercase;
  white-space: normal;
  border-color:#add5ca;
  font-weight:bold;
  font-size:11px;
  color:#000000;
  text-align:center;
}
.bot_border > thead > tr:first-child > th,
.bot_border > thead > tr:first-child > td {
  color:#000000;
  font-style:normal;
}
.bot_border > thead > tr:first-child > th:first-child,
.bot_border > thead > tr:first-child > td:first-child {
  color:#000000;
  font-style:normal;
}
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border-top-width: 1px;
}
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border-bottom-width: 0px;
  border-color:#add5ca;
}
.mScrollBar_height{ overflow: hidden; height: 385px;}
/*Esquerda*/
.table-bordered > thead > tr > th:first-child,
.table-bordered > tbody > tr > th:first-child,
.table-bordered > tfoot > tr > th:first-child,
.table-bordered > thead > tr > td:first-child,
.table-bordered > tbody > tr > td:first-child,
.table-bordered > tfoot > tr > td:first-child {
  border-left-width: 0px;
  
}
/*Direita*/
.table-bordered > thead > tr > th:last-child,
.table-bordered > tbody > tr > th:last-child,
.table-bordered > tfoot > tr > th:last-child,
.table-bordered > thead > tr > td:last-child,
.table-bordered > tbody > tr > td:last-child,
.table-bordered > tfoot > tr > td:last-child {
  border-right-width: 0px;
}
/*Topo*/
.table-bordered > thead > tr:first-child > th,
.table-bordered > thead > tr:first-child > td {
  border-top-width: 0px;
}
/*Baixo*/
.table-bordered > tfoot > tr:last-child > th,
.table-bordered > tfoot > tr:last-child > td {
  border-bottom-width: 0px;
}
.bot_border {
	border-bottom:4px solid #007fa3;
}
.bot_border > thead > tr > th, 
.bot_border > tbody > tr > th, 
.bot_border > tfoot > tr > th, 
.bot_border > thead > tr > td, 
.bot_border > tbody > tr > td, 
.bot_border > tfoot > tr > td {
	border-color:#add5ca;
}
.table > tbody + tbody {
	border-color:#add5ca;
}
.ctable_body > thead > tr > th, 
.ctable_body > tbody > tr > th, 
.ctable_body > tfoot > tr > th, 
.ctable_body > thead > tr > td, 
.ctable_body > tbody > tr > td, 
.ctable_body > tfoot > tr > td {
	border-color:#add5ca;
	border-bottom:0;
	border-top:0;
	font-size:15px;
	font-weight:700;
	color:#005A70;
	padding:0px 5px 10px 5px;	
}
.ctable_body > thead > tr:first-child > th, 
.ctable_body > tbody > tr:first-child > th, 
.ctable_body > tfoot > tr:first-child > th, 
.ctable_body > thead > tr:first-child > td, 
.ctable_body > tbody > tr:first-child > td, 
.ctable_body > tfoot > tr:first-child > td {
	color:#000000;
	padding:10px 5px 0px 5px;
}
.ctable_body {
	background-color: #D4EAE4;
}
.ctable_body > tbody > tr:first-child > td:first-child {
    text-align: center;
    vertical-align: middle !important;
	padding:5px !important;
}
.ctable_body > tbody > tr:first-child > th.center_thTxt  {
    text-align: center;
    vertical-align: middle !important;
    padding: 5px !important;
}
.alertMsg {
	border-radius:10px;	
	font-size:15px;
	padding:15px 60px;
	margin:10px 0;
	text-align:center;
    font-weight: bold;
}
.alertMsg.blue_alert {
	background:#dceff4 url("../images/blue_tick.png") no-repeat 16px 50%;
	background-size: 33px 33px;
	color:#007fa3;
}
.alertMsg.orange_alert {
	background:#FFB81C url("../images/orange_clock.png") no-repeat 16px 50%;
	background-size: 33px 33px;
	color:#003057;
}
.alertMsg.orange_alert_info {
	background:#FFB81C url("../images/orange_info.png") no-repeat 16px 50%;
	background-size: 33px 33px;
	color:#003057;
}

.alertMsg.grey_alert {
    background: #b1b1b1 url(../images/grey_tick.png) no-repeat 16px 50%;
    background-size: 33px 33px;
    color: #DDD;
}
.round_inSecGrey {
    color: #dddddd;
    font-size: 115px;
    line-height: 130px;
    margin-bottom: 15px;
}


.table_rewards {
	border: 1px solid #add5ca;
	border-radius:0;
	color:#000;
}
.table_rewards > thead > tr > th {
	border-bottom:4px solid #007fa3;
	border-right: 1px solid #add5ca;
	font-size:11px;
	font-weight:bold;
	color:#000;
	padding: 14px 8px;
}
.table_rewards > tbody {
	background-color:#D4EAE4;
	font-size:15px;
	font-weight:700;
	color:#000;
}
.table_rewards > tbody > tr > td:first-child {
	color:#007fa3;
}
.table_rewards > tbody > tr > td:nth-child(2) {
	width:95px;
}
.table_rewards > tbody > tr > td:nth-child(3) {
	width:130px;
}
.table_rewards > thead > tr > th, .table_rewards > tbody > tr > td {
	border-top: 1px solid #add5ca;
}

.form-control {
    border-color: #add5ca;
    border-width: 2px;
}

/*custom redio buttons and checkbox*/

.checkbox-custom, .radio-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 5px 5px 0;
    cursor: pointer;
}

.checkbox-custom-label, .radio-custom-label {
    position: relative;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 2px solid #add5ca;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    padding: 0 1px 0px 0;
    margin-right: 10px;
    text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\e013";
    font-family:"Glyphicons Halflings";
    background: #ffffff;
    color: #008638;
}
.checkbox-custom:checked + .checkbox-custom-label {
     color: #005a70;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    background: #008638;
    box-shadow: inset 0px 0px 0px 3px #fff;
}
.radio-custom:checked + .radio-custom-label {
    color: #005a70;
}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  outline: 0px solid #ddd; /* focus style */
}

/* ends style for custom redio buttons and checkbox*/

/* start switch button style*/
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
  top:6px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 3px;
  background-color: #008638;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #ADD5CA;
}

input:focus + .slider {
  box-shadow: 0 0 1px #ADD5CA;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 24px;
}

.slider.round:before {
  border-radius: 50%;
}
/* end switch button style*/



.radioBt_width {
    display: inline-block;
    width: 120px;
}
.radioBt_width1 {
    display: inline-block;
    width: 150px;
}


/*EXPERIMENT LEMON*/
.mainBlok {
	width:1024px;
	margin:auto;
}
.txtLeft {
	text-align: left !important;
}


.le_resultsDataBlock {
    margin: 0;
    margin-top: 20px;
    min-height: 600px;
}


.lemonImageDisplayTopBot{
 margin-top:-10px;
 margin-bottom:-50px;   
}


.le_resultsDataBlock .table-container{margin:0; margin-bottom:20px; width:99%;}

/*LEMON EXPERIMENT STYLES*/
.lg_left_containerHeightMod{
    height:200px !important;
}

.le_sp_exp_Container {
	padding-top: 5px;
}

.le_sp_exp_box1 {
	color: #505759;
	text-align: left;
}

.play_rounds_block {
	margin: auto;
	display: inline-block;
	width: 232px;
	text-align: center;
	float:left;
}

.rounds_both {
	width: 242px;
}

.le_play_rounds {
	width: 122px;
	height: 70px;
	margin: 0;
	float: left;
}

.le_sp_exp_box1 .option:nth-of-type(2) {
	margin-top: 20px;
}

.optionTitles {
	margin: 10px 0;
	line-height:26px;
}

.le_sp_exp_box1 .option .radio-custom-label,.le_sp_exp_box1 .option .checkbox-custom-label {
	font-weight: 700;
}
.le_sp_exp_box1 .option .checkbox-custom-label{margin-left: 30px;margin-top: -10px;}
.title_le_unitSell{	font-weight: 700; font-size:16px; color: #000;}
/*.title_le_unitSell .thumsUp, .title_le_unitSell .thumsDown{    
	position: relative;
    top: -20px;
    vertical-align: bottom;
    padding-bottom: 10px;
    line-height: 36px;
	}
.title_le_unitSell .thumsUp{ background:url(../images/thumsup.png) no-repeat;background-position: center 0px;background-size: 25px;}
.title_le_unitSell .thumsDown{ background:url(../images/thumsdown.png) no-repeat;background-position: center 0px;background-size: 25px;}*/

.title_le_unitSell .thumsUp {
    background: url(../images/thumsup.png) no-repeat;
    background-position: center 2px;
    background-size: 25px;
	color:#669900;
}
.title_le_unitSell .thumsDown {
    background: url(../images/thumsdown.png) no-repeat;
    background-position: center 8px;
    background-size: 25px;
	color:red;
}
.title_le_unitSell .thumsUp, .title_le_unitSell .thumsDown {
    position: relative;
    top: 9px;
    vertical-align: bottom;
    line-height: 36px;
    display: inline-block;
    min-width: 80px;
    padding-left: 10px;
}


.italicTxt {
	font-style: italic;
}

.sellInputTxt {
	width: 245px;
}

.le_tble_header th {
	padding: 10px 5px !important;
}

.le_table .sold {
	/*color: #000;*/
    color: #505759;
	text-transform: uppercase;
}

.le_tableRow {
	background: #D4EAE4;
   /* cursor: pointer;*/
}

.le_tableRow td, .le_table td {
	border-color: #add5ca !important;
}

.le_tableRow_active {
	background: #d4eae4;
	font-weight: 700;
	font-size: 15px;
}

/*.le_tableRow_upAward {
    background: url(../images/upaward.png) no-repeat 50px center;
    background-size: 28px;
}
.le_tableRow_downAward {
	background: url(../images/downaward.png) no-repeat 50px center;
	background-size: 28px;
}

.le_tableRow_active td:first-child {
	background: url(../images/rightPointerHand.png) no-repeat 10px center;
}
*/

/*FOR BADGE PURPOSE - 14/7/2016*/
.handPoint {
    height: 24px;
    background: url(../images/rightPointerHand.png) no-repeat;
    width: 34px;
    display: inline-block;
    background-size: 100%;
    position: absolute;
    left: 10px;
    top: 6px;
}
.downAward  {
    height: 24px;
    background: url(../images/downaward.png) no-repeat;
    width: 20px;
    display: inline-block;
    background-size: 100%;
    position: absolute;
    top: 7px;
    right: 10px;
}

.upAward {
    height: 24px;
    background: url(../images/upaward.png) no-repeat;
    width: 20px;
    display: inline-block;
    background-size: 100%;
    position: absolute;
    top: 7px;
    right: 10px;
}

.awardBadge {
    height: 24px;
    background: url(../images/award_image.png) no-repeat;
    width: 20px;
    display: inline-block;
    background-size: 100%;
    position: absolute;
    top: 7px;
    right: 10px;
}

.lemonAward {
    height: 35px;
    background: url(../images/lemon_image.png) no-repeat;
    width: 29px;
    display: inline-block;
    background-size: 100%;
    position: absolute;
    top: 7px;
    right: 10px;
}


.imgHandPoint,.imgRewardUp,.imgRewardDown{ display:none; margin-right:5px;}


/*FOR BADGE PURPOSE - 14/7/2016 ENDS*/

.le_tableRow_active td.blank {
	background: #FFF url(../images/rightPointerHand.png) no-repeat 10px center;
	text-align: left !important;
}


.legendResult_le span {
    display: inline-block;
    font-size: 12px;
   /* width: 28%;*/
    padding: 0 0px 0 30px;
    text-align: left;
}

.blank { padding: 0 !important;}
.legendResult_le span {
    height: 30px;
    line-height: 29px;
}

.legendResult_le span.handPointer{ background: url(../images/rightPointerHand.png) no-repeat left center; background-size: 25px;}
.legendResult_le span.upwardPointer{ background: url(../images/upaward.png) no-repeat left center; background-size: 20px;}
.legendResult_le span.downwardPointer{ background: url(../images/downaward.png) no-repeat left center; background-size: 20px;}

.high_repu,.low_repu{display:inline-block; margin:0 5px;}
.high_repu img,.low_repu img{ margin-right:2px;}

.le_tableRow_active td.blank span {
	margin-left: 50px;
	display: inline-block !important;
	font-weight: normal !important;
	font-style: italic;
	color: #505759;
}


.le_tableRow td{
	border-color: #add5ca;
	font-weight: 700;
	font-size: 15px;
	vertical-align: middle !important;
    	padding: 8px 4px !important;
}

.le_tableBlueTxt {
	color: #007fa3 !important;
}

.tableInst_texts {
	font-size: 14px !important;
	font-style: italic !important;
	font-family: 'Open Sans', sans-serif !important;
	text-align: left !important;
	font-weight: normal !important;
	color: #003057 !important;
}

.tableInst_texts span {
	font-size: 12px;
	text-transform: initial;
	color: #505759 !important;
}

.le_tbl_transactionHistory {
	min-height: 77px;
}


.leExp_tableRow_active{background: #d4eae4;}
.leExp_tableRow_active .round_bg {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: #add5ca;
	display: block;
	line-height: 26px;
}

.le_totalGain{ font-weight:bold !important; font-style:normal !important; color:#007fa3; }
.le_roundNumber{ font-weight:700;}
.option .input_contribution{ min-width:180px;}
.spacerBox{ display:inline-block; margin-left:18px;}
.numberedList{font-size:18px; font-style:italic; padding-left:26px;}
.numberedList li{ margin-bottom:20px;}
.lowQualitySheild{background:url(../images/award_image.jpg) no-repeat left center;    background-size: 70px; height:150px; width:520px; margin: 0 auto; padding-left:80px;}

.lemonLaw_bg {
    background: url(../images/lemon_image.jpg) no-repeat  left center; background-size: 120px; height:150px; width:620px; margin: 0 auto; padding-left:130px;}
/**/

.le_tableRow_active_text {
	background: #D2DB0E;
	font-weight: 700;
	font-size: 15px;
}

.le_tableRow_active_text .le_tableBlueTxt{
color:#003057 !important;
}

/*UPDATED ON 5TH JUL 2016 */
.tdWidthSetting_LE{ width: 260px;}

/*ENDS 5th JUL*/



.group_select {
    width: 110px;
    display: inline-block;
    color: #333;
}

/*ENDS*/
.clsSteppin
{
vertical-align:middle; 
height: 70px;
}
.result_button {
	margin-top:10px;
}
@media screen and (max-width: 1023px) {

/*.bg_parrot{background: #fff url("app/style/images/header_bg.jpg") no-repeat center bottom;}*/


/*.header{background: #fff url("../images/header_bg.jpg") no-repeat center bottom}*/
.thumbsBlock_showSmall{ display:block;margin-top: -10px;}
.sellInputTxt {
	width: 100%;
}
.container {
	width:740px;
	/*min-height:1024px;*/
    min-height:768px;
}
.middle_section .right_container {
	width:180px;
}
.middle_section .left_container {
	 /*width: calc(100% - 180px);
	width:586px;*/
	min-height: none;
	
	
}
.middle_section .left_container.width_close {
	/*width: calc(100% - 42px) !important;
        width: 706px !important;*/
}
.play_rounds {
    float: none;
    margin: 0 auto;
	border-right:0;
}
.round_steps {
    display: block;
    height: 70px;
    margin: 0;
    width: 100%;
	background-color: #003057;
    border-top: 1px solid #005f85;
}
.toggle_icon img.chat_bubble {
	right: -118px;
}
h4.panel-title {
	font-size:10px;
}
h4.panel-title .chat_notofication {
	top: -3px;
}
.exp_header {
	margin-bottom:70px;
}
.result_button {
	margin-top:80px;
}
.left_container_section_left {
    padding: 0 0 0 30px;
}
.left_container_section_right {
    padding: 0 60px;
}
.table_rounds tr td, .table_rounds tr th {
	font-size:10px;
}
.legendResult_le span {
    height: 40px;
    line-height: 12px;
}
.legendResult_le span{padding: 5px 0px 0 30px;}
.handPoint {
    left: 0px;    
}

.left_container_section_left, .left_container_section_right, .left_container_section_center {
	width:100%;
	/*display:table;*/
	float:left;
	height:auto;
	vertical-align:middle;
	text-align:center;
	padding:25px 50px;
}
.container_middle_height {
	height:auto;
}
.left_container_section_right .input_contribution {
	 margin:0 auto;
	 width:300px;
	 display: block;
}

.table-bordered > thead > tr > th { font-size:9px;}
.table_rounds_div {
	height:calc(100% - 590px);
}
.chat_box {
    max-height: 720px;
}
.para_content_18 {
	text-align:center;
}
.roundreward_section_left, .roundreward_section_right{
	width:100%;
	float:none;
	height: auto;
}
.left_container_inner_div {
	padding: 30px 20px;
}
a.result_links {
	margin-left:15px;
}
.grading_sec {
   width: 170px;
}
.instruction_link {
    right: 0px;
}

/*UPDATED DATE 24 june*/
.result_navTabs > li > a{ font-size:12px;margin-right: 2px;}

/*EXPERIMENT LEMON*/
.mainBlok {
	width:768px;
	margin:auto;
}
.le_sp_exp_Container{ margin-top:20px;}
.play_rounds_block{ width:100% !important;float:none;}
.round_Show, .le_play_rounds{ border:0 !important;padding-right: 0px;}
/*.lowQualitySheild{background: url(../images/award_image.jpg) no-repeat 60px 0px;    background-size: 60px;}

.lemonLaw_bg {
    background: url(../images/lemon_image.jpg) no-repeat 30px 0px;
    background-size: 90px;
}*/
.legendResult_le span {
    height: 40px;
    line-height: 12px;
}
.legendResult_le span{padding: 5px 0px 0 30px;}
.handPoint {
    left: 0px;    
}

/*Update 6/12/2016*/
.inline_checkboxes{ float:none;}
.select_round_check{ height:30px!important; width: 100%;}

}

.activeRound_row1 {
    background-color: #CBE8EE;
}

.activeRound_circle1 {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-color: #016683;
    text-align: center;
    padding: 10px 0;
    border-radius: 50%;
}

.activeRound_row2 {
    background-color: #D4EAE3;
}
.activeRound_circle2 {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-color: #016683;
    text-align: center;
    padding: 2px 3px 2px 0px;
    border-radius: 50%;
}
.table_roundsEarning {
	width:150px;
	border-color: #add5ca;
    border: 1px solid #add5ca;
	margin-left:0;
}
.table_roundsEarning > thead > tr > th, .table_roundsEarning > tbody > tr > td, .table_roundsEarning > tbody > tr > th, .table_roundsEarning > tr > th, .table_roundsEarning > tr > td {
    border: 1px solid #add5ca;
    color: #000000;
    font-size: 13px;
    width:150px;
	border-bottom-width: 1px;
}
.table_roundsEarning > thead > tr > th, .table_roundsEarning > tr > th, .table_roundsEarning > tbody > tr > th {
    border-bottom-width: 2px;
    border-bottom-color: #017FA3;	
}
.table_roundsEarning > thead > tr > td {
    border-bottom-width: 1px;
	border: 1px solid #add5ca;
}


.le_tableRow_nortext td {
	border-color: #add5ca;
	font-weight: 600;
	font-size: 13px;
	padding:5px !important;
	vertical-align: initial !important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
tbody.le_tableRow_nortext {
	background-color:#E7F6F1;
}
.table > tbody + tbody.le_tableRow_nortext {
    border-top: 1px solid #add5ca;
}
tbody.le_tableRow_nortext {
    border-top: 1px solid #add5ca;
}
.table-container-body-10row {
    max-height: 297px;
    overflow: auto;
    width: 100%;
}
.playertextRight  {
	color:#007fa3 !important;
    font-weight: 600;
	float:right;	
	font-style:normal;
}
.playertextRight > span {
	color:#007fa3 !important;
}
.le_tableRow_awardbadge {
    background: rgba(0, 0, 0, 0) url("../images/award_image.png") no-repeat scroll center center / 18px auto;
}
.le_tableRow_lemon {
    background: rgba(0, 0, 0, 0) url("../images/lemon_image.png") no-repeat scroll center center / 22px auto;
}
.le_tableRow_awardbadge_high {
	background: rgba(0, 0, 0, 0) url("../images/award_image.png") no-repeat scroll left center / 18px auto;
	display:inline-block;
	padding:5px 30px 5px 23px; 
	font-size:13px;
	color:#666;
	font-style:italic;
	margin-left:5px;
}
.le_tableRow_lemon_low {
	background: rgba(0, 0, 0, 0) url("../images/lemon_image.png") no-repeat scroll left center / 22px auto;
	display:inline-block;
	padding:5px 0px 5px 27px; 
	font-size:13px;
	color:#666;
	font-style:italic;
}
.tableInst_texts1 {
    color: #003057 !important;
    font-family: "Open Sans",sans-serif !important;
    font-size: 11px !important;
    font-style: italic !important;
    font-weight: normal !important;
    text-align: left !important;
	padding: 8px !important;
}
.li_pricequality {
	display:inline-block;
	vertical-align:top;
	line-height: 26px;
}
ul.contr_list.resultpage_ul {
	margin:30px 0 0px 20px;
}
ul.contr_list.resultpage_ul li {
    color: #000000;
    font-size: 16px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.result_leftTable {
	float:left;
	position:relative;
	width:38%;
}
.result_rightTable {
	float:left;
	position:relative;
	width:62%;
}
.le_tble_header1 th{
	padding: 5px 1px !important;
	font-size:10px !important;
}

@media screen and (max-width: 1023px) {
.width_30_l, .width_70_l {
	width:100%;
}

.result_leftTable {
	float:none;
	width:100%;
}
.result_rightTable {
	float:none;
	width:100%;
}


}
.circleResult {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  float:right;
  margin-left: 10px;  
  
}