: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
.ctf-system-info-section .ctf-system-header .ctf-copy-btn {
border: 1px solid #DCDDE1;
padding: 5px 20px 5px 12px;
transition: all 0.15s ease-in-out;
.ctf-system-info-section .ctf-system-header .ctf-copy-btn:hover {
border: 1px solid #D0D1D7;
.ctf-system-info-section .ctf-system-header .ctf-copy-btn:focus,
.ctf-system-info-section .ctf-system-header .ctf-copy-btn:active {
border: 1px solid #D0D1D7;
.ctf-system-info-section .ctf-system-header .ctf-copy-btn svg {
transform: translate(0px, 4px);
.ctf-system-info-section .ctf-system-info {
border-bottom: 1px solid #E8E8EB;
.ctf-system-info-section .ctf-system-info .system_info:focus {
.ctf-system-info-section .ctf-system-info .system_info a {
.ctf-system-info-section .ctf-system-info .system_info {
border: 1px solid #E8E8EB;
font-family: 'Fira Code', monospace;
.ctf-system-info-section .ctf-system-info .system_info.expanded {
.ctf-system-info-section .ctf-system-info .system_info.collapsed {
.ctf-system-info-section .ctf-system-info .ctf-expand-btn {
padding: 8px 12px 8px 8px;
border: 1px solid #D0D1D7;
transition: all .15s ease-in-out;
.ctf-system-info-section .ctf-system-info .ctf-expand-btn:hover {
border: 1px solid #DCDDE1;
.ctf-system-info-section .ctf-system-info .ctf-expand-btn span {
.ctf-system-info-section .ctf-system-info .ctf-expand-btn:focus,
.ctf-system-info-section .ctf-system-info .ctf-expand-btn:active{
background: #E8E8EB!important;
color: #141B38!important;
border: 1px solid #D0D1D7!important;
.ctf-export-settings-section {
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), 0px 4px 5px rgba(0, 0, 0, 0.05);
justify-content: space-between;
.ctf-export-settings-section .ctf-export-right{
.ctf-export-settings-section .ctf-export-left h3 {
.ctf-export-settings-section .ctf-export-left p {
.ctf-export-settings-section .ctf-select{
border: 1px solid #D0D1D7;
-webkit-appearance: none;
background: #fff url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABSSURBVHgBfc4hCkAhDAbgjV3slQcvvHuYDWY1G8zewyIWb6YuCCLqD4Pt5wtD54NBQA2XVKiWcorl/X7s+DkhJYUhPk54IN5plCue0Tb8M8/aNx/uIpRVqbbFAAAAAElFTkSuQmCC') no-repeat right 15px top 55%;
.ctf-export-settings-section .ctf-btn {
padding: 7px 20px 7px 16px;
border: 1px solid #DCDDE1;
transition: all .15s ease-in-out;
.ctf-export-settings-section .ctf-btn:disabled {
.ctf-export-settings-section .ctf-btn:disabled:hover {
.ctf-export-settings-section .ctf-btn span {
transform: translate(0px, 2px);
.ctf-export-settings-section .ctf-btn:disabled span path {
.ctf-support-contact-block {}
/*** 4.0 Sticky Widget ***/
filter: drop-shadow(0px 9px 13px rgba(0, 0, 0, 0.2));
.ctf-stck-wdg[data-active="true"] .ctf-stck-wdg-btn-cls,
.ctf-stck-wdg[data-active="true"] .ctf-stck-wdg-btn-cls svg{
box-shadow: 0px 1px 6px rgb(0 0 0 / 5%), 0px 9px 12px rgb(0 0 0 / 5%);
.ctf-stck-wdg-btn-cls svg {
border: 1px solid #E2E8F0;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15), 0px 3px 14px rgba(0, 0, 0, 0.12);
.ctf-stck-wdg[data-active="true"] .ctf-stck-pop{
border: 1px solid #DCDDE1;
border-bottom: 1px solid #DCDDE1;
transition: background .15s ease-in-out;
.ctf-stck-el:last-of-type{
.ctf-stck-el-list .ctf-chevron svg{
.ctf-stck-el .ctf-stck-el-txt{
.ctf-stck-el.ctf-stck-el-upgrd{
background: var(--cl-orange);
transition: background .15s ease-in-out;
.ctf-stck-el.ctf-stck-el-upgrd .ctf-stck-el-txt{
.ctf-stck-el.ctf-stck-el-upgrd:after{
transition: background .15s ease-in-out;
.ctf-stck-flw-links a:hover{
.ctf-stck-flw-links a:hover svg{
/*** SB NOTIFICATION ELEMENT ***/
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{
/*** 6.0 - RESPONSIVENESS ***/
@media (max-width: 1024px) {
.ctf-support-contact-block {
.ctf-support-contact-block .sb-contact-block-left,
.ctf-support-contact-block .sb-contact-block-right {
.ctf-support-contact-block .sb-contact-block-right {
border-left: 0px solid #DCDDE1;
.ctf-support-contact-block .sb-contact-block-right:before {
@media (max-width: 767px) {
.ctf-support-blocks .ctf-support-block {
padding: 70px 20px 0 20px;
padding: 0px 15px 0px 7px;
.ctf-export-settings-section {
.ctf-section-header .ctf-search-doc {
.ctf-export-settings-section .ctf-export-left,
.ctf-export-settings-section .ctf-export-right{
.ctf-export-settings-section .ctf-export-left {
.ctf-export-settings-section .ctf-export-right {
.ctf-export-settings-section .ctf-select {
@media (max-width: 580px) {
.ctf-support-contact-block .sb-contact-block-left {