@pricing-border-color: #E5E4E3;
@pricing-border: 1px solid @pricing-border-color;
@pricing-colored-bgs: #F8F8F8;

.fusion-pricing-table {
	margin: 0 0 20px;
	box-sizing: border-box;

	* {
		box-sizing: border-box;
	}

	.fusion-panel {
		overflow: hidden;
		margin: 0;
		background-color: @default-background-color;
		box-shadow: none;
		border-radius: 0;
		background-clip: padding-box;
		border: @pricing-border;
	}

	.panel-heading {
		padding: 15px;
		border-radius: 0;
		background-clip: padding-box;
		border-bottom: @pricing-border;
		text-align: center;

		h3 {
			margin: 0;
		}
	}

	.panel-body {
		padding: 15px;
		background-color: @pricing-colored-bgs;
		text-align: center;

		.price {
			position: relative;

			.currency {
				position: relative;
				color: #505050;

				&.pos-right {
					top: 0;
					margin-left: -12px;
					font-size: 32px;

					&.price-without-decimal {
						margin-left: 0;
					}
				}
			}

			.integer-part {
				display: inline;
				font-weight: bold;
				color: @primary-color;
				line-height: normal;
			}

			.decimal-part {
				position: relative;
				top: -30px;
				font-weight: bold;
				color: @primary-color;
			}

			.time {
				position: relative;
				font-style: italic;
				color: #888888;
				margin-left: -14px;

				&.price-without-decimal {
					margin-left: 0;
				}

				&.pos-right {
					margin-left: 12px;
				}
			}
		}
	}

	.list-group {
		margin: 0;
		padding: 0;
	}

	.list-group-item {
		display: block;
		position: relative;
		padding: 15px;
		margin: 0;
		background: none;
		border-radius: 0;
		border-top: @pricing-border;
		text-align: center;

		&:last-child {
			border-bottom: @pricing-border;
		}
	}

	.panel-footer {
		padding: 15px;
		background-color: @pricing-colored-bgs;
		border-radius: 0;
		background-clip: padding-box;
		border-color: @pricing-border;
		text-align: center;
	}

	.panel-wrapper:hover {
		cursor: pointer;

		.fusion-panel {
			background-color: @pricing-colored-bgs;
		}
	}
}

.full-boxed-pricing {
	#wrapper & {
		.panel-wrapper {
			padding: 0;
		}
	}

	.panel-wrapper {
		padding: 0;
	}

	.panel-container {
		padding: 9px;
		background-color: @pricing-colored-bgs;
	}

	.panel-wrapper:last-child .fusion-panel {
		border-right: @pricing-border;
	}

	.panel-body {
		.price {
			.currency {
				top: -20px;
				font-size: 21px;
			}

			.integer-part {
				font-size: 55px;
			}

			.decimal-part {
				top: -20px;
				font-size: 17px;
			}

			.time {
				font-size: 11px;
			}
		}
	}

	.panel-wrapper:hover {
		.panel-heading {
			background-color: @pricing-colored-bgs;
		}
	}
}

.sep-boxed-pricing {
	.panel-wrapper {
		margin-bottom: 10px;
		padding: 0;
	}

	.panel-container {
		padding: 9px;
		background-color: @pricing-colored-bgs;
	}

	.panel-heading {
		background-color: @primary-color;
		border-radius: 0;
		background-clip: padding-box;
		border-bottom: @pricing-border;
		text-align: center;

		h3 {
			margin: 0;
		}
	}

	.panel-body {
		.price {
			.currency {
				top: -30px;
				font-size: 28px;
			}

			.integer-part {
				font-size: 75px;
			}

			.decimal-part {
				font-size: 23px;
			}

			.time {
				font-size: 20px;
			}
		}
	}
}
