#pricing-grid-view {
  display: block;
  overflow-x: auto;
  overflow-y: auto;
  max-height: 600px;
  background: #fff;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.pricing-grid-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.pricing-grid-table th,
.pricing-grid-table td {
  border: 1px solid #e1e1e1;
  padding: 8px;
  text-align: center;
}

.pricing-grid-table th {
  background: #f8f8f8;
  font-weight: 600;
}

.pricing-grid-table td.clickable {
  cursor: pointer;
}

.pricing-grid-table td.clickable:hover {
  background-color: #f3f7ff;
}

.pricing-grid-table td.empty {
  color: #aaa;
}
.switch {
	position: relative;
	display: inline-block;
	width: 46px;
	height: 24px;
}
.switch input { display:none; }
.slider {
	position: absolute;
	cursor: pointer;
	top: 0; left: 0; right: 0; bottom: 0;
	background-color: #ccc;
	transition: .4s;
	border-radius: 34px;
}
.slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	transition: .4s;
	border-radius: 50%;
}
input:checked + .slider { background-color: #4CAF50; }
input:checked + .slider:before { transform: translateX(22px); }

.pricing-grid-wrapper { display:none; margin-top:15px; overflow-x:auto; }
.pricing-grid-wrapper table {
	border-collapse: collapse;
	width: 100%;
	text-align: center;
	min-width: 400px;
}
.pricing-grid-wrapper th {
	background: #d32f2f;
	color: #fff;
	padding: 6px 10px;
}
.pricing-grid-wrapper td {
	border: 1px solid #ccc;
	padding: 6px 10px;
}