:root {
    --orange-dflt: #ed4944;
    --orange-hvr: #cc3f3a;
    --blue-dflt: #0068a0;
    --blue-hvr: #005b8c;
    --red-dflt: #d72c2c;
    --red-hvr: #af2121;
    --gray-dflt: #f9f9fa;
    --gray-hvr: #f3f4f5;
    --customizer-blue: #0096cc;
    --notice-brown: #cc7a00;
    --success-green: #59ab46
}

#wpbody-content {
    padding-bottom: 0
}

#wpcontent {
    padding-left: 0
}

#sb-app {
    -moz-osx-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.copyToClipBoard {
    height: 0;
    left: -100000px;
    position: absolute;
    width: 0
}

.sb-fs {
    width: 100%
}

.sb-fs-absolute {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.sb-tr-1 {
    transition: all .1s ease-in-out
}

.sb-tr-2 {
    transition: all .2s ease-in-out
}

.sb-tr-3 {
    transition: all .3s ease-in-out
}

.sb-tr-4 {
    transition: all .4s ease-in-out
}

.sb-tr-5 {
    transition: all .5s ease-in-out
}

.sb-tr-6 {
    transition: all .6s ease-in-out
}

.sb-tr-7 {
    transition: all .7s ease-in-out
}

.sb-tr-8 {
    transition: all .8s ease-in-out
}

.sb-tr-9 {
    transition: all .9s ease-in-out
}

.sb-tr-10 {
    transition: all 1s ease-in-out
}

.sb-relative {
    position: relative
}

.sb-flex {
    display: flex
}
.sb-flex-center {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#toplevel_page_cff-top .toplevel_page_cff-top .wp-menu-image:before {
    content: "\f305"
}

#toplevel_page_sb-instagram-feed .toplevel_page_sb-instagram-feed .wp-menu-image:before {
    content: "\f306"
}

#toplevel_page_custom-twitter-feeds .dashicons-admin-generic:before {
    content: "\f301"
}

.sb-link {
    align-items: center;
    color: #0068a0;
    cursor: pointer;
    text-decoration: none
}

.sb-link svg {
    margin: 0 8px
}

.sb-link svg,
.sb-svg-i svg,
.sb-svg-p svg path {
    fill: currentColor
}

.sb-small-p,
.sb-standard-p {
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    margin: 0
}

.sb-standard-p {
    color: #141b38;
    font-size: 16px
}

.sb-small-p {
    color: #8c8f9a;
    font-size: 14px
}

.sb-bold {
    font-weight: 600
}

.sb-text {
    font-size: 16px
}

.sb-text-small {
    font-size: 14px
}

.sb-text-tiny {
    font-size: 12px
}

.sb-dark-text {
    color: #141b38
}

.sb-dark2-text {
    color: #434960
}

.sb-light-text {
    color: #8c8f9a
}

.sb-light-text2 {
    color: #696d80
}

.sb-pro-label {
    background: #fe544f;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    gap: 10px;
    height: 16px;
    line-height: 1.7em;
    margin: 0 10px;
    padding: 0 4px;
    width: 20px
}

.sb-h1,
.sb-h2,
.sb-h3,
.sb-h4 {
    font-weight: 600;
    line-height: 125%;
    margin: 0;
    padding: 0
}

.sb-h1 {
    font-size: 36px
}

.sb-h2 {
    font-size: 32px
}

.sb-h3 {
    font-size: 24px
}

.sb-h4 {
    font-size: 18px
}

#sb-app h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 120%;
    margin: 0 0 4px
}

.sb-cls-ctn {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    z-index: 2
}

.sb-cls-ctn:after,
.sb-cls-ctn:before {
    background: #696d80;
    content: "";
    height: 2px;
    left: 1px;
    position: absolute;
    top: 6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 20px
}

.sb-cls-ctn:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sb-modal-cls {
    right: 16px;
    top: 16px
}

.sb-loadingbar-ctn {
    background: rgba(227, 79, 14, .25);
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 999999999999999
}

.sb-loadingbar-ctn:after,
.sb-loadingbar-ctn:before {
    background: #fe544f;
    content: "";
    height: 5px;
    position: absolute;
    top: 0;
    z-index: 9
}

.sb-loadingbar-ctn:before {
    -webkit-animation: sb-loading-animation 4s infinite;
    animation: sb-loading-animation 4s infinite
}

.sb-loadingbar-ctn:after {
    -webkit-animation: sb-loading-animation 4s 2s infinite;
    animation: sb-loading-animation 4s 2s infinite
}

@-webkit-keyframes sb-loading-animation {
    0% {
        left: -5%;
        width: 0
    }

    to {
        left: 130%;
        width: 50%
    }
}

@keyframes sb-loading-animation {
    0% {
        left: -5%;
        width: 0
    }

    to {
        left: 130%;
        width: 50%
    }
}

.sb-notice {
    align-items: flex-start;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    float: left;
    padding: 12px;
    position: relative;
    width: 100%
}

.sb-notice-icon {
    margin-right: 10px;
    margin-top: 3px
}

.sb-notice-icon svg {
    float: left;
    height: 15px;
    width: 15px
}

.sb-notice-default {
    background: #fff7e5;
    border: 1px solid #ffdf99;
    color: #663d00
}

.sb-notice svg,
.sb-notice svg path {
    fill: currentColor
}

.sb-notice-error {
    background: #ffe5e5;
    border: 1px solid #ed8f8f;
    color: #d72c2c;
    color: var(--red-dflt)
}

.sb-template-chooser-btn {
    margin-bottom: 25px
}

.sb-notice-secondry {
    background: #f9f9fa;
    border: 1px solid #e6e6eb;
    color: #141b38
}

.sb-notification-ctn {
    align-items: center;
    background: #fff;
    border-left: 3px solid #fff;
    border-radius: 4px;
    bottom: -100px;
    box-shadow: 0 26.7377px 77.2886px rgba(0, 0, 0, .108), 0 14.2952px 41.3222px rgba(0, 0, 0, .089), 0 8.01379px 23.1649px rgba(0, 0, 0, .075), 0 4.25607px 12.3027px rgba(0, 0, 0, .061), 0 1.77104px 5.11942px rgba(0, 0, 0, .042);
    display: flex;
    justify-content: center;
    left: 200px;
    line-height: 1em;
    padding: 10px 20px 10px 0;
    position: fixed;
    z-index: 9999999999
}

body.folded .sb-notification-ctn {
    left: 75px
}

.sb-notification-ctn[data-active=hidden] {
    -webkit-animation: sb-notification-hide .5s linear forwards;
    animation: sb-notification-hide .5s linear forwards
}

.sb-notification-ctn[data-active=shown] {
    -webkit-animation: sb-notification-show .5s linear forwards;
    animation: sb-notification-show .5s linear forwards
}

@-webkit-keyframes sb-notification-show {
    0% {
        bottom: -100px
    }

    50% {
        bottom: 70px
    }

    70% {
        bottom: 60px
    }

    85% {
        bottom: 65px
    }

    to {
        bottom: 50px
    }
}

@keyframes sb-notification-show {
    0% {
        bottom: -100px
    }

    50% {
        bottom: 70px
    }

    70% {
        bottom: 60px
    }

    to {
        bottom: 50px
    }
}

@-webkit-keyframes sb-notification-hide {
    0% {
        bottom: 50px
    }

    55% {
        bottom: 65px
    }

    70% {
        bottom: 60px
    }

    85% {
        bottom: 70px
    }

    to {
        bottom: -100px
    }
}

@keyframes sb-notification-hide {
    0% {
        bottom: 50px
    }

    55% {
        bottom: 65px
    }

    70% {
        bottom: 60px
    }

    85% {
        bottom: 70px
    }

    to {
        bottom: -100px
    }
}

.sb-notification-ctn[data-type=success] {
    border-color: #59ab46
}

.sb-notification-ctn[data-type=error] {
    border-color: #d72c2c
}

.sb-notification-ctn[data-type=message] {
    border-color: #141b38
}

.sb-notification-icon {
    align-items: center;
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    height: 25px;
    justify-content: center;
    margin: 0 11px;
    padding: 5px;
    width: 25px
}

.sb-notification-icon svg {
    fill: #fff;
    float: left;
    height: 100%;
    width: 100%
}

.sb-notification-icon svg,
.sb-notification-icon svg path {
    fill: #fff
}

.sb-notification-ctn[data-type=success] .sb-notification-icon {
    background: #59ab46
}

.sb-notification-ctn[data-type=error] .sb-notification-icon {
    background: #d72c2c
}

.sb-notification-ctn[data-type=message] .sb-notification-icon {
    background: #141b38
}

.sb-notification-ctn span {
    color: #141b38;
    font-size: 14px;
    font-weight: 600
}

.sb-noticebar-ctn {
    color: #fff;
    margin-bottom: 0;
    max-height: 100px;
    opacity: 1;
    overflow: hidden;
    padding: 7px;
    position: relative;
    text-align: center;
    top: 0;
    transition: all .3s ease-in-out;
    width: auto;
    z-index: 1
}

.sb-customizer-header .sb-noticebar-ctn:not(:first-of-type) {
    position: absolute;
    width: 100%;
    z-index: 0
}

.sb-noticebar-ctn .sb-cls-ctn:after,
.sb-noticebar-ctn .sb-cls-ctn:before {
    background-color: #fff
}

.sb-noticebar-ctn .sb-cls-ctn {
    top: 10px
}

.sb-noticebar-ctn[data-type=default] {
    background-color: #0068a0;
    background-color: var(--blue-dflt);
    color: #fff
}

.sb-noticebar-ctn[data-type=important] {
    background-color: var(--notice-brown);
    color: #fff
}

.sb-noticebar-ctn[data-type=error] {
    background-color: var(--red-dflt);
    color: #fff
}
.sb-noticebar-ctn[data-type="green"] {
    background-color: #468737;
    color: #fff
}
.sb-noticebar-action{
    display: inline-block;
    font-weight: 500;
    cursor: pointer;
    margin: 0px 10px;
    font-size: 12px;
}
.sb-noticebar-action[data-style='default'] {
    text-decoration: underline;
}
.sb-noticebar-action[data-style='bg'] {
    padding: 0px 10px;
    border-radius: 4px;
    background: rgba(0, 0, 0, .25);
}

.sb-noticebar-heading {
    font-size: 14px;
    font-weight: 300;
    font-weight: 400;
    line-height: 160%
}

.sb-noticebar-heading strong {
    cursor: pointer;
    margin-left: 5px;
    text-decoration: underline
}

.sb-fs-loader {
    align-items: center;
    background: #f0f0f1;
    display: none;
    flex-direction: column;
    height: calc(100% - 32px);
    justify-content: center;
    left: 160px;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 32px;
    visibility: hidden;
    width: calc(100% - 160px);
    z-index: 999999
}

body.folded .sb-fs-loader {
    left: 36px;
    width: calc(100% - 36px)
}

.sb-fs-loader {
    display: flex;
    opacity: 1;
    visibility: visible
}

.sb-fs-loader-logo {
    height: 190px;
    margin-bottom: 40px;
    margin-top: -55px;
    position: relative;
    width: 190px
}

.sb-fs-loader-border {
    border: 6px solid green;
    border-radius: 50%;
    box-sizing: border-box
}

.sb-fs-loader-border,
.sb-fs-loader-img {
    height: inherit;
    left: 0;
    position: absolute;
    top: 0;
    width: inherit
}

.sb-fs-loader-img {
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 2
}

.sb-fs-loader-txt {
    color: #434960;
    font-size: 24px;
    font-weight: 600
}

.sb-fs-loader-spinner,
.sb-fs-loader-spinner:after,
.sb-fs-loader-spinner:before {
    border-radius: 50%
}

.sb-fs-loader-spinner {
    box-shadow: inset 0 0 0 6px;
    color: #fe544f;
    height: 190px;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 190px
}

.sb-fs-loader-spinner:after,
.sb-fs-loader-spinner:before {
    content: "";
    position: absolute
}

.sb-fs-loader-spinner:before {
    -webkit-animation: sb-loader-spinner 2s ease 1.5s infinite;
    animation: sb-loader-spinner 2s ease 1.5s infinite;
    background: #f0f0f1;
    border-radius: 190px 0 0 190px;
    height: 200px;
    left: -8px;
    top: -1px;
    -webkit-transform-origin: 5.1em 5.1em;
    transform-origin: 100px 100px;
    width: 100px
}

.sb-fs-loader-spinner:after {
    -webkit-animation: sb-loader-spinner 2s ease infinite;
    animation: sb-loader-spinner 2s ease infinite;
    background: #f0f0f1;
    border-radius: 0 190px 190px 0;
    height: 192px;
    left: 94px;
    top: -1px;
    -webkit-transform-origin: 1px 95px;
    transform-origin: 1px 95px;
    width: 97px
}

@-webkit-keyframes sb-loader-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes sb-loader-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.sb-dash-license-ctn {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .05);
    margin: auto auto 100px;
    max-width: 1200px;
    min-height: 100px;
    overflow: auto
}

.sb-dash-license-section {
    padding: 65px 25%
}

.sb-dash-license-section.sb-dash-license-centered-cards {
    padding: 65px 15%
}

.sb-dash-license-section:nth-of-type(2n) {
    background: #f9f9fa
}

.sb-dash-license-centered {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

.sb-dash-license-centered img {
    width: 184px
}

.sb-dash-license-logo {
    margin-bottom: 30px
}

.sb-dash-license-input-ctn {
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    margin-top: 30px
}

.sb-dash-license-buy-ctn {
    align-items: center;
    background: #f9f9fa;
    border: 1px solid #e6e6eb;
    border-radius: 4px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    flex-direction: row;
    height: 38px;
    justify-content: center;
    margin-top: 10px
}

.sb-dash-license-buy-ctn>a {
    margin-right: 30px
}

.sb-dash-license-info-cards {
    grid-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 40px
}

.sb-dash-license-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .05);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 22px
}

.sb-dash-license-card svg {
    height: auto;
    margin-bottom: 20px;
    width: 30px
}

.sb-dash-license-support-heading {
    margin-bottom: 30px;
    margin-top: 25px
}

.sb-dash-license-card>p {
    margin: .7em 0
}

.sb-modal-ctn {
    align-items: center;
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9989
}

.sb-modal-insider {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 26.7377px 77.2886px rgba(0, 0, 0, .11), 0 14.2952px 41.3222px rgb(0 0 0/9%), 0 8.01379px 23.1649px rgb(0 0 0/8%), 0 4.25607px 12.3027px rgb(0 0 0/6%), 0 1.77104px 5.11942px rgb(0 0 0/4%);
    color: #141b38;
    left: 80px;
    max-height: 90vh;
    max-width: calc(100% - 200px);
    overflow-y: auto;
    position: relative
}

.sb-modal-ctn[data-size=tiny] .sb-modal-insider {
    width: 460px
}

.sb-modal-ctn[data-size=small] .sb-modal-insider {
    width: 580px
}

.sb-modal-ctn[data-size=medium] .sb-modal-insider {
    width: 876px
}

.sb-modal-ctn[data-size=large] .sb-modal-insider {
    width: 1170px
}

.sb-modal-ctn[data-size=full] .sb-modal-insider {
    width: calc(100% - 50px)
}

.sb-modal-insider h4 {
    margin-bottom: 4px
}

.sb-confirm-modal {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 38px 12%;
    text-align: center
}

.sb-confirm-modal-heading {
    display: block;
    font-size: 20px;
    line-height: 160%;
    margin-bottom: 15px
}

.sb-confirm-modal-description {
    line-height: 160%
}

.sb-confirm-modal-btns {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 25px
}

.sb-confirm-modal-btns button {
    cursor: pointer;
    margin: 4px;
    width: 100%
}

.sb-feedtemplates-modal {
    display: flex;
    justify-content: center
}

.sb-feedtemplates-modal-content {
    max-width: 95%;
    padding: 35px 0;
    width: 865px
}

.sb-feedtemplates-modal-header {
    align-items: center;
    border-bottom: 1px solid #e6e6eb;
    display: flex;
    margin-bottom: 25px;
    padding-bottom: 30px
}

.sb-feedtemplates-modal-actions {
    align-items: center;
    display: flex;
    justify-self: center;
    margin-left: auto
}

.sb-feedtemplates-modal-actions button {
    margin-left: 10px
}

.sb-addapikey-modal {
    padding: 20px 0
}

.sb-addapikey-modal-heading {
    border-bottom: 1px solid #eee;
    padding: 0 35px 20px
}

.sb-addapikey-modal-providername {
    text-transform: capitalize
}

.sb-addapikey-modal-heading h4 {
    margin-bottom: 4px
}

.sb-addapikey-modal-heading h4 span {
    text-transform: capitalize
}

.sb-addapikey-modal-input {
    align-items: center;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    justify-content: center;
    padding: 32px 35px 16px
}

.sb-addapikey-modal-learn {
    padding: 0 35px 25px
}

.sb-addapikey-modal-learn button {
    color: #0068a0 !important;
    color: var(--blue-dflt) !important
}

.sb-addsource-modal-heading {
    padding: 16px 32px
}

.sb-addsource-modal-navitem,
.sb-addsource-modal-navtop {
    align-items: center;
    display: flex;
    justify-content: center
}

.sb-addsource-modal-navitem {
    border-bottom: 1px solid #e6e6eb;
    cursor: pointer;
    flex: 1 1;
    height: 50px
}

.sb-addsource-modal-navitem-num {
    align-items: center;
    background: #e6e6eb;
    border-radius: 40px;
    color: #2c324c;
    display: flex;
    font-size: 11px;
    font-weight: 600;
    height: 20px;
    justify-content: center;
    line-height: 1em;
    margin-right: 10px;
    width: 20px
}

.sb-addsource-modal {
    height: auto;
    overflow: hidden
}

.sb-addsource-modal-navitem[data-active=true] {
    border-color: #0096cc;
    border-color: var(--customizer-blue)
}

.sb-addsource-modal-navitem[data-active=true] .sb-addsource-modal-navitem-num {
    background: #e2f5ff;
    color: #0068a0;
    color: var(--blue-dflt)
}

.sb-addsource-modal-providers-list {
    grid-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 32px
}

.sb-addsource-advanced-hd {
    margin-bottom: 8px;
    margin-top: 18px;
    padding: 0 32px
}

.sb-addsource-modal[data-pro=false] .sb-addsource-modal-providers-list[data-type=default] {
    padding-bottom: 0
}

.sb-addsource-modal[data-pro=false] .sb-addsource-modal-providers-list[data-type=advanced] {
    padding-top: 0
}

.sb-addsource-advanced-provider-name {
    display: flex
}

.sb-addsource-advanced-icon {
    margin-left: 10px;
    margin-top: 2px
}

.sb-addsource-advanced-icon svg path {
    fill: #ed4944;
    fill: var(--orange-dflt)
}

.sb-addsource-modal[data-pro=false] .sb-addsource-modal-providers-list[data-type=advanced] .sb-addsource-modal-provider-item:hover {
    background: #e2f5ff
}

.sb-addsource-modal-provider-item {
    align-items: center;
    border: 1px solid #e6e6eb;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    cursor: pointer;
    display: flex;
    height: 52px;
    margin-bottom: 10px;
    padding: 5px 15px
}

.sb-addsource-modal-provider-item[data-disabled=true]:before {
    background: rgba(0, 0, 0, .05);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99
}

.sb-addsource-modal-provider-item[data-disabled=true]>* {
    opacity: .6
}

.sb-addsource-modal-provider-item svg {
    float: left;
    margin-right: 15px;
    width: 26px
}

.sb-addsource-modal-provider-item:not([data-disabled=true]):hover,
.sb-addsource-modal-provider-item[data-active=true] {
    border-color: #0096cc;
    border-color: var(--customizer-blue)
}

.sb-addsource-modal-provider-btn {
    align-items: center;
    border-top: 1px solid #e6e6eb;
    display: flex;
    justify-content: flex-end;
    padding: 0 32px
}

.sb-addsource-modal-provider-btn button {
    margin-bottom: 16px;
    margin-left: 8px;
    margin-top: 16px
}

.sb-addsource-modal-apikey-ctn {
    padding: 32px
}

.sb-addsource-modal-apikey-heading {
    width: 65%
}

.sb-addsource-modal-apikey-ctn>div {
    margin-bottom: 22px
}

.sb-addsource-modal-apikey-ctn>div:last-of-type {
    margin-bottom: 0
}

.sb-fbaddsource-sourcetype-modal {
    margin-top: 8px
}

.sb-fbaddsource-form-modal {
    padding: 0 32px 30px
}

.sb-fbaddsource-inputs-modal {
    margin: 10px 0
}

.sb-fbaddsource-inputs-modal span {
    margin-bottom: 7px
}

.sb-fbaddsource-inputs-modal .sb-input-ctn {
    margin-bottom: 15px
}

.sb-fbaddsource-modal .sb-addsource-modal-heading {
    padding-bottom: 0
}

.sb-fbconnect-top {
    border: 1px solid #e6e6eb;
    border-radius: 3px;
    height: 49px;
    line-height: 50px;
    padding: 0 20px
}

.sb-fbconnect-top img {
    border-radius: 50px;
    display: inline-block;
    height: 25px;
    margin: 0 6px -5px;
    width: 25px
}

.sb-fbconnect-list {
    grid-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.sb-fbconnect-singlepage {
    align-items: center;
    border: 1px solid #e6e6eb;
    border-radius: 2px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 60px;
    margin-bottom: 10px;
    padding: 0 20px
}

.sb-fbconnect-singlepage[data-active=true] {
    border-color: #0096cc;
    border-color: var(--customizer-blue)
}

.sb-fbconnect-singlepage>img {
    border-radius: 50px;
    height: 36px;
    margin: 0 10px;
    width: 36px
}

.sb-feedsources-modal-content>div {
    padding: 20px 32px
}

.sb-feedsources-modal-heading {
    border-bottom: 1px solid #e6e6eb
}

.sb-feedsources-modal-list {
    grid-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.sb-feedsources-modal-btns {
    border-top: 1px solid #e6e6eb;
    display: flex;
    justify-content: flex-end
}

.sb-feedsources-modal-btns button {
    margin-left: 10px
}

.sb-upsell-modal-top {
    align-items: center;
    background: #f3f4f5;
    display: flex;
    flex-direction: row;
    gap: 2px;
    height: 264px;
    justify-content: center;
    padding: 0 40px
}

.sb-upgrade-lite-btn {
    background-color: initial;
    background-color: #fff;
    border: 1px solid #dcdde1 !important;
    color: #0068a0;
    color: var(--blue-dflt);
    display: flex !important;
    float: left;
    height: 52px !important;
    line-height: 20px !important;
    margin-top: 10px
}

.sb-upgrade-lite-btn .sb-btn-icon {
    margin-right: 2px !important;
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px)
}

.sb-upgrade-lite-btn .sb-reviews-extpp-lite-btn-texts {
    display: flex;
    flex-direction: column;
    text-align: left
}

.sb-upgrade-lite-btn .sb-reviews-extpp-lite-btn-texts .sb-reviews-extpp-lite-btn-discount-applied {
    font-size: 12px;
    font-weight: 400
}

.sb-upgrade-lite-btn svg {
    fill: #0068a0;
    fill: var(--blue-dflt);
    margin-right: 10px
}

.sb-upsell-modal-content {
    padding: 30px 40px
}

.sb-upsell-modal-content strong {
    display: block;
    font-size: 18px;
    margin-bottom: 16px
}

.sb-upsell-modal-content-list {
    grid-column-gap: 5px;
    -webkit-column-gap: 5px;
    column-gap: 5px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.sb-upsell-modal-content-list span {
    align-items: center;
    display: flex;
    height: 26px;
    padding-left: 14px;
    position: relative
}

.sb-upsell-modal-content-list span:before {
    background: #0096cc;
    background: var(--customizer-blue);
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: calc(50% - 2px);
    width: 4px
}

.sb-upsell-modal-action-btns {
    -webkit-column-gap: 15px;
    column-gap: 15px;
    display: flex;
    padding: 0 40px 30px
}

.sb-upsell-modal-action-btns .sb-btn {
    flex: 1 1
}

.sb-upsell-modal-image img {
    float: left
}

.sb-bottom-banner-ctn {
    background: #fff;
    box-shadow: 0 1px 2px rgb(0 0 0/5%), 0 4px 5px rgb(0 0 0/5%);
    margin-top: 20px
}

.sb-bottom-banner-section {
    padding: 20px
}

.sb-bottom-banner-top {
    -webkit-column-gap: 20px;
    column-gap: 20px;
    display: flex
}

.sb-bottom-banner-top-icon {
    align-items: center;
    background: #fff;
    box-shadow: 0 7px 8px rgb(0 26 119/7%), 0 4px 5px rgb(0 26 119/6%), 0 0 3px rgb(0 26 119/5%), 0 0 1px rgba(0, 26, 119, .11);
    display: flex;
    float: left;
    height: 70px;
    justify-content: center;
    width: 70px
}

.sb-bottom-banner-action-btns {
    display: flex;
    margin-top: 15px
}

.sb-bottom-banner-action-btns button {
    margin-bottom: 5px;
    margin-right: 10px
}

.sb-upgrade-lite-banner-btn {
    background: #ffefcc;
    color: #663d00
}

.sb-bottom-banner-content {
    padding-top: 0
}

.sb-bottom-banner-features-list {
    border: 1px solid #dbecf3;
    border-bottom: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    max-width: 1100px
}

.sb-bottom-banner-content .sb-upsell-modal-content {
    display: flex;
    max-width: 1100px;
    padding: 20px 0
}

.sb-bottom-banner-content .sb-upsell-modal-content strong {
    flex: 300px 1;
    margin-top: 7px
}

.sb-bottom-banner-features-item {
    align-items: center;
    border-bottom: 1px solid #dbecf3;
    border-right: 1px solid #dbecf3;
    box-sizing: border-box;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    height: 88px;
    padding: 16px 32px 16px 16px
}

.sb-bottom-banner-features-item:last-of-type {
    border-right: 0
}

.sb-bottom-banner-features-item img {
    height: 56px;
    width: 56px
}

.sb-bottom-banner-toggler {
    align-items: center;
    background: #f3f4f5;
    cursor: pointer;
    display: flex;
    height: 37px;
    justify-content: center;
    padding: 5px 20px
}

.sb-bottom-banner-toggler svg {
    float: left;
    height: 8px;
    margin-left: 8px;
    margin-top: 1px;
    width: 14px
}

.sb-bottom-banner-pro-top {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-right: 40px
}

.sb-bottom-banner-pro-img {
    float: left;
    height: 166px
}

.sb-bottom-banner-pro-img img {
    float: left;
    height: inherit;
    width: auto
}

.sb-bottom-banner-pro-footer {
    align-items: center;
    border-top: 1px solid #e8e8eb;
    display: inline-flex;
    justify-content: center;
    line-height: 1em;
    padding: 10px 20px
}

.sb-bottom-banner-pro-footer span {
    align-items: center;
    background: #ffdf99;
    border-radius: 4px;
    color: #663d00;
    display: inline-flex;
    font-size: 10px;
    font-weight: 700;
    height: 20px;
    justify-content: center;
    margin-right: 12px;
    padding: 2px 4px;
    width: 50px
}

.sb-bottom-banner-pro-footer strong {
    padding: 0 4px
}

.sb-bottom-banner-pro-content {
    align-items: flex-start;
    display: inline-flex;
    justify-content: center;
    margin: auto;
    max-width: 776px
}

.sb-bottom-banner-pro-content h3>span {
    color: #ed4944;
    color: var(--orange-dflt)
}

.sb-bottom-banner-pro-content p {
    margin-top: 0
}

.sb-bottom-banner-pro-top button {
    margin-left: auto
}

.sb-tooltip {
    border-radius: 2px;
    box-shadow: 0 5px 9px rgba(0, 0, 0, .2), 0 -4px 9px rgba(0, 0, 0, .1);
    font-size: 12px;
    font-weight: 400;
    line-height: 160%;
    opacity: 0;
    padding: 4px 10px;
    position: absolute;
    transition: all .2s ease-in-out;
    visibility: hidden;
    z-index: 99
}

.sb-source-item-needhist-icon .sb-tooltip {
    text-align: center !important;
    top: -68px !important;
    width: 220px
}

.sb-tooltip[data-type=default] {
    background: #2c324c;
    color: #fff
}

.sb-tooltip[data-type=white] {
    background: #fff;
    color: #2c324c
}

.sb-tooltip[data-width=full] {
    padding: 0 15px;
    width: 100%
}

.sb-tooltip[data-textalign=center] {
    text-align: center
}

.sb-tooltip[data-textalign=left] {
    text-align: left
}

.sb-tooltip[data-textalign=right] {
    text-align: right
}

.sb-tooltip[data-position=top-center] {
    left: 50%;
    top: calc(-100% - 30px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sb-tooltip[data-position=top-center]:after {
    background: inherit;
    bottom: -4px;
    content: "";
    height: 10px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    width: 10px
}

:hover>.sb-tooltip {
    opacity: 1;
    visibility: visible
}

:hover>.sb-tooltip[data-position=top-center] {
    top: -120%
}

.sb-btn {
    align-items: center;
    border: 0;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(60, 66, 87, .12), 0 1px 1px rgba(0, 0, 0, .08), inset 0 -1px 1px rgba(0, 0, 0, .12);
    cursor: pointer;
    display: flex;
    font-weight: 600;
    justify-content: center;
    outline: none;
    padding: 0;
    position: relative;
    transition: all .15s ease-in-out
}

.sb-btn.sb-btn-secondary {
    box-shadow: 0 2px 5px rgb(60 66 87/5%), 0 1px 1px rgb(0 0 0/5%)
}

.sb-btn[data-boxshadow=false],
.sb-btn[data-boxshadow=false]:active,
.sb-btn[data-boxshadow=false]:focus {
    box-shadow: none
}

.sb-btn:active {
    -webkit-transform: scale(.98);
    transform: scale(.98)
}

.sb-btn:focus {
    box-shadow: 0 2px 5px rgba(60, 66, 87, .05), 0 1px 1px rgba(0, 0, 0, .05), inset 0 -1px 1px rgba(0, 0, 0, .12)
}

.sb-btn[data-full-width=true] {
    width: 100%
}

.sb-btn-disabled {
    opacity: .6 !important
}

.sb-btn svg {
    float: left;
    height: auto
}

.sb-btn svg,
.sb-btn svg path {
    fill: currentColor
}

.sb-btn[data-icon-position=left]:not([data-onlyicon=true]) {
    flex-direction: row
}

.sb-btn[data-icon-position=right]:not([data-onlyicon=true]) {
    flex-direction: row-reverse
}

.sb-btn[data-icon-position=left]:not([data-onlyicon=true]) .sb-btn-icon {
    margin-right: 7px
}

.sb-btn[data-icon-position=right]:not([data-onlyicon=true]) .sb-btn-icon {
    margin-left: 7px
}

.sb-btn[data-loading=true] .sb-btn-icon {
    -webkit-animation: sb-button-rotation 1.5s linear infinite;
    animation: sb-button-rotation 1.5s linear infinite
}

@-webkit-keyframes sb-button-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes sb-button-rotation {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.sb-btn-large {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding: 0 16px
}

.sb-btn-large[data-onlyicon=true] {
    width: 50px
}

.sb-btn-medium {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    padding: 0 12px
}

.sb-btn-medium[data-onlyicon=true] {
    width: 38px
}

.sb-btn-small {
    font-size: 12px;
    height: 31px;
    line-height: 31px;
    padding: 0 8px
}

.sb-btn-small[data-onlyicon=true] {
    width: 31px
}

.sb-btn-secondary.sb-btn-small {
    height: 32px;
    line-height: 32px
}

.sb-btn-large svg {
    width: 18px
}

.sb-btn-medium svg {
    width: 16px
}

.sb-btn-small svg {
    width: 13px
}

.sb-custom-icon-size svg {
    float: left;
    height: auto;
    width: inherit !important
}

.sb-btn-brand,
.sb-btn-brand:focus {
    background: #ed4944;
    background: var(--orange-dflt);
    color: #fff
}

.sb-btn-brand:hover {
    background: #cc3f3a;
    background: var(--orange-hvr)
}

.sb-btn-primary,
.sb-btn-primary:focus {
    background: #0068a0;
    background: var(--blue-dflt);
    color: #fff
}

.sb-btn-primary:hover {
    background: #005b8c;
    background: var(--blue-hvr)
}

.sb-btn-secondary,
.sb-btn-secondary:focus {
    background: #f9f9fa;
    background: var(--gray-dflt);
    border: 1px solid #e6e6eb
}

.sb-btn-secondary:hover {
    background: #f3f4f5;
    background: var(--gray-hvr)
}

.sb-btn-destructive,
.sb-btn-destructive:focus {
    background: #d72c2c;
    background: var(--red-dflt);
    color: #fff
}

.sb-btn-destructive:hover {
    background: #af2121;
    background: var(--red-hvr)
}

.sb-distance-inputs input,
.sb-distance-inputsinput:focus,
.sb-input-ctn input,
.sb-input-ctn input:focus,
.sb-input-ctn select,
.sb-input-ctn select:focus,
.sb-input-ctn textarea,
.sb-input-ctn textarea:focus {
    background-color: initial !important;
    border: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    height: 100%;
    line-height: 1 !important;
    max-width: 100% !important;
    min-height: 100%;
    outline: none !important;
    padding: 5px 12px !important;
    width: 100%
}

.sb-input-ctn textarea,
.sb-input-ctn textarea:focus {
    line-height: 160% !important
}

.sb-control-elem-output input,
.sb-control-elem-output input:focus,
.sb-control-elem-output select,
.sb-control-elem-output select:focus {
    margin: 0;
    padding: 5px
}

.sb-control-elem-output .sb-fontchooser-input input {
    padding: 3px
}

.sb-input-insider {
    background-color: #fff;
    border: 1px solid #e6e6eb;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    box-sizing: border-box;
    display: flex
}

.sb-input-insider textarea,
.sb-input-insider textarea:focus {
    padding-top: 15px !important
}

.sb-input-insider:hover {
    border: 1px solid #ced0d9;
    box-shadow: 0 1px 2px rgba(60, 66, 87, .07)
}

.sb-input-insider:focus-within {
    border: 1px solid #0096cc;
    border: 1px solid var(--customizer-blue);
    box-shadow: 0 1px 2px rgba(60, 66, 87, .07)
}

[data-error=true] .sb-input-insider,
[data-error=true] .sb-input-insider>span {
    border-color: #d72c2c;
    border-color: var(--red-dflt);
    color: #d72c2c;
    color: var(--red-dflt)
}

.sb-input-ctn .sb-label {
    margin-bottom: 6px
}

.sb-input-ctn .sb-caption {
    margin-top: 6px
}

.sb-input-large .sb-input-insider {
    font-size: 16px;
    height: 50px
}

.sb-input-medium .sb-input-insider {
    font-size: 14px;
    height: 38px
}

.sb-input-small .sb-input-insider {
    font-size: 12px;
    height: 31px
}

.sb-input-insider input {
    font-size: inherit
}

.sb-control-elem-ctn .sb-input-small .sb-input-insider {
    border-radius: 2px
}

.sb-control-elem-ctn .sb-input-insider>span {
    background: #f3f4f5;
    padding: 0 8px
}

.sb-control-elem-ctn .sb-dark2-text {
    color: #141b38
}

.sb-control-elem-ctn[data-type=slider] input::-webkit-inner-spin-button,
.sb-control-elem-ctn[data-type=slider] input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.sb-control-elem-ctn[data-type=slider] input[type=number] {
    -moz-appearance: textfield
}

.sb-input-insider>span {
    align-items: center;
    border-color: #e6e6eb;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    padding: 0 15px
}

.sb-input-trailing-txt {
    border-left: 1px solid
}

.sb-input-leading-txt {
    border-right: 1px solid
}

.sb-input-insider>span svg {
    fill: currentColor;
    float: left;
    width: 18px
}

.sb-input-ctn[data-disablebg=true] .sb-input-insider>span {
    background: initial !important
}

.sb-control-elem-output .sb-distance-ctn[data-disabled=true] .sb-distance-input-ctn,
.sb-control-elem-output .sb-input-ctn[data-disabled=true] input,
.sb-control-elem-output .sb-input-ctn[data-disabled=true] select,
.sb-control-elem-output .sb-input-ctn[data-disabled=true] textarea {
    background: #f3f4f5 !important;
    border-radius: 0;
    color: #8c8f9a !important;
    cursor: pointer
}

.sb-control-elem-output .sb-input-ctn[data-disabled=true] .sb-input-insider>span {
    background: #e8e8eb !important
}

.sb-input-ctn[data-disableleading-brd=true] .sb-input-leading-txt,
.sb-input-ctn[data-disabletrailing-brd=true] .sb-input-disabletrailing-txt {
    border: initial !important
}

.sb-input-ctn[data-disableleading-brd=true] .sb-input-leading-txt {
    padding-right: 0
}

.sb-input-ctn[data-disabletrailing-brd=true] .sb-input-disabletrailing-txt {
    padding-left: 0
}

.sb-switcher-ctn {
    align-items: center;
    display: inline-flex;
    height: 16px;
    position: relative
}

.sb-switcher-ctn.sb-switcher-ctn-medium {
    height: 20px
}

.sb-checkbox-ctn input,
.sb-switcher-ctn input {
    height: 0 !important;
    opacity: 0 !important;
    width: 0 !important
}

.sb-switcher-ctn input {
    display: none
}

.sb-switcher-ctn .sb-el-label {
    margin-left: 10px
}

.sb-el-label-description {
    margin-top: 10px;
    padding-left: 38px
}

.sb-switcher-slider {
    background-color: #ccc;
    border-radius: 50px;
    bottom: 0;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    left: 0;
    position: relative;
    right: 0;
    top: 0;
    transition: .4s;
    width: 28px
}

.sb-switcher-ctn.sb-switcher-ctn-medium .sb-switcher-slider {
    height: 20px;
    width: 36px
}

.sb-switcher-slider:before {
    background-color: #fff;
    border-radius: 50%;
    bottom: 2px;
    content: "";
    height: 12px;
    left: 2px;
    position: absolute;
    transition: .4s;
    width: 12px
}

.sb-switcher-ctn.sb-switcher-ctn-medium .sb-switcher-slider:before {
    height: 16px;
    width: 16px
}

input:checked+.sb-switcher-slider {
    background-color: #0096cc;
    background-color: var(--customizer-blue)
}

input:focus+.sb-switcher-slider {
    box-shadow: 0 0 1px #0096cc;
    box-shadow: 0 0 1px var(--customizer-blue)
}

input:checked+.sb-switcher-slider:before {
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

.sb-switcher-ctn.sb-switcher-ctn-medium input:checked+.sb-switcher-slider:before {
    -webkit-transform: translateX(16px);
    transform: translateX(16px)
}

.sb-checkbox-ctn {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    line-height: 130%;
    position: relative
}

.sb-el-label {
    margin-left: 6px
}

.sb-checkbox-deco {
    border: 2px solid #8c8f9a;
    border-radius: 1px;
    box-sizing: border-box;
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    width: 16px
}

input:checked+.sb-checkbox-deco {
    background-color: #0096cc;
    background-color: var(--customizer-blue);
    border-color: #0096cc;
    border-color: var(--customizer-blue)
}

input:checked+.sb-checkbox-deco:before {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    content: "";
    height: 3px;
    left: 1px;
    position: absolute;
    top: 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 8px
}

.sb-checkbox-ctn[data-disabled=true] .sb-checkbox-deco {
    background: #e8e8eb !important;
    border: 2px solid #696d80 !important;
    border-radius: 1px !important
}

.sb-checkbox-ctn[data-disabled=true] .sb-checkbox-deco:before {
    display: none !important
}

[data-noticebar=true] .sb-customizer-sidebar {
    top: 132px
}

[data-noticebar=true] .sb-customizer-preview {
    margin-top: 105px
}

.sb-header {
    background: #fff;
    min-height: 64px;
    overflow-x: hidden;
    position: fixed;
    width: 100%;
    z-index: 99
}

.sb-header-content {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 64px;
    justify-content: space-between;
    padding: 0 20px
}

.sb-customizer-header {
    position: fixed !important;
    width: calc(100% - 160px);
    z-index: 999
}

.sb-header-zindex {
    z-index: 9999999
}

body.folded .sb-creationprocess-actions,
body.folded .sb-customizer-header {
    width: calc(100% - 36px)
}

.sb-close-btn svg {
    width: 12px
}

.sb-header-feedname-ctn {
    align-items: center;
    display: flex;
    height: 45px;
    justify-content: center;
    max-width: calc(100% - 450px) !important
}

.sb-header-feedname-ctn .sb-input-insider {
    background: #cce7ff;
    border: 0;
    border-radius: 0;
    font-size: 18px;
    font-weight: 700;
    outline: none;
    padding: 0
}

.sb-header-feedname-ctn .sb-input-insider input {
    font-size: 14px;
    padding: 0 !important;
    text-align: center
}

.sb-header-feedname-ctn>span {
    height: 45px;
    line-height: 45px;
    overflow: hidden
}

.sb-header-edit-btn,
.sb-header-edit-btn:active,
.sb-header-edit-btn:focus {
    background: #e6e6eb;
    border: 0 !important;
    border-radius: 2px;
    height: 28px;
    margin-left: 10px;
    padding: 4px;
    width: 28px
}

.sb-header-edit-btn svg {
    width: 14px
}

.sb-header-action-btns {
    align-items: center;
    display: flex;
    justify-content: center
}

.sb-header-action-btns>button {
    margin-left: 10px
}

.sb-dashboard-header .sb-header-content {
    padding: 0 32px;
    width: 100%
}

.sb-header-content .sb-close-btn {
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 10px;
    width: 135px
}

.sb-dashboard-header-logo {
    align-items: center;
    display: flex;
    justify-self: center
}

.sb-dashboard-header-logo svg {
    float: left;
    height: auto;
    margin-right: 6px;
    margin-top: -3px;
    width: 152px
}

.sb-moderation-ctn {
    padding: 40px 10px
}

.sb-moderation-heading,
.sb-moderation-pagination {
    align-items: center;
    display: flex
}

.sb-moderation-pagination {
    justify-self: center;
    margin-left: auto
}

.sb-moderation-pagination button {
    height: 32px !important;
    margin-left: 5px;
    width: 32px !important
}

.sb-moderation-pagination-num {
    margin-left: 15px;
    margin-right: 10px
}

.sb-moderation-filter-ctn {
    grid-gap: 7px;
    display: grid;
    gap: 7px;
    grid-template-columns: 143px 1fr 207px;
    margin-top: 20px
}

.sb-collection-list-ins .sb-moderation-filter-ctn {
    display: flex
}

.sb-moderation-button-filter {
    align-items: center;
    background: #fff;
    border: 1px solid #ced0d9;
    border-radius: 1px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 5px;
    height: 38px;
    justify-content: space-between;
    padding: 8px 8px 8px 16px;
    width: 143px
}

.sb-moderation-button-filter svg {
    fill: currentColor
}

.sb-moderation-seacrh-input .sb-input-insider {
    border: 1px solid #ced0d9 !important;
    border-radius: 1px !important;
    box-shadow: none !important
}

.sb-moderation-seacrh-input .sb-input-insider .sb-input-leading-txt {
    padding-right: 0
}

.sb-moderation-action-btns {
    background: #e6e6eb;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    height: 38px;
    padding: 4px
}

.sb-moderation-action-btns button {
    background: initial;
    border-radius: 0;
    color: #434960;
    flex-grow: 1;
    font-size: 12px;
    font-weight: 400;
    height: 30px;
    line-height: 30px
}

.sb-moderation-action-btns .sb-moderation-action-active {
    background: #fff;
    color: #0068a0;
    color: var(--blue-dflt);
    font-weight: 600
}

.sb-moderation-filter-dropdown-ctn {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 26.7377px 77.2886px rgba(0, 0, 0, .108), 0 -1.7px 25.32px rgba(0, 0, 0, .089);
    margin-bottom: 20px;
    margin-top: 7px
}

.sb-moderation-dropdown-list {
    border-bottom: 1px solid #e6e6eb;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.sb-moderation-dropdown-item {
    border-right: 1px solid #e6e6eb;
    box-sizing: border-box;
    padding: 20px 30px
}

.sb-moderation-dropdown-item:last-of-type {
    border-right: initial
}

.sb-moderation-dropdown-actions {
    align-items: center;
    background: #f9f9fa;
    display: flex;
    justify-content: flex-end;
    padding: 10px 20px
}

.sb-moderation-dropdown-actions button {
    margin-left: 10px;
    padding: 0 15px
}

.sb-moderation-dropdown-item strong {
    margin-bottom: 15px
}

.sb-modetaion-checkbox-sec {
    cursor: pointer;
    display: flex;
    gap: 10px;
    padding: 5px 0
}

.sb-moderation-filter-date {
    margin-bottom: 15px
}

.sb-moderation-list-ctn {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .05);
    margin-top: 10px
}

.sb-moderation-list-head {
    align-items: center;
    height: 45px;
    padding: 0 20px
}

.sb-moderation-list-head,
.sb-moderation-rev-item {
    border-bottom: 1px solid #e6e6eb;
    display: grid;
    grid-template-columns: 30px calc(100% - 30px)
}

.sb-moderation-rev-item {
    background: #f9f9fa;
    padding: 25px 20px
}

.sb-collection-list-ins .sb-moderation-rev-item {
    grid-template-columns: 3fr 1fr
}

.sb-collection-list-ins .sb-moderation-rev-item-info-top {
    margin-bottom: 0;
    row-gap: 5px
}

.sb-collection-list-ins .sb-moderation-rev-item-date {
    right: 28px;
    top: 20px
}

.sb-moderation-list .sb-feed-item-btns {
    float: right
}

.sb-moderation-rev-item:nth-of-type(2n) {
    background: #fff
}

.sb-moderation-rev-item:last-of-type {
    border-bottom: initial
}

.sb-moderation-rev-item-info-top {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    row-gap: 10px
}

.sb-moderation-rev-item-info-top strong {
    text-transform: capitalize
}

.sb-moderation-rev-item-info>span {
    line-height: 1.6em;
    width: 75%
}

.sb-moderation-rev-item .sb-item-provider-icon,
.sb-moderation-rev-item .sb-item-provider-icon svg {
    height: 18px;
    width: 18px
}

.sb-moderation-rev-item-date {
    font-size: 10px;
    position: absolute;
    right: 40px;
    top: 10px
}

.sb-cutomizer-ctn {
    min-height: 100vh
}

.sb-customizer-sidebar {
    background: #fff;
    bottom: 0;
    box-shadow: 4px 0 14px rgb(0 0 0/5%), 1px 0 4px rgba(0, 0, 0, .1);
    color: #141b38;
    left: 160px;
    overflow: auto;
    padding-bottom: 50px;
    position: fixed;
    top: 98px;
    width: 375px;
    z-index: 100;
    z-index: 999
}

body.folded .sb-customizer-sidebar {
    left: 35px
}

.sb-customizer-sidebar :not(.sb-template-svg):not(.sb-source-svg):not(.sb-addsource-modal-provider-item span)>svg,
.sb-customizer-sidebar :not(.sb-template-svg):not(.sb-source-svg):not(.sb-addsource-modal-provider-item span)>svg path {
    fill: currentColor
}

.sb-customizer-sidebar-tabs {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 24px
}

.sb-customizer-sidebar-tab {
    align-items: center;
    background: #f3f4f5;
    border-bottom: 2px solid #f3f4f5;
    cursor: pointer;
    display: flex;
    height: 56px;
    justify-content: center;
    width: 50%
}

.sb-customizer-sidebar-tab[data-active=true] {
    border-color: #0096cc;
    border-color: var(--customizer-blue)
}

.sb-customizer-sidebar-tab:hover {
    background: #fff
}

.sb-customizer-sidebar-sec-el {
    align-items: center;
    border-bottom: 1px solid transparent;
    color: #141b38;
    cursor: pointer;
    display: flex;
    height: 52px;
    padding: 0 20px;
    position: relative;
    transition: background .2s ease-in-out
}

.sb-customizer-sidebar-sec-el:hover {
    background: #f3f4f5;
    border-bottom: 1px solid #f3f4f5
}

.sb-customizer-sidebar-sec-el:before {
    border-bottom: 2px solid #696d80;
    border-right: 2px solid #696d80;
    content: "";
    height: 4px;
    opacity: .9;
    position: absolute;
    right: 14px;
    top: 23px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 4px
}

.sb-customizer-sidebar-sec-el[data-separator=true]:after {
    background: #e6e6eb;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    margin-bottom: -12px;
    position: absolute;
    width: 100%
}

.sb-customizer-sidebar-sec-el[data-separator=true] {
    margin-bottom: 24px
}

.sb-customizer-sidebar-sec-el-icon {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: center;
    margin-right: 7px;
    width: 30px
}

.sb-customizer-sidebar-sec-el-icon svg {
    float: left;
    height: auto;
    width: 16px
}

.sb-customizer-sidebar-header {
    padding: 20px
}

.sb-customizer-sidebar-header h3 .sb-pro-label {
    -webkit-transform: translate(-4px, -6px);
    transform: translate(-4px, -6px)
}

.sb-customizer-sidebar-header a {
    cursor: pointer
}

.sb-customizer-sidebar-breadcrumbs {
    color: #434960;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.5em;
    margin-bottom: 8px;
    text-transform: uppercase
}

.sb-customizer-breadcrumbs-elm {
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    padding-left: 15px;
    position: relative
}

.sb-customizer-breadcrumbs-elm:before {
    border-left: 1px solid;
    border-top: 1px solid;
    content: "";
    height: 5px;
    left: 3px;
    position: absolute;
    top: 4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 5px
}

.sb-separator-ctn {
    background-color: #e6e6eb;
    height: 1px
}

.sb-control-elem-ctn {
    padding: 12px 20px
}

.sb-control-elem-ctn[data-stacked=true] {
    padding: 5px 20px
}

.sb-control-elem-ctn[data-child=true] {
    padding-left: 58px
}

.sb-control-elem-heading {
    display: flex;
    font-weight: 600;
    justify-self: center
}

.sb-control-elem-description {
    display: block;
    margin-top: 8px
}

.sb-control-elem-ctn[data-strongheading=false] .sb-control-elem-heading {
    font-weight: 400
}

.sb-control-elem-overlay,
[data-dimmed=true]:before {
    background: hsla(0, 0%, 100%, .4) !important;
    content: "";
    display: block;
    height: 100% !important;
    left: 0 !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 3 !important
}

.sb-control-elem-icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.sb-control-elem-ctn:not([data-type=customview]):not([data-type=feedsources]) svg {
    fill: currentColor
}

.sb-control-elem-icon svg {
    float: left;
    margin-right: 6px;
    width: 16px
}

.sb-control-elem-ctn[data-layout=block] .sb-control-content {
    display: block
}

.sb-control-elem-ctn[data-layout=block] .sb-control-elem-info {
    float: left;
    margin-bottom: 8px;
    width: 100%
}

.sb-control-elem-ctn[data-layout=half] .sb-control-content>div {
    width: 100%
}

.sb-control-elem-ctn[data-layout=half] .sb-control-content {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.sb-control-elem-ctn[data-layout=half] .sb-control-elem-description {
    margin-top: 0
}

.sb-control-elem-ctn[data-layout=half] .sb-control-elem-output,
.sb-control-elem-ctn[data-reverse=true][data-layout=half] .sb-control-elem-info {
    padding-left: 20px
}

.sb-control-elem-ctn[data-reverse=true] .sb-control-content {
    flex-direction: row-reverse
}

.sb-control-elem-ctn[data-reverse=true][data-layout=half] .sb-control-elem-output {
    padding-left: 0
}

.sb-control-elem-ctn[data-layout=third] .sb-control-content {
    grid-column-gap: 5px;
    align-items: center;
    -webkit-column-gap: 5px;
    column-gap: 5px;
    display: grid;
    grid-template-columns: 22% calc(78% - 5px)
}

[data-layout=half] .sb-colorpicker-popup {
    left: auto;
    right: -20px
}

.sb-savemoderaionmode-buttons {
    grid-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.sb-listcontrols-ctn {
    padding: 12px 20px
}

.sb-listcontrols-ctn .sb-control-elem-ctn {
    padding: 5px 0
}

.sb-listcontrols-ctn .sb-control-elem-info,
.sb-listcontrols-ctn .sb-control-elem-output {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.sb-listcontrols-items {
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: flex
}

.sb-listcontrols-ctn[data-fullspace=true] .sb-listcontrols-items>:last-of-type {
    flex: 1 1
}

.sb-group-ctn {
    border-top: 1px solid #e8e8eb
}

.sb-group-heading {
    cursor: pointer;
    padding: 16px 20px
}

.sb-group-ctn[data-minimized=false] .sb-group-heading {
    padding-bottom: 8px
}

.sb-group-heading:after {
    border-bottom: 2px solid #141b38;
    border-right: 2px solid #141b38;
    content: "";
    height: 7px;
    position: absolute;
    right: 25px;
    top: 23px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    transition: all .1s ease-in-out;
    width: 7px
}

.sb-group-ctn[data-minimized=true] .sb-group-heading:after {
    top: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sb-group-controls-list {
    padding-bottom: 20px
}

.sb-group-ctn[data-minimized=true] .sb-group-controls-list {
    display: none
}

.sb-checkboxsection-ctn {
    padding-bottom: 14px
}

.sb-checkboxsection-top {
    align-items: center;
    border-bottom: 1px solid #e8e8eb;
    color: #434960;
    display: flex;
    height: 50px;
    line-height: 50px;
    padding: 0 20px
}

.sb-checkboxsection-top-label {
    font-size: 11px;
    font-weight: 700;
    margin-left: 7px;
    text-transform: uppercase
}

.sb-checkboxsection-top-icon {
    width: 16px
}

.sb-checkboxsection-elements {
    padding-top: 5px
}

.sb-checkboxsection-elem {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 38px;
    padding: 0 20px
}

.sb-checkboxsection-elem:hover {
    background: #f9f9fa
}

.sb-checkboxsection-elem[data-disabled=true],
.sb-checkboxsection-elem[data-disabled=true]:hover {
    background: transparent !important;
    color: #696d80 !important
}

.sb-checkboxsection-label {
    margin-left: 10px
}

.sb-checkboxsection-sorticon {
    cursor: move;
    opacity: 0;
    position: absolute;
    right: 45px;
    z-index: 1
}

.sb-checkboxsection-sorticon svg {
    float: left
}

.sb-checkboxsection-elem:hover .sb-checkboxsection-sorticon {
    opacity: 1
}

.sb-checkboxsection-elem[data-haschildren=true]:after {
    border-right: 2px solid;
    border-top: 2px solid;
    color: #696d80;
    content: "";
    height: 5px;
    position: absolute;
    right: 18px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px
}

.sb-checkboxsection-icon svg {
    float: left
}

.sb-toggleset-ctn:not(.sb-toggleset-list) {
    margin-bottom: 10px
}

.sb-toggleset-ctn:not(.sb-toggleset-list) .sb-toggleset-elem {
    align-items: center;
    border-bottom: 1px solid #e8e8eb;
    border-left: 1px solid #e8e8eb;
    border-right: 1px solid #e8e8eb;
    color: #434960;
    cursor: pointer;
    display: flex;
    min-height: 46px;
    padding: 5px 15px
}

.sb-toggleset-elem[data-description=true] {
    align-items: flex-start;
    height: auto;
    overflow: auto;
    padding: 12px 15px
}

.sb-toggleset-elem[data-description=true] .sb-toggleset-elem-label {
    margin-top: -2px
}

.sb-toggleset-elem-label .sb-fs {
    align-items: center;
    display: flex;
    gap: 6px
}

.sb-toggleset-elem-label .sb-fs .pro-rocket-icon {
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.sb-toggleset-elem-label .sb-fs svg path {
    fill: #0068a0 !important
}

.sb-toggleset-ctn:not(.sb-toggleset-list) .sb-toggleset-elem:first-child {
    border-top: 1px solid #e8e8eb
}

.sb-toggleset-elem-deco {
    border: 2px solid #d0d1d7;
    border-radius: 50%;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    height: 16px;
    margin-right: 13px;
    width: 16px
}

.sb-toggleset-elem-icon {
    align-items: center;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
    margin-right: 13px
}

.sb-toggleset-elem-icon svg {
    fill: currentColor;
    float: left;
    width: 16px
}

.sb-toggleset-elem:hover:not(.sb-toggleset-elem[data-disabled=true]) .sb-toggleset-elem-deco,
.sb-toggleset-elem[data-active=true]:not(.sb-toggleset-elem[data-disabled=true]):hover .sb-toggleset-elem-deco {
    background: #fff;
    border: 4px solid #0096cc;
    border: 4px solid var(--customizer-blue)
}

.sb-toggleset-ctn:not(.sb-toggleset-list) .sb-toggleset-elem[data-active=true] {
    background: #f7fdff;
    border: 1px solid #0096cc;
    border: 1px solid var(--customizer-blue);
    border-radius: 0
}

.sb-toggleset-elem[data-active=true] .sb-toggleset-elem-deco {
    background: #fff;
    border: 5px solid #0096cc;
    border: 5px solid var(--customizer-blue)
}

.sb-toggleset-elem[data-active=true][data-disabled=true] {
    background: #f5f5f7;
    border-color: #e8e8eb
}

.sb-toggleset-elem[data-active=true][data-disabled=true] .sb-toggleset-elem-deco {
    border-color: #696d80
}

.sb-toggleset-list .sb-toggleset-elem {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    float: left;
    justify-content: center;
    margin-right: 15px;
    width: auto
}

.sb-toggleset-list .sb-toggleset-elem-deco {
    margin-right: 5px
}

.sb-togglbuttons-ctn {
    border: 1px solid #ced0d9;
    height: 33px
}

.sb-togglbuttons-ctn,
.sb-togglbuttons-elem {
    align-items: center;
    display: flex;
    justify-content: center
}

.sb-togglbuttons-elem {
    border-right: 1px solid #ced0d9;
    box-sizing: border-box;
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 100%
}

.sb-togglbuttons-elem svg {
    fill: currentColor;
    float: left;
    width: 16px
}

.sb-togglbuttons-elem:last-of-type {
    border-right: 0
}

.sb-distance-input-ctn:after,
.sb-togglbuttons-elem:after {
    border: 1px solid transparent;
    content: "";
    height: 100%;
    left: -1px;
    position: absolute;
    top: -1px;
    transition: all .1s ease-in-out;
    width: 100%;
    z-index: 1
}

.sb-togglbuttons-elem:hover:after,
.sb-togglbuttons-elem[data-active=true]:after {
    border-color: #0096cc;
    border-color: var(--customizer-blue)
}

.sb-distance-ctn {
    align-items: center;
    display: flex;
    justify-content: center
}

.sb-distance-icons {
    box-sizing: border-box;
    height: 28px;
    margin-right: 8px;
    position: relative;
    width: 28px
}

.sb-element-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99
}

.sb-distance-side-icon {
    overflow: hidden
}

.sb-distance-side-icon-ctn {
    position: absolute
}

.sb-distance-side-draggable {
    cursor: ns-resize;
    height: 7px;
    position: absolute;
    width: 100%;
    z-index: 9
}

[data-side=left] .sb-distance-side-draggable,
[data-side=right] .sb-distance-side-draggable {
    cursor: ew-resize;
    height: 100%;
    width: 7px
}

.sb-distance-side-icon-ctn[data-side=bottom],
.sb-distance-side-icon-ctn[data-side=top] {
    height: 7px;
    top: 0;
    width: 100%
}

.sb-distance-side-icon-ctn[data-side=left],
.sb-distance-side-icon-ctn[data-side=right] {
    height: 100%;
    left: 0;
    width: 7px
}

.sb-distance-side-icon[data-side=bottom],
.sb-distance-side-icon[data-side=top] {
    color: #ced0d9;
    height: 7px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px
}

.sb-distance-side-icon[data-side=left],
.sb-distance-side-icon[data-side=right] {
    color: #e6e6eb;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 7px
}

.sb-distance-side-icon-ctn[data-side=bottom],
.sb-distance-side-icon[data-side=bottom] {
    bottom: 0;
    top: auto
}

.sb-distance-side-icon-ctn[data-side=right],
.sb-distance-side-icon[data-side=right] {
    left: auto;
    right: 0
}

.sb-distance-side-icon[data-side=bottom]:before,
.sb-distance-side-icon[data-side=top]:before {
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid;
    content: "";
    left: 0;
    position: absolute;
    top: 0
}

.sb-distance-side-icon[data-side=bottom]:before {
    border-bottom: 14px solid;
    border-top: initial;
    bottom: 0;
    top: auto
}

.sb-distance-side-icon[data-side=left]:before,
.sb-distance-side-icon[data-side=right]:before {
    border-bottom: 14px solid transparent;
    border-left: 14px solid;
    border-top: 14px solid transparent;
    content: "";
    left: 0;
    position: absolute;
    top: 0
}

.sb-distance-side-icon[data-side=right]:before {
    border-left: initial;
    border-right: 14px solid;
    left: auto;
    right: 0
}

.sb-distance-side-icon:hover {
    color: #0096cc;
    color: var(--customizer-blue)
}

.sb-distance-inputs {
    background: #fff;
    border: 1px solid #ced0d9;
    height: 32px;
    width: calc(100% - 36px)
}

.sb-distance-input-ctn,
.sb-distance-inputs {
    align-items: center;
    display: flex;
    justify-content: center
}

.sb-distance-input-ctn {
    height: 100%;
    position: relative
}

.sb-distance-input-ctn input {
    height: 100%;
    padding: 0 2px 0 7px !important;
    z-index: 4
}

.sb-distance-input-ctn input:focus {
    border: none;
    box-shadow: none;
    outline: none;
    padding: 0 2px 0 7px
}

.sb-distance-input-ctn span {
    color: #696d80;
    display: inline-block;
    font-size: 12px;
    padding-right: 5px
}

.sb-distance-input-ctn:not(:last-of-type) {
    border-right: 1px solid #ced0d9
}

.sb-distance-ctn[data-side-focused=bottom] .sb-distance-side-icon[data-side=bottom]:before,
.sb-distance-ctn[data-side-focused=left] .sb-distance-side-icon[data-side=left]:before,
.sb-distance-ctn[data-side-focused=right] .sb-distance-side-icon[data-side=right]:before,
.sb-distance-ctn[data-side-focused=top] .sb-distance-side-icon[data-side=top]:before {
    color: #0096cc;
    color: var(--customizer-blue)
}

.sb-distance-ctn[data-side-focused=bottom] .sb-distance-input-ctn[data-side=bottom]:after,
.sb-distance-ctn[data-side-focused=left] .sb-distance-input-ctn[data-side=left]:after,
.sb-distance-ctn[data-side-focused=right] .sb-distance-input-ctn[data-side=right]:after,
.sb-distance-ctn[data-side-focused=top] .sb-distance-input-ctn[data-side=top]:after {
    border-color: #0096cc;
    border-color: var(--customizer-blue)
}

.sb-slider-ctn {
    align-items: center;
    display: flex;
    justify-content: center
}

.sb-slider-left {
    flex-grow: 1;
    padding-right: 10px
}

.sb-slider-input-ctn {
    width: 65px
}

.sb-slider-ctn .sb-input-insider>span {
    background: initial;
    border-color: #e6e6eb;
    color: #434960;
    padding: 0 7px
}

.sb-slider-ctn .sb-input-insider>input {
    padding: 0 0 0 5px !important
}

.sb-slider-content>div {
    background-color: #e6e6eb;
    border-radius: 2px;
    height: 4px;
    width: 100%
}

.sb-slider-content>div>div:first-child {
    background-color: #0096cc;
    background-color: var(--customizer-blue)
}

.sb-slider-content>div>div:nth-of-type(2)>div {
    border: 4px solid #0096cc;
    border: 4px solid var(--customizer-blue)
}

.sb-colorpicker-content {
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    padding: 7px 10px
}

.sb-colorpicker-content:hover {
    background: #f3f4f5
}

.sb-colorpicker-swatch {
    background: #fafafa;
    border: 1px solid rgba(0, 0, 0, .4);
    border-radius: 50px;
    float: left;
    height: 16px;
    width: 16px
}

.sb-colorpicker-ctn[data-disabled=true] .sb-colorpicker-swatch {
    background: #e6e6eb !important;
    border-color: #e6e6eb !important
}

.sb-colorpicker-value {
    color: #2c324c;
    float: left;
    margin-left: 6px
}

.sb-colorpicker-popup {
    background: #fff;
    border: 1px solid #e6e6eb;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .05);
    left: 0;
    margin-left: 5px;
    margin-top: 4px;
    opacity: 0;
    padding: 12px;
    position: absolute;
    top: 100%;
    visibility: hidden;
    z-index: 9999
}

.sb-colorpicker-ctn .sketch-picker {
    box-shadow: none !important;
    margin-bottom: 4px;
    padding: 0 !important
}

.sb-colorpicker-ctn[data-active=true] .sb-colorpicker-popup {
    opacity: 1;
    visibility: visible
}

.sb-popupcontrol-ctn {
    display: flex
}

.sb-popupcontrol-label {
    line-height: 1em;
    margin-bottom: 10px
}

.sb-popupcontrol-content {
    display: flex;
    flex-direction: column;
    padding-left: 10px
}

.sb-popupcontrol-unit {
    color: #696d80;
    padding-right: 2px;
    text-transform: uppercase
}

.sb-popupcontrol-value {
    color: #2c324c;
    padding-right: 8px
}

.sb-popupcontrol-values-list {
    display: flex
}

.sb-popupcontrol-color {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.sb-popupcontrol-color-icon {
    border-radius: 25px;
    display: inline-block;
    height: 12px;
    margin-right: 5px;
    width: 12px
}

.sb-popupcontrol-chooser {
    margin-left: auto
}

.sb-popupcontrol-popup {
    background-color: #fff;
    border: 1px solid #e6e6eb;
    box-shadow: 0 26px 77px rgba(0, 0, 0, .1), 0 14px 41px rgb(0 0 0/9%);
    left: -17px;
    margin-top: 10px;
    opacity: 0;
    padding: 15px 20px;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: calc(100% - 5px);
    z-index: 2
}

.sb-popupcontrol-ctn[data-active=true] .sb-popupcontrol-popup {
    opacity: 1;
    visibility: visible;
    z-index: 9
}

.sb-popupcontrol-header {
    padding-bottom: 15px
}

.sb-popupcontrol-popup-cls {
    margin-top: 2px
}

.sb-popupcontrol-inputs>div {
    grid-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    margin-bottom: 10px
}

.sb-popupcontrol-inp-item {
    grid-column-gap: 5px;
    -webkit-column-gap: 5px;
    column-gap: 5px;
    display: grid;
    grid-template-columns: 30% calc(70% - 5px);
    margin-bottom: 5px
}

.sb-popupcontrol-inp-item span {
    align-items: center;
    display: inline-flex
}

.sb-popupcontrol-inp-color {
    align-items: center;
    -webkit-column-gap: 10px !important;
    column-gap: 10px !important;
    display: flex !important
}

[data-type=boxshadow] .sb-colorpicker-content:hover,
[data-type=stroke] .sb-colorpicker-content:hover {
    background-color: initial
}

.sb-popupcontrol-1row {
    grid-template-columns: 80% !important
}

.sb-popupcontrol-1row .sb-popupcontrol-inp-item {
    grid-template-columns: 40% calc(50% - 5px)
}

.sb-popupcontrol-1row .sb-popupcontrol-inp-color {
    display: grid !important;
    grid-template-columns: 34% calc(50% - 5px);
    margin-bottom: 11px
}

.sb-fontchooser-row {
    grid-column-gap: 5px;
    align-items: center;
    -webkit-column-gap: 5px;
    column-gap: 5px;
    display: grid;
    grid-template-columns: 22% calc(78% - 5px);
    margin-bottom: 8px;
    width: 100%
}

.sb-fontchooser-input {
    align-items: center;
    display: inline-flex
}

.sb-fontchooser-input>span {
    padding-left: 15px;
    padding-right: 10px
}

.sb-customizer-preview {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    float: right;
    justify-content: center;
    margin-bottom: 50px;
    margin-top: 64px;
    max-width: 100%;
    min-height: 100px;
    padding: 0 20px;
    position: relative;
    width: calc(100% - 375px)
}

[data-preview-device=tablet] .sb-preview-wrapper {
    width: 800px
}

[data-preview-device=mobile] .sb-preview-wrapper {
    width: 400px
}

.sb-preview-devices-top span {
    text-transform: uppercase
}

.sb-preview-devices-top {
    align-items: center;
    display: flex;
    padding: 18px 0 16px
}

.sb-preview-devices-chooser {
    align-items: center;
    background: #e8e8eb;
    border-radius: 1px;
    display: flex;
    height: 36px;
    justify-content: center;
    margin-left: auto;
    padding: 0 2px
}

.sb-preview-chooser-btn,
.sb-preview-chooser-btn:focus {
    align-items: center;
    background: initial;
    border: 0;
    cursor: pointer;
    display: flex;
    float: left;
    height: 32px;
    justify-content: center;
    margin: 0 1px;
    outline: none;
    width: 38px
}

.sb-preview-chooser-btn:hover,
.sb-preview-chooser-btn[data-active=true] {
    background: #fff !important;
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .25)
}

.sb-preview-chooser-btn svg {
    float: left;
    height: auto;
    width: 12px
}

.sb-preview-chooser-btn[data-device=desktop] svg {
    width: 17px
}

.sb-preview-chooser-btn[data-device=mobile] svg {
    width: 10px
}

.sb-feed-wrapper {
    background-color: #fff;
    padding: 55px
}

.sb-feed-wrap {
    z-index: 2
}

[data-layout=carousel] .sb-feed-posts .owl-carousel .sb-preview-highlight-ctn {
    display: none !important
}

.sb-preview-highlight-ctn {
    border: 1px solid #0096cc;
    border: 1px solid var(--customizer-blue);
    height: calc(100% + 10px);
    left: -6px;
    opacity: 0;
    position: absolute;
    top: -6px;
    visibility: hidden;
    width: calc(100% + 10px)
}

.sb-preview-highlight-ctn[data-isparent=true] {
    height: calc(100% + 30px);
    left: -15px;
    top: -15px;
    width: calc(100% + 30px)
}

.sb-preview-highlight-txt {
    align-items: center !important;
    background-color: #0096cc;
    background-color: var(--customizer-blue);
    color: #fff;
    cursor: pointer;
    display: flex !important;
    font-size: 12px;
    font-weight: 500;
    height: 18px;
    justify-content: center !important;
    left: -2px;
    padding: 0 4px !important;
    position: absolute;
    top: -18px;
    width: auto !important
}

.sb-preview-highlight-ctn[data-active=true],
:hover>.sb-preview-highlight-ctn {
    opacity: 1;
    visibility: visible
}

.sb-preview-highlight-ctn[data-dimmed=true] {
    opacity: 0 !important;
    z-index: 0
}

.sb-preview-highlight-ctn[data-hover=true] {
    opacity: 1;
    z-index: 3
}

.sb-inplugin-notice-content {
    background: #fff;
    border-top: 4px solid #fff;
    display: grid;
    grid-template-columns: 60px calc(100% - 60px);
    padding: 30px 20px 20px
}

.sb-inplugin-notice-ctn[data-type=error] .sb-inplugin-notice-content {
    border-color: #d72c2c;
    border-color: var(--red-dflt)
}

.sb-inplugin-notice-icon {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    width: 50px
}

.sb-inplugin-notice-svg {
    align-items: center;
    background: #d72c2c;
    background: var(--red-dflt);
    border-radius: 50px;
    color: #fff;
    display: flex;
    height: 25px;
    justify-content: center;
    width: 25px
}

.sb-inplugin-notice-svg svg,
.sb-inplugin-notice-svg svg circle,
.sb-inplugin-notice-svg svg path {
    fill: currentColor !important
}

.sb-inplugin-notice-text {
    display: flex;
    flex-direction: column
}

.sb-inplugin-notice-heading {
    color: #d72c2c;
    color: var(--red-dflt);
    margin-bottom: 10px
}

.sb-inplugin-notice-action {
    display: flex;
    margin-bottom: 10px;
    margin-top: 30px
}

.sb-inplugin-notice-action button {
    margin-right: 10px
}

.sb-full-wrapper {
    padding: 42px 53px 120px
}

.sb-small-wrapper {
    box-sizing: border-box;
    margin: auto;
    max-width: 875px;
    position: relative
}

.sb-inplugin-notice-ctn {
    padding-bottom: 0
}

.sb-dashboard-heading {
    align-items: center;
    display: flex;
    margin-bottom: 24px
}

.sb-dashboard-heading h2 {
    margin: 0
}

.sb-dashboard-action-btns {
    display: flex;
    margin-left: 20px
}

.sb-dashboard-action-btns button {
    margin-right: 10px
}

.sb-feedslist-top {
    margin-bottom: 10px
}

.sb-feedslist-bulk-ctn,
.sb-feedslist-top {
    align-items: center;
    display: flex
}

.sb-feedslist-bulk-ctn>* {
    margin-right: 10px
}

.sb-blulk-select {
    width: 130px
}

.sb-feedslist-pagination {
    margin-left: auto
}

.sb-feedslist-pagination-btns {
    align-items: center;
    -webkit-column-gap: 5px;
    column-gap: 5px;
    display: inline-flex;
    justify-self: center;
    margin-left: 10px
}

.sb-feedslist-pagination-btns .sb-btn {
    height: 30px;
    width: 30px
}

.sb-feedslist-table {
    background: #fff;
    border-spacing: 0;
    box-shadow: 0 1px 2px rgb(0 0 0/5%), 0 4px 5px rgb(0 0 0/5%);
    box-sizing: border-box;
    text-align: left;
    width: 100%
}

.sb-feedslist-table .sb-checkbox-ctn {
    margin-left: 12px;
    margin-right: 5px
}

.sb-feedslist-thtf {
    background: #fff
}

.sb-feedslist-thtf th {
    border-bottom: 1px solid #dcdde1;
    font-weight: 400
}

tfoot.sb-feedslist-thtf th {
    border-top: 1px solid #dcdde1
}

.csb-feedslist-thtf td,
.sb-feedslist-thtf th {
    padding: 9px 5px
}

.sb-feedslist-tbody tr:nth-child(odd) {
    background: #f3f4f5
}

.sb-feedslist-tbody tr td {
    padding: 15px 5px 20px;
    position: relative;
    vertical-align: top
}

.sb-feedslist-table tr td:first-child {
    width: 30px
}

.sb-feedslist-name-ctn a {
    color: #0068a0;
    color: var(--blue-dflt);
    display: block;
    font-weight: 600;
    margin-bottom: 3px;
    text-decoration: none
}

.sb-feedslist-name-ctn a:focus {
    border: none;
    box-shadow: none;
    outline: none
}

.sb-feedslist-name-ctn>span {
    text-transform: capitalize
}

.sb-item-instances-link {
    cursor: pointer;
    text-decoration: underline
}

.sb-feed-copy-btn {
    display: inline-flex;
    margin-left: 10px
}

.sb-feed-copy-btn svg {
    width: 11px
}

.sb-feed-item-actions {
    max-width: 190px;
    width: 190px
}

.sb-feed-item-btns>div {
    display: inline-block;
    margin-left: 10px
}

.sb-feed-action-btn {
    color: #141b38;
    height: 32px;
    width: 34px
}

.sb-feed-action-btn:hover {
    background: #0096cc;
    background: var(--customizer-blue);
    border-color: #0096cc;
    border-color: var(--customizer-blue);
    color: #fff
}

.sb-feed-delete-btn {
    border-color: #fbd5d5;
    color: #d72c2c;
    color: var(--red-dflt)
}

.sb-feed-delete-btn:hover {
    background: #d72c2c;
    background: var(--red-dflt);
    border-color: #d72c2c;
    border-color: var(--red-dflt);
    color: #fff
}

.sb-inf-cnt {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .05);
    max-width: 100%;
    padding: 27px;
    position: relative
}

.sb-inf-num {
    align-items: center;
    color: #141b38;
    display: flex;
    float: left;
    font-size: 12px;
    font-weight: 600;
    height: 30px;
    justify-content: center;
    margin-right: 20px;
    position: relative;
    width: 30px
}

.sb-inf-num span {
    z-index: 1
}

.sb-inf-num:before {
    background: #d8dadd;
    border-radius: 50%;
    content: "";
    height: inherit;
    position: absolute;
    width: inherit
}

.sb-inf-txt {
    float: left
}

.sb-inf-txt h4 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 140%;
    margin: 0 0 4px
}

.sb-inf-txt span {
    color: #5f6368;
    display: block;
    font-size: 16px;
    line-height: 1.5em
}

.sb-wlcm-inf-1 {
    padding-left: 297px
}

.sb-wlcm-inf-1 .sb-inf-svg {
    left: 191px;
    position: absolute;
    top: 32px
}

.sb-wlcm-inf-1 .sb-inf-svg svg {
    margin-top: -45px
}

.sb-arrow-head {
    left: -4px;
    position: absolute;
    top: -2px
}

.sb-wlcm-inf-1 .sb-inf-cnt {
    display: flex;
    float: left;
    margin-bottom: 24px;
    width: 475px
}

.sb-wlcm-inf-2 {
    display: flex;
    justify-content: space-between;
    padding-left: 152px
}

.sb-wlcm-inf-2 .sb-inf-cnt {
    align-items: center;
    display: flex;
    float: left;
    height: 67px;
    margin-bottom: 29px;
    width: 545px
}

.sb-wlcm-inf-2 .sb-inf-img {
    position: absolute;
    right: 15px;
    top: -15px
}

.sb-wlcm-inf-3 {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding-left: 297px
}

.sb-wlcm-inf-3 .sb-inf-cnt {
    align-items: center;
    display: flex;
    float: left;
    height: 80px;
    justify-content: center;
    padding-left: 50px;
    width: 620px
}

.sb-wlcm-inf-3 .sb-inf-img {
    float: left;
    left: 10px;
    position: absolute;
    top: -10px
}

.sb-wlcm-inf-2 .sb-inf-num,
.sb-wlcm-inf-3 .sb-inf-num {
    margin-top: -20px
}

@media (min-width:1024px) and (max-width:1200px) {
    .sb-wlcm-inf-3 {
        padding-left: 120px
    }
}

@media (max-width:767px) {

    .sb-wlcm-inf-1,
    .sb-wlcm-inf-2,
    .sb-wlcm-inf-3 {
        padding-left: 0
    }

    .sb-wlcm-inf-1 .sb-inf-svg,
    .sb-wlcm-inf-2 .sb-inf-img,
    .sb-wlcm-inf-3 .sb-inf-img {
        display: none
    }

    .sb-wlcm-inf-3 .sb-inf-cnt {
        justify-content: flex-start
    }

    .sb-wlcm-inf-1 .sb-inf-cnt {
        width: calc(100% - 53px)
    }

    .sb-wlcm-inf-2 .sb-inf-cnt,
    .sb-wlcm-inf-3 .sb-inf-cnt {
        width: 100%
    }

    .sb-wlcm-inf-1 .sb-inf-cnt .sb-inf-txt {
        width: 80%
    }

    .sb-wlcm-inf-2 .sb-inf-cnt {
        margin-bottom: 24px
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .sb-wlcm-inf-3 {
        padding-left: 7px
    }

    .sb-wlcm-inf-2 {
        padding-left: 52px
    }

    .sb-wlcm-inf-1 {
        padding-left: 85px
    }

    .sb-wlcm-inf-1 .sb-inf-svg {
        display: none
    }
}

.sb-creationprocess-ctn {
    background-color: #fff;
    box-shadow: 0 1px 2px rgb(0 0 0/5%), 0 4px 5px rgb(0 0 0/5%);
    padding: 22px 30px
}

.sb-creationprocess-heading h4 {
    margin-bottom: 5px
}

.sb-addnew-source {
    background: #ebf5ff;
    border: 1px solid #ebf5ff;
    color: #0096cc;
    color: var(--customizer-blue);
    font-size: 16px;
    height: 65px
}

.sb-sources-chooser-btn {
    margin-top: 20px
}

.sb-sources-list {
    grid-column-gap: 1%;
    display: grid;
    grid-template-columns: 32.66% 32.66% 32.66%
}

.sb-creationprocess-content .sb-sources-list {
    margin-top: 20px
}

.sb-settingspage-content .sb-sources-list {
    grid-column-gap: 1%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 12px
}

.sb-emptysources-notice {
    align-items: flex-start;
    border: 1px dashed #ced0d9;
    border-radius: 7px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 16px;
    line-height: 1.8em;
    margin-bottom: 35px;
    margin-top: 25px;
    padding: 22px 30px 29px;
    width: 349px
}

.sb-source-item {
    border: 1px solid #e7e7e9;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    min-height: 65px
}

.sb-source-item .sb-source-item-top {
    display: flex;
    height: 65px
}

.sb-source-dp-info {
    display: flex;
    flex-direction: column
}

.sb-source-dp-info-item {
    align-items: center;
    border-top: 1px solid #e7e7e9;
    box-sizing: border-box;
    display: flex;
    float: left;
    padding: 8px 4px 8px 10px;
    width: 100%
}

.sb-source-dp-info-item strong {
    margin-right: 30px
}

.sb-source-dp-info-item button {
    margin-left: auto
}

.sb-source-item:not(.sb-source-control-item):not([data-checked=true]):hover {
    border-color: #86d0f9
}

.sb-source-item[data-checked=true] {
    border-color: #0096cc;
    border-color: var(--customizer-blue)
}

.sb-source-item-box,
.sb-source-item-icon {
    align-items: center;
    display: inline-flex;
    height: 100%;
    justify-content: center;
    width: 20px
}

.sb-source-item-box {
    margin-left: 8px
}

.sb-source-item-icon {
    flex: 0 0 auto;
    margin-right: 3px;
    width: 54px
}

.sb-source-item-icon svg {
    height: 32px;
    width: 32px
}

.sb-source-act-ctn {
    display: flex;
    margin-left: auto;
    margin-right: 10px
}

.sb-source-act-icon-ctn {
    align-items: flex-start;
    display: flex;
    justify-content: center;
    width: 32px
}

.sb-source-act-icon {
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    float: left;
    height: 31px;
    justify-content: center;
    margin-left: 3px;
    margin-top: 8px;
    position: relative;
    width: 30px
}

.sb-source-act-icon svg {
    float: left;
    height: auto
}

.sb-source-item-remove-icon svg path {
    fill: #d72c2c;
    fill: var(--red-dflt)
}

.sb-source-item-info-icon svg path {
    fill: #434960
}

.sb-source-item-remove-icon .sb-source-act-icon:hover {
    background: #fceded
}

.sb-source-item-info-icon .sb-source-act-icon:hover {
    background: #e8e8eb
}

.sb-source-item-needhist-icon svg {
    color: #febe52
}

.sb-source-item-info {
    display: inline-flex;
    flex-direction: column;
    justify-content: center
}

.sb-source-item-info>span:nth-of-type(2) {
    text-transform: capitalize
}

.sb-apikeys-list {
    grid-column-gap: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 5px;
    margin-top: 15px
}

.sb-apikeys-item {
    align-items: center;
    border: 1px solid #e8e8eb;
    border-radius: 2px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    height: 52px;
    padding: 12px 6px 12px 16px;
    position: relative
}

.sb-apikeys-item[data-limit=true] {
    border-color: #d72c2c;
    border-color: var(--red-dflt)
}

.sb-apikeys-item svg {
    float: left;
    height: auto;
    margin-right: 10px;
    width: 19px
}

.sb-apikeys-item-edit {
    cursor: pointer;
    margin-left: auto
}

.sb-apikeys-item-notice {
    align-items: center;
    border-radius: 50px;
    display: flex;
    height: 20px;
    justify-content: center;
    position: absolute;
    right: 40px;
    width: 20px
}

.sb-apikeys-item-notice svg path {
    fill: #d72c2c;
    fill: var(--red-dflt)
}

.sb-embedfeed-modal-heading {
    padding: 20px 32px
}

.sb-embedfeed-modal-content>div {
    border-top: 1px solid #e6e6eb;
    padding: 28px 32px
}

.sb-embedfeed-modal-content>div>strong {
    font-size: 16px;
    margin-bottom: 15px
}

.sb-embedfeed-modal-info {
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    justify-content: center
}

.sb-embedfeed-modal-info>span {
    align-items: center;
    background: #f3f4f5;
    border: 1px solid #e6e6eb;
    border-radius: 4px;
    color: #696d80;
    display: flex;
    height: 50px;
    padding: 0 20px
}

.sb-embedfeed-modal-addbtns {
    grid-column-gap: 15px;
    display: flex
}

.sb-embedfeed-modal-addbtns>* {
    width: 100%
}

.sb-embedfeed-modal-back {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 10px
}

.sb-embedfeed-modal-back svg {
    float: left;
    height: auto;
    margin-right: 5px;
    margin-top: 4px;
    width: 7px
}

.sb-embedfeed-modal-pages-head {
    font-size: 12px !important;
    text-transform: uppercase
}

.sb-embedfeed-modal-actbtns {
    -webkit-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    justify-content: flex-end;
    padding: 16px 32px !important
}

.sb-sidebar-card {
    grid-column-gap: 5px;
    border: 1px solid #e6e6eb;
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .05);
    cursor: pointer;
    display: grid;
    grid-template-columns: calc(100% - 90px) 90px;
    margin: 15px 10px;
    padding: 20px 12px 20px 26px;
    width: calc(100% - 20px)
}

.sb-sidebar-card-heading strong {
    line-height: 1.5em
}

.sb-sidebar-card-description {
    margin-bottom: 12px;
    margin-top: 7px
}

.sb-sidebar-card-link strong {
    color: #0068a0;
    color: var(--blue-dflt);
    text-decoration: underline
}

.sb-sidebar-card-pro-label {
    align-items: center;
    background: #0096cc;
    background: var(--customizer-blue);
    border-radius: 3px;
    color: #fff;
    display: inline-flex;
    font-size: 11px;
    font-weight: 600;
    height: 18px;
    justify-content: center;
    margin-left: 5px;
    padding: 0 5px
}

.sb-sidebar-card-content,
.sb-sidebar-card-image {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.sb-sidebar-card-image img {
    height: auto;
    width: 82px
}

.sb-templates-list {
    grid-column-gap: 1%;
    display: grid;
    grid-template-columns: 24.5% 24.5% 24.5% 24.5%
}

.sb-feedtemplates-modal .sb-templates-list {
    grid-template-columns: 33% 33% 33%;
    margin-top: 30px
}

.sb-creationprocess-content .sb-templates-list {
    margin-top: 20px
}

.sb-templatecustomizer-item,
.sb-templates-list .sb-template-item {
    margin-bottom: 15px
}

.sb-template-item {
    background: #fff;
    border: 1px solid #ced0d9;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 238px
}

.sb-template-item:not(.sb-template-item[data-ispro=true]):hover {
    border: 1px solid #0096cc;
    border: 1px solid var(--customizer-blue)
}

.sb-template-item[data-checked=true] {
    border: 2px solid #0096cc;
    border: 2px solid var(--customizer-blue)
}

.sb-templatecustomizer-item:hover {
    border: 1px solid #ced0d9
}

.sb-template-icon {
    background: #f3f4f5;
    border-radius: 4px;
    display: flex;
    height: 200px;
    justify-content: center;
    width: 100%
}

.sb-template-icon svg {
    width: 100%
}

.sb-template-name {
    align-items: center;
    display: flex;
    height: 38px;
    justify-content: center
}

.sb-template-name-svg {
    margin-left: 10px;
    margin-top: 2px;
    width: 12px
}

.sb-template-name-svg svg path {
    fill: #ed4944 !important;
    fill: var(--orange-dflt) !important
}

.sb-creationprocess-actions {
    align-items: center;
    background: #f0f0f1;
    border-top: 1px solid #d8dadd;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    left: 160px;
    margin-top: 63px;
    padding: 30px 40px;
    position: fixed;
    width: calc(100% - 160px);
    z-index: 1
}

body.folded .sb-creationprocess-actions {
    left: 36px;
    width: calc(100% - 36px)
}

.sb-creationprocess-actions .sb-creationprocess-next-btn {
    margin-left: auto
}

.sb-creationprocess-btn {
    padding: 0 25px
}

.sb-creationprocess-next-top-btn {
    position: absolute;
    right: 0;
    top: -55px
}

.sb-settings-tabs-ctn {
    align-items: center;
    border-bottom: 1px solid #dcdde1;
    display: flex;
    margin-bottom: 30px;
    padding: 10px 0
}

.sb-settings-tabs {
    -webkit-column-gap: 20px;
    column-gap: 20px
}

.sb-settings-tab,
.sb-settings-tabs {
    display: flex;
    justify-content: center
}

.sb-settings-tab {
    align-items: center;
    box-sizing: border-box;
    color: #8c8f9a;
    cursor: pointer;
    height: 38px;
    letter-spacing: 1px;
    padding: 16px 24px;
    position: relative
}

.sb-settings-tab[data-active=true]:after {
    background-color: #0068a0;
    background-color: var(--blue-dflt);
    bottom: -10px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.sb-settings-tab[data-active=true] {
    color: #0068a0;
    color: var(--blue-dflt)
}

.sb-settings-save-ctn {
    float: right;
    margin-left: auto;
    margin-top: 16px
}

.sb-settings-tabs-ctn .sb-settings-save-ctn {
    margin-top: 0
}

.sb-settings-ctn {
    margin-bottom: 100px
}

.sb-settings-section-ctn {
    background-color: #fff;
    border-bottom: 1px solid #e8e8eb;
    margin: 0;
    padding: 24px
}

.sb-settings-section-ctn[data-bottom=true],
.sb-whitebox-ctn {
    background: #fff;
    box-shadow: 0 1px 2px rgb(0 0 0/5%), 0 4px 5px rgb(0 0 0/5%);
    margin-bottom: 12px
}

.sb-settings-section-label {
    box-sizing: border-box;
    float: left;
    max-width: 205px;
    min-width: 205px;
    position: relative
}

.sb-settings-section-label h4 {
    margin-bottom: 5px
}

.sb-settings-section-content {
    flex-wrap: wrap;
    float: right;
    width: calc(100% - 270px)
}

.sb-settings-section-ctn[data-layout=full] .sb-settings-section-content,
.sb-settings-section-ctn[data-layout=full] .sb-settings-section-label {
    max-width: 100%;
    min-width: 100%
}

.sb-settings-section-input {
    float: left
}

[data-type=switcher] .sb-settings-section-input {
    max-width: 700px
}

[data-type=button] .sb-settings-section-insider,
[data-type=select] .sb-settings-section-insider,
[data-type=switcher] .sb-settings-section-insider {
    margin-bottom: 10px
}

[data-type=select] .sb-settings-section-input .sb-input-insider {
    position: relative;
    width: 450px
}

.sb-settings-section-input>span {
    line-height: 1.7em
}

.sb-settings-section-input .sb-switcher-ctn {
    float: left;
    margin-right: 10px
}

.sb-settings-section-input .sb-btn {
    float: left
}

[data-type=button] .sb-settings-section-insider,
[data-type=switcher] .sb-settings-section-insider {
    align-items: center;
    display: flex
}

.sb-settings-input-ctn {
    grid-gap: 10px;
    display: flex;
    margin-bottom: 8px;
    max-width: 650px
}

[data-type=licensekey] .sb-settings-input-ctn,
[data-type=licensekeyfree] .sb-settings-input-ctn {
    margin: 10px 0
}

[data-type=licensekeyfree] .sb-settings-input-ctn>div {
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    width: 100%
}

[data-type=licensekeyfree] .sb-settings-input-ctn .sb-installpro-btn {
    width: 145px
}

.sb-import-input {
    display: none
}

.sb-license-key-valid .sb-input-insider {
    border-color: #59ab46;
    border-color: var(--success-green)
}

.sb-license-key-valid svg {
    color: #59ab46;
    color: var(--success-green)
}

.sb-license-key-expired .sb-input-insider,
.sb-license-key-invalid .sb-input-insider {
    border-color: #d72c2c;
    border-color: var(--red-dflt)
}

.sb-license-key-expired svg,
.sb-license-key-invalid svg {
    color: #d72c2c;
    color: var(--red-dflt)
}

.sb-licensekey-actions a {
    color: #27303f;
    cursor: pointer;
    text-decoration: none
}

.sb-licensekey-test-btn {
    cursor: pointer;
    display: inline-flex
}

.sb-licensekey-test-icon {
    border-radius: 50px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    width: 16px
}

.sb-licensekey-test-icon[data-icon=success] {
    background: #59ab46;
    background: var(--success-green);
    color: #fff
}

.sb-licensekey-test-icon[data-icon=success]:before {
    border-bottom: 2px solid;
    border-left: 2px solid;
    content: "";
    height: 3px;
    left: 3px;
    position: absolute;
    top: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 7px
}

.sb-licensekey-test-icon[data-icon=true],
.sb-licensekey-test-icon[data-icon=true]:before {
    clip: rect(0, 16px, 6px, 0);
    -webkit-animation: sb-loader-spinner 1.8s cubic-bezier(.77, 0, .175, 1) infinite;
    animation: sb-loader-spinner 1.8s cubic-bezier(.77, 0, .175, 1) infinite
}

.sb-licensekey-test-icon[data-icon=true]:before {
    border: 2px solid #222;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 16px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 16px
}

.sb-licensekey-test-icon[data-icon=error] {
    background: #d72c2c;
    background: var(--red-dflt);
    color: #fff
}

.sb-licensekey-test-icon[data-icon=error]:after,
.sb-licensekey-test-icon[data-icon=error]:before {
    background: currentColor;
    content: "";
    height: 2px;
    left: 3px;
    position: absolute;
    top: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 10px
}

.sb-licensekey-test-icon[data-icon=error]:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sb-licensekey-actions .sb-licensekey-upgrade-btn {
    color: #0068a0;
    color: var(--blue-dflt);
    font-weight: 600;
    margin-left: 10px
}

.sb-licensekey-actions .sb-licensekey-manage-btn {
    text-decoration: underline
}

.sb-licensekey-actions {
    align-items: center;
    display: flex;
    margin-top: 10px
}

.sb-licensekey-actions-right {
    margin-left: auto
}

.sb-licensekey-actions-right,
.sb-setting-clearaches-ctn {
    align-items: center;
    display: flex
}

.sb-setting-clearaches-ctn button {
    margin-left: 10px
}

.sb-default-table {
    border: 1px solid #dcdde1;
    border-spacing: 0;
    padding: 0;
    width: 100%
}

.sb-default-table tfoot th,
.sb-default-table thead th {
    background-color: #f3f4f5;
    border-bottom: 1px solid #dcdde1;
    box-sizing: border-box;
    color: #434960;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    padding: 10px 20px;
    text-align: left
}

.sb-default-table tfoot th {
    border: 0;
    border-top: 1px solid #dcdde1
}

.sb-default-table tbody td {
    box-sizing: border-box;
    padding: 6px 10px 6px 20px
}

.sb-default-table-row-header td {
    box-sizing: border-box;
    color: #141b38;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 26px;
    padding: 10px 20px !important
}

.sb-default-table tbody td {
    background: #f3f4f5;
    font-size: 14px
}

.sb-default-table tbody:nth-child(2n) td {
    background-color: #fff
}

.sb-default-table tbody tr:not(.sb-default-table-row-header):not(:last-child) td {
    border-bottom: 1px solid #dcdde1
}

.sb-default-table tbody tr:last-child td {
    padding: 6px 10px 6px 20px
}

.sb-default-table tbody tr td:first-child,
.sb-default-table tbody tr td:nth-child(2) {
    width: 25%
}

@media (max-width:767px) {
    .sb-tabs-container .sb-tabs .tab {
        padding: 25px 10px
    }

    .sb-default-table td,
    .sb-default-table th {
        display: block;
        width: 100%
    }

    .sb-default-table tbody tr td:first-child,
    .sb-default-table tbody tr td:nth-child(2) {
        width: 100%
    }
}

.sb-translation-table {
    margin-top: 20px
}

.sb-aboutus-heading {
    margin: 20px 0
}

.sb-team-avatar {
    background-image: linear-gradient(90deg, #0068a0, #0096cc);
    padding: 55px 0 50px;
    text-align: center
}

.sb-team-avatar img {
    max-width: 100%;
    width: 603px
}

.sb-team-info {
    display: flex;
    padding: 48px;
    text-align: left
}

.sb-team-info>div {
    min-width: 50%
}

.sb-team-info .sb-team-right {
    box-sizing: border-box;
    max-width: 365px;
    padding-left: 37px
}

.sb-team-left .sb-h3 {
    margin-top: 16px !important;
    padding-right: 5px
}

.sb-pluginlist-ctn {
    grid-column-gap: 15px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.sb-plugin-item {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 72px calc(100% - 72px);
    margin-bottom: 15px;
    padding: 20px 16px
}

.sb-plugin-item-icon img {
    max-width: 100%
}

.sb-recommended-pluginlist-ctn img {
    margin-left: 10px;
    margin-top: 5px;
    max-width: 40px
}

.sb-plugin-item-info {
    line-height: 18px
}

.sb-plugin-item-info strong {
    margin-bottom: 6px
}

.sb-plugin-item-actions button {
    border-radius: 2px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    padding: 0 30px
}

.sb-plugin-item-actions button:disabled {
    cursor: not-allowed
}

.sb-socialwall-item {
    box-sizing: border-box;
    display: flex;
    flex-basis: 100%;
    justify-content: center;
    margin-right: 0;
    overflow: hidden;
    padding: 40px 20px 40px 120px;
    position: relative
}

.sb-socialwall-item-icon {
    left: -40px;
    position: absolute;
    top: 0;
    width: 356px;
    z-index: 0
}

.sb-socialwall-item-icon img {
    max-width: 100%
}

.sb-support-heading .sb-support-search {
    margin-left: auto;
    width: 280px
}

.sb-support-heading .sb-support-search input {
    color: #141b38 !important;
    font-weight: 700
}

.sb-support-sections {
    grid-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 20px
}

.sb-support-item {
    border-radius: 2px;
    margin-bottom: 10px;
    padding: 22px 18px;
    position: relative
}

.sb-support-item-info {
    margin-bottom: 30px;
    margin-top: 20px
}

.sb-support-item-info>.sb-h4 {
    margin-bottom: 6px
}

.sb-support-item-links {
    display: flex;
    flex-direction: column;
    margin-bottom: 80px
}

.sb-support-item-link {
    display: block;
    line-height: 22px;
    padding: 13px 20px 13px 0;
    position: relative;
    text-decoration: none
}

.sb-support-item-link:not(:last-of-type) {
    border-bottom: 1px solid #e8e8eb
}

.sb-support-item-link:not(:last-of-type):after {
    background-color: #0068a0;
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: all .25s ease-in-out;
    width: 0
}

.sb-support-item-link:not(:last-of-type):hover:after {
    width: 100%
}

.sb-support-item-link:before {
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    content: "";
    height: 5px;
    position: absolute;
    right: 0;
    top: calc(50% - 2px);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 5px
}

.sb-support-item-button {
    bottom: 20px;
    left: 18px;
    position: absolute !important;
    right: 18px
}

.sb-support-team-ctn {
    border-radius: 2px;
    display: flex;
    padding: 20px 20px 23px
}

.support-team-icon-ctn {
    margin-right: 20px;
    padding-top: 10px
}

.sb-support-team-icon {
    align-items: center;
    background-color: #e8e8eb;
    border-radius: 50px;
    display: flex;
    height: 68px;
    justify-content: center;
    width: 68px
}

.support-team-info {
    padding-top: 10px
}

.support-team-info h3 {
    margin-bottom: 10px !important
}

.support-team-avatar {
    border-left: 1px solid #dcdde1;
    box-sizing: border-box;
    display: flex;
    flex-basis: 230px;
    flex-direction: column;
    float: right;
    padding-left: 32px;
    padding-top: 10px
}

.support-team-avatar img {
    max-width: 117px
}

.sb-support-system-section {
    padding: 12px 20px
}

.sb-support-system-top {
    align-items: center;
    display: flex
}

.sb-support-system-ctn {
    margin-top: 10px
}

.sb-support-system-top Button {
    margin-left: auto
}

.sb-support-system-content {
    background: #f9f9fa;
    border: 1px solid #e8e8eb;
    border-radius: 0;
    box-sizing: border-box;
    color: #141b38;
    font-family: Fira Code, monospace;
    font-size: 12px;
    height: 123px;
    line-height: 18px;
    margin-top: 10px;
    overflow: hidden;
    padding: 20px 28px;
    resize: none;
    word-break: break-all
}

.sb-support-system-expand {
    align-items: center;
    background: #fff;
    border: 1px solid #d0d1d7;
    border-radius: 2px;
    color: #141b38;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    justify-content: center;
    line-height: 19px;
    margin-top: -5px;
    padding: 8px 12px 8px 8px;
    transition: all .15s ease-in-out;
    z-index: 9
}

.sb-support-system-expand:hover {
    background: #f3f4f5;
    border: 1px solid #dcdde1
}

.sb-support-system-expand-icon {
    margin-right: 10px
}

.sb-support-system-content[data-expanded=true] {
    height: 600px;
    overflow-x: hidden;
    overflow-y: scroll
}

.sb-support-system-export {
    align-items: center;
    border-top: 1px solid #dcdde1;
    display: flex;
    justify-content: space-between;
    margin-top: 20px
}

.sb-support-system-export .sb-select-ctn {
    min-width: 250px
}

.sb-support-system-export strong {
    margin-bottom: 3px
}

.sb-fs {
    box-sizing: border-box;
    float: left;
    position: relative
}

.sb-feed-header-btn svg {
    width: 17px
}

.sb-feed-header-bottom>div {
    display: inline-block
}

.sb-feed-header[data-align=left] .sb-feed-header-average,
.sb-feed-header[data-align=right] .sb-feed-header-btn-ctn {
    float: left
}

.sb-feed-header[data-align=left] .sb-feed-header-btn-ctn,
.sb-feed-header[data-align=right] .sb-feed-header-average {
    float: right
}

.sb-feed-header[data-align=center] .sb-feed-header-bottom>div {
    display: flex;
    justify-content: center
}

.sb-feed-header-average {
    align-items: center;
    display: inline-flex !important
}

.sb-feed-header-rating-icons {
    display: inline-flex;
    justify-content: center;
    margin: 0 5px
}

.sb-feed-header-rating-icons svg {
    fill: currentColor;
    display: inline-flex;
    float: left;
    justify-content: center;
    margin: 0 2px;
    width: 18px
}

[data-layout=carousel] .sb-post-item-wrap,
[data-layout=grid] .sb-post-item-wrap,
[data-layout=list] .sb-post-item-wrap,
[data-layout=masonry] .sb-post-item-wrap {
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 100%
}

[data-layout=carousel] .sb-feed-posts .Carousel__RailWrapper-sc-hyhecw-1 {
    width: 100%
}

[data-post-style=regular][data-layout=list] .sb-post-item-wrap:last-of-type {
    border-bottom: 0 !important
}

.sb-grid-wrapper {
    display: grid
}

.sb-grid-wrapper[data-grid-columns="1"] {
    grid-template-columns: 1fr
}

.sb-grid-wrapper[data-grid-columns="2"] {
    grid-template-columns: 1fr 1fr
}

.sb-grid-wrapper[data-grid-columns="3"] {
    grid-template-columns: 1fr 1fr 1fr
}

.sb-grid-wrapper[data-grid-columns="4"] {
    grid-template-columns: 1fr 1fr 1fr 1fr
}

.sb-grid-wrapper[data-grid-columns="5"] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr
}

.sb-grid-wrapper[data-grid-columns="6"] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr
}

.sb-item-provider-icon {
    height: 24px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 24px
}

.sb-item-provider-icon svg {
    float: left;
    height: 24px;
    width: 24px
}

.sb-item-author-ctn {
    align-items: center;
    display: flex;
    float: left
}

.sb-item-author-img img {
    float: left
}

.sb-item-name-date span {
    display: block;
    width: 100%
}

.sb-item-rating-ctn {
    display: inline-flex
}

.sb-facbook-rating-notice {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    position: relative;
    position: absolute;
    right: -17px;
    top: 1px;
    z-index: 99999999999
}

.sb-facbook-rating-notice-icon {
    float: left;
    height: 14px;
    width: 14px
}

.sb-facbook-rating-notice svg {
    float: left
}

.sb-facbook-rating-notice .sb-tooltip {
    margin-top: -30px;
    padding: 8px 15px;
    width: 325px
}

.sb-item-rating {
    align-items: center;
    display: flex
}

.sb-collection-list-ins .sb-item-rating-icon {
    margin-left: -5px
}

.sb-item-rating-icon svg {
    fill: currentColor;
    float: left;
    margin: 0 2px
}

.sb-item-rating-icon-dimmed svg {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.sb-feed-item-icon-half {
    display: inline-block;
    position: relative
}

.sb-item-rating-icon-halfdimmed {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 50%
}

[data-icon-size=small] .sb-item-rating-icon svg {
    width: 16px
}

[data-icon-size=medium] .sb-item-author-img,
[data-icon-size=medium] .sb-item-author-img img {
    height: 56px;
    width: 56px
}

.sb-item-author-img {
    background-position: 50%;
    background-size: cover
}

.sb-load-button {
    height: auto
}

.sb-item-author-ctn,
.sb-item-author-date-ctn,
.sb-item-author-img,
.sb-item-name-date>span,
.sb-item-rating,
.sb-item-text {
    z-index: 1
}

.sb-item-text {
    word-wrap: break-word
}

[data-layout=carousel] .owl-nav button {
    background: #fff !important;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    color: #000 !important;
    display: inline-flex;
    height: 30px;
    left: 0;
    line-height: 99999;
    opacity: .7;
    overflow: hidden;
    position: absolute;
    top: calc(50% - 15px);
    transition: .2s;
    width: 30px
}

[data-layout=carousel] .owl-nav button:before {
    border-bottom: 2px solid;
    border-left: 2px solid;
    content: "";
    height: 8px;
    left: 11px;
    position: absolute;
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 8px
}

[data-layout=carousel] .owl-nav .owl-next {
    left: auto;
    right: 0
}

[data-layout=carousel] .owl-nav .owl-next:before {
    left: 7px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

[data-layout=carousel] .owl-nav button:hover {
    opacity: 1
}

.owl-nav button span {
    display: none !important
}

[data-layout=carousel] .owl-dots {
    padding-right: 4px;
    position: relative;
    text-align: center
}

[data-layout=carousel] .owl-dot {
    background: #e6e6eb !important;
    border-radius: 50px;
    display: inline-block;
    height: 10px;
    margin: 0 4px;
    width: 10px
}

[data-layout=carousel] .owl-dot.active {
    background: #d0d0d8 !important
}

.sb-item-author-img,
.sb-item-author-img img {
    border-radius: 50px;
    height: 56px;
    width: 56px
}

[class*=reviews-feed_page_sbr-setting] #wpcontent,
[class*=toplevel_page_sbr] #wpcontent {
    padding-left: 0
}

@media (max-width:960px) {
    .sb-customizer-header {
        width: calc(100% - 36px)
    }

    body.auto-fold .sb-creationprocess-actions {
        left: 36px;
        width: calc(100% - 36px)
    }

    .sb-collection-form-fs {
        left: 36px !important;
        width: calc(100% - 36px) !important
    }

    .sb-collection-form-content {
        width: 80% !important
    }

    .sb-dashboard-header,
    .sb-settings-section-content,
    .sb-settings-section-label {
        width: 100%
    }

    .sb-customizer-sidebar {
        float: left;
        left: 0;
        overflow: initial;
        padding-bottom: 0;
        position: relative;
        top: 66px;
        width: 100%;
        z-index: 1
    }

    .sb-customizer-preview {
        margin-top: 70px;
        padding: 0 10px;
        width: 100%
    }

    .sb-settings-section-ctn {
        padding: 15px
    }

    .sb-full-wrapper {
        padding: 32px 10px 0
    }

    .sb-dash-license-section {
        padding: 65px 10%
    }

    .sb-dash-license-section.sb-dash-license-centered-cards {
        padding: 65px 3%
    }

    .sb-modal-insider {
        left: 0;
        max-width: calc(100% - 50px)
    }

    .sb-upsell-modal-top {
        flex-direction: column;
        height: auto;
        padding-top: 50px
    }

    .sb-upsell-modal-content-list {
        grid-template-columns: 1fr
    }

    .sb-collections-ctn {
        grid-template-columns: 1fr 1fr !important
    }
}

@media (max-width:767px) {

    .sb-feedslist-tbody tr td:nth-child(3),
    .sb-feedslist-tbody tr td:nth-child(4),
    .sb-feedslist-thtf th:nth-child(3),
    .sb-feedslist-thtf th:nth-child(4),
    .sb-feedslist-thtf tr td:nth-child(3),
    .sb-feedslist-thtf tr td:nth-child(4) {
        display: none
    }

    .sb-customizer-header,
    .sb-dashboard-header,
    .sb-settings-section-content,
    .sb-settings-section-label {
        width: 100%
    }

    .sb-customizer-header .sb-header-content {
        display: block;
        min-height: 105px;
        padding: 8px 10px
    }

    .sb-customizer-header .sb-header-content>.sb-btn {
        float: left
    }

    .sb-customizer-header .sb-header-feedname-ctn {
        float: right;
        justify-content: flex-end
    }

    .sb-customizer-header .sb-header-action-btns {
        grid-column-gap: 10px;
        -webkit-column-gap: 10px;
        column-gap: 10px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin-top: 10px;
        width: 100%
    }

    .sb-customizer-header .sb-header-action-btns>button {
        margin-left: 0
    }

    .sb-customizer-sidebar {
        top: 105px
    }

    .sb-customizer-preview {
        margin-top: 105px
    }

    .sb-dash-license-info-cards {
        grid-template-columns: 1fr
    }

    .sb-dash-license-card {
        margin-bottom: 20px
    }

    .sb-creationprocess-actions {
        left: 0 !important;
        width: 100% !important
    }

    .sb-sources-list,
    .sb-templates-list {
        grid-template-columns: 1fr 1fr
    }

    .sb-collections-ctn {
        grid-template-columns: 1fr !important
    }

    .sb-collection-form-fs {
        left: 0 !important;
        width: 100% !important
    }

    .sb-collection-form-content {
        top: 46px !important;
        width: 95% !important
    }
}

.sb-reached-notice-limit-ctn {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0 32px 32px
}

.sb-settings-free-liceseerror-ctn {
    color: #d72c2c;
    color: var(--red-dflt)
}

.sb-bottom-footer-social-ctn {
    align-items: center;
    color: #818589;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 50px;
    margin-top: 80px
}

.sb-bottom-footer-description {
    color: #646970
}

.sb-bottom-footer-description svg {
    fill: currentColor;
    display: inline-block;
    margin: 0 5px;
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.sb-bottom-footer-links {
    -webkit-column-gap: 30px;
    column-gap: 30px;
    display: flex;
    margin-bottom: 15px;
    margin-top: 10px
}

.sb-bottom-footer-links a {
    display: inline-block;
    position: relative
}

.sb-bottom-footer-links a:after {
    color: #818589;
    content: "/";
    position: absolute;
    right: -15px
}

.sb-bottom-footer-links a:last-of-type:after {
    content: ""
}

.sb-bottom-footer-sociallinks {
    align-items: center;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    display: flex
}

.sb-bottom-footer-sociallinks svg {
    fill: #818589;
    float: left
}

.sb-collections-ctn {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 20px
}

.sb-collection-item {
    align-items: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
    box-sizing: border-box;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    flex-basis: 0;
    justify-content: flex-start;
    padding: 20px 15px;
    position: relative
}

.sb-collection-item-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 38px
}

.sb-collection-item-info {
    align-items: center;
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 130px;
}

.sb-collection-item-name {
    font-weight: 600 !important;
    line-height: 1em;
    margin-top: 3px
}

.sb-collection-item-text {
    display: flex;
    flex-direction: column
}

.sb-collection-item-actions {
    margin-left: auto;
    opacity: 0
}

.sb-collection-item:hover .sb-collection-item-actions {
    opacity: 1
}

.sb-scollection-heading-back,
.sb-scollection-heading-ctn,
.sb-scollection-top {
    display: flex
}

.sb-scollection-heading[data-active=false] {
    align-items: center;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    padding-left: 10px;
    position: relative;
    transition: all .2s ease-in-out
}

.sb-scollection-heading[data-active=false]>* {
    position: relative;
    z-index: 2
}

.sb-scollection-heading-edit-btn {
    background: #e6e6eb;
    border-radius: 25px
}

.sb-scollection-heading[data-active=false]:before {
    background: #e6e6eb;
    border-radius: 8px;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease-in-out;
    width: 0;
    z-index: 1
}

.sb-scollection-heading[data-active=false]:hover:before {
    width: 100%
}

.sb-scollection-top {
    align-items: center;
    border-bottom: 1px solid #ced0d9;
    padding-bottom: 30px
}

.sb-scollection-heading-back {
    align-items: center;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    cursor: pointer
}

.sb-scollection-heading-ctn {
    flex-direction: column;
    row-gap: 5px
}

.sb-scollection-top-actions {
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: inline-flex;
    margin-left: auto
}
.sb-scollection-dp-actions{
    position: relative;
}
.sb-scollection-act-drpdown{
    width: 230px;
    position: absolute;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    z-index: 8;
    box-shadow: 0px 4px 11px 0px #00000026, 0px 1px 2px 0px #00000021;
    right: 0;
    margin-top: 6px;
    border-radius: 5px;
}
.sb-sbcoll-connected-dp{
    box-shadow: 0px 4px 11px 0px #0000000a, 0px 1px 2px 0px #00000021;
    width: 325px;
    position: absolute;
    background: #fff;
    z-index: 8;
    border-radius: 3px;
    padding: 20px 15px;
}
.sb-scollection-act-item{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 15px 20px;
    cursor: pointer;
    transition: all .2s ease-in-out;
}
.sb-scollection-act-item:hover {
    background-color: #fafafa;
}
.sb-scollection-act-item:first-of-type {
    border-bottom: 1px solid #eee;
}
.sb-scollection-act-item svg {
    margin-top: 4px;
}
.sb-scollection-act-item strong{
    font-size: 14px;
}
.sb-scollection-act-item span {
    color: #696D80;
}
.sb-scollection-act-item > div{
    display: flex;
    column-gap: 15px;
}
.sb-sbcoll-connected-link{
    font-size: 14px;
    display: flex;
    align-items: center;
    column-gap: 7px;
    margin-left: 12px;
    margin-top: 5px;
    cursor: pointer;
    text-decoration: dotted;
    color: #333;
    font-weight: 500;
    line-height: 1em;
}
.sb-sbcoll-connected-dp{
    width: 315px;
    position: absolute;
    background: #fff;
    z-index: 8;
    border-radius: 3px;
    padding: 17px 20px;
    left: -85px;
    margin-top: 30px;
    box-shadow: 0px 4px 11px 0px #0000000a, 0px 1px 2px 0px #00000021;
    color: #141B38;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
}
.sb-sbcoll-connected-dp:before{
    content: '';
    width: 20px;
    height: 20px;
    background: #fff;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    z-index: 1;
    top: -10px;
    position: absolute;
}
.sb-sbcoll-connected-dp-txt{
    padding-bottom: 8px;
    font-size: 14px;
    line-height: 1.4em;
}
.sb-sbcoll-connected-dp-txt span{
    display: inline-block;
    margin-left: 4px;
    cursor: pointer;
    text-decoration: underline;
}
.sb-sbcoll-connected-item{
    cursor: pointer;
    display: flex;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    column-gap: 12px;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    transition: all .1s ease-in-out;
}
.sb-sbcoll-connected-item:last-of-type{
    border-bottom: 0px;
}
.sbcoll-connected-show{
    position: relative;
    float: left;
}
.sbcoll-connected-show:hover .sb-sbcoll-connected-dp {
    opacity: 1;
    visibility: visible;
    margin-top: 20px;
}
.sb-collection-form-fs {
    background: rgba(1, 1, 1, .3);
    bottom: 0;
    height: 100vh;
    left: 160px;
    position: fixed;
    right: 0;
    top: 32px;
    width: calc(100% - 160px);
    z-index: 99
}

body.folded .sb-collection-form-fs {
    left: 36px;
    width: calc(100% - 36px)
}

.sb-collection-form-content {
    background-color: #fff;
    float: right;
    height: 100vh;
    overflow: auto;
    width: 50%
}

.sb-collection-form-top {
    align-items: center;
    border-bottom: 1px solid #eee;
    display: flex;
    padding: 15px 25px
}

.sb-collection-form-button {
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    margin-left: auto
}

.sb-collection-form-heading {
    align-items: center;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    cursor: pointer;
    display: flex
}

.sb-collection-form-bottom {
    padding: 30px 0
}

.sb-collection-pad {
    padding: 0 25px
}

.sb-collection-splash-add-btn {
    align-items: center;
    background-color: #f7fdff;
    border: 1px solid #d1e4ed;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 20px
}

.sb-collection-splash-add-icon {
    align-items: center;
    background-color: #e2f5ff;
    border-radius: 50px;
    color: #0096cc;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.sb-collection-splash-btn-txt {
    color: #0068a0;
    display: flex;
    flex-direction: column;
    row-gap: 5px
}

.sb-collection-existing-sources-list {
    border-top: 1px dashed #d6d6d6;
    margin-top: 40px;
    padding: 30px 0
}

.sb-collection-sr-hd {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    row-gap: 5px
}

.sb-collection-sr-list {
    grid-row-gap: 6px;
    grid-template-columns: 1fr 1fr;
    row-gap: 6px
}

.sb-collection-form-row,
.sb-collection-sr-list {
    grid-column-gap: 10px;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: grid
}

.sb-collection-form-row {
    grid-row-gap: 10px;
    float: left;
    grid-template-columns: 1fr;
    margin-bottom: 20px;
    position: relative;
    row-gap: 10px;
    width: 100%
}

.sb-collection-form-row[data-rows="2"] {
    grid-template-columns: 1fr 1fr
}

.sb-cl-form-img-ctn {
    align-items: center;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: flex
}

.sb-cl-form-img {
    background-color: #f5f5f5;
    border-radius: 50px;
    height: 56px;
    width: 56px
}

.sb-cl-form-img img {
    border-radius: inherit;
    height: inherit;
    width: inherit
}

.sb-collection-form-row select {
    text-transform: capitalize
}

.sb-collection-form-imgs>div {
    border-radius: 8px;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: 92px;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    width: 92px
}

.sb-collection-form-im-chooser {
    align-items: center;
    background-color: #f9f9fa;
    border: 1px dashed #ced0d9;
    color: #696d80;
    display: flex;
    justify-content: center
}

.sb-collection-form-im {
    background-color: #f9f9fa;
    background-position: 50%;
    background-size: cover
}

.sb-collection-form-im-delete {
    align-items: center;
    background-color: #f8d7d7;
    border-radius: 50px;
    color: #af2121;
    cursor: pointer;
    display: flex;
    height: 32px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    right: -12px;
    top: -12px;
    -webkit-transform: scale(.7);
    transform: scale(.7);
    width: 32px
}

.sb-collection-form-im:hover .sb-collection-form-im-delete {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.sb-collections-empty-insider {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 50px;
    row-gap: 45px;
    text-align: center
}

.sb-collections-empty-text p {
    margin-top: 10px;
    padding: 0 17%
}

.sb-single-collection-empty {
    display: grid;
    grid-template-columns: 40% 45%;
    padding-top: 50px
}

.sb-single-collection-empty[data-ismodal=true] {
    grid-template-columns: 47% 45%;
    margin-top: 50px
}

[data-type=collections-info] .sb-modal-insider {
    background: #f3f4f5
}

[data-type=collections-info] .sb-single-collection-empty-works {
    padding: 0 30px 40px
}

.sb-collections-inf-modal-top {
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    display: flex;
    left: 0;
    padding: 12px 30px 8px;
    position: absolute;
    top: 0
}

.sb-collections-inf-modal-bottom {
    background-color: #fff;
    display: flex;
    justify-content: flex-end;
    padding: 20px 30px
}

.sb-single-collection-empty-text,
.sb-single-collection-icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.sb-single-collection-empty-text {
    flex-direction: column;
    row-gap: 10px
}

.sb-scollection-headinp {
    align-items: center;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    justify-content: center
}

.sb-moderation-pagination>strong {
    text-wrap: nowrap
}

.sb-collection-rev-actions {
    margin-top: 22px
}

.sb-collection-list-ins .sb-item-provider-icon {
    right: 12px;
    top: 17px
}

.sb-collection-form-notice {
    margin-bottom: 25px
}

.sb-single-collection-utm-btns {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    row-gap: 15px
}

.sb-upgradecollection-lite-banner-btn {
    color: #995c00;
    cursor: pointer
}

.sb-upgradecollection-lite-banner-btn strong {
    font-size: 16px;
    margin-bottom: 5px
}

.sb-upgradecollection-lite-banner-btn span {
    font-size: 14px
}

.sb-upgradecollection-lite-banner-btn .sb-notice-icon {
    margin-right: 16px;
    margin-top: 5px
}

.sb-sourceform-center {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 30px
}

.sb-collection-h4 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    margin: 0;
    row-gap: 4px
}

.sb-collection-h4 strong {
    align-items: center;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    cursor: pointer;
    display: flex;
    font-size: 18px
}

.sb-collection-h4>span {
    font-size: 12px;
    margin-left: 17px;
    text-transform: capitalize
}

.sb-sourceform-rev-list {
    margin-top: -31px;
    padding-bottom: 2px
}

.sb-sourceform-rev-list .sb-moderation-list-ctn {
    margin-top: 0
}

.sb-sourceform-rev-selected {
    background: #f7fdff;
    border-top: 1px solid #d1e4ed40;
    color: #0068a0;
    font-size: 12px;
    padding: 10px 20px
}

.sb-sourceform-rev-list-load,
.sb-sourceform-rev-selected {
    align-items: center;
    display: flex;
    font-weight: 600;
    justify-content: center
}

.sb-sourceform-rev-list-load {
    background-color: #0096cc;
    background-color: var(--customizer-blue);
    color: #fff;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    cursor: pointer;
    font-size: 13px;
    padding: 15px 20px
}

.sb-sourceform-rev-list-load svg path {
    fill: currentColor
}

.sb-single-collection-empty-works {
    margin-top: 70px
}

.sb-single-collection-steps {
    grid-column-gap: 1.3%;
    grid-row-gap: 15px;
    -webkit-column-gap: 1.3%;
    column-gap: 1.3%;
    display: grid;
    grid-template-columns: 32% 32% 32%;
    margin-bottom: 25px;
    margin-top: 20px;
    row-gap: 15px
}

.sb-single-collection-step-item {
    align-items: flex-start;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 5px 0 #0000000d, 0 1px 2px 0 #0000000d;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 30px 20px;
    row-gap: 15px
}

.sb-single-collection-step-item-text strong {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px
}

.sb-cl-form-stars-ctn svg {
    fill: #ffb000
}

.sb-cl-form-stars-ctn .sb-item-rating-icon-dimmed svg {
    fill: #ccc
}

.sb-item-collection-star {
    cursor: pointer
}

.sb-coll-clear-search-btn {
    border-radius: 25px;
    font-size: 10px;
    height: 27px;
    padding: 0 13px;
    position: absolute;
    right: 7px;
    top: 6px
}

.sb-sourceform-rev-list .sb-input-insider {
    background: #fafafa;
    border: 0 !important;
    border-radius: 0 !important;
    border-top: 1px solid #eee !important
}

.sb-sourceform-rev-list .sb-moderation-rev-item {
    background: #fff
}

.sb-sourceform-rev-list .sb-moderation-rev-item:nth-of-type(2n) {
    background: #f9f9fa
}

.sb-source-coll-no-rev {
    padding: 25px
}

.sb-createcollection-modal-heading {
    padding: 10px 20px
}

.sb-createcollection-modal .sb-embedfeed-modal-actbtns {
    padding: 16px 20px !important
}

.sb-createcollection-form {
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
    margin-bottom: 0;
    padding: 20px 20px 35px
}

.sb-collection-form-bottom-actions {
    display: flex;
    justify-content: flex-end;
    padding: 0 25px 30px
}

.sb-support-tempuser-ctn {
    display: grid;
    grid-template-columns: 55% 45%;
    margin-top: 28px;
    padding: 20px 20px 23px
}

.sb-tempuser-left {
    display: grid;
    grid-template-columns: 85%
}

.sb-tempuser-right {
    align-items: center;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    justify-content: flex-end
}

.sb-templogin-settings-section {
    display: block
}

.sb-tempuser-list {
    border-collapse: collapse;
    width: 100%
}

.sb-tempuser-list tr:first-of-type {
    background: linear-gradient(0deg, #f9f9fa, #f9f9fa), linear-gradient(0deg, #e6e6eb, #e6e6eb);
    border-bottom: 1px solid #e6e6eb;
    color: #696d80
}

.sb-tempuser-list tr {
    text-align: left
}

.sb-tempuser-list tr th {
    border-bottom: 1px solid #e6e6eb;
    padding: 5px 10px
}

.sb-tempuser-list tr td {
    padding: 15px 10px
}

.sb-tempuser-list .sb-tempuser-link {
    display: block;
    font-size: 11px;
    max-width: 396px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sb-tempuser-list .sb-tempuser-expires {
    color: green;
    font-weight: 600
}

.sb-tempuser-btns {
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    justify-content: flex-end
}

.sb-learnmore-stool-heading {
    padding: 15px 20px
}

.sb-learnmore-stool-center {
    background: #bfe8ff;
    padding: 60px 40px
}

.sb-learnmore-stool-center,
.sb-learnmore-stool-icon {
    align-items: center;
    display: flex;
    justify-content: center
}

.sb-learnmore-stool-icon {
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0 4px 5px 0 #0000000d, 0 1px 2px 0 #0000000d;
    height: 80px;
    width: 80px
}

.sb-learnmore-stool-icon svg {
    float: left
}

.sb-learnmore-stool-item {
    align-items: flex-start;
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    padding: 20px 25px
}

.sb-learnmore-stool-item-num {
    align-items: center;
    background: #f3f4f5;
    border-radius: 24px;
    color: #141b38;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    font-weight: 600;
    height: 28px;
    justify-content: center;
    width: 28px
}

.sb-learnmore-stool-item-text strong {
    margin-top: 2px
}

.sb-learnmore-stool-bottom {
    border-top: 1px solid #eee;
    display: flex;
    justify-content: flex-end;
    padding: 25px
}

.sb-coll-link {
    align-items: center;
    -webkit-column-gap: 6px;
    column-gap: 6px;
    cursor: pointer;
    display: inline-flex;
    margin-left: 5px
}

.sb-coll-link svg path {
    fill: currentColor
}

.sb-collection-srmodal-ctn {
    padding: 0 32px
}

.sb-collection-srmodal-ins {
    background: #f7fdff;
    border: 1px solid #d6f4ff;
    border-radius: 9px;
    color: #0068a0;
    display: flex;
    margin-bottom: 25px;
    margin-top: -20px;
    padding: 21px 25px
}

.sb-collection-srmodal-text {
    padding: 0 15px
}

.sb-collection-srmodal-ins strong {
    color: #005b8c;
    font-size: 15px
}

.sb-collection-srmodal-ins p {
    font-size: 14px;
    margin: 6px 0 0
}

.sb-redirecting-modal-ctn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 50px 10%;
    text-align: center
}

.sb-redirecting-modal-icon-anim>div {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: sb-redirecting-animation;
    animation-name: sb-redirecting-animation;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    background: #b5e5ff;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    margin: 5px;
    width: 20px
}

.sb-redirecting-modal-icon-anim {
    margin-bottom: 30px
}

.sb-redirecting-modal-text {
    margin-bottom: 20px
}

@-webkit-keyframes sb-redirecting-animation {
    0% {
        background: #0096cc
    }

    to {
        background: #b5e5ff
    }
}

@keyframes sb-redirecting-animation {
    0% {
        background: #0096cc
    }

    to {
        background: #b5e5ff
    }
}

.sb-load-source-number {
    display: flex;
    font-size: 15px;
    justify-content: flex-end;
    padding-bottom: 15px;
    padding-top: 0
}

.sb-fetch-modal-icon {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 20px
}

.sb-form-subm-highlight-ctn {
    background: #f7fdff;
    border: 1px solid #bfe8ff;
    -webkit-column-gap: 30px;
    column-gap: 30px;
    display: flex;
    justify-content: flex-start;
    margin-top: 20px;
    padding: 20px
}

.sb-form-subm-text {
    color: #004063;
    display: flex;
    flex-direction: column;
    row-gap: 5px
}

.sb-form-subm-text strong {
    font-size: 15px
}

.sb-form-subm-text span {
    font-size: 13px;
    line-height: 1.8em;
    opacity: .7
}

.sb-form-subm-actions button {
    font-size: 12px
}

.sb-submform-empty-ctn {
    background: #fff;
    border: 1px solid #e6e6eb;
    border-radius: 5px;
    margin-top: 30px;
    padding: 55px 10%
}

.sb-submform-empty-ctn,
.sb-submform-empty-insider {
    align-items: center;
    display: flex;
    justify-content: center
}

.sb-submform-empty-insider {
    flex-direction: column;
    line-height: 1.9em;
    max-width: 100%;
    row-gap: 30px;
    text-align: center;
    width: 450px
}

.sb-submform-empty-icons {
    text-align: center;
    display:flex;
}

.sb-submform-sicon {
    align-items: center;
    background-color: #fff;
    border: 1px solid #fafafa;
    border-radius: 50px;
    box-shadow: 0 8px 10px 0 #0000000d, 0 -1px 4px 0 #0000000d;
    display: inline-flex;
    height: 65px;
    justify-content: center;
    position: relative;
    width: 65px;
    z-index: 2;
    margin-left: -22px;
}

.sb-submform-sicon:first-of-type {
    margin-left: -10px;
    z-index: 4
}
.sb-submform-sicon:last-of-type {
    z-index: 1
}

.sb-form-subm-connect-inps,
.sb-form-subm-half-row-icon,
.sb-form-subm-half-row-text,
.sb-submform-empty-text {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 15px
}

.sb-form-subm-half-row-icon {
    background: #f3f4f5;
    border-radius: 50px;
    flex-grow: 0;
    flex-shrink: 0;
    height: 80px;
    width: 80px
}

.sb-submform-empty-text strong {
    font-size: 20px;
    padding: 0 10%
}

.sb-submform-empty-text span {
    font-size: 15px
}

.sb-submform-empty-actions {
    -webkit-column-gap: 20px;
    column-gap: 20px;
    display: flex
}

.sb-form-subm-half-row strong {
    font-size: 14px
}

.sb-form-subm-half-row span {
    color: #696d80
}

.sb-form-subm-half-row-btns button span,
.sb-form-subm-half-row-btns button svg {
    color: #0068a0;
    color: var(--blue-dflt)
}

.sb-form-subm-half-row {
    -webkit-column-gap: 50px;
    column-gap: 50px;
    display: flex
}

.sb-form-subm-half-row-text {
    align-items: flex-start;
    row-gap: 5px
}

.sb-form-subm-half-row-text svg {
    margin-right: 5px
}

.sb-form-subm-connect-inps {
    row-gap: 25px
}

.sb-subform-modal-heading {
    padding: 14px 32px !important
}

.sb-form-subm-half-install {
    padding: 40px 60px !important
}

.sb-form-subm-half-install .sb-form-subm-half-row strong {
    font-size: 18px;
    margin-bottom: 10px
}

.sb-form-subm-half-install .sb-form-subm-half-row span {
    font-size: 15px;
    line-height: 1.7em
}

.sb-formsub-top-links {
    margin-top: 20px
}

.sb-formsub-top-link-item {
    color: #696d80;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    padding: 15px;
    position: relative;
    transition: all .2s ease-in-out
}

.sb-formsub-top-link-item[data-active=true]:after {
    background: #0068a0;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

.sb-formsub-top-link-item:hover,
.sb-formsub-top-link-item[data-active=true] {
    color: #1b1c1d
}

.sb-sbform-subm-top {
    align-items: flex-start;
    flex-direction: column;
    padding-bottom: 0
}

.sb-formsub-empty {
    padding: 80px 150px
}

.sb-formsub-empty-content {
    row-gap: 40px;
    text-align: center
}

.sb-formsub-empty-content,
.sb-formsub-empty-icon,
.sb-formsub-empty-txt {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.sb-formsub-empty-icon,
.sb-formsub-empty-txt {
    row-gap: 15px
}

.sb-formsub-empty-icon {
    background: #e6e6eb;
    border-radius: 50%;
    color: #696d80;
    height: 112px;
    width: 112px
}

.sb-formsub-empty-txt strong {
    font-size: 20px
}

.sb-formsub-empty-txt {
    font-size: 15px;
    line-height: 1.7em;
    padding: 0 25%
}

.sb-submformset-forms-section {
    background-color: #fff;
    box-shadow: 0 4px 5px 0 #0000000d, 0 1px 2px 0 #0000000d;
    margin-top: 15px
}

.sb-submformset-top {
    align-items: flex-start;
    display: flex;
    padding: 20px
}

.sb-submformset-top-txt {
    display: flex;
    flex-direction: column;
    row-gap: 5px
}

.sb-submformset-top-txt strong {
    font-size: 18px
}

.sb-submformset-top-txt span {
    font-size: 14px;
    line-height: 1.7em;
    opacity: .6
}

.sb-submformset-top-act {
    margin-left: auto
}

.sb-submformset-forms-list {
    border-collapse: collapse;
    width: 100%
}

.sb-submformset-forms-list tr:nth-child(odd) {
    background: #f3f4f5
}

.sb-submformset-forms-list tr td {
    padding: 15px;
    position: relative
}

.sb-submformset-form-name>div {
    align-items: center;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    display: flex;
    font-size: 15px
}

.sb-submformset-form-type {
    opacity: .7
}

.sb-submformset-form-actions .sb-feed-item-btns {
    float: right
}

.sb-submformset-rules-ctn {
    grid-column-gap: 15px;
    grid-row-gap: 25px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 40px;
    padding: 0 20px;
    row-gap: 25px
}

.sb-submformset-rules-item {
    background: #f9f9fa;
    border: 1px solid #e6e6eb;
    border-radius: 5px;
    display: flex;
    flex-direction: column
}

.sb-submformset-rules-item .sb-submformset-top {
    border-bottom: 1px solid #e6e6eb;
    padding: 15px
}

.sb-submformset-rules-item .sb-submformset-top-txt strong {
    font-size: 15px
}

.sb-submformset-rules-item .sb-submformset-top-txt span {
    font-size: 13px
}

.sb-submformset-rules-item-form {
    padding: 20px 15px
}

.sb-submformset-rules-row {
    align-items: center;
    border-bottom: 1px solid #e6e6eb;
    -webkit-column-gap: 20px;
    column-gap: 20px;
    display: flex;
    padding: 10px 0
}

.sb-submformset-rules-row:last-of-type {
    border-bottom: 0
}

.sb-submformset-rule-delete {
    color: #d72c2c;
    color: var(--red-dflt);
    cursor: pointer;
    margin-left: auto
}

.sb-submformset-rules-row>strong {
    font-size: 12px;
    opacity: .7
}

.sb-submformset-rule-inps {
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    row-gap: 10px
}

.sb-formsub-ctn .sb-feed-item-btns,
.sb-formsub-ctn .sb-moderation-rev-item-info,
.sb-formsub-ctn .sb-moderation-rev-txt {
    display: flex
}

.sb-formsub-ctn .sb-moderation-rev-item-info {
    -webkit-column-gap: 20px;
    column-gap: 20px
}

.sb-formsub-ctn .sb-moderation-rev-txt {
    flex-direction: column;
    row-gap: 3px
}

.sb-formsub-ctn .sb-collection-rev-actions {
    margin-top: 0
}

.sb-submformset-rule-inps {
    padding-right: 10px;
    width: 100%
}

.sb-formsub-load {
    margin-top: 10px
}

.sb-moderation-list-head>button {
    margin-left: auto
}

.moderation-list-head-left {
    align-items: center;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    display: flex
}

.sb-submissions-top-actions {
    align-items: center;
    display: flex;
    padding-top: 20px
}

.sb-submissions-pagination,
.sb-submissions-top-bulk {
    -webkit-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    justify-content: center
}

.sb-submissions-pagination {
    align-items: center;
    margin-left: auto
}

.sb-submissions-pagination span {
    font-size: 12px !important
}

.sb-submissions-pagination .sb-btn-secondary.sb-btn-small {
    height: 28px;
    width: 28px
}

/*
    Reviews Feed V2
*/
.sb-modal-message{
    row-gap: 20px;
    text-align: center;
    padding: 40px 15%;
    row-gap: 20px;
}
.sb-modal-msg-content{
    row-gap: 10px;
}
.sb-modal-msg-btns{
    column-gap: 15px;
}
.sb-modal-m-icon{
    height: 68px;
    width: 68px;
    border-radius: 50px;
}
.sb-modal-m-icon[data-type="style1"] {
    color: #0068A0;
    background-color: #F3F4F5;
}
.sb-modal-m-icon[data-type="style2"] {
    color: #59AB46;
    background-color: #E6F4E3;
}

.sb-modal-m-icon[data-type="style3"] {
    background-color: #fff;
    border: 1px solid #E6E6EB;
}
.sb-modal-msg-icon[data-type="pr-icons"]{
    flex-direction: row;
    align-items: flex-end;
}
.sb-modal-msg-icon[data-type="pr-icons"] > div:not(:first-of-type){
    margin-left: -15px;
    z-index: 2;
}

.sb-modal-m-num{
    width: 26px;
    height: 26px;
    color: #fff;
    border-radius: 50px;
    background-color: #696D80;
    font-weight: 800;
    font-size: 13px;
}
.sb-modal-message[data-style="fixed-elements"]{
    padding: 0px;
}
.sb-modal-message[data-style="fixed-elements"] .sb-modal-msg-content{
    padding: 0px 15%;
}
.sb-modal-message[data-style="fixed-elements"] .sb-modal-msg-btns{
    border-top: 1px solid #eee;
    padding: 15px 25px;
    justify-content: flex-end;
    margin-top: 35px;
}
.sb-modal-message[data-style="fixed-elements"] .sb-modal-msg-heading {
    border-bottom: 1px solid #eee;
    padding: 15px 25px;
    justify-content: flex-start;
    margin-bottom: 35px;
    flex-direction: column;
    text-align: left;
}
.sb-modal-message[data-style="fixed-elements"][data-screen="addapikey"] .sb-modal-msg-heading {
    margin-bottom: 15px;
}
.sb-modal-msg-api-keys{
    flex-direction: column;
    padding: 0px 25px;
    row-gap: 20px;
    padding-bottom: 30px;
}

.sb-modal-provider-row{
    border: 1px solid #E6E6EB;
    border-radius: 5px;
    flex-direction: column;
}
.sb-modal-provider-error{
    padding-top: 15px;
    color: var(--red-dflt);
}
.sb-modal-provider-add-in,
.sb-modal-provider-link,
.sb-modal-provider-success{
    flex-direction: column;
    column-gap: 10px;
}
.sb-modal-provider-ch{
    align-items: flex-start;
    padding: 10px 20px;
    column-gap: 10px;
}
.sb-modal-provider-add-in{
    padding: 0 20px;
    margin-top: 10px;
}

.sb-modal-provider-link{
    border-top: 1px solid #E6E6EB;
    color: #0068A0;
    background: #F9F9FA;
    font-size: 13px;
    font-weight: 600;
    padding: 15px 0px;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    margin-top: 20px;
}
.sb-modal-provider-link a,
.sb-modal-provider-link a:focus{
    text-decoration: none;
    outline: none;
}
.sb-modal-provider-success{
    padding: 50px 40px;
    font-size: 18px;
    background: #F9F9FA;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.sb-modal-success-icon{
    width: 25px;
    height: 25px;
    color: #fff;
    background: #59AB46;
    border-radius: 50px;
}
.sb-modal-provider-input{
    column-gap: 10px;
}
.sb-support-error-top{
    display: inline-flex;
    column-gap: 10px;
    margin-left: auto;
}

.sb-support-errors-list .sb-feedslist-table{
    border: 1px solid #e1e1e1;
    margin: 25px 0px;
    box-shadow: unset;
    font-size: 12px;
}
.sb-support-errors-list .sb-feedslist-table .sb-feedslist-thtf th{
    font-weight: 600;
}
.sb-error-code{
     display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    padding: 3px 4px;
    border-radius: 15px;
    font-size: 10px;
    color: #FF9800;
    background-color: #ffeb3b3d;
}
.sb-error-code[data-code="404"]{
    color: #d72c2c;
    background-color: #d72c2c2e;
}
.sb-error-code[data-code="403"] {
    color: #289fe0;
    background-color: #4fb9f233;
}
.sb-err-details{
    padding-left: 10px;
    padding-right: 40px;
}
.sbr-media-list{
    display: flex;
    column-gap: 10px;
    row-gap: 10px;
}
.sbr-media-item{
    width: 50px;
    height: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.sb-api-item-new-notice{
    font-size: 10px!important;
    background: #11a6dc!important;
    height: 25px!important;
    line-height: 25px!important;
    margin-left: 10px!important;
    border-radius: 50px!important;
    cursor: default!important;
}