.spp-tabs {
    display: flex;
}
.spp-tabs.m--15 {
    margin-left: -15px;
    margin-right: -15px;
}
.spp-tabs > div {
    border-bottom: 2px solid #dedede;
    font-weight: bold;
    background-color: #eeeeee;
    color: #777777;
    cursor: pointer;
    position: relative;
}
.spp-tabs > div:not(.active) {
    background-color: #f1f1f1;
}
.spp-tabs > div:not(.active):hover {
    background-color: #e9e9e9;
}
.spp-tabs.h-70 > div {
    height: 70px;
}
.spp-tabs > div > span.hover-tooltip {
    display: none;
    font-weight: normal;
    position: absolute;
    left: 0;
    bottom: 5px;
    text-align: center;
    width: 100%;
    color: #aaaaaa;
}
.spp-tabs > div:not(.active):hover > span.hover-tooltip {
    display: block;
}
.spp-tabs > div.active {
    border-top: 5px solid red;
    border-bottom: 0;
    background-color: white;
    color: red;
}
.spp-tabs > div:not(:last-child) {
    border-right: 1px solid #dedede;
}
.spp-tabs.tabs-pt-1 > div {
    padding-top: 0.25rem !important;
}
.spp-tabs.tabs-pt-2 > div {
    padding-top: 0.5rem !important;
}
.spp-tabs.tabs-pt-3 > div {
    padding-top: 0.75rem !important;
}
.spp-tabs.separator-dashed > div:not(:last-child) {
    border-right-style: dashed;
}
.spp-tabs > div.d-flex {
    display: flex;
}
.spp-tabs > div.flex-1 {
    flex: 1;
}
.spp-tabs > div.text-center {
    text-align: center;
}
.spp-tab-content:not(.active) {
    display: none;
}
.spp-tab-content.p-1,
.spp-tab-content.px-1,
.spp-tab-content.pl-1
{
    padding-left: 0.25rem !important;
}
.spp-tab-content.p-1,
.spp-tab-content.px-1,
.spp-tab-content.pr-1
{
    padding-right: 0.25rem !important;
}
.spp-tab-content.p-1,
.spp-tab-content.py-1,
.spp-tab-content.pt-1
{
    padding-top: 0.25rem !important;
}
.spp-tab-content.p-1,
.spp-tab-content.py-1,
.spp-tab-content.pb-1
{
    padding-bottom: 0.25rem !important;
}
.spp-tab-content.p-2,
.spp-tab-content.px-2,
.spp-tab-content.pl-2
{
    padding-left: 0.5rem !important;
}
.spp-tab-content.p-2,
.spp-tab-content.px-2,
.spp-tab-content.pr-2
{
    padding-right: 0.5rem !important;
}
.spp-tab-content.p-2,
.spp-tab-content.py-2,
.spp-tab-content.pt-2
{
    padding-top: 0.5rem !important;
}
.spp-tab-content.p-2,
.spp-tab-content.py-2,
.spp-tab-content.pb-2
{
    padding-bottom: 0.5rem !important;
}
.spp-tab-content.p-3,
.spp-tab-content.px-3,
.spp-tab-content.pl-3
{
    padding-left: 0.75rem !important;
}
.spp-tab-content.p-3,
.spp-tab-content.px-3,
.spp-tab-content.pr-3
{
    padding-right: 0.75rem !important;
}
.spp-tab-content.p-3,
.spp-tab-content.py-3,
.spp-tab-content.pt-3
{
    padding-top: 0.75rem !important;
}
.spp-tab-content.p-3,
.spp-tab-content.py-3,
.spp-tab-content.pb-3
{
    padding-bottom: 0.75rem !important;
}
.spp-tab-content.p-4,
.spp-tab-content.px-4,
.spp-tab-content.pl-4
{
    padding-left: 1rem !important;
}
.spp-tab-content.p-4,
.spp-tab-content.px-4,
.spp-tab-content.pr-4
{
    padding-right: 1rem !important;
}
.spp-tab-content.p-4,
.spp-tab-content.py-4,
.spp-tab-content.pt-4
{
    padding-top: 1rem !important;
}
.spp-tab-content.p-4,
.spp-tab-content.py-4,
.spp-tab-content.pb-4
{
    padding-bottom: 1rem !important;
}
.spp-tab-content.p-5,
.spp-tab-content.px-5,
.spp-tab-content.pl-5
{
    padding-left: 1.25rem !important;
}
.spp-tab-content.p-5,
.spp-tab-content.px-5,
.spp-tab-content.pr-5
{
    padding-right: 1.25rem !important;
}
.spp-tab-content.p-5,
.spp-tab-content.py-5,
.spp-tab-content.pt-5
{
    padding-top: 1.25rem !important;
}
.spp-tab-content.p-5,
.spp-tab-content.py-5,
.spp-tab-content.pb-5
{
    padding-bottom: 1.25rem !important;
}
.spp-tab-content.p-6,
.spp-tab-content.px-6,
.spp-tab-content.pl-6
{
    padding-left: 1.5rem !important;
}
.spp-tab-content.p-6,
.spp-tab-content.px-6,
.spp-tab-content.pr-6
{
    padding-right: 1.5rem !important;
}
.spp-tab-content.p-6,
.spp-tab-content.py-6,
.spp-tab-content.pt-6
{
    padding-top: 1.5rem !important;
}
.spp-tab-content.p-6,
.spp-tab-content.py-6,
.spp-tab-content.pb-6
{
    padding-bottom: 1.5rem !important;
}