: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
transform: rotate(-45deg);
[data-type="checkboxlist"] .sb-control-checkbox-ctn{
margin-bottom: 10px!important;
[data-type="checkboxlist"] .sb-control-checkbox-ctn .sb-control-label{
.sb-control-sources-ctn .ctf-fb-srcs-item{
border: 1px solid #E7E7E9;
.sb-control-src-icon svg{
[data-expanded="true"] .sb-control-src-expand svg,.ctf-fb-srcs-info {
.sb-control-src-expand-chevron{
border-left: 2px solid currentColor;
border-top: 2px solid currentColor;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
[data-expanded="true"] .sb-control-src-expand-chevron,[data-expanded="true"] .ctf-fb-srcs-info {
.sb-control-src-remove svg{
.sb-control-sources-ctn[data-multifeed="true"] .sb-control-src-expand {
.sb-control-elem-output .sb-control-src-expand:hover {
.sb-control-elem-output .sb-control-src-expand:hover path{
.sb-control-sources-ctn .ctf-fb-srcs-item .ctf-fb-srcs-item-name{
border-top: 1px solid #E7E7E9;
.ctf-fb-srcs-info-item:first-of-type{
.ctf-fb-srcs-info-item strong{
.ctf-fb-srcs-info-item span{
width: calc(100% - 80px);
border: 1px solid #D0D1D7;
.ctf-fb-srcs-info-icon svg{
.sb-control-sources-ctn .sb-control-action-button{
.sb-control-sources-promo-ctn{
.sb-control-sources-promo-ctn:before{
width: calc(100% + 40px);
.sb-control-sources-promo-top{
border: 1px solid #E8E8EB;
.sb-control-sources-promo-top > div{
border-right: 2px solid currentColor;
border-top: 2px solid currentColor;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
.sb-control-sources-promo-text{
.sb-control-sources-promo-btn{
.sb-control-sources-promo-btn div{
.sb-control-sources-promo-icon{
background: rgba(227, 79, 14, 0.25);
z-index: 999999999999999;
.sb-loadingbar-ctn:before, .sb-loadingbar-ctn:after{
.sb-loadingbar-ctn:before{
-webkit-animation: ctf-loading-animation 4s infinite;
animation: ctf-loading-animation 4s infinite;
.sb-loadingbar-ctn:after{
-webkit-animation: ctf-loading-animation 4s 2s infinite;
animation: ctf-loading-animation 4s 2s infinite;
@-webkit-keyframes ctf-loading-animation {
from { left: -5%; width: 0%; }
to { left: 130%; width: 50%;}
@keyframes ctf-loading-animation {
from { left: -5%; width: 0%; }
to { left: 130%; width: 50%;}
border-left: 3px solid #fff;
box-shadow: 0px 26.7377px 77.2886px rgba(0, 0, 0, 0.107828), 0px 14.2952px 41.3222px rgba(0, 0, 0, 0.0894161), 0px 8.01379px 23.1649px rgba(0, 0, 0, 0.075), 0px 4.25607px 12.3027px rgba(0, 0, 0, 0.0605839), 0px 1.77104px 5.11942px rgba(0, 0, 0, 0.0421718);
.sb-notification-ctn[data-active="hidden"]{
-webkit-animation: ctf-notification-hide .5s forwards linear;
animation: ctf-notification-hide .5s forwards linear;
.sb-notification-ctn[data-active="shown"]{
-webkit-animation: ctf-notification-show .5s forwards linear;
animation: ctf-notification-show .5s forwards linear;
@-webkit-keyframes ctf-notification-show { 0%{bottom: -100px;} 50%{bottom: 70px;} 70%{bottom: 60px;} 85%{bottom: 65px;} 100%{bottom: 50px;}}
@keyframes ctf-notification-show { 0%{bottom: -100px;} 50%{bottom: 70px;} 70%{bottom: 60px;} 85%{bottom: 65px;} 100%{bottom: 50px;}}
@-webkit-keyframes ctf-notification-hide {0%{bottom: 50px;}55%{bottom: 65px;}70%{bottom: 60px;}85%{bottom: 70px;}100%{bottom: -100px;}}
@keyframes ctf-notification-hide {0%{bottom: 50px;}55%{bottom: 65px;}70%{bottom: 60px;}85%{bottom: 70px;}100%{bottom: -100px;}}
.sb-notification-ctn[data-type="success"]{
.sb-notification-ctn[data-type="error"]{
.sb-notification-ctn[data-type="message"]{
.sb-notification-icon svg{
.sb-notification-ctn[data-type="success"] .sb-notification-icon{
.sb-notification-ctn[data-type="error"] .sb-notification-icon{
.sb-notification-ctn[data-type="message"] .sb-notification-icon{
.sb-notification-ctn span{
#sb-onboarding-tooltip-multiple-2,
#sb-onboarding-tooltip-multiple-3{
#sb-onboarding-tooltip-single-2 {
.sb-onboarding-active .sb-onboarding-highlight .ctf-fb-btn.ctf-fb-btn-new,
.sb-onboarding-active .sb-positioning-wrap.sb-onboarding-highlight,
.sb-onboarding-active .ctf-fd-lst-bigctn .ctf-table-wrap.sb-onboarding-highlight,
.sb-onboarding-active .ctf-fb-lgc-ctn.sb-onboarding-highlight,
.sb-onboarding-active .ctf-fb-lgc-ctn .ctf-legacy-table-wrap.sb-onboarding-highlight{
.sb-onboarding-active .ctf-fd-legacy-feed-toggle {
.ctf-legacy-table-wrap.sb-onboarding-highlight {
.sb-onboarding-tooltip-1 {
#sb-onboarding-tooltip-single-2 {
#sb-onboarding-tooltip-multiple-2,
#sb-onboarding-tooltip-multiple-3{
#sb-onboarding-tooltip-multiple-3 {
.sb-onboarding-tooltip .ctf-fb-wrapper {
justify-content: flex-end;
.sb-onboarding-tooltip .ctf-fb-popup-cls {
.sb-onboarding-tooltip .ctf-fb-popup-cls svg {
.sb-onboarding-tooltip h3 {
.ctf-onboarding-previous{
border: 1px solid #DCDDE1;
.sb-onboarding-tooltip .ctf-fb-hd-btn {
.sb-onboarding-tooltip .ctf-fb-hd-btn i {
.sb-onboarding-tooltip .ctf-fb-hd-btn[data-active="false"] {
background-color: #e8e8eb;
.sb-onboarding-tooltip .ctf-fb-hd-btn[data-active="false"]:hover {
.sb-step-counter-wrap span {
text-transform: uppercase;
.sb-onboarding-tooltip .sb-pointer {
.sb-onboarding-tooltip .sb-pointer.sb-bottom-pointer {
#sb-onboarding-tooltip-single-2 .sb-pointer {
#sb-onboarding-tooltip-multiple-2:before,
#sb-onboarding-tooltip-multiple-3:before{
padding: 20px 44px 0 24px;
.sb-onboarding-bottom-row {
justify-content: space-between;
padding: 8px 16px 12px 24px;
.sb-control-colorpicker-ctn .vc-sketch{
box-shadow: none!important;
.sb-control-colorpicker-popup{
box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
.sb-control-colorpicker-popup .sb-colorpicker-reset-btn{
width: calc(100% - 20px);
.sb-control-colorpicker-swatch{
.sb-control-colorpicker-ctn .sb-control-input{
@media (min-width: 768px) and (max-width: 1023px) {
.ctf-csz-header-insider {
.ctf-csz-header-insider .sb-button-standard {
padding: 10px 14px 10px 30px;
@media (min-width: 1024px) and (max-width: 1200px) {
@media (max-width: 767px) {
.ctf-fd-lst-thtf th:nth-child(3),
.ctf-fd-lst-thtf th:nth-child(4),
.ctf-fd-lst-tbody tr td:nth-child(3),
.ctf-fd-lst-tbody tr td:nth-child(4),
.ctf-fd-lst-thtf tr td:nth-child(3),
.ctf-fd-lst-thtf tr td:nth-child(4) {
.ctf-fd-lst-thtf th:last-child,
.ctf-fd-lst-thtf tr td:last-child {
.ctf-fd-lst-tbody tr td.ctf-fd-lst-actions .sb-flex-center{