/* vertical tabs */

.tabs-vertical .tabs {
    height: auto;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: flex;
}

.tabs-vertical.with-after .tabs .tab a:after {
    height: 100%;
    top:0;
    content: '';
    position:absolute;
    right:0;
    width: 0px;
    background: #009688;
    -webkit-transition: width ease-out 150ms;
    -moz-transition: width ease-out 150ms;
    -o-transition: width ease-out 150ms;
    transition: width ease-out 150ms;
}
.tabs-vertical .tabs .tab {
    height: 100%;
    position: relative;
    width: 100%;
}
.tabs-vertical .tabs .tab * {
    color: #009688 !important;
}
.tabs-vertical.with-after .tabs .tab a.active:after {
    width: 3px; !important;
}
.tabs-vertical:not(.with-after) .tabs .tab a {
    -webkit-transition: background ease-out 150ms;
    -moz-transition: background ease-out 150ms;
    -o-transition: background ease-out 150ms;
    transition: background ease-out 150ms;
}
.tabs-vertical:not(.with-after) .tabs .tab a.active {
    background: #009688 !important;
    color: #fff !important;
}
.tabs-vertical:not(.with-after) .tabs .tab a:hover {
    background: #eeeeee;
}
.tabs-vertical.with-after .tabs .tab:hover a:after {
    width: 3px;
}
.tabs-vertical .tabs .indicator {
    display: none;
}
.tabs-vertical .tabs .tabs-vertical-content {

}