/*!
 * tabs.css module of m.css v1.2
 * https://m-framework.com/css/modal
 *
 * Copyright 2017 m-framework.com
 * Released under the MIT license
 * https://m-framework.com/css/license
 *
 * Author: mrinmiro@gmail.com
 *
 * Date: 2017-10-17T23:40Z
 */
ul.tabs,
ul.tabs > li
{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.tabs > li {
    display: none;
}
ul.tabs > li.links {
    width: 100%;
    display: block;
    border-bottom: 2px solid rgba(45,45,45,.1);
}
ul.tabs > li.links a {
    padding: 10px 15px;
    color: #888;
    text-decoration: none;
    font-size: 1em;
    line-height: 1em;
    display: inline-block;
}
ul.tabs > li.active,
ul.tabs > li[data-m-action="tabs"]:first-of-type
{
    display: block;
    padding: inherit;
    overflow-x: auto;
}
ul.tabs > li[data-m-action="tabs"] {
    padding: 10px 0;
}
ul.tabs > li.active > * {
    /*display: block;*/
}
ul.tabs > li.links a.active,
ul.tabs > li.links a:hover
{
    color: var(--black);
    text-decoration: none;
    position: relative;
}
ul.tabs > li.links a.active:before
{
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    background-color: #00a2df;
    left: 0;
    right: 0;
    bottom: -2px;
}
ul.tabs > li.links a:last-child {
    border-right: none 0;
}