/* FRM.FORM | 10-FORM.CSS | COPYRIGHT TRADINGEMBASSY.COM */
/* DEFAULT | 20220520.0521FSI */

/*SORTABLE.LIST*/
.sort-cell.formName, .list-cell.formName {width: 300px;}
.sort-cell.formUrlKey, .list-cell.formUrlKey {width: 300px;}
.sort-cell.formAttributeSet, .list-cell.formAttributeSet {width: 300px;}
/*ATTRIBUTE-SET*/
.unique-form-name {width: 300px;}
.dropdown-form-type {width: 300px;}
.dropdown-form-groupname {width: 300px;}
/*FORM.CREATE*/
.dropdown-form-formgroupparent {min-width: 400px;}
.textfield-form-formgroupname {min-width: 400px;}
.textfield-form-formurlkey {min-width: 300px;}
.dropdown-form-formattributeset {min-width: 300px;}

/*FORM.REGISTER*/
.dropdown-form-formname {width: 400px;}
.dropdown-form-account {width: 400px;}

/*NEXT*/
.unique-form-formname {min-width: 400px;}
.unique-form-formurlkey {min-width: 300px;}

/*FORM-FIELDS*/
.textarea-attribute-formtext {width: 400px; height: 100px;}

/* FRM.FORM.ELEMENT *******************************************************************************************************************************************/

/*form-element-option*/
.control-dropdown .option-content {min-height: 34px; width: 100%;}
.control-dropdown.js_searchActive .form-option-rowaction .js_moveDown,
.control-dropdown.js_searchActive .form-option-rowaction .js_moveUp,
.control-dropdown.js_searchActive .form-option-rowaction .grabbable  {opacity: 0.5;}

.control-dropdown {position: relative;}
.control-dropdown .option-content {max-height: 100%; overflow-y: auto;}
.control-dropdown.js_contentInit .js_optionContent {height: 300px;}
.control-dropdown .js_overlay {display: none; z-index: 0!important;}
.control-dropdown .js_overlay .loading-animate {height: 64px;}
.control-dropdown.js_contentLoading .js_overlay {display: -webkit-box; display: -ms-flexbox; display: flex;}

/*FORM-OPTION SEARCH / SORT*/
.control-dropdown .option-column-search {position: relative; width: 510px; margin: 0 42px 7px 0;}
.control-dropdown .option-actions-container {margin-bottom: 6px;}
.control-dropdown .option-column-sort {width: 120px;}
.control-dropdown .option-column-duplicates {margin-left: 6px; width: 120px;}

.control-dropdown .option-column-search .option-column-search-clear {position: absolute; top: 1px; right: 5px; opacity: 0.5; display: none;}
.control-dropdown .option-column-search.js_active:hover .option-column-search-clear {display: block;}

.form-option-rowaction div {min-width: 20px;}
.form-option-state {width: 30px;}

/*form element option error*/
input.js_errorPermanent {color: rgba(150,38,44,1.00);/*REDH*/ border: 1px solid rgba(150,38,44,1.00);/*REDH*/ background-color: rgba(255,220,220,1.00);/*REDF*/}/*THEME*/
.option-error-message {margin-top: 3px; line-height: 1.125rem;/*18px*/}

.page-main .form-option-rowaction .option-icon.ico-add {/*display: none; TEMP DISABLED??*/ margin-left: 24px;}
.page-main .form-option:hover .form-option-rowaction .option-icon.ico-add {display: block;}

.page-main .option-search-container .option-icon.ico-add {/*display: none; */margin-left: 131px;}
.page-main .opion-header-container {font-weight: 600;}

.page-main .form-option-rowaction .option-icon.ico-cancel:hover {color: rgba(150,38,44,1.00);/*REDH*/}/*THEME*/
.page-main .form-option-rowaction .option-icon.ico-delete:hover,
.page-main .option-search-container .option-icon.ico-add:hover,
.page-main .form-option-rowaction .option-icon.ico-add:hover {color: rgba(139,197,63,1.00);/*PMGL*/}/*THEME*/           /* <<< COPIED FROM 00-FRAME.CSS */
.page-main .option-search-container .option-icon {color: rgba(186,188,190,1.00);/*GR06*/}/*THEME*/

/*small image preview*/
.form-image-preview {position: relative; width: 300px; height: 300px; background-color: rgba(0,0,0,0.04); background-size: contain; background-position: center center; background-repeat: no-repeat;}/*THEME*/
.form-image-preview .control-image-magnify {position: absolute; right: 2px; bottom: 2px; width: 20px; line-height: 20px; cursor: pointer; background-color: rgba(255,255,255,0.7); opacity: 0; transition: opacity 0.6s;}
.js_fieldControl:hover .form-image-preview:not(.js_busy) .control-image-magnify {opacity: 1;}

/*textarea + texteditor exlude lineheight*/
.control-textarea-compact {line-height: 1.125rem;/*18px*/ padding-top: 6px;}

/*language formIcon*/
.form-field .languageIcon {width: 18px; margin-right: 12px; vertical-align: middle; opacity: 0.4; padding-bottom: 2px;} /* 2N8DJBKTKP96 | TRANSLATE PREPARED */
.form-field .languageIcon.js_admin {opacity: 0.7;} /* was 0.3 */
.form-field .languageIcon.js_admin.js_adminNull {opacity: 1;}
.form-field .languageIcon.js_admin.js_adminNull:before {content: "\e8000";}

.control-swapbox .control-swapbox-resizer {height: 7px; background-color: rgba(0,0,0,0.1); margin-top: 1px; cursor: n-resize;}/*THEME*/
body:not(.js_noSelect) .control-swapbox:hover .control-swapbox-resizer {background-color: rgba(0,0,0,0.2);}/*THEME*/
.control-swapbox .swapbox-column-control {display: none;}
body:not(.js_noSelect) .control-swapbox:hover .swapbox-column-control {display: block;}
.field-control.js_active .control-swapbox .control-swapbox-resizer {background-color: rgba(0,192,243,1.00);}/*THEME*/
.field-control.js_active .swapbox-column-control {display: block;}

.swapbox-column-blocker {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none;}
.field-control.js_active .swapbox-column-blocker {display: block;}

.swapbox-column-control {margin: 33px 16px 0 3px;}
.swapbox-column-control .swapbox-control-item {margin-bottom: 2px;}
.swapbox-column-control .swapbox-control-item input[type=button] {width: 30px; padding-left: 0; padding-right: 0;}

.swapbox-column {width: 297px;}
.swapbox-column .swapbox-option .js_name {overflow: hidden; width: 100%; text-overflow: ellipsis;}

/*SECTION ICONS*/
.ico-product-core:before {content: "\e8000";}
.ico-product-group:before {content: "\e8000";}
.ico-product-range:before {content: "\e8000";}
.ico-product-batch:before, .ico-product-supplier:before {content: "\e8000";}
.ico-product-channel:before {content: "\e8000";}

/*FORM ATTRIBUTE UNIT*/
.control-value-unit {margin-left: 10px;}

/*OPTIONS ARROW BUTTONS CURSOR*/
.page-main .field-control.control-dropdown .form-option-rowaction .option-icon.ico-arrow-up,
.page-main .field-control.control-dropdown .form-option-rowaction .option-icon.ico-arrow-down {cursor: pointer;}
.page-main .field-control.control-dropdown.js_searchActive .form-option-rowaction .option-icon.ico-arrow-up,
.page-main .field-control.control-dropdown.js_searchActive .form-option-rowaction .option-icon.ico-arrow-down,
.page-main .field-control.control-dropdown.js_searchActive .form-option-rowaction .option-icon.ico-move-vertical {cursor: default!important;}

.form-option-state .ico-close {margin-left: 10px; padding: 2px; color: rgba(200,200,200,1.00);/*GRYD*/ border: 1px solid rgba(255,255,255,1.00);/*WHT*/ cursor: pointer;}/*THEME*/
.form-option-state .ico-close.js_active {color: rgba(172,30,40,1.00);/*RED*/ border: 1px solid rgba(172,30,40,1.00);/*RED*/}/*THEME*/

.page-main .field-control.control-dropdown .form-option-rowaction {margin-left: 10px;}
.page-main .option-content .form-option input[type=text] {opacity: 1;}

/*COLOR PICKER*/
.colorpicker-container {position: absolute; z-index: 199; margin-top: 2px; padding: 10px;}
.colorpicker-container {border: 1px solid rgba(161,160,164,1.00);/*GR08*/ background-color: rgba(244,244,244,1.00);/*GRLI*/}/*THEME*/
.control-colorbox {width: 30px; height: 30px; border: 1px dashed rgba(174,176,178,1.00);/*GR07*/}/*THEME*/
input.textfield-color {position: absolute; left: -1000px;}
div.js_colorPickerActive input.textfield-color {left: 32px; width: 113px!important;}
.colorpicker-container .colorpicker-control {position: absolute; top: -33px; right: -1px; width: 32px; padding-left: 2px; background-color: rgba(255,255,255,1.00);/*WHT*/}/*THEME*/

.colorpicker-container.js_top {margin-top: 0; margin-bottom: 2px;}
.colorpicker-container.js_top .colorpicker-control {top: auto; bottom: -33px;}

.control-colorbox.js_filled {border-style: solid;}

/*FORM SLIDER*/
.field-control .slider {position: relative; margin-top: 2px; height: 26px;}
.field-control .slider .slider-bar {position: absolute; width: 100%; height: 6px; top: 10px; background-color: rgba(201,203,204,1.00);} /*THEME*/
.field-control .slider .slider-handle {position: absolute; width: 26px; height: 26px; top: 0; border-radius: 5px; background-color: rgba(0,192,243,1.00);} /*THEME*/
.field-control .slider .slider-handle:hover {cursor: pointer; background-color: rgba(0,170,209,1.00);} /*THEME*/
.field-control .slider .slider-label {position: absolute; width: 200px; line-height: 26px; right: -216px;}
.field-control .slider .slider-label-input {position: absolute; width: 50px; line-height: 30px; right: -62px; top: -2px;}

/*DISABLE FIELD BLOCK*/
.field-control .field-disabled-block {position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.65; background-color: rgba(255,255,255,1.0);}/*THEME*/

/*PRICE FIELD*/
.control-textfield input.price-field, .option-textfield input.price-field {padding-left: 19px; margin-right: -15px;}
.control-textfield.price-field, .option-textfield.price-field {position: relative;}
.control-textfield.price-field:after, .option-textfield.price-field:after {content: "\20AC"; position: absolute; left: 6px;}
.control-textfield.price-field.js_disabled:after, .option-textfield.price-field.js_disabled:after {opacity: 0.5;}
.control-textfield.price-field.js_hideCurrency:after, .option-textfield.price-field.js_hideCurrency:after {opacity: 0;}

/*SWAP-BOX*/
.swapbox-column {border: 1px solid rgba(174,176,178,1.00);/*GR07*/ background-color: rgba(255,255,255,0.96);/*WHT*/}/*THEME*/
.swapbox-column.js_disabled {opacity: 0.5}
.swapbox-column.column-left .js_hidden, .swapbox-column.column-right .js_hidden {display: none;}
.swapbox-column .ui-sortable-placeholder.highlight {height: 30px; min-height: 30px; padding-bottom: 4px;}
/*resizable*/
.swapbox-column.column-left.js_resizable, .swapbox-column.column-right.js_resizable {resize: vertical;}