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


.wrap.container{
	width:100%;
}
.form-check-input:checked{
	background-color: #fc4c02!important;
}

#chartbuilder_container{
	position:relative;
	font-family: 'Lato',sans-serif;
	max-width:1500px;
}

#vizcontainer{
	position:relative;
	left:0px;
	top:0px;
	width:1170px;
	height:auto;
}
#contentarea{
	padding:0px;
	width:1500px;
	margin:0px;
	height:800px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#vizheader{
		padding:0px;
		width:1500px;
		margin:0px;
		height:auto;
		margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
	
}
#instruc{
	padding:0px;
	padding-top:10px;
	padding-left:10px;
	width:1500px;
	margin:0px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	position:relative;
	border-top-style:solid;
	border-width:thin;
	font-size:16px;
	
}
#chosenindicatorlist{
	border-bottom-style:none;
	border-width:thin;
	border-color:#ccc;
}
#iconalert{
	background:#fff;
	padding:5px;
	opacity:0;
}



#definedata{
	margin:10px;
	padding:10px;
	width:100%;
	height:auto;
	background-color:#fff;
}
#chartbuilder_container a{
	text-decoration: none;
}
#chartbuilder_container .btn-link{
	text-decoration: none;
}
.modal-dialog .close{
	font-size:24px;
	color:#000;
}
#chartbuilder_container .modal h2{
	border:none;
	font-size: 22px;
}
#chartbuilder_container .modal button{
	border:none;
	background-color: #fff;
}
#chartbuilder_container .modal label{
	font-size:14px;
}
#chartbuilder_container table{
	 border-bottom-style: solid;
    border-bottom-width: 1px;
	border-bottom-color: #eee;
	background-color: #00000000;
}
#chartbuilder_container table tr:hover{
	background-color:#00000011;
	cursor:pointer;
}
#chartbuilder_container .table-fixed{
	margin-bottom:5px;
}
#chartbuilder_container .table-fixed thead {
  width: 100%;
}
#chartbuilder_container .table-fixed tbody {
  height: 175px;
  overflow-y: scroll;
  margin-top:50px;
  width: 100%;
}
#chartbuilder_container .table-fixed thead, #chartbuilder_container .table-fixed tbody, #chartbuilder_container .table-fixed tr, #chartbuilder_container .table-fixed td, #chartbuilder_container .table-fixed th {
  display: block;
}
#chartbuilder_container .table-fixed-sm{
	margin-bottom:5px;
}
#chartbuilder_container .table-fixed-sm thead {
  width: 100%;
}
#chartbuilder_container .table-fixed-sm tbody {
  height: 130px;
  overflow-y: scroll;
  width: 100%;
}
#chartbuilder_container .table-fixed-sm thead, #chartbuilder_container .table-fixed-sm tbody, #chartbuilder_container .table-fixed-sm tr, #chartbuilder_container .table-fixed-sm td, #chartbuilder_container .table-fixed-sm th {
  display: block;
}


#chartbuilder_container .table-fixed tr{
	width:100%;
}
#chartbuilder_container .table-fixed-sm tr{
	width:100%;
}
#chartbuilder_container .rwpad tr td{
	padding-bottom:7px;
	padding-top:7px;
	padding-left:4px;
	border-bottom-style:solid;
	border-width:thin;
	border-color:#efefef;
	background-color: #00000000;
}
#chartbuilder_container .rwpad{
	border-bottom-style:solid;
	border-width:thin;
	border-color:#bbb;
}

#ind_dd .dropdown-toggle, #cnt_dd .dropdown-toggle{
	width:450px;
	text-transform: none;
	white-space: normal;

}
#ind_dd ul, #cnt_dd ul{
	height:250px;
	overflow-y:scroll;

}
#indnavlinks, #cntnavlinks{
	font-size:12px;
	
}
#indchoicedropdown{
	margin-top:0px;
	padding-top:0px;
}
#indicatorlist{
	clear:both;
	padding-top:10px;
}
#indsearchmethod{
	padding-top:5px;
}
#memextra{
	height:35px;
}
#chartbuilder_container .smaller{
	font-size:16px;
}
#visualizations{
	margin-top:20px;
	width:763px;
	height:867px;
	background-image:url('../chback.jpg');
	background-color:#f9faf8;
	/*background-color:#f00;*/
}
#titlerow{
	font-family:'Lato',sans-serif;
	font-weight: 600;
	margin-bottom:10px;
}
.viztitle{
	margin-top:15px;
	font-size:35px;
	float:left;
	padding-left:0px;
	padding-right:20px;
	padding-top:20px;
	padding-bottom:20px;
	border-top:none;
	border-left:none;
	border-bottom:none;
	border-right-style:solid;
	border-width:thin;
	
}
@media screen and (max-width: 1000px) {
	.viztitle{
		font-size:35px;
		border-right:none;
	}
}
#viznav{
	background:#f00;
	border-bottom-style:solid;
	border-width:thin;
}
#mainbuttons{
	float:left;
	padding-top:24px;
}
@media screen and (max-width: 1000px) {
	#mainbuttons{
		margin-bottom:60px;
		padding-top:0px;
	}
}
#chartbuilder_container .mainbutt{
	font-weight:600;
	font-size:12px;
	color:#db523a;
	margin-left:20px;
	margin-right:30px;
	margin-top:15px;
	cursor:pointer;
	
}
.mainbuttunderline{
	border-bottom-style:solid;
	border-width:3px;
}
.mainicon{
	color:#db523a;
	width:40px;
	font-size: 35px;


}
#colchange{
	margin-left:20px;
}
#rankchange{
	margin-left:20px;
}
.mainbutt{
	float:left;
}
#vizheaderim{
	width:1600px;
	height:490px;
	
}
.scattercountryformat{
	text-align:center;
	color:#333;
	font-weight:600;
	font-size:12px;
}
.datalabelFormat{
	text-align:center;
	color:#666;
	font-weight:600;
	font-size:12px;
}
.axislabelFormat{
	text-align:center;
	color:#999;
	font-weight:600;
}
.legendFormat{
	font-weight:600;
	font-size:11px;
}
.maintitleFormat{
	font-family: 'Lato', sans-serif;
	text-align:center;
	font-weight:600;
	font-size:14px;
	
}
#chartbuilder_container .fxwd{
	width:250px;
}
#chartbuilder_container .blueback{
	background-color:#fff;
}
#chartbuilder_container .fadeback{
	color:#ccc;
}
#chartbuilder_container .fadebackdark{
	color:#999;
}
#chartbuilder_container .actv{
	background-color:#00000011!important;
}
#chartbuilder_container h6{
	margin-left:8px;
	color:#666;
}
#chartbuilder_container .fadeicon{
	color:#600;
}
#chartbuilder_container .fullicon{
	color:#db523a;
	
}
#multiselect{
	margin-top:5px;
	float:left;
}
#memberlist{
	margin-top:5px;
}

#multselectlist{
	height:500px;
	overflow-y:auto;
}
#multselectlist_ind{
	height:500px;
	overflow-y:auto;
}
.indundispl{
	color:#999;
}
.feedbackbox{
	width:160px;
	height:90px;
	background-color:#fff;
	border-style:solid;
	border-color:#999;
	border-width:thin;
}
.pheading{
	background-color:#efefef;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:5px;
	font-weight:600;
	margin-bottom:5px;
	border-bottom-style:solid;
	border-width:thin;
	border-color:#ddd;
}
.pheadimg{
	margin-bottom:25px;
}
.fback_clab{
	font-family: 'Lato', sans-serif;
	font-size:12px;
	font-weight:600;
		
}

.fback_val{
	font-family: 'Lato', sans-serif;
	font-size:12px;
	font-weight:600;
	color:#666;	
}

.fback_quin{
	font-family: 'Lato', sans-serif;
	font-size:11px;
	font-weight:400;
	color:#666;	
}
#catdropdownbutton, #cnt_dd button{
	background-color: #fff;
}
#catdropdown{
	margin-right:20px;
}
#inddropdown{
	float:left;
}
#remindbtn{
	float:right;
	margin-right:10px;
}
#addmemx{
	float:right;
}
#remmembtn{
	float:right;
	margin-right:10px;
}
#addindbtn{
	float:right;
}
#addallindbtn{
	float:right:
}

.box-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.box-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}
.box-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}
.box-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}
.box-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}
.box-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

#chartbuilder_container  .rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}
/*override Bootstrap*/
#chartbuilder_container .btn-link{
	color:#db523a;
}


/*new styles
*/

#cb_buttonrow{
	height:50px;
	background-color:#4c4c4d;
	color:#fff;
	font-weight: 600;
	font-size:12px;
}

#cb_buttonrow_cont{
	position:relative;
	width:200px;
	left:50%;
	height:50px;
}

#cb_databutton_cont{
	position:absolute;
	left:-150px;
	top:0px;
	
	
}
#cb_expexcel{
	position:absolute;
	width:100px;
	right:5px;
	bottom:40px;
	font-size: 10px;
	cursor: pointer;
	text-align:right;

}
#excelicon{
	position:absolute;
	top:0px;
	width:25px;
	left:0px;
}
#excellabel{
	position:absolute;
	top:5px;
	width:75px;
	left:20px;
}
#cb_databutton_ic, #cb_chsettingbutton_ic{
	position: absolute;
	top:12px;
	left:0px;
	cursor: pointer;
	
}
#cb_databutton_lab, #cb_chsettingbutton_lab{
	position: absolute;
	top:13px;
	left:25px;
	width:100px;
	cursor: pointer;
	font-size:14px;
}


#cb_chartsettingbutton_cont{
	position:absolute;
	left:150px;
	top:0px;
	
}



#datasetinput{
	visibility: hidden;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#bpanel_mobbutton{
	visibility:hidden;
}
@media screen and (max-width: 800px) {
	#datasetinput{
		/*width:100%!important;
		left:0px!important;
		transform: translateY(0%) translateX(0%)!important;*/
	}
	#bpanel_mobbutton{
		visibility:visible;
	}
	#ip{
		margin-bottom:0px!important;
	}
}

#bpanel{
	background-color:#fff;
}

#chosenmemberlist{
	background-color:#ecf3f3;
}

#chosenindicatorlist{
	background-color:#f6f6f0;
}

#chartbuilder_container .dropdown button{
	min-width:60%;
	text-align:left;
}
#chartbuilder_container .dropdown-menu{
	padding:5px;
}
#chartbuilder_container .dropdown-menu li a, #chartbuilder_container .dropdown-menu li a:visited{
	color:#222;
	text-decoration: none;
	font-size: 12px;
}
#chartbuilder_container .dropdown-menu li a:hover{
	background-color: #efefef;
}

#chartbuilder_container .dinput_header{
	font-weight: 600;
	font-size: 16px;
	padding-top:10px;
	width:80px;
}

#indnavlinks a, #cntnavlinks a{
	color:#db523a;
	margin-right:10px;
}
#indnavlinks{
	margin-left:210px;
}
#cntnavlinks{
	margin-left:250px;
}
#indnavlinks span, #cntnavlinks span{
	font-size:12px;

}
#cb_table{
	margin-left:20px;
	margin-top:50px;
}
#cb_table td, #cb_table th{
	font-size:16px;
	padding-right:20px;

	border-right-style:solid;
	border-width:thin;
	border-color:#fff;

}
#cb_table th{
	font-weight: 600;
	color:#fff;
	padding:20px;

	

}

.dinput_close{
	position: absolute;
	top:5px;
	right:10px;
	width:30px;
	cursor:pointer;
}

#mobilechartarrows{
	position:absolute;
	bottom:50px;
	width:200px;
	left:50%;
	transform: translateY(0%) translateX(-100px);

}
#chartarrowdown{
	position:absolute;
	top:0px;
	left:20px;
	cursor:pointer;

}

#chartarrowup{
	position:absolute;
	top:0px;
	right:40px;
	cursor:pointer;
	
}

#chartarrowdown span, #chartarrowup span{
	font-size:50px;
}

#chartrow{
	overflow-y:hidden;
}

#intro{
	position:absolute;
	width:60%;
	background-color: #fff;
	top:72px;
	left:50%;
	padding:15px;
	transform: translateY(0%) translateX(-50%);
	

}

.buttondescr{
	width:70px;
	text-align:right;
	color:#777;

}