: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
background-color: #DCDDE1;
.sb-tabs-container .sb-tabs .tab {
padding: 9px 25px 15px 25px;
-webkit-transition: linear 0.1s;
-ms-transition: linear 0.1s;
.sb-tabs-container .sb-tabs .tab:not(:last-child) {
.sb-tabs-container .sb-tabs .tab.active {
.sb-tabs-container .sb-tabs .tab-indicator {
background-color: #0068A0;
transition: all 0.3s cubic-bezier(0.22, 0.51, 0.53, 0.88);
.slide-fade-enter-active {
.slide-fade-leave-active {
transform: translateX(10px);
/*** 4.2 - Tab Boxes ***/
.sb-tab-content .sb-tab-box {
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
.sb-tab-content .sb-tab-box-small {
.sb-tab-content .sb-tab-box h3,
#ctf-settings .sb-tab-content .sb-tab-box h3 {
.sb-tab-content .sb-tab-box h3 .sb-tooltip-info {
transform: translate(10px, 2px);
.sb-tab-content .sb-tab-box p {
.sb-tab-content .sb-tab-box .tab-label {
.sb-tab-content .sb-tab-box .tab-label.tab-label-full {
.sb-tab-content .sb-tab-box .tab-label .sb-help-text {
.sb-tab-content .license-status {
.ctf-tab-field-inner-wrap .upgrade-info{
border-bottom: 1px solid #DCDDE1;
.dev-site-license-field .upgrade-info{
border-bottom: 0px solid #DCDDE1;
.sb-tab-box.sb-license-box.license-type-free .license-status {
.sb-tab-content .sb-tab-box .ctf-tab-form-field{
width: calc(100% - 270px);
.dev-site-license-field .ctf-upgrade-license-btn {
transform: none !important;
.dev-site-license-field .ctf-upgrade-license-btn span {
.sb-tab-content .sb-tab-box .ctf-tab-form-field .ctf-tab-field-inner-wrap {
.sb-tab-content .sb-tab-box .ctf-tab-form-field .ctf-tab-field-inner-wrap:not(:last-child) {
.sb-tab-box.sb-license-box.license-type-free .ctf-tab-form-field {
.sb-tab-box.sb-manage-sources-box .ctf-tab-form-field {
.sb-tab-box.sb-custom-css-box .ctf-tab-form-field,
.sb-tab-box.sb-custom-js-box .ctf-tab-form-field {
@media (max-width: 1023px) {
.sb-tab-content .sb-tab-box .tab-label {
.sb-tab-content .sb-tab-box .ctf-tab-form-field{
.sb-tab-box.sb-license-box.license-type-free .ctf-tab-form-field .upgrade-info {
border-bottom: 1px solid #DCDDE1;
.sb-tab-box.sb-license-box.license-type-free .field-left-content,
.sb-tab-box.sb-license-box.license-type-free .field-right-content {
.sb-tab-content .sb-tab-box .ctf-tab-form-field .ctf-form-field {
.license-valid .ctf-form-field,
.license-valid .ctf-form-field:focus {
.license-invalid .ctf-form-field {
.sb-field-error .ctf-form-field,
.sb-field-error .ctf-form-field:focus {
.license-valid .field-icon {
.field-icon.field-icon-error {
.license-valid .sb-form-field .field-icon,
.sb-form-field .field-icon.field-icon-error {
.form-error .ctf-form-field,
.license-expired .ctf-form-field {
.upgrade-info span:last-child {
.sb-tab-content .sb-tab-box .ctf-tab-form-field .ctf-btn:not(.ctf-no-transform-btn){
transform: translate(10px, 0px);
.sb-tab-content .sb-tab-box.sb-caching-box .ctf-tab-form-field .ctf-btn,
.sb-tab-content .sb-tab-box.sb-import-box .ctf-tab-form-field .ctf-btn{
transform: translate(0px);
.sb-tab-content .sb-tab-box.sb-license-box .ctf-tab-form-field .sb-form-field{
.sb-tab-content .sb-tab-box .ctf-tab-form-field .field-left-content {
.ctf-manage-account-inputs .field-left-content,
.ctf-add-account-info .field-left-content{
.sb-tab-content .sb-tab-box.sb-license-box.license-type-free .ctf-tab-form-field .field-left-content {
.sb-tab-content .sb-tab-box .ctf-tab-form-field .field-right-content {
.sb-tab-content .sb-tab-box .ctf-tab-form-field .form-info {
.sb-tab-content .sb-tab-box .ctf-tab-form-field .form-info .manage-license a{
text-decoration-line: underline;
.sb-tab-content .sb-tab-box .ctf-tab-form-field .form-info .test-connection {
.sb-tab-content .sb-tab-box .ctf-tab-form-field .form-info .upgrade a {
.sb-tab-content .sb-tab-box.sb-reset-box-style {
border-bottom: 1px solid #E8E8EB;
.sb-tab-content .sb-tab-box.sb-resizing-box.sb-reset-box-style,
.sb-tab-content .sb-tab-box.sb-caching-box.sb-reset-box-style{
.sb-tab-content .sb-tab-box.sb-resizing-box .ctf-tab-form-field,
.sb-tab-content .sb-tab-box.sb-caching-box .ctf-tab-form-field{
.sb-tab-content .sb-tab-box.sb-resizing-box,
.sb-tab-content .sb-tab-box.sb-caching-box{
padding: 12px 26px 12px 16px;
box-shadow: 1px 2px 4px 0px rgb(0 0 0 / 15%), -2px -1px 9px 0px rgb(0 0 0 / 13%);
.sb-tooltip-content:after {
transform: rotate(45deg);
box-shadow: 2px 2px 2px rgb(0 0 0 / 14%);
.sb-localization-box .sb-tooltip-content:after {
.sb-tooltip-content.sb-tooltip-bottom {
box-shadow: -1px -2px 4px 0px rgb(0 0 0 / 15%), 2px 1px 9px 0px rgb(0 0 0 / 13%);
.sb-tooltip-content.sb-tooltip-bottom:after {
box-shadow: -2px -2px 2px rgb(0 0 0 / 14%);
.sb-tab-content .sb-tab-box .sb-tooltip-content p {
.sb-tab-content .sb-tab-box .sb-tooltip-content p:not(:last-child) {
.sb-tab-content .sb-tab-box .sb-tooltip-content p a {
.sb-gdpr-box .sb-gdpr-active {
.sb-gdpr-box .gdpr-help-text-yes {
.sb-gdpr-box .sb-gdpr-active .gdpr-active-icon {
.sb-gdpr-box .help-text a {
.sb-gdpr-box .sb-text-bold {
.sb-gdpr-box .sb-gdpr-bold {
text-decoration: underline;
padding: 12px 26px 12px 16px;
box-shadow: 1px 2px 4px 0px rgb(0 0 0 / 15%), -2px -1px 9px 0px rgb(0 0 0 / 13%);
.sb-gdpr-info-tooltip:before {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 10px solid #fff;
.sb-gdpr-info-tooltip .sb-gdpr-info-headline {
.sb-gdpr-info-tooltip .sb-gdpr-info-list {
.sb-gdpr-info-tooltip .sb-gdpr-info-list li {
.sb-gdpr-info-tooltip .sb-gdpr-info-list li:before {
background-color: #141B38;
.recheck-license-status svg,
transform: translate(2px, 3px);
.recheck-license-status.loading path,
.test-connection.loading path {
.rrecheck-license-status.success svg,
.test-connection.success svg {
transform: translate(3px, 6px)
.recheck-license-status i {
transform: translate(-2px, 1px);
.recheck-license-status.success path,
.test-connection.success path {
.recheck-license-status.success i,
.test-connection.success i {
.recheck-license-status.error i,
.test-connection.error i {
.recheck-license-status {
.recheck-license-status i {
.test-connection.error i {
.test-connection:not(.error):not(.success) {
.ctf-btn[disabled="disabled"] {
.ctf-btn[disabled="disabled"]:hover {
.ctf-btn[disabled="disabled"]:not(.import-btn) .icon path {
.import-btn .icon svg:not(.checkmark) path {
.import-btn[disabled="disabled"] .icon svg:not(.checkmark) path {
.import-btn .icon.loading {
transform: translate(-5px, 1px);
.import-btn .icon.success {
transform: translate(-4px, 0px);
.import-btn .icon.error {
transform: translate(-4px, 0px);
.import-btn .icon.error i {
.import-btn .icon.success svg {
.sb-form-field button .loading path,