/* FRM.MODULES.DEVELOP | 99-frm-layout.css | copyright REFLECTLAB.COM */
/* DEVELOP 20230730.0723RZE */

/*LAYOUT-LEFT**************************************************************************************************************************************************/
body.frmLayoutLeft .menu-wrapper, body.frmLayoutLeft .menu-admin {left: 0; right: auto;}
body.frmLayoutLeft .menu-wrapper .menu-logo img.logo-flip-x {-webkit-transform: scaleX(-1); transform: scaleX(-1);}

/*HEADER, MAIN, FOOTER*/
body.frmLayoutLeft .page-header {margin-right: 0; margin-left: 80px;}
body.frmLayoutLeft .page-wrapper, body.frmLayoutLeft .list-wrapper {margin-right: 0; margin-left: 80px;}
body.frmLayoutLeft .page-footer {margin-right: 0; margin-left: 80px;}

/*MISC*/
body.frmLayoutLeft .form-message {right: 16px;}
body.frmLayoutLeft .list-settings {right: 16px;}
body.frmLayoutLeft .footerDebugPanel {left: 96px;}

/*PAGE NAVI CONTAINER*/
body.frmLayoutNavLeft .page-nav {left: 16px;}
body.frmLayoutNavLeft .page-content .column-nav {margin: 0 12px 0 0;}
body.frmLayoutNavLeft .page-content .column-main {margin-right: 12px;}

/*PAGE NAVI HEADER*/
body.frmLayoutNavLeft .page-nav .nav-title {padding: 0 16px 0 25px;}

/*PAGE NAVI ITEM*/
body.frmLayoutNavLeft .page-nav .nav-items {padding: 10px 0 10px 9px;}
body.frmLayoutNavLeft .page-nav .nav-link.js_active {margin-left: 0; margin-right: -1px; border-right: 1px solid rgba(255,255,255,1.00);/*WHT*/ border-left: 3px solid rgba(0,192,243,1.00);/*PLM*/ padding-left: 13px;}

/*MENU*********************************************************************************************************************************************************/
/*MENU > Non-translated menu items color*/
.menu-content span[frm_languagegroup] {color: rgba(172,30,40,1.00)!important;/*RED*/}
/*NO MENU LAYOUT*/
body.hide-menu-layout .page-header, body.hide-menu-layout .page-wrapper, body.hide-menu-layout .list-wrapper, body.hide-menu-layout .page-footer {margin-left: 0; margin-right: 0;}

/* MENU CLOSE BUTTON */
.submenu-admin .button-close {margin-right: 11px;}
.submenu-admin .menu-group .group-title, .submenu-admin .menu-group .menu-link {white-space: nowrap; overflow: hidden;}
/*NAVMENU FIXED*/
.page-content .column-nav {width: calc(20% + 20px);}
.page-nav {position: absolute; top: 0; right: 45px; width: 18%; z-index: 180;}

/*ACTION-BAR***************************************************************************************************************************************************/
/*Actionbar overflow fixed*/
.page-header .page-action .action-buttons {overflow: hidden; line-height: 1.875rem;}

/*FOOTER*** REVIEW ********************************************************************************************************************************************/
/*FOOTER MID CENTER FIX + Z-INDEX*/
.page-footer .footerRow.footerLeft, .page-footer .footerRow.footerRight {width: 48%;}
.page-footer {z-index: 190;}

/*FOOTER ICON ACTIVE*/
.ico-size-large {font-size: 120%; margin-top: 6px;}
.footer-icon.js_active, .icon.ico-type-switch.js_active {color: rgba(0,192,243,1.00);/*PLM*/}/*THEME*/

/*FOOTER-RIGHT BIG TEXT/ICONS*/
.page-footer.biglayout .footerRight .footer-icon { cursor: pointer; width: 1.500rem;/*24px*/ font-size: 1.400rem;/*22px*/}
.page-footer.biglayout .footerRight .footerText {font-size: 0.750rem;/*12px*/ line-height: 1.875rem;/*30px*/ text-transform: uppercase;}

/*FOOTER MEDIUM INPUTFIELD*/
.page-footer .dropdown-field {width: 140px; margin: 0 3px;}
.page-footer .dropdown-field:last-child {margin-right: 0px;}
.page-footer .dropdown-field input[type="text"] {text-align: left;}

/*ICONS********************************************************************************************************************************************************/
/*Icon Active*/
.js_iconActive {color: rgba(0,192,243,1.00);}
.icon-inner-small {position: absolute; top: -7px; right: 17px; font-size: 80%;}


/*TEXTAREA WORDWRAP*/
.textarea-disable-wordwrap {white-space: pre; overflow-wrap: normal; overflow-x: scroll;}

/*FORM-FIELDS**************************************************************************************************************************************************/
/*textarea no background color*/
textarea.no-background-color {background-color: transparent;}

/*form-field *** CODE ***/
.content-code {padding: 8px; border: 1px solid rgba(201,203,204,1.00);/*GR04*/ overflow-y: scroll; line-height: 1.00rem;/*16px*/ white-space: pre;}
.content-code .string {color: green;}
.content-code .number {color: #e87f00;}
.content-code .boolean {color: blue;}
.content-code .null {color: magenta;}
.content-code .key {color: red;}
pre.enable-wordwrap {white-space: normal; overflow-wrap: break-word;}

.field-control .content-code {overflow-y: hidden;}
.field-control .content-code.scroll {overflow-y: scroll;}
.code-formatting {line-height: initial; margin: 7px 0 15px 0; font-family: monospace; letter-spacing: 0.025rem; white-space: break-spaces;}

/*WIDGET*******************************************************************************************************************************************************/
.ui-dialog.ui-widget.ui-widget-content {display: none!important;}
.ui-dialog.ui-widget.ui-widget-content.js_initialised {display: block!important;}

.smalltext {font-size: 80%; opacity: 0.6;}


/*OVERALL MARGIN*/
.margin-right {margin-right: 6px;}

/*GENERAL STUFF*/
.maximize {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.absolute {position: absolute;}
.relative {position: relative;}

.js_overlay .overlayBoxClose {position: fixed; top: 30px; right: 150px; line-height: 1.4rem; font-size: 1.4rem; padding: 10px; cursor: pointer; background-color: rgba(255,255,255,0.5);}
.js_overlay .overlayBoxClose:hover {color: rgba(0,157,220,1.00); background-color: rgba(255,255,255,0.7);}/*THEME*/
.js_overlay textarea.log-textarea {resize: none; top: 30px; left: 40px; bottom: 60px; width: calc(100% - 170px);}

/*DISABLED HEADER ACTIONBAR CHECKBOX*/
.page-action div.icon-checkbox.js_disabledInline {opacity: 0.5; cursor: default!important;}

/*CONTENT EDITABLE DIV*/
div[contenteditable=true] {
    width: 180px;
    border: 1px solid rgba(174,176,178,1.00);
    background-color: rgba(255,255,255,0.96);
    padding: 0 4px;
    color: rgba(0,0,0,1.00);
    cursor: auto;
    overflow-x: hidden; /*TODO*/
    overflow-y: hidden;
    max-height: 32px;
    white-space: nowrap;
}
div[contenteditable=true].js_masked {
    -webkit-text-security: disc;
    -webkit-appearance: textfield;
    -webkit-user-select: text;
    letter-spacing: -0.015rem;
}

/*POPUP*/
/*SMALL CORRECTION FOR POPUP TEXTAREA BOX*/
.js_overlay textarea.log-textarea {width: calc(100% - 130px); bottom: auto; height: calc(100% - 90px);}
.js_overlay textarea.log-textarea {
    border: 1px solid rgba(0,192,243,1.00);
    background-color: rgba(232,254,254,1.00);
}
.js_overlay .overlayBoxClose {right: 30px;}

/*20-mod-product addition, same styling different (container) class*/
.swapbox-product-targetgroup .swapbox-column {width: 300px; height: 75px;}

.margin-top6 {margin-top: 6px;}
.margin-right6 {margin-right: 6px;}
.margin-bottom6 {margin-bottom: 6px;}
.margin-left6 {margin-left: 6px;}
.padding-top6 {padding-top: 6px;}
.padding-right6 {padding-right: 6px;}
.padding-bottom6 {padding-bottom: 6px;}
.padding-left6 {padding-left: 6px;}

/* fix form value div (tree view) */
.page-main .form-field .form-fieldGrow {width: calc(100% * 0.75 );}

/*title header overlapping fix*/
.page-header .page-title {position: relative; overflow: hidden;}
.page-header .page-title .title-primary {background-color: rgba(255,255,255,1.00);/*WHT*/ white-space: nowrap;}
.page-header .page-title .title-secondary-content {white-space: nowrap; z-index: 1;}

/*make list-content position relative, just to be sure*/
.list-content {position: relative;}

/*small width correction for advanced search small inputfields*/
.advancedfilter-item-value input.js_typeinteger_left, .advancedfilter-item-value input.js_typeinteger_right {width: 91.3px;}

/*translate status icon trashcan style*/
.ico-string-locked.ico-string-deleted:before {content: "\e3112";}

/*bold and italic buttons for handling of textarea/texteditor values*/
.icon-checkbox.ico-style-bold:after {content: "B";}
.icon-checkbox.ico-style-italic:after {content: "I";}

/*actionbar single icon warning*/
.page-header .action-warning.single-icon {padding: 0 0 0 4px;}
.page-header .action-warning {margin-right: 6px;}

/*zoomed image buttons*/
#imageBox .js_box .control-image-check {position: absolute; bottom: 5px; right: 5px; width: 42px; height: 42px; line-height: 42px; font-size: 1.6rem; background-color: rgba(255,255,255,0.7); cursor: pointer;}
#imageBox .js_box .control-image-check:hover {background-color: rgba(255,255,255,1.00);}
#imageBox .js_box .ico-checkbox-checked.js_unchecked {color: rgba(0,0,0,0.40);}

/*DELETE LIST CONFIRM BOX*/
.delete-list .delete-list-item {margin-bottom: 2px; cursor: pointer;}
.delete-list .delete-list-item .ico-remove-query {opacity: 0.2;}
.delete-list .delete-list-item.js_active .ico-remove-query {opacity: 1; color: rgba(171,6,53,1.00);/*RED*/}
.delete-list .list-item-selectall {margin-bottom: 4px;}

/*MOVE TO FRAME.CSS *******************************************************************************************************************************************/
/*GRABBING*/
.grabbable {cursor: move; /* fallback if grab cursor is unsupported */cursor: grab; cursor: -moz-grab; cursor: -webkit-grab;}

/*LOGIN PAGE*/
.page-header .action-language.js_disabled {opacity: 0.4;}
.page-header .action-language.js_disabled .language-icon img {cursor: default;}

/*REVIEW*******************************************************************************************************************************************************/
/*COMMIT NO HOVER*/
.page-content .column-table.no-hover:hover {color: inherit; background-color: inherit;}
.page-content .column-table .result-action-row {margin-top: 4px;}

/*dropdown inputfield*/
.page-main .field-control input[type="text"].control-dropdown {padding-right: 30px;}

/*list filter blue backhround for active inputfields*/
.list-header .header-filter input[type="text"]:not(.js_error).js_active {background-color: rgba(211,253,253,1.00);/*PLM_CUSTOM*/}/*THEME*/

/*expand column row*/
.list-cell.expand-row {position: relative;}
.list-cell .ico-expand-row {cursor: pointer;}
.list-cell .ico-expand-row.js_icon {right: 3px;}

/*message margin-right fix for actionbuttons container div*/
.page-header .action-buttons .action-warning {margin-right: 0; margin-left: 6px;}

/*disabled checkboxes in page header*/
.page-header .action-icon.icon-checkbox.js_disabled, .page-header .action-icon.icon-checkbox.js_disabledInline {opacity: 0.3;}

/*hidden gridSelect thumb column*/
.list-header .header-sort .sort-cell.js_gridonly, .list-header .header-filter .filter-cell.js_gridonly, .list-content .list-cell.js_gridonly {display: none;}
.list-content.js_grid .list-cell.js_gridonly {display: block;}

.list-content .control-image-check {display: none;}
.list-content.js_grid .cell-thumb-item .control-image-check {display: block; position: absolute; right: 2px; bottom: 2px; width: 28px; line-height: 29px; cursor: pointer; background-color: rgba(255,255,255,0.7); opacity: 0; transition: opacity 0.6s; font-size: 1.1rem; color: rgba(128,127,131,1.00);/*GR10*/}
.list-content.js_grid .cell-thumb-item:not(.js_busy):hover .control-image-check {opacity: 1;}
.list-content.js_grid .cell-thumb-item .control-image-check.ico-checkbox-checked {color: rgba(0,112,60,1.00);/*GRN*/}
.list-content.js_grid .ngTable {min-width: 100%!important; width: 100%!important;}
.image-overlay-image .control-image-check {color: rgba(128,127,131,1.00);/*GR10*/}
.image-overlay-image .control-image-check.ico-checkbox-checked {color: rgba(0,112,60,1.00);/*GRN*/}

/*.cell-thumb-container {overflow-x: clip;}*/
.cell-thumb-container.js_inactive {margin: -2px; padding: 2px; background-color: rgba(171,6,53,1.00);/*RED*/}

/* list header items selected div hidden if not active*/
.js_listitemsSelected:not(.js_active) {display: none;}

.image-overlay-image.js_inactive {outline: 10px solid rgba(171,6,53,1.00);/*RED*/}

.list-inline .inline-icon {opacity: 1.0;}

/* IMAGE-EDITOR */
.image-editor-layer {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.image-editor-layer .layer-top, .image-editor-layer .layer-left, .image-editor-layer .layer-bottom, .image-editor-layer .layer-right {background-color: rgba(255,255,255,0.5); z-index: 200;}
.image-editor-layer .layer-top {position: absolute; top: 0; right: 0; left: 0; height: calc(50% - 300px);}
.image-editor-layer .layer-right {position: absolute; top: calc(50% - 300px); right: 0; bottom: calc(50% - 300px); width: calc(50% - 300px);}
.image-editor-layer .layer-bottom {position: absolute; right: 0; bottom: 0; left: 0; height: calc(50% - 300px);}
.image-editor-layer .layer-left {position: absolute; top: calc(50% - 300px); left: 0; bottom: calc(50% - 300px); width: calc(50% - 300px);}

.image-editor-layer .layer-top-warn, .image-editor-layer .layer-left-warn, .image-editor-layer .layer-bottom-warn, .image-editor-layer .layer-right-warn {display: none; background-color: rgba(171,6,53,0.60);/*RED*/ z-index: 201; cursor: pointer;}
.image-editor-layer .layer-top-warn {position: absolute; top: calc(50% - 320px); right: calc(50% - 300px); left: calc(50% - 300px); height: 20px;}
.image-editor-layer .layer-right-warn {position: absolute; top: calc(50% - 300px); right: calc(50% - 320px); bottom: calc(50% - 300px); width: 20px;}
.image-editor-layer .layer-bottom-warn {position: absolute; bottom: calc(50% - 320px); right: calc(50% - 300px); left: calc(50% - 300px); height: 20px;}
.image-editor-layer .layer-left-warn {position: absolute; top: calc(50% - 300px); bottom: calc(50% - 300px); left: calc(50% - 320px); width: 20px;}
.image-editor-layer .layer-top-warn.js_show, .image-editor-layer .layer-left-warn.js_show, .image-editor-layer .layer-bottom-warn.js_show, .image-editor-layer .layer-right-warn.js_show {display: block;}

.image-overlay .image-editor-layer, .image-overlay .image-editor-toolbox {display: none;}
.image-overlay.js_editMode .image-editor-layer, .image-overlay.js_editMode .image-editor-toolbox {display: block;}
.image-overlay.js_editMode {background-color: rgba(231,232,233,1.00);/*GR02*/}
.image-overlay.js_editMode .image-overlay-prev, .image-overlay.js_editMode .image-overlay-next {display: none;}

.image-overlay .image-editor-toolbox {position: absolute; right: 20px; bottom: 20px; z-index: 202;}
.image-overlay .image-editor-toolbox .toolbox-row {margin-top: 5px;}
.image-overlay .image-editor-toolbox .toolbox-row .toolbox-button {width: 30px; margin-left: 5px;}
.image-overlay .image-editor-toolbox .toolbox-row .toolbox-button:nth-child(1) {margin-left: 0;}
.image-overlay .image-editor-toolbox .toolbox-row input[type="button"].button-small {width: 30px; padding: 0;}

.image-overlay.js_editorBackground .layer-top, .image-overlay.js_editorBackground .layer-right, .image-overlay.js_editorBackground .layer-bottom, .image-overlay.js_editorBackground .layer-left {background-color: rgba(244,244,244,1.0);}
.image-overlay:not(.js_editorToolbox1) .image-editor-toolbox {right: calc(50% - 340px - 105px); bottom: calc(50% - 305px); padding: 5px; background-color: rgba(244,244,244,1.0);}

.image-overlay .js_box.js_rotateImage90 {-moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.image-overlay .js_box.js_rotateImage180 {-moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.image-overlay .js_box.js_rotateImage270 {-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}

/*WIDGET URL LIST*/
.page-content .widget-row.widget-section {margin-top: 6px; color: rgba(0,192,243,1.00);/*PLM*/}/*THEME*/

/*COLOR-PICKER >> FAIL TO FIX*/
/*svg.IroHandle {min-width: 1px!important; min-height: 1px!important; height: 1px!important; width: 1px!important;}*/
/*svg.IroHandle circle[r="8"] {min-width: 16px!important; min-height: 16px!important; height: 16px!important; width: 16px!important;}*/
/*svg.IroHandle circle[r="6"] {min-width: 12px!important; min-height: 12px!important; height: 12px!important; width: 12px!important;}*/

/*SELECTED SORTABLE ROW*/
.sortable ol[frm_sortablelist] > li div:not(.excluded):first-child > div.sortable-row.js_selected {border: 1px solid transparent; background-color: rgba(255,238,192,1.00);/*YELF*/}/*THEME*/
.sortable ol[frm_sortablelist] > li > ol > li div:not(.excluded):first-child > div.sortable-row.js_selected {border: 1px solid transparent; background-color: rgba(255,238,192,1.00);/*YELF*/}/*THEME*/
.sortable ol[frm_sortablelist] > li > ol > li > ol > li div:not(.excluded):first-child > div.sortable-row.js_selected {border: 1px solid transparent; background-color: rgba(255,238,192,1.00);/*YELF*/}/*THEME*/
.sortable ol[frm_sortablelist] > li > ol > li > ol > li > ol > li div:not(.excluded):first-child > div.sortable-row.js_selected {border: 1px solid transparent; background-color: rgba(255,238,192,1.00);/*YELF*/}/*THEME*/
.sortable ol[frm_sortablelist] > li > ol > li > ol > li > ol > li > ol > li div:not(.excluded):first-child > div.sortable-row.js_selected {border: 1px solid transparent; background-color: rgba(255,238,192,1.00);/*YELF*/}/*THEME*/

/*HIDDEN ATTR OPTION*/
.js__attrOptionLinkSwabox.form-swapbox {display: none;}

/*LOGIN PAGE BACK BUTTONS*/
#loginForm .button-back:focus {color: rgba(255,255,255,0.90);/*WHT*/ border: 1px solid rgba(0,192,243,1.00);/*PLM*/ background-color: rgba(0,192,243,1.00);/*PLM*/}

/*FORM-FIELD.FORM-TEXT CORRECTION*/
.form-field.form-text {padding-top: 0.33rem;}

/*MENU ACTIVE ITEMS*/

/*TITLE MENU ITEM ARROW*/
.page-header .page-title .title-primary .title-menu-item {font-size: 0.6rem; color: #999999;}
.page-header .page-title .title-primary .title-type-item {font-size: 1.4rem; /*color: #606060;*/}

/*SPECIFIC OVERRULE FOR LIST ICON SIZE*/
.list-row .list-icon.ico-settings {font-size: 0.8rem;}

/*HISTORY BUTTON FOR INLINE EDIT ROW*/
.ico-string-history:before {content: "\e1010";}

/*FORM TABLE HEADER/CELL*/
.field-control .form-table-header, .field-control .form-table-cell {overflow-x: hidden; text-overflow: ellipsis;}
.field-control .form-table-header {font-weight: 600;}

/*FORCED MOUSE POINTER... THE F STANDS FOR FORCED*/
.cursorPointerF:not(.js_disabled) {
    cursor: pointer!important;
}

.error-txt {color: rgba(171,6,53,1.00);/*RED*/}

.page-header .page-action .action-button.button-small {min-width: 20px;}

.button-square {width: 32px!important; height: 30px!important; line-height: 30px!important; padding: 0!important;}

.inline-form-row .hover-container {position: relative;}
.inline-form-row .hover-container .hover-container-box {position: absolute; top: 0; right: -36px; width: 36px; padding: 0 2px; z-index: 1; display: none; background-color: rgba(255,238,192,1.00);/*YELF*/}/*THEME*/
.inline-form-row .hover-container:hover .hover-container-box {display: block;}

.compact-list {line-height: 1.00rem;/*16px*/ margin-top: 8px;}

.page-header .action-label.js_disabled {opacity: 0.2;}

.element-files-container {height: inherit;}
.element-files-container:hover {height: auto;}
.element-files {margin-top: 3px; padding-bottom: 3px; height: inherit; width: inherit; overflow: hidden; background-color: rgba(255,238,192,1.00);/*YELF*/}/*THEME*/
.element-files .file-item {padding-left: 3px; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis;}
.element-files .file-item:hover {background-color: rgba(0,0,0,0.1);}
.element-files .file-item .delete-icon {display: none; opacity: 0.5;}
.element-files.js_deletemode .file-item .delete-icon {display: inline-block;}
.element-files.js_deletemode .file-item.js_delete .filename {text-decoration: line-through;}
.element-files.js_deletemode .file-item.js_delete .delete-icon {opacity: 1; color: rgba(172,30,40,1.00);}
.element-files.js_deletemode .file-item .file-icon {display: none;}
.element-files-btn {width: 24px; position: absolute; right: 0; top: 2px;}
.element-files-btn input[type="button"] {font-family: 'tradingembassy' !important; font-size: 0.7rem; padding: 0; line-height: 24px; height: 24px;}
.element-files-btn input[type="button"].delete-button {display: none; margin-top: 3px;}
.element-files-btn:hover input[type="button"].delete-button {display: block;}
.element-files-btn input[type="button"].delete-button.js_active {display: block;}
.element-files-btn input[type="button"].delete-button.js_active.js_submit {display: block; background-color: rgba(172,30,40,1.00); border-color: rgba(172,30,40,1.00); cursor: pointer;}

input[type="button"].button-save.js_active.js_disabled {cursor: default;}

#initMainMessage {position: absolute; top: 50px; left: 0; right: 0; bottom: 20px; height: auto; z-index: 1;}

.image-overlay-image.js_box {background-color: #ffffff;}
.image-overlay-image.js_box.js_inlinecontent {top: calc(50% - 300px); left: calc(50% - 400px); width: 800px; height: 600px; overflow-y: scroll; border: 10px solid #ffffff;}

.menu-admin .menu-button {padding: 0px 0 3px 0;}
.menu-admin .menu-button .menu-icon {height: 34px; line-height: 40px; overflow: hidden; text-align: center;}
.menu-admin .menu-button .menu-icon:after {content: "\e9900"; font-size: 64px; line-height: 76px; padding-right: 0; opacity: 0;}
/*option 1: content = e3010 | padding-right = 33px*/
/*option 2: content = e9900 | padding-right = 0*/

.list-cell.ico-edit:before {display: flex!important;}

.ico-close-static:before {content: "\e3111";}

.form-image-caption {line-height: 0px; font-size: 12px; color: #aaaaaa;}

.page-nav .nav-link {position: relative;}

body.manual-debug-enabled .js_fieldSet:not(.form-element-nodebug) {border: 1px solid #aa0000; margin: 2px;}
body.manual-debug-enabled .field-set {border: 1px solid #aa0000;}

body .form-debug {display: none; position: absolute; bottom: -8px; right: -1px; background-color: #ffffff; padding: 0 2px; border: 1px solid #aa0000; z-index: 10; cursor: pointer;}
body .form-section-debug {display: none; margin-left: 50px; border: 1px solid #aa0000; line-height: 20px; cursor: pointer;}
body .form-debug.debug-form-field:not(.form-element-nodebug) {bottom: -1px; line-height: 18px; border: 1px solid #aa0000;}
body.manual-debug-enabled .form-debug {display: block;}
body.manual-debug-enabled .form-section-debug {display: inline-block;}

body .nav-items .form-debug {bottom: 0px; line-height: 18px;}

.form-field {position: relative;}

span.link.js_expand {cursor: pointer;}


.input-clear-container .input-clear {position: absolute; top: 0; right: 5px; display: none;}
.input-clear-container:hover .input-clear.js_active {display: block;}

.js_inlineFormButtons .ico-close:hover {color: rgba(200,200,200,1.00);/*GRYD*/} /*fix for close button hover*/

/*TEXTAREA IN CONTROL TEXT*/
.field-control .control-text textarea {resize: vertical;}

.field-control .option-prefix-label {position: absolute; left: -300px; right: 100%; text-align: right; padding-right: 30px;}

#currencyRatesTable .list-cell.colorLower {color: rgba(0,112,60,1.00);/*GRN*/}

.icon.opacity2 {opacity: 0.2;}

.list-cell.list-bool .button-small.width22 {width: 24px!important;}

body.dropdown-elevated .dropdown-container {z-index: 251;}

.list-row-expand .loading-animate {position: absolute; top: 0!important; left: 0;}

.text-grey {opacity: 0.5;}

.calendar .cal-coltitle {line-height: 30px; height: 30px; text-align: center; border: 1px solid rgba(231,232,233,1.00); margin: 1px; font-weight: 600;}
.calendar .cal-colhour {border: 1px solid #ccc; margin: 1px; padding: 1px; height: 20%; min-height: 68px;}
.calendar .cal-colquart {height: 25%; min-height: 16px; overflow: hidden; margin-left: 2px;}
.calendar .cal-colquart:not(.first) {border-top: 1px solid #eee;}
.calendar .cal-colquart.even {background-color: #fcfcfc;}
.calendar .cal-sepvertical {width: 6px; margin: 0 1px; /*background-color: rgba(231,232,233,1.00);*/}
.calendar .cal-coltime {position: relative; height: 20%; min-height: 70px;}
.calendar .cal-coltime.last {position: relative; height: 10; min-height: 10px;}
.calendar .cal-coltimespan {position: absolute; top: -10px; left: 0; right: 4px; height: 20px; border: 1px solid #ccc; text-align: right; padding-right: 3px;}
.calendar .cal-coltimespan.major {border-left: 6px solid rgba(201,203,204,1.00);/*GR04*/; font-weight: 600;}
.calendar .cal-dot {width: 10px; height: calc(100% - 4px); border: 1px solid rgba(161,160,164,1.00);/*GR8*/ background-color: rgba(255,255,255,1.00);/*WHT*/ border-radius: 3px; margin: 2px 2px 0 0;}
.calendar .cal-dot.green {border: 1px solid rgba(0,85,30,1.00);/*GRN*/ background-color: rgba(200,220,205,1.00);/*GRNF*/}
.calendar .cal-dot.orange {border: 1px solid rgba(234,107,20,1.00);/*ORN*/ background-color: rgba(255,210,194,1.00);/*ORNF*/}
.calendar .cal-dot.red {border: 1px solid rgba(172,30,40,1.00);/*RED*/ background-color: rgba(255,187,197,1.00);/*REDF*/}

.ui-tooltip {padding: 3px 4px;}

/*CHANNEL-COMMIT | overrule */
.action-input.input-commit-sku {width: 400px;}

/* footer action button */
.page-footer .action-button input[type="button"] {height: 1.250rem; line-height: 1.125rem; padding: 0 10px;}

/*header disabled action button*/
.page-action input[type="button"]:disabled, .page-action input[type="button"].js_disabled {opacity: 1.0;}

/*popup*/
.popup-box .popup-title {margin-bottom: 12px; font-size: 1.2rem; -moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none;}
.popup-box .popup-title .title-text {flex-grow: 1;}
.popup-box .popup-wrapper {min-width: 650px; min-height: 200px; max-width: 70%;}
.popup-box .popup-wrapper {min-width: 650px; max-width: 70%; width: 100%; min-height: 200px;}
.popup-box .popup-wrapper {min-width: unset; max-width: unset; width: 100%;}
.popup-box .popup-title .popup-titlebtn {opacity: 0.5;}
/*.popup-box .popup-content {padding-right: 12px;}*/

/*inline edit small swapbox*/
.inline-swapbox-container.js_small {min-width: 100px;}
.inline-swapbox-container.js_small .swapbox-column {min-width: 100%;}

.inline-form-row input.button-small:not(.js_disabledButton).js_saveButton:not(.js_active):hover {cursor: default!important;}
.list-inline .inline-button input[type="button"].button-save.js_active:hover {cursor: pointer!important;}

.js_opacity50 {opacity: 0.50;}
.js_opacity60 {opacity: 0.60;}

.control-image-container.js_disabled .control-image-delete.js_show {display: block!important;}

.page-header .action-success:before {content: "\e3001"; margin-right: 4px;}
.page-header .action-success {height: 1.875rem;/*30px*/ padding: 0 8px 0 4px; line-height: 1.875rem;/*30px*/ font-weight: 600;}
.page-header .action-success {color: rgba(0,85,30,1.00);/*GRN*/ border: 1px solid rgba(0,85,30,1.00);/*GRN*/ background-color: rgba(255,255,255,1.00);/*WHT*/}

/*.menu-link-a:not(:hover) {background-color: transparent!important;}*/
/*.submenu-admin a {background-color: transparent!important;}*/
/*.submenu-admin a.item-active {background-color: rgba(255,255,255,0.20)!important;}*/
/*.submenu-admin a.item-active:hover {background-color: rgba(255,255,255,0.20)!important;}*/

/*.page-nav .nav-link {line-height: 2.875rem;46px}*/
.page-nav .nav-link {line-height: 2.625rem;/*42px*/}
.page-nav .nav-title {line-height: 2.250rem;/*40px*/}
.page-nav .nav-items {padding: 6px 9px 6px 0;}

.list-cell.ico-string.changed {color: rgba(234,107,20,1.00); border: 1px solid rgba(234,107,20,1.00); background-color: rgba(255,255,255,1.00); font-size: 10px;}
/*.list-cell.list-bool.ico-check, .list-cell.list-bool.ico-close.colorRed {border: 1px solid rgba(249,249,249,1.00); padding: 0 2px; line-height: 1.250rem;}*/

.popup-box .popup-container {min-width: 450px;}

.ico-price-up:before {content: "\e5901";} /*overrule to working version*/
.ico-price-down:before {content: "\e5902";}

.page-action .cell-error, .page-action .date-error {margin: 3px 6px; padding: 1px 4px;}

.inline-form-row .button-small {width: 100%!important; max-width: 1.875rem;}

.bgColorWhite {background-color: rgba(255,255,255,1.00);}

.list-icon.size14 {font-size: 14px;}
.list-icon.size16 {font-size: 14px;}

body.js_popupActive .dropdown-container {z-index: 300;}