.rotator > div.sf_colsOut > div.sf_colsIn
{
 
  position:relative;
  overflow:hidden;
  
}

.sfPageEditor .rotator > div.sf_colsOut > div.sf_colsIn::before,
.sfPageEditor .rotator > div.sf_colsOut > div.sf_colsIn::after
{
	
	display:none;

}

.rotator > div.sf_colsOut > div.sf_colsIn::before,
.rotator > div.sf_colsOut > div.sf_colsIn::after
{
  
  position:absolute;
  z-index:4;
  top:calc(50% - 30px);
  background-color:rgba(0,0,0,0.5);
  padding:10px 10px;
  color:white;
  font:normal normal normal 34px/1 FontAwesome;
  cursor:pointer;
  
}

.rotator > div.sf_colsOut > div.sf_colsIn::before
{
 
  content:"\f100";
  
}


.rotator > div.sf_colsOut > div.sf_colsIn::after
{
 
  content:"\f101";
  right:0;
  
}

.rotator > div.sf_colsOut > div.sf_colsIn > div.sf_cols:first-child
{

  
}

.rotator > div.sf_colsOut > div.sf_colsIn > div.sf_cols,
.rotator > div.sf_colsOut > div.sf_colsIn > div.sf_colsIn
{

  position:absolute;
  margin-left: -100% !important;
  top:0;
  z-index:1;
  transition:margin-left 0.5s;
  background-color:white;
  width: 100% !important;
  
}

.rotator > div.sf_colsOut > div.sf_colsIn > div.sf_cols:last-child
{

  position:relative;
  margin-left:0%  !important;
  
}

.rotator > div.sf_colsOut > div.sf_colsIn > div.sf_cols.active
{
 
  position:relative;
  margin-left:0%  !important;
  z-index:3;
  
}


.rotator > div.sf_colsOut > div.sf_colsIn > div.sf_cols.inactive:last-child
{
 
  position:absolute;
  margin-left:-100% !important;
  
}

.rotator > div.sf_colsOut > div.sf_colsIn > div.sf_cols.float-right,
.rotator > div.sf_colsOut > div.sf_colsIn > div.sf_colsIn.float-right
{
 
  position:absolute;
  margin-left:100% !important;
  z-index:2;
  
}

.sfPageEditor  .rotator::before,
.sfPageEditor  .rotator::after,
.sfPageEditor  .rotator > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div::before,
.sfPageEditor  .rotator > 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  .rotator::before,
.sfPageEditor  .rotator > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div::before
{
	
	cursor:pointer;
	
}

.sfPageEditor  .rotator
{

	margin-top:-8px;
	
}

.sfPageEditor  .rotator::before
{

	content:"- Rotator";


}

.sfPageEditor  .rotator[data-toggle="true"]::before
{

	content:"+ Rotator (Minimized)";


}

.sfPageEditor.zeLayoutMode  .rotator::before
{

	content:"-";


}

.sfPageEditor.zeLayoutMode  .rotator[data-toggle="true"]::before
{

	content:"+ (Minimized)";


}

.sfPageEditor  .rotator::after
{

	content:"End Rotator";
	margin-top:16px;
	
}

.sfPageEditor.zeLayoutMode .rotator::before
{

	border-top:0;

}

.sfPageEditor  .rotator > div
{

	margin-top:8px;

}
.sfPageEditor  .rotator > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div,
.sfPageEditor  .rotator > div > div > div > div > table > tbody > tr > td > div > div.sf_cols
{
	margin-top:-3px;
	
}

.sfPageEditor  .rotator > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div::before
{

	content:"- Rotator Slide";


}


.sfPageEditor  .rotator > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div[data-toggle="true"]::before
{

	content:"+ Rotator Slide (Minimized)";


}

.sfPageEditor  .rotator > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div::after
{
	
	content:"End Rotator Slide";
	
}

.sfPageEditor.zeLayoutMode .rotator > div > div > div > div > table > tbody > tr > td > div > div.sf_cols > div::before
{

	border-top:0;

}

.sfPageEditor  .rotator > div > div > div > div > table.rdTable
{

	margin-top:33px !important;

}

.sfPageEditor  .rotator > 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;
 
}
