/*! Skeletabs v2.1.1: bundled themes and effects | MIT License */

.skltbs-theme-light .skltbs-tab-group,
.skltbs-theme-dark .skltbs-tab-group {
    margin: 0;
    padding: 0;
    list-style: none
}

    .skltbs-theme-light .skltbs-tab-group::after,
    .skltbs-theme-dark .skltbs-tab-group::after {
        content: "";
        clear: both;
        display: table
    }

.skltbs-theme-light .skltbs-tab-item,
.skltbs-theme-dark .skltbs-tab-item {
    float: left;
    margin: 0 3px 3px 0
}

.skltbs-theme-light .skltbs-tab,
.skltbs-theme-dark .skltbs-tab {
    display: block;
    padding: 1em 1.25em;
    color: inherit;
    border: 0;
    font-family: inherit;
    font-size: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

    .skltbs-theme-light .skltbs-tab:disabled,
    .skltbs-theme-dark .skltbs-tab:disabled {
        background: transparent;
        cursor: not-allowed;
        -ms-touch-action: none;
        touch-action: none
    }

.skltbs-theme-light .skltbs-panel,
.skltbs-theme-dark .skltbs-panel {
    padding: 15px 25px;
    border: 2px solid
}

.skltbs-theme-light .skltbs-panel-heading,
.skltbs-theme-dark .skltbs-panel-heading {
    margin-top: 3px
}

    .skltbs-theme-light .skltbs-panel-heading:first-child,
    .skltbs-theme-dark .skltbs-panel-heading:first-child {
        margin-top: 0
    }

    .skltbs-theme-light .skltbs-panel-heading .skltbs-tab,
    .skltbs-theme-dark .skltbs-panel-heading .skltbs-tab {
        width: 100%
    }

.skltbs-theme-light {
    color: #333
}

    .skltbs-theme-light .skltbs-tab {
        background: #d6d6d6;
        text-transform: capitalize;
    }

        .skltbs-theme-light .skltbs-tab:focus {
            outline: 0;
            -webkit-box-shadow: inset 0 0 0 1px #222;
            box-shadow: inset 0 0 0 1px #222;
        }

        .skltbs-theme-light .skltbs-tab:disabled {
            color: #ccc;
            background: transparent
        }

        .skltbs-theme-light .skltbs-tab.skltbs-active {
            color: #fff;
            background: #222;
        }

            .skltbs-theme-light .skltbs-tab.skltbs-active:focus,
            .skltbs-theme-light .skltbs-tab.skltbs-active:hover {
                border-color: #222;
            }

    .skltbs-theme-light .skltbs-panel {
        background-color: #fff;
        border: 1px solid #ddd;
    }

        .skltbs-theme-light .skltbs-panel:focus {
            outline: 0;
            border-color: #ddd;
        }

.skltbs-theme-dark {
    color: #fff
}

    .skltbs-theme-dark .skltbs-tab {
        background: #222;
    }

        .skltbs-theme-dark .skltbs-tab:focus {
            outline: 0;
            -webkit-box-shadow: inset 0 0 0 2px #222;
            box-shadow: inset 0 0 0 2px #222;
        }

        .skltbs-theme-dark .skltbs-tab:disabled {
            color: #fff;
            background: transparent
        }

        .skltbs-theme-dark .skltbs-tab.skltbs-active {
            background: #2b8ff5
        }

            .skltbs-theme-dark .skltbs-tab.skltbs-active:focus,
            .skltbs-theme-dark .skltbs-tab.skltbs-active:hover {
                border-color: #000
            }

    .skltbs-theme-dark .skltbs-panel {
        background-color: #1a1b1c;
        border: 2px solid #2d2e2f
    }

        .skltbs-theme-dark .skltbs-panel:focus {
            outline: 0;
            border-color: #085cb2
        }

.skltbs-mode-tabs .skltbs-panel-group {
    position: relative
}

.skltbs-mode-tabs.use-fade .skltbs-panel {
    position: relative;
    -webkit-transition: opacity 500ms;
    transition: opacity 500ms
}

.skltbs-mode-tabs.use-fade .skltbs-leave {
    position: absolute;
    top: 0;
    display: block !important;
    opacity: 1
}

.skltbs-mode-tabs.use-fade .skltbs-leave-active {
    opacity: 0
}

.skltbs-mode-tabs.use-fade .skltbs-enter {
    opacity: 0
}

.skltbs-mode-tabs.use-fade .skltbs-enter-active {
    opacity: 1
}

.skltbs-mode-tabs.use-fade-scale .skltbs-panel {
    position: relative;
    -webkit-transition: 500ms;
    transition: 500ms;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.skltbs-mode-tabs.use-fade-scale .skltbs-leave {
    position: absolute;
    top: 0;
    display: block !important;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.skltbs-mode-tabs.use-fade-scale .skltbs-leave-active {
    opacity: 0;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95)
}

.skltbs-mode-tabs.use-fade-scale .skltbs-enter {
    opacity: 0;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95)
}

.skltbs-mode-tabs.use-fade-scale .skltbs-enter-active {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.skltbs-mode-tabs.use-drop .skltbs-panel {
    position: relative;
    -webkit-transition: 500ms;
    transition: 500ms;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.skltbs-mode-tabs.use-drop .skltbs-leave {
    position: absolute;
    top: 0;
    display: block !important;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.skltbs-mode-tabs.use-drop .skltbs-leave-active {
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0)
}

.skltbs-mode-tabs.use-drop .skltbs-enter {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5)
}

.skltbs-mode-tabs.use-drop .skltbs-enter-active {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.skltbs-mode-tabs.use-rotate .skltbs-panel-group {
    overflow: hidden
}

.skltbs-mode-tabs.use-rotate .skltbs-panel {
    position: relative;
    -webkit-transition: 500ms;
    transition: 500ms;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.skltbs-mode-tabs.use-rotate .skltbs-leave {
    position: absolute;
    top: 0;
    display: block !important;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.skltbs-mode-tabs.use-rotate .skltbs-leave-active {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.skltbs-mode-tabs.use-rotate .skltbs-enter {
    opacity: 0;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0)
}

.skltbs-mode-tabs.use-rotate .skltbs-enter-active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}