/* used shortcode css */

.su-table {
    width: 100%;
    margin-bottom: 1.5em
}

.su-table table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    font-size: 1em !important;
    border: 1px solid #ccc !important;
    table-layout: auto !important
}

.su-table table th {
    text-align: center !important;
    padding: 1em !important;
    font-size: 1em !important;
    font-weight: 700 !important;
    color: #333 !important;
    border: 1px solid #ccc !important;
    background: #f0f0f0 !important
}

.su-table table td {
    padding: .5em 1em !important;
    border: 1px solid #ccc !important;
    background: #fff !important
}

.su-table-responsive {
    overflow-x: auto
}

.su-table-responsive table {
    width: auto !important;
    min-width: 100% !important
}

.su-table-responsive table td, .su-table-responsive table th {
    word-break: initial !important
}

.su-table-alternate table tr:nth-child(even) td {
    background-color: #f7f7f7 !important
}

.su-table-fixed table {
    table-layout: fixed !important
}

.su-tabs {
    margin: 0 0 1.5em;
    padding: 3px;
    border-radius: 3px;
    background: #eee
}

.su-tabs-nav span {
    display: inline-block;
    margin-right: 3px;
    padding: 10px 15px;
    min-height: 40px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #333;
    font-size: 13px;
    line-height: 20px;
    cursor: pointer;
    transition: all .2s
}

.su-tabs-nav span:hover {
    background: #f5f5f5
}

.su-tabs-nav span.su-tabs-current {
    background: #fff;
    cursor: default
}

.su-tabs-nav span:focus {
    outline: currentColor thin dotted
}

.su-tabs-nav span.su-tabs-disabled {
    opacity: .5;
    cursor: default
}

.su-tabs-pane {
    padding: 15px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #fff;
    color: #333;
    font-size: 13px
}

.su-tabs-pane:not(.su-tabs-pane-open) {
    overflow: hidden !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    border: none !important
}

.su-tabs-nav, .su-tabs-nav span, .su-tabs-pane, .su-tabs-panes {
    box-sizing: border-box !important
}

.su-tabs-vertical {
    display: flex
}

.su-tabs-vertical .su-tabs-nav {
    width: 30%
}

.su-tabs-vertical .su-tabs-nav > span {
    display: block;
    margin-right: 0;
    border-radius: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.su-tabs-vertical .su-tabs-panes {
    width: 70%
}

.su-tabs-vertical .su-tabs-panes .su-tabs-pane {
    height: 100%;
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.su-row {
    margin-bottom: 1.5em;
}

.su-row::after {
    display: table;
    clear: both;
    content: '';
}

.su-row .su-column {
    display: block;
    float: left;
    box-sizing: border-box;
    margin: 0 0 0 2%;
}

.su-row .su-column:first-child {
    margin-left: 0;
}

.su-row .su-column.su-column-size-1-1 {
    margin-right: 0;
    margin-left: 0;
}

.su-row .su-column.su-column-centered {
    float: none;
    margin-right: auto;
    margin-left: auto;
}

.su-row .su-column-size-1-1 {
    width: 100%;
}

.su-row .su-column-size-1-2 {
    width: 48%;
}

.su-row .su-column-size-1-3 {
    width: 30.66%;
}

.su-row .su-column-size-2-3 {
    width: 65.33%;
}

.su-row .su-column-size-1-4 {
    width: 22%;
}

.su-row .su-column-size-3-4 {
    width: 74%;
}

.su-row .su-column-size-1-5 {
    width: 16.8%;
}

.su-row .su-column-size-2-5 {
    width: 37.6%;
}

.su-row .su-column-size-3-5 {
    width: 58.4%;
}

.su-row .su-column-size-4-5 {
    width: 79.2%;
}

.su-row .su-column-size-1-6 {
    width: 13.33%;
}

.su-row .su-column-size-5-6 {
    width: 82.66%;
}

.su-row .su-column img,
.su-row .su-column iframe,
.su-row .su-column object,
.su-row .su-column embed {
    max-width: 100%;
}

@media only screen and (max-width: 768px) {
    .su-tabs-vertical {
        flex-direction: column
    }

    .su-tabs-vertical .su-tabs-nav, .su-tabs-vertical .su-tabs-panes {
        width: 100%
    }

    .su-tabs-vertical .su-tabs-nav .su-tabs-pane,
    .su-tabs-vertical .su-tabs-nav > span, .su-tabs-vertical .su-tabs-panes .su-tabs-pane,
    .su-tabs-vertical .su-tabs-panes > span {
        border-radius: 3px
    }

    .su-tabs-mobile-stack .su-tabs-nav span {
        display: block
    }

    .su-tabs-mobile-scroll .su-tabs-nav {
        display: flex;
        align-items: flex-end;
        white-space: nowrap;
        overflow-x: auto
    }

    .su-row .su-column {
        float: none;
        width: 100%;
        margin: 0;
    }

    .su-row .su-column + .su-column {
        margin: 1.5rem 0 0;
    }
}