/*! 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: #f6f6f8
}

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

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

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

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

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

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

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

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

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

.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)
}