.ocean-coloured-tab-container {
    border-spacing:0px;
    padding-left: 5px;
    cursor: pointer;
    border-collapse: separate;
}

.ocean-coloured-tab-cell.active {
    background-color: #24bd9a;
    border-bottom: none;
    background: #24BD9A;
    box-shadow: 0px 1px 3px rgba(56, 60, 85, 0.12), 0px 1px 2px rgba(56, 60, 85, 0.24);
    border-radius: 4px;
}

.ocean-coloured-tab-text {
  padding: 7px 15px 7px 15px;
  white-space: nowrap;
  display: block;
  border: 1px solid #24BD9A;
  background: #ffffff;
  position: relative;
  border-radius: 4px;
}

.ocean-coloured-tab-text:hover{
	background: #E7FAF6;
	box-shadow: 0px -4px 0px #24BD9A inset;
}

.ocean-coloured-tab-text.active {
    color: white;
	background: #24BD9A;
}

.ocean-coloured-tab-text.inactive{
    color: black;
}

.ocean-tab-container {
    cursor: pointer;
    padding: 3px;
    width: 100%
}

.ocean-tab-cell {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    border: 1px solid gray;
}

.ocean-coloured-tab-container .ocean-coloured-tab-text:hover:before {
    position: absolute;
    content: " ";
    background: #24BD9A;
    height: 3px;
    width: 100%;
    LEFT: 0;
    BOTTOM: 0;
	border-radius:2px;
}