/*!
 * Alternate Bootstrap CSS
 *
 * Contains similar concepts from Bootstrap CSS v4.5.0.
 *
 * Creating an alt will prevent/reduce conflicts if other plugins/themes use Bootstrap CSS, and
 * will allow more control over CSS styles as well as reduce the file size.
 *
 * @since 1.0.0
 */

.wwkb-tabs nav {
    display: block;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.wwkb-container {
    width: 98%;
    padding-right: 1%;
    padding-left: 1%;
}

.wwkb-wrap {
    margin-bottom: 9px;
}

.wwkb-wrap-dynamic {
    margin-bottom: 4px;
    margin-top: 5px;
}

@media (max-width: 782px) {
    .wwkb-wrap,
    .wwkb-wrap-dynamic {
        margin-top: 11px;
    }
}

.wwkb-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-right: -15px;*/
    /*margin-left: -15px;*/
}

.wwkb-col-1, .wwkb-col-2, .wwkb-col-3, .wwkb-col-4, .wwkb-col-5, .wwkb-col-6,
.wwkb-col-7, .wwkb-col-8, .wwkb-col-9, .wwkb-col-10, .wwkb-col-11, .wwkb-col-12,
.wwkb-col,
.wwkb-col-auto {
    position: relative;
    width: 100%;
    /*padding-right: 15px;*/
    /*padding-left: 15px;*/
}

.wwkb-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    max-width: 100%;
}

.wwkb-col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.wwkb-col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.wwkb-col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.wwkb-col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.wwkb-col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.wwkb-col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.wwkb-col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.wwkb-col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.wwkb-col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.wwkb-col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.wwkb-col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.wwkb-col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.wwkb-col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

/* Tabs */
.wwkb-tabs .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.wwkb-tabs .nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

.wwkb-tabs .nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

.wwkb-tabs .nav-link:hover, .nav-link:focus {
    text-decoration: none;
}

.wwkb-tabs .nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}

.wwkb-tabs .nav-tabs .nav-item {
    margin-bottom: -1px;
}

.wwkb-tabs .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.wwkb-tabs .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
}

.wwkb-tabs .nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}

.wwkb-tabs .nav-tabs .nav-link.active,
.wwkb-tabs .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.wwkb-tabs .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.wwkb-tabs .tab-content > .tab-pane {
    display: none;
}

.wwkb-tabs .tab-content > .active {
    display: block;
}