/* FRM.LAYOUT | 10-frm-inlineeditform.css | copyright REFLECTLAB.COM */
/* INLINE | 20220520.0521FSI */

/*to make sure textarea cell is always 100% maxed*/
.inline-form-row .list-cell {height: 100%;}
.inline-form-row .list-cell:not(.inlinePlainText) {padding: 0;}
.inline-form-row textarea {min-height: 30px; height: 30px; resize: vertical;}

/*disabled textarea*/
input.js_disabledInline,textarea.js_disabledInline,select.js_disabledInline {opacity: 0.6;}
input.js_disabledInline:hover,textarea.js_disabledInline:hover,select.js_disabledInline:hover {border: 1px solid rgba(174,176,178,1.00);/*GR07*/}

/*inlineEditForm in actionBar - START ---------------------------------- */
/*LIST-INLINE-EDIT*/
.page-action {position: relative; height: auto; margin: 2px 0; padding: 3px 0;}
.page-action {background-color: rgba(255,238,192,1.00);/*YELF*/}/*THEME*/
.page-action .inline-form {position: relative; margin: 0;}
.page-action .inline-language {margin-right: 4px;}
.page-action .inline-edit {background-color: rgba(255,238,192,1.00);/*YELF*/}
.page-action .inline-float {position: absolute; top: 0; left: 0; bottom: 0;}
.page-action .inline-float {background-color: rgba(255,238,192,1.00);/*YELF*/}/*THEME*/
.page-action .inline-icon {cursor: pointer; width: 1.875rem;/*30px*/ flex: 0 0 auto; height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ margin: 0 1px; text-align: center; margin-right: 2px;}
.page-action .inline-icon {color: rgba(200,200,200,1.00);/*GRYD*/ border: 1px solid rgba(201,203,204,1.00);/*GR04*/ background-color: rgba(244,244,244,1.00);/*GRYD*/}
.page-action .inline-icon:hover {opacity: 0.8;}
.page-action .inline-icon img {width: 1.875rem;/*30px*/ height: 1.875rem;/*30px*/ margin: -1px;}
.page-action .inline-icon img.js_translatePending {opacity: 0.2;}
.page-action .inline-icon img.js_translatePending:hover {opacity: 0.8;}
.page-action .inline-icon.js_priority-000 {color: rgba(200,200,200,1.00);/*GRYD*/ background-color: rgba(244,244,244,1.00);/*GRYD*/}
.page-action .inline-icon.js_priority-898 {color: rgba(234,107,20,1.00);/*ORN*/ border: 1px solid rgba(234,107,20,1.00);/*ORN*/ background-color: rgba(255,210,194,1.00);/*ORNF*/}
.page-action .inline-icon.js_priority-998 {color: rgba(172,30,40,1.00);/*RED*/ border: 1px solid rgba(172,30,40,1.00);/*RED*/ background-color: rgba(255,187,197,1.00);/*REDF*/}
.page-action .inline-icon.js_priority-999 {color: rgba(255,255,255,1.00);/*WHT*/ border: 1px solid rgba(150,38,44,1.00);/*REDA*/ background-color: rgba(150,38,44,1.00);/*REDA*/}
.page-action .inline-icon.js_stringLocked {color: rgba(172,30,40,1.00);/*RED*/ border: 1px solid rgba(172,30,40,1.00);/*RED*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
.page-action .inline-button {margin-right: 4px;}
.page-action .inline-button input[type="button"].button-location {width: 30px; margin-left: 4px; padding: 0;}
.page-action .inline-button input[type="button"].button-location {color: rgba(200,200,200,1.00);/*GRYD*/ border: 1px solid rgba(201,203,204,1.00);/*GR04*/ background-color: rgba(244,244,244,1.00);/*GRYD*/}
.page-action .inline-button input[type="button"].js_stringFrontend {color: rgba(118,188,33,1.00);/*GRN*/ border: 1px solid rgba(118,188,33,1.00);/*GRN*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
.page-action .inline-button input[type="button"].js_stringBackend {color: rgba(234,107,20,1.00);/*ORN*/ border: 1px solid rgba(234,107,20,1.00);/*ORN*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
.page-action .inline-button input[type="button"].button-cancel {width: 100px; margin-left: 4px;}
.page-action .inline-button input[type="button"].button-save {width: 100px; margin-right: 4px;}
.page-action .inline-button input[type="button"].button-save {cursor: default; color: rgba(200,200,200,1.00);/*GRYD*/ border: 1px solid rgba(201,203,204,1.00);/*GR04*/ background-color: rgba(244,244,244,1.00);/*GRYD*/}
.page-action .inline-button input[type="button"].button-save:hover {color: rgba(200,200,200,1.00);/*GRYD*/ border: 1px solid rgba(201,203,204,1.00);/*GR04*/ background-color: rgba(244,244,244,1.00);/*GRYD*/}
.page-action .inline-button input[type="button"].button-save.js_active {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*/}
.page-action .inline-button input[type="button"].button-save.js_active:hover {color: rgba(255,255,255,1.00);/*WHT*/ border: 1px solid rgba(0,170,209,1.00);/*PMBH*/ background-color: rgba(0,170,209,1.00);/*PMBH*/}
.page-action .inline-cell {position: relative; min-height: 30px; margin: 0 1px; line-height: 1.00rem;/*16px*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
.page-action .inline-cell.string-reference {padding: 3px 2px; background-color: rgba(255,238,192,1.00);/*YELF*/ overflow: hidden; text-overflow: ellipsis;}
.page-action .inline-cell.string-reference .js_noTranslate {color: rgba(255,255,255,1.00);/*WHT*/ background-color: rgba(172,30,40,1.00);/*RED*/}
.page-action .inline-cell textarea {height: 100%; min-height: 30px; line-height: 1.00rem;/*16px*/ resize: vertical; padding: 3px 4px;}
/*COPIED FROM 00-FRAME - END*/
/*=======================================*/

/*override for above... following lines are applicable -only- for inside header actionBar !!*/
.page-action {background-color: transparent;}
.page-action .inline-edit {background-color: transparent;}
.page-action .inline-float {background-color: transparent;}
.page-action .inline-float {position: absolute; top: 4px; left: 4px; bottom: 4px;}

/*LIST-INLINE-EDIT*/
.list-inline {position: relative; height: auto; margin: 2px 0; padding: 3px 0;}
.list-inline {background-color: rgba(255,238,192,1.00);/*YELF*/}/*THEME*/
.list-inline .inline-form {position: relative; margin: 0;}
.list-inline .inline-language {margin-right: 4px;}
.list-inline .inline-edit {background-color: rgba(255,238,192,1.00);/*YELF*/}
.list-inline .inline-float {position: absolute; top: 0; left: 0; bottom: 0;}
.list-inline .inline-float {background-color: rgba(255,238,192,1.00);/*YELF*/}/*THEME*/
.list-inline .inline-icon {cursor: pointer; width: 1.875rem;/*30px*/ flex: 0 0 auto; height: 1.875rem;/*30px*/ line-height: 1.875rem;/*30px*/ margin: 0 1px; text-align: center; margin-right: 2px;}
.list-inline .inline-icon {color: rgba(200,200,200,1.00);/*GRYD*/ border: 1px solid rgba(201,203,204,1.00);/*GR04*/ background-color: rgba(244,244,244,1.00);/*GRYD*/}
.list-inline .inline-icon:hover {opacity: 0.8;}
.list-inline .inline-icon img {width: 1.875rem;/*30px*/ height: 1.875rem;/*30px*/ margin: -1px;}
.list-inline .inline-icon img.js_translatePending {opacity: 0.2;}
.list-inline .inline-icon.js_priority-000 {color: rgba(200,200,200,1.00);/*GRYD*/ background-color: rgba(244,244,244,1.00);/*GRYD*/}
.list-inline .inline-icon.js_priority-898 {color: rgba(234,107,20,1.00);/*ORN*/ border: 1px solid rgba(234,107,20,1.00);/*ORN*/ background-color: rgba(255,210,194,1.00);/*ORNF*/}
.list-inline .inline-icon.js_priority-998 {color: rgba(172,30,40,1.00);/*RED*/ border: 1px solid rgba(172,30,40,1.00);/*RED*/ background-color: rgba(255,187,197,1.00);/*REDF*/}
.list-inline .inline-icon.js_priority-999 {color: rgba(255,255,255,1.00);/*WHT*/ border: 1px solid rgba(150,38,44,1.00);/*REDA*/ background-color: rgba(150,38,44,1.00);/*REDA*/}
.list-inline .inline-icon.js_stringLocked {color: rgba(172,30,40,1.00);/*RED*/ border: 1px solid rgba(172,30,40,1.00);/*RED*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
.list-inline .inline-button {margin: 0 1px;}
.list-inline .inline-button input[type="button"].button-location {width: 30px; margin-left: 4px; padding: 0;}
.list-inline .inline-button input[type="button"].button-location {color: rgba(200,200,200,1.00);/*GRYD*/ border: 1px solid rgba(201,203,204,1.00);/*GR04*/ background-color: rgba(244,244,244,1.00);/*GRYD*/}
.list-inline .inline-button input[type="button"].js_stringFrontend {color: rgba(118,188,33,1.00);/*GRN*/ border: 1px solid rgba(118,188,33,1.00);/*GRN*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
.list-inline .inline-button input[type="button"].js_stringBackend {color: rgba(234,107,20,1.00);/*ORN*/ border: 1px solid rgba(234,107,20,1.00);/*ORN*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
.list-inline .inline-button input[type="button"].button-cancel {width: 100px; margin-left: 4px;}
.list-inline .inline-button input[type="button"].button-save {width: 100px; margin-right: 4px;}
.list-inline .inline-button input[type="button"].button-save {cursor: default; color: rgba(200,200,200,1.00);/*GRYD*/ border: 1px solid rgba(201,203,204,1.00);/*GR04*/ background-color: rgba(244,244,244,1.00);/*GRYD*/}
.list-inline .inline-button input[type="button"].button-save:hover {color: rgba(200,200,200,1.00);/*GRYD*/ border: 1px solid rgba(201,203,204,1.00);/*GR04*/ background-color: rgba(244,244,244,1.00);/*GRYD*/}
.list-inline .inline-button input[type="button"].button-save.js_active {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*/}
.list-inline .inline-button input[type="button"].button-save.js_active:hover {color: rgba(255,255,255,1.00);/*WHT*/ border: 1px solid rgba(0,170,209,1.00);/*PMBH*/ background-color: rgba(0,170,209,1.00);/*PMBH*/}
.list-inline .inline-button input[type="button"].button-delete {margin-right: 20px;}
.list-inline .inline-cell {position: relative; min-height: 30px; margin: 0 1px; line-height: 1.00rem;/*16px*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
.list-inline .inline-cell.string-reference {padding: 3px 2px; background-color: rgba(255,238,192,1.00);/*YELF*/ overflow: hidden; text-overflow: ellipsis;}
.list-inline .inline-cell.string-reference .js_noTranslate {color: rgba(255,255,255,1.00);/*WHT*/ background-color: rgba(172,30,40,1.00);/*RED*/}
.list-inline .inline-cell textarea {height: 100%; min-height: 30px; resize: vertical; padding: 6px 4px 6px 4px;}

/*inlineEditForm in actionBar - END ---------------------------------- */
/*=============================================================================================================================*/

/*to make white background divs transparent again*/
.js_transparent {background-color: transparent!important;}

/*TEMP*/
#inlineEditButtonSaveTemp {width: 30px; padding: 0; margin-right: 0;}
#inlineEditButtonCancelTemp {width: 30px; padding: 0;}

/*special js_error class for display only (if I use the default js_error class, the form will detect an error and does not submit)*/
.inline-form-row .js_errorDisplay:not(:focus) {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*/}

/*small inline cancel/save button*/
.list-inline .inline-button input[type="button"].button-small {width: 30px; padding: 0;}

/*correction for string reference plain text*/
.list-inline .inline-form .inline-cell.string-reference {padding-top: 7px; padding-right: 5px;}

.list-inline .inline-icon.ico-string-locked.js_active {color: rgba(172,30,40,1.00);/*RED*/ border: 1px solid rgba(172,30,40,1.00);/*RED*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
.list-inline .inline-icon.ico-delete.js_active, .list-inline .inline-icon.ico-close.js_active {color: rgba(172,30,40,1.00);/*RED*/ border: 1px solid rgba(172,30,40,1.00);/*RED*/ background-color: rgba(255,255,255,1.00);/*WHT*/}

.inline-form-row .list-cell {position: relative; overflow: visible;}

/*overflow reference*/
.inline-cell.string-reference.reference-overflow {color: transparent;}
.inline-cell.string-reference.reference-overflow .reference-overflow-handle {position: absolute; top: 7px; left: 0px; color: rgba(45,42,38,1.00);/*BLCK*/}
.inline-cell.string-reference.reference-overflow .reference-overflow-handle {background-color: rgba(255,238,192,1.00);/*YELF*/}/*THEME*/

/*list inline filler*/
.list-inline-filler {position: absolute; left: 0; right: 0; /*bottom: -174px;*/ /*height: 174px;*/ background-color: rgba(255,238,192,0.8); display: none;}
.list-inline-filler.js_active {display: block;}
.inline-filler-resizer {position: absolute; left: 0; right: 0; bottom: 0px; height: 8px; background-color: rgba(255,238,192,1.0); cursor: n-resize;}
.list-inline-filler.js_positionTop {/*top: -174px;*/}
.list-inline-filler.js_positionTop .inline-filler-resizer {top: 0; bottom: auto;}

/*INLINE-SWAPBOX*/
.inline-swapbox-container {position: absolute; width: 496px; /*height: 170px;*/ z-index: 1;}
.inline-swapbox-container .swapbox-column.column-left, .inline-swapbox-container .swapbox-column.column-right {margin-left: 0px; margin-right: 0px;} /*(specific) reset for value defined in 00*/
.inline-swapbox-container.topright {/*top: -172px;*/ left: 0;}
.inline-swapbox-container.topleft {/*top: -172px;*/ right: 0;}
.inline-swapbox-container.bottomright {top: 32px; left: 0;}
.inline-swapbox-container.bottomleft {top: 32px; right: 0;}

.inline-swapbox-container .inline-swapbox-block {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.inline-swapbox-container .swapbox-column {width: 247px; height: 100%; overflow-x: hidden;}
.inline-swapbox-container .inline-swapbox-box.left {margin-right: 2px;}
/*.inline-swapbox-container.js_single {width: 247px;}
.inline-swapbox-container.js_single .inline-swapbox-box.left {display: none;}*/
.inline-swapbox-container.js_single {min-width: 247px; width: 100%;}
.inline-swapbox-container.js_single .inline-swapbox-box.left {display: none;}
.inline-swapbox-container.js_single .inline-swapbox-box.right {width: 100%;}
.inline-swapbox-container.js_single .inline-swapbox-box.right .swapbox-column {width: 100%;}

.inline-swapbox-container .swapbox-column-search {position: relative; margin-bottom: 2px;}

.inline-swapbox-container .swapbox-column-search .swapbox-column-search-clear {position: absolute; top: 4px; right: 5px; opacity: 0.5; display: none;}
.inline-swapbox-container .swapbox-column-search.js_active:hover .swapbox-column-search-clear {display: block;}

.inline-swapbox-container .swapbox-column.column-left:not(.js_fixedOrder) .swapbox-option,
.inline-swapbox-container .swapbox-column.column-left:not(.js_fixedOrder) .highlight,
.inline-swapbox-container .swapbox-column.column-right.js_searchActive .swapbox-option,
.inline-swapbox-container .swapbox-column.column-right.js_searchActive .highlight {
    order: 0!important;
}

.swapbox-action-container {position: absolute; top: 0; right: -34px; width: 34px; padding-left: 2px;}
.swapbox-action-container div:not(:last-child) {margin-bottom: 2px;}
.swapbox-action-container input[type="button"] {width: 32px; padding: 0;}

/*NEXT 4 LINES COPIED FROM ABOVE (just with different prefix)*/
.swapbox-action-container input[type="button"].button-save {cursor: default; color: rgba(200,200,200,1.00);/*GRYD*/ border: 1px solid rgba(201,203,204,1.00);/*GR04*/ background-color: rgba(244,244,244,1.00);/*GRYD*/}
.swapbox-action-container input[type="button"].button-save:hover {color: rgba(200,200,200,1.00);/*GRYD*/ border: 1px solid rgba(201,203,204,1.00);/*GR04*/ background-color: rgba(244,244,244,1.00);/*GRYD*/}
.swapbox-action-container input[type="button"].button-save.js_active {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*/}
.swapbox-action-container input[type="button"].button-save.js_active:hover {color: rgba(255,255,255,1.00);/*WHT*/ border: 1px solid rgba(0,170,209,1.00);/*PMBH*/ background-color: rgba(0,170,209,1.00);/*PMBH*/}

body.js_noSelect {-moz-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none;}

/*FORM-SWAPBOX*/
.control-swapbox .swapbox-column {overflow-x: hidden;}

.control-swapbox .swapbox-column.column-right {margin-left: 0; padding-right: 2px;}
.control-swapbox .swapbox-column.column-left {margin-right: 0;}
.control-swapbox .swapbox-column-box.right {margin-left: 3px;}
.control-swapbox .swapbox-column-box.left {margin-right: 3px;}

.control-swapbox .swapbox-column-search {position: relative; margin-bottom: 3px;}
/*.control-swapbox .swapbox-column {height: 100%;}*/

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

.control-swapbox .swapbox-column.column-left:not(.js_fixedOrder) .swapbox-option,
.control-swapbox .swapbox-column.column-left:not(.js_fixedOrder) .highlight,
.control-swapbox .swapbox-column.column-right.js_searchActive .swapbox-option,
.control-swapbox .swapbox-column.column-right.js_searchActive .highlight {
    order: 0!important;
}

.swapbox-column:not(.js_disabled).js_keynavActive .swapbox-option:hover {color: rgba(45,42,38,1.00);/*BLCK*/ background-color: transparent;}/*THEME*/   /*BACK TO DEFAULT STYLING (IF KEYNAV IS ACTIVE)*/
.swapbox-column:not(.js_disabled).js_keynavActive .swapbox-option:hover .swapbox-icon {opacity: 0;}   /*BACK TO DEFAULT STYLING (IF KEYNAV IS ACTIVE)*/

.swapbox-column:not(.js_disabled) .swapbox-option.js_focus, .swapbox-column:not(.js_disabled) .swapbox-option.js_focus:hover {color: rgba(255,255,255,1.00);/*WHT*/ background-color: rgba(161,160,164,1.00);/*GR8*/}/*THEME*/
.swapbox-column:not(.js_disabled) .swapbox-option.js_focus .swapbox-icon, .swapbox-column:not(.js_disabled) .swapbox-option.js_focus:hover .swapbox-icon {opacity: 1;}

/*disable ico*/
.list-cell.js_icoDisabled:before {content: '';}
.list-cell.js_icoDisabled {opacity: 1!important;}

/*.inline-form-row .swapbox-action-container input.button-small {width: 30px; padding-left: 0; padding-right: 0;}*/
/*.inline-form-row .swapbox-action-container input.button-small:not(.js_disabledButton):hover, .inline-form-row input.button-small:not(.js_disabledButton):active {cursor: pointer!important;}*/
/*.inline-form-row .swapbox-action-container input.button-small.js_activeButton, .inline-form-row input.button-small.js_activeButton:hover {color: rgba(255,255,255,1.00); border: 1px solid rgba(0,192,243,1.00); background-color: rgba(0,192,243,1.00);}*/

.inline-form-row .list-cell.list-bool input.button-small, .inline-form-row .list-cell.list-bool input.button-small:hover {width: 1.875rem; height: 1.875rem; line-height: 1.875rem; padding-left: 0; padding-right: 0; color: rgba(172,30,40,1.00);/*RED*/ border: 1px solid rgba(172,30,40,1.00);/*RED*/ background-color: rgba(255,255,255,1.00);/*WHT*/}
/*.inline-form-row input.button-small:after {content: "\e3111";}*/
.inline-form-row .list-cell.list-bool input.button-small.js_activeButton, .inline-form-row .list-cell.list-bool input.button-small.js_activeButton:hover {color: rgba(0,85,30,1.00);/*GRN*/ border: 1px solid rgba(0,85,30,1.00);/*GRN*/ background-color: rgba(200,220,205,1.00);/*GRNF*/}/*THEME*/
/*.inline-form-row input.button-small.js_activeButton:after {content: "\e8001";}*/

.inline-form-row input.button-small:not(.js_disabledButton):hover {cursor: pointer!important;}

textarea.js_disabled {resize: none!important;}
input[type="button"].js_disabledButton {opacity: 0.5}

.list-cell.inlinePlainText {overflow: hidden;}

.inline-form-row .inlineedit-clear {position: absolute; top: 4px; right: 5px; display: none; opacity: 0.5;}
.list-cell input:not(:disabled):hover + .inlineedit-clear.js_active, .list-cell .inlineedit-clear.js_active:hover {display: block;}

/* EXPANDABLE ROW */
.ngTable .list-row .action-expand {text-overflow: initial; color: rgba(147,155,161,1.00);/*RGM*/}
.ngTable .list-row .action-expand:before {content: "\e2104";}
.ngTable .list-row .action-expand:hover {color: rgba(0,192,243,1.00)/*PLM*/ ;}/*THEME*/
.ngTable .list-row.js_expanded .action-expand:not(.action-idle):before {content: "\e2103";}
.ngTable .list-row.js_expanded .action-expand:not(.action-idle) {color: rgba(0,192,243,1.00)/*PLM*/ ;}/*THEME*/
.ngTable .list-row.js_expanded .action-expand:not(.action-idle):hover {color: rgba(147,155,161,1.00);/*RGM*/}

.ngTable .list-row .list-row-expand {position: absolute; top: 24px; display: none; height: 24px; padding: 2px; line-height: 24px; background-color: rgba(255,255,255,1.0); width: 100%;}
.ngTable .list-row.js_expanded .list-row-expand {display: block;}
.ngTable .list-row.js_expanded .list-row-expand .list-cell {overflow: hidden;}
.ngTable .list-row.js_expanded {position: relative; height: 51px; min-height: 51px;}
.ngTable .list-row .list-row-expand .list-row:nth-child(even) {background-color: rgba(245,245,245,1.00);}