/* FRM.OPTIONSVIEW | frm-optionview | copyright REFLECTLAB.COM */
/* DEVELOP | 20240700.0705RZE */

/*FORM ELEMENTS*/
.js_editFormOnly {display: none;}

/*PREVIEW IMAGE*/
.control-image-preview-img {/*width: 100%;*/ display: block;}
.control-image-preview-loading {position: absolute; top: calc(50% - 36px); left: calc(50% - 18px);}

/*LOCKED ICON FOR EXTERNAL ATTR*/
.form-field .field-label .ico-locked {font-size: 95%; opacity: 0.4; color: grey;}

/*CONTENT EDITABLE DIV*/
div[contenteditable=true] {font-family: Arial!important;}
div[contenteditable=true] {display: inline-block; width: 100%; padding: 0 4px; letter-spacing: 0.03rem; box-sizing: border-box; border-radius: 1px; box-shadow: none; text-decoration: none; -webkit-appearance: none; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;} /*COPY OF INPUT ELEMENT STYLING*/

/*option-icon ico-check*/
.control-dropdown .form-option .option-icon.ico-check {display: none;}
.control-dropdown.js_multiSelected .form-option .option-icon.ico-check {display: block; opacity: 0;}
.control-dropdown.js_multiSelected .form-option.js_multiSelect .option-icon.ico-check {display: block; opacity: 1;}
.page-main .option-content .option-icon.ico-check {color: rgba(186,188,190,1.00);/*GR06*/}
.page-main .option-content .option-icon.ico-check:hover {color: rgba(186,188,190,1.00);/*GR06*/}
.page-main .option-content .option-icon.ico-check:active {color: rgba(186,188,190,1.00);/*GR06*/}
.control-dropdown.js_searchActive.js_multiSelected .form-option.js_multiSelect .option-icon.ico-check {opacity: 0.5;}

/*.js_optionContent.js_hideMulti .form-option.js_multiSelect:not(.js_dragging):not(.ui-sortable-placeholder) {display:none;}*/
.control-dropdown.js_hideMulti .form-option.js_multiSelect:not(.js_dragging):not(.ui-sortable-placeholder) {opacity: 0.35;}

/*SEARCH-BAR MARGIN FIX*/
.control-dropdown .option-column-search {margin-right: 10px;}

/*ATTRIBUTE DEFAULT TEXTAREA HEIGHT FIX*/
.textarea-attribute-valuedefault {height: 100%;}

/*NEW SWAPBOX ITEM ICON*/
.swapbox-column.column-left .swapbox-icon.ico-move-vertical {cursor: n-resize;} /*cursor: grab;*/
.swapbox-column.column-right .swapbox-icon.ico-move-vertical {display: none;}

/*FORM IMAGE LOADING DIV*/
.form-image.js_loading {background-color: rgba(0,0,0,0.01); text-align: center;}
.form-image.js_loading .loading-animate {top: -19px; left: -19px;}

/*FORM COLUMN CONTENT*/
.form-column-container {margin-top: 6px;}
.form-column-container .column-cell {flex-grow: 1; margin-right: 6px; max-width: 300px;}
.form-column-container .column-cell textarea {resize: vertical; min-height: 42px;}
.form-column-container .column-cell.cell-width input {width: 50px;}

/*FORM CUSTOM WARNING*/
.control-status.status-row {margin-top: 6px; margin-left: 0; width: fit-content;}

/*SELECTABLE MULTIIMAGE*/
.control-image-thumb.js_selected {border: 6px solid rgba(0,192,243,0.50);/*PLM*/}
.form-field .control-image-container.js_filled {height: calc(100% - 36px);}
.form-field[frm_selecttarget] .control-image-container.js_filled, .form-field[frm_selectable] .control-image-container.js_filled {height: calc(100% - 5px);}
.form-field[frm_selecttarget] .control-image-magnify {right: 2px;}

/*FORMELEMENT TEXTEDITOR*/
.texteditor-toolbar {margin-bottom: 3px; padding: 2px; background-color: rgba(231,232,233,1.00);/*GR02*/}
.texteditor-toolbar .toolbar-item {border: 1px solid rgba(174,176,178,1.00);/*GR07*/ line-height: 28px; width: 30px; text-align: center; margin-right: 3px; cursor: pointer; background-color: rgba(255,255,255,1.00);/*WHT*/}
.texteditor-toolbar .toolbar-item:not(.js_disabled):hover {background-color: rgba(239,240,240,1.00);/*GR01*/}
.texteditor-toolbar .toolbar-item.js_disabled {opacity: 0.5;}

.texteditor-toolbar .toolbar-item.toolbar-item-bold {font-weight: 600;}
.texteditor-toolbar .toolbar-item.toolbar-item-underline {text-decoration: underline;}
.texteditor-toolbar .toolbar-item.toolbar-item-italic {font-style: italic;}
.texteditor-toolbar .toolbar-item.toolbar-item-color {font-size: 1.8rem; line-height: 1.4rem; width: 50px;}
.texteditor-toolbar .toolbar-item.toolbar-item-inputtype {color: rgba(161,160,164,1.00);/*GR08*/}
.texteditor-toolbar .toolbar-item.toolbar-item-icons {position: relative; color: rgba(161,160,164,1.00);/*GR08*/}

.texteditor-toolbar .toolbar-item.toolbar-item-icons .toolbar-icon-container {position: absolute; right: 0; top: 31px; z-index: 1; max-height: 150px; overflow-y: scroll;}
.texteditor-toolbar .toolbar-item.toolbar-item-icons .toolbar-icon-container {border: 1px solid rgba(161,160,164,1.00);/*GR08*/ background-color: rgba(244,244,244,1.00);/*GRLI*/}/*THEME*/
.toolbar-icon-container .icon {width: 24px; height: 24px; border: 1px solid transparent; line-height: 24px;}
.toolbar-icon-container .icon:hover {border: 1px solid rgba(174,176,178,1.00);/*GR07*/;}

.texteditor-toolbar .toolbar-item .toolbar-inner {width: 30px;}
.texteditor-toolbar .toolbar-item .toolbar-downarrow {width: 20px; background-image:url('/_theme/form/dropdown.png'); background-size: 20px 30px; background-position: right center; background-repeat: no-repeat;}
.texteditor-toolbar .toolbar-item:not(.js_disabled) .toolbar-downarrow:hover {background-color: rgba(231,232,233,1.00);/*GR02*/}

.colorpicker-container.js_divmode .colorpicker-control {width: 127px;}
.colorpicker-container.js_divmode .colorpicker-control .button-cancel {min-width: 30px; width: 30px; margin-left: 2px;}

.form-column-container .column-image {text-align: center; min-height: 60px; line-height: 60px; color: rgba(161,160,164,1.00);/*GR08*/ cursor: pointer; padding: 3px;}
.form-column-container .cell-item input[type=text], .form-column-container .column-image {margin-bottom: 10px;}

/*FORM CHECKBOX LIST*/
.control-checkboxlist .ico-checkbox-unchecked {opacity: 0.4;}

/*FORM LIST*/
.form-field.form-list .list-label {width: 40px;}

/*FORM COLUMN IMAGE*/
.form-columns .image-column {margin-right: 10px;}

/*IMAGE EDITOR*/
.js_rotateImageLeft {-moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.js_rotateImage180 {-moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.js_rotateImageRight {-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.js_squareImage {background-size: cover;}

/*SMALL BUTTON*/
.form-field input[type=button].button-small {width: 47px;}

/*RED DATE ERROR ROWS*/
.date-list div.date-list-row  {margin-bottom: 5px;}
div.date-error, div.text-error {border: 1px solid rgba(150,38,44,1.00);/*REDH*/ background-color: rgba(255,220,220,1.00);/*REDF*/ padding: 0 3px;}
div.text-warning {border: 1px solid rgba(234,107,20,1.00);/*ORN*/ background-color: rgba(255,210,194,1.00);/*ORNF*/ padding: 0 3px;}

/*FRM STYLING NAVTAB STYLE CONFIGURATION*/
#mainContent_LAN9BTTX .ico-expand-row {position: relative!important;}

/*RED/GREEN ERROR SPAN*/
span.cell-error, span.cell-warning, span.cell-success {line-height: 21px; padding: 1px 0 2px 0;}
span.cell-error {border: 1px solid rgba(150,38,44,1.00);/*REDH*/ background-color: rgba(255,220,220,1.00);/*REDF*/}
span.cell-warning {border: 1px solid rgba(234,107,20,1.00);/*ORN*/ background-color: rgba(255,210,194,1.00);/*ORNF*/}
span.cell-success {border: 1px solid rgba(0,85,30,1.00);/*GRN*/ background-color: rgba(200,220,205,1.00);/*GRNF*/}

.control-image-container div.text-warning {position: absolute; padding: 0 3px; top: 2px; line-height: 24px;}