.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.

    Photography close up of a red flower.
    Black and white photography close up of a flower.
    Princeton Digital Group https://pdg.titansdesign.com Internet Infrastructure Sat, 26 Sep 2026 12:27:37 +0000 en-US hourly 1 https://wordpress.org/?v=5.7.20 https://pdg.titansdesign.com/wp-content/uploads/2020/05/cropped-favicon-32x32.png Princeton Digital Group https://pdg.titansdesign.com 32 32 SAMPLE https://pdg.titansdesign.com/uncategorized/sample/ Sat, 26 Sep 2026 10:25:56 +0000 http://pdg.titansdesign.com/?p=8207 The post SAMPLE appeared first on Princeton Digital Group.

    ]]>
    Our Company Values

    Creator of quality designs and thinker of fresh ideas.

    Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. A small river named Duden flows by their place and supplies it with the necessary regelialia

    A Little Of Our Story

    We were simply born to paint pixels for a living

    Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. A small river named Duden flows by their place and supplies it with the necessary regelialia

    See Our Story

    The post SAMPLE appeared first on Princeton Digital Group.

    ]]> https://pdg.titansdesign.com/uncategorized/8303/ Sat, 26 Sep 2026 10:08:14 +0000 http://pdg.titansdesign.com/?p=8303 The post appeared first on Princeton Digital Group.

    ]]>

    Mingtiandi Asia DC Forum 2020 Spotlight Interview

    Warburg Pincus, Princeton Digital Group foretell Asia’s data center future.

    Watch the interview to find out more.

    The post appeared first on Princeton Digital Group.

    ]]>
    [Webinar] Broadgroup State of the Market: Indonesia https://pdg.titansdesign.com/events/broadgroup-indonesia-webinar/ Wed, 01 Jul 2020 17:25:18 +0000 http://pdg.titansdesign.com/?p=8119 The post [Webinar] Broadgroup State of the Market: Indonesia appeared first on Princeton Digital Group.

    ]]>

    On July 23rd, 2020, Chris Street (Executive Vice President, Market Development, PDG) and Stephanus Tumbelaka (Managing Director, Indonesia, PDG) will be speaking during Broadgroup‘s State of the Market: Indonesia webinar. The virtual event aims to highlight the opportunities in the data center, Cloud and Edge sectors in Indonesia.

    Stay tuned for more details on how to register.

    The post [Webinar] Broadgroup State of the Market: Indonesia appeared first on Princeton Digital Group.

    ]]>
    TMT Finance CEO Interview: How PDG Built 18 Data Center Assets In Three Years https://pdg.titansdesign.com/newsroom/tmt-finance-ceo-interview-how-pdg-built-18-data-center-assets-in-three-years/ Wed, 01 Jul 2020 16:51:00 +0000 http://pdg.titansdesign.com/?p=8096 The post TMT Finance CEO Interview: How PDG Built 18 Data Center Assets In Three Years appeared first on Princeton Digital Group.

    ]]>
    Rangu Salgame, CEO, PDG shares his thoughts on the PDG journey in a CEO Interview with TMT Finance

    In less than three years, internet infrastructure operator Princeton Digital Group (PDG) has built a portfolio of 18 data center assets, with nine in operation and nine in development. Executing on an ambitious growth plan the company is on the path to building a multibillion-dollar, pan-Asian data center business. They currently have operations in key Asian markets, China, Singapore, Indonesia, and India.

    Carrying out an impressive growth plan via a ‘three-pronged investment’ approach – telco data center carve outs; data center company acquisitions; and greenfield data center projects – PDG CEO and co-founder, Rangu Salgame, talks to Yedda Wang, Asia Editor, TMT Finance, about what the next phase of growth looks like and why the APAC region is fast becoming the most strategic growth market globally for data centers.

    As published by TMT Finance on 27 May 2020.

    The post TMT Finance CEO Interview: How PDG Built 18 Data Center Assets In Three Years appeared first on Princeton Digital Group.

    ]]>
    How the Cloud is Driving Digital Transformation https://pdg.titansdesign.com/perspectives/how-the-cloud-is-driving-digital-transformation/ Wed, 17 Jun 2020 20:29:44 +0000 https://perspectives.princetondg.com/?p=6437 The post How the Cloud is Driving Digital Transformation appeared first on Princeton Digital Group.

    ]]>

    Around the world, the impact of the cloud is undeniable and growing rapidly. According to Gartner, the worldwide public cloud services market is forecast to grow 17% in 2020 to a total of US$266.4 billion, up from US$227.8 billion last year [1]. As users gain familiarity with a growing array of digital tools and businesses complete their digital transformation initiatives, demand on the cloud can only increase.

    Enabled by public cloud
    From online accounting software Xero [2], communication software such as Microsoft Teams [3], and collaboration tools like Slack [4], the top tools used in enterprises are increasingly powered by infrastructure hosted on public cloud platforms. With their inherent scalability and availability, services powered by the public cloud are very much an integral part of our lives at home and work today.

    There is also no question that the public cloud has dramatically transformed how enterprises deploy workloads. Instead of the weeks or months of waiting with traditional IT procurement, new systems can be rolled out within minutes or hours on a cloud platform of choice. With no capital investments required, start-ups can get on their feet or put out a minimum viable product much quicker.

    Crucially, such an approach shifts the focus away from mundane tasks around maintaining individual systems and hardware to a service delivery paradigm. With the eye on functionality and user experience, businesses can innovate better using modern methodologies such as continuous integration and continuous delivery (CI/CD) to meet evolving market conditions and the competition.

    Gear up for a hybrid cloud future
    But for the many advantages that the public cloud offers, there are also gaps where it cannot or are less optimal at addressing. Some are well-known, such as the “bill shock” of ballooning cloud costs [5] to niche cases where performance is paramount [6]. Indeed, the Thai government in May approved a multi-billion-baht budget for a private government cloud to replace public cloud deployments [7], stating that state agencies will no longer be allowed to budget for public cloud services from the next fiscal year.

    Moreover, there are data residency and locality considerations to bear in mind, as data ecosystems evolve and mature in the face of new regulations and best practices. Because organizations want to continue leveraging the capabilities of the public cloud, they are turning to hybrid cloud deployments. For some enterprises, this may involve the repatriation of some cloud deployments [8] while retaining access to the public cloud, while others might attempt to optimize their IT stack to better work in a hybrid cloud environment.

    Bar Graph by 451 Research on Direction of Movement for New Workloads and Reasons for Using Physical Server Infrastructure
    Fortunately, modern hyperconverged infrastructure (HCI) systems are simpler to deploy and offer greater flexibility over older systems, offering some of the elasticity of public cloud providers alongside the control and security of an on-premises system. On their part, colocation providers are providing high power densities for HCI systems, and new network offerings to support hybrid cloud deployments.

    Positioned for growth
    Successful digital transformation requires the right blend of digital capabilities that can leverage the best of public and private cloud deployments. And despite the substantial changes in technology, the colocation data center with its ability to support robust private cloud systems continues to maintain its relevance in a multi-cloud world.

    Paired with the right colocation facilities, enterprises can establish hybrid cloud systems to meet a diverse range of requirements:

    • Ensure business continuity: Properly designed, a hybrid cloud deployment can support digital transformation without the worry of a localized disaster crashing the entire digital ecosystem. This can be achieved by utilizing existing network connectivity between data centers or architecting the system to failover to the public cloud.
    • Meet elastic demand: The organization’s workload can be contained in the private cloud while retaining the ability to spontaneously increase workloads and address spikes in demand on the public cloud. If necessary, new core capacity can be quickly deployed on-premises to meet growth, with the public cloud taking up the slack in the interim.
    • Keep legacy systems running: The cost and complexity of migrating legacy or monolithic systems to the public cloud can be effectively addressed by continuing to run them within colocation data centers. Without the need to re-engineer traditional systems, resources and time are freed up that can be refocused on genuine innovation to enhance the organization’s bottom line.
    • Support niche requirements: Core enterprise systems that require extremely high performance or are highly latency-sensitive can be effectively hosted in a colocation facility as part of a hybrid cloud. This effectively addresses specialized requirements and ensures that there is no risk of runaway operating cost.

    When partnered with the right colocation provider who can offer the right support and facilities, enterprises can embark their digital transformation initiatives with confidence, and be able to focus on their core competencies for success.

    Drive transformation with Princeton Digital Group
    Princeton Digital Group (PDG) is a high-growth investor, developer and operator of internet infrastructure with presence in key digital economies across Asia. Backed by Warburg Pincus, a leading global private equity firm, and a leadership team with unmatched experience in the global telecom and internet infrastructure sectors, PDG delivers scalable and agile solutions for hyperscalers and enterprises, paving the way for future growth. With our deep insights, PDG delivers the critical infrastructure you need as you expand your hybrid IT deployment.

    The post How the Cloud is Driving Digital Transformation appeared first on Princeton Digital Group.

    ]]>
    中国将引领互联网基础设施的发展 https://pdg.titansdesign.com/perspectives/china-takes-lead-internet-infrastructure-growth-cn/ Wed, 17 Jun 2020 00:09:05 +0000 https://perspectives.princetondg.com/?p=6450 The post 中国将引领互联网基础设施的发展 appeared first on Princeton Digital Group.

    ]]>
    随着数字转型的需求日益增加和国家出台的“新基建”政策,中国的数据中心市场将继续稳步增长。

    预计到2023年,亚太地区的GDP将会占全球的50%以上(按购买力平价计算)。《金融时报》表示,今年,亚洲的中产 [1] 将占到全球的一半。随着这些人的素质和购买力逐渐提升,他们将成为亚太地区发展的动力。

    中国是亚洲经济发展的主引擎,从购买力平价角度而言,中国是相对美国而言更大的经济体。过去30年,中国经济持续稳步增长。2000年以来,中国的经济翻了一番多。2019年,中国占世界GDP的19%。有趣的是,中国的发展质量在过去10年内发生了很大变化,由过去依靠人口红利实现低成本制造,转变成技术生力军。

    这不仅体现在中国广泛和成熟的产品制造和服务上,同时也体现在快速增长的技术基础设施上。在亚太地区迅速发展的互联网基础设施市场,中国的市场份额最大,发展速度最快。对此,中国政府高度重视,并在最近提出加快“新基础设施”建设2。

    随后,阿里巴巴宣布了未来三年投入280亿美元的计划,腾讯也宣布未5年将在新基础设施投入700亿美元。预计到2023年亚太地区的数据中心和主机托管服务市场将会达到320亿美元的规模。届时,中国在亚太地区的整个市场将占36%,排在首位,其次是澳大利亚和日本,各占22%和8.3% [2]。

    根据预测,中国的互联网数据中心(IDC)市场规模将从2018年的180亿美元增加到2020年的250亿美元 [3]. 同时,主机托管市场也将迅速发展,从2019年的21亿美元增加到2025年的69亿美元,年复合增长率高达22.12% [4]。

    这种高速增长背后的原因,包括大量企业数据的生成、大小企业对数据安全和恢复的需求。除了跨国企业,还有许多本土企业也在寻求数据中心托管服务,推动了数据中心托管市场的发展。中国的数据中心市场发展迅猛,拥有两座世界级规模的数据中心,均坐落于内蒙古。一座占地1070万平方英尺、规模30亿美元,另一座占地770万平方英尺、建设成本19.2亿美元 [5]。

    在数字化快速发展的过程中,电信企业主导了中国的数据中心市场,占据了50%以上的市场份额 [6]。而5G移动技术在中国的进一步应用也将极大推动数据中心和机房空间的需求。

    电子竞技发展迅速
    有趣的是,分析认为,电子竞技也将是中国数据中心需求的主要驱动力之一。中国国内的游戏市场规将从2018年的308亿美元增加到2023年的415亿美元 [7]。

    中国已经拥有世界最大的游戏群体——玩家数量高达6亿,几乎是全国人口的一半。到2023年,这一数字还将增加到8.78亿,占全球电子游戏市场的三分之一 [6]。国外的游戏开发商进入中国市场一直困难重重,但是,Niko Partners [8] 的市场调研结果显示,中国的进口游戏行政审批流程已经有所改善。

    今年3月24日,中国公布了三分月第二批获批的游戏,其中国产游戏53款,包括47款移动游戏、2款Switch主机游戏、4款电脑客户端游戏。预计2020年全年获批的游戏将在1500款左右,与2019年持平。3月下旬,盛趣游戏、腾讯游戏和腾讯云联合宣布达成战略合作,促进云游戏落地 [9]。

    第5代移动通信技术(5G)延时低、带宽高的特点很可能大力助推中国的游戏行业。5G网络解决延时问题的一种方法是将直播视频移到靠近5G设备边缘的地方。这对互联网基础设施有巨大的影响,很可能推动下一代数据中心的需求。

    电子竞技的龙头企业正在和数据中心运营企业合作,希望能给玩家和粉丝带来流畅的线上体验 [10]。中国的云服务商意识到这一机遇,正在争先恐后地进入电子竞技行业。

    增长前景乐观
    中国的5G事业和电商行业正在拔高数据中心的价值。当前,中国有超过70%的人口使用电子商务服务进行商业或非商业活动 [11]。

    根据eMarketer 的报道,2019年中国电商零售规模增加了27.3%,达到了1.935万亿美元,占全国零售规模(5.291万亿美元)的36.6% [12]。电商零售的这种强劲的势头至少会保持到2023年。

    在这样的增长势头下,企业纷纷加大投入。例如,阿里巴巴未来三年在云计算的投入将高达280亿美元。《金融时报》表示,作为世界最大的云服务商之一,阿里计划斥资建设下一代数据中心并研发半导体和服务器相关的技术 [13]。

    中国的市场有其特殊之处。《金融时报》引用中国工信部的数据称:在中国的东北部,数据中心的供应是需求的两倍,导致机房的实际使用率较低。而在大城市,机房利用率相当高。例如,在北京和上海的数据中心供应缺口分别为20%和25% [14]。

    新加坡发展银行的一份银行业报告的概要表示,数据中心服务的需求主要来自于北京、上海、广州和深圳等地。数据中心第一梯队城市的已建机房实际使用率在80%左右,这些地方的需求还将以每年20%-30%的速度递增。

    PDG在2017年进入中国市场,目前正在推进的项目位于战略位置极为重要的上海和长三角地区。该地区是中国第一大数据中心市场,预计在未来十年将保持稳步增长。

    PDG 在中国有6个数据中心。其中,旗舰数据中心位于上海市奉贤区,将于今年四季度建成14兆瓦,项目整体规模为40兆瓦。此外,PDG还有两个正在推进中的项目,预计于2021年初动工。其中一个位于江苏省南通市,另一个则位于江苏省的省会南京市。南京和南通项目均为大型项目,规模分别为50兆瓦和70兆瓦。目前计划在2022年交付。另外三个项目已经建成并完全投入使用,并通过合资的形式运营。

    PDG在中国的重点是互联网行业和超大型企业,同时,我们也在找寻大型的内容提供商作为潜在客户。中国的互联网基础设施市场的增长没有放缓的迹象,对于企业来说,将会有大量内在和外在的增长机会。

    The post 中国将引领互联网基础设施的发展 appeared first on Princeton Digital Group.

    ]]>
    Growing Internet Economy Fueling DC Investment in SEA https://pdg.titansdesign.com/perspectives/growing-internet-economy-fueling-dc-investment-sea/ Thu, 11 Jun 2020 03:17:55 +0000 https://perspectives.princetondg.com/?p=6425 The post Growing Internet Economy Fueling DC Investment in SEA appeared first on Princeton Digital Group.

    ]]>
    Region’s technology savvy population drives the digital economy, resulting in sustained internet infrastructure market growth

    The strategically located South-east Asian (SEA) region is home to a technology savvy population of 650 million people [1]. SEA with its geographical advantage is a vital cog in global merchandise trade and manufacturing.

    Annual trade valued at US$5.3 trillion, passes through the sea lanes of SEA and an estimated 15 million bpd (barrels per day) of oil is transported via the strategic Malacca Straits [2]. As the global economy becomes more digitalized, the region’s importance has increased further as it transitions from being a merchandise trade center to becoming one of Asia’s major digital hubs.

    The local market is also evolving. Powered by changes in consumer behavior, the SEA’s Internet economy has been growing at an unprecedented pace hitting US$100 billion in 2019, tripling in size over the past four years. By 2025, the Internet economy is expected to grow to US$300 billion [3].

    SEA’s booming digital economy and strategic location has attracted leading global technology companies like Google, Amazon, Microsoft and Alibaba Cloud all of whom have either set up state-of-the-art Internet infrastructure in the region [4] or have announced plans to do so in the near future. As a result, SEA will have the fastest growth of colocation data centers with the market expanding at a 13 per cent compounded annual growth rate (CAGR) between 2019 and 2024, according to research by Cushman & Wakefield [5].

    A large part of the surge in data center growth will be driven by the adoption of IoT (Internet of Things) solutions as companies adopt Industry 4.0 technologies [6]. IoT devices, especially in industrial settings, dramatically increase the number of connected devices which generate large amounts of data. This data is stored and analyzed in data centers to generate actionable intelligence. Manufacturing, oil and gas, and healthcare sectors are some of the major adopters of IoT in the region. As data centers consume a significant amount of energy, many companies operating in the region are opting for new innovative designs and builds of eco-friendly data centers that are more sustainable and energy efficient [7].

    Singapore
    As SEA’s hub, Singapore is the largest data center market in the region. Recognized as one of world’s pre-eminent entrepôts, Singapore has always been at the forefront of international trade and commerce. With data being the currency of the new digital economy, it is little wonder the Republic has evolved to become one of the most mature data center locations globally. It is seen as one of Asia’s leading market in terms of data center business operations, ahead of Hong Kong, South Korea and Japan [8].

    Multimedia content providers and cloud companies are driving strong demand for data center storage and networking in Singapore. There are a growing number of younger consumers who access high levels of data daily to watch movies, upload photos and videos, play games and make cashless payments. This is attracting interest in colocation activities with various international players looking to set up data center operators in the region to support this growing demand.

    Chart from Structure Research, 2019Source: Structure Research, 2019

    Singapore also accounts for the largest supply of Asia Pacific data centers in a single location [9], nearly all major hosting and cloud providers globally have built a presence in Singapore. The growth of the Singapore Data Center market is forecasted to exceed 25% over the five-year period, 2019 – 2024.

    Indonesia
    The fast-growing Indonesian internet infrastructure market is the next major driver for SEA’s data center market. With more than 170 million internet users in the country, the Indonesian government has prioritized the digital economy as an important sector for economic growth [10].

    With a growing middle class, which some estimates believe accounts for more than 50 per cent of the total population, Indonesia has developed into an e-commerce hotbed in SEA. Market estimates reckon that the country’s e-commerce market was worth US$21 billion in gross market value (GMV) terms in 2019. McKinsey expects Indonesia’s e-commerce industry will increase almost four-fold, to be worth US$40 billion by 2022 [11]. As a result, the industry is seeing a lot of investment with established as well as new players shoring up their internet infrastructure in the country.

    The Indonesian data center market is expected to grow at a CAGR of around 11 per cent during the period 2019-2025 [12]. According to another report [13], Indonesia added more than 20 million new social media users during 2018–2019 and out of these, more than 10 million are active mobile social media users. Around 95 per cent of mobile users watch online videos, and over 60 per cent of the population now performs banking services via smartphones, thereby increasing the demand for data center facilities in the country. Indonesia’s digital economy which was at over US$30 billion in 2019 and this is expected to grow to US$150 billion by 2025.

    Amazon Web Services (AWS) has announced that it will invest US$951 million in the country over the next 10 years [14]. Earlier this year, Google confirmed that it is looking to open its first data center in Jakarta over the next twelve months [15]. Microsoft has also expressed interest in investing in a large data center in Indonesia [16].

    Cloud computing giants such as Alibaba Cloud and Google Cloud Platform (GCP) have already or are in the process of establishing their cloud platforms in existing data centers in Indonesia and they seek to fast track their growth [17].

    Malaysia, the Philippines & Thailand
    The data center market in Malaysia has recently seen strong growth and this is likely to continue over the next few years, according to a report by Research and Markets [18]. The report notes that there has been significant new data center builds and additions to existing capacity as new providers have entered the important SEA market.

    Among the other major countries in SEA, the Philippines has the most room for growth of its Internet infrastructure [19], including data centers. The Internet economy makes up 2.1 per cent of the country’s GDP currently, and is expected to hit 5.3 per cent by 2025. The Philippines is experiencing a growth surge in the online media sector, which has recorded a 42 per cent annualized growth rate since 2015. With 69 million users, the Philippines has the second highest number of internet users [20] in SEA, after Indonesia.

    Thailand’s data center market has also entered a rapid growth phase due to digital transformation initiatives implemented by the government and increasing data center adoption by small, medium, and large enterprises. The government of Thailand is focusing on enhancing telecommunications and network infrastructure of the country to support hyperscale data centers and is looking for partnership with international data center vendors in this regard [21].

    With its headquarters located in Singapore, Princeton Digital Group (PDG) is well positioned to take advantage of internet infrastructure growth in SEA. In 2019, PDG acquired 100% ownership of an existing data center – DCSG (previously known as IO Data Center) and also a 70% ownership of XL Axiata’s data center portfolio in Indonesia. Through a joint venture with XL Axiata, PDG’s portfolio of five data centers across Indonesia will support its strategic expansion in the local market. PDG has further committed US$100 million of growth capital to service the needs of hyperscalers, corporation and telecoms companies in Indonesia.

    With a strong presence in Singapore and Indonesia, PDG is strategically positioned to expand in the near future to other growth markets across Southeast Asia.

    The post Growing Internet Economy Fueling DC Investment in SEA appeared first on Princeton Digital Group.

    ]]>
    SR Analyst Notes: PDG building pan-APAC platform with hyperscale focus https://pdg.titansdesign.com/resources/sr-analyst-notes-pdg-pan-apac-hyperscale-focus/ Wed, 10 Jun 2020 01:58:46 +0000 https://perspectives.princetondg.com/?p=6399 The post SR Analyst Notes: PDG building pan-APAC platform with hyperscale focus appeared first on Princeton Digital Group.

    ]]>
    Structure Research gives an overview and analysis on Princeton Digital Group's growth journey as a pan-APAC platform

    The PDG leadership team had the chance to speak with Structure Research to share an update on the state of our business. Gain insight into the PDG vision, strategies, and opportunities in APAC with the latest Structure Research Analyst Notes.

    The post SR Analyst Notes: PDG building pan-APAC platform with hyperscale focus appeared first on Princeton Digital Group.

    ]]>
    PDG Targets Untapped Potential for Hybrid Cloud Data Centers Amid Rapid Cloud Computing Growth in Indonesia https://pdg.titansdesign.com/newsroom/pdg-targets-untapped-potential-hybrid-cloud-indonesia/ Tue, 09 Jun 2020 03:59:33 +0000 https://perspectives.princetondg.com/?p=6406 The post PDG Targets Untapped Potential for Hybrid Cloud Data Centers Amid Rapid Cloud Computing Growth in Indonesia appeared first on Princeton Digital Group.

    ]]>
    Princeton Digital Group targets untapped potential for hybrid cloud data centers amid rapid cloud computing growth in Indonesia

    The data center landscape in Indonesia is growing exponentially, as industry players like Princeton Digital Group look to tap into a market full of large domestic enterprise customers, SMEs and a broad swath of global multinational corporations.

    To keep up with demand, Princeton Digital Group, a leading investor, developer and operator of Internet infrastructure, is developing two new hyperscale greenfield builds that are slated to be ready by 2022. One will be adjacent to their Cibitung facility in Jakarta and the other new build will be interconnected to their existing site in Surabaya.

    Stephanus Tumbelaka, Princeton Digital Group’s Managing Director of Indonesia, said: “This market is quite dynamic and it has a significant amount of upside growth potential.”

    Due to rising digitization and Internet traffic, Indonesia’s data center market is expected to grow at an annual rate of 11%, with more than US$1 billion in investments.

    Mr Tumbelaka said: “As you look across the entire country, Indonesia has many metro markets outside of Jakarta that have limited data center facilities and overall capacity.”

    Along with the new facilities, Princeton Digital Group plans to upgrade their five existing facilities.

    PDG has the most carrier neutral facilities in Indonesia, covering both Java and Sumatra islands and servicing customers across four different markets: Jakarta, Surabaya, Bandung and Pekanbaru.

    Mr Tumbelaka added: “Indonesia is the world’s 14th largest country by land mass, therefore operators who only operate in a single metro or perhaps a single facility have a limited view of customers throughout Indonesia.”

    Cloud computing boom creates untapped potential for hybrid solutions
    Indonesia is projected to witness the fastest growth for cloud computing among the ASEAN countries, with tech giants like Alibaba Cloud, AWS, Google Cloud and Microsoft Azure entering the scene.

    Mr Tumbelaka said: “The growth of the cloud computing market should help facilitate the growth of the data center infrastructure sector. This has been seen in other markets throughout Asia Pacific that PDG operates in.”

    The Government’s proposed data protection law and recent data localization regulations may also positively impact both the local data center and cloud services market, as companies will be required to store their data locally in Indonesia.

    This uptake in cloud computing reveals untapped potential for hybrid cloud solutions that require third party data center facilities like Princeton Digital Group’s to provide enterprise customers with global leading operational support and flexible commercial structures.

    “We don’t feel that PDG competes with cloud service providers, rather they are our customers,” said Mr Tumbelaka.

    Princeton Digital Group noticed more enterprise and public sector customers are active in all metros they operate in, indicating that customers are considering migrating infrastructure into third party colocation facilities.

    Princeton Digital Group takes a proactive stance to overcome the challenges of rapid growth
    A rapidly developing market like Indonesia’s requires Government support to help investment climates.

    Data center operators should deploy to multiple metro markets to capture a significant amount of the domestic business.

    Mr Tumbelaka said: “As the largest carrier neutral data center operator in Indonesia with facilities across four different metro markets, we have a unique perspective.”

    PDG takes a proactive stance in the industry by reaching out across many different government agencies and industry groups to ensure their perspective is heard and that they are engaged in various discussions.

    He added: “In addition to the hyperscaler cloud providers, we feel that we are well positioned to also be able to assist local enterprise customers and MNCs with their data center infrastructure requirements.”

    Operators should look to enable the entire ecosystem of the data center community to achieve long term success since Indonesia’s market is less established compared to other countries.

    PDG removed a lot of uncertainty away from entering new markets by having a strong local partner, XL Axiata, which gave them a strong foundation to grow their business.

    The challenge of having sustainable sources of electricity to cope with the scale of the market may also impact Indonesia’s market.

    To overcome this, Princeton Digital Group focuses on building data centers towards global standards of energy efficient building codes such as BREEAM and LEED.

    “Princeton Digital Group operates data centers across Asia Pacific and we align our operations and construction processes to meet or exceed local regulations and building codes,” said Mr Tumbelaka.

    PDG has conducted operations optimization programs focusing on energy efficiency within the core mechanical and electrical systems in their five existing facilities since taking over operations in December.

    Their new developments in Jakarta and Surabaya will look to meet or exceed local regulations and building codes by working with technology and construction partners to ensure compliance with PDG’s practices during the entire life cycle of the project.

    Princeton Digital Group aims to continue their strategy to deliver high-quality data centers to both the Indonesian enterprise market and the global hyperscale community with their new and existing facilities.

    As published by W.Media.

    The post PDG Targets Untapped Potential for Hybrid Cloud Data Centers Amid Rapid Cloud Computing Growth in Indonesia appeared first on Princeton Digital Group.

    ]]>
    Delivering Digital Services to Southeast Asia https://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.

    ]]>

    The 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.

    ]]>