main, body { /// take all available height
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  overflow: auto;
}

[class~="cm-h-100"] {
  height: 100%;
  background-color: #ff0000;
}



.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-right {
  border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
  border-bottom-color: #ddd;
  border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}
.tabs-right>li>a {
  border-radius: 0 4px 4px 0;
  margin-right: 0;
}


.cookie-consent{
  background: #00f000;
}
.cookie-consent>button {
  text-align: center;
  background-color: #265b7b; /* Green */
}

:root {
  --tk-color1: #265b7b;
  --tk-color2: #c7bb9f;
  --tk-color3: #48c2c1;
  --tk-color4: #3990a8;
}


.takaful-table {
	border-collapse: collapse;
	margin: 25px 0;
	font-size: 0.9em;
	min-width: 300px;
	border-radius: 3px 3px 0 0;
	width:100%;
	overflow: hidden;
}

.takaful-table thead tr {
	background-color: var(--tk-color1);
	color: #ffffff;
	text-align: left;
	font-weight: bold;
}

.takaful-table th,
.takaful-table td {
	padding: 6px 5px;
}

.takaful-table tbody tr {
	border-bottom: 1px solid #dddddd
}

.takaful-table.striped tbody tr:nth-of-type(even) {
	background-color: #f3f3f3;
}

.takaful-table tfoot tr:last-of-type {
	border-bottom: 2px solid var(--tk-color1);
}

.takaful-table tbody tr:last-of-type,
.takaful-table tbody tr.vs {
	border-bottom: 2px dashed #dddddd;
}
.takaful-table tfoot tr:first-of-type {
	border-top: 2px dashed #dddddd;
}