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

/* ------------------------ Settings Row ------------------------------------ */
/* ------------------------ Settings Row ------------------------------------ */
/* ------------------------ Settings Row ------------------------------------ */

.settingRow 
{
	/*display: inline-flex;*/
	display: flex;
	
	width: 100%;
	min-height: 36px;
	
	align-items: center;
	
	padding-bottom: 6px;
	
	margin-top: 6px;
	margin-bottom: 6px;
}

/* - Needed to keep spacing working ?- */
.settingRow_Text,
.settingRow_Right
{
	display: flex;
	flex: 1;
}

.settingRow_Text
{
	justify-content: flex-start; /* Changed for RTL */
}

/* ------------------------ Settings Row -> Text ------------------------------------ */

.settingRow_Text, 
.settingRowRight_Label 
{
	font-family: 'Nunito', sans-serif;
	font-size: 18px;
	
	left: 0px; /* Changed for RTL */

	margin-right: 16px; /* Changed for RTL */
	margin-left: 0px; /* Changed for RTL */
}


/* ------------------------ Settings Row -> Right ------------------------------------ */
.settingRow_Right 
{
	right: 0px; /* Changed for RTL */
	
	align-items: center;
	
	/* Keeps the right-side elements fixed from end->start (Right to left when in RTL) */
	justify-content: flex-end; /* Changed for RTL */
}

/* ------------------------ Settings Row -> Slider ------------------------------------ */

.sliderBtn
{
	border-radius: 14px;
	border: hidden;
	
	min-height: 28px;
	min-width: 28px;
	
	font-size: 14px;
	
	margin-left: 8px;
	margin-right: 8px;
}


/* ------------------------ Settings Row -> Switch ------------------------------------ */
.settingRow_Switch 
{
 	position: relative;
  	display: inline-block;
  	width: 60px;
  	height: 34px;
	
	right: 0px;
}

.settingRow_Switch input 
{ 
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle 
{
  position: absolute;
  cursor: pointer;
	
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
	
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle:before 
{
  position: absolute;
  content: "";
	
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
	
  -webkit-transition: .4s;
  transition: .4s;
}


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

/* Rounded toggle */
.toggle.round 
{
  border-radius: 34px;
}

.toggle.round:before 
{
  border-radius: 50%;
}


#id_sectionTitle_Settings,
#id_paragraph_SettingInfo,
.settingRow
{
	-webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
  	-o-transition: all 1s ease;
  	transition: all 1s ease;
}