/*--- Panel Top style ---*/ div.bx-std-pt-pages { position: relative; float: left; } div.bx-std-pt-pages div.bx-form-element-wrapper { width: 165px; } div.bx-std-pt-buttons { float: right; } /*--- Main section style ---*/ .bx-std .bx-layout-wrapper { padding-top: 0; } div.adm-bp-cell {} div.adm-bp-cell-cnt { padding: 1rem; } div.adm-bp-blocks { position: relative; } div.adm-bp-block { position: relative; overflow: hidden; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); } div.adm-bp-block.adm-bpb-inactive, div.bx-lr-dump div.adm-bp-block { opacity: 0.5; } div.adm-bp-block-empty { height: 4rem; border-style: dashed; box-shadow: none; } div.adm-bp-block-dragging {} div.adm-bpb-content { position: relative; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; padding: 0.625rem; } div.adm-bpb-icon, div.adm-bpb-icon-bg, div.adm-bpb-icon img, div.adm-bpb-icon i.sys-icon { width: 2.5rem; height: 2.5rem; max-width: none; margin-right: 0.75rem; } div.adm-bpb-icon { position: relative; } div.adm-bpb-icon-bg { background-color: #323c46; border-radius: 0.5rem; } div.adm-bpb-icon img { border-radius: 0.5rem; } div.adm-bpb-icon i.sys-icon { position: absolute; top: 0px; left: 0px; text-align: center; text-shadow: none; line-height: 2.5rem; font-size: 20px; color:white; } div.adm-bpb-info { -webkit-flex-grow: 2; flex-grow: 2; min-height: 2rem; } div.adm-bpb-title { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; padding-right: 1rem; white-space: nowrap; text-overflow: ellipsis; line-height: 1.25rem; letter-spacing: -0.4px; font-weight: 600; overflow: hidden; } div.adm-bpb-title .bx-std-api { margin-left: 0.25rem; } div.adm-bpb-description { font-size: 0.75rem; } div.adm-bpb-drag-handle { text-align: center; line-height: 2rem; cursor: move; color: #666666; font-size: 0.875rem; } /*--- Add Block popup style ---*/ div#adm-bp-create-block-popup div.bx-popup-content { padding-left: 0px; padding-right: 0px; } div.adm-bp-create-block-form {} div.adm-bp-create-block-form-cnt {} div.adm-bp-create-block-form fieldset.bx-form-section { padding-bottom: 0px; } div.adm-bp-create-block-form div.adm-bp-block:first-child { margin-top: 0px; } div.adm-bp-cbf-left { position: absolute; top: 0px; left: 0px; width: 14rem; height: 20rem; overflow-y: auto; } div.adm-bp-cbf-left-cnt {} div.adm-bp-cbf-right { position: relative; height: 20rem; margin-left: 14rem; overflow-y: auto; } div.adm-bp-cbf-right-cnt {} div.adm-bp-cbf-counter { position: relative; float: right; line-height: 38px; color: #b5b5b5; } /*--- Edit Block popup style ---*/ div.adm-bp-edit-block-form { margin-top: 0px; } /*--- Uploader Ghost in Popup style ---*/ div.bx-popup .bx-uploader-ghost .bx-ug-content input.bx-ug-url.bx-form-input-text { width: 18.0rem; } div.bx-popup .bx-uploader-ghost .bx-ug-content input.bx-ug-dimension.bx-form-input-text { width: 4.0rem; } /*--- Page Settings popups style ---*/ div#adm-bp-add-popup div.bx-popup-content, div#adm-bp-edit-popup div.bx-popup-content { padding-left: 0px; padding-right: 0px; } div.adm-bp-add-form {} div.adm-bp-add-form-cnt {} div.adm-bp-edit-form {} div.adm-bp-edit-form-cnt {} div.adm-bp-add-form fieldset.bx-form-section, div.adm-bp-edit-form fieldset.bx-form-section { padding-bottom: 0px; } div.adm-bp-add-form div.bx-std-pmen-item-cnt, div.adm-bp-edit-form div.bx-std-pmen-item-cnt { padding-left: 20px; } div.adm-bp-add-form div.bx-form-input-wrapper-custom, div.adm-bp-edit-form div.bx-form-input-wrapper-custom { position: relative; } div.adm-bp-epf-left { position: absolute; top: 0px; left: 0px; width: 14rem; height: 20rem; overflow-y: auto; } div.adm-bp-epf-left-cnt {} div.adm-bp-epf-left .bx-std-pmen-item { height: 2.5rem; } div.adm-bp-epf-right { position: relative; height: 20rem; margin-left: 14rem; overflow-y: auto; } div.adm-bp-epf-right-cnt {} div.adm-bp-epf-controls .bx-def-margin-sec-left { margin-left: 0.5rem; } div#adm-bp-settings-group-layout { margin: 0px -10px; } div.adm-bp-layout { position: relative; float: left; width: 66px; height: 66px; margin-left: 0.5rem; margin-right: 0.5rem; border: 2px solid transparent; } div.adm-bp-layout-active { border-color: #9999cc; } div.adm-bp-layout-cnt { padding: 1px; }