.fl-tabs-label {
cursor: pointer;
}
a.fl-tabs-label {
display: block;
}
.fl-tabs-label {
padding: 12px 18px;
}
.fl-tabs-label.fl-tab-active {
background: #fff;
position: relative;
z-index: 1;
}
.fl-tabs-label.fl-tab-active:focus {
outline-style: auto;
outline-color: -webkit-focus-ring-color;
}
.fl-tabs-labels .fl-tabs-label:active,
.fl-tabs-labels .fl-tabs-label:focus,
.fl-tabs-labels .fl-tabs-label:hover {
text-decoration: none;
} .fl-tabs-panel-label {
display: none;
}
.fl-tabs-panel-label span {
display: table-cell;
width: 100%;
}
.fl-tabs-panel-label .fa {
display: table-cell;
line-height: inherit;
opacity: .5;
padding-left: 15px;
vertical-align: middle;
} .fl-tabs-panels {
background: #fff;
border-width: 1px;
border-style: solid;
}
.fl-tabs-panel-content {
display: none;
padding: 18px;
}
.fl-tabs-panel-content.fl-tab-active {
display: block;
}
.fl-tabs-panel-content p:last-child {
margin-bottom: 0;
padding-bottom: 0;
} .fl-tabs-horizontal .fl-tabs-label {
float: left;
}
.fl-tabs-horizontal .fl-tabs-labels .fl-tabs-label {
border: 1px solid transparent;
border-bottom: none;
}
.fl-tabs-horizontal .fl-tabs-label.fl-tab-active {
border-width: 1px;
border-style: solid;
border-bottom: none !important;
}
.fl-tabs-horizontal .fl-tabs-label.fl-tab-active:after {
content: '';
background: inherit;
display: block;
width: 100%;
height: 1px;
position: absolute;
bottom: -1px;
left: 0;
} .fl-tabs-vertical .fl-tabs-labels {
float: left;
width: 30%;
}
.fl-tabs-vertical .fl-tabs-labels .fl-tabs-label {
border: 1px solid transparent;
border-right: none;
}
.fl-tabs-vertical .fl-tabs-label.fl-tab-active {
border-width: 1px;
border-style: solid;
border-right: none !important;
}
.fl-tabs-vertical .fl-tabs-label.fl-tab-active:after {
content: '';
background: inherit;
display: block;
width: 1px;
position: absolute;
top: 0;
bottom: 0;
right: -1px;
}
.fl-tabs-vertical .fl-tabs-panels {
float: left;
width: 70%;
}