.rttpg-panel-control-wrapper,
.rttpg-components-popover {
--rttpg-admin-color-primary: #0066ff;
--rttpg-admin-color-primary-dark: #004dbf;
--rttpg-admin-color-secondary: #555555;
--rttpg-admin-color-black: #000000;
--rttpg-admin-color-body: #333333;
--rttpg-admin-root-tab-active: #ecf4ff;
--rttpg-admin-color-border: #cccccc;
--rttpg-admin-column-gap: 10px;
--rttpg-admin-row-gap: 10px;
--rttpg-admin-tab-btn-bg: #f9f9f9;
--rttpg-admin-tab-btn-bg-hover: #e0e0e0;
--rttpg-admin-text-xs: 13px;
--rttpg-admin-text-base: 13px;
--rttpg-admin-text-sm: 13px;
--rttpg-admin-text-md: 16px;
--rttpg-admin-transition: all 0.3s ease-in-out;
--wp-admin-theme-color: #0066ff;
--wp-admin-theme-color--rgb: 0, 102, 255;
--rttpg-admin-red-color: #f54;
color: var(--rttpg-admin-color-body);
}
.rttpg-panel-control-wrapper {
background: #e6e9ec;
}
body .rt-container-fluid {
padding-left: 0;
padding-right: 0;
}
img {
max-width: 100%;
}
input.disabled, input:disabled, textarea.disabled, textarea:disabled {
background: rgb(211 211 211 / 50%);
}
.rttpg-panel-control-wrapper .components-tab-panel__tabs {
background: #fff;
border-top: 1px solid #d1d1d1;
position: sticky;
top: 0;
z-index: 999;
box-shadow: 0 4px 5px 0 rgb(32 33 36 / 9%);
}
.rttpg-panel-control-wrapper .components-toggle-control {
width: 100%;
}
.rttpg-components-popover .components-base-control__field,
.rttpg-panel-control-wrapper .components-base-control__field {
margin-bottom: 0;
}
.rttpg-components-popover .components-base-control,
.rttpg-components-popover .rttpg-control-field,
.rttpg-panel-control-wrapper .components-base-control,
.rttpg-panel-control-wrapper .rttpg-control-field,
.rttpg-panel-control-wrapper .components-border-control {
--wp-admin-theme-color: #0066ff;
--wp-admin-theme-color--rgb: 0, 102, 255;
--column-gap: 10px;
--row-gap: 10px;
margin-bottom: 10px;
}
.components-toggle-control .components-base-control__field .components-toggle-control__label {
flex-basis: 190px;
}
.rttpg-components-popover .components-base-control:last-of-type,
.rttpg-components-popover .rttpg-control-field:last-of-type,
.rttpg-panel-control-wrapper .components-base-control:last-of-type,
.rttpg-panel-control-wrapper .rttpg-control-field:last-of-type {
margin-bottom: 6px;
}
.rttpg-components-popover .components-base-control.rttpg-cf-range-wrap .rttpg-cf-head,
.rttpg-components-popover .components-base-control.rttpg-cf-dimension .rttpg-cf-head,
.rttpg-components-popover .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-head,
.rttpg-components-popover .rttpg-control-field.rttpg-cf-dimension .rttpg-cf-head,
.rttpg-panel-control-wrapper .components-base-control.rttpg-cf-range-wrap .rttpg-cf-head,
.rttpg-panel-control-wrapper .components-base-control.rttpg-cf-dimension .rttpg-cf-head,
.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-range-wrap .rttpg-cf-head,
.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-dimension .rttpg-cf-head {
justify-content: space-between;
}
.rttpg-components-popover .components-base-control .rttpg-cf-head,
.rttpg-components-popover .rttpg-control-field .rttpg-cf-head,
.rttpg-panel-control-wrapper .components-base-control .rttpg-cf-head,
.rttpg-panel-control-wrapper .rttpg-control-field .rttpg-cf-head {
display: flex;
align-items: center;
}
.rttpg-components-popover .components-base-control .rttpg-cf-body .components-base-control,
.rttpg-components-popover .rttpg-control-field .rttpg-cf-body .components-base-control,
.rttpg-panel-control-wrapper .components-base-control .rttpg-cf-body .components-base-control,
.rttpg-panel-control-wrapper .rttpg-control-field .rttpg-cf-body .components-base-control {
margin-bottom: 0 !important;
}
.rttpg-components-popover .components-base-control .rttpg-left-part,
.rttpg-components-popover .rttpg-control-field .rttpg-left-part,
.rttpg-panel-control-wrapper .components-base-control .rttpg-left-part,
.rttpg-panel-control-wrapper .rttpg-control-field .rttpg-left-part {
display: flex;
align-items: center;
gap: var(--column-gap, 10px);
}
.rttpg-components-popover .components-base-control .rttpg-units-choices,
.rttpg-components-popover .rttpg-control-field .rttpg-units-choices,
.rttpg-panel-control-wrapper .components-base-control .rttpg-units-choices,
.rttpg-panel-control-wrapper .rttpg-control-field .rttpg-units-choices {
display: flex;
gap: 5px;
justify-content: flex-end;
}
.rttpg-components-popover .components-base-control .rttpg-units-choices label,
.rttpg-components-popover .rttpg-control-field .rttpg-units-choices label,
.rttpg-panel-control-wrapper .components-base-control .rttpg-units-choices label,
.rttpg-panel-control-wrapper .rttpg-control-field .rttpg-units-choices label {
cursor: pointer;
padding: 0;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
}
.rttpg-components-popover .components-base-control .rttpg-units-choices label:hover, .rttpg-components-popover .components-base-control .rttpg-units-choices label.active,
.rttpg-components-popover .rttpg-control-field .rttpg-units-choices label:hover,
.rttpg-components-popover .rttpg-control-field .rttpg-units-choices label.active,
.rttpg-panel-control-wrapper .components-base-control .rttpg-units-choices label:hover,
.rttpg-panel-control-wrapper .components-base-control .rttpg-units-choices label.active,
.rttpg-panel-control-wrapper .rttpg-control-field .rttpg-units-choices label:hover,
.rttpg-panel-control-wrapper .rttpg-control-field .rttpg-units-choices label.active {
color: var(--rttpg-admin-color-primary, #0066ff);
}
.rttpg-components-popover .components-base-control .components-base-control__help,
.rttpg-components-popover .rttpg-control-field .components-base-control__help,
.rttpg-panel-control-wrapper .components-base-control .components-base-control__help,
.rttpg-panel-control-wrapper .rttpg-control-field .components-base-control__help {
font-size: 12px;
font-style: italic;
margin-top: 0;
color: #888;
margin-bottom: 0;
}
.rttpg-components-popover .components-base-control .components-input-control__label,
.rttpg-components-popover .components-base-control .components-toggle-control__label,
.rttpg-components-popover .components-base-control .components-base-control__label,
.rttpg-components-popover .components-base-control .rttpg-label,
.rttpg-components-popover .rttpg-control-field .components-input-control__label,
.rttpg-components-popover .rttpg-control-field .components-toggle-control__label,
.rttpg-components-popover .rttpg-control-field .components-base-control__label,
.rttpg-components-popover .rttpg-control-field .rttpg-label,
.rttpg-panel-control-wrapper .components-base-control .components-input-control__label,
.rttpg-panel-control-wrapper .components-base-control .components-toggle-control__label,
.rttpg-panel-control-wrapper .components-base-control .components-base-control__label,
.rttpg-panel-control-wrapper .components-base-control .rttpg-label,
.rttpg-panel-control-wrapper .rttpg-control-field .components-input-control__label,
.rttpg-panel-control-wrapper .rttpg-control-field .components-toggle-control__label,
.rttpg-panel-control-wrapper .rttpg-control-field .components-base-control__label,
.rttpg-panel-control-wrapper .rttpg-control-field .rttpg-label {
font-size: var(--rttpg-admin-text-base, 13px) !important;
color: var(--rttpg-admin-color-secondary, #000) !important;
font-weight: 500 !important;
line-height: 1.3 !important;
text-transform: capitalize !important;
}
.rttpg-components-popover .components-base-control .components-input-control__label,
.rttpg-components-popover .components-base-control .components-base-control__label,
.rttpg-components-popover .rttpg-control-field .components-input-control__label,
.rttpg-components-popover .rttpg-control-field .components-base-control__label,
.rttpg-panel-control-wrapper .components-base-control .components-input-control__label,
.rttpg-panel-control-wrapper .components-base-control .components-base-control__label,
.rttpg-panel-control-wrapper .rttpg-control-field .components-input-control__label,
.rttpg-panel-control-wrapper .rttpg-control-field .components-base-control__label {
padding-bottom: var(--row-gap, 8px) !important;
margin-bottom: 0 !important;
display: inline-block;
}
.rttpg-components-popover .components-base-control .components-input-control__input,
.rttpg-components-popover .components-base-control .components-select-control__input,
.rttpg-components-popover .components-base-control .components-textarea-control__input,
.rttpg-components-popover .components-base-control .components-text-control__input,
.rttpg-components-popover .rttpg-control-field .components-input-control__input,
.rttpg-components-popover .rttpg-control-field .components-select-control__input,
.rttpg-components-popover .rttpg-control-field .components-textarea-control__input,
.rttpg-components-popover .rttpg-control-field .components-text-control__input,
.rttpg-panel-control-wrapper .components-base-control .components-input-control__input,
.rttpg-panel-control-wrapper .components-base-control .components-select-control__input,
.rttpg-panel-control-wrapper .components-base-control .components-textarea-control__input,
.rttpg-panel-control-wrapper .components-base-control .components-text-control__input,
.rttpg-panel-control-wrapper .rttpg-control-field .components-input-control__input,
.rttpg-panel-control-wrapper .rttpg-control-field .components-select-control__input,
.rttpg-panel-control-wrapper .rttpg-control-field .components-textarea-control__input,
.rttpg-panel-control-wrapper .rttpg-control-field .components-text-control__input {
line-height: 1.5 !important;
color: var(--rttpg-admin-color-secondary, #555555) !important;
border-radius: 3px;
border: 1px solid var(--rttpg-admin-color-border, #e9e9e9) !important;
transition: var(--rttpg-admin-transition, all 0.3s ease);
padding-top: 3px;
padding-bottom: 3px;
height: 32px !important;
}
.rttpg-components-popover .components-base-control .components-input-control__input:focus,
.rttpg-components-popover .components-base-control .components-select-control__input:focus,
.rttpg-components-popover .components-base-control .components-textarea-control__input:focus,
.rttpg-components-popover .components-base-control .components-text-control__input:focus,
.rttpg-components-popover .rttpg-control-field .components-input-control__input:focus,
.rttpg-components-popover .rttpg-control-field .components-select-control__input:focus,
.rttpg-components-popover .rttpg-control-field .components-textarea-control__input:focus,
.rttpg-components-popover .rttpg-control-field .components-text-control__input:focus,
.rttpg-panel-control-wrapper .components-base-control .components-input-control__input:focus,
.rttpg-panel-control-wrapper .components-base-control .components-select-control__input:focus,
.rttpg-panel-control-wrapper .components-base-control .components-textarea-control__input:focus,
.rttpg-panel-control-wrapper .components-base-control .components-text-control__input:focus,
.rttpg-panel-control-wrapper .rttpg-control-field .components-input-control__input:focus,
.rttpg-panel-control-wrapper .rttpg-control-field .components-select-control__input:focus,
.rttpg-panel-control-wrapper .rttpg-control-field .components-textarea-control__input:focus,
.rttpg-panel-control-wrapper .rttpg-control-field .components-text-control__input:focus {
outline: 0;
box-shadow: none;
border-color: var(--rttpg-admin-color-primary, #0066ff) !important;
}
.rttpg-components-popover .components-base-control .components-textarea-control__input,
.rttpg-components-popover .rttpg-control-field .components-textarea-control__input,
.rttpg-panel-control-wrapper .components-base-control .components-textarea-control__input,
.rttpg-panel-control-wrapper .rttpg-control-field .components-textarea-control__input {
height: 80px;
}
.rttpg-components-popover .components-base-control .components-input-control__backdrop,
.rttpg-components-popover .rttpg-control-field .components-input-control__backdrop,
.rttpg-panel-control-wrapper .components-base-control .components-input-control__backdrop,
.rttpg-panel-control-wrapper .rttpg-control-field .components-input-control__backdrop {
display: none;
}
.rttpg-components-popover .components-base-control .components-form-toggle .components-form-toggle__track,
.rttpg-components-popover .rttpg-control-field .components-form-toggle .components-form-toggle__track,
.rttpg-panel-control-wrapper .components-base-control .components-form-toggle .components-form-toggle__track,
.rttpg-panel-control-wrapper .rttpg-control-field .components-form-toggle .components-form-toggle__track {
border-color: #000;
}
.rttpg-components-popover .components-base-control .components-form-toggle .components-form-toggle__input:focus,
.rttpg-components-popover .rttpg-control-field .components-form-toggle .components-form-toggle__input:focus,
.rttpg-panel-control-wrapper .components-base-control .components-form-toggle .components-form-toggle__input:focus,
.rttpg-panel-control-wrapper .rttpg-control-field .components-form-toggle .components-form-toggle__input:focus {
box-shadow: none;
outline: 0;
}
.rttpg-components-popover .components-base-control .components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track,
.rttpg-components-popover .rttpg-control-field .components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track,
.rttpg-panel-control-wrapper .components-base-control .components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track,
.rttpg-panel-control-wrapper .rttpg-control-field .components-form-toggle .components-form-toggle__input:focus + .components-form-toggle__track {
box-shadow: none;
outline: 0;
}
.rttpg-components-popover .components-base-control .components-form-toggle.is-checked .components-form-toggle__track,
.rttpg-components-popover .rttpg-control-field .components-form-toggle.is-checked .components-form-toggle__track,
.rttpg-panel-control-wrapper .components-base-control .components-form-toggle.is-checked .components-form-toggle__track,
.rttpg-panel-control-wrapper .rttpg-control-field .components-form-toggle.is-checked .components-form-toggle__track {
border-color: var(--rttpg-admin-color-primary, #0066ff);
background-color: var(--rttpg-admin-color-primary, #0066ff);
}
.rttpg-components-popover .components-base-control .components-form-toggle.is-checked .components-form-toggle__thumb,
.rttpg-components-popover .rttpg-control-field .components-form-toggle.is-checked .components-form-toggle__thumb,
.rttpg-panel-control-wrapper .components-base-control .components-form-toggle.is-checked .components-form-toggle__thumb,
.rttpg-panel-control-wrapper .rttpg-control-field .components-form-toggle.is-checked .components-form-toggle__thumb {
background-color: #fff;
border-color: #fff;
}
.rttpg-components-popover .rttpg-control-single-field,
.rttpg-panel-control-wrapper .rttpg-control-single-field {
margin-top: 10px;
}
.rttpg-components-popover .rttpg-undo-btn.components-button,
.rttpg-components-popover .rttpg-undo-btn.has-icon,
.rttpg-panel-control-wrapper .rttpg-undo-btn.components-button,
.rttpg-panel-control-wrapper .rttpg-undo-btn.has-icon {
font-size: 16px;
padding: 0;
background-color: transparent;
}
.rttpg-components-popover .rttpg-undo-btn.components-button:hover, .rttpg-components-popover .rttpg-undo-btn.has-icon:hover,
.rttpg-panel-control-wrapper .rttpg-undo-btn.components-button:hover,
.rttpg-panel-control-wrapper .rttpg-undo-btn.has-icon:hover {
background-color: transparent;
}
.rttpg-components-popover .rttpg-undo-btn.components-button:focus, .rttpg-components-popover .rttpg-undo-btn.components-button:hover, .rttpg-components-popover .rttpg-undo-btn.components-button:active, .rttpg-components-popover .rttpg-undo-btn.has-icon:focus, .rttpg-components-popover .rttpg-undo-btn.has-icon:hover, .rttpg-components-popover .rttpg-undo-btn.has-icon:active,
.rttpg-panel-control-wrapper .rttpg-undo-btn.components-button:focus,
.rttpg-panel-control-wrapper .rttpg-undo-btn.components-button:hover,
.rttpg-panel-control-wrapper .rttpg-undo-btn.components-button:active,
.rttpg-panel-control-wrapper .rttpg-undo-btn.has-icon:focus,
.rttpg-panel-control-wrapper .rttpg-undo-btn.has-icon:hover,
.rttpg-panel-control-wrapper .rttpg-undo-btn.has-icon:active {
outline: 0;
box-shadow: none;
}
.rttpg-components-popover .rttpg-undo-btn.components-button span, .rttpg-components-popover .rttpg-undo-btn.has-icon span,
.rttpg-panel-control-wrapper .rttpg-undo-btn.components-button span,
.rttpg-panel-control-wrapper .rttpg-undo-btn.has-icon span {
font-size: inherit;
height: auto;
}
/*.rttpg-components-popover*/
.rttpg-components-popover .components-base-control .components-input-control__label,
.rttpg-components-popover .components-base-control .components-base-control__label,
.rttpg-components-popover .rttpg-control-field .components-input-control__label,
.rttpg-components-popover .rttpg-control-field .components-base-control__label {
margin-bottom: 6px !important;
}
.rttpg-components-popover .components-base-control .components-input-control__input,
.rttpg-components-popover .components-base-control .components-select-control__input,
.rttpg-components-popover .components-base-control .components-text-control__input,
.rttpg-components-popover .rttpg-control-field .components-input-control__input,
.rttpg-components-popover .rttpg-control-field .components-select-control__input,
.rttpg-components-popover .rttpg-control-field .components-text-control__input {
height: 34px !important;
}
/*rttpg-components-popover*/
.rttpg-components-popover {
--row-gap: 8px;
}
.rttpg-components-popover .components-input-control__backdrop {
display: none;
}
.rttpg-components-popover .components-popover__content::-webkit-scrollbar {
width: 8px;
border-radius: 8px;
}
.rttpg-components-popover .components-popover__content::-webkit-scrollbar-track {
background: linear-gradient(to bottom, #0066ff 0%, #488cf1 100%, #9dff00 0%, #f5440f 100%);
border-radius: 8px;
}
.rttpg-components-popover .components-popover__content::-webkit-scrollbar-thumb {
background: transparent;
box-shadow: 0px 0px 0px 1000vh black;
border-radius: 8px;
}
/*rttpg-tab-panel -- tab buttons*/
.rttpg-tab-panel .components-button {
color: #505960;
transition: var(--rttpg-admin-transition, all 0.3s ease);
}
.rttpg-tab-panel .components-button:focus {
outline: 0;
box-shadow: none;
}
.rttpg-tab-panel .rttpg-tab-btn {
position: relative;
height: 58px;
padding: 5px 0;
flex-grow: 1;
display: block;
border-right: 1px solid #efefef;
font-size: 12px;
border-bottom: 3px solid transparent;
}
.rttpg-tab-panel .rttpg-tab-btn:not(:last-child)::after {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 1px;
height: 100%;
background: #efefef;
}
.rttpg-tab-panel .rttpg-tab-btn:last-child {
border-right: none;
}
.rttpg-tab-panel .rttpg-tab-btn:hover {
color: var(--rttpg-admin-color-primary, #0066ff);
}
.rttpg-tab-panel .rttpg-tab-btn.active-tab {
border-bottom-color: var(--rttpg-admin-color-primary, #0066ff);
color: var(--rttpg-admin-color-primary, #0066ff);
}
.rttpg-tab-panel .rttpg-tab-btn.active-tab::before {
visibility: visible;
opacity: 1;
}
.rttpg-tab-panel .rttpg-tab-btn.content::before,
.rttpg-tab-panel .rttpg-tab-btn.settings::before,
.rttpg-tab-panel .rttpg-tab-btn.styles::before {
position: static;
font-family: dashicons;
display: block;
line-height: 1;
font-weight: 400;
font-size: 20px;
margin-bottom: 3px;
}
.rttpg-tab-panel .rttpg-tab-btn.content::before {
content: '\f464';
}
.rttpg-tab-panel .rttpg-tab-btn.settings::before {
content: '\f111';
}
.rttpg-tab-panel .rttpg-tab-btn.styles::before {
content: '\f475';
}
.rttpg-tab-content .components-button {
font-size: var(--rttpg-admin-text-base, 13px);
background: #ffffff;
color: var(--rttpg-admin-color-secondary, #555);
font-weight: bold;
border-radius: 0;
border-bottom: 1px solid #e3e3e3;
padding-top: 12px;
padding-bottom: 12px;
}
.rttpg-tab-content .components-button .components-panel__arrow {
color: inherit;
}
.rttpg-tab-content .components-button:hover {
color: var(--rttpg-admin-color-primary, #0066ff);
}
.rttpg-tab-content .components-button.rttpg-undo-btn {
border: none;
}
.rttpg-tab-content .components-panel__body-title > .components-button {
color: #495157;
font-weight: 700;
transition: 0.4s;
}
.rttpg-tab-content .is-opened .components-panel__body-title > .components-button {
color: var(--rttpg-admin-color-primary, #0066ff);
}
.rttpg-go-to-premium-panel .components-panel__body-title > .components-button {
color: var(--rttpg-admin-red-color);
text-align: center;
display: block;
padding-left: 0;
padding-right: 0;
pointer-events: none;
}
.rttpg-go-to-premium-panel .components-panel__body-title > .components-button span {
display: none;
}
.rttpg-tab-content .rttpg-btn-group {
display: flex;
align-items: center;
justify-content: space-between;
}
.rttpg-tab-content .rttpg-btn-group .components-button {
box-shadow: none;
outline: 0;
}
.rttpg-tab-content .rttpg-btn-group .components-button:active, .rttpg-tab-content .rttpg-btn-group .components-button:focus, .rttpg-tab-content .rttpg-btn-group .components-button:hover {
box-shadow: none;
outline: 0;
}
.rttpg-tab-content .rttpg-btn-group .components-button.is-secondary:active, .rttpg-tab-content .rttpg-btn-group .components-button.is-secondary:focus, .rttpg-tab-content .rttpg-btn-group .components-button.is-secondary:hover {
box-shadow: none;
outline: 0;
}
.rttpg-tab-content .rttpg-btn-group .components-button.is-secondary:hover {
color: var(--rttpg-admin-color-primary, #0066ff);
}
.rttpg-tab-content .rttpg-btn-group .rttpg-button,
.rttpg-tab-content .rttpg-btn-group .components-button {
display: inline-flex;
align-items: center;
justify-content: center;
flex-grow: 1;
font-size: var(--rttpg-admin-text-xs, 12px);
color: var(--rttpg-admin-color-secondary, #555);
background-color: var(--rttpg-admin-color-white, #fff);
border: 1px solid var(--rttpg-admin-color-border, #e9e9e9);
padding: 2px;
height: 32px;
cursor: pointer;
transition: var(--rttpg-admin-transition, all 0.3s ease-in-out);
}
.rttpg-tab-content .rttpg-btn-group .rttpg-button:first-of-type,
.rttpg-tab-content .rttpg-btn-group .components-button:first-of-type {
border-radius: 3px 0 0 3px;
}
.rttpg-tab-content .rttpg-btn-group.rttpg-bottom-border-radius-none .components-button:first-of-type {
border-radius: 3px 0 0 0;
}
.rttpg-tab-content .rttpg-btn-group.rttpg-bottom-border-radius-none .components-button:last-of-type {
border-radius: 0 3px 0 0;
}
.rttpg-tab-content .rttpg-btn-group .rttpg-button:last-of-type,
.rttpg-tab-content .rttpg-btn-group .components-button:last-of-type {
border-radius: 0 3px 3px 0;
}
.rttpg-tab-content .rttpg-btn-group .rttpg-button:not(:last-of-type),
.rttpg-tab-content .rttpg-btn-group .components-button:not(:last-of-type) {
border-right: none;
}
.rttpg-tab-content .rttpg-btn-group .rttpg-button .components-button + .components-button,
.rttpg-tab-content .rttpg-btn-group .rttpg-button .rttpg-button + .rttpg-button,
.rttpg-tab-content .rttpg-btn-group .components-button .components-button + .components-button,
.rttpg-tab-content .rttpg-btn-group .components-button .rttpg-button + .rttpg-button {
margin: 0;
}
.rttpg-tab-content .rttpg-btn-group .rttpg-button.is-primary, .rttpg-tab-content .rttpg-btn-group .rttpg-button.active,
.rttpg-tab-content .rttpg-btn-group .components-button.is-primary,
.rttpg-tab-content .rttpg-btn-group .components-button.active {
border-color: var(--rttpg-admin-color-primary, #0066ff);
color: var(--rttpg-admin-color-white, #fff);
background-color: var(--rttpg-admin-color-primary, #0066ff);
}
.rttpg-tab-content .rttpg-btn-group.rttpg-btn-group-state {
margin-bottom: 16px;
}
.rttpg-tab-content .rttpg-btn-group.rttpg-btn-group-state + .rttpg-ground-control {
margin-top: -19px;
}
.rttpg-tab-content .rttpg-btn-group.rttpg-btn-group-state .components-button {
height: 34px;
font-weight: 500;
font-size: var(--rttpg-admin-text-base, 13px);
}
.rttpg-tab-content .components-panel__body.is-opened > .components-panel__body-title {
margin-bottom: 10px;
}
.rttpg-img-remove-btn {
height: 100px;
width: 100%;
margin-bottom: 5px;
}
.rttpg-img-remove-btn span {
font-size: 30px;
width: auto;
height: auto;
margin: 0;
}
.block-editor-block-inspector .components-base-control:last-of-type {
margin-bottom: 6px;
}
.block-editor-block-inspector .components-base-control .components-textarea-control__input,
.block-editor-block-inspector .components-base-control .components-text-control__input,
.block-editor-block-inspector .components-base-control .components-input-control__input {
line-height: 1.5 !important;
height: 36px;
padding: 8px;
color: var(--rttpg-admin-color-secondary, #555);
border-radius: 3px;
border: 1px solid var(--rttpg-admin-color-border, #e9e9e9);
transition: var(--rttpg-admin-transition, all 0.3s ease-in-out);
}
.block-editor-block-inspector .components-base-control .components-textarea-control__input:focus,
.block-editor-block-inspector .components-base-control .components-text-control__input:focus {
outline: 0;
box-shadow: none;
border-color: var(--rttpg-admin-color-primary, #0066ff);
}
.block-editor-block-inspector .components-base-control .components-textarea-control__input {
height: 80px;
}
.block-editor-block-inspector .components-base-control .components-base-control__label,
.block-editor-block-inspector .components-base-control .components-toggle-control__label {
font-size: var(--rttpg-admin-text-base, 13px);
color: var(--rttpg-admin-color-secondary, #555);
font-weight: 500;
}
.block-editor-block-inspector .components-base-control .components-base-control__label {
margin-bottom: var(--row-gap, 10px);
display: inline-block;
}
.block-editor-block-inspector__advanced .components-button {
font-size: var(--rttpg-admin-text-base, 13px);
color: var(--rttpg-admin-color-black, #000);
font-weight: 500;
}
.block-editor-block-inspector__advanced .components-button .components-panel__arrow {
color: inherit;
}
.block-editor-block-inspector__advanced .components-button:focus {
outline: 0;
box-shadow: none;
}
.rttpg-panel-control-wrapper .components-panel__body {
margin-top: 10px !important;
background: #fff;
border-top: none !important;
}
.rttpg-panel-control-wrapper .components-panel__body.is-opened {
border-top: 1px solid #e0e0e0;
}
.rttpg-panel-control-wrapper .components-panel__body:last-child {
border-bottom: 10px solid #e6e9ec;
}
.rttpg-sortable-list {
display: grid;
gap: 10px;
margin-bottom: 10px;
}
.rttpg-sortable-list .rttpg-sortable-expand-area {
border: 1px solid #d3d3d3;
border-top: 0;
padding: 10px;
}
.rttpg-sortable-list .rttpg-sortable-item {
border: 1px solid #d3d3d3;
display: flex;
align-items: center;
justify-content: space-between;
line-height: 2.5em;
font-size: 13px;
color: #555 !important;
height: 40px;
}
.rttpg-sortable-list .rttpg-sortable-item .rttpg-sortable-title {
flex: 12;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap;
width: 200px;
padding-right: 5px;
display: inline-block;
}
.rttpg-sortable-list .rttpg-sortable-item .rttpg-sortable-title .rttpg-icon,
.rttpg-sortable-list .rttpg-sortable-item .rttpg-sortable-title i,
.rttpg-sortable-list .rttpg-sortable-item .rttpg-sortable-title svg {
line-height: 1;
display: inline-flex;
align-items: center;
margin-right: 3px;
position: relative;
top: 1px;
}
.rttpg-sortable-list .rttpg-sortable-item .drag-handle {
background: transparent !important;
border-left: 1px solid var(--rttpg-admin-color-border, #e9e9e9) !important;
border-right: none !important;
display: flex !important;
justify-content: center;
flex: 2 1 0 !important;
align-items: center;
color: #fff;
cursor: move;
height: 100%;
}
.rttpg-sortable-list .rttpg-sortable-item .rttpg-social-delete-icon {
font-size: 14px;
border-left: 1px solid #e9e9e9;
line-height: 2.5em;
flex: 2;
text-align: center;
display: flex;
justify-content: center;
height: 100%;
}
.rttpg-sortable-list .rttpg-sortable-item .rttpg-delete-icon:hover {
cursor: pointer;
}
.drag-helper {
list-style: none;
z-index: 100;
}
.rttpg-item-add-btn-wrapper .rttpg-add-accordion-button,
.rttpg-block > .rttpg-add-accordion-button,
.rttpg-block + .rttpg-add-accordion-button {
margin-top: 8px !important;
margin-bottom: 8px !important;
background-color: var(--rttpg-admin-tab-btn-bg, #f9f9f9) !important;
border: 1px solid #e2e2e2 !important;
padding: 12px 30px !important;
height: 42px !important;
font-size: 17px !important;
color: #000000 !important;
transition: all 0.3s ease-in-out !important;
}
.rttpg-item-add-btn-wrapper .rttpg-add-accordion-button:hover,
.rttpg-block > .rttpg-add-accordion-button:hover,
.rttpg-block + .rttpg-add-accordion-button:hover {
background-color: var(--rttpg-admin-tab-btn-bg-hover, #ededef) !important;
color: #212121 !important;
}
.rttpg-item-add-btn-wrapper .rttpg-add-accordion-button:focus,
.rttpg-block > .rttpg-add-accordion-button:focus,
.rttpg-block + .rttpg-add-accordion-button:focus {
outline: 0 !important;
box-shadow: none !important;
}
.rttpg-item-add-btn-wrapper .rttpg-add-accordion-button .dashicons,
.rttpg-block > .rttpg-add-accordion-button .dashicons,
.rttpg-block + .rttpg-add-accordion-button .dashicons {
width: 18px;
height: 18px;
font-size: 18px;
left: unset !important;
}
.rttpg-item-add-btn-wrapper.rttpg-faq {
text-align: center;
margin-top: 25px;
}
/*Alignment Button Style*/
.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-alignment-wrap {
display: flex;
justify-content: space-between;
}
.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-alignment-wrap .rttpg-btn-group .rttpg-button {
padding: 3px 10px;
}
.components-panel__body-title ~ .rttpg-add-accordion-button,
.rttpg-control-field ~ .rttpg-add-accordion-button {
margin-top: 0px !important;
margin-bottom: 10px !important;
background-color: var(--rttpg-admin-tab-btn-bg, #f9f9f9) !important;
border: 1px solid #e2e2e2 !important;
padding: 10px 12px !important;
height: 32px !important;
font-size: 13px !important;
transition: all 0.3s ease-in-out !important;
}
.components-panel__body-title ~ .rttpg-add-accordion-button:hover,
.rttpg-control-field ~ .rttpg-add-accordion-button:hover {
background-color: var(--rttpg-admin-tab-btn-bg-hover, #ededef) !important;
color: #212121 !important;
}
.components-panel__body-title ~ .rttpg-add-accordion-button:focus,
.rttpg-control-field ~ .rttpg-add-accordion-button:focus {
outline: 0 !important;
box-shadow: none !important;
}
.components-panel__body-title ~ .rttpg-add-accordion-button .dashicons,
.rttpg-control-field ~ .rttpg-add-accordion-button .dashicons {
width: 18px;
height: 18px;
font-size: 18px;
left: unset !important;
width: unset !important;
}
.rttpg-panel-control-wrapper [data-tooltip]:before {
content: attr(data-tooltip);
position: absolute;
pointer-events: none;
opacity: 0;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.15s ease;
padding: 6px 10px;
color: #fff;
background: #1a1a1a;
border-radius: 4px;
border-width: 0;
white-space: nowrap;
text-align: center;
line-height: 1.2;
font-size: 13px;
box-shadow: none;
right: -70px;
}
.rttpg-panel-control-wrapper [data-tooltip]:hover::before {
margin: 0;
opacity: 1;
z-index: 1000;
}
/*rttpg-toggle-control-field*/
.rttpg-toggle-control-field .components-base-control__field .components-flex,
.rttpg-toggle-control-field .components-base-control__field {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-content: center;
align-items: center;
}
.rttpg-toggle-control-field.rttpg-padding-left .components-toggle-control__label {
position: relative;
padding-left: 10px;
}
.rttpg-toggle-control-field.rttpg-padding-left .components-toggle-control__label::before {
content: "— ";
}
.rttpg-panel-control-wrapper .rttpg-control-field.label-inline .components-base-control__field,
.rttpg-panel-control-wrapper .rttpg-control-field.label-inline {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
height: auto;
}
.rttpg-panel-control-wrapper .rttpg-control-field.label-inline.has-help {
display: block;
}
.rttpg-panel-control-wrapper .rttpg-control-field.label-inline label {
padding: 0 !important;
line-height: 1.4;
}
.rttpg-panel-control-wrapper .rttpg-control-field.label-inline .components-text-control__input,
.rttpg-panel-control-wrapper .rttpg-control-field.label-inline .components-input-control__container {
max-width: 120px;
margin-left: 10px;
}
.rttpg-panel-control-wrapper .rttpg-control-field.label-inline.rttpg-expand .components-text-control__input,
.rttpg-panel-control-wrapper .rttpg-control-field.label-inline.rttpg-expand .components-input-control__container {
max-width: 160px;
margin-left: 10px;
}
.rttpg-panel-control-wrapper .rttpg-control-field.label-inline .components-base-control__field > div {
width: 100%;
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: center;
}
.rttpg-panel-control-wrapper input[type=text]:focus {
box-shadow: none;
}
.rttpg-control-heading {
background: #eaf5ff;
color: #212121;
padding: 7px;
width: 100%;
border-left: 3px solid #0073aa;
}
.rttpg-panel-control-wrapper .rttpg-elm-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.rttpg-panel-control-wrapper .rttpg-elm-wrapper label {
flex: 0 0 70px;
font-weight: 400;
font-size: 13px;
}
.rttpg-panel-control-wrapper .flatpickr-input {
background-color: #fff;
border-color: #ccc;
padding: 1px 15px;
flex: 0 0 calc(100% - 108px);
max-width: calc(100% - 108px);
}
.rttpg-panel-control-wrapper .flatpickr-input.active,
.rttpg-panel-control-wrapper .flatpickr-input:focus {
border-color: var(--rttpg-admin-color-primary, #0066ff);
}
.rttpg-panel-control-wrapper .flatpickr-calendar:before,
.rttpg-panel-control-wrapper .flatpickr-calendar:after {
border: none !important;
}
.rttpg-panel-control-wrapper hr {
margin: 15px 0;
}
.rttpg-panel-control-wrapper .components-circular-option-picker {
position: relative;
}
.rttpg-panel-control-wrapper .components-custom-gradient-picker .components-custom-gradient-picker__ui-line {
margin-bottom: 16px;
width: calc(100% - 32px);
}
.rttpg-panel-control-wrapper .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper .components-button {
text-indent: -99999px;
background-color: transparent !important;
padding: 0 !important;
font-family: dashicons;
width: 20px;
color: var(--rttpg-admin-color-secondary, #555) !important;
position: absolute;
bottom: 10px;
}
.rttpg-panel-control-wrapper .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper .components-button:hover,
.rttpg-panel-control-wrapper .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper .components-button:focus {
background: transparent;
}
.rttpg-panel-control-wrapper .components-circular-option-picker .components-circular-option-picker__custom-clear-wrapper .components-button::after {
content: "\f531";
font-size: 16px;
text-indent: 0;
position: absolute;
left: 0;
top: 0;
font-weight: normal;
}
.components-flex.components-custom-gradient-picker__ui-line {
align-items: end;
}
.rttpg-panel-control-wrapper .rttpg-control-field.rttpg-cf-gradient-wrap .components-custom-gradient-picker__ui-line .components-flex-item:last-of-type {
margin-bottom: 0 !important;
}
/*New component css*/
.rttpg-panel-control-wrapper .rttpg-media-actions {
position: absolute;
top: 10px !important;
right: 10px !important;
margin-top: 0 !important;
}
.rttpg-panel-control-wrapper .rttpg-media-actions button, .rttpg-panel-control-wrapper span.rttpg-remove-icon {
position: absolute;
top: 10px;
right: 10px;
width: 22px;
height: 22px;
min-height: 22px;
font-size: 10px;
color: #575c60;
background-color: rgba(255, 255, 255, .9);
border-radius: 3px;
line-height: 1.6;
border: 1px solid;
cursor: pointer;
z-index: 9;
text-align: center;
transition: 0.4s;
}
.rttpg-panel-control-wrapper .rttpg-media-actions button:hover, .rttpg-panel-control-wrapper span.rttpg-remove-icon:hover {
color: #373c41 !important;
box-shadow: 0 0 5px 0 #000 !important;
}
.rttpg-panel-control-wrapper .rttpg-media-actions button {
position: static;
text-align: center;
padding: 0 0 2px 0;
margin-left: 5px;
}
.rttpg-panel-control-wrapper .rttpg-media-actions button span {
font-size: inherit;
}
.rttpg-panel-control-wrapper .rttpg-image-avatar, .rttpg-panel-control-wrapper .rttpg-placeholder-image {
position: relative;
border: 1px dashed #a7a7a7;
padding: 20px 20px 25px;
text-align: center;
cursor: pointer;
border-radius: 0;
background-color: #d5dadf;
transition: 0.4s;
height: 120px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.rttpg-panel-control-wrapper .rttpg-image-avatar:hover, .rttpg-panel-control-wrapper .rttpg-placeholder-image:hover {
background-color: #bfc3c7;
border-color: #838383;
}
.rttpg-panel-control-wrapper .rttpg-image-avatar div, .rttpg-panel-control-wrapper .rttpg-placeholder-image div {
margin: 8px 0;
text-align: center;
}
.rttpg-image-avatar .components-button {
position: absolute;
right: 6px;
top: 6px;
border: none;
padding: 8px 10px;
min-height: 30px;
width: auto;
line-height: 1;
height: auto;
font-size: 17px;
color: var(--rttpg-admin-color-primary, #06f);
}
.rttpg-image-avatar .components-button:hover {
color: var(--rttpg-admin-color-white, #fff);
background-color: var(--rttpg-admin-color-primary, #06f);
}
.rttpg-components-popover .rttpg-color-ball,
.rttpg-panel-control-wrapper .rttpg-color-ball {
border: 4px solid #fff;
box-shadow: 0 0 0 1px #d5dadf;
cursor: pointer;
border-radius: 0 !important;
position: relative;
}
.rttpg-components-popover .rttpg-color-ball div,
.rttpg-panel-control-wrapper .rttpg-color-ball div {
border-radius: 0 !important;
height: 18px !important;
}
.rttpg-panel-control-wrapper .rttpg-cf-body-content-wrap {
border: 1px solid #dbdbdb;
padding: 7px 10px 2px;
}
.rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap {
display: flex;
align-items: center;
gap: 6px;
padding: 5px;
background: #e3eaf5;
border: 1px solid #dbdbdb;
margin-bottom: -1px;
min-height: 36px;
}
.rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .rttpg-btn-group {
flex-grow: 1;
max-width: 60px;
margin-left: auto;
}
.rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .components-button {
padding: 0;
height: 27px;
width: 30px;
border: 1px solid var(--rttpg-admin-color-primary, #06f);
}
.rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .components-button .classic-btn {
font-size: 10px;
}
.rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .components-button .gradient-btn {
font-size: 12px;
}
.rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .rttpg-undo-btn {
padding: 0;
background-color: transparent;
}
.rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .rttpg-undo-btn:hover {
background-color: transparent;
}
.rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .rttpg-undo-btn:focus, .rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .rttpg-undo-btn:hover, .rttpg-panel-control-wrapper .rttpg-cf-body-btn-wrap .rttpg-undo-btn:active {
outline: 0;
box-shadow: none;
}
.rttpg-panel-control-wrapper .components-range-control__wrapper .components-range-control__track + span {
margin-left: -5px;
}
.rttpg-panel-control-wrapper .rttpg-image-dimension {
display: grid;
grid-template-columns: 96px 1fr 1fr;
grid-gap: 15px;
}
.rttpg-panel-control-wrapper .components-base-control.rttpg-repeater div[class*='ValueContainer'] {
padding: 2px;
}
.rttpg-panel-control-wrapper .components-base-control.rttpg-repeater div[class*='ValueContainer'] div[class*='-placeholder'] {
padding-left: 5px;
}
.rttpg-panel-control-wrapper .components-base-control.rttpg-repeater div[class*='ValueContainer'] div[class*='-Input'] {
margin: 0;
padding-bottom: 0;
padding-top: 0;
padding-left: 5px;
}
.rttpg-panel-control-wrapper .components-base-control.rttpg-repeater div[class*='ValueContainer'] div[role="button"] {
cursor: pointer;
}
.rttpg-panel-control-wrapper .components-base-control.rttpg-repeater div[class*='IndicatorsContainer'] {
display: none;
}
.rttpg-panel-control-wrapper .components-heading.rttpg-control-heading {
margin-bottom: 10px;
}
.rttpg-panel-control-wrapper .rttpg-ground-control {
border: 1px solid rgb(222 228 233);
padding: 7px;
margin-bottom: 15px;
border-radius: 3px;
}
.rttpg-panel-control-wrapper .rttpg-help {
display: block;
color: #7c7c7c;
margin-top: -5px;
margin-bottom: 15px;
font-size: 12px;
line-height: 1.3;
}
.rttpg-panel-control-wrapper .pl-30 {
padding-left: 30px;
}
.rttpg-block-postgrid .rttpg-postgrid-is-loading {
display: flex;
justify-content: center;
align-items: center;
min-height: 120px;
width: 100%;
margin-left: 15px;
margin-right: 15px;
background: #f1f1f5;
}
/*Editor Overlay*/
.rttpg-block-postgrid .tpg-editor-loading {
position: relative;
}
.rt-pagination .pagination-list a span {
font-size: 12px;
}
/*Scroll top*/
.interface-interface-skeleton__sidebar.tpg-sidebar {
background: #e6e9ec;
}
.interface-interface-skeleton__sidebar .edit-post-sidebar__panel-tabs {
transition: top 0.2s ease-in-out;
}
.interface-interface-skeleton__sidebar.tpg-should-collapse .edit-post-sidebar__panel-tabs {
top: -50px;
}
.rttpg-panel-control-wrapper .components-panel__body.is-opened.tpg-collapse-active {
height: 42px;
overflow: hidden;
}
.rttpg-panel-control-wrapper .rttpg-tab-panel ::placeholder {
color: #bbb !important;
}
.rttpg-panel-control-wrapper .rttpg-tab-panel :-moz-placeholder {
color: #565656 !important;
}
.rttpg-panel-control-wrapper .rttpg-tab-panel ::-moz-placeholder {
color: #565656 !important;
}
.tpg-settings-enable .block-editor-block-inspector__advanced {
display: none;
}
.rttpg-panel-control-wrapper .rttpg-column-group .rttpg-cf-head {
margin-bottom: 5px;
display: block;
}
.rttpg-panel-control-wrapper .rttpg-column-group .rttpg-column-group-inner {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;
text-align: center;
justify-content: center;
}
.rttpg-panel-control-wrapper .rttpg-column-group .rttpg-column-group-inner .rttpg-control-field {
align-items: center;
flex-direction: column-reverse;
margin: 0;
}
.rttpg-panel-control-wrapper .rttpg-column-group .rttpg-column-group-inner .rttpg-control-field > div {
line-height: 1;
margin-bottom: 5px;
}
.rttpg-panel-control-wrapper .rttpg-column-group .rttpg-column-group-inner .rttpg-control-field .components-input-control__label {
padding-bottom: 0 !important;
color: #979797;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
}
.rttpg-block-postgrid .tpg-el-main-wrapper .rt-swiper-holder {
margin-left: 0;
margin-right: 0;
}
.rttpg-block-postgrid .slider-layout-main .tpg-widget-heading-wrapper {
margin-left: 6px;
margin-right: 7px;
}
.rttpg-block-postgrid .tpg-el-main-wrapper.slider-layout11-main .tpg-widget-heading-wrapper,
.rttpg-block-postgrid .tpg-el-main-wrapper.slider-layout12-main .tpg-widget-heading-wrapper {
padding-left: 0;
padding-right: 0;
}
.rt-layout-filter-container .rt-filter-wrap .rt-filter-item-wrap * {
pointer-events: none;
}
.rttpg-panel-control-wrapper .rttpg-is-pro {
position: relative;
cursor: not-allowed;
}
.rttpg-panel-control-wrapper .rttpg-is-pro *:not(.rttpg-alert-message) {
pointer-events: none;
}
.rttpg-panel-control-wrapper .rttpg-arert-wrapper {
position: relative;
}
.rttpg-panel-control-wrapper .rttpg-alert-message {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
width: 100%;
height: 100%;
cursor: not-allowed;
}
.rttpg-panel-control-wrapper .rttpg-is-pro label {
position: relative;
overflow: unset !important;
}
.rttpg-panel-control-wrapper .rttpg-is-pro.rttpg-dimension-wrap .rttpg-label {
position: relative;
}
.rttpg-panel-control-wrapper .pro-lable {
border: 1px solid #ff0000;
color: #fff;
background-color: #ff0000;
line-height: 13px;
font-size: 9px;
text-transform: uppercase;
border-radius: 3px;
}
.rttpg-panel-control-wrapper .rttpg-is-pro.rttpg-dimension-wrap .rttpg-label::after,
.rttpg-panel-control-wrapper .rttpg-is-pro label::after {
content: "Pro";
border: 1px solid #ff0000;
color: #fff;
background-color: #ff0000;
padding: 0 0;
display: inline-block;
position: absolute;
line-height: 13px;
font-size: 9px;
text-transform: uppercase;
border-radius: 3px;
width: 25px;
text-align: center;
margin-left: 7px;
top: -5px;
}
.rttpg-panel-control-wrapper .rttpg-is-pro.rttpg-dimension-wrap label::after {
content: none;
}
.rttpg-panel-control-wrapper .rttpg-is-pro.rttpg-dimension-wrap .rttpg-device-switchers {
display: none;
}
.rttpg-panel-control-wrapper .rttpg-is-pro .components-form-toggle .components-form-toggle__track,
.rttpg-panel-control-wrapper .rttpg-is-pro input[type=text],
.rttpg-panel-control-wrapper .rttpg-is-pro input[type=number] {
background: #e1e1e1;
}
.rttpg-panel-control-wrapper .rttpg-is-pro .components-form-toggle .components-form-toggle__thumb {
background-color: #818181;
border: #818181;
}
/*Pro message style*/
.rttpg-slider-layout-promotions {
margin-bottom: 0;
padding: 50px;
background: #efefef;
}
.rttpg-slider-layout-promotions,
.rttpg-panel-control-wrapper .rttpg-get-pro-message-wrapper {
text-align: center;
padding-bottom: 15px;
color: #6d7882;
}
.rttpg-slider-layout-promotions h4,
.rttpg-panel-control-wrapper .rttpg-get-pro-message-wrapper h4 {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
color: #6d7882;
}
.rttpg-slider-layout-promotions a,
.rttpg-panel-control-wrapper .rttpg-get-pro-message-wrapper a {
color: var(--rttpg-admin-red-color);
}
.rttpg-slider-layout-promotions .rttpg-pro-message,
.rttpg-panel-control-wrapper .rttpg-get-pro-message-wrapper .rttpg-pro-message {
margin-bottom: 10px;
}
.rttpg-slider-layout-promotions .rttpg-button-go-pro,
.rttpg-panel-control-wrapper .rttpg-get-pro-message-wrapper .rttpg-button-go-pro {
background-color: #0066ff;
color: #fff;
padding: 7px 25px;
margin-top: 20px;
-webkit-box-shadow: 0 0 1px rgb(0 0 0 / 10%), 0 2px 2px rgb(0 0 0 / 10%);
box-shadow: 0 0 1px rgb(0 0 0 / 10%), 0 2px 2px rgb(0 0 0 / 10%);
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
display: inline-block;
text-decoration: none;
}
.rttpg-slider-layout-promotions .rttpg-button-go-pro:hover,
.rttpg-panel-control-wrapper .rttpg-get-pro-message-wrapper .rttpg-button-go-pro:hover {
background-color: #004ec5;
color: #fff;
}
.block-editor-inserter__preview-container .block-editor-inserter__preview-content {
border-bottom: 1px solid #ddd;
}
.block-editor-block-types-list[aria-label="The Post Grid"] .editor-block-list-item-rttpg-tpg-slider-layout img {
transform: scale(1.3);
}
.rttpg-is-pro .rttpg-control-field .rttpg-cf-head .rt-left-part::after {
content: "PRO";
position: relative;
color: #fff;
background-color: red;
padding: 1px 0 2px;
display: inline-block;
font-size: 8px;
width: 26px;
text-align: center;
border-radius: 3px;
margin-left: auto;
font-weight: 500;
margin-right: auto;
line-height: 1.5;
}
.rttpg-panel-control-wrapper .rttpg-is-pro .rttpg-control-field.rttpg-cf-range-wrap .components-range-control__wrapper {
--wp-admin-theme-color: #ababab;
--rttpg-admin-color-primary: #ababab;
}
.rttpg-panel-control-wrapper .components-base-control__label {
text-transform: none;
}
.slider-arrow-position-top-left .swiper-navigation {
left: 5px;
}
.block-editor-block-inspector .block-editor-block-card img[alt='Grid Layout'],
.block-editor-block-inspector .block-editor-block-card img[alt='Grid Hover Layout'],
.block-editor-block-inspector .block-editor-block-card img[alt='List Layout'],
.block-editor-block-inspector .block-editor-block-card img[alt='Slider Layout'] {
padding-top: 12px;
}
.rt-layout-filter-container .rt-layout-filter-container {
margin: 0;
}
.tpg-header-wrapper.carousel .rt-layout-filter-container .rt-layout-filter-container {
flex: none;
max-width: 100%;
}
.wp-admin .slider-arrow-position-top-right .swiper-navigation {
right: 6px;
}
.wp-admin .slider-arrow-position-top-left .swiper-navigation {
left: 6px;
}
.rttpg-block-postgrid {
font-size: 16px;
}
/*RTTPG Import button style*/
.rttpg-import-button-wrapper {
margin-right: 5px;
order: -1;
display: flex;
gap: 10px;
padding: 0 10px;
}
.editor-header__toolbar .edit-post-header-toolbar {
order: -2;
}
.rttpg-import-button-wrapper button.rttpg-import-btn {
background: #002DCB linear-gradient(89.93deg, #002DCB 13.33%, #02A7FB 99.94%);
color: #ffffff;
border: none;
min-height: 33px;
transition: 0.4s;
position: relative;
z-index: 1;
white-space: nowrap;
overflow: hidden;
}
.rttpg-import-button-wrapper button.rttpg-import-btn:hover {
color: #FFFFFF;
}
.rttpg-import-button-wrapper button.rttpg-import-btn::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #002DCB linear-gradient(89.93deg, #02A7FB 13.33%, #002DCB 99.94%);
z-index: -1;
opacity: 0;
transition: 0.4s;
}
.rttpg-import-button-wrapper button.rttpg-import-btn:hover::before {
opacity: 1;
}
.rttpg-import-button-wrapper button.rttpg-import-btn:focus {
outline: none;
border: none;
box-shadow: none;
background: #002DCB linear-gradient(89.93deg, #02A7FB 13.33%, #002DCB 99.94%);
color: #FFFFFF;
}
.rttpg-import-button-wrapper button.rttpg-import-btn svg {
margin-right: 10px;
margin-top: -3px;
}
/*Row CSS*/
.rttpg-block .block-list-appender .components-button.block-editor-button-block-appender {
border: 1px solid #e9e9e9;
box-shadow: none;
color: #484b4a;
}
.rttpg-container-variation-picker .block-editor-block-variation-picker__variations {
max-width: 750px;
margin: auto;
justify-content: center;
align-items: center;
}
.rttpg-container-variation-picker .block-editor-block-variation-picker__variations li {
margin: 8px 10px;
text-align: center;
}
.rttpg-container-variation-picker .block-editor-block-variation-picker__variations li button {
color: #a3a5ab !important;
box-shadow: inset 0 0 0 1px #a3a5a9 !important;
padding: 0 10px !important;
}
.rttpg-panel-control-wrapper .rttpg-custom-alignment .rttpg-control-field.rttpg-cf-alignment-wrap {
flex-direction: column;
}
.rttpg-panel-control-wrapper .rttpg-custom-alignment .rttpg-control-field .rttpg-button svg {
max-width: 18px !important;
height: auto !important;
}
.rttpg-block-postgrid .rt-pagination-wrap {
width: 100% !important;
}
.ajax-pagination-type-next-prev-yes .rt-pagination .pagination-list a {
color: #ffffff;
background-color: var(--tpg-primary-color, #0d6efd);
}
.wp-block-social-links.is-style-logos-only.is-content-justification-left li {
flex: 1 !important;
}
[data-type="core/widget-area"] .rttpg-block-wrapper {
margin-left: 0;
margin-right: 0;
}
.components-base-control.rttpg-repeater {
position: relative;
}
.rttpg-repeater #react-select-2-listbox {
position: relative;
z-index: 9999;
}
.rttpg-toc-headings-list {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 4px;
}
.rttpg-toc-headings-list .components-base-control {
margin: 0;
font-weight: 400;
font-size: 14px;
border: 1px solid #c7c7c7;
padding: 5px 4px;
border-radius: 3px;
box-sizing: border-box;
flex: 1 0 auto;
}
.rttpg-toc-headings-list .components-base-control > div,
.rttpg-toc-headings-list .components-base-control .components-base-control__field {
display: flex;
flex-direction: column-reverse;
justify-content: center;
align-items: center;
gap: 5px;
}
.rttpg-toc-headings-list .components-base-control * {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.rttpg-toc-headings-list .components-checkbox-control__input[type=checkbox] {
border-radius: 50%;
}
jQuery(function(e){var t;e("table.languages").on({focusin:function(){clearTimeout(t);var n=e(this).find(".row-actions");e(".row-actions").not(this).removeClass("visible"),n.addClass("visible")},focusout:function(){t=setTimeout(function(){focusedRowActions.removeClass("visible")},30)}},"tr");var n=e.ui.version>="1.12.0",l=e("#flag_list").length,s=e("#lang_list").length,i=function(t,n){var l=e("
"),s=e("");return n.disabled&&this._addClass(l,null,"ui-state-disabled"),this._setText(s,n.label),s.prepend(e(n.element).data("flag-html")),s.children("img").addClass("ui-icon"),l.append(s).appendTo(t)},a=function(t){var n=e(t).selectmenu("instance").buttonText;n.prepend(e(t).children(":selected").data("flag-html")),n.children("img").addClass("ui-icon")},c=function(t){var n=e("
");return this._setText(n,t.label),this._addClass(n,"ui-selectmenu-text"),n.prepend(e(t.element).data("flag-html")),n.children("img").addClass("ui-icon"),n};function o(e,t){var l=e.selectmenu(t).selectmenu("instance");return l._renderItem=i,n&&(l._renderButtonItem=c,l.refresh()),l}var r={width:"95%",classes:{"ui-selectmenu-menu":"pll-selectmenu-menu","ui-selectmenu-button":"pll-selectmenu-button"}},u={},d=function(e,t){a(e.target)},p=function(t,n){a(e(t.target).selectmenu("refresh"))},g=function(t,n){e(t.target).selectmenu("refresh")};if(u=n?{change:g,open:g}:{create:d,select:d,change:p,open:p},l){var h=o(e("#flag_list"),Object.assign({},r,u));e("#lang_list").on("languageChanged",function(e,t){h.element.val(t),h._trigger("change")})}var f=function(t,n){var l=function(t){var n=e("option:selected",t.target),l=n.val().split(":");return{slug:l[0],locale:l[1],rtl:[l[2]],flag:l[3],name:n.text().split(" - ")[0]}}(t);!function(t){e("#lang_slug").val(t.slug),e("#lang_locale").val(t.locale),e('input[name="rtl"]').val(t.rtl),e("#lang_name").val(t.name)}(l),e(t.target).trigger("languageChanged",l.flag)},v={};e("#lang_list").closest(".pll-wizard-content").length>0&&(r=Object.assign(r,{width:"100%"})),v=n?{change:f}:{create:d,select:d,change:f},s&&o(e("#lang_list"),Object.assign({},r,v)),e(".translation input").on("keydown",function(t){"Enter"===t.key&&(t.preventDefault(),e("#submit").trigger("click"))}),e("#the-list").on("click",".configure>a",function(){return e(".pll-configure").hide().prev().show(),e(this).closest("tr").hide().next().show(),!1}),e("#the-list").on("click",".cancel",function(){e(this).closest("tr").hide().prev().show()}),e("#the-list").on("click",".save",function(){var t=e(this).closest("tr"),n=t.attr("id").split("-"),l={action:"pll_save_options",pll_ajax_settings:!0,module:n[n.length-1],_pll_nonce:e("#_pll_nonce").val()};l=t.find(":input").serialize()+"&"+e.param(l),e.post(ajaxurl,l,function(n){var l=wpAjax.parseAjaxResponse(n,"pll-ajax-response");e.each(l.responses,function(){switch(wp.hooks.doAction("pll_settings_saved",this,t.get(0)),this.what){case"license-update":e("#pll-license-"+this.data).replaceWith(this.supplemental.html);break;case"success":t.hide().prev().show();case"error":e(".settings-error").remove(),e("h1").after(this.data),e(".notice.is-dismissible").each(function(){var t=e(this),n=e(' '),l=pll_settings.dismiss_notice||"";n.find(".screen-reader-text").text(l),t.append(n),n.on("click.wp-dismiss-notice",function(n){n.preventDefault(),t.fadeTo(100,0,function(){e(this).slideUp(100,function(){e(this).remove()})})})})}})})}),e(".pll-configure").on("keydown",function(t){"Enter"===t.key&&(t.preventDefault(),e(this).find(".save").trigger("click")),"Escape"===t.key&&(t.preventDefault(),e(this).find(".cancel").trigger("click"))}),e("input[name='force_lang']").on("change",function(){function t(e,t){t?e.show():e.hide()}var n=e(this).val();t(e("#pll-domains-table"),3==n),t(e("#pll-hide-default"),3>n),t(e("#pll-rewrite"),2>n),t(e("#pll-redirect-lang"),2>n)}),e(".pll-deactivate-license").on("click",function(){var t={action:"pll_deactivate_license",pll_ajax_settings:!0,id:e(this).attr("id"),_pll_nonce:e("#_pll_nonce").val()};e.post(ajaxurl,t,function(t){e("#pll-license-"+t.id).replaceWith(t.html)})}),e(".if-js-closed").removeClass("if-js-closed").addClass("closed"),"undefined"!=typeof postboxes&&postboxes.add_postbox_toggles(pagenow)});jQuery(function(e){var t;e("table.languages").on({focusin:function(){clearTimeout(t);var n=e(this).find(".row-actions");e(".row-actions").not(this).removeClass("visible"),n.addClass("visible")},focusout:function(){t=setTimeout(function(){focusedRowActions.removeClass("visible")},30)}},"tr");var n=e.ui.version>="1.12.0",l=e("#flag_list").length,s=e("#lang_list").length,i=function(t,n){var l=e(""),s=e("");return n.disabled&&this._addClass(l,null,"ui-state-disabled"),this._setText(s,n.label),s.prepend(e(n.element).data("flag-html")),s.children("img").addClass("ui-icon"),l.append(s).appendTo(t)},a=function(t){var n=e(t).selectmenu("instance").buttonText;n.prepend(e(t).children(":selected").data("flag-html")),n.children("img").addClass("ui-icon")},c=function(t){var n=e("
");return this._setText(n,t.label),this._addClass(n,"ui-selectmenu-text"),n.prepend(e(t.element).data("flag-html")),n.children("img").addClass("ui-icon"),n};function o(e,t){var l=e.selectmenu(t).selectmenu("instance");return l._renderItem=i,n&&(l._renderButtonItem=c,l.refresh()),l}var r={width:"95%",classes:{"ui-selectmenu-menu":"pll-selectmenu-menu","ui-selectmenu-button":"pll-selectmenu-button"}},u={},d=function(e,t){a(e.target)},p=function(t,n){a(e(t.target).selectmenu("refresh"))},g=function(t,n){e(t.target).selectmenu("refresh")};if(u=n?{change:g,open:g}:{create:d,select:d,change:p,open:p},l){var h=o(e("#flag_list"),Object.assign({},r,u));e("#lang_list").on("languageChanged",function(e,t){h.element.val(t),h._trigger("change")})}var f=function(t,n){var l=function(t){var n=e("option:selected",t.target),l=n.val().split(":");return{slug:l[0],locale:l[1],rtl:[l[2]],flag:l[3],name:n.text().split(" - ")[0]}}(t);!function(t){e("#lang_slug").val(t.slug),e("#lang_locale").val(t.locale),e('input[name="rtl"]').val(t.rtl),e("#lang_name").val(t.name)}(l),e(t.target).trigger("languageChanged",l.flag)},v={};e("#lang_list").closest(".pll-wizard-content").length>0&&(r=Object.assign(r,{width:"100%"})),v=n?{change:f}:{create:d,select:d,change:f},s&&o(e("#lang_list"),Object.assign({},r,v)),e(".translation input").on("keydown",function(t){"Enter"===t.key&&(t.preventDefault(),e("#submit").trigger("click"))}),e("#the-list").on("click",".configure>a",function(){return e(".pll-configure").hide().prev().show(),e(this).closest("tr").hide().next().show(),!1}),e("#the-list").on("click",".cancel",function(){e(this).closest("tr").hide().prev().show()}),e("#the-list").on("click",".save",function(){var t=e(this).closest("tr"),n=t.attr("id").split("-"),l={action:"pll_save_options",pll_ajax_settings:!0,module:n[n.length-1],_pll_nonce:e("#_pll_nonce").val()};l=t.find(":input").serialize()+"&"+e.param(l),e.post(ajaxurl,l,function(n){var l=wpAjax.parseAjaxResponse(n,"pll-ajax-response");e.each(l.responses,function(){switch(wp.hooks.doAction("pll_settings_saved",this,t.get(0)),this.what){case"license-update":e("#pll-license-"+this.data).replaceWith(this.supplemental.html);break;case"success":t.hide().prev().show();case"error":e(".settings-error").remove(),e("h1").after(this.data),e(".notice.is-dismissible").each(function(){var t=e(this),n=e(' '),l=pll_settings.dismiss_notice||"";n.find(".screen-reader-text").text(l),t.append(n),n.on("click.wp-dismiss-notice",function(n){n.preventDefault(),t.fadeTo(100,0,function(){e(this).slideUp(100,function(){e(this).remove()})})})})}})})}),e(".pll-configure").on("keydown",function(t){"Enter"===t.key&&(t.preventDefault(),e(this).find(".save").trigger("click")),"Escape"===t.key&&(t.preventDefault(),e(this).find(".cancel").trigger("click"))}),e("input[name='force_lang']").on("change",function(){function t(e,t){t?e.show():e.hide()}var n=e(this).val();t(e("#pll-domains-table"),3==n),t(e("#pll-hide-default"),3>n),t(e("#pll-rewrite"),2>n),t(e("#pll-redirect-lang"),2>n)}),e(".pll-deactivate-license").on("click",function(){var t={action:"pll_deactivate_license",pll_ajax_settings:!0,id:e(this).attr("id"),_pll_nonce:e("#_pll_nonce").val()};e.post(ajaxurl,t,function(t){e("#pll-license-"+t.id).replaceWith(t.html)})}),e(".if-js-closed").removeClass("if-js-closed").addClass("closed"),"undefined"!=typeof postboxes&&postboxes.add_postbox_toggles(pagenow)});
About Us
Fleurs is a flower delivery and subscription business. Based in the EU, our mission is not only to deliver stunning flower arrangements across but also foster knowledge and enthusiasm on the beautiful gift of nature: flowers.
Chris Street – Princeton Digital Group
http://pdg.titansdesign.com
Internet Infrastructure
Wed, 01 Jul 2020 17:52:21 +0000
en-US
hourly
1
https://wordpress.org/?v=5.7.20
http://pdg.titansdesign.com/wp-content/uploads/2020/05/cropped-favicon-32x32.png
Chris Street – Princeton Digital Group
http://pdg.titansdesign.com
32
32
-
Delivering Digital Services to Southeast Asia
http://pdg.titansdesign.com/perspectives/delivering-digital-services-sea/
Wed, 03 Jun 2020 01:00:24 +0000
https://perspectives.princetondg.com/?p=6391
The post Delivering Digital Services to Southeast Asia appeared first on Princeton Digital Group .
]]>
T he pace of digital transformation is accelerating, spurred by the unrelenting evolution of the digital landscape. Digital services that were unimaginable just a decade ago are very much part of our lives today: from cloud-based media, ride-hailing, to a plethora of mobile-centric social networks and platforms. Indeed, even cloud gaming is starting to catch on, with demanding video games operated on remote hardware and delivered over the Internet.
Against this backdrop, businesses must move quickly to harness the ample opportunities if they want to succeed.
Surging digital growth in Southeast Asia
In Southeast Asia, Internet users have increased dramatically, while average broadband speeds have edged upwards. For instance, the number of Internet Users in Indonesia has risen to 175.4 million at the start of this year, an increase of 17% in the short span of a year [1] . Broadband speeds in countries such as Singapore and Thailand are also identified as being the fastest globally [2] .
It is no wonder that the region has been called out for its tremendous potential for growth. According to the Google and Temasek “e-Conomy SEA 2019 report”, the Southeast Asia Internet economy grew to US$100 billion last year and is projected to triple to US$300 billion by 2025 [3] . The report also found that the Internet economies in Malaysia, Thailand, Singapore, and the Philippines are growing by between 20 per cent and 30 per cent annually, while countries such as Indonesia and Vietnam are leading with growth rates in excess of 40 per cent a year.
Cloud service providers are cognizant of the opportunities and have reacted accordingly. Practically every major public cloud player has established facilities in Singapore, and most have deployed multiple data centers to deliver heightened reliability to meet enterprise requirements. To deliver digital services to every corner of Asia, they are also moving into new countries that are growing rapidly, with both Google Cloud and Amazon Web Services (AWS) having announced cloud regions in Indonesia – Alibaba Cloud already has two data centers since last year [4] .
The growing importance of data residency
While data can be stored anywhere and accessed through the Internet, the physics of fiber optics and traversing a global patchwork of subsea cables mean that network latency mounts quickly the further the requester is from the data. On the other hand, placing systems closer to users translate to a much shorter pathway, culminating in a quicker response time. In an age of customer experience, keeping lags and load times to a minimum is vital for responsive digital services.
A second, but equally important reason for an in-country data center revolves around data residency. Though regulations such as Europe’s General Data Protection Regulation (GDPR) had all the limelight, a growing awareness of privacy and data sovereignty means that other nations are enacting new regulations around how data is stored.
Already making itself felt are regulations such as Indonesia’s Government Regulation 82 of 2012 (PP 82/2012), which prohibits “public” data from being kept outside the country without prior approval. Though it is generic in nature, it offers a glimpse of the future as nations amend existing laws and craft new legislation around data residency to protect their citizens and rights.
FSI sector moving data back
To meet tightening requirements, Indonesian banks have migrated their data to comply, and have either established new local data centers or beefed up existing facilities to cope. At least one “very large” Indonesian bank has moved its data center back into the country; a foreign-owned bank also upgraded its local data center capacity shortly after the regulation was announced [5] .
This impacts financial start-ups or organizations in the Fintech space, too. Indonesian digital payment provider Go-Pay, for instance, maintains data centers in Indonesia to serve its quarter of a million online and offline merchants in the country [6] . Unsurprisingly, the result is a surge of growth with the colocation data center market projected to market research by Arizton of around US$300 million for the period between 2019 and 2025 [7] .
Newer regulation rules are also piling on the pressure. For instance, outsourced or cloud providers serving commercial banks must be ready for independent audits by the country’s Financial Services Authority [8] . This allows the government agency to directly audit service providers and puts the onus on banks to replace service providers that offer below par services.
A considered approach to digital services
There is no question that Southeast Asia is primed for growth, driven by high rates of Internet and smartphone penetration as well as surging consumption of digital services such as e-commerce, online gaming, and financial services such as digital payments. The ample opportunities explain why the region is highly popular with start-ups, with investors drawn by valuations that they believe have yet to peak [9] .
But how can organizations deliver digital services to every corner of the region? Singaporean e-commerce firm Shopee offers a glimpse of one possible approach with its “hyper-localized” strategy. Instead of relying on a singular app for accessing its platform, it offers various smartphone apps tailored to users of countries such as Malaysia, Thailand, Indonesia, Vietnam, and the Philippines.
And while Shopee has not publicly disclosed the locations of its data centers, we know that Gojek relies on infrastructure automation tool that lets it manage multiple data centers with ease [10] . This strategy makes sense for organizations looking to grow in Southeast Asia, as the best response time can only be delivered by a nearby facility. Moreover, it also makes it trivial to comply with regulations around data residency, while potentially meeting future requirements as regulations evolve and tighten over time.
Succeed in Asia with Princeton Digital Group
As a Warburg Pincus-backed investor, developer and operator of internet infrastructure, Princeton Digital Group (PDG) is uniquely placed in delivering the right digital infrastructure to the right location. Our portfolio of data centers currently powers the expansion of hyperscalers and enterprises in the world’s fastest-growing digital economies such as Singapore, Indonesia, India, and China, with many more to come.
Delivering digital services to every corner of Asia is hardly difficult with the Internet. Success, however, requires a considered approach that takes factors such as the location of data centers, users, and data regulations into the equation. With our deep insights and extensive presence in the various markets in Asia, PDG can give you the added advantage to succeed.
The post Delivering Digital Services to Southeast Asia appeared first on Princeton Digital Group .
]]>
-
Robust Internet Infrastructure Key to Asia Pacific’s Digital Push
http://pdg.titansdesign.com/perspectives/asia-digital-push/
Wed, 22 Apr 2020 01:00:40 +0000
https://perspectives.princetondg.com/?p=6299
The post Robust Internet Infrastructure Key to Asia Pacific’s Digital Push appeared first on Princeton Digital Group .
]]>
W ith three of the top five global economies [1] – China, Japan and India – Asia Pacific is home to a digitally-savvy population keenly interested in trying out new technologies. This has created increased demand for online services that are available anytime and from anywhere. Companies are scrambling to digitally transform themselves with a cloud first strategy in order to meet this demand.
As a domino effect, the internet infrastructure market has been growing steadily in the Asia Pacific region. This presents a major opportunity for data center operators with the right technology and expertise.
Apart from the three top economies, another regional driver for Asia Pacific growth and digitization is the economically well-knit ASEAN region with 650 million inhabitants. The region registered a combined GDP of US$3 trillion in 2018 [2] , making the region another magnet for global investment with Singapore being the destination of choice for global organizations for regional headquarters and infrastructure. The ASEAN region could add nearly as much to the global output as the Eurozone over the next five years [3] , according to an HSBC report released late last year.
Adding to the already prevalent digital momentum, the COVID-19 pandemic has given a new sense of urgency for secure cloud-based digital platforms for employees to work from home during nationwide lockdowns. Many innovative cloud-based technologies are being tried out by organizations in Asia Pacific and these could become the norm once this pandemic is behind us.
Market size
To understand just how big an opportunity Asia Pacific presents for data center operators, one needs to look at market size. The region will become the second largest data center and hosting market in the world by 2023 [4] and revenues will increase dramatically. Asia Pacific will account for 29.6 per cent of the global data center market revenue in 2023, just behind North America which will account for 34.3 per cent.
In US dollar terms, the Asia Pacific data center market is forecast to reach US$32 billion by 2023, behind only North America in terms of regional revenue [5] . This represents a major growth opportunity for companies with the right technology and expertise in the internet infrastructure business.
The Asia Cloud Computing Association (ACCA), which brings out the authoritative, Cloud Readiness Index, notes that Asia Pacific’s international connectivity has increased by 63 per cent year-on-year in 2018 [6] , ensuring that the region’s economies are in a strong position to lead the next wave of global digital innovation. Many governments continue to provide support around cloud infrastructure, planning and procurement, in the form of “Cloud First” strategies. All this fuels the region’s data center market growth.
Growth drivers
There are many drivers for Asia Pacific data center growth and one of them is online shopping. With the largest number of internet users in the world, online retail is booming in Asia Pacific. It is expected to grow from a paltry 3.2 per cent of total retail sales in 2011 to 17.2 per cent by 2021, according to Euromonitor International. This compares well with the global figure of 18.1 per cent also in 2021 [7] .
Closely related to the above is the rise of regional super-apps, like Grab and Gojek in South-East Asia (SEA) and Paytm in India. Following the Chinese model, popularized by WeChat and Alipay, these applications offer a multitude of services to customers. Grab and Gojek offer services ranging from ride hailing, food delivery, medical advice and even help in choosing financial products. In markets like Indonesia, where the majority of the population are unbanked, the super-apps have come up with novel ways to tap into new customer needs [8] .
With integration of third party services these super-apps require massive amounts of cloud compute to offer real time access through mobile phones. Not surprisingly this is also fueling regional data center demand.
Demand for OTT (Over the Top) video services like Netflix, Amazon and also regional content from a number of local service providers is also growing rapidly in the Asia Pacific region. Global hyperscale operators are thus looking for data center space in the region to feed this demand. Apart from the established players, new international services are entering the market hoping to capitalize on the enormous scale available. It is estimated that Asia Pacific subscription OTT revenues are likely to reach US$19.9 billion by 2024 [9] .
Another driver for data center growth stems from the increasing requirement of governments for data localization from international service providers. A good example of this is the Indian market.
Currently around 70 per cent of the country’s data is stored outside of India but new legislation is attempting to reverse that with data localization laws that are similar to the ones being used in Germany and Australia [10] . Demand is outstripping supply in India and analysts expect the country’s data center market size and capacity to grow from 252 MW of power in 2019 to 536.1 MW by 2024, which means a compound annual growth rate (CAGR) greater than 20 per cent [11] .
Indonesia is another country which is tightening legislation in order to make it imperative to store its citizens’ data within the country [12] . At the same time, the country is attracting investments from hyperscale cloud services providers such as Google, Alibaba and Amazon due to market size.
New technologies like Internet of Things (IoT), Artificial Intelligence (AI) and big data analytics, which Asia Pacific companies are rapidly adopting, require high performance computing infrastructure. Along with the fifth generation mobile telephony (5G) this will also drive cloud-based digital transformation.
For organizations, data centers are becoming as important a part of business operations as are office space, retail and industrial assets. In an increasingly digital world a cloud-based enterprise IT strategy has become an essential part of business delivery.
All these market trends indicate that Asia Pacific demand for high tech and high performance data centers is unlikely to abate anytime soon. Once the region and the globe manages to defeat the COVID-19 virus and go back to normal conditions, it is quite likely that new ways of working through online tools will become the norm and this in turn will also fuel further data center demand. This makes the region a major market opportunity for companies with the right kind of technology.
About Princeton Digital Group
Princeton Digital Group (PDG) is a Warburg Pincus-backed investor, developer and operator of internet infrastructure. Our portfolio of data centers powers the expansion of hyperscalers and enterprises in the world’s fastest-growing digital economies. Our agility, speed and unmatched experience in scaling global internet infrastructure provide our partners and customers immediate access to growth opportunities across Asia.
The post Robust Internet Infrastructure Key to Asia Pacific’s Digital Push appeared first on Princeton Digital Group .
]]>