/*! Skeletabs v2.1.3-alpha.0: 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 #9f9c1e;
    box-shadow: inset 0 0 0 2px #9f9c1e;
}
.skltbs-theme-light .skltbs-tab:disabled {
    color: #ccc;
    background: transparent;
}
.skltbs-theme-light .skltbs-tab.skltbs-active {
    color: #fff;
    background: #9f9c1e;
}
.skltbs-theme-light .skltbs-tab.skltbs-active:focus,
.skltbs-theme-light .skltbs-tab.skltbs-active:hover {
    border-color: #9f9c1e;
}
.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);
}
