/****************************
Accordion -- overrifing zeina to skip js
****************************/
.accordion2 {
  width: 100%;
  position: relative; 
}

.accordion2 .accordion-row {
  padding: 0px 0 0px 0px;
  position: relative;
  margin: 0 0 10px 0;
}

.accordion2 .accord-icon {
  position: absolute;
  right: 15px;
  top: 15px;
  overflow: hidden;
  border: 0;
  cursor: pointer;
  font-size: 16px;
}

.accordion2 li {
  margin: 0 0 10px 0;
}

.accordion2 .title {
  vertical-align: top;
  padding: 10px 15px;
  cursor: pointer;
  line-height: 25px;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}
.accordion2 .title h4 {
  margin: 0;
  font-size: 14px;
  line-height: 25px;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}

.dark-accordion.accordion2 .title.collapsed {
  color: #fff;
}
.dark-accordion.accordion2 h4 {
  color: #fff !important;
}

.accordion2 .desc {
  padding: 10px 10px 10px 15px;
  display: none;
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
}

/*----selected----*/

.accordion2 .title {
  color: #fff;
}

.accordion2 .title h4 {
  color: #fff;
}

.dark-accordion.accordion2 .title {
  color: #fff;
}
.dark-accordion.accordion2 .title h4 {
  color: #fff;
}

.accordion2 .title {
  opacity: 1;
}
.accordion2  h4 {
  color: #fff;
}

/********************************************************************
COMPACT ACCORDION
********************************************************************/

.compact-accordion{ overflow: auto; }
	.compact-accordion.accordion .accordion-row,
	.compact-accordion.accordion2 .accordion-row{ float: left; margin-right: 10px; max-width: 100%; overflow-x: hidden; }
		.compact-accordion.accordion .accordion-row .title,
		.compact-accordion.accordion2 .accordion-row .title{ padding-right: 35px; padding-left: 37px; }
		.compact-accordion.accordion .accordion-row i.accord-icon,
		.compact-accordion.accordion2 .accordion-row i.accord-icon,
		.compact-accordion.accordion2 .accordion-row i.accord-icon:before
		{ width:15px; height: 15px; }
	.compact-accordion .accordion-row.description-row{ width: 100%; padding: 0;margin: 0; }
		.compact-accordion .accordion-row.description-row.reordering{ display: none !important; }
	.compact-accordion .accordion-row .desc{ display: none !important; padding-left: 0; padding-right: 0; }
		.compact-accordion .accordion-row.description-row .desc.in{ display: block !important; }
	.compact-accordion .collapsing { -webkit-transition: height 2s ease; transition: height 2s ease; }
	.compact-accordion .status{ font-size: 20px; width: 20px; }
		.compact-accordion .status i{ display: none; color: white; cursor: pointer; position: absolute; left: 15px; top: 11px; font-size: 20px; }
			.compact-accordion .checked .status .checked{ display: inline-block; }
			.compact-accordion .halfchecked .status .halfchecked{ display: inline-block; }
			.compact-accordion .unchecked .status .unchecked{ display: inline-block; }

.source-item{ position: relative; float: left; width: 48%; margin-right: 1%; }
		.source-item input[type=checkbox]{ /*display: none;*/ }
			.source-item input[type=checkbox] ~ .status.checked,
			.source-item input[type=checkbox] ~ div .status .checked{ display: none; }
			.source-item input[type=checkbox] ~ .status.unchecked,
			.source-item input[type=checkbox] ~ div .status i{ display: initial; }
			.source-item input[type=checkbox]:checked ~ .status.unchecked,
			.source-item input[type=checkbox]:checked ~ div .status i{ display: none; }
			.source-item input[type=checkbox]:checked ~ .status.checked,
			.source-item input[type=checkbox]:checked ~ div .status .checked{ display: initial; }
		.source-item .source-name{ overflow: hidden; }
		.source-item .source-logo,
		.price-table .price-table-row .source-item i.source-logo{ width: 20px; position: absolute; left: 3px; top: 3px; }
			.source-item .source-logo + *{ margin-left: 25px; }
			.source-item input[type=checkbox]:checked ~ * i.source-logo{ display: none; }
	.source-item.checkable > *{ cursor: pointer; padding: 3px; margin-bottom: 3px; }
		.source-item.checkable:hover > *:not(i),
		.source-item.checkable input[type=checkbox]:checked ~ div { padding: 2px; border: 1px solid #ddd; background: #fafafa; }
		.source-item.checkable input[type=checkbox]{ display: none; }
		.source-item.checkable input[type=checkbox] + i{ display: none; }
		.source-item.checkable input[type=checkbox]:checked + i{ display: block; position: absolute; left: 1px; top: 1px; z-index: 2; font-size: 20px; }
			.source-item.checkable input[type=checkbox]:checked + i:before{ background: rgba(255,255,255,0.6); }
		.source-item.checkable input[type=checkbox]:checked ~ div { color: #d14836; /* border: 1px solid #711A0E; padding: 2px; background: #d14836; color: white;*/ }
		
	
.light-accordion{}
	.light-accordion .title.collapsed{ color: #D4D4D4; background: #f8f8f8; }
	.light-accordion .title.collapsed:hover{ color: #6E6E6E; }
		.light-accordion .title.collapsed ~ .status > i,
		.light-accordion .title.collapsed .status > i{ color: #474747; }
	.light-accordion .checked .title,
	.light-accordion .halfchecked .title{ border-bottom-color: #666; }
	.light-accordion .checked:hover .title,
	.light-accordion .halfchecked:hover .title{ border-bottom-color: #ccc; }

@media (max-width: 768px){
	.light-accordion .title.collapsed:hover{ border-bottom-width: 0;}
	.compact-accordion .source-item{ width: 48%; margin-right: 2%; }

	#profile_rep_form .accordion-row.large:nth-child(2) .title {
		border-top-width: 1px;
	}

	#profile_rep_form .accordion-row.large:last-child .title {
		border-bottom: 1px solid #ccc;
	}

	#profile_rep_form .accordion-row.large .title h4 {
		padding-left: 15px;
	}

	#profile_rep_form .accordion-row.large .title .status {
		padding-right: 3px;
	}
}
			
/********************************************************************
FLAT ACCORDION
********************************************************************/
	
.flat-accordion{}
	.flat-accordion .accordion-row{ margin-bottom: 0; border-radius: 0; background: white; border: 1px solid #ddd; border-bottom: 1px solid #999; border-radius: 0; color: #666; }
	.flat-accordion .title{ background: transparent; border-bottom: none !important;  padding: 5px 15px !important;  }
		.flat-accordion .title h4{ color: #666 !important; }
		.flat-accordion .title.active{ border-bottom: 2px solid #d14836; color: #666; }
			.flat-accordion .title.active h4{ color: #666; }
	.flat-accordion .desc{ display: block !important; padding: 0 10px !important; }
		.flat-accordion .desc.collapse{ display: none !important; }
	.flat-accordion .accordion-row{ margin-bottom: 0 !important; }
	.flat-accordion .input-group-addon, 
	.flat-accordion .input-group .form-control{ border-color: #ccc !important; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
	.flat-accordion .toolbar{ padding: 0; overflow: hidden; }
		.flat-accordion .toolbar i{ cursor: pointer; padding: 13px 12px; }
			.flat-accordion .toolbar i.active{ background: #666; color: white; } 

.checkable-item{ cursor: pointer; }

.se-providers{ overflow: auto; }
	.se-providers .se-provider-item{ float:left; margin-right: 2em; font-size: 1.4em; color: #666; }
		.se-providers input[type=checkbox]{ display: none; }
		
.checkable-item input[type=checkbox] ~ .checked,
.checkable-item input[type=checkbox] ~ * .status .checked{ display: none; }
.checkable-items input[type=checkbox] ~ .unchecked,
.checkable-item input[type=checkbox] ~ * .status .unchecked{  display: inline-block; }
.checkable-item input[type=checkbox]:checked ~ .checked,
.checkable-item input[type=checkbox]:checked ~ * .status .checked{ display: inline-block; }
.checkable-item input[type=checkbox]:checked ~ .unchecked,
.checkable-item input[type=checkbox]:checked ~ * .status .unchecked{ display: none; }
.checkable-item .se-provider-item span{ line-height: 2em; margin-left: 0.5em; }
.checkable-item .se-provider-item i { width: 15px; display: inline-block; }
		
.checkable-item{ position: relative; }
	.checkable-item .title{ padding-right: 15px !important; background:  }
	.checkable-item .status{ position: absolute; }
	.checkable-item i,
	.checkable-item .status i{ color: #666; position: absolute; top: 3px; left: -23px; font-size: 18px; margin-right: 10px; }

/****************************
Accordion -- overrifing zeina to skip js
****************************/
.accordion2 {
  width: 100%;
  position: relative;
}

.accordion2 .accordion-row {
  padding: 0px 0 0px 0px;
  position: relative;
  margin: 0 0 10px 0;
}

.accordion2 .accord-icon
 {
  position: absolute;
  right: 15px;
  top: 13px;
  overflow: hidden;
  border: 0;
  cursor: pointer;
  font-size: 16px;
}

.accordion2 li {
  margin: 0 0 10px 0;
}

.accordion2 .title {
  vertical-align: top;
  padding: 7px 15px;
  cursor: pointer;
  line-height: 25px;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}
.accordion2 .title h4 {
  margin: 0;
  font-size: 13px;
  line-height: 25px;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
  margin-right: 50px;
  font-weight: 900;
  text-transform: uppercase;
}

	.accordion2 .accordion-row input[type="checkbox"] + .title.collapsed h4 { color: #C6C6C6; }
	.accordion2 .accordion-row input[type="checkbox"] + .title.collapsed:hover h4,
	.accordion2 .accordion-row input[type="checkbox"]:checked + .title.collapsed h4 { color: #6F6F6F; }

.accordion2 .accordion-row .title.collapsed .status i {
	font-size: 0;
    height: 20px;
    width: 20px;
}
	.settings-row .accordion2 .accordion-row .title.collapsed .status i {top: 10px;}
	.accordion2 .accordion-row .title.collapsed .status i.checked {background-image: url(/res/v02/images/On_screen_images/added.svg);}
	.accordion2 .accordion-row .title.collapsed .status i.unchecked {background-image: url(/res/v02/images/On_screen_images/add.svg);}

.dark-accordion.accordion2 .title.collapsed {
  color: #fff;
}
.dark-accordion.accordion2 h4 {
  color: #fff !important;
}

.accordion2 .desc {
  padding: 10px 10px 10px 15px;
  display: none;
  overflow: hidden;
  width: 100%;
  margin-bottom: 10px;
}

/*----selected----*/

.accordion2 .title {
  color: #fff;
}
.accordion2 .title h4 {
  color: #fff;
}

.dark-accordion.accordion2 .title {
  color: #fff;
}
.dark-accordion.accordion2 .title h4 {
  color: #fff;
}

.accordion2 .title {
  opacity: 1;
}
.accordion2  h4 {
  color: #fff;
}

/********************************************************************
ACCORDION RESPONSIVE ITEM WIDTHS
********************************************************************/
.compact-accordion.domains-accordion{}
	.compact-accordion.domains-accordion .source-item{ width: 13%; margin-right: 1.2%; /* 7 on row */}
	.compact-accordion.domains-accordion .source-item:nth-child(7n + 1){ clear: both; }

.edit-form .compact-accordion.domains-accordion{}
	.edit-form .compact-accordion.domains-accordion .source-item{ width: 24%; margin-right: 1%; /* 4 on row */}
	.edit-form .compact-accordion.domains-accordion .source-item:nth-child(n){ clear: none; }
	.edit-form .compact-accordion.domains-accordion .source-item:nth-child(4n + 1){ clear: both; }
	
.compact-accordion.providers-accordion,
.flat-accordion{}
	.compact-accordion.providers-accordion .source-item,
	.flat-accordion .source-item{ width: 24%; margin-right: 1%; /* 4 on row */}
	.compact-accordion.providers-accordion .source-item:nth-child(4n + 1),
	.flat-accordion .source-item:nth-child(4n + 1){ clear: both; }
	
.edit-form .compact-accordion.providers-accordion,
.edit-form .flat-accordion{}
	.edit-form .compact-accordion.providers-accordion .source-item,
	.edit-form .flat-accordion .source-item{ width: 49%; margin-right: 1%; /* 2on row */}
	.edit-form .compact-accordion.providers-accordion .source-item:nth-child(n),
	.edit-form .flat-accordion .source-item:nth-child(n){ clear: none; }
	.edit-form .compact-accordion.providers-accordion .source-item:nth-child(2n + 1),
	.edit-form .flat-accordion .source-item:nth-child(2n + 1){ clear: both; }

@media( max-width: 1200px ){
	.compact-accordion.domains-accordion{}
		.compact-accordion.domains-accordion .source-item{ width: 16%; margin-right: 0.5%; /* 6 on row */}
		.compact-accordion.domains-accordion .source-item:nth-child(n){ clear: none; }
		.compact-accordion.domains-accordion .source-item:nth-child(6n + 1){ clear:both; }
		
	.compact-accordion.providers-accordion,
	.flat-accordion{}
		.compact-accordion.providers-accordion .source-item,
		.flat-accordion .source-item{ width: 33%; margin-right: 0.3%; /* 3 on row */}
		.compact-accordion.providers-accordion .source-item:nth-child(n),
		.flat-accordion .source-item:nth-child(n){ clear: none; }
		.compact-accordion.providers-accordion .source-item:nth-child(3n + 1),
		.flat-accordion .source-item:nth-child(3n + 1){ clear: both; }
}

@media( max-width: 991px ){
	.compact-accordion.domains-accordion{}
		.compact-accordion.domains-accordion .source-item{ width: 19%; margin-right: 1%; /* 5 on row */}
		.compact-accordion.domains-accordion .source-item:nth-child(n){ clear: none; }
		.compact-accordion.domains-accordion .source-item:nth-child(5n + 1){ clear: both; }
	
	.edit-form .compact-accordion.domains-accordion{}
		.edit-form .compact-accordion.domains-accordion .source-item{ width: 49%; margin-right: 1%; /* 2 on row */}
		.edit-form .compact-accordion.domains-accordion .source-item:nth-child(n){ clear: none; }
		.edit-form .compact-accordion.domains-accordion .source-item:nth-child(2n + 1){ clear: both; }
		
	.compact-accordion.providers-accordion,
	.flat-accordion{}
		.compact-accordion.providers-accordion .source-item,
		.flat-accordion .source-item{ width: 49%; margin-right: 1%; /* 2 on row */}
		.compact-accordion.providers-accordion .source-item:nth-child(n),
		.flat-accordion .source-item:nth-child(n){ clear: none; }
		.compact-accordion.providers-accordion .source-item:nth-child(2n + 1),
		.flat-accordion .source-item:nth-child(2n + 1){ clear: both; }
		
	.edit-form .compact-accordion.providers-accordion,
	.edit-form .flat-accordion{}
		.edit-form .compact-accordion.providers-accordion .source-item,
		.edit-form .flat-accordion .source-item{ width: 100%; /* 1 on row */}
}

@media( max-width: 768px ){
	.compact-accordion.domains-accordion{}
		.compact-accordion.domains-accordion .source-item{ width: 24%; margin-right: 1%; /* 4 on row */}
		.compact-accordion.domains-accordion .source-item:nth-child(n){ clear: none; }
		.compact-accordion.domains-accordion .source-item:nth-child(4n + 1){ clear: both; }
	
	.edit-form .compact-accordion.domains-accordion{}
		.edit-form .compact-accordion.domains-accordion .source-item{ width: 24%; margin-right: 1%; /* 4 on row */}
		.edit-form .compact-accordion.domains-accordion .source-item:nth-child(n){ clear: none; }
		.edit-form .compact-accordion.domains-accordion .source-item:nth-child(4n + 1){ clear: both; }
}

@media( max-width: 650px ){
	.compact-accordion.domains-accordion,
	.edit-form .compact-accordion.domains-accordion{}
		.compact-accordion.domains-accordion .source-item,
		.edit-form .compact-accordion.domains-accordion .source-item{ width: 33%; margin-right: 0.3%; /* 3 on row */}
		.compact-accordion.domains-accordion .source-item:nth-child(n),
		.edit-form .compact-accordion.domains-accordion .source-item:nth-child(n){ clear: none; }
		.compact-accordion.domains-accordion .source-item:nth-child(3n + 1),
		.edit-form .compact-accordion.domains-accordion .source-item:nth-child(3n + 1){ clear: both; }
		
	.compact-accordion.providers-accordion,
	.edit-form .compact-accordion.providers-accordion,
	.flat-accordion,
	.edit-form .flat-accordion{}
		.compact-accordion.providers-accordion .source-item,
		.edit-form .compact-accordion.providers-accordion .source-item,
		.flat-accordion .source-item,
		.edit-form .flat-accordion .source-item{ width: 100%%; margin-right: 0; /* 1 on row */}
}

@media( max-width: 500px ){
	.compact-accordion.domains-accordion,
	.edit-form .compact-accordion.domains-accordion{}
		.compact-accordion.domains-accordion .source-item,
		.edit-form .compact-accordion.domains-accordion .source-item{ width: 49%; margin-right: 1%; /* 2 on row */}
		.compact-accordion.domains-accordion .source-item:nth-child(n),
		.edit-form .compact-accordion.domains-accordion .source-item:nth-child(n){ clear: none; }
		.compact-accordion.domains-accordion .source-item:nth-child(2n + 1),
		.edit-form .compact-accordion.domains-accordion .source-item:nth-child(2n + 1){ clear: both; }
}