@CHARSET "UTF-8";





/**
 * In "alten" Seiten genutzt
 *
 */

.pricingtables.servers .row.no-gutter [class*='col-']:not(:first-child) {
	padding-left: 0px;
	padding-right: 0px;
}
.pricingtables.servers .row.no-gutter [class*='col-']:not(:last-child) {
	padding-left: 0px;
	padding-right: 0px;
}

.pricingtables.servers .panel-heading h3 {
	text-align: center;
	padding: 7px 0 12px 0;
}

.pricingtables.servers .panel-heading h6 {
	font-size: 11px;
	text-align: center;
	margin: 12px 0 0 0;
}

.pricingtables.servers div.detail-listing div {
	font-size: 15px;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 12px;
	border-bottom: 1px solid #e6e6e6;
}

.pricingtables.servers div.detail-listing div:first-child {
	padding-top: 10px;
	border-top: 1px solid #e6e6e6;
}

.pricingtables.servers div.detail-listing div:last-child {
	margin-bottom: 0;
}

.price-cercle .from {
	color: #555;
	font-size: 11px;
	font-weight: normal;
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
}

.pricingtables.servers .most-popular {
	border-width: 1px;
	box-shadow: 20px 0 20px -10px rgba(0, 0, 0, .15), -20px 0 20px -10px rgba(0, 0, 0, .15);
	padding: 0;
	top: 0;
	z-index: 2;
}

.pricingtables.servers .most-popular .price-cercle {
	border: 10px solid #143b97;
}

.pricingtables.servers .most-popular .panel-heading {
	color: #143b97;
	font-weight: bold;
	background-color: #143b97;
}

.pricingtables.servers .most-popular .panel-heading h3,
.pricingtables.servers .most-popular .panel-heading h6 {
	color: #fff;
}

.pricingtables.servers .most-popular .panel-body span.per {
	color: #555;
}















/**
 * Table sizing
 *
 */

table.compare-details {
	width: 100%;
}

/* total of 3 cols */
table.compare-details.col3 th:first-child,
table.compare-details.col3 td:first-child {
	width: 34%;
}
table.compare-details.col3 th:not(:first-child),
table.compare-details.col3 td:not(:first-child) {
	width: 33%;
}

/* total of 4 cols (default) */
table.compare-details th,
table.compare-details td {
	width: 25%;
}

/* total of 5 cols */
table.compare-details.col5 th:first-child,
table.compare-details.col5 td:first-child {
	width: 22%;
}
table.compare-details.col5 th:not(:first-child),
table.compare-details.col5 td:not(:first-child) {
	width: 19.5%;
}





/**
 * Sticky table head
 *
 */

table.compare-details thead.sticky-header > tr {
	width: 100%;
	display: table;
	background: #fff;
	border-bottom: 1px solid lightgrey;
}





/**
 * Main style
 *
 */

table.compare-details {
	font-size: 14px;
	border: 1px solid #e6e6e6;
}

table.compare-details .disabled,
table.compare-details .disabled {
	opacity: .3;
	cursor: pointer;
	background-image: linear-gradient(to bottom, #fff, #fdfdfd);
}





/**
 * Table head
 *
 */

table.compare-details thead th {
	font-weight: normal;
	text-align: center;
	text-rendering: optimizelegibility;
	padding: 20px 0;
	border: 1px solid #e6e6e6;
}

table.compare-details thead th a {
	margin-top: 5px;
}

table.compare-details thead th div.cat,									/* old */
table.compare-details thead th div.title,								/* old */
table.compare-details thead th div.price,								/* old */
table.compare-details thead th div.type,
table.compare-details thead th div.name,
table.compare-details thead th div.cost {
	margin-bottom: 10px;
}

table.compare-details thead th div.title,								/* old */
table.compare-details thead th div.name {
	font-size: 25px;
	font-weight: bold;
}

table.compare-details thead th div.price div.promo-top,					/* old */
table.compare-details thead th div.cost div.promo-top {
	color: #fe1a67;
	font-weight: bold;
}

/** Contract duration slider **/
table.compare-details thead th div.contract-duration {
	color: #143b97;
	width: 80%;
	margin: 0 auto;
}
table.compare-details thead th div.contract-duration .switch {
	padding: 10px;
	margin: 10px 0 0 5px;
	display: inline-block;
	background-color: #eee;
}
table.compare-details thead th div.contract-duration .switch input {
	display: none;
}
table.compare-details thead th div.contract-duration .switch label {
	width: 135px;
	margin: 0;
	padding: 10px 26px 10px 36px;
	position: relative;
	display: inline-block;
	border-radius: 30px;
	font-weight: normal;
	background-color: #f8f8f8;
	cursor: pointer;
}
table.compare-details thead th div.contract-duration .switch label.active {
	background-color: #fff;
}
table.compare-details thead th div.contract-duration .switch label.active::before {
	content: "\f00c";
	font-family: FontAwesome;
	color: #fe1a67;
	top: 13px;
	left: 18px;
	position: absolute;
}
.sticky-header div.contract-duration {									/* special for sticky table head */
	/*display: none;*/
}
/** Contract duration slider END **/





/**
 * Table body
 *
 */

/*** Table rows ***/

table.compare-details tbody tr:hover {
	background-color: #f9f9f9;
}

table.compare-details tbody tr.title,
table.compare-details tbody tr.toggler {
	font-weight: bold;
	background-color: #f1f1f1;
}

table.compare-details tbody tr.toggler {
	cursor: pointer;
}

table.compare-details tbody tr.spacer td {
	border-top: 5px solid #e6e6e6;
}

table.compare-details tbody tr.promotion {
	color: #fff;
	background-color: #fe1a67;
}

table.compare-details tbody tr.toggler td::after {
	float: right;
	content: "\f054";													/* \f103 */
	font: 16px FontAwesome;
	margin-right: 10px;
}

table.compare-details tbody tr.toggler.open td::after {
	content: "\f078";													/* \f102 */
}



/*** Table cols ***/

table.compare-details td {
	text-align: center;
	padding: 13px 0;
	border: 1px solid #e6e6e6;
}

table.compare-details td:first-child {
	text-align: left;
	padding: 13px 10px;
}

table.compare-details td a {
	color: #333;
	text-decoration: underline;
}

table.compare-details td a.btn {
	color: #fff;
	text-decoration: none;
}

table.compare-details td small {
	font-size: 11px;
}

table.compare-details td.cat {
	font-weight: bold;
}

/* icon */
table.compare-details td.icon {
	font: 16px FontAwesome;
	vertical-align: middle;
}

table.compare-details td.icon.ok::after {
	color: #5cb85c;
	content: "\f00c";
}

table.compare-details td.icon.nok::after {
	color: #c9302c;														/* #d9534f */
	content: "\f00d";
}

table.compare-details td.icon.add::after {
	color: #f28f37;														/* #e67e22 */
	content: "\f067";
}
/* icon END */





/**
 * Table foot
 *
 */

table.compare-details tfoot tr.bottomline td {
	background: #f1f1f1;
}

table.compare-details tfoot tr.bottomline td i:not(:first-child) {
	margin-left: 15px;
}





/** EOF **/