/* INCLUDE AS */ /* REQUIRE CSS */ /* REQUIRE CSS */ /* REQUIRE CSS */ /*=====================================================================================*/ /* Controls */ /*=====================================================================================*/ table.label_value { width:100%; table-layout:fixed; } tr.label_value > td.label { display:table-cell; vertical-align:top; padding-top:0.2em; padding-bottom:0.2em; line-height:2em; } tr.label_value > td.value { padding-top:0.4em; padding-bottom:0.4em; } tr.label_value.hidden { display:none; } .mandatory.labeled_input .input_label:before, .mandatory.input_label:before { content:"*"; display:inline-block; font-size:0.8em; vertical-align:top; margin-left:0.2em; } .fi-module.disabled .input_label.disabled { color:#AAA; } .fi-readonly .fi-readonly-area.fi-module.disabled .input_label.disabled { color:inherit; } .fi-readonly .fi-readonly-area .mandatory.labeled_input .input_label.disabled:before, .fi-readonly .fi-readonly-area .mandatory.input_label.disabled:before { display:none; } .fi-readonly .fi-readonly-area .fi-edit-only { display:none; } .show-single-line { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .right-align { text-align:right; } span.accesskey { text-decoration:underline; } input[type][readonly] { cursor:text; } div.input_rows { margin-bottom:-0.5em; } div.input_row { margin-top:0.5em; } div.input_row div.input_label { font-weight:bold; vertical-align:bottom; } div.input_row div.input_label.front_label { width:30%; float:left; padding-right:0.3em; padding-top:0.4em; vertical-align:baseline; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } div.input_row div.input_label.front_label:not(.hidden) + div.inputArea { width:70%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } div.input_row div.input_label.right-aligned { text-align:right; } div.input_row div.input_label.front_label.LW05 { width:5%; } div.input_row div.input_label.front_label.LW05:not(.hidden) + div.inputArea { width:95%; } div.input_row div.input_label.front_label.LW10 { width:10%; } div.input_row div.input_label.front_label.LW10:not(.hidden) + div.inputArea { width:90%; } div.input_row div.input_label.front_label.LW15 { width:15%; } div.input_row div.input_label.front_label.LW15:not(.hidden) + div.inputArea { width:85%; } div.input_row div.input_label.front_label.LW20 { width:20%; } div.input_row div.input_label.front_label.LW20:not(.hidden) + div.inputArea { width:80%; } div.input_row div.input_label.front_label.LW25 { width:25%; } div.input_row div.input_label.front_label.LW25:not(.hidden) + div.inputArea { width:75%; } div.input_row div.input_label.front_label.LW30 { width:30%; } div.input_row div.input_label.front_label.LW30:not(.hidden) + div.inputArea { width:70%; } div.input_row div.input_label.front_label.LW35 { width:35%; } div.input_row div.input_label.front_label.LW35:not(.hidden) + div.inputArea { width:65%; } div.input_row div.input_label.front_label.LW40 { width:40%; } div.input_row div.input_label.front_label.LW40:not(.hidden) + div.inputArea { width:60%; } div.input_row div.input_label.front_label.LW45 { width:45%; } div.input_row div.input_label.front_label.LW45:not(.hidden) + div.inputArea { width:55%; } div.input_row div.input_label.front_label.LW50 { width:50%; } div.input_row div.input_label.front_label.LW50:not(.hidden) + div.inputArea { width:50%; } div.input_row div.input_label.front_label.LW60 { width:60%; } div.input_row div.input_label.front_label.LW60:not(.hidden) + div.inputArea { width:40%; } div.input_row div.input_label.front_label.LW70 { width:70%; } div.input_row div.input_label.front_label.LW70:not(.hidden) + div.inputArea { width:30%; } div.input_row div.input_label.front_label.LW80 { width:80%; } div.input_row div.input_label.front_label.LW80:not(.hidden) + div.inputArea { width:20%; } div.input_row div.input_label.front_label.LW90 { width:90%; } div.input_row div.input_label.front_label.LW90:not(.hidden) + div.inputArea { width:10%; } div.input_row div.input_label .input_tooltip { font-size:70%; vertical-align:super; } div.input_row.float-right { float: right; } .select2-drop.is-error { border-color:#AF2117; } .select2-drop .select2-results { max-height: 10.5em; } .select2-drop .select2-results .select2-result.group { font-weight:bold; } .select2-drop .select2-results .select2-result.group > div, .select2-drop .select2-results .select2-result.message > div { cursor:text; } .select2-drop .select2-results .select2-result.doublet-bp .select2-result-label::after { margin-left:0.5em; font-family:'FIIconFont'; content:"\e017"; color: #8FC375; } .select2-drop .select2-results .select2-result.disabled-doublet-bp .select2-result-label::after { margin-left:0.5em; font-family:'FIIconFont'; content:"\e017"; color: #AAA; } .select2-drop .select2-results .select2-result.inactive-bp .select2-result-label::after { margin-left:0.5em; font-family:'FIIconFont'; content:"\e64d"; color: #EF4F45; } .select2-drop.tall-content .select2-results { max-height: 21em; } #error_tooltip { display:none; position:absolute; height:auto; line-height:1.4em; font-weight:bold; padding:0.3em 0.6em; bottom:auto; left:0; right:0; background-color:#FCC; border:1px solid #AF2117; border-radius:0.3em; box-shadow:2px 2px 4px #AAA; text-overflow:ellipsis; box-sizing:border-box; -moz-box-sizing:border-box; z-index:10000 } #error_tooltip:before, #error_tooltip:after { position:absolute; content:""; display:inline-block; width: 0; height: 0; left:0.45em; bottom:-0.45em; border-left:0.45em solid transparent; border-right:0.45em solid transparent; border-top:0.45em solid #AF2117; } #error_tooltip:after { border-top-color:#FCC; margin-bottom:1px; } #error_tooltip:empty { display:none; } div.inputArea { display:flex; flex-direction:row; flex-wrap:wrap; width:100%; position:relative; } div.inputArea > div.inputFail { flex:0 0 auto; display:none; height:2em; position:relative; color:#AF2117; text-align:center; vertical-align:top; } div.inputArea > div.inputFail.has-details { cursor:pointer; } div.inputArea > div.inputFail span { font-size:1.8em; display:inline-block; width:1.111111111em; } /* width = 2em : 1.8em */ div.inputArea > div.inputBox { flex:1 0 0; height:2em; position:relative; padding:2px; border:1px solid #CCC; background-color: #fff; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F9F9F9), color-stop(0.5, #fff)); background-image: -webkit-linear-gradient(center bottom, #F9F9F9 0%, #fff 50%); background-image: -moz-linear-gradient(center bottom, #F9F9F9 0%, #fff 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#F9F9F9', GradientType = 0); background-image: linear-gradient(to top, #F9F9F9 0%, #fff 50%); } div.inputArea > div.inputBox.active, div.inputArea > div.inputBox.focused { outline:2px solid #5897fb; outline-offset:-1px; z-index:1; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } div.inputArea > div.inputActions { flex: 0 0 auto; position:relative; vertical-align:top; } div.inputArea > div.inputActions .btn-toolbar { white-space:nowrap; } div.inputArea > div.inputActions .btn-toolbar .btn-group { white-space:nowrap; display:inline-block; float:none; } div.inputArea > div.inputActions .btn-toolbar .btn-group .btn { float:none; display:inline-block; font-size:inherit; } div.inputArea > div.inputBox:not(.custom-border) + div.inputActions .btn-toolbar { margin-left:0; } div.inputArea > div.inputBox:not(.custom-border) + div.inputActions .btn-toolbar .btn-group:first-child { margin-left:0; } div.inputArea > div.inputBox:not(.custom-border) + div.inputActions .btn-toolbar .btn-group:first-child .btn:first-child { border-left:none; } div.inputArea > div.inputBox .unreadableValue + span { position:absolute; font-size:1.6em; color:#888; line-height:1.25em; top:-3px; } div.inputArea > div.inputLongDesc { flex: 1 1 auto; width:100%; } div.inputArea > div.inputLongDesc > pre { border-top:none; border-radius:0; position:relative; white-space:pre-line; word-break: break-word; } div.inputArea > div.inputLongDesc.is-empty { display:none; } .fi-readonly .fi-readonly-area div.inputArea.disabled > div.inputBox:not(.custom-border) + div.inputActions .btn-toolbar .btn-group:first-child .btn:first-child { border-left:1px solid #CCC; } .fi-readonly .fi-readonly-area div.inputArea.disabled > div.inputBox:not(.custom-border) + div.inputActions .btn-toolbar .btn-group:first-child .btn:first-child:hover { border-left:1px solid #ADADAD;} div.inputArea.is-error > div.inputFail { display:block; cursor:pointer; } div.inputArea.is-error > div.inputFail + div.inputBox { border-color:#AF2117; } div.inputArea.custom-bkgnd > div.inputBox { background:none; } div.inputArea.custom-bkgnd > div.inputArea > div.inputBox { background:none; } div.inputArea.custom-bkgnd.input-container > div.inputArea > div.inputBox { background:none; } div.inputArea.custom-bkgnd.input-container > div.inputArea > div.inputBox .select2-container .select2-choice, div.inputArea.custom-bkgnd.input-container > div.inputArea > div.inputBox .select2-container .select2-choices { background:none; } div.inputArea.custom-bkgnd.input-radio .btn-default:not(.active) { background-color:transparent; } div.inputArea.custom-bkgnd.input-autocomplete .select2-container .select2-choice, div.inputArea.custom-bkgnd.input-autocomplete .select2-container .select2-choices { background:none; } div.inputArea[data-actioncnt="0"]:not(.is-error) { display:block; } /* speed up the table-layouting */ div.inputArea[data-actioncnt="0"]:not(.is-error) > div.inputBox { display:block; } div.inputArea[data-actioncnt="0"]:not(.is-error) > div.inputLongDesc:not(.is-empty) { display:block; } .fi-readonly .fi-readonly-area div.inputArea.disabled > div.inputBox { border-color:transparent; background:none; background-image: none; } .fi-readonly .fi-readonly-area div.inputArea.disabled > div.inputLongDesc > pre { background:transparent; border:none; border-top:1px solid #CCC; } /* CtrlType.Text + CtrlType.Int + CtrlType.Double */ div.inputArea > div.inputBox div.inputTextWrap { left:0.15em; right:2.5em; border:none; } div.inputArea > div.inputBox div.inputTextWrap input { width:100%; height:100%; border:none; outline:none; background-color:transparent; padding:0; border:none; margin:0; padding-left:3px; } div.inputArea > div.inputBox div.inputTextWrap span.ui-helper-hidden-accessible { display:none; } div.inputArea > div.inputBox div.inputTextWrap input.unreadableValue { padding-left:2em; } div.inputArea > div.inputBox div.inputTextWrap + div.inputNumberValue { display:none; } div.inputArea > div.inputBox div.inputTextWrap + div.inputNumberValue input { opacity:0; } html.NumberSupport div.inputArea.is-number > div.inputBox div.inputTextWrap + div.inputNumberValue { display:block; background:none; } html.NumberSupport div.inputArea.is-number.focused > div.inputBox div.inputTextWrap + div.inputNumberValue input { opacity:1; } html.NumberSupport div.inputArea.is-number.focused > div.inputBox div.inputTextWrap input[type="text"] { opacity:0; } div.inputArea > div.inputBox div.inputClear { left:auto; width:2em; text-align:center; color:#AAA; cursor:pointer; margin-top:-3px; height:2em; border-color:#CCC; } div.inputArea > div.inputBox div.inputClear span { display:inline-block; font-size:1.6em; line-height:1.25em; } /* line-height = 2em : 1.6em */ div.inputArea > div.inputBox div.inputExpand { left:auto; height:auto; width: 1.4em; cursor:pointer; background-clip: padding-box; position:absolute; margin:-2px; border-radius: 0; background-color: transparent; text-align: center; border-left: 1px solid #aaa; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); background-image: linear-gradient(to top, #ccc 0%, #eee 60%); } div.inputArea > div.inputBox div.inputExpand:before { position:absolute; content:""; display:inline-block; width: 0; height: 0; left:50%; top:50%; margin-left:-0.3em; margin-top:-0.2em; border-left:0.3em solid transparent; border-right:0.3em solid transparent; border-top:0.45em solid #888; } div.inputArea > div.inputBox div.inputTextWrap.expandable { right:3.4em; } div.inputArea > div.inputBox div.inputTextWrap.expandable + div.inputClear, div.inputArea > div.inputBox div.inputTextWrap.expandable + div + div.inputClear { right:1.4em; } div.inputArea > div.inputBox div.inputTextWrap.unclearable + div.inputClear, div.inputArea > div.inputBox div.inputTextWrap.unclearable + div + div.inputClear { display:none; } div.inputArea.is-empty > div.inputBox div.inputClear { display:none; } div.inputArea.is-empty > div.inputBox div.inputTextWrap { right:0.15em; } div.inputArea.is-empty > div.inputBox div.inputTextWrap input[placeholder]::-webkit-input-placeholder { color: #999; } div.inputArea.is-empty > div.inputBox div.inputTextWrap input[placeholder]::-moz-placeholder { color: #999; } div.inputArea.is-empty > div.inputBox div.inputTextWrap input[placeholder]:-ms-input-placeholder { color: #999; } div.inputArea.leading-fail > div.inputFail { left:-2.2em; position:absolute; } div.inputArea.hidden { display:none; } div.inputArea.disabled:not(.always-disabled) > div.inputBox { opacity:0.7; } div.inputArea.disabled > div.inputBox div.inputBox { opacity:1; } div.inputArea.disabled > div.inputBox div.inputTextWrap { right:0.15em; } div.inputArea.disabled > div.inputBox div.inputTextWrap.expandable { right:2.15em; } div.inputArea.disabled > div.inputBox div.inputTextWrap + div.inputClear { display:none !important; } div.inputArea.disabled > div.inputBox div.inputTextWrap + div.inputClear + div.inputExpand { color:#CCC; background-image:none; background-color:transparent; border:none; } div.inputArea.disabled.is-empty.fi-data-placeholder > div.inputBox div.inputTextWrap input[placeholder]::-webkit-input-placeholder { color: transparent; } div.inputArea.disabled.is-empty.fi-data-placeholder > div.inputBox div.inputTextWrap input[placeholder]::-moz-placeholder { color: transparent; } div.inputArea.disabled.is-empty.fi-data-placeholder > div.inputBox div.inputTextWrap input[placeholder]:-ms-input-placeholder { color: transparent; } div.inputArea.disabled.is-empty.fi-value-placeholder > div.inputBox div.inputTextWrap input[placeholder]::-webkit-input-placeholder { color: black; } div.inputArea.disabled.is-empty.fi-value-placeholder > div.inputBox div.inputTextWrap input[placeholder]::-moz-placeholder { color: black; } div.inputArea.disabled.is-empty.fi-value-placeholder > div.inputBox div.inputTextWrap input[placeholder]:-ms-input-placeholder { color: black; } .fi-readonly .fi-readonly-area div.inputArea.disabled > div.inputBox div.inputExpand { display:none; } .fi-readonly .fi-readonly-area div.inputArea.disabled > div.inputBox { opacity:1; } .fi-readonly .fi-readonly-area div.inputArea.disabled.is-empty:not(.fi-value-placeholder) > div.inputBox div.inputTextWrap::after { content:'-'; line-height:1.6em; display:block; position:absolute; left:0; right:auto; width:1em; top:0; bottom:0; padding-left:3px; } div.inputArea ::-ms-clear, div.inputArea ::-ms-reveal { display:none; } /* Get rid of IE10 default actions for input controls */ div.inputArea ::-webkit-clear-button, div.inputArea ::-webkit-inner-spin-button, div.inputArea ::-webkit-calendar-picker-indicator { display:none; } div.inputArea input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #EEE inset; } /* stop chrome to highlight controls, that are automatically filled (see bkgd-color of inputBox) */ div.inputArea div.inputArea.fi-highlighted-element:after { background:#FF8888} td div.inputArea { margin-top: 0px; } /* No margin within table-cells*/ /* Iconic-control (CtrlType.PhoneNumber, CtrlType.MobileNumber, CtrlType.FaxNumber, CtrlType.Homepage, CtrlType.Email) */ div.inputArea.input-with-icon > div.inputBox:before { content:'\e029'; font-size:1.4em; color:#AAA; position:absolute; width:1.42857143em; line-height:1.42857143em; text-align:center; vertical-align:middle; left:2px; top:-1px; bottom:0; right:auto; text-align:center; font-family: 'FIIconFont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } div.inputArea.input-with-icon > div.inputBox > div > div.inputTextWrap { left:2em; } div.inputArea.input-with-icon.input-unreadable > div.inputBox:before { color:#DDD; } div.inputArea.input-with-icon.input-unreadable > div.inputBox > div > div.inputTextWrap { left:0.2em; } div.inputArea.input-with-icon.input-tel-phone > div.inputBox:before { content:'\e021'; } div.inputArea.input-with-icon.input-tel-mobile > div.inputBox:before { content:'\e02a'; } div.inputArea.input-with-icon.input-tel-fax > div.inputBox:before { content:'\e637'; } div.inputArea.input-with-icon.input-email > div.inputBox:before { content:'\e63d'; } div.inputArea.input-with-icon.input-url > div.inputBox:before { content:'\e165'; } div.inputArea.input-with-icon.disabled > div.inputBox:before { color:#CCC; } .fi-readonly .fi-readonly-area div.inputArea.input-with-icon.disabled > div.inputBox:before { color:#AAA; } div.inputArea.input-with-icon.input-tel-phone.is-empty > div.inputActions .btn-toolbar .btn-group .btn.trigger-tel-action, div.inputArea.input-with-icon.input-tel-phone > div.inputActions .btn-toolbar .btn-group .btn.trigger-tel-action[href="javascript:void(0)"] { display:none; } div.inputArea.input-with-icon.input-tel-mobile.is-empty > div.inputActions .btn-toolbar .btn-group .btn.trigger-tel-action, div.inputArea.input-with-icon.input-tel-mobile > div.inputActions .btn-toolbar .btn-group .btn.trigger-tel-action[href="javascript:void(0)"] { display:none; } div.inputArea.input-with-icon.input-email.is-empty > div.inputActions .btn-toolbar .btn-group .btn.trigger-email-action, div.inputArea.input-with-icon.input-email > div.inputActions .btn-toolbar .btn-group .btn.trigger-email-action[href="javascript:void(0)"] { display:none; } div.inputArea.input-with-icon.input-url.is-empty > div.inputActions .btn-toolbar .btn-group .btn.trigger-url-action, div.inputArea.input-with-icon.input-url > div.inputActions .btn-toolbar .btn-group .btn.trigger-url-action[href="javascript:void(0)"] { display:none; } /* CtrlType.File */ div.inputArea.input-file.input-with-icon > div.inputBox:before { content:'\e609'; } div.inputArea.input-file-excel.input-with-icon > div.inputBox:before { content:'\e64e'; } div.inputArea.input-file-pdf.input-with-icon > div.inputBox:before { content:'\e64f'; } div.inputArea.input-file-word.input-with-icon > div.inputBox:before { content:'\e650'; } div.inputArea.input-file-image.input-with-icon > div.inputBox:before { content:'\e011'; } div.inputArea.input-file-crop.input-with-icon > div.inputBox:before { content:'\e607'; } div.inputArea.input-file > div.inputBox div.inputTextWrap { right:0.15em; } div.inputArea.input-file > div.inputDropZone { display:none; z-index:1; } div.inputArea.input-file.is-dragging.is-dragging-files > div.inputDropZone { display:block; background:white; opacity:0.8; border:1px solid #888; } div.inputArea.input-file > div.inputDropZone.drop-zone-event { opacity:0 !important; } div.inputArea.input-file > div.inputDropZone div.drop-zone-icon { font-size:3em; width:2em; height:2em; line-height:1.5em; vertical-align:middle; text-align:center; position:absolute; margin-left:-1em; left:50%; top:50%; margin-top:-1em; border:10px solid #AAA; border-radius:100em; } div.inputArea.input-file:not(.is-uploading) .btn-toolbar a.btn.do-abort { display:none; } div.inputArea.input-file a.do-upload input { opacity:0; background:green; padding-left:100px; } div.inputArea.input-file div.progress-bar { line-height:2em; text-align:left; padding-left:1em; -webkit-transition: none; -o-transition: none; transition: none; overflow:visible; white-space:nowrap; text-shadow:1px 1px 1px #444; } div.inputArea.input-file > div.inputActions .btn-toolbar { margin-left:0; } div.inputArea.input-file > div.inputActions .btn-toolbar .btn-group { margin-left:0; } div.inputArea.input-file.is-empty > div.inputActions .btn-toolbar .btn-group .btn.non-empty-tools, div.inputArea.input-file.is-empty > div.inputActions .btn-toolbar .btn-group .btn.non-empty-tools + a.dropdown-toggle, div.inputArea.input-file.is-empty > div.inputActions .btn-toolbar .btn-group .btn.contains-preview-tools + a.dropdown-toggle + ul.dropdown-menu, div.inputArea.input-file.is-uploading > div.inputActions .btn-toolbar .btn-group .btn.non-empty-tools, div.inputArea.input-file.is-uploading > div.inputActions .btn-toolbar .btn-group .btn.non-empty-tools + a.dropdown-toggle, div.inputArea.input-file.is-uploading > div.inputActions .btn-toolbar .btn-group .btn.contains-preview-tools + a.dropdown-toggle + ul.dropdown-menu { display:none; } div.inputArea.input-file:not(.is-empty) > div.inputActions .btn-toolbar .btn-group .btn.empty-tools, div.inputArea.input-file:not(.is-empty) > div.inputActions .btn-toolbar .btn-group .btn.empty-tools + a.dropdown-toggle, div.inputArea.input-file:not(.is-empty) > div.inputActions .btn-toolbar .btn-group .btn.empty-tools + a.dropdown-toggle + ul.dropdown-menu, div.inputArea.input-file.is-uploading > div.inputActions .btn-toolbar .btn-group .btn.empty-tools, div.inputArea.input-file.is-uploading > div.inputActions .btn-toolbar .btn-group .btn.empty-tools + a.dropdown-toggle, div.inputArea.input-file.is-uploading > div.inputActions .btn-toolbar .btn-group .btn.empty-tools + a.dropdown-toggle + ul.dropdown-menu { display:none; } div.inputArea.input-file input[type="file"] { visibility:hidden; opacity:0; top:-1000px; } /* CtrlType.Memo */ div.inputArea.input-textarea > div.inputBox { height:auto; padding:0; } div.inputArea.input-textarea > div.inputBox textarea { display:block; padding:0 0 0 3px; margin:0; width:100%; resize:none; border:none; background-color:transparent; overflow:auto; } div.inputArea.input-textarea > div.inputBox textarea.unreadableValue { padding-left:2.3em; padding-top:0.4em; } div.inputArea.input-textarea > div.inputBox textarea.unreadableValue + span { left:0.18em; top:-1px; } div.inputArea.input-textarea > div.inputBox div.edit-in-dialog { position:absolute; left:auto; right:20px; top:auto; bottom:-1px; background-color:transparent; } div.inputArea.input-textarea > div.inputBox div.edit-in-dialog a.btn { opacity:0; } div.inputArea.input-textarea > div.inputBox div.edit-in-dialog a.btn:hover, div.inputArea.input-textarea > div.inputBox div.edit-in-dialog a.btn:focus, div.inputArea.input-textarea:hover > div.inputBox div.edit-in-dialog a.btn, div.inputArea.input-textarea.focused > div.inputBox div.edit-in-dialog a.btn, div.inputArea.input-textarea > div.inputBox div.edit-in-dialog a.btn:hover { opacity:1; } div.inputArea.input-textarea.focused > div.inputBox.focused, div.inputArea.input-textarea.is-error > div.inputBox { overflow:hidden; } div.inputArea.input-textarea.is-empty.fi-data-placeholder > div.inputBox textarea { opacity: 0.6; } body.modal-open div.inputArea.input-textarea > div.inputBox div.edit-in-dialog, .modal-dialog div.inputArea.input-textarea > div.inputBox div.edit-in-dialog { display:none; } /* Do not show within dialogs */ .fi-readonly .fi-readonly-area div.inputArea.input-textarea.disabled.is-empty:not(.fi-value-placeholder) > div.inputBox > div::after { content:'-'; line-height:1.6em; display:block; position:absolute; left:0; right:auto; width:1em; top:0; bottom:0; padding-left:3px; } /* CtrlType.Select (with option "bPreferAutoComplete" explicitly set to false) + CtrlType.CheckboxSelect */ div.inputArea.input-select > div.inputBox select { width:100%; height:100%; border:none; background-color:transparent; outline:none; cursor:pointer; } div.inputArea.input-select > div.inputBox select.unreadableValue { padding-left:2em; } div.inputArea.input-select > div.inputBox select.unreadableValue + span { left:0.18em; } div.inputArea.input-select.disabled > div.inputBox select { cursor:default; } .fi-readonly .fi-readonly-area div.inputArea.input-select.disabled > div.inputBox select { -webkit-appearance:none; -moz-appearance:none; appearance:none; } .fi-readonly .fi-readonly-area div.inputArea.input-select.disabled > div.inputBox select::-ms-expand { display:none; } .fi-readonly .fi-readonly-area div.inputArea.input-select.disabled.is-empty:not(.fi-value-placeholder) > div.inputBox select { color:transparent; } .fi-readonly .fi-readonly-area div.inputArea.input-select.disabled.is-empty:not(.fi-value-placeholder) > div.inputBox::after { content:'-'; line-height:1.6em; display:block; position:absolute; left:0; right:auto; width:1em; top:0; bottom:0; padding-left:6px; } /* CtrlType.Switch */ div.inputArea.input-checkbox { -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; -webkit-transform:translate3d(0,0,0); } div.inputArea.input-checkbox > div.inputBox { background:none; border:none; padding:0; -webkit-box-shadow:none; box-shadow:none; outline:none; } div.inputArea.input-checkbox > div.inputActions .btn-toolbar { margin-left:0.2em; } div.inputArea.input-checkbox .onoffswitch-checkbox { opacity:0; } div.inputArea.input-checkbox .onoffswitch-label { display: block; position:relative; overflow: hidden; height:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; padding:2px 1px 1px 2px; border:1px solid #CCC; border-radius:2em; box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.5), inset -1px -1px 1px rgba(255, 255, 255, 0.5);} div.inputArea.input-checkbox .onoffswitch-label .onoffswitch-inner { width: 200%; margin-left: -100%; padding:1px; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } div.inputArea.input-checkbox .onoffswitch-label .onoffswitch-inner[data-on="I"] { font-family:Helvetica; font-weight:bold; } div.inputArea.input-checkbox .onoffswitch-label .onoffswitch-inner:before, div.inputArea.input-checkbox .onoffswitch-label .onoffswitch-inner:after { float: left; width: 50%; padding: 0; height:2em; line-height: 2em; color: white; border-radius:2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; box-shadow: 0px 1em 0px rgba(0,0,0,0.03) inset; } div.inputArea.input-checkbox .onoffswitch-label .onoffswitch-inner:before { content: attr(data-on); padding-left: 15px; background-color: #7CED6B; color: #444; } div.inputArea.input-checkbox .onoffswitch-label .onoffswitch-inner:after { content: attr(data-off); padding-right: 15px; background-color: #EEE; color: #666; text-align: right; } div.inputArea.input-checkbox .onoffswitch-label .onoffswitch-switch { width: 2em; background: #FFFFFF; border-radius: 2em; position: absolute; right:100%; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 80%); box-shadow:inset 1px 1px 2px #000, inset -1px -1px 2px #888; } div.inputArea.input-checkbox .onoffswitch-label .onoffswitch-switch .onoffswitch-switch-focus { display:none; } div.inputArea.input-checkbox .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } div.inputArea.input-checkbox .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { left:100%; margin-left:-2em; } div.inputArea.input-checkbox .onoffswitch-checkbox:focus + .onoffswitch-label .onoffswitch-switch-focus { display:block; top:3px; left:3px; bottom:3px; right:3px; border-radius:2em; background-color:#CCC; } div.inputArea.input-checkbox.disabled .onoffswitch-label { opacity:0.5; cursor:default; } div.inputArea.input-checkbox.focused .onoffswitch-focus-shadow { -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; border-radius:2em; } div.inputArea.input-checkbox.input-unreadable .onoffswitch-label { opacity:0.5; cursor:default; } div.inputArea.input-checkbox.input-unreadable .inputCheckWrap .onoffswitch-label.unreadableValue + span { left:0.2em; } div.inputArea.input-checkbox.input-unreadable .inputCheckWrap .onoffswitch-label.unreadableValue + span + span { position:absolute; line-height:2em; left:2.4em; top:2px; cursor:default; } /* CtrlType.Checkbox */ div.inputArea.input-checkbox input.checkbox-focus { opacity:0; position:absolute; left:-100px; right:auto; width:0; } div.inputArea.input-checkbox .inputCheckWrap .checkIcon { line-height:2em; cursor:pointer; border:1px solid transparent; } div.inputArea.input-checkbox .inputCheckWrap .checkIcon > div { width:2em; line-height:2em; text-align:center; color:#444; } div.inputArea.input-checkbox .inputCheckWrap .checkIcon > div span { display:none; font-size:1.6em; line-height:inherit; } div.inputArea.input-checkbox .inputCheckWrap .checkIcon span.label { display:inline-block; margin-left:1.6em; font-size:inherit; font-weight:inherit; color:inherit; white-space:nowrap; } div.inputArea.input-checkbox:not(.disabled) .inputCheckWrap .checkIcon:hover span.label { text-decoration:underline; } div.inputArea.input-checkbox .inputCheckWrap.left-text .checkIcon > div { left:auto; } div.inputArea.input-checkbox .inputCheckWrap.left-text .checkIcon span.label { margin-left:0; padding-left:2px; } div.inputArea.input-checkbox input.checkbox-focus:focus + .checkIcon { outline:2px solid #5897fb; outline-offset:-1px; z-index:300; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; } div.inputArea.input-checkbox input:not([value="true"]):not([value="false"]) + div > .inputCheckWrap .checkIcon span.undetermined { display:inline-block; } div.inputArea.input-checkbox input[value="true"] + div > .inputCheckWrap .checkIcon span.checked { display:inline-block; } div.inputArea.input-checkbox input[value="false"] + div > .inputCheckWrap .checkIcon span.unchecked { display:inline-block; } div.inputArea.input-checkbox.input-unreadable .inputCheckWrap .checkIcon { cursor:default; } div.inputArea.input-checkbox.input-unreadable .inputCheckWrap .checkIcon:hover span.label { text-decoration:none; } div.inputArea.input-checkbox.input-unreadable .inputCheckWrap .checkIcon span.icon-uncheck { display:inline-block; color:#DDD; } div.inputArea.input-checkbox.input-unreadable .inputCheckWrap .unreadableValue + span { left:0.18em; top:2px; } div.inputArea.input-checkbox.disabled { opacity:0.5; cursor:default; } div.inputArea.input-checkbox.disabled .inputCheckWrap .checkIcon { cursor:default; } .fi-readonly .fi-readonly-area div.inputArea.input-checkbox.disabled { opacity:1; } .toolbutton.toolcheckbox { font-size:14px; } .toolbutton.toolcheckbox .inputArea, .toolbutton.toolcheckbox .inputBox, .toolbutton.toolcheckbox .relWrap { width:auto; } .toolbutton.toolcheckbox .inputCheckWrap { position:relative; margin-top:-1px; } /* CtrlType.DateTime + CtrlType.Date + CtrlType.Time + CtrlType.Month */ div.inputArea.input-datetime > div.inputBox div.inputDateWrap { left:0.15em; right:2.5em; border:none; } div.inputArea.input-datetime > div.inputBox div.inputDateWrap input { width:100%; height:100%; border:none; outline:none; background-color:transparent; padding:0; border:none; margin:0; padding-left:3px; } div.inputArea.input-datetime > div.inputBox div.inputDateWrap span.ui-helper-hidden-accessible { display:none; } div.inputArea.input-datetime > div.inputBox div.inputDateWrap div.inputContainer { padding-left:2em; } div.inputArea.input-datetime > div.inputBox div.inputDateWrap div.inputContainer div.absWrap { width:1.8em; text-align:center; top:-3px; } div.inputArea.input-datetime > div.inputBox div.inputDateWrap div.inputContainer div.absWrap span { font-size:1.4em; line-height:1.42857143em; color:#AAA; } /* line-height: 2em = 1.42857143em * 1.4em */ div.inputArea.input-datetime > div.inputBox div.inputDateWrap.two-columns div.inputContainer { width:50%; float:left; } div.inputArea.input-datetime > div.inputBox div.inputDateWrap.unclearable + div.inputClear { display:none; } div.inputArea.input-datetime.compact > div.inputBox div.inputDateWrap.two-columns div.inputContainer:first-child { width:60%; } div.inputArea.input-datetime.compact > div.inputBox div.inputDateWrap.two-columns div.inputContainer:last-child { width:40%; max-width:100px; } div.inputArea.input-datetime.is-empty.fi-data-placeholder > div.inputBox div.inputDateWrap input[type="text"] { opacity: 0.6; } div.inputArea.input-datetime.disabled > div.inputBox div.inputDateWrap.two-columns + div.inputClear { visibility:hidden; } div.inputArea.input-datetime.disabled > div.inputBox div.inputDateWrap:not(.two-columns) { right:0.15em; } div.inputArea.input-datetime.disabled > div.inputBox div.inputDateWrap:not(.two-columns) + div.inputClear { display:none !important; } div.inputArea.input-datetime input.inputValue.required + div.inputDateWrap + div.inputClear { display:none !important; } div.inputArea.input-datetime input[type="date"] { line-height:inherit; } /* Overrule bootstrap */ div.inputArea.input-datetime.input-unreadable > div.inputBox div.inputDateWrap div.inputContainer div.absWrap span { color:#DDD; } div.inputArea.input-datetime.input-unreadable > div.inputBox div.inputDateWrap + div.inputClear { display:none !important; } div.inputArea.input-datetime.input-unreadable .unreadableValue + span + span { position:absolute; line-height:2em; left:2em; top:-2px; cursor:default; } .fi-readonly .fi-readonly-area div.inputArea.input-datetime.disabled.is-empty:not(.fi-value-placeholder) > div.inputBox div.inputContainer::after { content:'-'; line-height:1.6em; display:block; position:absolute; left:2em; right:auto; width:1em; top:0; bottom:0; padding-left:3px; } /* old style (MBC) */ div.inputArea.input-datetime > div.inputBox table { width:100%; height:100%; table-layout:fixed; padding:0; } div.inputArea.input-datetime > div.inputBox table td > div.relWrap { position:relative; } div.inputArea.input-datetime > div.inputBox table td > div.relWrap div.absWrap { width:1.8em; right:auto; text-align:center; line-height:2em; color:#888; } div.inputArea.input-datetime > div.inputBox table td > div.relWrap div.absWrap span { display:inline-block; margin-top:0; font-size:1.6em; } div.inputArea.input-datetime > div.inputBox table td > div.relWrap > div.relWrap { box-sizing:border-box; -moz-box-sizing:border-box; } div.inputArea.input-datetime > div.inputBox table td:not(.hasControl) { width:0; padding:0; } div.inputArea.input-datetime > div.inputBox table td input { border:none; padding:0; padding-top:0.2em; padding-left:2.2em; box-sizing:border-box; width:100%; background-color:transparent; align-items:inherit; outline:0px !important; height:1.6em;} div.inputArea.input-datetime.input-dateonly > div.inputBox table td.hasTime { display:none; } div.inputArea.input-datetime input[type="date"] { line-height:inherit; } /* Overrule bootstrap */ /* CtrlType.MultiDates */ div.inputArea.dates-input > .inputBox { padding:0; height:auto; } div.inputArea.dates-input > .inputBox .calendar { width:100%; overflow:hidden; background:white; } div.inputArea.dates-input > .inputBox .calendar .ui-datepicker-inline { width:100% !important; border:none; font-size:13px; } div.inputArea.dates-input > .inputBox .calendar .ui-datepicker-multi .ui-datepicker-row-break { height:5px; } div.inputArea.dates-input > .inputBox .calendar .ui-datepicker-multi .ui-datepicker-group { width:100%; } div.inputArea.dates-input > .inputBox .calendar .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } div.inputArea.dates-input > .inputBox .calendar .ui-datepicker-multi-3 .ui-datepicker-group { width:33.333333%; } div.inputArea.dates-input > .inputBox .calendar .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } div.inputArea.dates-input > .inputBox .calendar .ui-datepicker-multi-5 .ui-datepicker-group { width:20%; } div.inputArea.dates-input > .inputBox .calendar .ui-datepicker-multi-6 .ui-datepicker-group { width:16.666666%; } div.inputArea.dates-input > .inputBox .calendar .ui-datepicker-multi-7 .ui-datepicker-group { width:14.285714%; } div.inputArea.dates-input > .inputBox .calendar .ui-datepicker-multi-8 .ui-datepicker-group { width:12.5%; } div.inputArea.dates-input > .inputBox .calendar .ui-datepicker-multi-9 .ui-datepicker-group { width:11.111111%; } div.inputArea.dates-input.easy-select table.ui-datepicker-calendar th:not(.ui-datepicker-week-col) { cursor:pointer; } div.inputArea.dates-input.easy-select table.ui-datepicker-calendar td.ui-datepicker-week-col { cursor:pointer; } div.inputArea.dates-input.easy-select .ui-datepicker-title { cursor:pointer; } div.inputArea.dates-input .calendar-fasttype { display:block; position:absolute; top:auto; left:1px; right:1px; bottom:1px; z-index:301; width:auto; height:auto; } div.inputArea.dates-input .calendar-fasttype.is-empty { opacity:0; z-index:0; } div.inputArea.dates-input .calendar-fasttype .inputBox { display:block; border-left:none; border-right:none; border-bottom:none; outline:none; box-shadow:none; } /* ... Mockup for calendar markup */ div.inputArea.dates-input .mockup { font-size:12px; height:17.10em; line-height:17.10em; text-align:center; position:relative; } div.inputArea.dates-input .mockup[data-month-rows="2"] { height:33.95em; line-height:33.95em; } div.inputArea.dates-input .mockup[data-month-rows="3"] { height:50.75em; line-height:50.75em; } div.inputArea.dates-input .mockup > div { font-size:3em; color:#EEE; text-shadow:-1px -1px 2px #CCC, 1px 1px 2px #888; opacity:0.6; overflow:hidden; text-overflow:ellipsis; } div.inputArea.dates-input .mockup > div > span { white-space:nowrap; } div.inputArea.dates-input .calendar.hasDatepicker ~ .mockup { position:relative; display:none; } div.inputArea.dates-input.input-unreadable .unreadableValue + span { left:0.2em; top:-1px; } div.inputArea.dates-input.input-unreadable .unreadableValue + span + span { position:absolute; line-height:2em; left:2.4em; top:0px; cursor:default; } /* ... FI-style for calendar */ #ui-datepicker-div { font-size:13px; z-index:9999 !important; width:17.5em; border: 1px solid #AAA; } .ui-datepicker { padding:0; } .ui-datepicker table { font-size:1em; } .ui-datepicker .ui-datepicker-header, .ui-timepicker .ui-timepicker-table .ui-timepicker-title { border:none; background: rgb(190,191,194); background: -moz-linear-gradient(top, rgba(190,191,194,1) 0%, rgba(231,231,233,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(190,191,194,1)), color-stop(100%,rgba(231,231,233,1))); background: -webkit-linear-gradient(top, rgba(190,191,194,1) 0%,rgba(231,231,233,1) 100%); background: -o-linear-gradient(top, rgba(190,191,194,1) 0%,rgba(231,231,233,1) 100%); background: -ms-linear-gradient(top, rgba(190,191,194,1) 0%,rgba(231,231,233,1) 100%); background: linear-gradient(to bottom, rgba(190,191,194,1) 0%,rgba(231,231,233,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebfc2', endColorstr='#e7e7e9',GradientType=0 ); } .ui-datepicker .ui-datepicker-header .ui-datepicker-title, .ui-timepicker .ui-timepicker-table .ui-timepicker-title { line-height:2.4em; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { width:1.5em; height:1.5em; top:0.6em; left:0.6em; cursor:pointer; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon { background:none; width:0; height: 0; border-top:0.5em solid transparent; border-bottom:0.5em solid transparent; border-right:0.5em solid black; left:0.5em; top:0.25em; right:auto; right:auto; margin:0;} .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover { border:none; background:black; top:0.6em; left:0.6em; color:white !important; text-decoration:none; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover .ui-icon { border-right-color:white !important; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next { width:1.5em; height:1.5em; top:0.6em; right:0.6em; cursor:pointer; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon { background:none; width:0; height: 0; border-top:0.5em solid transparent; border-bottom:0.5em solid transparent; border-left:0.5em solid black; left:auto; bottom:auto; right:0.5em; top:0.25em; margin:0;} .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover { border:none; background:black; top:0.6em; right:0.6em; color:white !important; text-decoration:none; } .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover .ui-icon { border-left-color:white !important; } .ui-datepicker table { margin:0; } .ui-datepicker .ui-datepicker-buttonpane { margin:0; } #ui-timepicker-div { padding:0; border:1px solid #AAA; font-size:13px; z-index:9999 !important; } .ui-timepicker-table { width:auto; border:none; } .ui-timepicker-table table { margin:0; } .ui-timepicker-table td { width:auto; padding:0; } .ui-timepicker-table td.ui-timepicker-minutes { border-left:1px solid #AAA; } .ui-timepicker-table td a { text-align:center; padding-left:0.6em; padding-right:0.6em; } .ui-timepicker .ui-timepicker-buttonpane { margin:0; } div.inputArea.dates-input.hasPastDates .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { width:2.5em; } div.inputArea.dates-input.hasPastDates .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:after { font-size:10px; margin-left:1.4em; content:'...'; } div.inputArea.dates-input.hasFutureDates .ui-datepicker .ui-datepicker-header .ui-datepicker-next { width:2.5em; } div.inputArea.dates-input.hasFutureDates .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before { font-size:10px; margin-left:0.5em; content:'...'; } #ui-monthpicker-div { font-size:13px; z-index:9999 !important; border: 1px solid #AAA; } table.ui-datepicker-calendar, table.ui-monthpicker, table.ui-timepicker, table.ui-timepicker-table { border-collapse:collapse; border-spacing:0; table-layout:fixed; } table.ui-datepicker-calendar .ui-state-default, table.ui-datepicker-calendar .ui-state-active, table.ui-monthpicker .ui-state-default, table.ui-monthpicker .ui-state-active, table.ui-timepicker .ui-state-default, table.ui-timepicker .ui-state-active { background:none; border:none; } table.ui-datepicker-calendar td, table.ui-monthpicker td, table.ui-timepicker td { padding:0 !important; background:none; border:none; text-align:center; line-height:2em; } table.ui-datepicker-calendar td span, table.ui-datepicker-calendar td a { text-align:center; } table.ui-datepicker-calendar td a[href]:hover, table.ui-monthpicker td a[href]:hover, table.ui-timepicker a[href]:hover { text-decoration:none; } table.ui-datepicker-calendar th, table.ui-datepicker-calendar td.ui-datepicker-week-col { color:#A7ABB4; background:none !important; } table.ui-datepicker-calendar td.ui-datepicker-week-end:not(.ui-datepicker-other-month) { background:#EBEDF1; } table.ui-datepicker-calendar td.ui-datepicker-week-end + td.ui-datepicker-week-end:not(.ui-datepicker-other-month) { background:#D7DBE4; } table.ui-datepicker-calendar td.ui-datepicker-today a, table.ui-datepicker-calendar td.ui-datepicker-today span { font-weight:bold; } table.ui-datepicker-calendar td.ui-state-disabled { opacity:1; } table.ui-datepicker-calendar td.ui-state-disabled > * { opacity:0.35; } .fi-readonly .fi-readonly-area table.ui-datepicker-calendar td.ui-state-disabled > * { opacity:1; } body.CRM table.ui-datepicker-calendar td:not(.ui-state-disabled):hover, body.CRM table.ui-monthpicker td:not(.ui-state-disabled):hover, body.CRM table.ui-timepicker td:not(.ui-state-disabled):hover, body.BP table.ui-datepicker-calendar td:not(.ui-state-disabled):hover, body.BP table.ui-monthpicker td:not(.ui-state-disabled):hover, body.BP table.ui-timepicker td:not(.ui-state-disabled):hover, body.Billing table.ui-datepicker-calendar td:not(.ui-state-disabled):hover, body.Billing table.ui-monthpicker td:not(.ui-state-disabled):hover, body.Billing table.ui-timepicker td:not(.ui-state-disabled):hover, body.DCC table.ui-datepicker-calendar td:not(.ui-state-disabled):hover, body.DCC table.ui-monthpicker td:not(.ui-state-disabled):hover, body.DCC table.ui-timepicker td:not(.ui-state-disabled):hover, body.RIA table.ui-datepicker-calendar td:not(.ui-state-disabled):hover, body.RIA table.ui-monthpicker td:not(.ui-state-disabled):hover, body.RIA table.ui-timepicker td:not(.ui-state-disabled):hover { background:#A78ABF !important; } body.MBC table.ui-datepicker-calendar td:not(.ui-state-disabled):hover, body.MBC table.ui-monthpicker td:not(.ui-state-disabled):hover, body.MBC table.ui-timepicker td:not(.ui-state-disabled):hover { background:#928FC2 !important; } body.MEC table.ui-datepicker-calendar td:not(.ui-state-disabled):hover, body.MEC table.ui-monthpicker td:not(.ui-state-disabled):hover, body.MEC table.ui-timepicker td:not(.ui-state-disabled):hover, body.Admin table.ui-datepicker-calendar td:not(.ui-state-disabled):hover, body.Admin table.ui-monthpicker td:not(.ui-state-disabled):hover, body.Admin table.ui-timepicker td:not(.ui-state-disabled):hover { background:#AAAAAA !important; } body.CRM table.ui-datepicker-calendar td.ui-state-highlight, body.CRM .ui-datepicker:not(.ui-datepicker-inline) table.ui-datepicker-calendar .ui-state-active, body.CRM table.ui-monthpicker .ui-state-active, body.CRM table.ui-timepicker .ui-state-active, body.BP table.ui-datepicker-calendar td.ui-state-highlight, body.BP .ui-datepicker:not(.ui-datepicker-inline) table.ui-datepicker-calendar .ui-state-active, body.BP table.ui-monthpicker .ui-state-active, body.BP table.ui-timepicker .ui-state-active, body.Billing table.ui-datepicker-calendar td.ui-state-highlight, body.Billing .ui-datepicker:not(.ui-datepicker-inline) table.ui-datepicker-calendar .ui-state-active, body.Billing table.ui-monthpicker .ui-state-active, body.Billing table.ui-timepicker .ui-state-active, body.DCC table.ui-datepicker-calendar td.ui-state-highlight, body.DCC .ui-datepicker:not(.ui-datepicker-inline) table.ui-datepicker-calendar .ui-state-active, body.DCC table.ui-monthpicker .ui-state-active, body.DCC table.ui-timepicker .ui-state-active, body.RIA table.ui-datepicker-calendar td.ui-state-highlight, body.RIA .ui-datepicker:not(.ui-datepicker-inline) table.ui-datepicker-calendar .ui-state-active, body.RIA table.ui-monthpicker .ui-state-active, body.RIA table.ui-timepicker .ui-state-active { background:#5C2482 !important; } body.MBC table.ui-datepicker-calendar td.ui-state-highlight, body.MBC .ui-datepicker:not(.ui-datepicker-inline) table.ui-datepicker-calendar .ui-state-active, body.MBC table.ui-monthpicker .ui-state-active, body.MBC table.ui-timepicker .ui-state-active { background:#2D3687 !important; } body.MEC table.ui-datepicker-calendar td.ui-state-highlight, body.MEC .ui-datepicker:not(.ui-datepicker-inline) table.ui-datepicker-calendar .ui-state-active, body.MEC table.ui-monthpicker .ui-state-active, body.MEC table.ui-timepicker .ui-state-active, body.Admin table.ui-datepicker-calendar td.ui-state-highlight, body.Admin .ui-datepicker:not(.ui-datepicker-inline) table.ui-datepicker-calendar .ui-state-active, body.Admin table.ui-monthpicker .ui-state-active, body.Admin table.ui-timepicker .ui-state-active { background:#333333 !important; } table.ui-datepicker-calendar td.ui-state-highlight, .ui-datepicker:not(.ui-datepicker-inline) table.ui-datepicker-calendar .ui-state-active, table.ui-monthpicker .ui-state-active, table.ui-timepicker .ui-state-active { border:none; color:white !important; } table.ui-datepicker-calendar td.ui-state-highlight .ui-state-default, table.ui-datepicker-calendar td.ui-state-highlight .ui-state-active { color:white; } /* CtrlType.Autocomplete + CtrlType.MultiSelect */ div.inputArea.input-autocomplete .inputBox { padding:0; border:0; height:auto; } div.inputArea.input-autocomplete-multi .inputActions .btn-toolbar .btn-group .btn { box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; padding-top:1px; padding-bottom:1px; } div.inputArea.input-autocomplete .select2-container { width:100%; overflow:hidden; } div.inputArea.input-autocomplete .select2-container .select2-chosen { width:100%; white-space:normal; padding-right:3em; margin-right:0; } div.inputArea.input-autocomplete .select2-container .select2-choice { border-radius:0; background-color:transparent; padding-left:8px; height:auto; min-height:2em; line-height:normal; padding-top:0.3em; padding-bottom:0.1em; border-color:#CCC; overflow:visible; background-image:none; } /* There were border-problems in chrome. */ div.inputArea.input-autocomplete-multi .select2-container .select2-choice, div.inputArea.input-autocomplete .select2-container .select2-choices { border-radius:0; background-color:transparent; padding-left:3px; min-height:0; height:100%; border-color:#CCC; background-image:none; } div.inputArea.input-autocomplete .select2-container .select2-choices > li { line-height:2em; height:2em; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block; margin:1px; } div.inputArea.input-autocomplete .select2-container .select2-choice:hover { text-decoration:none; } div.inputArea.input-autocomplete .select2-container .select2-choices .select2-search-choice { padding:0 5px 0 14px; word-break:break-all; overflow:hidden; } div.inputArea.input-autocomplete .select2-container .select2-choices .select2-search-choice .select2-search-choice-close { top:0px; left:2px; } div.inputArea.input-autocomplete .select2-container .select2-choices .select2-search-choice.select2-locked { padding:0 5px 0 5px !important; } div.inputArea.input-autocomplete .select2-container .select2-choices .select2-search-field { border:1px solid transparent; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } div.inputArea.input-autocomplete .select2-container .select2-choices .select2-search-field input { line-height:1; padding:0px; } div.inputArea.input-autocomplete .select2-container .select2-choices .select2-search-too-many { opacity:0.6; pointer-events:none; color:var(--fi-brand-dark); } div.inputArea.input-autocomplete .select2-container .select2-choices .select2-search-too-many div { padding:0 0.3em; font-size:0.8em; } div.inputArea.input-autocomplete .select2-container .select2-arrow { border-radius:0; background-color:transparent; width:1.4em; text-align:center; } div.inputArea.input-autocomplete .select2-container .select2-arrow b { display:none; } div.inputArea.input-autocomplete .select2-container .select2-arrow:before { position:absolute; content:""; display:inline-block; width: 0; height: 0; left:50%; top:50%; margin-left:-0.3em; margin-top:-0.2em; border-left:0.3em solid transparent; border-right:0.3em solid transparent; border-top:0.45em solid #888; } div.inputArea.input-autocomplete .select2-container.select2-dropdown-open .select2-arrow:before { border-bottom:0.45em solid #888; border-top:none; } div.inputArea.input-autocomplete .select2-container.select2-allowclear .select2-choice abbr { font-size:inherit; height:2em; width:2em; line-height:2em; top:0; display:inline-block; text-align:center; color:black; background:none; right:1.4em; overflow:hidden; background-position:100px; } div.inputArea.input-autocomplete .select2-container.select2-allowclear .select2-choice abbr:after { content:'\e0c2'; font-family:'FIIconFont'; text-align:center; display:inline-block; font-size:1.6em; color:#AAA; } div.inputArea.input-autocomplete .select2-container.select2-allowclear .select2-choice abbr:hover:after { color:#555658; } div.inputArea.input-autocomplete.disabled .select2-container .select2-choice:hover { cursor:default; } div.inputArea.input-autocomplete.disabled .select2-container.select2-allowclear .select2-choice abbr, div.inputArea.input-autocomplete.is-empty .select2-container.select2-allowclear .select2-choice abbr { display:none; } div.inputArea.input-autocomplete.is-empty .select2-container .select2-choices .select2-search-field { width:100%; } div.inputArea.input-autocomplete.is-empty .select2-container .select2-choices .select2-search-field input { width:100% !important; } div.inputArea.input-autocomplete.is-empty:not(.fi-value-placeholder) .select2-container .select2-chosen, div.inputArea.input-autocomplete.is-empty:not(.fi-value-placeholder) .select2-container .select2-choices { opacity: 0.6; } div.inputArea.input-autocomplete.is-empty.fi-value-placeholder .select2-default { color: inherit !important; } div.inputArea.input-autocomplete.is-empty .select2-container .select2-choices input { font-family: inherit; padding-left:3px; } div.inputArea.input-autocomplete.is-fallback .select2-container .select2-chosen, div.inputArea.input-autocomplete.is-fallback .select2-container .select2-choices { opacity: 0.8; font-style:italic; } div.inputArea.input-autocomplete.is-error > div.inputFail + div.inputBox .select2-choice, div.inputArea.input-autocomplete.is-error > div.inputFail + div.inputBox .select2-choices { border-color:#AF2117; box-shadow:none; } div.inputArea.input-autocomplete .inputBox.opened .select2-container .select2-choice, div.inputArea.input-autocomplete .inputBox.opened .select2-container .select2-choices, div.inputArea.input-autocomplete .inputBox.focused .select2-container .select2-choice, div.inputArea.input-autocomplete .inputBox.focused .select2-container .select2-choices { border-color:inherit; } div.inputArea.input-autocomplete .inputBox.opened { outline:none; box-shadow:none; } div.inputArea.input-autocomplete-fonticon .select2-container .select2-chosen { display:block; position:absolute; font-size:1.6em; margin-top:-0.05em; padding:0; bottom:0; top:0; left:8px; right:0; } div.inputArea.input-autocomplete-fonticon.is-empty.fi-data-placeholder .select2-container .select2-chosen { font-size: 1em; margin-top: 0; position: inherit; left: 0; } div.inputArea.input-autocomplete.with-header-support .select2-container .select2-choices .select2-search-choice { display:block; float:none; } div.inputArea.input-autocomplete.with-header-support .select2-container .select2-choices .select2-search-choice .header-text-format:not(.empty-header) span { margin-top: -0.4em; } div.inputArea.input-autocomplete.with-header-support .select2-container .select2-choices .select2-search-choice .header-text-format span.item-label { display:block; } div.inputArea.input-autocomplete.with-header-support .select2-container .select2-choices .select2-search-choice .header-text-format span.item-header { display:block; font-size:0.75em; line-height: 1.2em; color:#888; margin-top:-1em; } div.inputArea.input-autocomplete.with-header-support .select2-container .select2-choices > li { height:2.4em; line-height: 2.4em; } div.inputArea.input-autocomplete.with-header-support .select2-container .select2-chosen .item-header { margin-left: 0.3em; background: #EEE; padding: 0 0.3em; border-radius: 2px; color: #666; font-size: 0.8em; } .select2-drop.fi-icon-select .select2-results > li { font-size:1.6em; } .fi-readonly .fi-readonly-area div.inputArea.input-autocomplete.disabled .select2-container .select2-choice, .fi-readonly .fi-readonly-area div.inputArea.input-autocomplete.disabled .select2-container .select2-choices { border-color: transparent; } .fi-readonly .fi-readonly-area div.inputArea.input-autocomplete.disabled .select2-container .select2-arrow { display:none; } .fi-readonly .fi-readonly-area div.inputArea.input-autocomplete.disabled.is-empty .select2-default { color: inherit !important; } .fi-readonly .fi-readonly-area div.inputArea.input-autocomplete.disabled.is-empty.fi-data-placeholder:not(.fi-value-placeholder) > div.inputBox .select2-chosen { color: transparent; } .fi-readonly .fi-readonly-area div.inputArea.input-autocomplete.disabled.is-empty:not(.fi-value-placeholder) > div.inputBox::after { content:'-'; color:inherit; font-size:inherit; line-height:1.6em; display:block; position:absolute; left:0; right:auto; width:1em; top:0; bottom:0; padding-left:8px; font-family:inherit; } .fi-list-input { max-height:20em; overflow-x:auto; border-bottom:1px solid #EEE; border-top:1px solid #EEE; padding-top:3px; padding-bottom:3px; } .fi-list-input ul.list-input-entries { list-style:none; padding:0; margin-bottom:0; } .fi-list-input ul.list-input-entries ul.list-input-entries { padding-left: 1.2em; } .fi-list-input ul.list-input-entries li.list-input-entry.opened > div .opener, .fi-list-input ul.list-input-entries li.list-input-entry.filter-opened > div .opener { display:none; } .fi-list-input ul.list-input-entries li.list-input-entry:not(.opened):not(.filter-opened) > div .closer { display:none; } .fi-list-input ul.list-input-entries li.list-input-entry:not(.opened):not(.filter-opened) > ul.list-input-entries { display:none; } .fi-list-input ul.list-input-entries li.list-input-entry .opener, .fi-list-input ul.list-input-entries li.list-input-entry .closer, .fi-list-input ul.list-input-entries li.list-input-entry input[type]:not(:disabled) { cursor:pointer; } .fi-list-input ul.list-input-entries li.list-input-entry input[type]:disabled { opacity:0.4; } .fi-list-input ul.list-input-entries li.list-input-entry input[type] + label { margin-bottom:0; font-weight:normal; } .fi-list-input ul.list-input-entries li.list-input-entry input[type]:not(:disabled) + label { cursor:pointer; } .fi-list-input ul.list-input-entries li.list-input-entry input[type]:not(:disabled) + label:hover { text-decoration:underline; } .fi-list-input-single ul.list-input-entries li.list-input-entry input[type] { visibility:hidden; width:0; } .fi-list-input ul.list-input-entries li.list-input-entry input[type]:checked + label { font-weight:bold; } .fi-list-input ul.list-input-entries li.list-input-entry input[type]:not(:checked) ~ .checked { display:none; } .fi-list-input.max-reached ul.list-input-entries li.list-input-entry input[type]:not(:checked) + label { cursor:default; pointer-events:none; opacity:0.6; } div.fi-list-input-filter.inputArea { display:inline-block; float:left; width: calc(100% - 6em); } div.inputArea.input-autocomplete.disabled > div.inputActions .btn-toolbar .btn-group .list-input { display:none; } /* ... Mockup for select2 markup */ div.inputArea.input-autocomplete.is-empty .mockup.select2-container-multi .select2-choices { height:2em !important; box-sizing:content-box; } /* The markup is not complete, so we need to force a height! */ div.inputArea.input-autocomplete .select2-container ~ .mockup { position:relative; display:none; } /* Hide mockup as soon as the original control appears. */ div.inputArea.input-autocomplete.input-unreadable .select2-container .select2-choice.unreadableValue { padding-left:2.2em; } div.inputArea.input-autocomplete.input-unreadable .select2-container .select2-choice.unreadableValue:focus { outline:none; } div.inputArea.input-autocomplete.input-unreadable .select2-container .select2-choice.unreadableValue + span { left:0.18em; top:0px; } div.inputArea.input-autocomplete.input-unreadable .select2-container .select2-choice abbr { display:none; } div.inputArea.input-autocomplete.input-unreadable .mockup.select2-container-multi .select2-choices { height:2em !important; box-sizing:content-box; } /* The markup is not complete, so we need to force a height! */ div.inputArea.input-autocomplete.input-unreadable .select2-container-multi .select2-choices.unreadableValue + span { left:0.18em; top:0px; } div.inputArea.input-autocomplete.input-unreadable .select2-container-multi .select2-choices.unreadableValue + span + span { position:absolute; line-height:2em; left:2.3em; top:0px; cursor:default; } /* CtrlType.Radio + CtrlType.RadioOptional */ div.inputArea.input-radio > div.inputBox { padding:0; border:none; background:inherit; height:auto; } div.inputArea.input-radio > div.inputBox .btn-group { height:2em; } div.inputArea.input-radio > div.inputBox .btn-group label { border-radius:0; font-size:inherit; line-height:1.8em; } div.inputArea.input-radio > div.inputBox .btn-group label:not(:first-child) { border-left:none; } div.inputArea.input-radio > div.inputBox .btn-group:not(:first-of-type) label { border-top:none; } div.inputArea.input-radio > div.inputBox .btn-group label.focused:after { content:' '; position:absolute; left:0px; top:0px; right:0px; bottom:0px; border:1px solid #5897fb; } div.inputArea.input-radio > div.inputBox .btn-group label.active:before { content:'\e095'; position:absolute; right:0.1em; top:0.1em; line-height:1; font-family: 'FIIconFont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } div.inputArea.input-radio > div.inputBox.focused { outline-offset:0; } div.inputArea.input-radio > div.inputBox > input.radio-accesskey-field { position:absolute; height:0; width:0; opacity:0; } div.inputArea.input-radio.input-unreadable > div.inputBox .btn-group label { color:#CCC; } div.inputArea.input-radio.input-unreadable > div.inputBox .unreadableValue + span { left:0.2em; top:0px; } div.inputArea.input-radio.input-unreadable > div.inputBox .unreadableValue + span + span { position:absolute; line-height:2em; left:2.4em; top:1px; cursor:default; } div.inputArea.input-radio.disabled > div.inputBox .btn-group label.btn { cursor:default !important; } /* CtrlType.CheckboxSet */ div.inputArea.input-checkboxset > div.inputBox { padding:0; border:none; background:inherit; height:auto; } div.inputArea.input-checkboxset > div.inputBox.active, div.inputArea.input-checkboxset > div.inputBox.focused { outline:none; -webkit-box-shadow: none; box-shadow: none; } div.inputArea.input-checkboxset > div.inputBox .btn-group { height:2em; width:auto; } div.inputArea.input-checkboxset > div.inputBox .btn-group label { border-radius:0; font-size:inherit; line-height:1.8em; } div.inputArea.input-checkboxset > div.inputBox .btn-group label:not(:first-child) { border-left:none; } div.inputArea.input-checkboxset > div.inputBox .btn-group:not(:first-of-type) label { border-top:none; } div.inputArea.input-checkboxset > div.inputBox .btn-group label.focused:after { content:' '; position:absolute; left:0px; top:0px; right:0px; bottom:0px; border:2px solid #5897fb; z-index:300; } div.inputArea.input-checkboxset > div.inputBox .btn-group label.active:before { content:'\e095'; position:absolute; right:0.1em; top:0.1em; line-height:1; font-family: 'FIIconFont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } div.inputArea.input-checkboxset > div.inputBox .btn-group label .inputValue ~ .exclamation { display:none; } div.inputArea.input-checkboxset > div.inputBox .btn-group label .inputValue.hasError ~ .exclamation { display:block; color:#AF2117; font-size:70%; position:absolute; right:2px; top:2px; padding:0; line-height:1; } div.inputArea.input-checkboxset.input-unreadable > div.inputBox .btn-group label { color:#CCC; } div.inputArea.input-checkboxset.input-unreadable > div.inputBox .unreadableValue + span { left:0.2em; top:0px; } div.inputArea.input-checkboxset.input-unreadable > div.inputBox .unreadableValue + span + span { position:absolute; line-height:2em; left:2.4em; top:1px; cursor:default; } .fi-readonly .fi-readonly-area div.inputArea.input-checkboxset label.btn.disabled { opacity:1; } .fi-readonly .fi-readonly-area div.inputArea.input-checkboxset label.btn.disabled.active { background-color: #e6e6e6; border-color: #adadad; } /* CtrlType.Address */ div.inputArea.address-input { display:block; } div.inputArea.address-input > div.absWrap { width:2.2em; right:auto; line-height:2em; height:2em; text-align:center; color:#AAA; } div.inputArea.address-input > div.absWrap span { font-size:1.6em; line-height:inherit; } div.inputArea.address-input > div.inputArea > div.inputBox .select2-chosen { padding-left:1.7em; } div.inputArea.address-input > div.inputArea > div.inputBox .expand-button { background:white; opacity:0; left:auto; width:1.4em; cursor:pointer; } div.inputArea.address-input > div.inputArea .select2-container .select2-arrow:before { position:absolute; content:""; display:inline-block; width: 0; height: 0; left:50%; top:50%; margin-left:-0.3em; margin-top:-0.2em; border-left:0.3em solid transparent; border-right:0.3em solid transparent; border-top:0.45em solid #888; } div.inputArea.address-input > div.inputArea .select2-container.select2-dropdown-open .select2-arrow:before { border:none; } div.inputArea.address-input.is-open > div.inputArea .select2-container .select2-arrow:before { border-bottom:0.45em solid #888; border-top:none; } div.inputArea.address-input table.address-fields { display:none; table-layout:fixed; width:100%; } div.inputArea.address-input table.address-fields > tbody > tr > td { padding-top:2px; padding-left:2px; vertical-align:bottom; } div.inputArea.address-input table.address-fields > tbody > tr > td:first-child { vertical-align:middle; } div.inputArea.address-input table.address-fields > tbody > tr > td.address-label { font-weight:bold; } div.inputArea.address-input table.address-fields div.inputArea > div.inputBox div.inputClear, div.inputArea.address-input table.address-fields div.inputArea > div.inputBox .select2-search-choice-close, div.inputArea.address-input table.address-fields div.inputArea > div.inputBox .select2-arrow { visibility:hidden; } div.inputArea.address-input table.address-fields div.inputArea > div.inputBox .select2-chosen { padding-right:0.1em; } div.inputArea.address-input table.address-fields div.inputArea > div.inputBox div.inputTextWrap { right:0.1em; } div.inputArea.address-input.is-open table.address-fields { display:table; } div.inputArea.address-input > div.inputArea > div.inputBox:after { content:'\e029'; font-size:1.4em; color:#AAA; position:absolute; width:1.42857143em; line-height:1.42857143em; text-align:center; vertical-align:middle; left:2px; top:-1px; bottom:0; right:auto; text-align:center; font-family: 'FIIconFont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } div.inputArea.address-input > div.inputArea > div.inputBox div.select2-chosen { padding-left:2em; } div.inputArea.address-input.postal > div.inputArea > div.inputBox:after { content:'\e014'; } div.inputArea.address-input.postbox > div.inputArea > div.inputBox:after { content:'\e644'; } div.inputArea.address-input.major_customer > div.inputArea > div.inputBox:after { content:'\e00b'; } div.inputArea.address-input.disabled > div.inputArea > div.inputBox:after { color:#CCC; } div.inputArea.address-input.disabled.valid-address > div.inputArea > div.inputBox:after { color:#8A8; } div.inputArea.address-input.valid-address > div.inputArea > div.inputBox:after { color:#080; } div.inputArea.address-input.disabled.awaiting-validation > div.inputArea > div.inputBox:after { color:#AA8; } div.inputArea.address-input.awaiting-validation > div.inputArea > div.inputBox:after { color:#CC0; } div.inputArea.address-input.not-overloaded div.inputArea.input-autocomplete, div.inputArea.address-input.not-overloaded div.inputArea.input-text { color:#999 !important; } div.inputArea.address-input.not-overloaded > div.inputArea > div.inputBox .select2-search-choice-close { visibility:hidden; } div.inputArea.address-input.not-overloaded > div.inputArea > div.inputBox .select2-chosen { padding-right:0.1em; } div.inputArea.address-input label.btn { padding:0; margin:0; } div.inputArea.address-input label.btn span.radioIcon { font-size:1.2em; line-height:1.5em; display:inline-block; padding:0; margin:0; } div.inputArea.address-input.postal .not-postal { display:none; } div.inputArea.address-input.postbox .not-postbox { display:none; } div.inputArea.address-input.major_customer .not-major_customer { display:none; } div.inputArea.address-input.input-unreadable > div.inputArea > div.inputBox .select2-chosen { padding-left:0; } div.inputArea.address-input.input-unreadable > div.inputArea > div.inputBox:after { display:none; } div.inputArea.address-input.postbox > div.inputArea > div.inputActions .btn-toolbar .btn-group .btn.trigger-address-action, div.inputArea.address-input > div.inputArea.is-empty > div.inputActions .btn-toolbar .btn-group .btn.trigger-address-action, div.inputArea.address-input > div.inputArea > div.inputActions .btn-toolbar .btn-group .btn.trigger-address-action[href="javascript:void(0)"] { display:none; } .fi-readonly .fi-readonly-area div.inputArea.address-input > div.inputArea.input-autocomplete.disabled .select2-container .select2-arrow { display:block; opacity:0.4; } /* CtrlType.BankDetails */ div.inputArea.bankdetails-input div.info-fields { display:none; padding-left:0.4em; width:100%; } div.inputArea.bankdetails-input div.info-fields .input_label:before { display:none; } div.inputArea.bankdetails-input div.info-fields .input_row { padding-top:2px; } div.inputArea.bankdetails-input div.info-fields .input_row + .input_row { margin-top:2px; padding-top:0; } div.inputArea.bankdetails-input div.info-fields .owner-label { line-height:1.8em; padding-top:0.2em; color:#448; } div.inputArea.bankdetails-input div.info-fields:not(.owner-open) .owner-label .icon-arrow-down { display:none; } div.inputArea.bankdetails-input div.info-fields.owner-open .owner-label .icon-arrow-right { display:none; } div.inputArea.bankdetails-input div.info-fields:not(.owner-open).two-columns .owner-info { display:none; } div.inputArea.bankdetails-input div.info-fields.one-column .col { float:none; width:auto; width:initial; } div.inputArea.bankdetails-input div.info-fields.one-column .owner-label { display:none; } div.inputArea.bankdetails-input div.info-fields.three-columns .owner-label { visibility:hidden; } div.inputArea.bankdetails-input div.info-fields.three-columns .input-separator { border-top:none; } div.inputArea.bankdetails-input div.info-fields.two-columns > .row > .col { float:none; width:auto; width:initial; } div.inputArea.bankdetails-input div.info-fields.two-columns .owner-info div.col > div { border:1px solid #CCC; margin-top:2px; background-color:#F8F8F8; padding:2px; } div.inputArea.bankdetails-input div.info-fields.two-columns .owner-info div.col > div:nth-child(2) { border-right:none; } div.inputArea.bankdetails-input div.info-fields.two-columns .owner-info div.col > div:last-child { border-left:none; } div.inputArea.bankdetails-input div.info-fields.two-columns .owner-info .first_row { display:none; } div.inputArea.bankdetails-input div.info-fields.two-columns .owner-info .first_row + .input_row { width:50%; float:left; padding-right:15px; border-right:none; } div.inputArea.bankdetails-input div.info-fields.two-columns .owner-info .first_row + .input_row + .input_row { width:50%; float:left; padding-left:15px; } div.inputArea.bankdetails-input.is-open div.info-fields { display:block; } div.inputArea.bankdetails-input.is-open > div.inputArea .select2-container .select2-arrow:before { border-bottom:0.45em solid #888; border-top:none; } div.inputArea.bankdetails-input > div.inputArea > div.inputBox:after { content:'\e90e'; font-size:1.4em; color:#AAA; position:absolute; width:1.42857143em; line-height:1.42857143em; text-align:center; vertical-align:middle; left:2px; top:-1px; bottom:0; right:auto; text-align:center; font-family: 'FIIconFont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } div.inputArea.bankdetails-input > div.inputArea > div.inputBox .inputTextWrap { padding-left:2em; } div.inputArea.bankdetails-input.is-filled > div.inputArea > div.inputBox:after { color:#AF2117; } div.inputArea.bankdetails-input.is-checked > div.inputArea > div.inputBox:after { color:#35AE72; } div.inputArea.bankdetails-input.disabled div.info-fields:not(.three-columns) div.owner-label.is-empty { visibility:hidden; } div.inputArea.bankdetails-input.disabled div.info-fields:not(.three-columns) div.owner-info.is-empty { display:none; } .fi-readonly .fi-readonly-area div.inputArea.bankdetails-input.disabled > div.inputArea.is-empty > div.inputBox:after { display:none; } .fi-readonly .fi-readonly-area div.inputArea.bankdetails-input.disabled > div.inputArea .inputExpand { display:block; opacity:0.4; } div.inputArea.bankdetails-input div.info-fields div.inputArea > div.inputBox div.inputClear, div.inputArea.bankdetails-input div.info-fields div.inputArea > div.inputBox .select2-search-choice-close, div.inputArea.bankdetails-input div.info-fields div.inputArea > div.inputBox .select2-arrow { visibility:hidden; } div.inputArea.bankdetails-input div.info-fields div.inputArea > div.inputBox .select2-chosen { padding-right:0.1em; } div.inputArea.bankdetails-input div.info-fields div.inputArea > div.inputBox div.inputTextWrap { right:0.1em; } div.inputArea.bankdetails-input div.info-fields .resize-triggers { visibility:visible; opacity:0.5; } div.inputArea.bankdetails-input div.info-fields.no-checksum .account-no-line > div:first-child { width:100%; padding-right:0; } div.inputArea.bankdetails-input div.info-fields.no-checksum .account-no-line > div:last-child { display:none; } div.inputArea.bankdetails-input div.info-fields.no-branchcode .bank-code-line > div:first-child { width:100%; padding-right:0; } div.inputArea.bankdetails-input div.info-fields.no-branchcode .bank-code-line > div:last-child { display:none; } div.inputArea.bankdetails-input.not-overloaded div.inputArea.input-autocomplete, div.inputArea.bankdetails-input.not-overloaded div.inputArea.input-text { color:#999 !important; } div.inputArea.bankdetails-input.not-overloaded > div.inputArea > div.inputBox div.inputClear { display:none; } div.inputArea.bankdetails-input.not-overloaded > div.inputArea > div.inputBox div.inputTextWrap { right:1.5em; } /* CtrlType.CreditCard */ div.inputArea.creditcard-input div.info-fields { display:none; padding-left:0.4em; } div.inputArea.creditcard-input div.info-fields .input_label:before { display:none; } div.inputArea.creditcard-input div.info-fields .input_row { padding-top:2px; } div.inputArea.creditcard-input div.info-fields .input_row + .input_row { margin-top:2px; padding-top:0; } div.inputArea.creditcard-input div.info-fields div.creditcard-checked { width:8em; float:right; } div.inputArea.creditcard-input > .row { margin-left:-1px; margin-right:-1px; flex:1 0 auto; } div.inputArea.creditcard-input > .row > div { padding-left:1px; padding-right:1px; } div.inputArea.creditcard-input > .row > div.creditcard-company div.inputArea .select2-choice abbr { display:none; } div.inputArea.creditcard-input > .row > div.creditcard-company div.inputArea .select2-chosen { padding-right:2px; } div.inputArea.creditcard-input > .row > div.creditcard-limit div.inputArea > div.inputBox div.inputClear { display:none; } div.inputArea.creditcard-input > .row > div.creditcard-limit div.inputArea > div.inputBox div.inputDateWrap { right:0.1em; } div.inputArea.creditcard-input.is-open div.info-fields { display:block; } div.inputArea.creditcard-input.is-open > div.inputArea .select2-container .select2-arrow:before { border-bottom:0.45em solid #888; border-top:none; } div.inputArea.creditcard-input > .row > div.creditcard-number div.inputArea > div.inputBox:after { content:'\e90f'; font-size:1.4em; color:#AAA; position:absolute; width:1.42857143em; line-height:1.42857143em; text-align:center; vertical-align:middle; left:2px; top:-1px; bottom:0; right:auto; text-align:center; font-family: 'FIIconFont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } div.inputArea.creditcard-input > .row > div.creditcard-number div.inputArea > div.inputBox .inputTextWrap { padding-left:2em; } div.inputArea.creditcard-input.is-filled > .row > div.creditcard-number div.inputArea > div.inputBox:after { color:#AF2117; } div.inputArea.creditcard-input.is-checked > .row > div.creditcard-number div.inputArea > div.inputBox:after { color:#35AE72; } .fi-readonly .fi-readonly-area div.inputArea.creditcard-input.disabled > .row > div.creditcard-number div.inputArea.is-empty > div.inputBox:after { display:none; } .fi-readonly .fi-readonly-area div.inputArea.creditcard-input.disabled > .row > div.creditcard-number div.inputArea .inputExpand { display:block; opacity:0.4; } div.inputArea.creditcard-input:not(.is-open) > .row > div .input_label, div.inputArea.creditcard-input:not(.x-small) > .row > div .input_label { display:none; } div.inputArea.creditcard-input:not(.is-open) > .row > div .input_label + div.inputArea, div.inputArea.creditcard-input:not(.x-small) > .row > div .input_label + div.inputArea { width:100%; } div.inputArea.creditcard-input.x-small > .row > div { width:100%; left:0; right:0; } div.inputArea.creditcard-input.x-small > .row > div .input_label { display:block; } div.inputArea.creditcard-input.x-small > .row > div .input_label:before { display:none; } div.inputArea.creditcard-input.x-small > .row > div .input_row { padding-top:2px; padding-left:0.4em; } div.inputArea.creditcard-input.x-small > .row > div.x-small-hide { display:none; } div.inputArea.creditcard-input.x-small.is-open > .row > div.x-small-hide { display:block; } div.inputArea.creditcard-input.not-overloaded div.inputArea.input-autocomplete, div.inputArea.creditcard-input.not-overloaded div.inputArea.input-text { color:#999 !important; } div.inputArea.creditcard-input.not-overloaded > div > div > div.inputArea > div.inputBox div.inputClear { display:none; } div.inputArea.creditcard-input.not-overloaded > div > div > div.inputArea > div.inputBox div.inputTextWrap { right:1.5em; } /* CtrlType.Workflow */ div.inputArea.workflow-input { display:block; } div.inputArea.workflow-input .prodstate-color { position:absolute; left:4px; top:4px; bottom:4px; right:auto; width:1.7em; background:transparent; z-index:1; border:1px solid #888; } div.inputArea.workflow-input.is-empty .prodstate-color { border-color:transparent; } div.inputArea.workflow-input > .is-error ~ .prodstate-color { left:calc(4px + 2em); } div.inputArea.workflow-input .inputBox .select2-container .select2-choice { padding-left:2.3em; } div.inputArea.workflow-input:not(.disabled) div.inputActions .btn-toolbar .btn-group .btn.show-workflow-btn { display:none; } div.inputArea.workflow-input.disabled div.inputActions .btn-toolbar .btn-group .btn.edit-workflow-btn { display:none; } .select2-drop .select2-results div.workflow-result-line { position:relative; padding-left:2.3em; } .select2-drop .select2-results div.workflow-result-line.inactive { opacity:0.5; } .select2-drop .select2-results div.workflow-result-line.overdue { color:red; } .select2-drop .select2-results div.workflow-result-line .prodstate-color { position:absolute; left:0; top:0; bottom:0; right:auto; width:1.7em; background:transparent; border:1px solid #888; text-align:center; text-shadow:0px 1px 0px #AAA; color:#000; } .workflow-structure[data-sibling-cnt="1"] { width:16em; } .workflow-structure[data-sibling-cnt="2"] { width:32em; } .workflow-structure[data-sibling-cnt="3"] { width:48em; } .workflow-structure[data-sibling-cnt="4"] { width:64em; } .workflow-structure[data-sibling-cnt="5"] { width:80em; } .workflow-structure button.close.close-workflow { color:#000; position:absolute; right:0; top:0; padding:4px; } .workflow-structure table { margin:auto; width:100%; table-layout:fixed; } .workflow-structure table td { padding:8px 0px 8px 1em; } .workflow-structure table td.workflow-start { padding-top:0px; } .workflow-structure table td.workflow-end { padding-bottom:0px; } .workflow-structure table td.workflow-item { vertical-align:top; } .workflow-structure table td.workflow-item + td { border-left:1px solid #000; } .workflow-structure table td.workflow-item.left-top-sibling { border-top:1px solid #000; } .workflow-structure table td.workflow-item.left-bottom-sibling { border-bottom:1px solid #000; } .workflow-structure table td.workflow-item.right-top-sibling + td { border-top:1px solid #000; } .workflow-structure table td.workflow-item.right-bottom-sibling + td { border-bottom:1px solid #000; } .workflow-structure table td.workflow-item > div { position:relative; overflow:visible; } .workflow-structure table td.workflow-item > div .workflow-step { position:relative; width:200%; border:1px solid #888; box-shadow:0px 0px 3px #AAA; border-radius:4px; background:white; text-align:center; color:white; padding:0.2em; min-height:2em; } .workflow-structure table td.workflow-item > div .workflow-step .workflow-step-name { padding-left:1.5em; padding-right:1.5em; } .workflow-structure table td.workflow-item > div .workflow-step a.workflow-edit-btn { position:absolute; right:3px; top:3px; bottom:auto; width:1.4em; height:1.4em; line-height:1.4em; left:auto; text-align:center; color:#CCC; } .workflow-structure table td.workflow-item > div .workflow-step a.workflow-edit-btn:focus { outline-color:white; color:white; } .workflow-structure table td.workflow-item > div .workflow-step a.workflow-set-btn { position:absolute; left:3px; top:3px; bottom:auto; width:1.4em; height:1.4em; line-height:1.4em; right:auto; background:white; border:1px solid #888; color:#222; text-align:center; } .workflow-structure table td.workflow-item > div .workflow-step a.workflow-set-btn > span.icon-ok { display:none; } .workflow-structure table td.workflow-item > div .workflow-step a.workflow-set-btn.disabled { cursor:default; text-decoration:none !important; outline:none !important; } .workflow-structure table td.workflow-item > div .workflow-step.is-set a.workflow-set-btn > span.icon-ok { display:inline; } .workflow-structure table td.workflow-item > div .workflow-step.is-set a.workflow-set-btn > span.none { display:none; } .workflow-structure table td.workflow-item > div .workflow-step.is-inactive { opacity:0.75; background-color:white !important; } .workflow-structure table td.workflow-item > div .workflow-step a.workflow-set-btn:focus { outline:2px solid #000; outline-offset:-1px; } .workflow-structure table td.workflow-item > div .workflow-step .workflow-additionalinfos { position:relative; display:none; } .workflow-structure table td.workflow-item > div .workflow-step.has-additional-infos .workflow-additionalinfos { display:block; } .workflow-structure table td.workflow-item > div .workflow-step .workflow-deadline { font-size:0.8em; position:relative; padding-top:2px; } .workflow-structure table td.workflow-item > div .workflow-step .workflow-deadline:empty { display:none; } .workflow-structure table td.workflow-item > div .workflow-step.has-manual-deadline .workflow-deadline:after { margin-left:0.4em; content:'\e040'; font-family: 'FIIconFont'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } .workflow-structure table td.workflow-item > div .workflow-step .workflow-comment { font-size:0.8em; position:relative; padding-top:2px; text-align:left; } .workflow-structure table td.workflow-item > div .workflow-step .workflow-comment:empty { display:none; } .workflow-structure table td.workflow-item > div .workflow-step .workflow-edit { font-size:0.8em; text-align:left; text-shadow:none; } .workflow-structure table td.workflow-item > div .workflow-step .workflow-edit .input_label { font-weight:normal; } .workflow-structure table td.workflow-item > div .workflow-step .workflow-edit .inputArea { color:#000; } .workflow-structure table td.workflow-item > div .workflow-step .workflow-edit .checkIcon > * { color:white; } .workflow-structure table td.workflow-item > div .workflow-step .workflow-edit-tools { padding-top:0.4em; } .workflow-structure table td.workflow-item > div .workflow-step .workflow-edit-tools .btn, .workflow-structure table td.workflow-item > div .workflow-step .workflow-edit-tools .toolbutton.toolcheckbox { font-size:1em; } .workflow-structure table td.workflow-item > div .workflow-step .workflow-edit { display:none; } .workflow-structure table td.workflow-item > div .workflow-step .inputArea.deadline-nyi > div:first-child { display:none; } .workflow-structure table td.workflow-item > div .workflow-step .inputArea.deadline-nyi > div:last-child { padding-left:0; } .workflow-structure table td.workflow-item > div .workflow-step.is-inactive, .workflow-structure table td.workflow-item > div .workflow-step.is-light-color { color:black; } .workflow-structure table td.workflow-item > div .workflow-step.is-inactive .workflow-edit .checkIcon > *, .workflow-structure table td.workflow-item > div .workflow-step.is-light-color .workflow-edit .checkIcon > * { color:inherit; } .workflow-structure.edit-mode table td.workflow-item > div .workflow-step a.workflow-edit-btn { display:none; } .workflow-structure.edit-mode table td.workflow-item > div .workflow-step.edit-mode.is-inactive { opacity:1; } .workflow-structure.edit-mode table td.workflow-item > div .workflow-step.edit-mode .workflow-additionalinfos { display:block; } .workflow-structure.edit-mode table td.workflow-item > div .workflow-step.edit-mode .workflow-deadline, .workflow-structure.edit-mode table td.workflow-item > div .workflow-step.edit-mode .workflow-comment { display:none; } .workflow-structure.edit-mode table td.workflow-item > div .workflow-step.edit-mode .workflow-edit { display:block; } .workflow-structure.modal-mode { margin-left:auto; margin-right:auto; } .workflow-structure.modal-mode button.close { display:none; } div.inputArea.workflow-input.standalone { overflow-x: auto; } div.inputArea.workflow-input.standalone .prodstate-color { display:none; width:5px; bottom:0px; top:0px; left:0px; } /* remove only visually - concept was not favored at the moment */ /* CtrlType.Static */ div.inputArea.input-static div.inputBox { padding:0; border:none; height:auto; } div.inputArea.input-static .pre { padding:0.25em 8px; padding-bottom:0; font-family:inherit; margin:0; border-radius:0; box-sizing:border-box; font-size:inherit; min-height:2em; -webkit-user-select:initial; word-break:break-all; word-break:break-word; word-wrap:break-word; background-color: #f5f5f5; border: 1px solid #ccc; } /* chrome supports break-word */ div.inputArea.input-static .pre.show-single-line { white-space:nowrap !important; margin-right:-9999px; width:100% !important; /* Hack to force pre into table layout */} div.inputArea.input-static pre { white-space: pre-wrap; } div.inputArea.input-static .inputLongDesc pre { padding-bottom:0.25em; } div.inputArea.input-static.is-error > div.inputFail { cursor:pointer; } div.inputArea.input-static.is-error .pre { border-color:#AF2117; } div.inputArea.input-static.input-unreadable > div.inputBox .unreadableValue { padding-left:2.3em; } div.inputArea.input-static.input-unreadable > div.inputBox .unreadableValue + span { left:0.18em; top:-1px; } .fi-readonly .fi-readonly-area div.inputArea.disabled.input-static .pre { border-color: transparent; background:inherit; } .fi-readonly .fi-readonly-area div.inputArea.disabled.is-empty.input-static:not(.fi-value-placeholder) .pre:after { content:'-'; display:block; position:absolute; left:0; right:auto; width:1em; top:0; bottom:0; padding-top:0.25em; padding-left:8px; } /* CtrlType.Separator */ div.inputArea.input-separator { padding:0 1em; font-weight:bold; line-height:2em; border-top:1px solid #CCC; box-sizing:border-box; justify-content:center; } div.inputArea.input-separator:empty { height:0; } /* CtrlType.Tools */ div.inputArea.input-tools div.inputBox { padding:0; border:none; background:none; height:auto; } div.inputArea.input-tools div.inputBox .btn-toolbar .btn-group .btn { height:2em; line-height:2em; padding:0 8px; font-size:inherit; } /* CtrlType.ViewContainer (side by side) */ div.inputArea.input-sidebyside > div { padding-left:0.4em; padding-right:0.4em; flex:1 0 0; } div.inputArea.input-sidebyside > div:first-child { padding-left:0; } div.inputArea.input-sidebyside > div:last-child { padding-right:0; } div.inputArea.input-sidebyside.input-sidebyside-checkbox > div:first-child { width:2.4em; z-index:1; flex:0 0 0 !important; } div.inputArea.input-sidebyside.input-sidebyside-checkbox > div:last-child { padding-left:2.4em; } /* CtrlType.AutoComplete - multiselect advanced dialog */ .fi-multiselect-root .fi-multiselect-desc { padding-bottom:0.3em; } .fi-multiselect-root .fi-multiselect-main { display: grid; grid-template-columns: 1fr auto 1fr; column-gap:5px; position: relative; grid-template-rows: 30em; } .fi-multiselect-root .fi-multiselect-main .fi-multiselect-list { display:grid; grid-template: 'Filter' 2em 'List' 1fr / 1fr; row-gap:5px; } .fi-multiselect-root .fi-multiselect-main .fi-multiselect-list .filter { grid-area:Filter; display:flex; column-gap:2px; } .fi-multiselect-root .fi-multiselect-main .fi-multiselect-list .filter > div:nth-child(1) { width:2.3em; } .fi-multiselect-root .fi-multiselect-main .fi-multiselect-list .filter > div:nth-child(2) { width:100%; } .fi-multiselect-root .fi-multiselect-main .fi-multiselect-list .filter .move-tools .btn-toolbar { float:right; } .fi-multiselect-root .fi-multiselect-main .fi-multiselect-list .item-group { font-weight: bold; padding-left:5px; border-bottom:1px solid rgba(0,0,0,0.4); } .fi-multiselect-root .fi-multiselect-main .fi-multiselect-list .list { grid-area:List; border: 1px solid rgba(0,0,0,0.1); padding: 2px 3px; overflow-x:hidden; overflow-y:auto; position:relative; } .fi-multiselect-root .fi-multiselect-main .fi-multiselect-list .list.limit-reached:after { display:block; line-height:1.5em; left:0; right:0; text-align:center; content: '\b7\b7\b7'; } .fi-multiselect-root .fi-multiselect-main .fi-multiselect-list .list.is-full:after { display:block; line-height:1.5em; left:0; right:0; text-align:center; content: attr(data-full-msg); color:var(--fi-brand-light); border-top:1px solid var(--fi-brand-light); } .fi-multiselect-root .fi-multiselect-main .info { color:var(--fi-brand-dark); padding:5px; opacity:0.5; } .fi-multiselect-root .fi-multiselect-main .fi-multiselect-item { display:flex; white-space:nowrap; overflow:hidden; padding:2px 4px; cursor:default; } .fi-multiselect-root .fi-multiselect-main .fi-multiselect-item .item-column { overflow:hidden; text-overflow:ellipsis; } .fi-multiselect-root .fi-multiselect-main .fi-multiselect-item .check-column { cursor:pointer; flex-grow:0; padding: 2px 5px 2px 0; } .fi-multiselect-root .fi-multiselect-main .fi-multiselect-item.locked .check-column { cursor:default; pointer-events:none; opacity:0; } .fi-multiselect-root .fi-multiselect-main .fi-multiselect-item.checked .check-column:before { content: '\e0c5'; } .fi-multiselect-root .fi-multiselect-main .list .fi-multiselect-item.focus { background-color:#CCC; color:black; } .fi-multiselect-root .fi-multiselect-main .list.focus-trapped .fi-multiselect-item.focus { outline:1px solid var(--fi-brand-dark); opacity:1; background-color:var(--fi-brand-dark); color:white; } .fi-multiselect-root .fi-multiselect-main .buttons { display: flex; flex-direction: column; row-gap:5px; justify-content:center; padding-top:calc(2em + 5px); } .fi-multiselect-root .fi-multiselect-main .buttons .symbol { position:relative; } .fi-multiselect-root .fi-multiselect-main .buttons .symbol::after { display:flex; justify-content:center; align-items:center; position:absolute; left:0; right:0; top:0; bottom:20%; content:''; font-family:'Roboto'; font-size:2rem; } .fi-multiselect-root .fi-multiselect-main .buttons .symbol.to-left-all::after { content:'\ab'; } .fi-multiselect-root .fi-multiselect-main .buttons .symbol.to-left::after { content:'\2039'; } .fi-multiselect-root .fi-multiselect-main .buttons .symbol.to-right::after { content:'\203a'; } .fi-multiselect-root .fi-multiselect-main .buttons .symbol.to-right-all::after { content:'\bb'; } .fi-multiselect-limit-reached-msg { position:absolute; left: 1em; top: 4px; font-size:0.66rem; color:var(--fi-brand-dark); } .fi-multiselect-limit-reached-msg:not(.limit-reached) { visibility:hidden; } body.ctrlKey .fi-multiselect-root .fi-multiselect-main .fi-multiselect-item:not(.locked) { cursor:pointer; } .fi-multiselect-root.disabled .fi-multiselect-main { grid-template-columns: 1fr; column-gap:5px; } .fi-multiselect-root.disabled .fi-multiselect-main .fi-multiselect-left { display:none; } .fi-multiselect-root.disabled .fi-multiselect-main .fi-multiselect-list { grid-template: 'List' 1fr / 1fr; } .fi-multiselect-root.disabled .fi-multiselect-main .fi-multiselect-list .filter { display:none; grid-area:auto; } .fi-multiselect-root.disabled .fi-multiselect-main .fi-multiselect-item .check-column { display:none; } .fi-multiselect-root.disabled .fi-multiselect-main .buttons { display:none; }