.tab-switch-list
{

  border-bottom:1px solid #5e50a1;
  margin-bottom:20px;

}

.tab-select
{

  display:inline-block;
  padding:10px 25px;
  font-size:19px;
  border-top:1px solid;
  border-left:1px solid;
  border-right:1px solid;
  margin-bottom:-1px;
  border-color:#5e50a1;
  background-color:#5e50a1;
  color:white;
  margin-right:15px;
  cursor:pointer;

}

.tab-select span
{

  user-select:none;
  -moz-user-select:none;

}

.tab-select[data-active="true"]
{

  background-color:white;
  color:#5e50a1;

}

.tab-select[data-active="true"] span
{



}


@media (max-width:582px)
{

  .tab-switch-list
  {

    border-left:1px solid;
    border-bottom:0;

  }

  .tab-select
  {

    margin-left:-1px;
    margin-right:0px;
    border-bottom:1px solid #5e50a1;
    border-left:0;
    margin-bottom:10px;

  }

}

[data-column="4"]
{

  columns:4;
  -moz-columns:4;

}

[data-column="3"]
{

  columns:3;
  -moz-columns:3;

}

@media (max-width:715px)
{

  [data-column="4"]
  {

    columns:3;
    -moz-columns:3;

  }

}

@media (max-width:500px)
{

  [data-column="4"],[data-column="3"]
  {

    columns:1;
    -moz-columns:1;

  }

}

div.link-list
{

  background:#f6f6f6;
  color:#5e50a1;
  border:1px solid #e2e2e2;
  padding:15px;
  padding-bottom:0px;
  border-radius:5px;

}

div.link-list p
{

  display:inline-block;
  margin-right:10px;

}

div.link-list a
{

  margin-right:10px;
  margin-bottom:15px;
  display:inline-block;
  color:#45b2e9;

}

div.link-list a:hover
{

  color:#45b2e9;

}

div.link-list a:hover > *
{

  text-decoration:underline;

}


div.link-list a:after
{

  content:"|";
  padding-left:10px;
  color:#c6c6c6;
  text-decoration:none;

}

div.link-list a:after:hover
{

  text-decoration:none;

}

div.link-list a:last-child:after
{

  content:"";

}

.Section h4
{

  color:black;
  font-size:21px;
  font-weight:bold;
  color:black;
  margin-bottom:15px;
  margin-top:15px;

}

.Section h5
{

  color:#5e50a1;
  font-size:17px;
  margin-bottom:10px;

}

.Section h6
{

  font-size:16px;
  margin:5px auto;

}

.Section div.item
{

  display:inline-block;
  vertical-align:top;
  margin-right:40px;
  margin-bottom:20px;

}

.Section div.item .image
{

  width:200px;
  display:inline-block;
  vertical-align:top;
  margin-right:15px;
  margin-bottom:10px;

}

.Section div.item .image img
{

  width:200px;

}

.Section div.item > div:last-child
{

  display:inline-block;
  vertical-align:top;

}

.Section div.item > div > p
{

  margin:5px auto;

}

div.bordered-box h3
{

  margin:0;

}

div.bordered-box h4
{

  width:88%;
  margin-bottom:10px;

}

div.bordered-box
{

  border:2px solid #f1f1f1;
  padding:30px 22px;
  max-width:300px;
  margin:0 auto;

}

div.percentage
{

  font-size:69px;
  font-weight:600;
  background-color:transparent;
  width:88%;
  margin:auto;

}

div.percentage:hover
{

  background-color:transparent;

}

div.percentage.blue
{

  color:#45b2e9;

}


div.percentage.purple
{

  color:#5e50a1;

}

#pie-graph
{

  width:50%;
  margin-left:-25%;
  margin-top:20px;

}

.legend
{

  margin-top:-99px;
  width:50%;
  margin-left:auto;
  margin-right:-16px;

}

.legend > div > div
{

  width:25px;
  height:25px;
  display:inline-block;
  margin-right:10px;

}

.legend > div > div.purple
{

  background:#5e50a1;

}

.legend > div > div.blue
{

  background:#45b2e9;

}

.legend > div > div.grey
{

  background:#e6e6e6;

}

.legend > div
{

  font-size:19px;
  margin-bottom:13px;
  color:#666;
  vertical-align:middle;

}

.floating-number
{

  margin-top:-98px;
  margin-left:50px;
  font-size:29px;
  color:#666;
  font-weight:300;
  position:absolute;

}

@media (max-width:1350px)
{

  .floating-number
  {

    margin:11px auto 0px auto;
    font-size:29px;
    font-weight:300;
    width:50%;
    text-align:center;
    position:relative;

  }
  #pie-graph
  {

    display:block;
    width:50%;
    margin:20px auto 0 auto;

  }
  .legend
  {

    margin:20px auto 0 auto;
    width:100%;
    text-align:center;

  }
  .legend > div
  {

    font-size:19px;
    margin-bottom:13px;
    vertical-align:middle;
    display:inline-block;
    text-align:left;
    margin-right:19px;

  }

  .charts .sf_3cols_3_33
  {

    clear:left;
    width:100% !important;
    margin-left:0;
    margin-top:30px;

  }

  .charts .sf_colsOut.sf_3cols_2_34
  {

    width:66% !important;

  }

}

@media (max-width:715px)
{

  .charts .sf_colsOut.sf_3cols_2_34
  {

    width:100% !important;

  }

  .charts .sf_colsOut.sf_3cols_2_34 > div
  {

      margin:10px !important;

  }

}

#bar-graph
{

  margin-top:55px;

}

[data-toggle="true"]
{

	height:1.3em;
	overflow:hidden;

}

[data-toggle="false"]
{

	height:auto;
	overflow:hidden;

}

.sfPageEditor  .tab-layout::before,
.sfPageEditor  .tab-layout::after,
.sfPageEditor  .tab-layout > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div::before,
.sfPageEditor  .tab-layout > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div::after
{

	border:1px solid #e4e4e4;
	width:100%;
	background-color:#f4f6f7;
	font-family:open_sanssemibold;
	font-size:10pt;
	display:block;
	box-sizing:border-box;
	padding-left:23px;

}

.sfPageEditor  .tab-layout::before,
.sfPageEditor  .tab-layout > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div::before
{
	
	cursor:pointer;
	
}

.sfPageEditor  .tab-layout
{

	margin-top:-8px;
	
}

.sfPageEditor  .tab-layout::before
{

	content:"- Tab Layout";


}

.sfPageEditor  .tab-layout[data-toggle="true"]::before
{

	content:"+ Tab Layout (Minimized)";


}

.sfPageEditor.zeLayoutMode  .tab-layout::before
{

	content:"-";


}

.sfPageEditor.zeLayoutMode  .tab-layout[data-toggle="true"]::before
{

	content:"+ (Minimized)";


}

.sfPageEditor  .tab-layout::after
{

	content:"End Tab Layout";
	margin-top:16px;
	
}

.sfPageEditor.zeLayoutMode .tab-layout::before
{

	border-top:0;

}

.sfPageEditor  .dropdown
{

	

}

.sfPageEditor  .tab-layout > div
{

	margin-top:8px;

}
.sfPageEditor  .tab-layout > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div,
.sfPageEditor  .tab-layout > div > div > div > div > table > tbody > tr > td > div > div.sf_cols
{
	margin-top:-3px;
	
}

.sfPageEditor  .tab-layout > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div::before
{

	content:"- (No label)";


}


.sfPageEditor  .tab-layout > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div[data-toggle="true"]::before
{

	content:"+ (No label) (Minimized)";


}

.sfPageEditor  .tab-layout > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div::after
{
	
	content:"End (No label)";
	
}

.sfPageEditor.zeLayoutMode .tab-layout > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div::before
{

	border-top:0;

}

.sfPageEditor  .tab-layout > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div[data-placeholder-label]::before
{

	content:"- " attr(data-placeholder-label);

}

.sfPageEditor  .tab-layout > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div[data-toggle="true"][data-placeholder-label]::before
{

	content:"+ " attr(data-placeholder-label) " (Minimized)";

}

.sfPageEditor  .tab-layout > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div[data-placeholder-label]::after
{

	content:"End " attr(data-placeholder-label);
	margin-top:0;

}

.sfPageEditor  .tab-layout > div > div > div > div > table.rdTable
{

	margin-top:33px !important;

}

.sfPageEditor  .tab-layout > div > div > div > div:nth-child(6)
{

	margin-top:54px !important;

}





#LayoutEditor1_ctl00_ctl00_RadPageView3 > h2 + div#LayoutEditor1_ctl00_ctl00_placeholdersLabelsContainer::after
{
 
	content:"This is the header of whatever type of layout you are using: accordion, tab-layout, etc.";
 
	display:block;
	font-weight:normal !important;
	font-size:10pt;
	margin-top:-38px;
	margin-bottom:15px;
 
}

    