/* ========================================================= 
 * SETTINGS PAGE STYLES
 =========================================================== */

.settings-form.price-table{}
	.settings-form.price-table .price-value{ padding-top: 10px; }
		.settings-form.price-table .price-value .price-number{ font-size: 24px; text-transform: uppercase; }
	.settings-form.price-table .price-table-rows{}
		.settings-form.price-table .price-table-rows .price-table-header { text-align: left; padding-left: 20px; }
			.settings-form.price-table .price-table-rows .price-table-header .price-value{ padding: 2px 0; }
				.settings-form.price-table .price-table-rows .price-table-header .price-value .price-number{ font-size: 16px; text-transform: uppercase; }
		.settings-form.price-table .price-table-rows .price-table-row{ text-align: left; padding: 15px 20px; }
			.settings-form.price-table .price-table-rows .price-table-row i.accord-icon{ left: auto; top: 13px; font-size: 16px; }

.callout-box .compact-accordion .description-row input[type=checkbox]:checked ~ div{ background: white; }

.accordion-row.large{ background: white; }
	.accordion-row.large .image{ display: none; position:relative; margin-right: 10px; width: 100px; height: 100px; float: left;  }
		.accordion-row.large .image > *{ position: absolute; width: 100%; height: 100%; background-size: 100%; background-repeat: no-repeat; }

.checkable-item{}
	.checkable-item input{ display: none; }

.checkable-item.large .title{ padding-left: 14px !important; padding-right: 35px !important; background: white; }
.checkable-item.large .status{ position: static; }
	.checkable-item.large .status i{ right: 9px; left: auto; top: 13px; }

	
.settings-domains{}
	.settings-domains .image > .default-image{ background-image: url(../img/domains/missing_domain.jpg); }

.checkable-element > * { cursor:pointer; }
	.checkable-element input[type=checkbox]{ display: none; }	
	.checkable-element input[type=checkbox] ~ .status{ margin-left: 7px; }
		.checkable-element input[type=checkbox] ~ .status .checked{ display: none; }
		.checkable-element input[type=checkbox] ~ .status .unchecked{  display: inline-block; }
			.checkable-element input[type=checkbox]:checked ~ .status .checked{ display: inline-block; }
			.checkable-element input[type=checkbox]:checked ~ .status .unchecked{ display: none; }
	.checkable-element input[type=checkbox].disabled ~ .status > *{ color: #ddd; text-shadow: none; cursor: not-allowed; }
	
.accordion-row.checkable-item.disabled {
	pointer-events: none;
	cursor: not-allowed;
}

.light-accordion .title.collapsed .status > i.checked.disabled {
	color: #ddd;
}



.settings-async-form{}
	.settings-async-form .price-table-header .checkable-element{ padding-top: 7px; }
	.settings-async-form .settings-checkbox-row{}
		.settings-async-form .settings-checkbox-row p{ font-size: 14px; font-weight: bold; display: inline-block; float: left; }
		.settings-async-form .settings-checkbox-row .price-value{ height: 10px; float: right; margin-right: 15px; margin-top: 3px; }
		.settings-async-form .settings-checkbox-row .checkable-element{ height: 10px; }

.settings-form.price-table.price-table-light-headers{}
	.settings-form.price-table.price-table-light-headers .price-table-rows .price-table-header,
	.settings-form.price-table.price-table-light-headers .price-table-rows .price-table-header.light-header{ background: transparent; border-bottom-width: 1px; border-bottom-style: solid;}

.accordion-row.large + .description-row .status{ display: none; }

@media (max-width: 768px ){
	.settings-form.price-table.price-table-light-headers{}
		.settings-form.price-table.price-table-light-headers .price-table-rows .price-table-header.light-xs{   background: transparent !important; }
		
	.settings-form.price-table .price-table-header .price-number{ padding-bottom: 0; }
	
	.settings-form.price-table .price-table-rows .price-table-row { padding: 0;}
	 	.settings-form.price-table .price-table-rows .price-table-row .form-group{ padding: 0 20px; }

	.settings-async-form .accordion2{ margin: 0px -20px 30px -20px; border-bottom: 1px solid #ccc; display: block; width: auto; }
	
	.settings-form .desc{ padding: 0; margin-bottom: 0px; }

	.settings-form .price-value p.public-resources-section-par { color: inherit; margin: 0 -10px; text-transform: inherit; }

	.price-value p.public-resources-section-par { color: #FFF; margin: 10px 10px;  text-transform: uppercase; }

	.accordion-row.large,
	.accordion-row.large + .description-row{ display: block; float: none !important; margin: 0 !important; }
		.accordion-row.large .title{ display: table; padding: 0 !important; width: 100%; border: none; border-radius: 0; vertical-align: middle; }
		.accordion-row.large:nth-child(2) .title {border-top-width: 0}
			.accordion-row.large .title > *{ display: table-cell; vertical-align: middle; }
			.accordion-row.large .title h4{  width: 100%; padding-left: 30px; }
			.accordion-row.large .title .status{ padding-right: 20px; }
		.accordion-row.large .accord-icon{ margin-left: 20px; }
			.accordion-row.large .accord-icon + h4{ padding-left: 40px; }
		.accordion-row.large .accord-icon{ right: auto; left: 9px; top: 13px; }
			.accordion-row.large .status i{ position: static; right: 0; left: auto; top: 0px; padding: 12px; }
				.accordion-row.large .status i.halfchecked{ font-size: 18px; padding: 13px 15px 13px 13px; }
		.accordion-row.large .checkable,
		.accordion-row.large + .description-row .checkable{ width: 100%; }
			.accordion-row.large + .description-row .checked{ display: none !important; }
			.accordion-row.large + .description-row .checkable input[type=checkbox] ~ div{ display: table; width: 100%; margin: 0; padding: 10px 20px; vertical-align: middle; }
				.accordion-row.large + .description-row .checkable input[type=checkbox] ~ div > *{ display: table-cell; vertical-align: middle; }
				.accordion-row.large + .description-row .checkable input[type=checkbox] ~ div .source-logo{ position: initial; }
				.accordion-row.large + .description-row .checkable input[type=checkbox] ~ div .status i{ position: initial; color: #666; }
			.accordion-row.large + .description-row .checkable .source-name{ padding: 0 10px;; width: 100%; }
			.accordion-row.large + .description-row .checkable input[type=checkbox]:checked ~ div,
			.accordion-row.large + .description-row .checkable:hover input[type=checkbox] ~ div{ padding: 9px 19px; }
		.accordion-row.large .source-item .source-logo,
		.accordion-row.large + .description-row .source-item .source-logo{ position: relative; top: 0; left: 0; }
			.accordion-row.large + .description-row .source-item .source-logo i{ position: relative; display: block; }
			
}

/* Common settings styles */

.graze-settings-title {
	padding-top: 20px;
	padding-bottom: 10px;
	margin: 0;
}

.price-table .price-table-row i.graze-settings-i {
	position: static;
	left: auto;
	top: auto;
	font-size: 100%;
}

/* User information settings styles */

.settings-user-information {
	margin-bottom: 2em;
}

.settings-user-information a.btn, .settings-user-information input[type=submit] {
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
}

@media (max-width: 768px) {
	.settings-user-information a.btn, .settings-user-information input[type=submit] {
		margin-left: 20px;
		margin-right: 20px;
	}

	.settings-user-information input[type=submit].change-name-button {
		margin-right: 0;
	}

	.settings-user-information a.btn.reset-password-button {
		margin-left: 0;
	}
}

.settings-user-information .reset-password-button {
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
}

.settings-user-information .upgrade-subscription-button {
	float: right;
}

.settings-user-information .control-label p {
	font-size: 14px;
	margin-bottom: 0;
	padding-bottom: 3px;
}

.settings-user-information .control-label p.first-control-label {
	padding-top: 8px;
}

.settings-user-information table td a {
	margin: 0;
	float: right;
}

/* Personalize graze settings styles */

.settings-personalize-graze .public-resources-section-par {
	text-shadow: none;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 0;
}

.settings-personalize-graze .price-table-row-bottom {
	background-color : #fff;
}

.settings-personalize-graze .settings-personalize-alerts i.graze-settings-i {
	font-size: 36px;
	margin-top: 2px;
	color: #666;
	float: left;
}

.settings-personalize-alerts p {
	float: left;
    font-size: 15px;
    line-height: 36px;
    margin-left: 10px;
    margin-right: 40px;
}

.settings-personalize-graze .settings-personalize-alerts i.graze-settings-i.fa-toggle-on {
	color: #d14836;
}

@media (min-width: 768px ){
	.settings-personalize-graze .settings-personalize-alerts i.graze-settings-i {
		margin-right: 5px;
	}
}

@media (max-width: 768px ){
	.settings-personalize-graze .settings-personalize-alerts {
		margin-right: 10px;
		margin-left: 10px;
	}

	.settings-personalize-graze .settings-personalize-alerts i.graze-settings-i {
		margin-right: 10px;
	}

	.settings-personalize-graze .settings-personalize-alerts p {
		margin-top: 8px;
	}
}

.settings-personalize-graze .settings-personalize-dashboard label {
	font-weight: normal;
}

.settings-personalize-graze .settings-personalize-dashboard input {
	width: 70px;
}

@media ( max-width: 768px ) {
	.settings-personalize-graze .settings-personalize-dashboard {
		margin-top: 15px;
	}
}