.shopcred-dashboard-page .cx-vui-button {
    font-size: 14px;
    font-weight: 400;
    background-color: transparent
}

.shopcred-dashboard-page .cx-vui-button:hover {
    background-color: transparent
}

.shopcred-dashboard-page .cx-vui-button .cx-vui-button__content>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shopcred-dashboard-page .cx-vui-button .cx-vui-button__content .button-icon {
    margin-right: 5px
}

.shopcred-dashboard-page .cx-vui-button .cx-vui-button__content .button-dropdown-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px
}

.shopcred-dashboard-page .cx-vui-button .cx-vui-button__content .button-dropdown-icon svg {
    margin: 0
}

.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-default {
    color: #007cba;
    -webkit-box-shadow: inset 0 0 0 1px #E0E0E0;
    box-shadow: inset 0 0 0 1px #E0E0E0
}

.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-default:hover {
    background-color: rgba(224, 224, 224, 0.3)
}

.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-default .cx-vui-button__loader svg,
.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-default .cx-vui-button__loader path {
    fill: #007cba
}

.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-default .button-icon,
.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-default path {
    fill: #007cba
}

.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-accent {
    color: #007cba;
    -webkit-box-shadow: inset 0 0 0 1px #007cba;
    box-shadow: inset 0 0 0 1px #007cba
}

.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-accent:hover {
    background-color: rgba(0, 124, 186, 0.07)
}

.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-accent .cx-vui-button__loader svg,
.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-accent .cx-vui-button__loader path {
    fill: #007cba
}

.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-accent .button-icon,
.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-accent path {
    fill: #007cba
}

.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-danger {
    color: #D6336C;
    -webkit-box-shadow: inset 0 0 0 1px #D6336C;
    box-shadow: inset 0 0 0 1px #D6336C
}

.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-danger:hover {
    background-color: rgba(214, 51, 108, 0.07)
}

.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-danger .cx-vui-button__loader svg,
.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-danger .cx-vui-button__loader path {
    fill: #D6336C
}

.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-danger .button-icon,
.shopcred-dashboard-page .cx-vui-button.cx-vui-button--style-danger path {
    fill: #D6336C
}

.shopcred-dashboard-page__banners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

.shopcred-dashboard-page__banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 20px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #23282D;
    overflow: hidden;
    min-width: 300px;
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.shopcred-dashboard-page__banner .banner-frame {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.shopcred-dashboard-page__banner .banner-inner {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.shopcred-dashboard-page__banner .banner-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-transform: capitalize;
    margin-bottom: 38px
}

.shopcred-dashboard-page__banner .banner-title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px
}

.shopcred-dashboard-page__banner .banner-content {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px
}

.shopcred-dashboard-page__banner .banner-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.shopcred-dashboard-page__banner .banner-buttons .cx-vui-button {
    margin-right: 10px
}

.shopcred-dashboard-page__banner .banner-buttons .cx-vui-button:last-child {
    margin-right: 0
}

.shopcred-dashboard-page__banner.col-4-4 {
    width: 100%
}

.shopcred-dashboard-page__banner.col-4-3 {
    width: 75%
}

.shopcred-dashboard-page__banner.col-4-2 {
    width: 50%
}

.shopcred-dashboard-page__banner.col-4-1 {
    width: 25%
}

.shopcred-dashboard-page__banner.premade-preset .banner-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 15px 10px 15px 10px;
}

.shopcred-dashboard-page__banner.light-1-preset {
    background-color: white
}

.shopcred-dashboard-page__banner.light-1-preset .banner-label {
    color: #BB97FF
}

.shopcred-dashboard-page__banner.light-1-preset .banner-content {
    color: #7B7E81
}

.shopcred-dashboard-page__banner.light-2-preset {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);

}

.shopcred-dashboard-page__banner.light-2-preset .banner-label {
    color: #000000;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    line-height: 1.2;
    margin: 0 0 10px 0;
    font-weight: 500;
    letter-spacing: -0.04em;
}

.shopcred-dashboard-page__banner.light-2-preset .banner-content {
    color: #7B7E81;
}

.shopcred-dashboard-page__banner.light-3-preset {
    background-color: white;
}

.shopcred-dashboard-page__banner.light-3-preset:before {
    display: block;
    position: absolute;
    width: 152px;
    height: 152px;
    top: -50px;
    right: -30px;
    background-color: #F6F9FE;
    content: '';
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
}

.shopcred-dashboard-page__banner.light-3-preset:after {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("../images/youtube-icons.svg");
    -webkit-background-size: 120px 120px;
    background-size: 120px;
    background-position: calc(100% - 5px) -20px;
    background-repeat: no-repeat;
    content: '';
    z-index: 2
}

.shopcred-dashboard-page__banner.light-3-preset .banner-inner {
    position: relative;
    z-index: 3
}

.shopcred-dashboard-page__banner.light-3-preset .banner-label {
    color: #26E8A8
}

.shopcred-dashboard-page__banner.light-3-preset .banner-content {
    color: #7B7E81
}

.shopcred-dashboard-page__banner.light-4-preset {
    background-color: white
}

.shopcred-dashboard-page__banner.light-4-preset:before {
    display: block;
    position: absolute;
    width: 152px;
    height: 152px;
    top: -50px;
    right: -30px;
    background-color: #F6F9FE;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: '';
    z-index: 1
}

.shopcred-dashboard-page__banner.light-4-preset:after {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("../images/elementor-wordpress-icon.svg");
    -webkit-background-size: 120px 120px;
    background-size: 120px;
    background-position: calc(100% - 10px) -55px;
    background-repeat: no-repeat;
    content: '';
    z-index: 2
}

.shopcred-dashboard-page__banner.light-4-preset .banner-inner {
    position: relative;
    z-index: 3
}

.shopcred-dashboard-page__banner.light-4-preset .banner-label {
    color: #26E8A8
}

.shopcred-dashboard-page__banner.light-4-preset .banner-content {
    color: #7B7E81
}

.shopcred-dashboard-page__banner.dark-1-preset {
    background-color: #0F1419
}

.shopcred-dashboard-page__banner.dark-1-preset .banner-label {
    color: #26E8A8
}

.shopcred-dashboard-page__banner.dark-1-preset .banner-title {
    color: white
}

.shopcred-dashboard-page__banner.dark-1-preset .banner-content {
    color: white
}

.shopcred-dashboard-page__banner.dark-1-preset .cx-vui-button {
    color: #4EFEC3;
    -webkit-box-shadow: inset 0 0 0 1px #4EFEC3;
    box-shadow: inset 0 0 0 1px #4EFEC3
}

.shopcred-dashboard-page__banner.dark-2-preset {
    background-color: #0F1419
}

.shopcred-dashboard-page__banner.dark-2-preset:before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-radial-gradient(120px 120px at 2.82% -9.25%, rgba(40, 112, 93, 0.81) 0%, rgba(40, 112, 93, 0) 100%);
    background: -o-radial-gradient(120px 120px at 2.82% -9.25%, rgba(40, 112, 93, 0.81) 0%, rgba(40, 112, 93, 0) 100%);
    background: radial-gradient(120px 120px at 2.82% -9.25%, rgba(40, 112, 93, 0.81) 0%, rgba(40, 112, 93, 0) 100%);
    content: '';
    z-index: 1
}

.shopcred-dashboard-page__banner.dark-2-preset:after {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-radial-gradient(190px 190px at 94.51% 127.17%, #5B77E7 0%, rgba(91, 119, 231, 0) 100%);
    background: -o-radial-gradient(190px 190px at 94.51% 127.17%, #5B77E7 0%, rgba(91, 119, 231, 0) 100%);
    background: radial-gradient(190px 190px at 94.51% 127.17%, #5B77E7 0%, rgba(91, 119, 231, 0) 100%);
    content: '';
    z-index: 2
}

.shopcred-dashboard-page__banner.dark-2-preset .banner-inner {
    position: relative;
    z-index: 3
}

.shopcred-dashboard-page__banner.dark-2-preset .banner-label {
    color: #26E8A8
}

.shopcred-dashboard-page__banner.dark-2-preset .banner-title {
    color: white
}

.shopcred-dashboard-page__banner.dark-2-preset .banner-content {
    color: white
}

.shopcred-dashboard-page__banner.dark-2-preset .cx-vui-button {
    color: #4EFEC3;
    -webkit-box-shadow: inset 0 0 0 1px #4EFEC3;
    box-shadow: inset 0 0 0 1px #4EFEC3
}

.shopcred-dashboard-page__banner.dark-3-preset {
    background-color: #0F1419
}

.shopcred-dashboard-page__banner.dark-3-preset:before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-radial-gradient(190px 190px at 91% -24.9%, rgba(91, 119, 231, 0.88) 0%, rgba(91, 119, 231, 0) 100%);
    background: -o-radial-gradient(190px 190px at 91% -24.9%, rgba(91, 119, 231, 0.88) 0%, rgba(91, 119, 231, 0) 100%);
    background: radial-gradient(190px 190px at 91% -24.9%, rgba(91, 119, 231, 0.88) 0%, rgba(91, 119, 231, 0) 100%);
    content: '';
    z-index: 1
}

.shopcred-dashboard-page__banner.dark-3-preset:after {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("../images/youtube-icons.svg");
    -webkit-background-size: 120px 120px;
    background-size: 120px;
    background-position: calc(100% - 5px) -20px;
    background-repeat: no-repeat;
    content: '';
    z-index: 2
}

.shopcred-dashboard-page__banner.dark-3-preset .banner-inner {
    position: relative;
    z-index: 3
}

.shopcred-dashboard-page__banner.dark-3-preset .banner-label {
    color: #26E8A8
}

.shopcred-dashboard-page__banner.dark-3-preset .banner-title {
    color: white
}

.shopcred-dashboard-page__banner.dark-3-preset .banner-content {
    color: white
}

.shopcred-dashboard-page__banner.dark-3-preset .cx-vui-button {
    color: #4EFEC3;
    -webkit-box-shadow: inset 0 0 0 1px #4EFEC3;
    box-shadow: inset 0 0 0 1px #4EFEC3
}

.shopcred-dashboard-page__banner.dark-4-preset {
    background-color: #0F1419
}

.shopcred-dashboard-page__banner.dark-4-preset:before {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-radial-gradient(190px 190px at 91% -24.9%, rgba(91, 119, 231, 0.88) 0%, rgba(91, 119, 231, 0) 100%);
    background: -o-radial-gradient(190px 190px at 91% -24.9%, rgba(91, 119, 231, 0.88) 0%, rgba(91, 119, 231, 0) 100%);
    background: radial-gradient(190px 190px at 91% -24.9%, rgba(91, 119, 231, 0.88) 0%, rgba(91, 119, 231, 0) 100%);
    content: '';
    z-index: 1
}

.shopcred-dashboard-page__banner.dark-4-preset:after {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("../images/elementor-wordpress-icon.svg");
    -webkit-background-size: 120px 120px;
    background-size: 120px;
    background-position: calc(100% - 20px) -60px;
    background-repeat: no-repeat;
    content: '';
    z-index: 2
}

.shopcred-dashboard-page__banner.dark-4-preset .banner-inner {
    position: relative;
    z-index: 3
}

.shopcred-dashboard-page__banner.dark-4-preset .banner-label {
    color: #26E8A8
}

.shopcred-dashboard-page__banner.dark-4-preset .banner-title {
    color: white
}

.shopcred-dashboard-page__banner.dark-4-preset .banner-content {
    color: white
}

.shopcred-dashboard-page__banner.dark-4-preset .cx-vui-button {
    color: #4EFEC3;
    -webkit-box-shadow: inset 0 0 0 1px #4EFEC3;
    box-shadow: inset 0 0 0 1px #4EFEC3
}

.shopcred-dashboard-page .cx-vui-alert {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px;
    margin-top: 20px;
    background-color: #F4F4F5;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.shopcred-dashboard-page .cx-vui-alert .cx-vui-alert__icon {
    margin-top: 3px;
    margin-right: 10px
}

.shopcred-dashboard-page .cx-vui-alert .cx-vui-alert__message {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: #7B7E81;
    font-size: 13px
}

.shopcred-dashboard-page .cx-vui-alert.info-type {
    background-color: #EDF6FA
}

.shopcred-dashboard-page .cx-vui-alert.info-type .cx-vui-alert__icon svg {
    fill: #007CBA
}

.shopcred-dashboard-page .cx-vui-alert.info-type .cx-vui-alert__message {
    color: #007CBA
}

.shopcred-dashboard-page .cx-vui-alert.success-type {
    background-color: #E9F6EA
}

.shopcred-dashboard-page .cx-vui-alert.success-type .cx-vui-alert__icon svg {
    fill: #46B450
}

.shopcred-dashboard-page .cx-vui-alert.success-type .cx-vui-alert__message {
    color: #46B450
}

.shopcred-dashboard-page .cx-vui-alert.error-type {
    background-color: #FBF0F0
}

.shopcred-dashboard-page .cx-vui-alert.error-type .cx-vui-alert__icon svg {
    fill: #C92C2C
}

.shopcred-dashboard-page .cx-vui-alert.error-type .cx-vui-alert__message {
    color: #C92C2C
}

.shopcred-dashboard-page__alerts {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.shopcred-dashboard-page__alert {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 2px 6px rgba(35, 40, 45, 0.07);
    box-shadow: 0px 2px 6px rgba(35, 40, 45, 0.07);
    padding: 20px 30px;
    margin-top: 10px
}

.shopcred-dashboard-page__alert:first-child {
    margin-top: 0
}

.shopcred-dashboard-page__alert.info-type .alert-type-line {
    background: #3DDDC1;
    background: -webkit-gradient(linear, left bottom, left top, from(#3DDDC1), to(#5099E6)), #5099E6;
    background: -webkit-linear-gradient(bottom, #3DDDC1 0%, #5099E6 100%), #5099E6;
    background: -o-linear-gradient(bottom, #3DDDC1 0%, #5099E6 100%), #5099E6;
    background: linear-gradient(0deg, #3DDDC1 0%, #5099E6 100%), #5099E6
}

.shopcred-dashboard-page__alert.success-type .alert-type-line {
    background: #40D825;
    background: -webkit-gradient(linear, left top, left bottom, from(#40D825), to(#B1EF3A));
    background: -webkit-linear-gradient(top, #40D825 0%, #B1EF3A 100%);
    background: -o-linear-gradient(top, #40D825 0%, #B1EF3A 100%);
    background: linear-gradient(180deg, #40D825 0%, #B1EF3A 100%)
}

.shopcred-dashboard-page__alert.danger-type .alert-type-line {
    background: #FEDB22;
    background: -webkit-gradient(linear, left bottom, left top, from(#FEDB22), to(#FFA901)), #5099E6;
    background: -webkit-linear-gradient(bottom, #FEDB22 0%, #FFA901 100%), #5099E6;
    background: -o-linear-gradient(bottom, #FEDB22 0%, #FFA901 100%), #5099E6;
    background: linear-gradient(0deg, #FEDB22 0%, #FFA901 100%), #5099E6
}

.shopcred-dashboard-page__alert.error-type .alert-type-line {
    background: #FF8B8B;
    background: -webkit-gradient(linear, left bottom, left top, from(#FF8B8B), to(#F5435A)), #5099E6;
    background: -webkit-linear-gradient(bottom, #FF8B8B 0%, #F5435A 100%), #5099E6;
    background: -o-linear-gradient(bottom, #FF8B8B 0%, #F5435A 100%), #5099E6;
    background: linear-gradient(0deg, #FF8B8B 0%, #F5435A 100%), #5099E6
}

.shopcred-dashboard-page__alert .alert-type-line {
    display: block;
    position: absolute;
    width: 4px;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(#5B77E7), color-stop(53.65%, #49B5D2), to(#26E8A8));
    background: -webkit-linear-gradient(bottom, #5B77E7 0%, #49B5D2 53.65%, #26E8A8 100%);
    background: -o-linear-gradient(bottom, #5B77E7 0%, #49B5D2 53.65%, #26E8A8 100%);
    background: linear-gradient(0deg, #5B77E7 0%, #49B5D2 53.65%, #26E8A8 100%)
}

.shopcred-dashboard-page__alert .alert-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 7px;
    right: 7px;
    cursor: pointer
}

.shopcred-dashboard-page__alert .alert-icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 80px;
    width: 48px
}

.shopcred-dashboard-page__alert .alert-icon svg {
    width: 100%;
    height: auto
}

.shopcred-dashboard-page__alert .alert-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    gap: 10px
}

.shopcred-dashboard-page__alert .alert-title {
    color: #23282D;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500
}

.shopcred-dashboard-page__alert .alert-message {
    color: #7B7E81;
    font-size: 13px;
    line-height: 16px
}

.shopcred-dashboard-page__alert .alert-buttons .cx-vui-button {
    margin-right: 10px
}

.shopcred-dashboard-page__alert .alert-buttons .cx-vui-button:last-child {
    margin-right: 0
}

.shopcred-dashboard-page .cx-vui-popup .cx-vui-popup__header {
    text-align: center;
    margin-bottom: 30px
}

.shopcred-dashboard-page .cx-vui-popup .cx-vui-popup__header-label {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #23282D
}

.shopcred-dashboard-page .cx-vui-popup.update-check-popup .cx-vui-popup__content {
    text-align: center
}

.shopcred-dashboard-page .cx-vui-popup.update-check-popup .cx-vui-popup__content svg {
    margin-bottom: 20px
}

.shopcred-dashboard-page .cx-vui-popup.update-check-popup .cx-vui-popup__content p {
    text-align: center;
    line-height: 30px
}

.shopcred-dashboard-page .cx-vui-popup.update-check-popup .cx-vui-popup__content p span {
    font-size: 20px;
    color: #23282d;
    display: block
}

.shopcred-dashboard-page .cx-vui-popup.update-check-popup .cx-vui-popup__content .cx-vui-button {
    margin-top: 20px
}

.shopcred-dashboard-page .cx-vui-popup.rollback-popup p {
    text-align: center;
    line-height: 30px
}

.shopcred-dashboard-page .cx-vui-popup.rollback-popup p i {
    display: block;
    color: #D6336C
}

.shopcred-dashboard-page .cx-vui-popup.rollback-popup .cx-vui-button {
    margin-top: 10px;
    width: 100%
}

.shopcred-dashboard-page .cx-vui-popup.responce-data-popup .responce-data-popup__inner.responce-type-error .responce-data-popup__title {
    color: #C92C2C
}

.shopcred-dashboard-page .cx-vui-popup.responce-data-popup .responce-data-popup__inner.responce-type-success .responce-data-popup__title {
    color: #46B450
}

.shopcred-dashboard-page .cx-vui-popup.responce-data-popup .responce-data-popup__inner .responce-data-popup__header {
    padding-bottom: 15px;
    border-bottom: 1px solid #DCDCDD;
    margin-bottom: 30px
}

.shopcred-dashboard-page .cx-vui-popup.responce-data-popup .responce-data-popup__inner .responce-data-popup__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #23282D
}

.shopcred-dashboard-page .cx-vui-popup.responce-data-popup .responce-data-popup__inner p:last-child {
    padding-bottom: 0
}

.shopcred-dashboard-page .cx-vui-popup.responce-data-popup .responce-data-popup__inner p .activation-limit {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: white;
    background-color: #007CBA
}

.shopcred-dashboard-page .cx-vui-popup.responce-data-popup .responce-data-popup__inner .responce-data-popup__activated-sites {
    margin-bottom: 20px
}

.shopcred-dashboard-page .cx-vui-popup.responce-data-popup .responce-data-popup__inner .responce-data-popup__activated-sites p {
    padding-bottom: 5px
}

.shopcred-dashboard-page .cx-vui-popup.responce-data-popup .responce-data-popup__inner .responce-data-popup__activated-sites .site-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 100px;
    overflow-y: auto
}

.shopcred-dashboard-page .cx-vui-popup.responce-data-popup .responce-data-popup__inner .responce-data-popup__activated-sites .site-list .site-item {
    margin: 0 0 0 10px
}

.shopcred-dashboard-page .cx-vui-popup.video-guide-popup .cx-vui-popup__body {
    padding: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #000
}

.shopcred-dashboard-page .cx-vui-popup.video-guide-popup .cx-vui-popup__body iframe {
    width: 100%;
    min-height: 450px
}

.shopcred-dashboard-page .cx-vui-popup.video-guide-popup .cx-vui-popup__content>div {
    line-height: 0
}

.shopcred-dashboard-page .cx-vui-popup.service-actions-popup .service-actions-popup__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shopcred-dashboard-page .cx-vui-popup.service-actions-popup .service-actions-popup__form>.cx-vui-component-raw {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.shopcred-dashboard-page .cx-vui-popup.service-actions-popup .service-actions-popup__form>.cx-vui-component-raw select {
    max-width: 100%
}

.shopcred-dashboard-page .cx-vui-popup.service-actions-popup .service-actions-popup__form .cx-vui-button {
    margin-left: 10px
}

.shopcred-dashboard-welcome-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px
}

.shopcred-dashboard-welcome-page__sidebar {
    position: relative;
    width: 300px
}

.shopcred-dashboard-welcome-page__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 600px;
    flex: 1 1 600px
}

.shopcred-dashboard-welcome-page__updates .shopcred-dashboard-page-badge {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}
.shopcred-dashboard-welcome-page__avaliable-plugins div.cx-vui-subtitle {
    margin-bottom: 0
}

.shopcred-dashboard-welcome-page__wizard-section div.cx-vui-subtitle {
    margin-bottom: 0
}

.shopcred-dashboard-welcome-page__wizard-section div.cx-vui-subtitle .cx-vui-subtitle__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shopcred-dashboard-welcome-page__wizard-section div.cx-vui-subtitle .cx-vui-subtitle__label svg {
    margin-right: 20px
}

.shopcred-dashboard-welcome-page__get-more-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: #EDF6FF;
    background-image: url("");
    background-position: 0 50%;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain
}

.shopcred-dashboard-welcome-page__get-more-banner .get-more-banner-content {
    width: calc(50% - 10px)
}

.shopcred-dashboard-welcome-page__get-more-banner .get-more-banner-content .desc {
    font-size: 14px;
    line-height: 18px;
    color: #23282D
}

.shopcred-dashboard-welcome-page__get-more-banner .get-more-banner-content .title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    color: #23282D;
    margin: 0 0 15px 0
}

.shopcred-dashboard-welcome-page__get-more-banner .get-more-banner-content .cx-vui-button {
    color: #007CBA;
    -webkit-box-shadow: inset 0 0 0 1px #007CBA;
    box-shadow: inset 0 0 0 1px #007CBA
}

.shopcred-dashboard-welcome-page .extras-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

.shopcred-dashboard-welcome-page .extras-list .extras-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: calc(50% - 20px);
    min-height: 67px;
    border: 1px solid #E0E0E0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden
}

.shopcred-dashboard-welcome-page .extras-list .extras-item__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 55px;
    max-width: 55px;
    background-color: #F3F5FC
}

.shopcred-dashboard-welcome-page .extras-list .extras-item__details {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px 10px 12px 10px
}

.shopcred-dashboard-welcome-page .extras-list .extras-item__name {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.shopcred-dashboard-welcome-page .extras-list .extras-item__desc {
    margin: 5px 0 0 0
}

.shopcred-dashboard-welcome-page .extras-list .extras-item .cx-vui-button {
    margin-top: 10px
}

.shopcred-dashboard-welcome-page .offers-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: -30px
}

.shopcred-dashboard-welcome-page .offers-list .offers-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: calc(50% - 20px);
    margin-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.shopcred-dashboard-welcome-page .offers-list .offers-item__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 60px;
    max-width: 60px;
    margin-right: 20px
}

.shopcred-dashboard-welcome-page .offers-list .offers-item__details {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.shopcred-dashboard-welcome-page .offers-list .offers-item__name {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.shopcred-dashboard-welcome-page .offers-list .offers-item__desc {
    margin: 5px 0 0 0
}

.shopcred-dashboard-welcome-page .offers-list .offers-item .cx-vui-button {
    margin-top: 5px
}

.shopcred-dashboard-settings-page__inner.shopcred-dashboard-page__panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0
}

.shopcred-dashboard-settings-page .subpage-category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-width: 100%;
}

.shopcred-dashboard-settings-page .subpage-content-wrapper{
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background: #FFFFFF;
    padding: 20px 30px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    margin-left: 20px;
}

.subpage-content-wrapper-dashboard{
    background: #FFFFFF;
    padding: 20px 30px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.shopcred-dashboard-shopcred-admin-category .plugin-settings-toggle,
.shopcred-dashboard-settings-page .plugin-settings-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    border-top: 1px solid #DCDCDD
}


.shopcred-dashboard-settings-page .plugin-settings-toggle:first-child {
    /* border-top: none */
}

.shopcred-dashboard-shopcred-admin-category .plugin-settings-toggle__header,
.shopcred-dashboard-settings-page .plugin-settings-toggle__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 20px 15px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.shopcred-dashboard-shopcred-admin-category .plugin-settings-toggle__header-label,
.shopcred-dashboard-settings-page .plugin-settings-toggle__header-label {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #23282D;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 111;
}

.shopcred-dashboard-shopcred-admin-category .plugin-settings-toggle__header-label svg,
.shopcred-dashboard-settings-page .plugin-settings-toggle__header-label svg {
    margin-right: 10px;
}

.shopcred-dashboard-shopcred-admin-category .plugin-settings-toggle__header-marker,
.shopcred-dashboard-settings-page .plugin-settings-toggle__header-marker {
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.plugin-settings-toggle__header.active .plugin-settings-toggle__header-label svg circle{
    fill: #000;
}
.plugin-settings-toggle__header.active .plugin-settings-toggle__header-label svg path {
    fill: #fff;
    fill-opacity: 1;
}

.shopcred-dashboard-shopcred-admin-category .plugin-settings-toggle__links,
.shopcred-dashboard-settings-page .plugin-settings-toggle__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.shopcred-dashboard-shopcred-admin-category .plugin-settings-toggle__link,
.shopcred-dashboard-settings-page .plugin-settings-toggle__link {
    border-style: solid;
    border-color: white;
    border-width: 0 0 0 2px
}
.shopcred-dashboard-shopcred-admin-category .plugin-settings-toggle__link:hover,
.shopcred-dashboard-settings-page .plugin-settings-toggle__link:hover {
    background-color: #fff
}
.shopcred-dashboard-shopcred-admin-category .plugin-settings-toggle__link:hover span,
.shopcred-dashboard-settings-page .plugin-settings-toggle__link:hover span {
    color: #000
}
.shopcred-dashboard-shopcred-admin-category .plugin-settings-toggle__link.active,
.shopcred-dashboard-settings-page .plugin-settings-toggle__link.active {
    border-color: #fff;
    background-color: #fff
}
.shopcred-dashboard-shopcred-admin-category .plugin-settings-toggle__link.active span,
.shopcred-dashboard-settings-page .plugin-settings-toggle__link.active span {
    color: #000
}
.shopcred-dashboard-shopcred-admin-category .plugin-settings-toggle__link > span,
.shopcred-dashboard-settings-page .plugin-settings-toggle__link > span {
    display: block;
    font-size: 14px;
    line-height: 18px;
    color: #23282D;
    padding: 11px 0 11px 65px;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
}

.plugin-settings-toggle__links {
    position: relative;
}
.plugin-settings-toggle__links::before{
    position: absolute;
    content: "";
    background: transparent;
    width: 30px;
    height: calc(100% - 35px);
    top: -16px;
    left: 34px;
    /* transform: translateX(-50%); */
    border-left: 1px solid #CAD3DB;
    z-index: 11;
  
}
.plugin-settings-toggle__link{
    position: relative;
}
.plugin-settings-toggle__link:before{
    position: absolute;
    content: "";
    background: transparent;
    width: 30px;
    height: calc(100% - 40px);
    top: 50%;
    left: 33px;
    border-bottom: 1px solid #CAD3DB;
}
.plugin-settings-toggle__link:last-child:before{
    top: -11px;
    left: 32px;
    height: calc(100% - 8px);
    border-radius: 0 0 0px 10px;
    border-left: 1px solid #CAD3DB;
}
.shopcred-dashboard-shopcred-admin-category .plugin-settings-toggle__link span:focus,
.shopcred-dashboard-settings-page .plugin-settings-toggle__link span:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.plugin-settings-toggle__link:hover > span span {
    display: inline;
    transition: all 0.3s ease-in-out;
}
.plugin-settings-toggle__link:hover > span span,
.plugin-settings-toggle__link.active > span span,
.shopcred-filter-dashboard-trigger.active,
.shopcred-pro-woo-builder-trigger.active,
.shopcred-pro-dashboard-trigger.active {
  
    background: #6BF98E;
}

.shopcred-dashboard-settings-page .cx-vui-switcher {
    margin-left: 0;
}

.shopcred-dashboard-page {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    margin: 20px 16px 0 30px;
    visibility: hidden
}

.shopcred-dashboard-page.inited {
    visibility: visible
}

.shopcred-dashboard-page .proccesing-state {
    opacity: 0.5;
    pointer-events: none
}

.shopcred-dashboard-page__body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 20px;
    max-width: 1400px;
    width: 100%;
}

@media (max-width: 1140px) {
    .shopcred-dashboard-page__body {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.shopcred-dashboard-page__notice-list {
    width: 100%;
    margin-bottom: 20px
}

.shopcred-dashboard-page__before-content {
    width: 100%
}

.shopcred-dashboard-page__content {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    /* max-width: calc(100% - 400px) */
}

@media (max-width: 1140px) {
    .shopcred-dashboard-page__content {
        max-width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.shopcred-dashboard-page__before-sidebar {
    width: 100%;
    margin-bottom: 20px
}

.shopcred-dashboard-page__sidebar-container {
    position: relative;
    width: 300px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

@media (max-width: 1140px) {
    .shopcred-dashboard-page__sidebar-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }

    .shopcred-dashboard-page__sidebar-container>div {
        margin: 0 20px 0 0
    }

    .shopcred-dashboard-page__sidebar-container>div:last-child {
        margin-right: 0
    }
}

.shopcred-dashboard-page__sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 20px
}

@media (max-width: 1140px) {
    .shopcred-dashboard-page__sidebar {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.shopcred-dashboard-page__after-sidebar {
    width: 100%;
    margin-top: 20px
}

.shopcred-dashboard-page__header .header-title {
    color: white;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    margin: 0
}

.shopcred-dashboard-page__header .header-desc {
    color: white;
    font-size: 15px;
    line-height: 22px;
    font-weight: normal;
    margin-top: 5px;
    color: #26E8A8
}

.shopcred-dashboard-page__header .header-icon-link {
    position: absolute;
    top: 19px;
    right: 21px;
    width: 56px;
    height: 56px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, left bottom, from(#E52D27), color-stop(100.03%, #BF171D));
    background: -webkit-linear-gradient(top, #E52D27 0%, #BF171D 100.03%);
    background: -o-linear-gradient(top, #E52D27 0%, #BF171D 100.03%);
    background: linear-gradient(180deg, #E52D27 0%, #BF171D 100.03%)
}

.shopcred-dashboard-page__header .header-icon-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 56px;
    height: 56px;
    line-height: 0
}

.shopcred-dashboard-page__header .header-icon-link svg {
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    -o-transition: transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.shopcred-dashboard-page__header .header-icon-link:hover svg {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.shopcred-dashboard-page__header.lifetime-product-type {
    background: -webkit-radial-gradient(34.83% 346.74% at 61.68% 157.61%, rgba(254, 219, 34, 0.8) 17.85%, rgba(254, 219, 34, 0) 100%), -webkit-radial-gradient(19.98% 198.91% at 78.71% -77.17%, rgba(195, 109, 0, 0.9) 0%, rgba(195, 109, 0, 0) 100%), -webkit-radial-gradient(38.43% 382.61% at 32.75% -216.3%, rgba(195, 109, 0, 0.8) 47.64%, rgba(195, 109, 0, 0) 100%), #23282D;
    background: -o-radial-gradient(34.83% 346.74% at 61.68% 157.61%, rgba(254, 219, 34, 0.8) 17.85%, rgba(254, 219, 34, 0) 100%), -o-radial-gradient(19.98% 198.91% at 78.71% -77.17%, rgba(195, 109, 0, 0.9) 0%, rgba(195, 109, 0, 0) 100%), -o-radial-gradient(38.43% 382.61% at 32.75% -216.3%, rgba(195, 109, 0, 0.8) 47.64%, rgba(195, 109, 0, 0) 100%), #23282D;
    background: radial-gradient(34.83% 346.74% at 61.68% 157.61%, rgba(254, 219, 34, 0.8) 17.85%, rgba(254, 219, 34, 0) 100%), radial-gradient(19.98% 198.91% at 78.71% -77.17%, rgba(195, 109, 0, 0.9) 0%, rgba(195, 109, 0, 0) 100%), radial-gradient(38.43% 382.61% at 32.75% -216.3%, rgba(195, 109, 0, 0.8) 47.64%, rgba(195, 109, 0, 0) 100%), #23282D
}

.shopcred-dashboard-page__header.lifetime-product-type .header-desc {
    color: #FEDB22
}

.shopcred-dashboard-page__header.all-inclusive-product-type {
    background: -webkit-radial-gradient(34.83% 346.74% at 61.68% 157.61%, rgba(111, 139, 251, 0.8) 17.85%, rgba(111, 139, 251, 0) 100%), -webkit-radial-gradient(19.98% 198.91% at 78.71% -77.17%, rgba(255, 8, 201, 0.9) 0%, rgba(255, 8, 201, 0) 100%), -webkit-radial-gradient(38.43% 382.61% at 32.75% -216.3%, rgba(41, 69, 181, 0.8) 47.64%, rgba(41, 69, 181, 0) 100%), #23282D;
    background: -o-radial-gradient(34.83% 346.74% at 61.68% 157.61%, rgba(111, 139, 251, 0.8) 17.85%, rgba(111, 139, 251, 0) 100%), -o-radial-gradient(19.98% 198.91% at 78.71% -77.17%, rgba(255, 8, 201, 0.9) 0%, rgba(255, 8, 201, 0) 100%), -o-radial-gradient(38.43% 382.61% at 32.75% -216.3%, rgba(41, 69, 181, 0.8) 47.64%, rgba(41, 69, 181, 0) 100%), #23282D;
    background: radial-gradient(34.83% 346.74% at 61.68% 157.61%, rgba(111, 139, 251, 0.8) 17.85%, rgba(111, 139, 251, 0) 100%), radial-gradient(19.98% 198.91% at 78.71% -77.17%, rgba(255, 8, 201, 0.9) 0%, rgba(255, 8, 201, 0) 100%), radial-gradient(38.43% 382.61% at 32.75% -216.3%, rgba(41, 69, 181, 0.8) 47.64%, rgba(41, 69, 181, 0) 100%), #23282D
}

.shopcred-dashboard-page__header.all-inclusive-product-type .header-desc {
    color: #00E0FF
}

.shopcred-dashboard-page__header.plugin-set-product-type {
    background: -webkit-radial-gradient(34.83% 346.74% at 61.68% 157.61%, rgba(38, 232, 168, 0.8) 17.85%, rgba(38, 232, 168, 0) 100%), -webkit-radial-gradient(19.98% 198.91% at 78.71% -77.17%, rgba(91, 119, 231, 0.9) 0%, rgba(91, 119, 231, 0) 100%), -webkit-radial-gradient(38.43% 382.61% at 32.75% -216.3%, rgba(91, 119, 231, 0.8) 47.64%, rgba(91, 119, 231, 0) 100%), #23282D;
    background: -o-radial-gradient(34.83% 346.74% at 61.68% 157.61%, rgba(38, 232, 168, 0.8) 17.85%, rgba(38, 232, 168, 0) 100%), -o-radial-gradient(19.98% 198.91% at 78.71% -77.17%, rgba(91, 119, 231, 0.9) 0%, rgba(91, 119, 231, 0) 100%), -o-radial-gradient(38.43% 382.61% at 32.75% -216.3%, rgba(91, 119, 231, 0.8) 47.64%, rgba(91, 119, 231, 0) 100%), #23282D;
    background: radial-gradient(34.83% 346.74% at 61.68% 157.61%, rgba(38, 232, 168, 0.8) 17.85%, rgba(38, 232, 168, 0) 100%), radial-gradient(19.98% 198.91% at 78.71% -77.17%, rgba(91, 119, 231, 0.9) 0%, rgba(91, 119, 231, 0) 100%), radial-gradient(38.43% 382.61% at 32.75% -216.3%, rgba(91, 119, 231, 0.8) 47.64%, rgba(91, 119, 231, 0) 100%), #23282D
}

.shopcred-dashboard-page__header.plugin-set-product-type .header-desc {
    color: #26E8A8
}

.shopcred-dashboard-page__header.theme-plugin-bundle-product-type {
    background: -webkit-radial-gradient(34.83% 346.74% at 61.68% 157.61%, rgba(252, 133, 119, 0.8) 17.85%, rgba(252, 133, 119, 0) 100%), -webkit-radial-gradient(38.43% 382.61% at 32.75% -216.3%, rgba(25, 118, 211, 0.8) 47.64%, rgba(25, 118, 211, 0) 100%), -webkit-radial-gradient(19.98% 198.91% at 78.71% -77.17%, rgba(95, 49, 159, 0.9) 0%, rgba(95, 49, 159, 0) 100%), #23282D;
    background: -o-radial-gradient(34.83% 346.74% at 61.68% 157.61%, rgba(252, 133, 119, 0.8) 17.85%, rgba(252, 133, 119, 0) 100%), -o-radial-gradient(38.43% 382.61% at 32.75% -216.3%, rgba(25, 118, 211, 0.8) 47.64%, rgba(25, 118, 211, 0) 100%), -o-radial-gradient(19.98% 198.91% at 78.71% -77.17%, rgba(95, 49, 159, 0.9) 0%, rgba(95, 49, 159, 0) 100%), #23282D;
    background: radial-gradient(34.83% 346.74% at 61.68% 157.61%, rgba(252, 133, 119, 0.8) 17.85%, rgba(252, 133, 119, 0) 100%), radial-gradient(38.43% 382.61% at 32.75% -216.3%, rgba(25, 118, 211, 0.8) 47.64%, rgba(25, 118, 211, 0) 100%), radial-gradient(19.98% 198.91% at 78.71% -77.17%, rgba(95, 49, 159, 0.9) 0%, rgba(95, 49, 159, 0) 100%), #23282D
}

.shopcred-dashboard-page__header.theme-plugin-bundle-product-type .header-desc {
    color: #00E0FF
}

.shopcred-dashboard-page__before-component {
    margin-bottom: 20px
}

.shopcred-dashboard-page__inner-component {
    margin-top: 20px
}

.shopcred-dashboard-page__after-component {
    margin-top: 20px
}

.shopcred-dashboard-page p {
    font-size: 15px;
    color: rgb(49 49 49);
    line-height: 1.6;
    margin: 0 0 10px 0
}

.shopcred-dashboard-page .dashicons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shopcred-dashboard-page .cx-vui-subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shopcred-dashboard-page .cx-vui-subtitle--controls {
    padding-bottom: 20px;
    border-bottom: 1px solid #DCDCDD;
    margin-bottom: 20px
}

.shopcred-dashboard-page .cx-vui-subtitle__label {
    font-size: 20px;
    line-height: 24px;
    font-weight: normal
}

.shopcred-dashboard-page .cx-vui-subtitle__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.shopcred-dashboard-page .cx-vui-subtitle__buttons .cx-vui-button {
    margin-left: 10px
}

.shopcred-dashboard-page .cx-vui-collapse__heading {
    padding: 15px 0
}

.shopcred-dashboard-page .cx-vui-collapse__heading .cx-vui-subtitle {
    font-size: 14px;
    font-weight: 500
}

.shopcred-dashboard-page .cx-vui-collapse .cx-vui-collapse .cx-vui-collapse__heading {
    padding: 15px
}

.shopcred-dashboard-page .cx-vui-tabs__nav {
    background-color: white
}

.shopcred-dashboard-page .cx-vui-tabs__nav-item {
    font-size: 14px;
    font-weight: 500
}

.shopcred-dashboard-page .cx-vui-component__label {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.shopcred-dashboard-page .cx-vui-component__desc {
    font-size: 12px
}

.shopcred-dashboard-page .cx-vui-dimensions {
    position: relative
}

.shopcred-dashboard-page .cx-vui-dimensions__units {
    margin-right: 0
}

.shopcred-dashboard-page .cx-vui-dimensions__inputs .cx-vui-component-raw {
    min-width: 25%
}

.shopcred-dashboard-page .cx-vui-dimensions__link {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 0;
    margin-left: 0
}

.shopcred-dashboard-page__panel {
    min-width: 292px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;

}

.shopcred-dashboard-page__panel~.shopcred-dashboard-page__panel {
    margin-top: 20px
}

.shopcred-dashboard-page__panel>.cx-vui-subtitle {
    margin-bottom: 20px
}


.shopcred-dashboard-page__panel-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.shopcred-dashboard-page .shopcred-dashboard-page-badge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #EC1414;
    border: 1px solid #FFFFFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #FFFFFF
}

.cx-vui-notices {
    z-index: 10000
}

.fade-enter {
    opacity: 0
}

.fade-enter-active {
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s
}

.fade-enter-to {
    opacity: 1
}

.fade-leave {
    opacity: 1
}

.fade-leave-active {
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s
}

.fade-leave-to {
    opacity: 0
}

.popup-enter {
    opacity: 0
}

.popup-enter .cx-vui-popup__body {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.popup-enter-active {
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}

.popup-enter-active .cx-vui-popup__body {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.popup-enter-to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.popup-enter-to .cx-vui-popup__body {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}

.popup-leave {
    opacity: 1
}

.popup-leave-active {
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s
}

.popup-leave-to {
    opacity: 0
}

.dropdown-menu-enter {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.dropdown-menu-enter-active {
    -webkit-transition: opacity .25s, -webkit-transform .25s;
    transition: opacity .25s, -webkit-transform .25s;
    -o-transition: opacity .25s, transform .25s;
    transition: opacity .25s, transform .25s;
    transition: opacity .25s, transform .25s, -webkit-transform .25s
}

.dropdown-menu-enter-to {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.dropdown-menu-leave {
    opacity: 1
}

.dropdown-menu-leave-active {
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.dropdown-menu-leave-to {
    opacity: 0
}

body.shopcred-dashboard-shop-document.post-type-shopcred-dashboard #template-settings,
body.shopcred-dashboard-category-document.post-type-shopcred-dashboard #template-settings {
    display: none
}

.shopcred-dashboard-settings-page .available-widgets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 40px
}

.shopcred-dashboard-settings-page .available-widgets:last-child,
.shopcred-dashboard-welcome-page .available-widgets:last-child {
    margin-bottom: 0
}

.shopcred-dashboard-settings-page .available-widgets__option-info,
.shopcred-dashboard-welcome-page .available-widgets__option-info {
    margin-bottom: 20px;
    border-bottom: 1px solid #CAD3DB;
    padding-bottom: 15px
}

.shopcred-dashboard-settings-page .available-widgets__option-info-name,
.shopcred-dashboard-welcome-page .available-widgets__option-info-name {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
    color: #000000;
    margin-bottom: 5px;
}

.shopcred-dashboard-settings-page .available-widgets__option-info-desc,
.shopcred-dashboard-welcome-page .available-widgets__option-info-desc {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5)
}

/* .shopcred-dashboard-settings-page .available-widgets__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px;
}

.shopcred-dashboard-settings-page .available-widgets__control {
    width: 31.3%
} */

.shopcred-dashboard-settings-page .available-widgets__controls,
.shopcred-dashboard-welcome-page .available-widgets__controls{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    padding-bottom: 30px;
}

.shopcred-dashboard-settings-page .available-widgets__control>.cx-vui-component,
.shopcred-dashboard-welcome-page .available-widgets__control>.cx-vui-component {
    padding: 25px 15px;
    /* margin-bottom: 15px; */
    background: #FFFFFF;
    border: 1px solid #CAD3DB;
    transition: all 0.3s ease;
}

.shopcred-dashboard-settings-page .available-widgets__control>.cx-vui-component.cx-vui-switcher--active {
    border: 1px solid #000000;
}

.shopcred-dashboard-settings-page .available-widgets__control>.cx-vui-component:hover,
.shopcred-dashboard-welcome-page .available-widgets__control>.cx-vui-component:hover {
    border: 1px solid #000;
    box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.12);
}

.shopcred-dashboard-settings-page .available-widgets__control>.cx-vui-component:hover .cx-vui-component__control .cx-vui-switcher__panel {
    border: 1px solid #000;
}

.shopcred-dashboard-settings-page .available-widgets__control>.cx-vui-component:hover .cx-vui-component__control .cx-vui-switcher__trigger {
    background: #000;
}

@media screen and (max-width: 1200px) {
    /* .shopcred-dashboard-settings-page .available-widgets__control {
        width: 50%
    } */
    .shopcred-dashboard-settings-page .available-widgets__controls{
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 991px) {
    /* .shopcred-dashboard-settings-page .available-widgets__control {
        width: 100%
    } */
    .shopcred-dashboard-settings-page .available-widgets__controls{
        grid-template-columns: repeat(1, 1fr);
    }
}

.avaliable-controls__header {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: -0.04em;
    color: #000000;
    border-bottom: 1px solid #CAD3DB;
    padding-bottom: 10px;
}
.avaliable-controls__header.first {
    display: flex;
    justify-content: space-between;
    letter-spacing: 0.1px;
}

.avaliable-controls__header:not(:first-child) {
    padding-top: 40px;
    border-top: 1px solid #CAD3DB;
}
.wp-core-ui select{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color:rgba(0, 0, 0, 0.5);
}

.wp-core-ui select:hover {
    color: rgba(0, 0, 0, 1);
}

.spc-plugin-right-sidebar{
    min-width: 300px;
}