lforms
Version:
[LForms](http://lhncbc.github.io/lforms/), a.k.a. LHC-Forms, is a feature-rich, open-source Web Component that creates input forms, based on definition files, for Web-based applications. In addition to its native form-definition format, it partially sup
1 lines • 352 kB
Source Map (JSON)
{"version":3,"sources":["./src/styles.css","./src/lhc-form.css","./src/flexible-row.css","./src/treeline-bar.css","./src/lhc-form-new-adjustments.css","./src/horizontal-table.css","./src/matrix.css","./src/validation.css","./node_modules/ng-zorro-antd/style/index.min.css","./node_modules/ng-zorro-antd/checkbox/style/index.min.css","./node_modules/ng-zorro-antd/radio/style/index.min.css","./node_modules/ng-zorro-antd/grid/style/index.min.css","./node_modules/ng-zorro-antd/popover/style/index.min.css","./node_modules/ng-zorro-antd/date-picker/style/index.min.css","./node_modules/ng-zorro-antd/switch/style/index.min.css","./node_modules/autocomplete-lhc/source/auto_completion.css"],"sourcesContent":["/* You can add global styles to this file, and also import other style files */\n","/* lforms widget styles */\n.lhc-form {\n font-family: \"Arial\";\n font-size: 14px;\n background-color: #FFFFFF;\n}\n\n/* no spinner */\n.lhc-form input[type=number]::-webkit-outer-spin-button,\n.lhc-form input[type=number]::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.lhc-form input[type=number] {\n -moz-appearance:textfield;\n}\n\n/* Keep the font-weight on the questions normal */\n.lhc-form label {\n font-weight: normal;\n margin-bottom: 0;\n}\n\n/* form title */\n.lhc-form-title {\n background-color: #458AC5;\n color: #FFF;\n overflow: hidden;\n padding: 8px;\n margin: 4px 0;\n -moz-border-radius: 4px;\n border-radius: 4px;\n}\n.lhc-form-title a {\n color: #FFFFFF;\n}\n.lhc-form-title .lhc-item-question {\n font-size: 120%;\n /* Center title within containing div */\n vertical-align: text-top;\n}\n\n/* lhc-form-header */\n\n/* table structure in the forms */\n.lhc-form table {\n /*border-collapse: collapse;*/\n padding: 0;\n width: 100%;\n table-layout: fixed;\n}\n\n\n/* input fields */\n.lhc-form input[type=\"text\"],\n.lhc-form input[type=\"number\"] {\n border: 1px solid #ced5d9 ;\n width: 100%;\n height: 28px;\n min-height: 14px;\n overflow: hidden;\n padding: 2px 2px 2px 4px;\n font-size: 90%;\n font-weight: 700;\n -moz-border-radius: 4px;\n border-radius: 4px;\n}\n.lhc-form textarea {\n border: 1px solid #ced5d9 ;\n width: 100%;\n height: 1em; /* initial height (for firefox)*/\n min-height: 28px;\n overflow: visible;\n padding: 2px 2px 2px 4px;\n font-size: 90%;\n font-weight: 700;\n -moz-border-radius: 4px;\n border-radius: 4px;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n vertical-align: bottom; /* remove the extra padding at the bottom of the containing div. */\n /*display:block; !* remove the extra padding at the bottom of the containing div. (solution #2) *!*/\n resize: vertical; /* not allow user to change width */\n\n}\n.lhc-form input:focus,\n.lhc-form textarea:focus,\n.lhc-form .ant-picker-input>input:focus {\n background-color: #FFF8C6;\n}\n\n.lhc-form input[readonly],\n.lhc-form textarea[readonly],\n.lhc-form .ant-picker-input>input[readonly] {\n background-color: #E8E8E8;\n}\n\n.lhc-form .lhc-item-disabled-protected {\n background-color: #E8E8E8;\n}\n\nspan.loading-indicator-container {\n width: 100%;\n}\n\n/* buttons in tables */\n.lhc-de-button {\n width: 22px;\n}\n.lhc-form .lhc-button {\n border: 0 none;\n cursor: pointer;\n overflow: visible;\n padding: 0;\n position: relative;\n background-color: #066aa0; /*#458AC5;*/\n}\n.lhc-form .lhc-float-button {\n min-width: 22px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n font-weight: bold;\n color: white;\n padding: 1px;\n padding-left: 0.5em;\n padding-right: 0.5em;\n margin-bottom: 2px;\n}\n.lhc-form .lhc-help-button,\n.lhc-form .lhc-legal-button,\n.lhc-form .lf-control-button,\n.lhc-form .lhc-copyright-button {\n padding: 0;\n margin-right: 2px;\n margin-left:2px;\n vertical-align: middle;\n background-color: transparent;\n color: #066aa0; /*#458AC5;*/\n border: none;\n}\n.lhc-form .lhc-help-button:hover,\n.lhc-form .lhc-legal-button:hover,\n.lhc-form .lf-control-button:hover,\n.lhc-form .lhc-copyright-button:hover {\n color: #0087fd;\n cursor: pointer;\n}\n.lhc-form .lhc-form-title .lhc-help-button,\n.lhc-form .lhc-form-title .lhc-legal-button,\n.lhc-form .lhc-form-title .lf-control-button,\n.lhc-form .lhc-form-title .lhc-copyright-button {\n background-color: inherit;\n color: white;\n font-weight: bold;\n}\n.lhc-form .lhc-form-title .lhc-help-button:hover,\n.lhc-form .lhc-form-title .lhc-legal-button:hover,\n.lhc-form .lhc-form-title .lf-control-button:hover,\n.lhc-form .lhc-form-title .lhc-copyright-button:hover {\n color: #b4fda7;\n}\n.lhc-form .lhc-help-button i,\n.lhc-form .lhc-legal-button i,\n.lhc-form .lf-control-button i,\n.lhc-form .lhc-copyright-button i{\n font-size: medium;\n}\n\n.lhc-form-title .popover {\n color: #333333;\n}\n\n/* name field */\n.lhc-form .lhc-de-label span.lf-prompt {\n font-style: italic;\n font-size: 75%;\n}\n.lhc-form .lhc-de-label span.lf-sn{\n -moz-border-radius: 4px;\n border-radius: 4px;\n background-color: #066aa0;\n font-weight: bold;\n color: white;\n padding: 4px 8px;\n margin-right: 4px;\n}\n.lhc-form .lhc-de-label span.lhc-item-question{\n padding: 0 2px 0 2px;\n}\n\n/* required indicator */\n.lhc-form .lhc-required {\n color: darkred;\n font-weight: bold;\n}\n\n/* form stop sign */\n.lhc-form .stopped {\n text-align: center;\n width:500px;\n height: 50px;\n margin-left: 30%;\n margin-right: 30%;\n margin-bottom: 20px;\n vertical-align: top;\n}\n\n/* active row */\n.lhc-item-question.lhc-active-row {\n background-color: #AFEEEE;\n}\n\n/* units */\n.lhc-form input.units {\n color: #333333;\n font-weight: 400;\n}\n\n/* restore autocomplete default styles */\n/* Also, unit fields sometimes have answer lists and sometimes not, so set the\n * padding there two for consistent field widths. */\n .lhc-form input.ansList,\n .lhc-form input.search_field {\n padding-right: 14px;\n}\n/* reset autocomplete default styles for unit field*/\n.lhc-form lhc-unit input.ansList,\n.lhc-form lhc-unit input.ansList:focus {\n padding-right: 2px;\n}\n\n/* visible skip logic target items have different styles */\n.lhc-form-body .lhc-form-table-row.target-show td {\n color: #015DAD;\n}\n\n/*** button row ***/\n.lhc-form .lhc-form-table-row.button-row {\n background: none;\n padding: 2px 0;\n}\n\n.lhc-form.lf-template-table .lhc-layout-horizontal,\n.lhc-form.lf-template-table .lhc-layout-matrix {\n padding-right: 6px;\n}\n\n/* not to show title when the entire form is in horizontal or matrix layout */\n.lf-top-section .lhc-layout-horizontal .lhc-form-horizontal-table-title,\n.lf-top-section .lhc-layout-matrix .lhc-form-matrix-table-title {\n display: none;\n}\n\n.lhc-form-view {\n margin: 15px;\n}\n.lhc-form-body {\n border: 1px solid #ced5d9;\n padding: 4px 0;\n margin: 0 0 2px 0;\n\n -moz-border-radius: 4px;\n border-radius: 4px;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n\n}\n\n\n/* boarder, padding and margin */\n/* rows in tables */\n.lhc-form .lhc-form-table-row {\n border: solid;\n border-color: #ced5d9;\n border-width: 1px 0 0 0;\n margin: 0 4px 0 2px;\n}\n\n\n/* section header */\n.lhc-form .lhc-form-table-row.lhc-item-group {\n background: #e6f1ff; /*#E8E8E8;*/\n -moz-border-radius: 4px;\n border-radius: 4px;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0 4px 0 2px;\n\n border-width: 0;\n border-top: 2px solid white; /* leave space between headers */\n}\n.lhc-form .lhc-form-table-row.lhc-item-group .lhc-de-label-button {\n padding: 4px 0 4px 0;\n}\n\n/* title row */\n.lhc-form .lhc-item.lhc-datatype-TITLE {\n padding-top: 4px;\n padding-bottom: 4px;\n}\n.lhc-form .lhc-item.lhc-datatype-TITLE .lhc-item-display {\n background-color: #e6f1ff; /*rgb(67,115,156);*/\n border-radius: 4px;\n box-sizing: border-box;\n margin: 0 4px 0 2px;\n border-width: 0;\n border-top: 2px solid white;\n padding: 4px 2px 4px 2px;\n}\n/* disabled and protected display */\n.lhc-form .lhc-item.lhc-datatype-TITLE.lhc-item-disabled-protected .lhc-item-display {\n background-color: #E8E8E8;\n}\n\n.lhc-form .lhc-item-group-title {\n background: #e6f1ff;\n -moz-border-radius: 4px;\n border-radius: 4px;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0 4px 0 2px;\n border-width: 0;\n border-top: 2px solid white;\n padding: 4px 2px 4px 2px;\n}\n/* disabled and protected group */\n.lhc-form .lhc-item-disabled-protected .lhc-item-group-title,\n.lhc-form .lhc-item-disabled-protected .lhc-form-matrix-table-title,\n.lhc-form .lhc-item-disabled-protected .lhc-form-horizontal-table-title {\n background-color: #E8E8E8;\n}\n\n/* first row in a group or in the form */\n.lhc-form lhc-item.lhc-first-item > lhc-item-question{\n border-top: none;\n}\n\n/* prefix */\n.lhc-form .prefix {\n padding-right: 0.25em; /* space between the prefix and the question */\n}\n\n/* popover is attached to page under <body> */\ndiv.ant-popover-title {\n background-color: #f7f7f7;\n}\ndiv.cdk-overlay-pane {\n max-width: 66%;\n}\n/* show newlines in popover*/\n.lhc-popover-help .ant-popover-inner-content,\n.lhc-popover-legal .ant-popover-inner-content,\n.lhc-popover-copyright .ant-popover-inner-content,\n.lhc-form .lhc-inline-help,\n.lhc-form .lhc-inline-legal,\n.lhc-form .lhc-inline-copyright {\n white-space: pre-wrap;\n width: auto;\n}\n/* div.ant-popover {\n top: 10px;\n}\ndiv.ant-popover-arrow:after,\ndiv.ant-popover-inner-content {\n background-color: #fcf8e3;\n}\n\n.lhc-validate-class.ant-popover-placement-topLeft>.ant-popover-content>.ant-popover-arrow {\n bottom: 6.2px;\n box-shadow: 3px 3px 7px rgb(0 0 0 / 7%);\n border-color: transparent #fcf8e3 #fcf8e3 transparent;\n} */\n\n/* screen reader log */\nscreen_reader_only {\n height: 0;\n width: 0;\n overflow: hidden;\n position: fixed;\n left: -1000px;\n top: -1000px;\n}\n\n\n.lhc-button-padding {\n padding-left: 4px;\n}\n\n/* disabled items */\n/* remove the delete button on disabled mulitple selection autocomplete */\n.lhc-form .lhc-item-readyonly button {\n display: none;\n}\n.lhc-form .ant-checkbox-disabled+span,\n.lhc-form .ant-radio-disabled+span,\n.lhc-form input:disabled,\n.lhc-form .ant-picker-input>input-disabled,\n.lhc-form .ant-picker-input>input[disabled],\n.lhc-form .lhc-item-readyonly {\n color: rgba(0,0,0,.75);\n cursor: not-allowed;\n /* opacity: 0.5; */\n}\n.lhc-form .lhc-button:disabled {\n color: #666666;\n background-color: #cccccc;\n cursor: not-allowed;\n}\n","/* new flex box layout system based on screen size */\n/* padding on flex boxes */\n.lhc-de-label-button {\n padding: 4px 0 0 0;\n}\n.lhc-de-input-unit {\n padding: 0 0 0 0;\n}\n.lhc-de-unit {\n padding: 2px 0 2px 2px;\n}\n\n/* Large */\n.lhc-de {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: flex-start;\n align-content: flex-start;\n}\n\n.lhc-de-label-button {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: flex-start;\n\n order: 1;\n flex-grow: 1;\n\n}\nlhc-item-question-text,\n.lhc-de-label {\n order: 1;\n flex-grow: 1;\n}\n.lhc-de-button {\n order: 2;\n flex-grow: 0;\n flex-shrink: 0;\n}\n.lhc-de-input-unit {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: flex-start;\n\n order: 2;\n flex-grow: 0;\n flex-shrink: 0;\n\n}\n.lhc-de-input-unit-content {\n width: 100%;\n}\n\nlhc-item-quantity,\nlhc-item-simple-type {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: flex-start;\n}\nlhc-input {\n order:1;\n flex-grow: 1;\n}\nlhc-unit,\n.lhc-de-unit {\n order:2;\n flex-grow: 1;\n}\n\n\n/* Medium view width */\n.lhc-item-view-md .lhc-de {\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n align-items: flex-start;\n align-content: flex-start;\n}\n.lhc-item-view-md .lhc-de-label-button {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: flex-start;\n\n order: 1;\n flex-grow: 1;\n width: 100%;\n}\n.lhc-item-view-md .lhc-de-label {\n order: 1;\n flex-grow: 1;\n}\n.lhc-item-view-md .lhc-de-button {\n order: 2;\n flex-grow: 0;\n flex-shrink: 0;\n}\n.lhc-item-view-md .lhc-de-input-unit {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: flex-start;\n\n order: 2;\n flex-grow: 1;\n width: 100%;\n}\n.lhc-item-view-md lhc-item-quantity,\n.lhc-item-view-md lhc-item-simple-type {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: flex-start;\n}\n.lhc-item-view-md lhc-input {\n order:1;\n flex-grow: 1;\n}\n.lhc-item-view-md lhc-unit,\n.lhc-item-view-md .lhc-de-unit {\n order:2;\n flex-grow: 1;\n}\n/* end of medium view width */\n\n/* Small view width */\n.lhc-item-view-sm .lhc-de {\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n align-items: flex-start;\n align-content: flex-start;\n}\n.lhc-item-view-sm .lhc-de-label-button {\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: flex-start;\n\n order: 1;\n flex-grow: 1;\n width: 100%;\n}\n.lhc-item-view-sm .lhc-de-label {\n order: 1;\n flex-grow: 1;\n}\n.lhc-item-view-sm .lhc-de-button {\n order: 2;\n flex-grow: 0;\n flex-shrink: 0;\n}\n.lhc-item-view-sm .lhc-de-input-unit {\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n align-items: flex-start;\n align-content: flex-start;\n\n order: 2;\n flex-grow: 1;\n width: 100%;\n}\n.lhc-item-view-sm lhc-item-quantity,\n.lhc-item-view-sm lhc-item-simple-type {\n display: flex;\n flex-direction: column;\n flex-wrap: nowrap;\n align-items: flex-start;\n align-content: flex-start;\n}\n.lhc-item-view-sm lhc-input {\n order:1;\n flex-grow: 1;\n width: 100%;\n}\n.lhc-item-view-sm lhc-unit,\n.lhc-item-view-sm .lhc-de-unit {\n order:2;\n flex-grow: 1;\n width: 100%;\n}\n/* end of small view width */\n\n/* end of flex box layout */\n",".lhc-item {\n position: relative;\n}\n/* indentation before an item */\n.lhc-item.lhc-indentation {\n padding-left: 24px;\n}\n/* the horizontal bar of a tree line */\n.lhc-item.lhc-tree-line::before {\n content: \"\";\n position: absolute;\n left: 12px;\n\n border-top: 2px solid #add8e6;\n top: 14px;\n width: 12px;\n height: 0;\n}\n/* the vertical bar of a tree line */\n.lhc-item.lhc-tree-line::after {\n content: \"\";\n position: absolute;\n left: 12px;\n\n border-left: 2px solid #add8e6;\n height: 100%;\n width: 0;\n top: 0;\n}\n/* shorter vertical bar of a tree line for the last item of a level */\n.lhc-item.lhc-tree-line.lhc-last-item::after {\n height: 14px;\n}\n/*no tree lines for form level horizontal and matrix layouts */\n.lf-top-section .lhc-layout-horizontal.lhc-item,\n.lf-top-section .lhc-layout-matrix.lhc-item {\n padding: 0 4px 0 3px;\n}\n.lf-top-section .lhc-layout-horizontal.lhc-item::before,\n.lf-top-section .lhc-layout-matrix.lhc-item::before {\n border: 0;\n}\n.lf-top-section .lhc-layout-horizontal.lhc-item::after,\n.lf-top-section .lhc-layout-matrix.lhc-item::after {\n border: 0;\n}\n/* end of tree lines */\n\n/* bar style */\n/* no horizontal bar */\n.lf-indentation-bar .lhc-item::before {\n border-top: 0\n}\n/* the vertical bar */\n.lf-indentation-bar .lhc-item::after {\n border: 6px solid #c6dde4;;\n left: 6px;\n}\n/* normal vertical bar of a tree line for the last item of a level */\n.lf-indentation-bar .lhc-item.lhc-last-item::after {\n height: 100%;\n}\n/* round bar ends for the first and the last item */\n.lf-indentation-bar .lhc-item.lhc-first-item::after {\n border-top-left-radius: 4px;\n}\n.lf-indentation-bar .lhc-item.lhc-last-item::after {\n border-bottom-left-radius: 4px;\n}\n/* end of bar style */\n","/* to be merged */\nlhc-input,\nlhc-unit,\nlhc-item-text,\nlhc-date,\nlhc-item-choice-autocomplete,\nlhc-item-attachment {\n padding: 2px 0 2px 2px;\n display: block;\n}\n\n/* override some settings from autocomplete-lhc */\nlhc-item-choice .autocomp_selected {\n border: 1px solid #ced5d9;\n border-radius: 4px;\n width: 100%;\n}\nlhc-item-choice .autocomp_selected ul {\n margin: 0 0 0 0.25em;\n}\n\nlhc-item-date,\nlhc-item-datetime,\nlhc-item-time {\n display: block;\n padding: 2px 0 2px 2px;\n}\n/* override antd date picker's styles */\nlhc-item-date .lhc-date-picker,\nlhc-item-datetime .lhc-datetime-picker,\nlhc-item-time .lhc-time-picker {\n border: 1px solid #ced5d9;\n border-radius: 4px;\n width: 100%;\n}\nlhc-item-date .ant-picker,\nlhc-item-datetime .ant-picker,\nlhc-item-time .ant-picker {\n padding: 3px 7px 2px 4px;\n}\nlhc-item-date .ant-picker-input>input,\nlhc-item-datetime .ant-picker-input>input {\n font-size: 90%;\n font-weight: 700;\n padding-top: 2px;\n}\nlhc-item-time .ant-picker-input>input[type=\"text\"] {\n border: none;\n padding-left: 0;\n padding-top: 1px;\n padding-bottom: 1px;\n height: auto;\n font-size: 90%;\n font-weight: 700;\n}\n/* html5 placeholder style */\nlhc-item-date .ant-picker-input>input::placeholder,\nlhc-item-datetime .ant-picker-input>input::placeholder,\nlhc-item-time .ant-picker-input>input::placeholder {\n font-weight: 500;\n color: #999999;\n opacity: 1;\n}\n/* Repeat for IE 11, which won't read this definition if it is combined above\n with -moz-placeholder */\nlhc-item-date .ant-picker-input>input:-ms-input-placeholder,\nlhc-item-datetime .ant-picker-input>input:-ms-input-placeholder,\nlhc-item-time .ant-picker-input>input:-ms-input-placeholder {\n font-weight: 500;\n color: #999999;\n opacity: 1;\n}\n/* for Edge */\nlhc-item-date .ant-picker-input>input::-ms-input-placeholder,\nlhc-item-datetime .ant-picker-input>input::-ms-input-placeholder,\nlhc-item-time .ant-picker-input>input::-ms-input-placeholder {\n font-weight: 500;\n color: #999999;\n opacity: 1;\n}\n\n\n/* place holder */\n.lhc-form input::placeholder,\n.lhc-form textarea::placeholder {\n font-weight: 500;\n color: #999999;\n opacity: 1;\n}\n/* Repeat for IE 11, which won't read this definition if it is combined above\n with -moz-placeholder */\n.lhc-form input:-ms-input-placeholder,\n.lhc-form textarea:-ms-input-placeholder {\n font-weight: 500;\n color: #999999;\n opacity: 1;\n}\n/* edge */\n.lhc-form input::-ms-input-placeholder,\n.lhc-form textarea::-ms-input-placeholder {\n font-weight: 500;\n color: #999999;\n opacity: 1;\n}\n","/* horizontal table */\n/* title */\n.lhc-layout-horizontal .lhc-form-horizontal-table-title {\n background: #e6f1ff; /*#E8E8E8;*/\n -moz-border-radius: 4px;\n border-radius: 4px;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0 0 0 1px;\n text-align: left;\n\n border-width: 0;\n border-top: 2px solid white; /* leave space between headers */\n padding: 4px 2px 4px 2px;\n}\n/* column headers in tables */\n.lhc-layout-horizontal .lhc-form-horizontal-table-header {\n overflow: hidden;\n vertical-align: top;\n background: none repeat scroll 0 0 #E8E8E8;\n padding: 4px 2px;\n text-align: left ;\n color: #666666;\n font-weight: 400;\n -moz-border-radius: 4px;\n border-radius: 4px;\n}\n\n.lhc-layout-horizontal .lhc-form-horizontal-table td.lhc-de-button {\n padding-left: 2px;\n border-right: none;\n}\n.lhc-layout-horizontal table.lhc-form-horizontal-table {\n border: none;\n margin: 2px 4px 0 1px;\n}\n.lhc-layout-horizontal .lhc-form-horizontal-table tr {\n border: none;\n}\n.lhc-layout-horizontal .lhc-form-horizontal-table tr td {\n border-right: none;\n border-left: none;\n}\n.lhc-layout-horizontal .lhc-form-horizontal-table .lhc-de-button {\n width: 2.1em;\n min-width: 2em;\n}\n\n.lhc-layout-horizontal div.lhc-de-input-unit {\n order: 1;\n flex-grow: 1;\n flex-shrink: 1;\n\n}\n\n.lhc-layout-horizontal lhc-item-question {\n border: 0;\n margin: 0;\n}\n.lhc-layout-horizontal table {\n border-spacing: 0;\n border-collapse: collapse;\n}\n.lhc-layout-horizontal td.lhc-item-question {\n padding: 0;\n}\n\n/* end of horizontal table */\n","/*** matrix layout ***/\n.lhc-form .lhc-layout-matrix.lhc-item {\n padding-bottom: 2px;\n}\n.lhc-form .lhc-form-matrix-table {\n border-collapse: separate;\n border-radius: 4px;\n box-sizing: border-box;\n margin: 2px 4px 0 1px;\n text-align: left;\n border: 1px solid #ced5d9;\n}\n.lhc-form .lhc-form-matrix-table .lhc-matrix-table-header-row {\n background: #E8E8E8;\n}\n.lhc-form .lhc-form-matrix-table-title {\n background: #e6f1ff; /*#E8E8E8;*/\n -moz-border-radius: 4px;\n border-radius: 4px;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0 0 0 1px;\n text-align: left;\n\n border-width: 0;\n border-top: 2px solid white; /* leave space between headers */\n padding: 4px 2px 4px 2px;\n}\n.lhc-form .lhc-form-matrix-table .lhc-question {\n width: 25%;\n}\n.lhc-form .lhc-form-matrix-answer {\n padding-left: 5px;\n padding-right: 5px;\n}\n.lhc-form .lhc-form-matrix-cell,\n.lhc-form .lhc-form-matrix-cell-other {\n text-align: center;\n}\n.lhc-form .lhc-form-matrix-table th {\n padding: 4px;\n}\n.lhc-form .lhc-form-matrix-table td {\n padding: 4px;\n border-top: 1px solid #ced5d9;\n}\n/*** end of matrix layout ***/","/* borders for invalid fields */\n/* .lhc-form lhc-item.lhc-invalid input.ng-touched,\n.lhc-form lhc-item.lhc-invalid div.ng-touched {\n border: 2px solid #FF0000;\n} */\n.lhc-form .lhc-invalid.lhc-visited-before lhc-input input[type=\"number\"],\n.lhc-form .lhc-invalid.lhc-visited-before lhc-input input[type=\"text\"],\n.lhc-form .lhc-invalid.lhc-visited-before lhc-input textarea,\n.lhc-form .lhc-invalid.lhc-show-validation lhc-input input[type=\"number\"],\n.lhc-form .lhc-invalid.lhc-show-validation lhc-input input[type=\"text\"],\n.lhc-form .lhc-invalid.lhc-show-validation lhc-input textarea {\n border: 2px solid #FF0000;\n}\n\n.lhc-form .lhc-validation-popover {\n display: none;\n}\n.lhc-form .lhc-de-input-unit-content {\n position: relative;\n}\n.lhc-form .lhc-invalid.lhc-visited-before:hover .lhc-validation-popover,\n.lhc-form .lhc-invalid.lhc-visited-before.lhc-active-row .lhc-validation-popover,\n/* .lhc-form .lhc-invalid.lhc-active-row .lhc-validation-popover, */\n.lhc-form .lhc-invalid.lhc-show-validation .lhc-validation-popover {\n border-radius: 6px;\n bottom: 35px;\n background-color: #fcf8e3;\n /* left: 0px; */\n padding: 4px 6px;\n position: absolute;\n z-index: 98;\n max-width: 600px;\n width: auto;\n display: block;\n box-shadow: 0 5px 10px rgba(0, 0, 0, .2);\n border: 1px solid #eea236;\n font-size: 90%;\n}\n.lhc-form .lhc-layout-horizontal .lhc-invalid.lhc-visited-before:hover .lhc-validation-popover,\n.lhc-form .lhc-layout-horizontal .lhc-invalid.lhc-visited-before.lhc-active-row .lhc-validation-popover,\n.lhc-form .lhc-layout-horizontal .lhc-invalid.lhc-show-validation .lhc-validation-popover {\n /* bottom: 59px; */\n}\n.lhc-form .lhc-invalid .lhc-validation-popover:before {\n border: solid;\n border-color: #fcf8e3 transparent;\n border-width: 11px 11px 0 11px;\n bottom: -10px;\n content: \"\";\n left: 10px;\n position: absolute;\n z-index: 99;\n}\n\n/* TODO: update with the new date, datetime and time components.\n/* Hiding the error message bubble for DTM - datetimepicker controls the input and it doesn't\n run through our validation process.\n See below (commented out) on a potential way to deliver the error message - there are still issues to work out.\n*/\n.lhc-form lhc-item.lhc-invalid.lhc-datatype-DTM .lhc-validation-popover {\n display:none;\n}\n\n/* end of validation messages */\n",".anticon[tabindex],a{cursor:pointer}a,a:active,a:focus,a:hover{text-decoration:none;outline:0}dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin-top:0}address,dl,ol,p,pre,ul{margin-bottom:1em}button,hr,input{overflow:visible}pre,textarea{overflow:auto}dd,h1,h2,h3,h4,h5,h6,legend{margin-bottom:.5em}progress,sub,sup{vertical-align:baseline}.anticon,button,select{text-transform:none}[ant-click-animating-without-extra-node=true],[ant-click-animating=true],sub,sup{position:relative}.cdk-overlay-backdrop,html{-webkit-tap-highlight-color:transparent}[class*=ant-] input::-ms-clear,[class*=ant-] input::-ms-reveal,[class*=ant-]::-ms-clear,[class^=ant-] input::-ms-clear,[class^=ant-] input::-ms-reveal,[class^=ant-]::-ms-clear{display:none}body,html{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;--antd-wave-shadow-color:#1890ff;--scroll-bar:0}@-ms-viewport{width:device-width}body{margin:0;color:rgba(0,0,0,.85);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-variant:tabular-nums;line-height:1.5715;background-color:#fff;font-feature-settings:'tnum'}[tabindex='-1']:focus{outline:0!important}hr{box-sizing:content-box;height:0}h1,h2,h3,h4,h5,h6{color:rgba(0,0,0,.85);font-weight:500}abbr[data-original-title],abbr[title]{text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{font-style:normal;line-height:inherit}input[type=password],input[type=number],input[type=text],textarea{-webkit-appearance:none}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-left:0}blockquote,figure{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0}sub{bottom:-.25em}sup{top:-.5em}a{color:#1890ff;background-color:transparent;transition:color .3s;-webkit-text-decoration-skip:objects}a:hover{color:#40a9ff}a:active{color:#096dd9}a[disabled]{color:rgba(0,0,0,.25);cursor:not-allowed}code,kbd,pre,samp{font-size:1em;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,monospace}img{vertical-align:middle;border-style:none}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;color:rgba(0,0,0,.45);text-align:left;caption-side:bottom}button,input,optgroup,select,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}.clearfix::after,.clearfix::before{display:table;content:''}mark{padding:.2em;background-color:#feffe6}::selection{color:#fff;background:#1890ff}.clearfix::after{clear:both}.anticon{display:inline-flex;align-items:center;color:inherit;font-style:normal;line-height:0;text-align:center;vertical-align:-.125em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.anticon>*{line-height:1}.anticon svg{display:inline-block}.anticon::before{display:none}.anticon .anticon-icon{display:block}.anticon>.anticon{line-height:0;vertical-align:0}.anticon-spin,.anticon-spin::before{display:inline-block;animation:loadingCircle 1s infinite linear}.ant-fade-appear,.ant-fade-enter,.ant-fade-leave{animation-timing-function:linear;animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-fade-appear.ant-fade-appear-active,.ant-fade-enter.ant-fade-enter-active{animation-name:antFadeIn;animation-play-state:running}.ant-fade-leave.ant-fade-leave-active{animation-name:antFadeOut;animation-play-state:running;pointer-events:none}.ant-fade-appear,.ant-fade-enter{opacity:0}@keyframes antFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes antFadeOut{0%{opacity:1}100%{opacity:0}}.ant-move-up-appear,.ant-move-up-enter,.ant-move-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-move-up-appear.ant-move-up-appear-active,.ant-move-up-enter.ant-move-up-enter-active{animation-name:antMoveUpIn;animation-play-state:running}.ant-move-up-leave.ant-move-up-leave-active{animation-name:antMoveUpOut;animation-play-state:running;pointer-events:none}.ant-move-up-appear,.ant-move-up-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-move-up-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.ant-move-down-appear,.ant-move-down-enter,.ant-move-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-move-down-appear.ant-move-down-appear-active,.ant-move-down-enter.ant-move-down-enter-active{animation-name:antMoveDownIn;animation-play-state:running}.ant-move-down-leave.ant-move-down-leave-active{animation-name:antMoveDownOut;animation-play-state:running;pointer-events:none}.ant-move-down-appear,.ant-move-down-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-move-down-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.ant-move-left-appear,.ant-move-left-enter,.ant-move-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-move-left-appear.ant-move-left-appear-active,.ant-move-left-enter.ant-move-left-enter-active{animation-name:antMoveLeftIn;animation-play-state:running}.ant-move-left-leave.ant-move-left-leave-active{animation-name:antMoveLeftOut;animation-play-state:running;pointer-events:none}.ant-move-left-appear,.ant-move-left-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-move-left-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}.ant-move-right-appear,.ant-move-right-enter,.ant-move-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-move-right-appear.ant-move-right-appear-active,.ant-move-right-enter.ant-move-right-enter-active{animation-name:antMoveRightIn;animation-play-state:running}.ant-move-right-leave.ant-move-right-leave-active{animation-name:antMoveRightOut;animation-play-state:running;pointer-events:none}.ant-move-right-appear,.ant-move-right-enter{opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-move-right-leave{animation-timing-function:cubic-bezier(.6,.04,.98,.34)}@keyframes antMoveDownIn{0%{transform:translateY(100%);transform-origin:0 0;opacity:0}100%{transform:translateY(0);transform-origin:0 0;opacity:1}}@keyframes antMoveDownOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}100%{transform:translateY(100%);transform-origin:0 0;opacity:0}}@keyframes antMoveLeftIn{0%{transform:translateX(-100%);transform-origin:0 0;opacity:0}100%{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes antMoveLeftOut{0%{transform:translateX(0);transform-origin:0 0;opacity:1}100%{transform:translateX(-100%);transform-origin:0 0;opacity:0}}@keyframes antMoveRightIn{0%{transform:translateX(100%);transform-origin:0 0;opacity:0}100%{transform:translateX(0);transform-origin:0 0;opacity:1}}@keyframes antMoveRightOut{0%{transform:translateX(0);transform-origin:0 0;opacity:1}100%{transform:translateX(100%);transform-origin:0 0;opacity:0}}@keyframes antMoveUpIn{0%{transform:translateY(-100%);transform-origin:0 0;opacity:0}100%{transform:translateY(0);transform-origin:0 0;opacity:1}}@keyframes antMoveUpOut{0%{transform:translateY(0);transform-origin:0 0;opacity:1}100%{transform:translateY(-100%);transform-origin:0 0;opacity:0}}@keyframes loadingCircle{100%{transform:rotate(360deg)}}.ant-click-animating-node,[ant-click-animating-without-extra-node=true]::after{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:inherit;box-shadow:0 0 0 0 #1890ff;box-shadow:0 0 0 0 var(--antd-wave-shadow-color);opacity:.2;animation:fadeEffect 2s cubic-bezier(.08,.82,.17,1),waveEffect .4s cubic-bezier(.08,.82,.17,1);animation-fill-mode:forwards;content:'';pointer-events:none}@keyframes waveEffect{100%{box-shadow:0 0 0 #1890ff;box-shadow:0 0 0 6px var(--antd-wave-shadow-color)}}@keyframes fadeEffect{100%{opacity:0}}.ant-slide-up-appear,.ant-slide-up-enter,.ant-slide-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-slide-up-appear.ant-slide-up-appear-active,.ant-slide-up-enter.ant-slide-up-enter-active{animation-name:antSlideUpIn;animation-play-state:running}.ant-slide-up-leave.ant-slide-up-leave-active{animation-name:antSlideUpOut;animation-play-state:running;pointer-events:none}.ant-slide-up-appear,.ant-slide-up-enter{transform:scale(0);transform-origin:0 0;opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.ant-slide-up-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.ant-slide-down-appear,.ant-slide-down-enter,.ant-slide-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-slide-down-appear.ant-slide-down-appear-active,.ant-slide-down-enter.ant-slide-down-enter-active{animation-name:antSlideDownIn;animation-play-state:running}.ant-slide-down-leave.ant-slide-down-leave-active{animation-name:antSlideDownOut;animation-play-state:running;pointer-events:none}.ant-slide-down-appear,.ant-slide-down-enter{transform:scale(0);transform-origin:0 0;opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.ant-slide-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.ant-slide-left-appear,.ant-slide-left-enter,.ant-slide-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-slide-left-appear.ant-slide-left-appear-active,.ant-slide-left-enter.ant-slide-left-enter-active{animation-name:antSlideLeftIn;animation-play-state:running}.ant-slide-left-leave.ant-slide-left-leave-active{animation-name:antSlideLeftOut;animation-play-state:running;pointer-events:none}.ant-slide-left-appear,.ant-slide-left-enter{transform:scale(0);transform-origin:0 0;opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.ant-slide-left-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}.ant-slide-right-appear,.ant-slide-right-enter,.ant-slide-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-slide-right-appear.ant-slide-right-appear-active,.ant-slide-right-enter.ant-slide-right-enter-active{animation-name:antSlideRightIn;animation-play-state:running}.ant-slide-right-leave.ant-slide-right-leave-active{animation-name:antSlideRightOut;animation-play-state:running;pointer-events:none}.ant-slide-right-appear,.ant-slide-right-enter{transform:scale(0);transform-origin:0 0;opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1)}.ant-slide-right-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes antSlideUpIn{0%{transform:scaleY(.8);transform-origin:0 0;opacity:0}100%{transform:scaleY(1);transform-origin:0 0;opacity:1}}@keyframes antSlideUpOut{0%{transform:scaleY(1);transform-origin:0 0;opacity:1}100%{transform:scaleY(.8);transform-origin:0 0;opacity:0}}@keyframes antSlideDownIn{0%{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}100%{transform:scaleY(1);transform-origin:100% 100%;opacity:1}}@keyframes antSlideDownOut{0%{transform:scaleY(1);transform-origin:100% 100%;opacity:1}100%{transform:scaleY(.8);transform-origin:100% 100%;opacity:0}}@keyframes antSlideLeftIn{0%{transform:scaleX(.8);transform-origin:0 0;opacity:0}100%{transform:scaleX(1);transform-origin:0 0;opacity:1}}@keyframes antSlideLeftOut{0%{transform:scaleX(1);transform-origin:0 0;opacity:1}100%{transform:scaleX(.8);transform-origin:0 0;opacity:0}}@keyframes antSlideRightIn{0%{transform:scaleX(.8);transform-origin:100% 0;opacity:0}100%{transform:scaleX(1);transform-origin:100% 0;opacity:1}}@keyframes antSlideRightOut{0%{transform:scaleX(1);transform-origin:100% 0;opacity:1}100%{transform:scaleX(.8);transform-origin:100% 0;opacity:0}}.ant-zoom-appear,.ant-zoom-enter,.ant-zoom-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-appear.ant-zoom-appear-active,.ant-zoom-enter.ant-zoom-enter-active{animation-name:antZoomIn;animation-play-state:running}.ant-zoom-leave.ant-zoom-leave-active{animation-name:antZoomOut;animation-play-state:running;pointer-events:none}.ant-zoom-appear,.ant-zoom-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-appear-prepare,.ant-zoom-enter-prepare{transform:none}.ant-zoom-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-big-appear,.ant-zoom-big-enter,.ant-zoom-big-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-big-appear.ant-zoom-big-appear-active,.ant-zoom-big-enter.ant-zoom-big-enter-active{animation-name:antZoomBigIn;animation-play-state:running}.ant-zoom-big-leave.ant-zoom-big-leave-active{animation-name:antZoomBigOut;animation-play-state:running;pointer-events:none}.ant-zoom-big-appear,.ant-zoom-big-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-big-appear-prepare,.ant-zoom-big-enter-prepare{transform:none}.ant-zoom-big-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-big-fast-appear,.ant-zoom-big-fast-enter,.ant-zoom-big-fast-leave{animation-duration:.1s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-big-fast-appear.ant-zoom-big-fast-appear-active,.ant-zoom-big-fast-enter.ant-zoom-big-fast-enter-active{animation-name:antZoomBigIn;animation-play-state:running}.ant-zoom-big-fast-leave.ant-zoom-big-fast-leave-active{animation-name:antZoomBigOut;animation-play-state:running;pointer-events:none}.ant-zoom-big-fast-appear,.ant-zoom-big-fast-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-big-fast-appear-prepare,.ant-zoom-big-fast-enter-prepare{transform:none}.ant-zoom-big-fast-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-up-appear,.ant-zoom-up-enter,.ant-zoom-up-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-up-appear.ant-zoom-up-appear-active,.ant-zoom-up-enter.ant-zoom-up-enter-active{animation-name:antZoomUpIn;animation-play-state:running}.ant-zoom-up-leave.ant-zoom-up-leave-active{animation-name:antZoomUpOut;animation-play-state:running;pointer-events:none}.ant-zoom-up-appear,.ant-zoom-up-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-up-appear-prepare,.ant-zoom-up-enter-prepare{transform:none}.ant-zoom-up-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-down-appear,.ant-zoom-down-enter,.ant-zoom-down-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-down-appear.ant-zoom-down-appear-active,.ant-zoom-down-enter.ant-zoom-down-enter-active{animation-name:antZoomDownIn;animation-play-state:running}.ant-zoom-down-leave.ant-zoom-down-leave-active{animation-name:antZoomDownOut;animation-play-state:running;pointer-events:none}.ant-zoom-down-appear,.ant-zoom-down-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-down-appear-prepare,.ant-zoom-down-enter-prepare{transform:none}.ant-zoom-down-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-left-appear,.ant-zoom-left-enter,.ant-zoom-left-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-left-appear.ant-zoom-left-appear-active,.ant-zoom-left-enter.ant-zoom-left-enter-active{animation-name:antZoomLeftIn;animation-play-state:running}.ant-zoom-left-leave.ant-zoom-left-leave-active{animation-name:antZoomLeftOut;animation-play-state:running;pointer-events:none}.ant-zoom-left-appear,.ant-zoom-left-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-left-appear-prepare,.ant-zoom-left-enter-prepare{transform:none}.ant-zoom-left-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.ant-zoom-right-appear,.ant-zoom-right-enter,.ant-zoom-right-leave{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused}.ant-zoom-right-appear.ant-zoom-right-appear-active,.ant-zoom-right-enter.ant-zoom-right-enter-active{animation-name:antZoomRightIn;animation-play-state:running}.ant-zoom-right-leave.ant-zoom-right-leave-active{animation-name:antZoomRightOut;animation-play-state:running;pointer-events:none}.ant-zoom-right-appear,.ant-zoom-right-enter{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.08,.82,.17,1)}.ant-zoom-right-appear-prepare,.ant-zoom-right-enter-prepare{transform:none}.ant-zoom-right-leave{animation-timing-function:cubic-bezier(.78,.14,.15,.86)}@keyframes antZoomIn{0%{transform:scale(.2);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes antZoomOut{0%{transform:scale(1)}100%{transform:scale(.2);opacity:0}}@keyframes antZoomBigIn{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes antZoomBigOut{0%{transform:scale(1)}100%{transform:scale(.8);opacity:0}}@keyframes antZoomUpIn{0%{transform:scale(.8);transform-origin:50% 0;opacity:0}100%{transform:scale(1);transform-origin:50% 0}}@keyframes antZoomUpOut{0%{transform:scale(1);transform-origin:50% 0}100%{transform:scale(.8);transform-origin:50% 0;opacity:0}}@keyframes antZoomLeftIn{0%{transform:scale(.8);transform-origin:0 50%;opacity:0}100%{transform:scale(1);transform-origin:0 50%}}@keyframes antZoomLeftOut{0%{transform:scale(1);transform-origin:0 50%}100%{transform:scale(.8);transform-origin:0 50%;opacity:0}}@keyframes antZoomRightIn{0%{transform:scale(.8);transform-origin:100% 50%;opacity:0}100%{transform:scale(1);transform-origin:100% 50%}}@keyframes antZoomRightOut{0%{transform:scale(1);transform-origin:100% 50%}100%{transform:scale(.8);transform-origin:100% 50%;opacity:0}}@keyframes antZoomDownIn{0%{transform:scale(.8);transform-origin:50% 100%;opacity:0}100%{transform:scale(1);transform-origin:50% 100%}}@keyframes antZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}100%{transform:scale(.8);transform-origin:50% 100%;opacity:0}}.ant-motion-collapse-legacy{overflow:hidden}.ant-motion-collapse-legacy-active{transition:height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important}.ant-motion-collapse{overflow:hidden;transition:height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important}.cdk-global-overlay-wrapper,.cdk-overlay-container{top:0;left:0;width:100%;height:100%;pointer-events:none}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper,.cdk-overlay-connected-position-bounding-box,.cdk-overlay-pane{position:absolute;z-index:1000;display:flex}.cdk-overlay-pane{box-sizing:border-box;max-width:100%;max-height:100%;pointer-events:auto}.cdk-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;opacity:0;transition:opacity .4s cubic-bezier(.25,.8,.25,1);pointer-events:auto}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{visibility:hidden;opacity:1;transition:visibility 1ms linear,opacity 1ms linear}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{visibility:visible;opacity:0}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none}.nz-overlay-transparent-backdrop,.nz-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.nz-animate-disabled.ant-drawer.ant-drawer-open .ant-drawer-mask,.nz-animate-disabled.ant-scroll-number-only{transition:none;animation:none}.nz-animate-disabled.ant-drawer>*{transition:none}.nz-animate-disabled .ant-modal,.nz-animate-disabled .ant-modal-mask,.nz-animate-disabled .ant-modal-mask.zoom-enter,.nz-animate-disabled .ant-modal-mask.zoom-enter-active,.nz-animate-disabled .ant-modal-mask.zoom-leave,.nz-animate-disabled .ant-modal-mask.zoom-leave-active,.nz-animate-disabled .ant-modal.zoom-enter,.nz-animate-disabled .ant-modal.zoom-enter-active,.nz-animate-disabled .ant-modal.zoom-leave,.nz-animate-disabled .ant-modal.zoom-leave-active{transition:none;animation:none}.nz-animate-disabled.ant-collapse>.ant-collapse-item>.ant-collapse-header .ant-collapse-arrow svg,.nz-animate-disabled.ant-menu,.nz-animate-disabled.ant-menu .ant-menu-item,.nz-animate-disabled.ant-menu .ant-menu-item .anticon,.nz-animate-disabled.ant-menu .ant-menu-item .anticon+span,.nz-animate-disabled.ant-menu .ant-menu-submenu-title,.nz-animate-disabled.ant-menu .ant-menu-submenu-title .anticon,.nz-animate-disabled.ant-menu .ant-menu-submenu-title .anticon+span,.nz-animate-disabled.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated,.nz-animate-disabled.ant-tabs .ant-tabs-bottom-content>.ant-tabs-tabpane,.nz-animate-disabled.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,.nz-animate-disabled.ant-tabs .ant-tabs-top-content>.ant-tabs-tabpane,.nz-animate-disabled.ant-tabs.ant-tabs-bottom .ant-tabs-ink-bar-animated,.nz-animate-disabled.ant-tabs.ant-tabs-left .ant-tabs-ink-bar-animated,.nz-animate-disabled.ant-tabs.ant-tabs-right .ant-tabs-ink-bar-animated,.nz-animate-disabled.ant-tabs.ant-tabs-top .ant-tabs-ink-bar-animated{transition:none}","@keyframes antCheckboxEffect{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.6);opacity:0}}.ant-checkbox{box-sizing:border-box;margin:0;padding:0;color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;list-style:none;font-feature-settings:'tnum';position:relative;top:.2em;line-height:1;white-space:nowrap;outline:0;cursor:pointer}.ant-checkbox-input:focus+.ant-checkbox-inner,.ant-checkbox-wrapper:hover .ant-checkbox-inner,.ant-checkbox:hover .ant-checkbox-inner{border-color:#1890ff}.ant-checkbox-checked::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #1890ff;border-radius:2px;visibility:hidden;animation:antCheckboxEffect .36s ease-in-out;animation-fill-mode:backwards;content:''}.ant-checkbox-wrapper:hover .ant-checkbox::after,.ant-checkbox:hover::after{visibility:visible}.ant-checkbox-inner{position:relative;top:0;left:0;display:block;width:16px;height:16px;direction:ltr;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;border-collapse:separate;transition:all .3s}.ant-checkbox-inner::after{position:absolute;top:50%;left:21.5%;display:table;width:5.71px;height:9.14px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .1s cubic-bezier(.71,-.46,.88,.6),opacity .1s;content:' '}.ant-checkbox-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.ant-checkbox-checked .ant-checkbox-inner::after{position:absolute;display:table;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:' '}.ant-checkbox-checked .ant-checkbox-inner{background-color:#1890ff;border-color:#1890ff}.ant-checkbox-disabled{cursor:not-allowed}.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after{border-color:rgba(0,0,0,.25);animation-name:none}.ant-checkbox-disabled .ant-checkbox-input{cursor:not-allowed;pointer-events:none}.ant-checkbox-disabled .ant-checkbox-inner{background-color:#f5f5f5;border-color:#d9d9d9!important}.ant-checkbox-disabled .ant-checkbox-inner::after{border-color:#f5f5f5;border-collapse:separate;animation-name:none}.ant-checkbox-disabled+span{color:rgba(0,0,0,.25);cursor:not-allowed}.ant-checkbox-group,.ant-checkbox-wrapper{color:rgba(0,0,0,.85);font-size:14px;font-variant:tabular-nums;font-feature-settings:'tnum'}.ant-checkbox-disabled:hover::after,.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after{visibility:hidden}.ant-checkbox-wrapper{box-sizing:border-box;margin:0;padding:0;list-style:none;display:inline-flex;align-items:baseline;line-height:unset;cursor:pointer}.ant-checkbox-wrapper::after{display:inline-block;width:0;overflow:hidden;content:'\\a0'}.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled{cursor:not-allowed}.ant-checkbox-wrapper+.ant-checkbox-wrapper{margin-left:8px}.ant-checkbox-wrapper.ant-checkbox-wrapper-in-form-item input[type=checkbox]{width:14px;height:14px}.ant-checkbox+span{padding-right:8px;padding-left:8px}.ant-checkbox-group{box-sizing:border-box;margin:0;padding:0;line-height:1.5715;list-style:none;display:inline-block}.ant-checkbox-group-item{margin-right:8px}.ant-checkbox-group-item:last-child{margin-right:0}.ant-checkbox-group-item+.ant-checkbox-group-item{margin-left:0}.ant-checkbox-indeterminate .ant-checkbox-inner