@charset "UTF-8";
/* CSS Document */
body{
	background-color:#fff;
}
h1,h2{
	font-family: 'Raleway', sans-serif;
}
#headercontent{
	width:100%;
	overflow:hidden;
	height:350px;
	margin-left:auto;
	margin-right:auto;
}

#backim{
	position:absolute;
	overflow:hidden;
	right:0px;
	top:0px;
	
}
#backim img{

}
#logo{
	position:absolute;
	left:40px;
	top:10px;
}

#head1{
	position:absolute;
	left:-181px;
	top:135px;
}

#hband1{
	position:absolute;
	left:0px;
	top:0px;
}
#hband1sol{
	position:absolute;
	left:395px;
	top:0px;
	height:42px;
	width:274px;
	background-color:#44bbaf;
}

#head2{
	position:absolute;
	left:-136px;
	top:177px;
}

#hband2{
	position:absolute;
	left:0px;
	top:0px;
}
#hband2sol{
	position:absolute;
	left:395px;
	top:0px;
	height:42px;
	width:274px;
	background-color:#aad03e;
}



#head3{
	position:absolute;
	left:-91px;
	top:219px;
}

#hband3{
	position:absolute;
	left:0px;
	top:0px;
}
#hband3sol{
	position:absolute;
	left:395px;
	top:0px;
	height:42px;
	width:274px;
	background-color:#e45b5a;
}

.htx{
	font-family: 'Roboto+Slab', serif;
	position:absolute;
	text-align:center;
	left:395px;
	top:5px;
	font-size:1.5em;
	font-weight:200;
	color:#fff;
	width:274px;
	
	
}
#topmenu{
	position:absolute;
	width:400px;
	height:auto;
	left:400px;
	top:10px;
	padding:5px;
	
	
}
#titledivider{
	position:relative;
	width:100%;
	height:10px;
	border-bottom: 1px solid #444;
}

#maincontent{
	visibility:hidden;
}
/*Modals*/
.modal-dialog{
	vertical-align: middle;
}
#initloadDialog h3, #initloadDialog i{
	color:#999;
}
/*End Modals*/



/*Menu controls*/
.tml{
	float:left;
	margin-right:20px;
	font-size:0.8em;
	font-weight:600;
}
.incontrols{
	float:left;
	margin-top:10px;
	margin-left:5px;
}
.incontrols div{
	float:left;
	padding-right:8px;
	margin-right:8px;
	border-right: solid 1px #ccc;
}
.incontrols span{
	margin-right:5px;
}
.incontrols::after { 
	clear:both;
}
.mensub{
	font-size:0.8em;
}
#c_dd{
	float:left;
}
/*End Menu Controls*/

/*Buttons*/
.btn {
    padding: 11px 24px;
    border: 0 none;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
	width:100%;
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}
 
.btn-primary {
   /* background: #aba3d8;*/
	background: #878bad;
    color: #ffffff;
}
 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #aba3d8;
}
.dropdown-toggle.btn-primary,.dropdown-toggle.btn-primary.active,dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#878bad, #ddddef); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#878bad, #ddddef); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#878bad, #ddddef); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#878bad, #ddddef); /* Standard syntax */
}
 
.btn-primary:active, .btn-primary.active {
    background: #aba3d8;
    box-shadow: none;
}
/*End Buttons*/


.nav-tabs li{
	float:left;
}

/*Tables*/
table th{
	/*background-color:#9991c3;*/
	background-color:#878bad;
	padding:10px;
}
.tablehead_main{
	font-size:0.8em;
	color:#fff;
	height:50px;
}
.tablehead_sec{
	width:70px;
	font-size:0.8em;
	font-weight:400;
	color:#e8e16d;
	
}
.tablehead_sec:hover{
	color:#f6ef77;
}
/*f6ef77*/

.tablehead_flag{
	height:24px;
	width:24px;
	padding-left:4px;
	margin-bottom:4px;
	color:#e8e16d;
	
}
.tablehead_flag:hover{
	color:#f6ef77;
}
#tsttable table, #tsttable th, #tsttable td{
	border: 1px solid white;
}

#tsttableattr table tr{
	
}

.trgrey{
	background-color:#eee;
}
table td{
	padding:5px;
	font-size:0.8em;
	
}

#tsttable{
	position:absolute;
	width:90%;
	height:600px;
	overflow:scroll;
}
/*End Tables*/

#flagmenu,#flagmenuattr{
	position:absolute;
	left:0px;
	right:0px;
	background-color:#878bad;
	color:#fff;
	font-size:0.8em;
	width:120px;
}
#flagmenu ul,#flagmenuattr ul{
	margin-left:0px;
	padding:10px;
	list-style-type:none;
	
}
#flagmenu ul li,#flagmenuattr ul li{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom: 1px solid #bbb;
	cursor:pointer;
}
#flagmenu ul li:hover, #flagmenuattr ul li:hover{
	color:#e8e16d;	
}
#flagmenu ul li span, #flagmenuattr ul li span{
	color:#e8e16d;
	font-size:1.3em;
}




#typemenu,#typemenuattr{
	position:absolute;
	left:0px;
	right:0px;
	background-color:#878bad;
	color:#fff;
	font-size:0.8em;
	width:120px;
}
#typemenu ul,#typemenuattr ul{
	margin-left:0px;
	padding:10px;
	list-style-type:none;
	
}
#typemenu ul li,#typemenuattr ul li{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom: 1px solid #bbb;
	cursor:pointer;
}
#typemenu ul li:hover,#typemenuattr ul li:hover{
	color:#f6ef77;	
}
#typemenu ul li span,#typemenuattr ul li span{
	color:#f6ef77;
	font-size:1.3em;
}

#tablescroll{
	position:absolute;
	right:20px;
	top:10px;
	font-size:2.0em;
	cursor:pointer;
	color:#878bad;
}

#tablescrollback{
	position:absolute;
	left:-10px;
	top:10px;
	font-size:2.0em;
	cursor:pointer;
	color:#878bad;
}



#tsttableattr{
	background-color:#878bad;
	color:#fff;
	font-size:1.2em;
}
#tsttableattr table td{
	padding-bottom:10px;
}

.sh2 {
    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)
}

.tblattr_flag,.tblattr_type{
	color:#f6ef77;
	cursor:pointer;
	
}

.tbldarkerrow{
	
	background-color:#8a84ac;
}


/*Programs*/
#initiatives{
	border-left:solid 1px #ccc;
	height:120px;
	border-bottom:solid 1px #ddd;
}
#in_lab{
	font-size:1.5em;
	margin-bottom:10px;
	margin-top:20px;
	color:#88849a;
}


/*Campaigns*/
#campaigns{
	border-left:solid 1px #ccc;
	padding-left:20px;
	border-bottom:solid 1px #ccc;
	height:1000px;
	background-color: #f7f7f7;
}
#ccamp_content{
	height:800px;
	background-color:#efefef;
	margin-left:15px;
	width:98%;
}
#c_lab{
	font-size:1.2em;
	margin-bottom:10px;
	margin-top:10px;
	color:#88849a;
}
#ccamp_cntarea{
	position:absolute;
	left:200px;
	top:0px;
	height:1000px;
	width:1000px;
}
#ccamp_toggle{
	margin-top:15px;
}
#ccamp_toggle .nav li.active a{
	background-color:#efefef;
}

#ccamp_toolbar{
	position:absolute;
	left:5px;
	top:15px;
	width:125px;
	height:95%;
	border-right:solid 1px #9c9c9c;
	
}

.cctbactive{
	color:#e45b5a;
}

.cctbinactive{
	color:#88849a;
}
.ccamp_tbar_btn {
	text-align:center;
	border-bottom:solid 1px #dedede;
	padding-top:10px;
	padding-bottom:10px;


	font-size: 12px;
}


#ccamp_cnt_datasets{
	position:absolute;
	left:0px;
	top:0px;
	height:100%;
	width:100%;
}

#ccamp_cnt_datasets,#ccamp_cnt_models{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
}
#ccamp_cnt_dsets_firstime,#ccamp_cnt_models_firstime{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
#ccamp_cnt_dsets_existing,#ccamp_cnt_models_existing{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

#ds_content{
	width:100%;
	height:600px;
	background-color:#eee;
}
#dscontrols{
	margin-top:15px;
}
#ds_lab{
	color:#88849a;
	font-size:1.0em;
	float:left;
	margin-right:10px;
	margin-top:10px;
}
.ddlab{
	float:left;
}
.ddfl{
	float:left;
}
.ddfl::after { 
	clear:both;
}
#ds_scht_preview,#ds_scht_attributes{
	float:left;
}
#ds_scht_attributes::after{
	clear:both;
}
#ds_schema,#ds_profile{
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
}
#ds_schema_toggle{
	position:relative;
	width:100%;
}
#ds_schema_content{
	position:relative;
	width:100%;
}
#ds_schema_prev,#ds_schema_attr{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
	
}
#ds_prof_menu{
	position:absolute;
	left:20px;
	top:0px;
	width:293px;
	height:auto;
	
}

#dsprmen_mainattr,#dsprmen_othattr,#dsprmen_othattr_lab,#dsprmen_mainattr{
	position:relative;
	
}
#dsprmen_mainattr{
	margin-bottom:10px;
}
.dsprmen_mattr{
	position:relative;
	font-weight:600;
	font-size:0.8em;
	margin-bottom:5px;
	padding:3px;
	border-bottom: solid 1px #ccc;
}

.dsprmen_oattr{
	position:relative;
	font-weight:600;
	font-size:0.8em;
	margin-bottom:5px;
	padding:3px;
	border-bottom: solid 1px #ccc;
}
.dsprmenactive{
	background-color:#878bad;
	color:#fff;
}

#ds_prof_content{
	position:absolute;
	left:360px;
	top:3px;
	width:100%;
	height:auto;
}
#ds_prof_choose{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:auto;
}
#ds_prof_charts{
	position:absolute;
	left:0px;
	top:25px;
	width:100%;
	height:800px;
}
#ds_prof_charts_nav{
	position:absolute;
	left:515px;
	top:50px;
	width:100%;
	height:80px;
}
#ds_toggle{
	margin-top:15px;
	width:100%;
}
#ds_toggle .nav li.active a{
	background-color:#eee;
}
.dsschemtogglab{
	font-size:0.9em;
	margin-right:10px;
}
.dsetprofchoice{
	float:left;
	margin-right:5px;
	cursor:pointer;
	color:#878bad;
	font-weight:600;
	font-size:0.8em;
	padding:3px;
}
.dsetprofchoicelab{
	float:left;
	margin-right:5px;
	font-size:0.8em;
	padding:3px;
}
.dsetprchactive{
	color:#fff;
	background-color:#878bad;
}
#chrange{
	position:absolute;
	left:0px;
	top:500px;
	height:125px;
	width:500px;
	background-color:#ddddef;
}
#chrmaxlab{
	position:absolute;
	left:25px;
	top:20px;
	font-size:0.8em;
}
#chrstepslab{
	position:absolute;
	left:25px;
	top:70px;
	font-size:0.8em;
}
#chrmaxSlider{
	position:absolute;
	left:150px;
	top:20px;
}
#chrstepsSlider{
	position:absolute;
	left:150px;
	top:70px;
}

/*Models*/
#mod_segments{
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:auto;
}
#mod_segcompchoose{
	position:absolute;
	left:400px;
	top:0px;
	height:auto;	
}
#mod_segdisplay{
	position:absolute;
	left:400px;
	top:100px;
	width:800px;
	height:auto;
}

#mod_attributes,#mod_segattrcharts{
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:auto;
}

#mod_charts{
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:auto;
}

#mod_charts_gl,#mod_charts_dist{
	position:absolute;
	left:0px;
	top:0px;
	width:800px;
	height:auto;
}
/*End Models*/


.mengrad{
	
	background: red; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#878bad, #ddddef); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#878bad, #ddddef); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#878bad, #ddddef); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#878bad, #ddddef); /* Standard syntax */
	
	
}
.sublab1 {
    font-size: 0.9em;
    font-weight: 600;
    color: #999;
    margin-top: 20px;
    margin-bottom: 10px;
}
/*Charts*/
.xaxlab{
	font-weight:600;
	font-size:0.8em;
}
.yaxlab{
	font-weight:600;
	font-size:0.8em;
	text-align:right;
	width:100px;
}
.pieclab{
	text-align:center;
}
.chicon{
	height:40px;
	margin-bottom:15px;
	opacity:0.5;
}
.chicactive{
	opacity:1.0;
}

.piecval {
    text-align: center;
    font-size: 1.5em;
    background-color: #878bad;
    color: #fff;
}
.barchlab{
	text-align: center;
    font-size: 1.0em;
    color: #fff;
}
.legendcl{
	margin-right:5px;
	font-size:0.8em;
	font-weight:600;
}
.broll{
	color:#fff;
	font-size:0.8em;
	text-align:center;
}

/*Dialogs*/
.editdiagmsg{
	height:50px;
	font-size:1.4em;
	color:#666;
	
}
.editdiagline{
	height:45px;
}
.editdiagline div{
	float:left;
	margin-right:20px;
	
}
.editdiagline_lab{
	width:200px;
	color:#666;
	font-size:1.2em;
	padding-left:6px;
}
.editdiagline_val{
	width:300px;
	color:#666;
	font-size:1.2em;	
}
.editdiagfooterbtns{
	position:relative;
	float:right;
	
}
.editdiagfooterbtns .btn{
	float:left;
	width:auto;
	margin-right:10px;
	
}
.dreq{
	padding-left:0px !important;
}
.dreqast{
	color:coral;
}
.reqmsg{
	color:coral;
	font-size:0.8em;
	height:20px;
	width:auto;
}




/*Bootoverride*/
.dropdown-menu{
	top:90%;
	width:100%;
	background-color:#ddddef;
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.175);
	 box-shadow: 0 0px 0px rgba(0,0,0,.175);
	
	
}
.modal-header div{
	font-size: 1.5em;
	color:#999;
}
.modal-footer{
	background-color:#e5e5e5;
}
a{
	color:#6e7297;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #dedede;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #dedede;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #dedede;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #dedede;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #dedede;
}