una/studio/template/css/builder_page.css

/*--- 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;
}