UNPKG

ffr-components

Version:

Fiori styled UI components

66 lines (65 loc) • 29.1 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
@charset "UTF-8"; /*! * Fundamental Styles v0.3.0 * Copyright (c) 2019 SAP SE or an SAP affiliate company. * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE) */ /*! .fd-form-group */.fd-form-group{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;border:0;margin:0 0 16px}.hcb .fd-form-group{color:#fff}.hcw .fd-form-group{color:#000}.fd-form-group:after,.fd-form-group:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-form-group:last-child{margin-bottom:0} /*! * Fundamental Styles v0.3.0 * Copyright (c) 2019 SAP SE or an SAP affiliate company. * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE) */ /*! .fd-form-item+(--inline) */.fd-form-item{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;border:0;margin:0 0 16px}.hcb .fd-form-item{color:#fff}.hcw .fd-form-item{color:#000}.fd-form-item:after,.fd-form-item:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-form-item--inline{float:left;margin-right:16px}@media (min-width:320px){.fd-form-item--inline{margin-bottom:0}}.fd-form-item--inline[dir=rtl],[dir=rtl] .fd-form-item--inline{float:right;margin-right:0;margin-left:16px}.fd-form-item--inline .fd-form-message{-webkit-transform:translateY(8px);transform:translateY(8px);margin-bottom:8px} /*! * Fundamental Styles v0.3.0 * Copyright (c) 2019 SAP SE or an SAP affiliate company. * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE) */ /*! .fd-form-label */.fd-form-label{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;border:0;color:#6a6d70;cursor:pointer;line-height:16px;margin:0 0 8px;display:block}.hcb .fd-form-label{color:#fff}.hcw .fd-form-label{color:#000}.fd-form-label:after,.fd-form-label:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-form-label.is-disabled{opacity:.4}.fd-form-label[focus-within]{outline-color:#085caf;outline-width:1px;outline-style:dotted}.hcb .fd-form-label[focus-within]{outline-color:#000}.hcw .fd-form-label[focus-within]{outline-color:#fff}.fd-form-label:focus-within{outline-color:#085caf;outline-width:1px;outline-style:dotted}.hcb .fd-form-label:focus-within{outline-color:#000}.hcw .fd-form-label:focus-within{outline-color:#fff}.fd-form-label .fd-checkbox,.fd-form-label>.fd-radio{margin-right:8px} /*! * Fundamental Styles v0.3.0 * Copyright (c) 2019 SAP SE or an SAP affiliate company. * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE) */ /*! .fd-form-message(--help, --error, --warning) */.fd-form-message{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;clear:both;display:block;font-size:12px;line-height:1.33333;font-weight:400;color:#51555a;padding:8px 0;position:relative;margin:8px 0 0}.hcb .fd-form-message{color:#fff;color:#000}.hcw .fd-form-message{color:#000}.fd-form-message:after,.fd-form-message:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-form-message:before{width:18px;height:18px;font-style:normal;font-size:1.3em;font-family:SAP-icons;position:absolute;left:0;color:#51555a;text-align:center;line-height:18px}.hcb .fd-form-message:before,.hcw .fd-form-message:before{color:#000}.fd-form-message--error,.fd-form-message--help,.fd-form-message--warning{padding-left:24px}.fd-form-message--error:before,.fd-form-message--help:before,.fd-form-message--warning:before{left:0;top:6px}.fd-form-message--help:before{color:#32363a;content:""}.hcb .fd-form-message--help:before{color:#fff}.hcw .fd-form-message--help:before{color:#000}.fd-form-message--warning{color:#e9730c}.hcb .fd-form-message--warning{color:#000}.hcw .fd-form-message--warning{color:#fff}.fd-form-message--warning:before{color:#e9730c;content:""}.hcb .fd-form-message--warning:before{color:#000}.hcw .fd-form-message--warning:before{color:#fff}.fd-form-message--error{color:#b00}.hcb .fd-form-message--error{color:#000}.hcw .fd-form-message--error{color:#fff}.fd-form-message--error:before{content:"";color:#b00}.hcb .fd-form-message--error:before{color:#000}.hcw .fd-form-message--error:before{color:#fff} /*! * Fundamental Styles v0.3.0 * Copyright (c) 2019 SAP SE or an SAP affiliate company. * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE) */ /*! .fd-form-select */.fd-form-select{color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;margin:0;font-size:14px;line-height:1.42857;font-weight:400;-webkit-appearance:textfield;-moz-appearance:textfield;box-sizing:border-box;outline:0;border:1px solid #89919a;background-color:#fff;border-radius:4px;-webkit-transition:border-color 125ms;transition:border-color 125ms;height:36px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkFGQkZDIiBkPSJNMSAwaDM3djM2SDF6Ii8+PHBhdGggZD0iTTEgMHYzNk0zOCAwdjM2IiBzdHJva2U9IiNDRUNFRDAiLz48cGF0aCBkPSJNMjYuOTE5IDE2Ljg0M2wtNy42NjcgOC4wNThhLjM2NC4zNjQgMCAwMS0uMjUzLjA5OS4zNjQuMzY0IDAgMDEtLjI1Mi0uMWwtNy42NjQtOC4wNTdhLjI4My4yODMgMCAwMS4wMzQtLjQyOGwxLjcyMS0xLjM0MWEuMzUyLjM1MiAwIDAxLjIxOC0uMDc0bC4wMjUuMDAxYy4wODguMDA2LjE3LjA0NS4yMjguMTA3TDE5IDIxLjIwMmw1LjY5My02LjA5NGMuMTItLjEzLjMzLS4xNDUuNDctLjAzNGwxLjcyMiAxLjM0MWEuMjk3LjI5NyAwIDAxLjExNS4yMDcuMjgzLjI4MyAwIDAxLS4wOC4yMjF6IiBmaWxsPSIjMEE2RUQxIi8+PC9nPjwvc3ZnPg==);background-repeat:no-repeat;background-position:calc(100% + 1px) 50%;padding:0 48px 0 12px}.hcb .fd-form-select{color:#fff;border-color:#fff;background-color:#000;height:36px}.hcw .fd-form-select{color:#000;border-color:#000;background-color:#fff;height:36px}.fd-form-select:after,.fd-form-select:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-form-select .is-hover,.fd-form-select:hover{border-color:#085caf}.hcb .fd-form-select .is-hover,.hcb .fd-form-select:hover{border-color:#7a5100}.hcw .fd-form-select .is-hover,.hcw .fd-form-select:hover{border-color:#fff}.fd-form-select.is-focus,.fd-form-select:focus{-webkit-box-shadow:0 0 0 1px #085caf;box-shadow:0 0 0 1px #085caf;z-index:5;border-color:#085caf}.hcb .fd-form-select.is-focus,.hcb .fd-form-select:focus{-webkit-box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px #000;border-color:#000}.hcw .fd-form-select.is-focus,.hcw .fd-form-select:focus{-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;border-color:#fff}.fd-form-select.is-invalid{border-color:#b00;border-width:2px}.hcb .fd-form-select.is-invalid{border-color:#000}.hcw .fd-form-select.is-invalid{border-color:#fff}.fd-form-select.is-valid{border-color:#0a7e3e;border-width:2px}.hcb .fd-form-select.is-valid{border-color:#000}.hcw .fd-form-select.is-valid{border-color:#fff}.fd-form-select.is-alert,.fd-form-select.is-warning{border-color:#e9730c;border-width:2px}.hcb .fd-form-select.is-alert,.hcb .fd-form-select.is-warning{border-color:#000}.hcw .fd-form-select.is-alert,.hcw .fd-form-select.is-warning{border-color:#fff}.fd-form-select.is-disabled,.fd-form-select:disabled,.fd-form-select[aria-disabled=true]{cursor:not-allowed;color:#6a6d70;border-color:#eeeeef;background-color:#fafafa}.hcb .fd-form-select.is-disabled,.hcb .fd-form-select:disabled,.hcb .fd-form-select[aria-disabled=true]{color:#fff;border-color:#000;background-color:#000}.hcw .fd-form-select.is-disabled,.hcw .fd-form-select:disabled,.hcw .fd-form-select[aria-disabled=true]{color:#000;border-color:#fff;background-color:#fff}.fd-form-select.is-readonly,.fd-form-select[readonly]{color:#32363a;border-color:#eeeeef;border-width:0 0 1px;border-radius:0}.hcb .fd-form-select.is-readonly,.hcb .fd-form-select[readonly]{color:#32363a;border-color:#000}.hcw .fd-form-select.is-readonly,.hcw .fd-form-select[readonly]{color:#32363a;border-color:#fff}.fd-form-select.is-disabled,.fd-form-select:disabled,.fd-form-select[aria-disabled=true]{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkFGQkZDIiBkPSJNMSAwaDM3djM2SDF6Ii8+PHBhdGggZD0iTTEgMHYzNk0zOCAwdjM2IiBzdHJva2U9IiNFQkVCRUMiLz48cGF0aCBkPSJNMjYuOTE5IDE2Ljg0M2wtNy42NjcgOC4wNThhLjM2NC4zNjQgMCAwMS0uMjUzLjA5OS4zNjQuMzY0IDAgMDEtLjI1Mi0uMWwtNy42NjQtOC4wNTdhLjI4My4yODMgMCAwMS4wMzQtLjQyOGwxLjcyMS0xLjM0MWEuMzUyLjM1MiAwIDAxLjIxOC0uMDc0bC4wMjUuMDAxYy4wODguMDA2LjE3LjA0NS4yMjguMTA3TDE5IDIxLjIwMmw1LjY5My02LjA5NGMuMTItLjEzLjMzLS4xNDUuNDctLjAzNGwxLjcyMiAxLjM0MWEuMjk3LjI5NyAwIDAxLjExNS4yMDcuMjgzLjI4MyAwIDAxLS4wOC4yMjF6IiBmaWxsPSIjRUJFQkVDIi8+PC9nPjwvc3ZnPg==)}.fd-form-select[dir=rtl],[dir=rtl] .fd-form-select{background-position:-1px;padding-right:12px;padding-left:48px}.fd-form-select.is-expanded,.fd-form-select:focus,.fd-form-select:hover{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkFGQkZDIiBkPSJNMSAwaDM3djM2SDF6Ii8+PHBhdGggZD0iTTEgMHYzNk0zOCAwdjM2IiBzdHJva2U9IiNDRUNFRDAiLz48cGF0aCBkPSJNMjYuOTE5IDE2Ljg0M2wtNy42NjcgOC4wNThhLjM2NC4zNjQgMCAwMS0uMjUzLjA5OS4zNjQuMzY0IDAgMDEtLjI1Mi0uMWwtNy42NjQtOC4wNTdhLjI4My4yODMgMCAwMS4wMzQtLjQyOGwxLjcyMS0xLjM0MWEuMzUyLjM1MiAwIDAxLjIxOC0uMDc0bC4wMjUuMDAxYy4wODguMDA2LjE3LjA0NS4yMjguMTA3TDE5IDIxLjIwMmw1LjY5My02LjA5NGMuMTItLjEzLjMzLS4xNDUuNDctLjAzNGwxLjcyMiAxLjM0MWEuMjk3LjI5NyAwIDAxLjExNS4yMDcuMjgzLjI4MyAwIDAxLS4wOC4yMjF6IiBmaWxsPSIjMEE2RUQxIi8+PC9nPjwvc3ZnPg==)}.fd-form-select:after{content:"";width:10px;height:5px;border-color:transparent;border-style:solid;border-width:0 0 2px 2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;z-index:2;top:calc(50% - 4px);left:calc(50% - 5px)}.fd-form-select--compact,.hcb .fd-form-select--compact,.hcw .fd-form-select--compact{height:28px}.fd-form-select[multiple]{height:108px;background-image:none;padding-top:12px}.hcb .fd-form-select[multiple],.hcw .fd-form-select[multiple]{height:108px}.fd-form-select[multiple].fd-form-select--compact,.hcb .fd-form-select[multiple].fd-form-select--compact,.hcw .fd-form-select[multiple].fd-form-select--compact{height:84px}.fd-form-select[disabled]:focus,.fd-form-select[disabled]:hover{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzkiIGhlaWdodD0iMzYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkFGQkZDIiBkPSJNMSAwaDM3djM2SDF6Ii8+PHBhdGggZD0iTTEgMHYzNk0zOCAwdjM2IiBzdHJva2U9IiNFQkVCRUMiLz48cGF0aCBkPSJNMjYuOTE5IDE2Ljg0M2wtNy42NjcgOC4wNThhLjM2NC4zNjQgMCAwMS0uMjUzLjA5OS4zNjQuMzY0IDAgMDEtLjI1Mi0uMWwtNy42NjQtOC4wNTdhLjI4My4yODMgMCAwMS4wMzQtLjQyOGwxLjcyMS0xLjM0MWEuMzUyLjM1MiAwIDAxLjIxOC0uMDc0bC4wMjUuMDAxYy4wODguMDA2LjE3LjA0NS4yMjguMTA3TDE5IDIxLjIwMmw1LjY5My02LjA5NGMuMTItLjEzLjMzLS4xNDUuNDctLjAzNGwxLjcyMiAxLjM0MWEuMjk3LjI5NyAwIDAxLjExNS4yMDcuMjgzLjI4MyAwIDAxLS4wOC4yMjF6IiBmaWxsPSIjRUJFQkVDIi8+PC9nPjwvc3ZnPg==)} /*! * Fundamental Styles v0.3.0 * Copyright (c) 2019 SAP SE or an SAP affiliate company. * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE) */ /*! .fd-textarea */.fd-textarea{color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;margin:0;font-size:14px;line-height:1.42857;font-weight:400;appearance:none;-webkit-appearance:textfield;-moz-appearance:textfield;box-sizing:border-box;outline:0;border:1px solid #89919a;background-color:#fff;border-radius:4px;-webkit-transition:border-color 125ms;transition:border-color 125ms;height:72px;width:100%;padding:12px 12px 0}.hcb .fd-textarea{color:#fff;border-color:#fff;background-color:#000}.hcw .fd-textarea{color:#000;border-color:#000;background-color:#fff}.fd-textarea:after,.fd-textarea:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-textarea .is-hover,.fd-textarea:hover{border-color:#085caf}.hcb .fd-textarea .is-hover,.hcb .fd-textarea:hover{border-color:#7a5100}.hcw .fd-textarea .is-hover,.hcw .fd-textarea:hover{border-color:#fff}.fd-textarea.is-focus,.fd-textarea:focus{-webkit-box-shadow:0 0 0 1px #085caf;box-shadow:0 0 0 1px #085caf;z-index:5;border-color:#085caf}.hcb .fd-textarea.is-focus,.hcb .fd-textarea:focus{-webkit-box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px #000;border-color:#000}.hcw .fd-textarea.is-focus,.hcw .fd-textarea:focus{-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;border-color:#fff}.fd-textarea.is-invalid{border-color:#b00;border-width:2px}.hcb .fd-textarea.is-invalid{border-color:#000}.hcw .fd-textarea.is-invalid{border-color:#fff}.fd-textarea.is-valid{border-color:#0a7e3e;border-width:2px}.hcb .fd-textarea.is-valid{border-color:#000}.hcw .fd-textarea.is-valid{border-color:#fff}.fd-textarea.is-alert,.fd-textarea.is-warning{border-color:#e9730c;border-width:2px}.hcb .fd-textarea.is-alert,.hcb .fd-textarea.is-warning{border-color:#000}.hcw .fd-textarea.is-alert,.hcw .fd-textarea.is-warning{border-color:#fff}.fd-textarea.is-disabled,.fd-textarea:disabled,.fd-textarea[aria-disabled=true]{cursor:not-allowed;color:#6a6d70;border-color:#eeeeef;background-color:#fafafa}.hcb .fd-textarea.is-disabled,.hcb .fd-textarea:disabled,.hcb .fd-textarea[aria-disabled=true]{color:#fff;border-color:#000;background-color:#000}.hcw .fd-textarea.is-disabled,.hcw .fd-textarea:disabled,.hcw .fd-textarea[aria-disabled=true]{color:#000;border-color:#fff;background-color:#fff}.fd-textarea.is-readonly,.fd-textarea[readonly]{color:#32363a;border-color:#eeeeef;border-width:0 0 1px;border-radius:0}.hcb .fd-textarea.is-readonly,.hcb .fd-textarea[readonly]{color:#32363a;border-color:#000}.hcw .fd-textarea.is-readonly,.hcw .fd-textarea[readonly]{color:#32363a;border-color:#fff}.fd-textarea--compact{height:56px;padding-top:12px} /*! * Fundamental Styles v0.3.0 * Copyright (c) 2019 SAP SE or an SAP affiliate company. * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE) */ /*! .fd-checkbox */.fd-checkbox{color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;padding:0;font-size:14px;line-height:1.42857;font-weight:400;appearance:none;-webkit-appearance:textfield;-moz-appearance:textfield;box-sizing:border-box;outline:0;border:1px solid #89919a;background-color:#fff;border-radius:4px;-webkit-transition:border-color 125ms;transition:border-color 125ms;height:16px;width:16px;margin:0;vertical-align:middle;position:relative;cursor:pointer}.hcb .fd-checkbox{color:#fff;border-color:#fff;background-color:#000}.hcw .fd-checkbox{color:#000;border-color:#000;background-color:#fff}.fd-checkbox:after,.fd-checkbox:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-checkbox .is-hover,.fd-checkbox:hover{border-color:#085caf}.hcb .fd-checkbox .is-hover,.hcb .fd-checkbox:hover{border-color:#7a5100}.hcw .fd-checkbox .is-hover,.hcw .fd-checkbox:hover{border-color:#fff}.fd-checkbox.is-focus,.fd-checkbox:focus{-webkit-box-shadow:0 0 0 1px #085caf;box-shadow:0 0 0 1px #085caf;z-index:5;border-color:#085caf}.hcb .fd-checkbox.is-focus,.hcb .fd-checkbox:focus{-webkit-box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px #000;border-color:#000}.hcw .fd-checkbox.is-focus,.hcw .fd-checkbox:focus{-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;border-color:#fff}.fd-checkbox.is-invalid{border-color:#b00;border-width:2px}.hcb .fd-checkbox.is-invalid{border-color:#000}.hcw .fd-checkbox.is-invalid{border-color:#fff}.fd-checkbox.is-valid{border-color:#0a7e3e;border-width:2px}.hcb .fd-checkbox.is-valid{border-color:#000}.hcw .fd-checkbox.is-valid{border-color:#fff}.fd-checkbox.is-alert,.fd-checkbox.is-warning{border-color:#e9730c;border-width:2px}.hcb .fd-checkbox.is-alert,.hcb .fd-checkbox.is-warning{border-color:#000}.hcw .fd-checkbox.is-alert,.hcw .fd-checkbox.is-warning{border-color:#fff}.fd-checkbox.is-disabled,.fd-checkbox:disabled,.fd-checkbox[aria-disabled=true]{cursor:not-allowed;color:#6a6d70;border-color:#eeeeef;background-color:#fafafa}.hcb .fd-checkbox.is-disabled,.hcb .fd-checkbox:disabled,.hcb .fd-checkbox[aria-disabled=true]{color:#fff;border-color:#000;background-color:#000}.hcw .fd-checkbox.is-disabled,.hcw .fd-checkbox:disabled,.hcw .fd-checkbox[aria-disabled=true]{color:#000;border-color:#fff;background-color:#fff}.fd-checkbox.is-readonly,.fd-checkbox[readonly]{color:#32363a;border-color:#eeeeef;border-width:0 0 1px;border-radius:0}.hcb .fd-checkbox.is-readonly,.hcb .fd-checkbox[readonly]{color:#32363a;border-color:#000}.hcw .fd-checkbox.is-readonly,.hcw .fd-checkbox[readonly]{color:#32363a;border-color:#fff}.fd-checkbox:before{content:"";width:10px;height:5px;border-color:transparent;border-style:solid;border-width:0 0 2px 2px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:absolute;z-index:2;top:calc(50% - 4px);left:calc(50% - 5px)}.fd-checkbox:checked{border-color:#0854a0}.hcb .fd-checkbox:checked{border-color:#fff}.hcw .fd-checkbox:checked{border-color:#000}.fd-checkbox:checked.is-disabled,.fd-checkbox:checked:disabled,.fd-checkbox:checked[aria-disabled=true]{border-color:#eeeeef}.hcb .fd-checkbox:checked.is-disabled,.hcb .fd-checkbox:checked:disabled,.hcb .fd-checkbox:checked[aria-disabled=true]{border-color:#000}.hcw .fd-checkbox:checked.is-disabled,.hcw .fd-checkbox:checked:disabled,.hcw .fd-checkbox:checked[aria-disabled=true]{border-color:#fff}.fd-checkbox:checked.is-disabled:before,.fd-checkbox:checked:disabled:before,.fd-checkbox:checked[aria-disabled=true]:before{border-color:#eeeeef}.hcb .fd-checkbox:checked.is-disabled:before,.hcb .fd-checkbox:checked:disabled:before,.hcb .fd-checkbox:checked[aria-disabled=true]:before{border-color:#000}.hcw .fd-checkbox:checked.is-disabled:before,.hcw .fd-checkbox:checked:disabled:before,.hcw .fd-checkbox:checked[aria-disabled=true]:before{border-color:#fff}.fd-checkbox:indeterminate{border:3px solid #fff;background-color:#0854a0;-webkit-box-shadow:0 0 0 1px #0854a0;box-shadow:0 0 0 1px #0854a0}.hcb .fd-checkbox:indeterminate{border-color:#000;background-color:#fff}.hcw .fd-checkbox:indeterminate{border-color:#fff;background-color:#000}.fd-checkbox:indeterminate .is-hover,.fd-checkbox:indeterminate:hover{border-width:3px}.fd-checkbox:indeterminate.is-disabled,.fd-checkbox:indeterminate:disabled,.fd-checkbox:indeterminate[aria-disabled=true]{background-color:#eeeeef;border-color:#fff;-webkit-box-shadow:0 0 0 1px #eeeeef;box-shadow:0 0 0 1px #eeeeef}.hcb .fd-checkbox:indeterminate.is-disabled,.hcb .fd-checkbox:indeterminate:disabled,.hcb .fd-checkbox:indeterminate[aria-disabled=true]{background-color:#000;border-color:#000}.hcw .fd-checkbox:indeterminate.is-disabled,.hcw .fd-checkbox:indeterminate:disabled,.hcw .fd-checkbox:indeterminate[aria-disabled=true]{background-color:#fff;border-color:#fff} /*! * Fundamental Styles v0.3.0 * Copyright (c) 2019 SAP SE or an SAP affiliate company. * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/master/LICENSE) */ /*! .fd-input */.fd-input{color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;margin:0;font-size:14px;line-height:1.42857;font-weight:400;appearance:none;-webkit-appearance:textfield;-moz-appearance:textfield;box-sizing:border-box;outline:0;border:1px solid #89919a;background-color:#fff;border-radius:4px;-webkit-transition:border-color 125ms;transition:border-color 125ms;padding:0 12px;height:36px;width:100%}.hcb .fd-input{color:#fff;border-color:#fff;background-color:#000;height:36px}.hcw .fd-input{color:#000;border-color:#000;background-color:#fff;height:36px}.fd-input:after,.fd-input:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input .is-hover,.fd-input:hover{border-color:#085caf}.hcb .fd-input .is-hover,.hcb .fd-input:hover{border-color:#7a5100}.hcw .fd-input .is-hover,.hcw .fd-input:hover{border-color:#fff}.fd-input.is-focus,.fd-input:focus{-webkit-box-shadow:0 0 0 1px #085caf;box-shadow:0 0 0 1px #085caf;z-index:5;border-color:#085caf}.hcb .fd-input.is-focus,.hcb .fd-input:focus{-webkit-box-shadow:0 0 0 1px #000;box-shadow:0 0 0 1px #000;border-color:#000}.hcw .fd-input.is-focus,.hcw .fd-input:focus{-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff;border-color:#fff}.fd-input.is-invalid{border-color:#b00;border-width:2px}.hcb .fd-input.is-invalid{border-color:#000}.hcw .fd-input.is-invalid{border-color:#fff}.fd-input.is-valid{border-color:#0a7e3e;border-width:2px}.hcb .fd-input.is-valid{border-color:#000}.hcw .fd-input.is-valid{border-color:#fff}.fd-input.is-alert,.fd-input.is-warning{border-color:#e9730c;border-width:2px}.hcb .fd-input.is-alert,.hcb .fd-input.is-warning{border-color:#000}.hcw .fd-input.is-alert,.hcw .fd-input.is-warning{border-color:#fff}.fd-input.is-disabled,.fd-input:disabled,.fd-input[aria-disabled=true]{cursor:not-allowed;color:#6a6d70;border-color:#eeeeef;background-color:#fafafa}.hcb .fd-input.is-disabled,.hcb .fd-input:disabled,.hcb .fd-input[aria-disabled=true]{color:#fff;border-color:#000;background-color:#000}.hcw .fd-input.is-disabled,.hcw .fd-input:disabled,.hcw .fd-input[aria-disabled=true]{color:#000;border-color:#fff;background-color:#fff}.fd-input.is-readonly,.fd-input[readonly]{color:#32363a;border-color:#eeeeef;border-width:0 0 1px;border-radius:0}.hcb .fd-input.is-readonly,.hcb .fd-input[readonly]{color:#32363a;border-color:#000}.hcw .fd-input.is-readonly,.hcw .fd-input[readonly]{color:#32363a;border-color:#fff}.fd-input::-webkit-input-placeholder{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;color:#8d9194;color:#89919a}.hcb .fd-input::-webkit-input-placeholder,.hcw .fd-input::-webkit-input-placeholder{color:#fff;color:#000}.fd-input::-moz-placeholder{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;box-sizing:border-box;padding:0;margin:0;border:0;color:#8d9194;color:#89919a}.hcb .fd-input::-moz-placeholder,.hcw .fd-input::-moz-placeholder{color:#fff;color:#000}.fd-input:-ms-input-placeholder{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;box-sizing:border-box;padding:0;margin:0;border:0;color:#8d9194;color:#89919a}.hcb .fd-input:-ms-input-placeholder{color:#fff;color:#000}.hcw .fd-input:-ms-input-placeholder{color:#000;color:#fff}.fd-input::-ms-input-placeholder{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;box-sizing:border-box;padding:0;margin:0;border:0;color:#8d9194;color:#89919a}.hcb .fd-input::-ms-input-placeholder{color:#fff;color:#000}.hcw .fd-input::-ms-input-placeholder{color:#000;color:#fff}.fd-input::placeholder{font-size:14px;line-height:1.42857;color:#32363a;font-family:"72",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;border:0;color:#8d9194;color:#89919a}.hcb .fd-input::placeholder{color:#fff;color:#000}.hcw .fd-input::placeholder{color:#000;color:#fff}.fd-input::-webkit-input-placeholder:after,.fd-input::-webkit-input-placeholder:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input::-moz-placeholder:after,.fd-input::-moz-placeholder:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input:-ms-input-placeholder:after,.fd-input:-ms-input-placeholder:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input::-ms-input-placeholder:after,.fd-input::-ms-input-placeholder:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input::placeholder:after,.fd-input::placeholder:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-input--compact,.hcb .fd-input--compact,.hcw .fd-input--compact{height:28px}.fd-input--no-number-spinner{-moz-appearance:textfield}.fd-input--no-number-spinner::-webkit-inner-spin-button,.fd-input--no-number-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}div.fd-form-item{margin-bottom:0;padding-bottom:21px;min-width:100px}.fd-form-item .fd-button{margin-top:1rem;float:right}.fd-form-message{margin-top:1px}.fd-form-message--error{margin-bottom:-21px;padding-bottom:2px;padding-top:3px;background-color:#ffebeb}.hcb .fd-form-message--error{background-color:#000}.hcw .fd-form-message--error{background-color:#fff}.fd-form-message:before{line-height:9px}.fd-checkbox:checked:before{border-color:#0854a0}.hcb .fd-checkbox:checked:before{border-color:#fff}.hcw .fd-checkbox:checked:before{border-color:#000}.ffr-form-item__h.ffr-form-checkbox{padding-left:33%}.ffr-checkbox{display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center}.ffr-checkbox label.ffr-form-label{margin-bottom:0;text-align:left;padding-left:1rem}.ffr-form-label__required:before{content:"*";color:#ce3b3b;font-size:1.25rem;font-weight:700;position:relative;vertical-align:middle;line-height:0;padding:0 2px}.ffr-input.fd-input.is-invalid{box-shadow:0 0 0 1px #b00;border:1px solid #b00;z-index:1}.hcb .ffr-input.fd-input.is-invalid{box-shadow:0 0 0 1px #000;border:1px solid #000}.hcw .ffr-input.fd-input.is-invalid{box-shadow:0 0 0 1px #fff;border:1px solid #fff}.ffr-form-element{width:100%}@media (min-width:950px){.ffr-form-item__r{display:-webkit-box;display:flex;-webkit-box-align:baseline;align-items:baseline}.ffr-form-label{width:33%;text-align:right;padding-right:16px}.ffr-form-item__r.ffr-form-checkbox{padding-left:33%}.ffr-checkbox{-webkit-box-align:center;align-items:center}.ffr-form-item__r .ffr-form-element{display:-webkit-box;display:flex;width:66%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.ffr-checkbox .ffr-form-element{width:auto}}div.ffr-form-item__h{display:-webkit-box;display:flex;-webkit-box-align:baseline;align-items:baseline;min-width:185px}.ffr-form-item__h .ffr-form-label{width:33%;text-align:right;padding-right:16px}.ffr-form-item__h .ffr-form-element{display:-webkit-box;display:flex;width:66%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.ffr-form-item__h.ffr-checkbox{padding-left:33%;-webkit-box-align:center;align-items:center;min-width:0}.ffr-form-item__h.ffr-checkbox .ffr-form-element{width:auto}.ffr-form-item__v{display:block}.ffr-form-item__v.ffr-checkbox{display:-webkit-box;display:flex;padding-left:0}.ffr-form-item__v .ffr-form-label{text-align:left;text-align:initial}