.lui-button { vertical-align: middle; height: 28px; min-width: 44px; padding: 0 16px; font-size: 13px; font-weight: 700; text-decoration: none; line-height: 24px; position: relative; outline: none; cursor: pointer; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border-radius: 3px; color: #595959; background-color: transparent; border: 1px solid #b3b3b3; transition: border-color 0.2s ease-out; } .lui-button::-moz-focus-inner { border: 0; padding: 0; } .lui-button__caret:after { vertical-align: top; margin-bottom: -1px; padding-top: 1px; } .lui-button__caret, .lui-button__icon, .lui-button__text { display: inline-block; vertical-align: top; } .lui-button__caret:not(:only-child), .lui-button__icon:not(:only-child), .lui-button__text:not(:only-child) { margin-left: 5px; margin-right: 5px; } .lui-button__caret:not(:only-child):first-child, .lui-button__icon:not(:only-child):first-child, .lui-button__text:not(:only-child):first-child { min-width: 6px; margin-left: -6px; } [dir="rtl"] .lui-button__caret:not(:only-child):first-child, [dir="rtl"] .lui-button__icon:not(:only-child):first-child, [dir="rtl"] .lui-button__text:not(:only-child):first-child { margin-left: 5px; margin-right: -6px; } .lui-button__caret:not(:only-child):last-child, .lui-button__icon:not(:only-child):last-child, .lui-button__text:not(:only-child):last-child { min-width: 6px; margin-right: -6px; } [dir="rtl"] .lui-button__caret:not(:only-child):last-child, [dir="rtl"] .lui-button__icon:not(:only-child):last-child, [dir="rtl"] .lui-button__text:not(:only-child):last-child { margin-left: -6px; margin-right: 5px; } .lui-button__text + .lui-button__caret:last-child { margin-left: 15px; margin-right: -6px; } [dir="rtl"] .lui-button__text + .lui-button__caret:last-child { margin-left: -6px; margin-right: 15px; } .lui-button__caret:only-child, .lui-button__icon:only-child { margin-left: -6px; margin-right: -6px; min-width: 18px; } .lui-button.lui-hovered, .lui-button:hover { border-color: #666; } .lui-button.lui-active, .lui-button:active { color: #fff; background-color: rgba(0, 0, 0, 0.65); border-color: transparent; box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25); } .lui-button.lui-disabled, .lui-button[disabled] { opacity: 0.6; cursor: default; border-color: #b3b3b3; } .lui-button.lui-disabled { pointer-events: none; } .lui-button.lui-focused, .lui-button:focus { border: 1px solid #3f8ab3; transition: none; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); } .lui-button.lui-focused.lui-active, .lui-button.lui-focused:active, .lui-button:focus.lui-active, .lui-button:focus:active { box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25); } .lui-button--inverse { color: #fff; background-color: transparent; border-color: hsla(0, 0%, 100%, 0.5); transition: border-color 0.2s ease-out; } .lui-button--inverse.lui-hovered, .lui-button--inverse:hover { border-color: hsla(0, 0%, 100%, 0.8); } .lui-button--inverse.lui-active, .lui-button--inverse:active { color: #fff; background-color: rgba(0, 0, 0, 0.65); border-color: transparent; box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25); } .lui-button--inverse.lui-disabled, .lui-button--inverse[disabled] { opacity: 0.6; cursor: default; border-color: hsla(0, 0%, 100%, 0.5); } .lui-button--inverse.lui-disabled { pointer-events: none; } .lui-button--inverse.lui-focused, .lui-button--inverse:focus { border: 1px solid #3f8ab3; transition: none; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); } .lui-button--inverse.lui-focused.lui-active, .lui-button--inverse.lui-focused:active, .lui-button--inverse:focus.lui-active, .lui-button--inverse:focus:active { box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25); } .lui-button--info { color: #fff; background-color: #3f8ab3; border: 0; padding: 1px 17px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1); transition: box-shadow 0.2s ease-out; } .lui-button--info.lui-hovered, .lui-button--info:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1), inset 0 0 0 250px hsla(0, 0%, 100%, 0.2); } .lui-button--info.lui-active, .lui-button--info:active { border: 1px solid transparent; padding: 0 16px; color: #fff; background-color: rgba(0, 0, 0, 0.65); box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25); } .lui-button--info.lui-disabled, .lui-button--info[disabled] { opacity: 0.6; cursor: default; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1); } .lui-button--info.lui-disabled { pointer-events: none; } .lui-button--info.lui-focused, .lui-button--info:focus { padding: 0 16px; border: 1px solid #3f8ab3; } .lui-button--success { color: #fff; background-color: #009845; border: 0; padding: 1px 17px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1); transition: box-shadow 0.2s ease-out; } .lui-button--success.lui-hovered, .lui-button--success:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1), inset 0 0 0 250px hsla(0, 0%, 100%, 0.2); } .lui-button--success.lui-active, .lui-button--success:active { border: 1px solid transparent; padding: 0 16px; color: #fff; background-color: rgba(0, 0, 0, 0.65); box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25); } .lui-button--success.lui-disabled, .lui-button--success[disabled] { opacity: 0.6; cursor: default; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1); } .lui-button--success.lui-disabled { pointer-events: none; } .lui-button--success.lui-focused, .lui-button--success:focus { padding: 0 16px; border: 1px solid #3f8ab3; } .lui-button--warning { color: #fff; background-color: #ef960f; border: 0; padding: 1px 17px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1); transition: box-shadow 0.2s ease-out; } .lui-button--warning.lui-hovered, .lui-button--warning:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1), inset 0 0 0 250px hsla(0, 0%, 100%, 0.2); } .lui-button--warning.lui-active, .lui-button--warning:active { border: 1px solid transparent; padding: 0 16px; color: #fff; background-color: rgba(0, 0, 0, 0.65); box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25); } .lui-button--warning.lui-disabled, .lui-button--warning[disabled] { opacity: 0.6; cursor: default; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1); } .lui-button--warning.lui-disabled { pointer-events: none; } .lui-button--warning.lui-focused, .lui-button--warning:focus { padding: 0 16px; border: 1px solid #3f8ab3; } .lui-button--danger { color: #fff; background-color: #dc423f; border: 0; padding: 1px 17px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1); transition: box-shadow 0.2s ease-out; } .lui-button--danger.lui-hovered, .lui-button--danger:hover { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1), inset 0 0 0 250px hsla(0, 0%, 100%, 0.2); } .lui-button--danger.lui-active, .lui-button--danger:active { border: 1px solid transparent; padding: 0 16px; color: #fff; background-color: rgba(0, 0, 0, 0.65); box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25); } .lui-button--danger.lui-disabled, .lui-button--danger[disabled] { opacity: 0.6; cursor: default; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1); } .lui-button--danger.lui-disabled { pointer-events: none; } .lui-button--danger.lui-focused, .lui-button--danger:focus { padding: 0 16px; border: 1px solid #3f8ab3; } .lui-button--gradient, .lui-button--toolbar { color: #595959; background-color: #e6e6e6; background-image: linear-gradient(180deg, #fff, #e6e6e6); border-color: #b3b3b3; transition: box-shadow 0.2s ease-out; } .lui-button--gradient.lui-hovered, .lui-button--gradient:hover, .lui-button--toolbar.lui-hovered, .lui-button--toolbar:hover { border-color: #b3b3b3; } .lui-button--gradient.lui-active, .lui-button--gradient:active, .lui-button--toolbar.lui-active, .lui-button--toolbar:active { color: #fff; background-color: rgba(0, 0, 0, 0.65); background-image: none; border-color: transparent; box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25); } .lui-button--gradient.lui-disabled, .lui-button--gradient[disabled], .lui-button--toolbar.lui-disabled, .lui-button--toolbar[disabled] { opacity: 0.6; cursor: default; } .lui-button--gradient.lui-disabled, .lui-button--toolbar.lui-disabled { pointer-events: none; } .lui-button--gradient.lui-focused, .lui-button--gradient:focus, .lui-button--toolbar.lui-focused, .lui-button--toolbar:focus { border: 1px solid #3f8ab3; } .lui-button--gradient-inverse, .lui-button--toolbar-inverse { color: #fff; background-color: #4d4d4d; background-image: linear-gradient(180deg, #666, #4d4d4d); border-color: rgba(0, 0, 0, 0.6); transition: box-shadow 0.2s ease-out; } .lui-button--gradient-inverse.lui-hovered, .lui-button--gradient-inverse:hover, .lui-button--toolbar-inverse.lui-hovered, .lui-button--toolbar-inverse:hover { border-color: rgba(0, 0, 0, 0.6); } .lui-button--gradient-inverse.lui-active, .lui-button--gradient-inverse:active, .lui-button--toolbar-inverse.lui-active, .lui-button--toolbar-inverse:active { color: #fff; background-color: rgba(0, 0, 0, 0.65); background-image: none; border-color: transparent; box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25); } .lui-button--gradient-inverse.lui-disabled, .lui-button--gradient-inverse[disabled], .lui-button--toolbar-inverse.lui-disabled, .lui-button--toolbar-inverse[disabled] { opacity: 0.6; cursor: default; } .lui-button--gradient-inverse.lui-disabled, .lui-button--toolbar-inverse.lui-disabled { pointer-events: none; } .lui-button--gradient-inverse.lui-focused, .lui-button--gradient-inverse:focus, .lui-button--toolbar-inverse.lui-focused, .lui-button--toolbar-inverse:focus { border: 1px solid #3f8ab3; } .lui-button--block { width: 100%; padding-left: 40px; padding-right: 40px; white-space: nowrap; } .lui-button--block.lui-button--block.lui-button--block .lui-button__caret, .lui-button--block.lui-button--block.lui-button--block .lui-button__icon, .lui-button--block.lui-button--block.lui-button--block .lui-button__text { margin-left: 0; margin-right: 0; min-width: unset; } .lui-button--block .lui-button__text { text-overflow: ellipsis; display: inline-block; white-space: nowrap; overflow: hidden; width: 100%; vertical-align: top; } .lui-button--block .lui-button__caret:not(:only-child):first-child, .lui-button--block .lui-button__icon:not(:only-child):first-child { position: absolute; left: 10px; } [dir="rtl"].lui-button--block .lui-button__caret:not(:only-child):first-child, [dir="rtl"] .lui-button--block .lui-button__caret:not(:only-child):first-child, [dir="rtl"].lui-button--block .lui-button__icon:not(:only-child):first-child, [dir="rtl"] .lui-button--block .lui-button__icon:not(:only-child):first-child { left: auto; right: 10px; } .lui-button--block .lui-button__caret:not(:only-child):last-child, .lui-button--block .lui-button__icon:not(:only-child):last-child { position: absolute; right: 10px; } [dir="rtl"].lui-button--block .lui-button__caret:not(:only-child):last-child, [dir="rtl"] .lui-button--block .lui-button__caret:not(:only-child):last-child, [dir="rtl"].lui-button--block .lui-button__icon:not(:only-child):last-child, [dir="rtl"] .lui-button--block .lui-button__icon:not(:only-child):last-child { left: 10px; right: auto; } .lui-button--rounded { border-radius: 16px; } .lui-button--rounded__caret:only-child, .lui-button--rounded__icon:only-child { margin-left: -8px; margin-right: -8px; min-width: 18px; } .lui-button--rounded.lui-button--large { border-radius: 19px; } .lui-button--rounded.lui-button--x-large { border-radius: 27px; } .lui-button--large { height: 38px; font-size: 14px; padding: 0 16px; } .lui-button--x-large { height: 54px; font-size: 16px; padding: 0 30px; } .lui-buttongroup { display: inline-block; vertical-align: middle; font-size: 0; } .lui-buttongroup .lui-button, .lui-buttongroup__button { margin: 0; } .lui-buttongroup .lui-button.lui-active, .lui-buttongroup .lui-button.lui-focused, .lui-buttongroup .lui-button.lui-hovered, .lui-buttongroup__button.lui-active, .lui-buttongroup__button.lui-focused, .lui-buttongroup__button.lui-hovered { z-index: 1; } .lui-buttongroup .lui-button:active, .lui-buttongroup .lui-button:hover, .lui-buttongroup__button:active, .lui-buttongroup__button:hover { z-index: 2; } .lui-buttongroup .lui-button:focus, .lui-buttongroup__button:focus { z-index: 3; } .lui-buttongroup .lui-button:first-child:not(:last-child), .lui-buttongroup__button:first-child:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .lui-buttongroup .lui-button:not(:last-child):not(:first-child), .lui-buttongroup__button:not(:last-child):not(:first-child) { border-radius: 0; } .lui-buttongroup .lui-button:not(:last-child), .lui-buttongroup__button:not(:last-child) { margin-right: -1px; } .lui-buttongroup .lui-button:last-child:not(:first-child), .lui-buttongroup__button:last-child:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } [dir="rtl"] .lui-buttongroup .lui-button:first-child:not(:last-child), [dir="rtl"] .lui-buttongroup__button:first-child:not(:last-child) { border-radius: 0 3px 3px 0; } [dir="rtl"] .lui-buttongroup .lui-button:not(:last-child), [dir="rtl"] .lui-buttongroup__button:not(:last-child) { margin-right: 0; margin-left: -1px; } [dir="rtl"] .lui-buttongroup .lui-button:last-child:not(:first-child), [dir="rtl"] .lui-buttongroup__button:last-child:not(:first-child) { border-radius: 3px 0 0 3px; } .lui-dialog { position: relative; border-radius: 3px; margin: auto; min-width: 250px; max-height: 100%; display: flex; flex-direction: column; z-index: 1021; color: #595959; background-color: #fff; border: 1px solid grey; box-shadow: 0 2px 25px rgba(0, 0, 0, 0.4); } .lui-dialog.lui-fade { opacity: 0; } .lui-dialog .lui-dialog__footer, .lui-dialog .lui-dialog__header { background-color: #fbfbfb; } .lui-dialog .lui-dialog__header { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .lui-dialog .lui-dialog__button--mobile, .lui-dialog .lui-dialog__footer, .lui-dialog .lui-dialog__footer--mobile { border-top: 1px solid rgba(0, 0, 0, 0.2); } .lui-dialog-container { position: fixed; top: 0; right: 0; left: 0; bottom: 0; height: 100%; display: flex; flex-direction: column; padding: 20px; box-sizing: border-box; transition: opacity 0.2s ease-out; opacity: 1; z-index: 1021; } .lui-dialog--inverse { color: #fff; background-color: #404040; border-color: #333; box-shadow: 0 2px 25px rgba(0, 0, 0, 0.6); } .lui-dialog--inverse .lui-dialog__footer, .lui-dialog--inverse .lui-dialog__header { background-color: #474747; } .lui-dialog--inverse .lui-dialog__header { border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .lui-dialog--inverse .lui-dialog__button--mobile, .lui-dialog--inverse .lui-dialog__footer, .lui-dialog--inverse .lui-dialog__footer--mobile { border-top: 1px solid rgba(0, 0, 0, 0.3); } .lui-dialog__header { font-size: 14px; font-weight: 700; height: 44px; padding: 8px; line-height: 28px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; flex: 0 0 auto; } .lui-dialog__header--mobile { height: 54px; padding: 14px; height: 100%; display: flex; justify-content: space-between; flex-direction: row; overflow: hidden; } .lui-dialog__body { flex: 1 1 auto; padding: 20px; overflow: auto; -webkit-overflow-scrolling: touch; } .lui-dialog__footer { height: 44px; padding: 8px; text-align: right; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-sizing: border-box; flex: 0 0 auto; } [dir="rtl"] .lui-dialog__footer { text-align: left; } .lui-dialog__footer--mobile { padding: 0; height: auto; } .lui-dialog__button, .lui-dialog__footer .lui-button { margin: 0 3px; } .lui-dialog__button:last-child, .lui-dialog__footer .lui-button:last-child { margin-right: 0; } [dir="rtl"] .lui-dialog__button:last-child, [dir="rtl"] .lui-dialog__footer .lui-button:last-child { margin-right: 3px; margin-left: 0; } .lui-dialog__button--mobile.lui-button { width: 100%; padding-left: 40px; padding-right: 40px; white-space: nowrap; height: 54px; font-size: 16px; margin: 0; } .lui-dialog__button--mobile.lui-button.lui-dialog__button--mobile.lui-button.lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__caret, .lui-dialog__button--mobile.lui-button.lui-dialog__button--mobile.lui-button.lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__icon, .lui-dialog__button--mobile.lui-button.lui-dialog__button--mobile.lui-button.lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__text { margin-left: 0; margin-right: 0; min-width: unset; } .lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__text { text-overflow: ellipsis; display: inline-block; white-space: nowrap; overflow: hidden; width: 100%; vertical-align: top; } .lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__caret:not(:only-child):first-child, .lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__icon:not(:only-child):first-child { position: absolute; left: 10px; } [dir="rtl"].lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__caret:not(:only-child):first-child, [dir="rtl"] .lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__caret:not(:only-child):first-child, [dir="rtl"].lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__icon:not(:only-child):first-child, [dir="rtl"] .lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__icon:not(:only-child):first-child { left: auto; right: 10px; } .lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__caret:not(:only-child):last-child, .lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__icon:not(:only-child):last-child { position: absolute; right: 10px; } [dir="rtl"].lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__caret:not(:only-child):last-child, [dir="rtl"] .lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__caret:not(:only-child):last-child, [dir="rtl"].lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__icon:not(:only-child):last-child, [dir="rtl"] .lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__icon:not(:only-child):last-child { left: 10px; right: auto; } .lui-dialog__button--mobile.lui-button:first-child:not(:last-child) { border: hidden; border-top: none; border-radius: 0; } .lui-dialog__button--mobile.lui-button:last-child:not(:first-child) { border-left: hidden; border-right: hidden; border-bottom: hidden; border-top-right-radius: 0; border-top-left-radius: 0; } [dir="rtl"] .lui-dialog__button--mobile.lui-button { margin: 0; } .lui-dialog__title { margin-left: 12px; margin-right: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lui-fade-button { vertical-align: middle; height: 28px; padding: 0 6px; min-width: 40px; border: 1px solid transparent; background-color: transparent; font-size: 13px; font-weight: 700; text-decoration: none; line-height: 24px; position: relative; outline: none; cursor: pointer; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border-radius: 3px; transition: color 0.2s ease-out; color: rgba(89, 89, 89, 0.8); } .lui-fade-button::-moz-focus-inner { border: 0; padding: 0; } .lui-fade-button__caret, .lui-fade-button__icon, .lui-fade-button__text { display: inline-block; vertical-align: top; } .lui-fade-button__caret:not(:only-child), .lui-fade-button__icon:not(:only-child), .lui-fade-button__text:not(:only-child) { margin-left: 5px; margin-right: 5px; } .lui-fade-button__caret:not(:only-child):first-child, .lui-fade-button__icon:not(:only-child):first-child, .lui-fade-button__text:not(:only-child):first-child { min-width: 6px; margin-left: 0; } [dir="rtl"] .lui-fade-button__caret:not(:only-child):first-child, [dir="rtl"] .lui-fade-button__icon:not(:only-child):first-child, [dir="rtl"] .lui-fade-button__text:not(:only-child):first-child { margin-left: 5px; margin-right: 0; } .lui-fade-button__caret:not(:only-child):last-child, .lui-fade-button__icon:not(:only-child):last-child, .lui-fade-button__text:not(:only-child):last-child { min-width: 6px; margin-right: 0; } [dir="rtl"] .lui-fade-button__caret:not(:only-child):last-child, [dir="rtl"] .lui-fade-button__icon:not(:only-child):last-child, [dir="rtl"] .lui-fade-button__text:not(:only-child):last-child { margin-left: 0; margin-right: 5px; } .lui-fade-button.lui-focused, .lui-fade-button.lui-hovered, .lui-fade-button:active, .lui-fade-button:focus, .lui-fade-button:hover { color: #595959; } .lui-fade-button.lui-active { background-color: rgba(0, 0, 0, 0.05); transition: none; } .lui-fade-button.lui-disabled, .lui-fade-button[disabled] { color: rgba(89, 89, 89, 0.2); cursor: default; } .lui-fade-button.lui-disabled { pointer-events: none; } .lui-fade-button--inverse { color: hsla(0, 0%, 100%, 0.8); } .lui-fade-button--inverse.lui-focused, .lui-fade-button--inverse.lui-hovered, .lui-fade-button--inverse:active, .lui-fade-button--inverse:focus, .lui-fade-button--inverse:hover { color: #fff; } .lui-fade-button--inverse.lui-active { background-color: hsla(0, 0%, 100%, 0.1); transition: none; } .lui-fade-button--inverse.lui-disabled, .lui-fade-button--inverse[disabled] { color: hsla(0, 0%, 100%, 0.2); cursor: default; } .lui-fade-button--inverse.lui-disabled { pointer-events: none; } .lui-fade-button--info { color: rgba(63, 138, 179, 0.8); } .lui-fade-button--info.lui-focused, .lui-fade-button--info.lui-hovered, .lui-fade-button--info:active, .lui-fade-button--info:focus, .lui-fade-button--info:hover { color: #3f8ab3; } .lui-fade-button--info.lui-active { background-color: hsla(0, 0%, 100%, 0.1); transition: none; } .lui-fade-button--info.lui-disabled, .lui-fade-button--info[disabled] { color: rgba(63, 138, 179, 0.2); cursor: default; } .lui-fade-button--info.lui-disabled { pointer-events: none; } .lui-fade-button--success { color: rgba(0, 152, 69, 0.8); } .lui-fade-button--success.lui-focused, .lui-fade-button--success.lui-hovered, .lui-fade-button--success:active, .lui-fade-button--success:focus, .lui-fade-button--success:hover { color: #009845; } .lui-fade-button--success.lui-active { background-color: hsla(0, 0%, 100%, 0.1); transition: none; } .lui-fade-button--success.lui-disabled, .lui-fade-button--success[disabled] { color: rgba(0, 152, 69, 0.2); cursor: default; } .lui-fade-button--success.lui-disabled { pointer-events: none; } .lui-fade-button--warning { color: rgba(239, 150, 15, 0.8); } .lui-fade-button--warning.lui-focused, .lui-fade-button--warning.lui-hovered, .lui-fade-button--warning:active, .lui-fade-button--warning:focus, .lui-fade-button--warning:hover { color: #ef960f; } .lui-fade-button--warning.lui-active { background-color: hsla(0, 0%, 100%, 0.1); transition: none; } .lui-fade-button--warning.lui-disabled, .lui-fade-button--warning[disabled] { color: rgba(239, 150, 15, 0.2); cursor: default; } .lui-fade-button--warning.lui-disabled { pointer-events: none; } .lui-fade-button--danger { color: rgba(220, 66, 63, 0.8); } .lui-fade-button--danger.lui-focused, .lui-fade-button--danger.lui-hovered, .lui-fade-button--danger:active, .lui-fade-button--danger:focus, .lui-fade-button--danger:hover { color: #dc423f; } .lui-fade-button--danger.lui-active { background-color: hsla(0, 0%, 100%, 0.1); transition: none; } .lui-fade-button--danger.lui-disabled, .lui-fade-button--danger[disabled] { color: rgba(220, 66, 63, 0.2); cursor: default; } .lui-fade-button--danger.lui-disabled { pointer-events: none; } .lui-fade-button--large { height: 44px; width: 44px; font-size: 14px; } .lui-tabset { display: flex; height: 38px; width: 100%; overflow-y: auto; list-style: none; padding: 0; margin: 0; } .lui-tabset--large { height: 54px; } .lui-tab { display: flex; flex: 0 1 auto; border-bottom: 2px solid transparent; transition: background-color 50ms ease-out; min-width: 100px; max-width: 200px; height: 38px; min-height: 38px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; line-height: 36px; font-weight: 700; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; background-color: transparent; border-right: 1px solid rgba(0, 0, 0, 0.1); color: #595959; border-left-color: rgba(0, 0, 0, 0.1); } .lui-tab.lui-disabled, .lui-tab[disabled] { opacity: 0.6; cursor: default; pointer-events: none; } .lui-tab .lui-tab__text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1 1 auto; text-align: left; font-size: 13px; line-height: 36px; font-weight: 700; } .lui-tab .lui-tab__text--large { line-height: 52px; font-size: 14px; } .lui-tab .lui-tab__aside { margin-right: 0; padding: 3px; margin-left: 20px; font-size: 10px; line-height: normal; align-self: center; flex: 0 0 auto; } [dir="rtl"] .lui-tab .lui-tab { border-right: none; border-left-width: 1px; border-left-style: solid; text-align: right; } [dir="rtl"] .lui-tab .lui-tab .lui-tab__text { text-align: right; } [dir="rtl"] .lui-tab .lui-tab .lui-tab__aside { margin-right: 20px; margin-left: 0; } [dir="rtl"] .lui-tab .lui-tab .lui-tab-transclusion { justify-content: flex-start; } .lui-tab.lui-hovered, .lui-tab:hover { background-color: rgba(0, 0, 0, 0.03); } .lui-tab.lui-active, .lui-tab.lui-focused, .lui-tab:focus { background-color: #fff; border-bottom: 2px solid #ef960f; transition: none; } .lui-tab .lui-tab__text { color: #595959; } .lui-tab .lui-icon, .lui-tab .lui-tab__aside.lui-icon { color: rgba(89, 89, 89, 0.8); } .lui-tab .lui-tab__aside:hover { color: #595959; } .lui-tab--inverse { background-color: transparent; border-right: 1px solid hsla(0, 0%, 100%, 0.15); color: #fff; border-left-color: hsla(0, 0%, 100%, 0.15); } .lui-tab--inverse.lui-hovered, .lui-tab--inverse:hover { background-color: hsla(0, 0%, 100%, 0.1); } .lui-tab--inverse.lui-active, .lui-tab--inverse.lui-focused, .lui-tab--inverse:focus { background-color: hsla(0, 0%, 100%, 0.15); border-bottom: 2px solid #ef960f; transition: none; } .lui-tab--inverse .lui-tab__text { color: #fff; } .lui-tab--inverse .lui-icon, .lui-tab--inverse .lui-tab__aside.lui-icon { color: hsla(0, 0%, 100%, 0.8); } .lui-tab--inverse .lui-tab__aside:hover { color: #fff; } .lui-tab--large { height: 54px; padding-left: 14px; padding-right: 14px; } .lui-tabset--fill .lui-tab { max-width: none; min-width: 50px; flex: 1 1 auto; justify-content: center; width: 150px; } .lui-tabset--fill .lui-tab:last-child { border-right: none; } .lui-tabset--fill .lui-tab .lui-tab__text { flex: 0 1 auto; text-align: center; } .lui-tabset--fill .lui-tab__aside { margin-right: 0; margin-left: 10px; } [dir="rtl"] .lui-tabset--fill .lui-tabset--fill .lui-tab:last-child { border-left: none; } [dir="rtl"] .lui-tabset--fill .lui-tabset--fill .lui-tab .lui-tab__aside { margin-right: 10px; margin-left: 0; } .lui-checkbox { cursor: pointer; vertical-align: middle; position: relative; display: block; } .lui-checkbox__input { position: absolute; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; z-index: -1; } .lui-checkbox__check-text, .lui-checkbox__check-wrap { display: inline-block; vertical-align: middle; } .lui-checkbox__check-text { padding-left: 5px; } [dir="rtl"] .lui-checkbox__check-text { padding-left: unset; padding-right: 5px; } .lui-checkbox__check { display: inline-block; font-family: LUI icons; font-size: 16px; font-weight: 400; text-decoration: inherit; direction: ltr; box-sizing: border-box; border-radius: 3px; vertical-align: middle; text-transform: none; width: 22px; height: 22px; line-height: 20px; font-size: 14px; font-style: normal; text-align: center; border: 1px solid; } .lui-checkbox__input:checked + .lui-checkbox__check-wrap .lui-checkbox__check:after { content: "m"; } .lui-checkbox__input:indeterminate + .lui-checkbox__check-wrap .lui-checkbox__check:after { content: "\2013"; } .lui-checkbox.lui-disabled, .lui-checkbox__input:disabled + .lui-checkbox__check-wrap { cursor: default; } .lui-checkbox .lui-checkbox__check { border-color: #ccc; background: #fff; color: #fff; transition: border-color 0.2s ease-out; } .lui-checkbox .lui-checkbox__check-text { color: #595959; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .lui-checkbox .lui-checkbox__input:checked + .lui-checkbox__check-wrap .lui-checkbox__check, .lui-checkbox .lui-checkbox__input:indeterminate + .lui-checkbox__check-wrap .lui-checkbox__check { background: #ffc629; border-color: transparent; } .lui-checkbox.lui-checkbox.lui-checkbox.lui-active .lui-checkbox__check, .lui-checkbox.lui-checkbox.lui-checkbox .lui-checkbox__check:active, .lui-checkbox.lui-checkbox.lui-checkbox:active .lui-checkbox__check { background: #595959; border-color: transparent; } .lui-checkbox.lui-checkbox.lui-checkbox.lui-hovered .lui-checkbox__check, .lui-checkbox.lui-checkbox.lui-checkbox:hover .lui-checkbox__check { border-color: #595959; } .lui-checkbox.lui-checkbox.lui-checkbox.lui-focused .lui-checkbox__check, .lui-checkbox .lui-checkbox__input:focus + .lui-checkbox__check-wrap .lui-checkbox__check { border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-checkbox.lui-checkbox.lui-checkbox.lui-disabled .lui-checkbox__check, .lui-checkbox .lui-checkbox__input:disabled + .lui-checkbox__check-wrap .lui-checkbox__check { background: rgba(0, 0, 0, 0.1); border-color: transparent; color: #fff; } .lui-checkbox--inverse .lui-checkbox__check { border-color: hsla(0, 0%, 100%, 0.3); background: hsla(0, 0%, 100%, 0.3); color: #fff; transition: border-color 0.2s ease-out; } .lui-checkbox--inverse .lui-checkbox__check-text { color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .lui-checkbox--inverse .lui-checkbox__input:checked + .lui-checkbox__check-wrap .lui-checkbox__check, .lui-checkbox--inverse .lui-checkbox__input:indeterminate + .lui-checkbox__check-wrap .lui-checkbox__check { background: #ef960f; border-color: transparent; } .lui-checkbox--inverse.lui-checkbox--inverse.lui-checkbox--inverse.lui-active .lui-checkbox__check, .lui-checkbox--inverse.lui-checkbox--inverse.lui-checkbox--inverse .lui-checkbox__check:active, .lui-checkbox--inverse.lui-checkbox--inverse.lui-checkbox--inverse:active .lui-checkbox__check { background: rgba(0, 0, 0, 0.6); border-color: transparent; } .lui-checkbox--inverse.lui-checkbox--inverse.lui-checkbox--inverse.lui-hovered .lui-checkbox__check, .lui-checkbox--inverse.lui-checkbox--inverse.lui-checkbox--inverse:hover .lui-checkbox__check { border-color: #fff; } .lui-checkbox--inverse.lui-checkbox--inverse.lui-checkbox--inverse.lui-focused .lui-checkbox__check, .lui-checkbox--inverse .lui-checkbox__input:focus + .lui-checkbox__check-wrap .lui-checkbox__check { border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-checkbox--inverse.lui-checkbox--inverse.lui-checkbox--inverse.lui-disabled .lui-checkbox__check, .lui-checkbox--inverse .lui-checkbox__input:disabled + .lui-checkbox__check-wrap .lui-checkbox__check { background: hsla(0, 0%, 100%, 0.1); border-color: transparent; color: hsla(0, 0%, 100%, 0.2); } .lui-radiobutton { cursor: pointer; vertical-align: middle; position: relative; display: block; } .lui-radiobutton__input { position: absolute; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; z-index: -1; } .lui-radiobutton__radio-text, .lui-radiobutton__radio-wrap { display: inline-block; vertical-align: middle; } .lui-radiobutton__radio-text { padding-left: 5px; } [dir="rtl"] .lui-radiobutton__radio-text { padding-left: unset; padding-right: 5px; } .lui-radiobutton__radio { box-sizing: border-box; border-radius: 11px; display: inline-block; position: relative; vertical-align: middle; width: 22px; height: 22px; border-width: 1px; border-style: solid; } .lui-radiobutton__radio:after { box-sizing: border-box; content: ""; width: 10px; height: 10px; border-radius: 5px; position: absolute; top: 5px; left: 5px; } .lui-radiobutton .lui-radiobutton__radio { border-color: #ccc; background: #fff; transition: border-color 0.2s ease-out; } .lui-radiobutton .lui-radiobutton__radio-text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color: #595959; } .lui-radiobutton .lui-radiobutton__input:checked + .lui-radiobutton__radio-wrap .lui-radiobutton__radio { background: #ffc629; border-color: transparent; } .lui-radiobutton .lui-radiobutton__input:checked + .lui-radiobutton__radio-wrap .lui-radiobutton__radio:after { background-color: #fff; } .lui-radiobutton.lui-radiobutton.lui-radiobutton.lui-active .lui-radiobutton__radio, .lui-radiobutton.lui-radiobutton.lui-radiobutton .lui-radiobutton__radio:active, .lui-radiobutton.lui-radiobutton.lui-radiobutton:active .lui-radiobutton__radio { background: #595959; border-color: transparent; } .lui-radiobutton.lui-radiobutton.lui-radiobutton.lui-hovered .lui-radiobutton__radio, .lui-radiobutton.lui-radiobutton.lui-radiobutton:hover .lui-radiobutton__radio { border-color: #595959; } .lui-radiobutton.lui-radiobutton.lui-radiobutton.lui-focused .lui-radiobutton__radio, .lui-radiobutton .lui-radiobutton__input:focus + .lui-radiobutton__radio-wrap .lui-radiobutton__radio { border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-radiobutton.lui-radiobutton.lui-radiobutton.lui-disabled .lui-radiobutton__radio, .lui-radiobutton .lui-radiobutton__input:disabled + .lui-radiobutton__radio-wrap .lui-radiobutton__radio { background: rgba(0, 0, 0, 0.1); border-color: transparent; } .lui-radiobutton.lui-disabled .lui-radiobutton__input:checked + .lui-radiobutton__radio-wrap .lui-radiobutton__radio:after, .lui-radiobutton .lui-radiobutton__input:disabled:checked + .lui-radiobutton__radio-wrap .lui-radiobutton__radio:after { background-color: #fff; } .lui-radiobutton.lui-disabled .lui-radiobutton__radio-wrap, .lui-radiobutton .lui-radiobutton__input:disabled + .lui-radiobutton__radio-wrap { cursor: default; } .lui-radiobutton--inverse .lui-radiobutton__radio { border-color: transparent; background: hsla(0, 0%, 100%, 0.3); transition: border-color 0.2s ease-out; } .lui-radiobutton--inverse .lui-radiobutton__radio-text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color: #fff; } .lui-radiobutton--inverse .lui-radiobutton__input:checked + .lui-radiobutton__radio-wrap .lui-radiobutton__radio { background: #ef960f; border-color: transparent; } .lui-radiobutton--inverse .lui-radiobutton__input:checked + .lui-radiobutton__radio-wrap .lui-radiobutton__radio:after { background-color: #fff; } .lui-radiobutton--inverse.lui-radiobutton--inverse.lui-radiobutton--inverse.lui-active .lui-radiobutton__radio, .lui-radiobutton--inverse.lui-radiobutton--inverse.lui-radiobutton--inverse .lui-radiobutton__radio:active, .lui-radiobutton--inverse.lui-radiobutton--inverse.lui-radiobutton--inverse:active .lui-radiobutton__radio { background: rgba(0, 0, 0, 0.6); border-color: transparent; } .lui-radiobutton--inverse.lui-radiobutton--inverse.lui-radiobutton--inverse.lui-hovered .lui-radiobutton__radio, .lui-radiobutton--inverse.lui-radiobutton--inverse.lui-radiobutton--inverse:hover .lui-radiobutton__radio { border-color: #fff; } .lui-radiobutton--inverse.lui-radiobutton--inverse.lui-radiobutton--inverse.lui-focused .lui-radiobutton__radio, .lui-radiobutton--inverse .lui-radiobutton__input:focus + .lui-radiobutton__radio-wrap .lui-radiobutton__radio { border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-radiobutton--inverse.lui-radiobutton--inverse.lui-radiobutton--inverse.lui-disabled .lui-radiobutton__radio, .lui-radiobutton--inverse .lui-radiobutton__input:disabled + .lui-radiobutton__radio-wrap .lui-radiobutton__radio { background: hsla(0, 0%, 100%, 0.1); border-color: transparent; } .lui-radiobutton--inverse.lui-disabled .lui-radiobutton__input:checked + .lui-radiobutton__radio-wrap .lui-radiobutton__radio:after, .lui-radiobutton--inverse .lui-radiobutton__input:disabled:checked + .lui-radiobutton__radio-wrap .lui-radiobutton__radio:after { background-color: hsla(0, 0%, 100%, 0.2); } .lui-radiobutton--inverse.lui-disabled .lui-radiobutton__radio-wrap, .lui-radiobutton--inverse .lui-radiobutton__input:disabled + .lui-radiobutton__radio-wrap { cursor: default; } .lui-select { box-sizing: border-box; border: 1px solid; height: 28px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 24px; padding: 1px 30px 1px 10px; min-width: 44px; position: relative; display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 700; -webkit-appearance: none; -moz-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; background-clip: border-box; border-radius: 3px; outline: none; cursor: pointer; transition: border-color 0.2s ease-out; background-size: 10px 7px, auto auto; background-origin: border-box, padding-box; background-repeat: no-repeat, no-repeat; background-position: right 11px top 50%, 0 0; } .lui-select::-moz-focus-inner { border: 0; } .lui-select::-ms-expand { display: none; } .lui-select.lui-active, .lui-select:active { background-size: 10px 7px, auto auto; background-origin: border-box; background-repeat: no-repeat; background-position: right 11px top 50%; } .lui-select.lui-disabled, .lui-select[disabled] { cursor: default; background-size: 8px 5.5px, auto auto; background-origin: border-box, padding-box; background-repeat: no-repeat, no-repeat; background-position: right 10px top 50%, 0 0; } .lui-select optgroup, .lui-select option { color: #595959; background: #fff; } .lui-select option { font-weight: 400; padding: 1px 9px; } .lui-select { color: #595959; border-color: #b3b3b3; background-color: transparent; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0EyMDI0MDUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0EyMDI0MTUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzRDI2NjA5NTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzRDI2NjBBNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+W6bLaAAAAKBJREFUeNpijIyMFGRgYJgJxCCaEvAeiNNZoIzVQLyKQgPDli1b9p4JygEZWEGBYRVAw0BmMDAhCXYC8R4yDNsDNKwTxmFCdzYQ3yPBsHtQPQy4DHyProCYcMNnIAicJTI8K6BqGQgZCAvPWXgMmwVVw0CsgThdQMgHTIQSKpTGJ0a0gdhcg8vVcMBCROCDwksJic1AqYGwSHpPjEKAAAMA3kgpizEmuD8AAAAASUVORK5CYII="), linear-gradient(180deg, transparent, transparent); } .lui-select.lui-hovered, .lui-select:hover { border-color: #666; } .lui-select.lui-active, .lui-select:active { color: #fff; border-color: transparent; background-color: rgba(0, 0, 0, 0.65); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozM0QyNjYwNzUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozM0QyNjYwODUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzRDI2NjA1NTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzRDI2NjA2NTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TyNpegAAAJpJREFUeNqk028JgDAQBfATLLAKVjCLFWaEZZlVrGAFK2iEeU8cHGN/3cFjftj9kAcbnHOKiCwHZ8/cnJUYRBbXPzDIg4jpwIx3JIjsP7BdGiGoOGcDdn47SRCZG8A53I+BtX2a2G4KRGwGs6m9HIhujgh2hL3Vgr7PS2BXrLcWENEC1KX7Y8WT2jiT+M7O8P5medT3VovzCDAAHQ/AEpCPfhwAAAAASUVORK5CYII="); } .lui-select.lui-focused, .lui-select:focus { border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-select.lui-focused::-ms-value, .lui-select:focus::-ms-value { background: none; color: #595959; } .lui-select.lui-disabled, .lui-select[disabled] { border: 1px solid #b3b3b3; color: #bfbfbf; background-color: transparent; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozM0QyNjYwMzUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozM0QyNjYwNDUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzRDI2NjAxNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzRDI2NjAyNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+oBePfwAAAKBJREFUeNpi3L9/vyADA8NMIAbRlID3QJzOAmWsBuJVFBoY5uDg8J4JygEZWEGBYRVAw0BmMDAhCXYC8R4yDNsDNKwTxmFCdzYQ3yPBsHtQPQy4DHyProCYcMNnIAicJTI8K6BqGQgZCAvPWXgMmwVVw0CsgThdQMgHTIQSKpTGJ0a0gdhcg8vVcMBCROCDwksJic1AqYGwSHpPjEKAAAMAnKUl9RWLJ8UAAAAASUVORK5CYII="), linear-gradient(180deg, transparent, transparent); } .lui-select--inverse { color: #fff; border-color: #a6a6a6; background-color: transparent; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozM0QyNjYwNzUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozM0QyNjYwODUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzRDI2NjA1NTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzRDI2NjA2NTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TyNpegAAAJpJREFUeNqk028JgDAQBfATLLAKVjCLFWaEZZlVrGAFK2iEeU8cHGN/3cFjftj9kAcbnHOKiCwHZ8/cnJUYRBbXPzDIg4jpwIx3JIjsP7BdGiGoOGcDdn47SRCZG8A53I+BtX2a2G4KRGwGs6m9HIhujgh2hL3Vgr7PS2BXrLcWENEC1KX7Y8WT2jiT+M7O8P5medT3VovzCDAAHQ/AEpCPfhwAAAAASUVORK5CYII="), linear-gradient(180deg, transparent, transparent); } .lui-select--inverse.lui-hovered, .lui-select--inverse:hover { border-color: #f2f2f2; } .lui-select--inverse.lui-active, .lui-select--inverse:active { color: #fff; border-color: transparent; background-color: rgba(0, 0, 0, 0.65); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozM0QyNjYwNzUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozM0QyNjYwODUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzRDI2NjA1NTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzRDI2NjA2NTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TyNpegAAAJpJREFUeNqk028JgDAQBfATLLAKVjCLFWaEZZlVrGAFK2iEeU8cHGN/3cFjftj9kAcbnHOKiCwHZ8/cnJUYRBbXPzDIg4jpwIx3JIjsP7BdGiGoOGcDdn47SRCZG8A53I+BtX2a2G4KRGwGs6m9HIhujgh2hL3Vgr7PS2BXrLcWENEC1KX7Y8WT2jiT+M7O8P5medT3VovzCDAAHQ/AEpCPfhwAAAAASUVORK5CYII="); } .lui-select--inverse.lui-focused, .lui-select--inverse:focus { border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-select--inverse.lui-focused::-ms-value, .lui-select--inverse:focus::-ms-value { background: none; color: #fff; } .lui-select--inverse.lui-disabled, .lui-select--inverse[disabled] { border: 1px solid #a6a6a6; color: #999; background-color: transparent; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozM0QyNjYwMzUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozM0QyNjYwNDUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzRDI2NjAxNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzRDI2NjAyNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+oBePfwAAAKBJREFUeNpi3L9/vyADA8NMIAbRlID3QJzOAmWsBuJVFBoY5uDg8J4JygEZWEGBYRVAw0BmMDAhCXYC8R4yDNsDNKwTxmFCdzYQ3yPBsHtQPQy4DHyProCYcMNnIAicJTI8K6BqGQgZCAvPWXgMmwVVw0CsgThdQMgHTIQSKpTGJ0a0gdhcg8vVcMBCROCDwksJic1AqYGwSHpPjEKAAAMAnKUl9RWLJ8UAAAAASUVORK5CYII="), linear-gradient(180deg, transparent, transparent); } .lui-select--gradient, .lui-select--toolbar { color: #595959; border-color: rgba(0, 0, 0, 0.2); background-color: #e6e6e6; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4Q0EyMDI0MDUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4Q0EyMDI0MTUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzRDI2NjA5NTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzRDI2NjBBNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+W6bLaAAAAKBJREFUeNpijIyMFGRgYJgJxCCaEvAeiNNZoIzVQLyKQgPDli1b9p4JygEZWEGBYRVAw0BmMDAhCXYC8R4yDNsDNKwTxmFCdzYQ3yPBsHtQPQy4DHyProCYcMNnIAicJTI8K6BqGQgZCAvPWXgMmwVVw0CsgThdQMgHTIQSKpTGJ0a0gdhcg8vVcMBCROCDwksJic1AqYGwSHpPjEKAAAMA3kgpizEmuD8AAAAASUVORK5CYII="), linear-gradient(180deg, #fff, #e6e6e6); } .lui-select--gradient.lui-hovered, .lui-select--gradient:hover, .lui-select--toolbar.lui-hovered, .lui-select--toolbar:hover { border-color: rgba(0, 0, 0, 0.6); } .lui-select--gradient.lui-active, .lui-select--gradient:active, .lui-select--toolbar.lui-active, .lui-select--toolbar:active { color: #fff; border-color: transparent; background-color: rgba(0, 0, 0, 0.65); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozM0QyNjYwNzUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozM0QyNjYwODUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzRDI2NjA1NTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzRDI2NjA2NTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TyNpegAAAJpJREFUeNqk028JgDAQBfATLLAKVjCLFWaEZZlVrGAFK2iEeU8cHGN/3cFjftj9kAcbnHOKiCwHZ8/cnJUYRBbXPzDIg4jpwIx3JIjsP7BdGiGoOGcDdn47SRCZG8A53I+BtX2a2G4KRGwGs6m9HIhujgh2hL3Vgr7PS2BXrLcWENEC1KX7Y8WT2jiT+M7O8P5medT3VovzCDAAHQ/AEpCPfhwAAAAASUVORK5CYII="); } .lui-select--gradient.lui-focused, .lui-select--gradient:focus, .lui-select--toolbar.lui-focused, .lui-select--toolbar:focus { border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-select--gradient.lui-focused::-ms-value, .lui-select--gradient:focus::-ms-value, .lui-select--toolbar.lui-focused::-ms-value, .lui-select--toolbar:focus::-ms-value { background: none; color: #595959; } .lui-select--gradient.lui-disabled, .lui-select--gradient[disabled], .lui-select--toolbar.lui-disabled, .lui-select--toolbar[disabled] { border: 1px solid rgba(0, 0, 0, 0.2); color: #bfbfbf; background-color: #e6e6e6; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozM0QyNjYwMzUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozM0QyNjYwNDUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzRDI2NjAxNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzRDI2NjAyNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+oBePfwAAAKBJREFUeNpi3L9/vyADA8NMIAbRlID3QJzOAmWsBuJVFBoY5uDg8J4JygEZWEGBYRVAw0BmMDAhCXYC8R4yDNsDNKwTxmFCdzYQ3yPBsHtQPQy4DHyProCYcMNnIAicJTI8K6BqGQgZCAvPWXgMmwVVw0CsgThdQMgHTIQSKpTGJ0a0gdhcg8vVcMBCROCDwksJic1AqYGwSHpPjEKAAAMAnKUl9RWLJ8UAAAAASUVORK5CYII="), linear-gradient(180deg, #fff, #e6e6e6); } .lui-select--gradient-inverse, .lui-select--toolbar-inverse { color: #fff; border-color: rgba(0, 0, 0, 0.6); background-color: #4d4d4d; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozM0QyNjYwNzUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozM0QyNjYwODUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzRDI2NjA1NTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzRDI2NjA2NTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TyNpegAAAJpJREFUeNqk028JgDAQBfATLLAKVjCLFWaEZZlVrGAFK2iEeU8cHGN/3cFjftj9kAcbnHOKiCwHZ8/cnJUYRBbXPzDIg4jpwIx3JIjsP7BdGiGoOGcDdn47SRCZG8A53I+BtX2a2G4KRGwGs6m9HIhujgh2hL3Vgr7PS2BXrLcWENEC1KX7Y8WT2jiT+M7O8P5medT3VovzCDAAHQ/AEpCPfhwAAAAASUVORK5CYII="), linear-gradient(180deg, #666, #4d4d4d); } .lui-select--gradient-inverse.lui-hovered, .lui-select--gradient-inverse:hover, .lui-select--toolbar-inverse.lui-hovered, .lui-select--toolbar-inverse:hover { border-color: rgba(0, 0, 0, 0.8); } .lui-select--gradient-inverse.lui-active, .lui-select--gradient-inverse:active, .lui-select--toolbar-inverse.lui-active, .lui-select--toolbar-inverse:active { color: #fff; border-color: transparent; background-color: rgba(0, 0, 0, 0.65); background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozM0QyNjYwNzUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozM0QyNjYwODUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzRDI2NjA1NTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzRDI2NjA2NTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+TyNpegAAAJpJREFUeNqk028JgDAQBfATLLAKVjCLFWaEZZlVrGAFK2iEeU8cHGN/3cFjftj9kAcbnHOKiCwHZ8/cnJUYRBbXPzDIg4jpwIx3JIjsP7BdGiGoOGcDdn47SRCZG8A53I+BtX2a2G4KRGwGs6m9HIhujgh2hL3Vgr7PS2BXrLcWENEC1KX7Y8WT2jiT+M7O8P5medT3VovzCDAAHQ/AEpCPfhwAAAAASUVORK5CYII="); } .lui-select--gradient-inverse.lui-focused, .lui-select--gradient-inverse:focus, .lui-select--toolbar-inverse.lui-focused, .lui-select--toolbar-inverse:focus { border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-select--gradient-inverse.lui-focused::-ms-value, .lui-select--gradient-inverse:focus::-ms-value, .lui-select--toolbar-inverse.lui-focused::-ms-value, .lui-select--toolbar-inverse:focus::-ms-value { background: none; color: #fff; } .lui-select--gradient-inverse.lui-disabled, .lui-select--gradient-inverse[disabled], .lui-select--toolbar-inverse.lui-disabled, .lui-select--toolbar-inverse[disabled] { border: 1px solid rgba(0, 0, 0, 0.6); color: hsla(0, 0%, 100%, 0.2); background-color: #4d4d4d; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozM0QyNjYwMzUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozM0QyNjYwNDUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzRDI2NjAxNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzRDI2NjAyNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+oBePfwAAAKBJREFUeNpi3L9/vyADA8NMIAbRlID3QJzOAmWsBuJVFBoY5uDg8J4JygEZWEGBYRVAw0BmMDAhCXYC8R4yDNsDNKwTxmFCdzYQ3yPBsHtQPQy4DHyProCYcMNnIAicJTI8K6BqGQgZCAvPWXgMmwVVw0CsgThdQMgHTIQSKpTGJ0a0gdhcg8vVcMBCROCDwksJic1AqYGwSHpPjEKAAAMAnKUl9RWLJ8UAAAAASUVORK5CYII="), linear-gradient(180deg, #666, #4d4d4d); } .lui-select--large { height: 38px; font-size: 14px; padding: 1px 30px 1px 14px; } .lui-switch { vertical-align: middle; position: relative; max-width: 40px; min-width: 40px; height: 22px; padding-top: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; box-sizing: border-box; } .lui-switch__checkbox { position: absolute; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; z-index: -1; } .lui-switch__label { box-sizing: border-box; height: 12px; display: block; overflow: hidden; cursor: pointer; border-width: 1px; border-style: solid; border-radius: 11px; } .lui-switch__inner { display: inline-block; width: 200%; margin-left: -100%; } [dir="rtl"] .lui-switch__inner { margin-left: unset; margin-right: -100%; } .lui-switch__inner:after, .lui-switch__inner:before { float: left; width: 50%; height: 22px; padding: 0; font-size: 12px; } [dir="rtl"] .lui-switch__inner:after, [dir="rtl"] .lui-switch__inner:before { float: right; } .lui-switch__switch { box-sizing: border-box; background-clip: padding-box; border-radius: 12px; width: 24px; height: 24px; position: absolute; top: -1px; right: 19px; border-width: 1px; border-style: solid; } [dir="rtl"] .lui-switch__switch { left: 19px; right: unset; } .lui-switch__checkbox:checked + .lui-switch__wrap .lui-switch__inner { margin-left: 0; } [dir="rtl"] .lui-switch__checkbox:checked + .lui-switch__wrap .lui-switch__inner { margin-right: 0; } .lui-switch__checkbox:checked + .lui-switch__wrap .lui-switch__switch { right: -1px; } [dir="rtl"] .lui-switch__checkbox:checked + .lui-switch__wrap .lui-switch__switch { left: -1px; right: unset; } .lui-switch__inner:before { content: ""; } .lui-switch__inner:after { content: ""; text-align: right; } [dir="rtl"] .lui-switch__inner:after { text-align: left; } .lui-switch .lui-switch__label { border-color: #ccc; } .lui-switch .lui-switch__switch { border-color: #ccc; background-color: #e6e6e6; background-image: linear-gradient(180deg, #fff, #e6e6e6); transition: border-color 0.2s ease-out; } .lui-switch .lui-switch__inner:after { background: #fff; } .lui-switch .lui-switch__inner:before { background: #ffc629; } .lui-switch.lui-checked .lui-switch__label { border-color: transparent; } .lui-switch.lui-active .lui-switch__inner:after, .lui-switch.lui-active .lui-switch__inner:before, .lui-switch:active .lui-switch__inner:after, .lui-switch:active .lui-switch__inner:before { background-color: #595959; } .lui-switch.lui-focused .lui-switch__checkbox + .lui-switch__wrap .lui-switch__switch, .lui-switch .lui-switch__checkbox:focus + .lui-switch__wrap .lui-switch__switch { border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-switch.lui-hovered .lui-switch__switch, .lui-switch:hover .lui-switch__switch { border-color: #595959; } .lui-switch.lui-disabled .lui-switch__inner:after, .lui-switch.lui-disabled .lui-switch__inner:before, .lui-switch[disabled] .lui-switch__inner:after, .lui-switch[disabled] .lui-switch__inner:before { background: #e6e6e6; } .lui-switch.lui-disabled:hover .lui-switch__switch, .lui-switch[disabled]:hover .lui-switch__switch { border-color: #ccc; } .lui-switch--inverse .lui-switch__label { border-color: transparent; } .lui-switch--inverse .lui-switch__switch { border-color: rgba(0, 0, 0, 0.1); background-color: #e6e6e6; background-image: linear-gradient(180deg, #fff, #e6e6e6); transition: border-color 0.2s ease-out; } .lui-switch--inverse .lui-switch__inner:after { background: hsla(0, 0%, 100%, 0.3); } .lui-switch--inverse .lui-switch__inner:before { background: #ef960f; } .lui-switch--inverse.lui-checked .lui-switch__label { border-color: transparent; } .lui-switch--inverse.lui-active .lui-switch__inner:after, .lui-switch--inverse.lui-active .lui-switch__inner:before, .lui-switch--inverse:active .lui-switch__inner:after, .lui-switch--inverse:active .lui-switch__inner:before { background-color: rgba(0, 0, 0, 0.6); } .lui-switch--inverse.lui-focused .lui-switch__checkbox + .lui-switch__wrap .lui-switch__switch, .lui-switch--inverse .lui-switch__checkbox:focus + .lui-switch__wrap .lui-switch__switch { border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-switch--inverse.lui-hovered .lui-switch__switch, .lui-switch--inverse:hover .lui-switch__switch { border-color: #000; } .lui-switch--inverse.lui-disabled .lui-switch__inner:after, .lui-switch--inverse.lui-disabled .lui-switch__inner:before, .lui-switch--inverse[disabled] .lui-switch__inner:after, .lui-switch--inverse[disabled] .lui-switch__inner:before { background: hsla(0, 0%, 100%, 0.1); } .lui-switch--inverse.lui-disabled:hover .lui-switch__switch, .lui-switch--inverse[disabled]:hover .lui-switch__switch { border-color: rgba(0, 0, 0, 0.1); } .lui-input { vertical-align: middle; width: 100%; height: 28px; display: block; outline: none; font-size: 13px; padding: 3px 6px; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; box-shadow: none; transition: border-color 0.2s ease-out; color: #595959; background-color: #fff; border: 1px solid #b3b3b3; } .lui-input::-webkit-input-placeholder { color: rgba(89, 89, 89, 0.6); font-style: normal; text-overflow: ellipsis !important; } .lui-input::-moz-placeholder { color: rgba(89, 89, 89, 0.6); font-style: normal; text-overflow: ellipsis; } .lui-input:-ms-input-placeholder { color: rgba(89, 89, 89, 0.6); font-style: normal; } .lui-input.lui-hovered, .lui-input:hover { border-color: #666; } .lui-input.lui-invalid { border-color: #dc423f; } .lui-input.lui-focused, .lui-input:focus { border: 1px solid #3f8ab3; transition: none; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); } .lui-input.lui-focused.lui-invalid, .lui-input:focus.lui-invalid { border: 1px solid #dc423f; } .lui-input.lui-disabled, .lui-input[disabled] { color: rgba(89, 89, 89, 0.8); opacity: 1; -webkit-text-fill-color: rgba(89, 89, 89, 0.8); background-color: #e6e6e6; border-color: #b3b3b3; } .lui-input--inverse { color: #fff; background-color: hsla(0, 0%, 100%, 0.3); border-color: transparent; } .lui-input--inverse::-webkit-input-placeholder { color: hsla(0, 0%, 100%, 0.6); font-style: normal; text-overflow: ellipsis !important; } .lui-input--inverse::-moz-placeholder { color: hsla(0, 0%, 100%, 0.6); font-style: normal; text-overflow: ellipsis; } .lui-input--inverse:-ms-input-placeholder { color: hsla(0, 0%, 100%, 0.6); font-style: normal; } .lui-input--inverse.lui-hovered, .lui-input--inverse:hover { border-color: #fff; } .lui-input--inverse.lui-invalid { border-color: #dc423f; } .lui-input--inverse.lui-focused, .lui-input--inverse:focus { border: 1px solid #3f8ab3; transition: none; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); } .lui-input--inverse.lui-focused.lui-invalid, .lui-input--inverse:focus.lui-invalid { border: 1px solid #dc423f; } .lui-input--inverse.lui-disabled, .lui-input--inverse[disabled] { color: #bfbfbf; opacity: 1; -webkit-text-fill-color: #bfbfbf; background-color: #b3b3b3; border-color: transparent; } .lui-input--large { height: 38px; padding: 10px; font-size: 16px; } .lui-input-group { vertical-align: middle; height: 28px; width: 100%; outline: none; box-sizing: border-box; display: flex; font-size: 0; } .lui-input-group .lui-input-group__item { box-sizing: border-box; flex: 0 0 auto; margin: 0; border-radius: 0; } .lui-input-group .lui-input-group__item.lui-invalid, .lui-input-group .lui-input-group__item:invalid { z-index: 1; } .lui-input-group .lui-input-group__item.lui-active, .lui-input-group .lui-input-group__item.lui-focused, .lui-input-group .lui-input-group__item.lui-hovered { z-index: 2; } .lui-input-group .lui-input-group__item:active, .lui-input-group .lui-input-group__item:hover { z-index: 3; } .lui-input-group .lui-input-group__item:focus { z-index: 4; } .lui-input-group .lui-input-group__item:first-child { border-radius: 3px 0 0 3px; } .lui-input-group .lui-input-group__item:last-child { border-radius: 0 3px 3px 0; } .lui-input-group .lui-input-group__item:not(:last-child) { margin-right: -1px; } [dir="rtl"] .lui-input-group .lui-input-group__item:first-child { border-radius: 0 3px 3px 0; } [dir="rtl"] .lui-input-group .lui-input-group__item:last-child { border-radius: 3px 0 0 3px; } [dir="rtl"] .lui-input-group .lui-input-group__item:not(:last-child) { margin-right: 0; margin-left: -1px; } .lui-input-group .lui-input-group__input { min-width: 44px; flex: 1 1 auto; } .lui-input-group .lui-input-group__button { color: #595959; background-color: #fff; border-color: #b3b3b3; transition: border-color 0.2s ease-out; } .lui-input-group .lui-input-group__button.lui-hovered, .lui-input-group .lui-input-group__button:hover { border-color: #666; } .lui-input-group .lui-input-group__button.lui-active, .lui-input-group .lui-input-group__button:active { color: #fff; background-color: rgba(0, 0, 0, 0.65); border-color: transparent; box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25); } .lui-input-group .lui-input-group__button.lui-disabled, .lui-input-group .lui-input-group__button[disabled] { opacity: 0.6; cursor: default; border-color: #b3b3b3; } .lui-input-group .lui-input-group__button.lui-disabled { pointer-events: none; } .lui-input-group .lui-input-group__button.lui-focused, .lui-input-group .lui-input-group__button:focus { border: 1px solid #3f8ab3; transition: none; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); } .lui-input-group .lui-input-group__button.lui-focused.lui-active, .lui-input-group .lui-input-group__button.lui-focused:active, .lui-input-group .lui-input-group__button:focus.lui-active, .lui-input-group .lui-input-group__button:focus:active { box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25); } .lui-input-group .lui-input-group__input { color: #595959; } .lui-input-group--inverse .lui-input-group__button { color: hsla(0, 0%, 100%, 0.6); background-color: hsla(0, 0%, 100%, 0.3); border-color: transparent; transition: border-color 0.2s ease-out; } .lui-input-group--inverse .lui-input-group__button.lui-hovered, .lui-input-group--inverse .lui-input-group__button:hover { border-color: #fff; } .lui-input-group--inverse .lui-input-group__button.lui-active, .lui-input-group--inverse .lui-input-group__button:active { color: #fff; background-color: rgba(0, 0, 0, 0.65); border-color: transparent; box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25); } .lui-input-group--inverse .lui-input-group__button.lui-disabled, .lui-input-group--inverse .lui-input-group__button[disabled] { opacity: 0.6; cursor: default; border-color: transparent; } .lui-input-group--inverse .lui-input-group__button.lui-disabled { pointer-events: none; } .lui-input-group--inverse .lui-input-group__button.lui-focused, .lui-input-group--inverse .lui-input-group__button:focus { border: 1px solid #3f8ab3; transition: none; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); } .lui-input-group--inverse .lui-input-group__button.lui-focused.lui-active, .lui-input-group--inverse .lui-input-group__button.lui-focused:active, .lui-input-group--inverse .lui-input-group__button:focus.lui-active, .lui-input-group--inverse .lui-input-group__button:focus:active { box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25); } .lui-input-group--inverse .lui-input-group__input { color: #fff; } .lui-overlay-button { vertical-align: middle; height: 38px; padding: 0 16px; min-width: 38px; font-size: 13px; font-weight: 700; text-decoration: none; line-height: 24px; position: relative; outline: none; cursor: pointer; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border-radius: 19px; color: #fff; background-color: rgba(0, 0, 0, 0.4); border: 2px solid hsla(0, 0%, 100%, 0.7); transition: all 0.2s ease-out; } .lui-overlay-button::-moz-focus-inner { border: 0; padding: 0; } .lui-overlay-button__caret:after { vertical-align: top; margin-bottom: -1px; padding-top: 1px; } .lui-overlay-button__caret, .lui-overlay-button__icon, .lui-overlay-button__text { display: inline-block; vertical-align: top; } .lui-overlay-button__caret:not(:only-child), .lui-overlay-button__icon:not(:only-child), .lui-overlay-button__text:not(:only-child) { margin-left: 5px; margin-right: 5px; } .lui-overlay-button__caret:not(:only-child):first-child, .lui-overlay-button__icon:not(:only-child):first-child, .lui-overlay-button__text:not(:only-child):first-child { min-width: 6px; margin-left: -6px; } [dir="rtl"] .lui-overlay-button__caret:not(:only-child):first-child, [dir="rtl"] .lui-overlay-button__icon:not(:only-child):first-child, [dir="rtl"] .lui-overlay-button__text:not(:only-child):first-child { margin-left: 5px; margin-right: -6px; } .lui-overlay-button__caret:not(:only-child):last-child, .lui-overlay-button__icon:not(:only-child):last-child, .lui-overlay-button__text:not(:only-child):last-child { min-width: 6px; margin-right: -6px; } [dir="rtl"] .lui-overlay-button__caret:not(:only-child):last-child, [dir="rtl"] .lui-overlay-button__icon:not(:only-child):last-child, [dir="rtl"] .lui-overlay-button__text:not(:only-child):last-child { margin-left: -6px; margin-right: 5px; } .lui-overlay-button__text + .lui-overlay-button__caret:last-child { margin-left: 15px; margin-right: -6px; } [dir="rtl"] .lui-overlay-button__text + .lui-overlay-button__caret:last-child { margin-left: -6px; margin-right: 15px; } .lui-overlay-button__caret:only-child, .lui-overlay-button__icon:only-child { margin-left: -6px; margin-right: -6px; margin-left: -8px; margin-right: -8px; min-width: 18px; } .lui-overlay-button.lui-hovered, .lui-overlay-button:hover { background-color: rgba(0, 0, 0, 0.6); border-color: #fff; } .lui-overlay-button.lui-active, .lui-overlay-button:active { color: #fff; background-color: rgba(0, 0, 0, 0.65); border-color: transparent; box-shadow: 0 1px 0 hsla(0, 0%, 100%, 0.25); } .lui-overlay-button.lui-focused, .lui-overlay-button:focus { border: 2px solid #3f8ab3; box-shadow: none; transition: none; } .lui-overlay-button.lui-disabled, .lui-overlay-button[disabled] { color: #999; border-color: hsla(0, 0%, 100%, 0.7); background-color: rgba(0, 0, 0, 0.4); cursor: default; box-shadow: none; } .lui-overlay-button.lui-disabled { pointer-events: none; } .lui-overlay-button--block { width: 100%; padding-left: 40px; padding-right: 40px; white-space: nowrap; } .lui-overlay-button--block.lui-overlay-button--block.lui-overlay-button--block .lui-overlay-button__caret, .lui-overlay-button--block.lui-overlay-button--block.lui-overlay-button--block .lui-overlay-button__icon, .lui-overlay-button--block.lui-overlay-button--block.lui-overlay-button--block .lui-overlay-button__text { margin-left: 0; margin-right: 0; min-width: unset; } .lui-overlay-button--block .lui-overlay-button__text { text-overflow: ellipsis; display: inline-block; white-space: nowrap; overflow: hidden; width: 100%; vertical-align: top; } .lui-overlay-button--block .lui-overlay-button__caret:not(:only-child):first-child, .lui-overlay-button--block .lui-overlay-button__icon:not(:only-child):first-child { position: absolute; left: 10px; } [dir="rtl"].lui-overlay-button--block .lui-overlay-button__caret:not(:only-child):first-child, [dir="rtl"] .lui-overlay-button--block .lui-overlay-button__caret:not(:only-child):first-child, [dir="rtl"].lui-overlay-button--block .lui-overlay-button__icon:not(:only-child):first-child, [dir="rtl"] .lui-overlay-button--block .lui-overlay-button__icon:not(:only-child):first-child { left: auto; right: 10px; } .lui-overlay-button--block .lui-overlay-button__caret:not(:only-child):last-child, .lui-overlay-button--block .lui-overlay-button__icon:not(:only-child):last-child { position: absolute; right: 10px; } [dir="rtl"].lui-overlay-button--block .lui-overlay-button__caret:not(:only-child):last-child, [dir="rtl"] .lui-overlay-button--block .lui-overlay-button__caret:not(:only-child):last-child, [dir="rtl"].lui-overlay-button--block .lui-overlay-button__icon:not(:only-child):last-child, [dir="rtl"] .lui-overlay-button--block .lui-overlay-button__icon:not(:only-child):last-child { left: 10px; right: auto; } .lui-overlay-button--small { height: 26px; min-width: 26px; line-height: 20px; font-size: 12px; padding: 0 10px; } .lui-search { height: 38px; display: flex; align-items: center; box-sizing: border-box; background-color: #fff; } .lui-search, .lui-search .lui-search__input { color: #595959; } .lui-search .lui-search__input::-webkit-input-placeholder { color: rgba(89, 89, 89, 0.6); font-style: italic; text-overflow: ellipsis !important; } .lui-search .lui-search__input::-moz-placeholder { color: rgba(89, 89, 89, 0.6); font-style: italic; text-overflow: ellipsis; } .lui-search .lui-search__input:-ms-input-placeholder { color: rgba(89, 89, 89, 0.6); font-style: italic; } .lui-search .lui-search__clear-icon, .lui-search .lui-search__search-icon { color: #595959; } .lui-search .lui-search__clear-button { color: rgba(89, 89, 89, 0.8); } .lui-search .lui-search__clear-button:active, .lui-search .lui-search__clear-button:focus, .lui-search .lui-search__clear-button:hover { color: #595959; } .lui-search__input { height: 38px; width: 100%; min-width: 0; padding: 0; border: none; background: transparent; color: inherit; font-size: 13px; outline: 0; flex: 1 1 auto; box-shadow: none; border-radius: 0; box-sizing: border-box; } .lui-search__input::-ms-clear { display: none; } .lui-search__clear-button { flex: 0 0 32px; text-align: center; height: 100%; background-color: transparent; border: none; cursor: pointer; outline: none; transition: color 0.2s ease-out; } .lui-search__clear-button::-moz-focus-inner { border: 0; padding: 0; } .lui-search__clear-icon { display: inline-block; font-family: LUI icons; font-size: 16px; font-weight: 400; font-style: normal; text-decoration: inherit; text-transform: none; direction: ltr; line-height: 38px; flex: 0 0 32px; text-align: center; font-size: 12px; cursor: pointer; } .lui-search__clear-icon:before { content: "\2030"; } .lui-search__search-icon { display: inline-block; font-family: LUI icons; font-size: 16px; font-weight: 400; font-style: normal; text-decoration: inherit; text-transform: none; direction: ltr; line-height: 38px; flex: 0 0 32px; text-align: center; cursor: default; } .lui-search__search-icon:before { content: "F"; } .lui-search--inverse { color: #fff; background-color: hsla(0, 0%, 100%, 0.3); } .lui-search--inverse .lui-search__input { color: #fff; } .lui-search--inverse .lui-search__input::-webkit-input-placeholder { color: hsla(0, 0%, 100%, 0.6); font-style: italic; text-overflow: ellipsis !important; } .lui-search--inverse .lui-search__input::-moz-placeholder { color: hsla(0, 0%, 100%, 0.6); font-style: italic; text-overflow: ellipsis; } .lui-search--inverse .lui-search__input:-ms-input-placeholder { color: hsla(0, 0%, 100%, 0.6); font-style: italic; } .lui-search--inverse .lui-search__clear-icon, .lui-search--inverse .lui-search__search-icon { color: hsla(0, 0%, 100%, 0.6); } .lui-search--inverse .lui-search__clear-button { color: hsla(0, 0%, 100%, 0.8); } .lui-search--inverse .lui-search__clear-button:active, .lui-search--inverse .lui-search__clear-button:focus, .lui-search--inverse .lui-search__clear-button:hover { color: #fff; } .lui-list { list-style: none; padding: 0; margin: 0; } .lui-list__header { display: flex; font-weight: 700; min-height: 23px; } .lui-list__header:after { content: ""; min-height: 23px; display: block; } .lui-list__item { display: flex; min-height: 37px; } .lui-list__item:after { content: ""; min-height: 37px; display: block; } .lui-list__text { flex: 1 1 auto; align-self: center; padding: 0 10px; } .lui-list__aside { flex: 0 0 auto; align-self: center; padding: 0 10px; } .lui-list__text--ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .lui-list__aside + .lui-list__text, .lui-list__text + .lui-list__aside { padding-left: 0; } [dir="rtl"] .lui-list__aside + .lui-list__text, [dir="rtl"] .lui-list__text + .lui-list__aside { padding-left: 10px; padding-right: 0; } .lui-list .lui-list__header { border-bottom: 1px solid rgba(0, 0, 0, 0.1); background-color: rgba(0, 0, 0, 0.05); color: #595959; } .lui-list .lui-list__item { border-bottom: 1px solid rgba(0, 0, 0, 0.1); background-clip: padding-box; background-color: transparent; color: #595959; transition: background-color 50ms ease-out; } .lui-list .lui-list__item.lui-hover, .lui-list .lui-list__item:hover { background-color: rgba(0, 0, 0, 0.05); } .lui-list .lui-list__item.lui-disabled { color: rgba(89, 89, 89, 0.3); background-color: transparent; } .lui-list .lui-list__item.lui-selected { background-color: #f2f2f2; } .lui-list .lui-list__item.lui-active { background-color: rgba(0, 0, 0, 0.1); } .lui-list--inverse .lui-list__header { border-bottom: 1px solid hsla(0, 0%, 100%, 0.15); background-color: hsla(0, 0%, 100%, 0.1); color: #fff; } .lui-list--inverse .lui-list__item { border-bottom: 1px solid hsla(0, 0%, 100%, 0.15); background-clip: padding-box; background-color: transparent; color: hsla(0, 0%, 100%, 0.8); transition: background-color 50ms ease-out; } .lui-list--inverse .lui-list__item.lui-hover, .lui-list--inverse .lui-list__item:hover { background-color: hsla(0, 0%, 100%, 0.05); } .lui-list--inverse .lui-list__item.lui-disabled { color: hsla(0, 0%, 100%, 0.4); background-color: transparent; } .lui-list--inverse .lui-list__item.lui-selected { background-color: #f2f2f2; } .lui-list--inverse .lui-list__item.lui-active { background-color: rgba(0, 0, 0, 0.1); } .lui-popover { position: relative; display: flex; flex-direction: column; border-radius: 3px; margin: auto; min-width: 250px; transition: opacity 0.2s ease-out; opacity: 1; z-index: 1021; color: #595959; background-color: #fff; border: 1px solid grey; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); } .lui-popover.lui-fade { opacity: 0; } .lui-popover .lui-popover__arrow--left:before { border-right-color: grey; } .lui-popover .lui-popover__arrow--left:after { border-right-color: #fff; } .lui-popover .lui-popover__arrow--right:before { border-left-color: grey; } .lui-popover .lui-popover__arrow--right:after { border-left-color: #fff; } .lui-popover .lui-popover__arrow--top:before { border-bottom-color: grey; } .lui-popover .lui-popover__arrow--top:after { border-bottom-color: #fff; } .lui-popover .lui-popover__arrow--bottom:before { border-top-color: grey; } .lui-popover .lui-popover__arrow--bottom:after { border-top-color: #fff; } .lui-popover .lui-popover__footer, .lui-popover .lui-popover__header { background-color: #fbfbfb; } .lui-popover .lui-popover__header { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .lui-popover .lui-popover__footer { border-top: 1px solid rgba(0, 0, 0, 0.2); } .lui-popover--inverse { color: #fff; background-color: #404040; border-color: #333; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .lui-popover--inverse .lui-popover__arrow--left:before { border-right-color: #333; } .lui-popover--inverse .lui-popover__arrow--left:after { border-right-color: #404040; } .lui-popover--inverse .lui-popover__arrow--right:before { border-left-color: #333; } .lui-popover--inverse .lui-popover__arrow--right:after { border-left-color: #404040; } .lui-popover--inverse .lui-popover__arrow--top:before { border-bottom-color: #333; } .lui-popover--inverse .lui-popover__arrow--top:after { border-bottom-color: #404040; } .lui-popover--inverse .lui-popover__arrow--bottom:before { border-top-color: #333; } .lui-popover--inverse .lui-popover__arrow--bottom:after { border-top-color: #404040; } .lui-popover--inverse .lui-popover__footer, .lui-popover--inverse .lui-popover__header { background-color: #474747; } .lui-popover--inverse .lui-popover__header { border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .lui-popover--inverse .lui-popover__footer { border-top: 1px solid rgba(0, 0, 0, 0.3); } .lui-popover__arrow { position: absolute; } .lui-popover__arrow:after, .lui-popover__arrow:before { content: ""; position: absolute; width: 0; height: 0; } .lui-popover__arrow--left { left: 0; top: 50%; } .lui-popover__arrow--left:before { right: 0; } .lui-popover__arrow--left:after, .lui-popover__arrow--left:before { top: -8px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid transparent; } .lui-popover__arrow--left:after { right: -1px; } .lui-popover__arrow--right { right: 0; top: 50%; } .lui-popover__arrow--right:before { left: 0; } .lui-popover__arrow--right:after, .lui-popover__arrow--right:before { top: -8px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid transparent; } .lui-popover__arrow--right:after { left: -1px; } .lui-popover__arrow--top { top: 0; left: 50%; } .lui-popover__arrow--top:before { bottom: 0; } .lui-popover__arrow--top:after, .lui-popover__arrow--top:before { left: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; } .lui-popover__arrow--top:after { bottom: -1px; } .lui-popover__arrow--bottom { bottom: 0; left: 50%; } .lui-popover__arrow--bottom:before { top: 0; } .lui-popover__arrow--bottom:after, .lui-popover__arrow--bottom:before { left: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid transparent; } .lui-popover__arrow--bottom:after { top: -1px; } .lui-popover__header { font-size: 14px; font-weight: 700; height: 44px; padding: 8px; line-height: 28px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; flex: 0 0 auto; } .lui-popover__body { flex: 1 1 auto; padding: 20px; } .lui-popover__footer { height: 44px; padding: 8px; text-align: right; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-sizing: border-box; flex: 0 0 auto; } .lui-popover__footer .lui-button { margin: 0 3px; } .lui-popover__footer .lui-button:last-child { margin-right: 0; } [dir="rtl"] .lui-popover__footer .lui-button:last-child { margin-right: 3px; margin-left: 0; } [dir="rtl"] .lui-popover__footer { text-align: left; } .lui-popover__title { margin-left: 12px; margin-right: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .lui-textarea { vertical-align: middle; width: 100%; display: block; outline: none; font-size: 13px; height: inherit; min-height: 28px; padding: 6px 6px 4px; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; box-shadow: none; transition: border-color 0.2s ease-out; overflow-y: auto; overflow-x: hidden; resize: vertical; color: #595959; background-color: #fff; border: 1px solid #b3b3b3; } .lui-textarea::-webkit-input-placeholder { color: rgba(89, 89, 89, 0.6); font-style: normal; text-overflow: ellipsis !important; } .lui-textarea::-moz-placeholder { color: rgba(89, 89, 89, 0.6); font-style: normal; text-overflow: ellipsis; } .lui-textarea:-ms-input-placeholder { color: rgba(89, 89, 89, 0.6); font-style: normal; } .lui-textarea.lui-hovered, .lui-textarea:hover { border-color: #666; } .lui-textarea.lui-invalid { border-color: #dc423f; } .lui-textarea.lui-focused, .lui-textarea:focus { border: 1px solid #3f8ab3; transition: none; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); } .lui-textarea.lui-focused.lui-invalid, .lui-textarea:focus.lui-invalid { border: 1px solid #dc423f; } .lui-textarea.lui-disabled, .lui-textarea[disabled] { color: rgba(89, 89, 89, 0.8); opacity: 1; -webkit-text-fill-color: rgba(89, 89, 89, 0.8); background-color: #e6e6e6; border-color: #b3b3b3; } .lui-textarea--inverse { color: #fff; background-color: hsla(0, 0%, 100%, 0.3); border-color: transparent; } .lui-textarea--inverse::-webkit-input-placeholder { color: hsla(0, 0%, 100%, 0.6); font-style: normal; text-overflow: ellipsis !important; } .lui-textarea--inverse::-moz-placeholder { color: hsla(0, 0%, 100%, 0.6); font-style: normal; text-overflow: ellipsis; } .lui-textarea--inverse:-ms-input-placeholder { color: hsla(0, 0%, 100%, 0.6); font-style: normal; } .lui-textarea--inverse.lui-hovered, .lui-textarea--inverse:hover { border-color: #fff; } .lui-textarea--inverse.lui-invalid { border-color: #dc423f; } .lui-textarea--inverse.lui-focused, .lui-textarea--inverse:focus { border: 1px solid #3f8ab3; transition: none; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); } .lui-textarea--inverse.lui-focused.lui-invalid, .lui-textarea--inverse:focus.lui-invalid { border: 1px solid #dc423f; } .lui-textarea--inverse.lui-disabled, .lui-textarea--inverse[disabled] { color: #bfbfbf; opacity: 1; -webkit-text-fill-color: #bfbfbf; background-color: #b3b3b3; border-color: transparent; } .lui-toast-container { position: fixed; bottom: 20px; left: 0; right: 0; margin: 0 auto; } .lui-toast { min-height: 28px; max-width: 400px; display: flex; box-sizing: border-box; margin: 10px auto 0; border-radius: 3px; font-size: 13px; position: relative; transition: all 0.2s ease-out; opacity: 1; z-index: 1021; justify-content: center; color: hsla(0, 0%, 100%, 0.8); background-color: #0d0d0d; } .lui-toast.lui-fade { opacity: 0; bottom: -50px; } .lui-toast__text { flex: 1 1 100%; cursor: default; } .lui-toast__aside, .lui-toast__text { display: flex; align-items: center; padding: 5px 10px; } .lui-toast__aside { flex: 0 0 auto; border-left: 1px solid hsla(0, 0%, 100%, 0.15); cursor: pointer; } .lui-toast-service { visibility: hidden; position: fixed; bottom: 30px; left: 0; right: 0; margin: 0 auto; } .lui-toast-show-animation { transition: all 0.5s ease; transform: translate(0); opacity: 1; visibility: visible; } .lui-toast-prepare-animation { transition: all 0ms ease; transform: translateY(100%); opacity: 0; visibility: hidden; } .lui-toast-hide-animation { transition: all 0.5s ease; transform: translate(0); opacity: 0; visibility: hidden; } .lui-tooltip__arrow { position: absolute; } .lui-tooltip__arrow:after { content: ""; position: absolute; width: 0; height: 0; } .lui-tooltip__arrow--left { left: 0; top: 50%; } .lui-tooltip__arrow--left:after { top: -8px; right: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid rgba(0, 0, 0, 0.9); } .lui-tooltip__arrow--right { right: 0; top: 50%; } .lui-tooltip__arrow--right:after { top: -8px; left: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid rgba(0, 0, 0, 0.9); } .lui-tooltip__arrow--top { top: 0; left: 50%; } .lui-tooltip__arrow--top:after { left: -8px; bottom: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid rgba(0, 0, 0, 0.9); } .lui-tooltip__arrow--bottom { bottom: 0; left: 50%; } .lui-tooltip__arrow--bottom:after { left: -8px; top: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgba(0, 0, 0, 0.9); } .lui-tooltip { min-height: 28px; box-sizing: border-box; display: inline-block; padding: 5px 10px; border-radius: 3px; font-size: 13px; position: relative; transition: opacity 50ms ease-out; opacity: 1; z-index: 1021; color: #fff; background-color: rgba(0, 0, 0, 0.9); } .lui-tooltip.lui-fade { opacity: 0; } .lui-icon { text-decoration: inherit; } .lui-icon--sheet:before { content: "4"; } .lui-icon--object:before { content: "5"; } .lui-icon--image:before { content: "0"; } .lui-icon--clear-selections:before { content: ":"; } .lui-icon--selections-tool:before { content: "9"; } .lui-icon--bookmark:before { content: ">"; } .lui-icon--back:before { content: "B"; } .lui-icon--forward:before { content: "C"; } .lui-icon--history:before { content: "A"; } .lui-icon--help:before { content: "D"; } .lui-icon--info:before { content: "]"; } .lui-icon--toggle-left:before { content: "i"; } .lui-icon--toggle-right:before { content: "h"; } .lui-icon--selections-reload:before { content: ";"; } .lui-icon--text:before { content: "/"; } .lui-icon--group:before { content: "X"; } .lui-icon--search:before { content: "F"; } .lui-icon--zoom-in:before { content: "Y"; } .lui-icon--zoom-out:before { content: "Z"; } .lui-icon--selections-back:before { content: "<"; } .lui-icon--selections-forward:before { content: "="; } .lui-icon--export:before { content: "I"; } .lui-icon--lock:before { content: "["; } .lui-icon--unlock:before { content: "\\"; } .lui-icon--database:before { content: "H"; } .lui-icon--calendar:before { content: "G"; } .lui-icon--field:before { content: "-"; } .lui-icon--expression:before { content: "3"; } .lui-icon--library:before { content: "\ED"; } .lui-icon--debug:before { content: "u"; } .lui-icon--script-ok:before { content: "\DF"; } .lui-icon--grid-large:before { content: "*"; } .lui-icon--star:before { content: "\EF"; } .lui-icon--print:before { content: "r"; } .lui-icon--remove:before { content: "E"; } .lui-icon--handle:before { content: "o"; } .lui-icon--handle-horizontal:before { content: "\FB"; } .lui-icon--menu:before { content: "\D4"; } .lui-icon--list:before { content: "\EE"; } .lui-icon--unordered-list:before { content: "\A8"; } .lui-icon--bar-chart:before { content: "!"; } .lui-icon--bar-chart-horizontal:before { content: '"'; } .lui-icon--clock:before { content: "\F5"; } .lui-icon--line-chart:before { content: "%"; } .lui-icon--pie-chart:before { content: "&"; } .lui-icon--gauge-chart:before { content: ")"; } .lui-icon--kpi:before { content: "1"; } .lui-icon--scatter-chart:before { content: "+"; } .lui-icon--map:before { content: ","; } .lui-icon--puzzle:before { content: "g"; } .lui-icon--table:before { content: "'"; } .lui-icon--pivot-table:before { content: "("; } .lui-icon--filterpane:before { content: "."; } .lui-icon--treemap:before { content: "\BB"; } .lui-icon--combo-chart:before { content: "\201A"; } .lui-icon--waterfallchart:before { content: "\2692"; } .lui-icon--plus:before { content: "P"; } .lui-icon--minus:before { content: "Q"; } .lui-icon--triangle-top:before { content: "R"; } .lui-icon--triangle-bottom:before { content: "S"; } .lui-icon--triangle-left:before { content: "T"; } .lui-icon--triangle-right:before { content: "U"; } .lui-icon--run-script:before { content: "l"; } .lui-icon--tick:before { content: "m"; } .lui-icon--cogwheel:before { content: "V"; } .lui-icon--settings:before { content: "\A8"; } .lui-icon--data-model:before { content: "7"; } .lui-icon--script:before { content: "8"; } .lui-icon--sense:before { content: "q"; } .lui-icon--cut:before { content: "\B5"; } .lui-icon--copy:before { content: "\B6"; } .lui-icon--paste:before { content: "\2202"; } .lui-icon--align-left:before { content: "M"; } .lui-icon--align-center:before { content: "O"; } .lui-icon--align-right:before { content: "N"; } .lui-icon--bold:before { content: "J"; } .lui-icon--italic:before { content: "K"; } .lui-icon--underline:before { content: "L"; } .lui-icon--select-alternative:before { content: "\F6"; } .lui-icon--select-possible:before { content: "9"; } .lui-icon--select-excluded:before { content: "x"; } .lui-icon--select-all:before { content: "|"; } .lui-icon--camera:before { content: "\C5"; } .lui-icon--slide-show:before { content: "\C7"; } .lui-icon--palette:before { content: "\DC"; } .lui-icon--shapes:before { content: "\C9"; } .lui-icon--effects:before { content: "\D1"; } .lui-icon--file:before { content: "p"; } .lui-icon--expand:before { content: "s"; } .lui-icon--collapse:before { content: "t"; } .lui-icon--bin:before { content: "\D6"; } .lui-icon--link:before { content: "\E9"; } .lui-icon--pivot:before { content: "\2022"; } .lui-icon--reload:before { content: "b"; } .lui-icon--add:before { content: "\FA"; } .lui-icon--edit:before { content: "@"; } .lui-icon--lasso:before { content: "\2014"; } .lui-icon--key:before { content: "\AE"; } .lui-icon--box:before { content: "\F2"; } .lui-icon--home:before { content: "\FC"; } .lui-icon--person:before { content: "y"; } .lui-icon--stream:before { content: "\E3"; } .lui-icon--next:before { content: "\EB"; } .lui-icon--grid:before { content: "\EC"; } .lui-icon--cloud:before { content: "\2021"; } .lui-icon--more:before { content: "\A5"; } .lui-icon--import:before { content: "\AB"; } .lui-icon--folder:before { content: "\F1"; } .lui-icon--auto-layout:before { content: "\F3"; } .lui-icon--toggle-bottom:before { content: "j"; } .lui-icon--drop:before { content: "\2211"; } .lui-icon--play:before { content: "\B0"; } .lui-icon--tag:before { content: "z"; } .lui-icon--close:before { content: "\2030"; } .lui-icon--direct-discovery:before { content: "\FF"; } .lui-icon--warning:before { content: "\F9"; } .lui-icon--warning-triangle:before { content: "\E8"; } .lui-icon--share:before { content: "\2D8"; } .lui-icon--top:before { content: "\2D9"; } .lui-icon--low-resolution:before { content: "^"; } .lui-icon--high-resolution:before { content: "_"; } .lui-icon--view:before { content: "\2020"; } .lui-icon--control:before { content: "\DA"; } .lui-icon--code:before { content: "\2191"; } .lui-icon--upload:before { content: "\2139"; } .lui-icon--repair:before { content: "\C2"; } .lui-icon--split:before { content: "\2192"; } .lui-icon--up-down:before { content: "e"; } .lui-icon--disconnect:before { content: "\D5"; } .lui-icon--photo-library:before { content: "\2193"; } .lui-icon--application:before { content: "\CF"; } .lui-icon--new-tab:before { content: "w"; } .lui-icon--ascending:before { content: "\2206"; } .lui-icon--descending:before { content: "\2248"; } .lui-icon--arrow-up:before { content: "\2DC"; } .lui-icon--arrow-down:before { content: "\AF"; } .lui-icon--arrow-right:before { content: "\EB"; } .lui-icon--arrow-left:before { content: "\EA"; } .lui-icon--sync:before { content: "\F4"; } .lui-icon--draggable:before { content: "\21B3"; } .lui-icon--book:before { content: "\2295"; } .lui-icon--measure:before { content: "\2296"; } .lui-icon--download:before { content: "\229E"; } .lui-icon--align-object-left:before { content: "\2302"; } .lui-icon--align-object-center:before { content: "\2328"; } .lui-icon--align-object-right:before { content: "\232B"; } .lui-icon--submit:before { content: "\2016"; } .lui-icon--operators:before { content: "\23E9"; } .lui-icon--general-data-class:before { content: "\23EA"; } .lui-icon--building:before { content: "\23ED"; } .lui-icon--bell:before { content: "\23EE"; } .lui-icon--unlink:before { content: "\23F3"; } .lui-icon--lightbulb:before { content: "\23F4"; } .lui-icon--associate:before { content: "\23F5"; } .lui-icon--break-association:before { content: "\23F6"; } .lui-icon--log-out:before { content: "\2264"; } .lui-icon--log-in:before { content: "\D3"; } .lui-icon--previous:before { content: "\EA"; } .lui-icon--more-rounded:before { content: "\229F"; } .lui-icon--mashup:before { content: "\23F7"; } .lui-icon--widget:before { content: "\25A0"; } .lui-icon--goto:before { content: "\DB"; } .lui-icon--paperclip:before { content: "\E0"; } .lui-icon--save:before { content: "\CD"; } .lui-icon--compass:before { content: "\201D"; } .lui-icon--plugin:before { content: "\2018"; } .lui-icon--dimension-collection:before { content: "\2019"; } .lui-icon--transfer:before { content: "\F7"; } .lui-icon--analyze:before { content: "\25CA"; } .lui-icon--direct-discovery-field:before { content: "\FF"; } .lui-icon--setup-file:before { content: "\178"; } .lui-icon--objects:before { content: "\2044"; } .lui-icon--pause:before { content: "\20AC"; } .lui-icon--step-over:before { content: "\2039"; } .lui-icon--collapse-disclosure:before { content: "\203A"; } .lui-icon--expand-disclosure:before { content: "\FB01"; } .lui-icon--default:before { content: "\FB02"; } .lui-icon--idle:before { content: "\B7"; } .lui-icon--configuration-map:before { content: "\201E"; } .lui-icon--uninstall:before { content: "\CA"; } .lui-icon--extract-from-source:before { content: "\C1"; } .lui-icon--waiting-field:before { content: "\CB"; } .lui-icon--waiting-sheet:before { content: "\C8"; } .lui-icon--kpi-object:before { content: "\CC"; } .lui-icon--disabled:before { content: "\F8FF"; } .lui-icon--variables:before { content: "\D2"; } .lui-icon--controls:before { content: "\DA"; } .lui-icon--directional-arrow-right:before { content: "\D9"; } .lui-icon--directional-arrow-left:before { content: "\131"; } .lui-icon--hub-oem:before { content: "\2C6"; } .lui-icon--embed:before { content: "\2DA"; } .lui-icon--chart:before { content: "\2DB"; } .lui-icon--run:before { content: "\153"; } .lui-icon--step-in:before { content: "\152"; } .lui-icon--stop:before { content: "\2013"; } .lui-icon--comment:before { content: "\2026"; } .lui-icon--indent:before { content: "\C0"; } .lui-icon--undent:before { content: "\C3"; } .lui-icon--cancel:before { content: "E"; } .lui-icon--insert:before { content: "\D8"; } .lui-icon--boxplot:before { content: "\2605"; } .lui-icon--distributionplot:before { content: "\2661"; } .lui-icon--histogram:before { content: "\2691"; } .lui-icon--direction-left:before { content: "\131"; } .lui-icon--swap:before { content: "\266B"; } .lui-icon--filter:before { content: "\263D"; } .lui-icon--clear-filter:before { content: "\2699"; } .lui-icon--bubbles:before { content: "\25B6"; } .lui-icon--clipboard:before { content: "c"; } .lui-icon--server:before { content: "v"; } .lui-icon--hand:before { content: "\A2"; } .lui-icon--flag:before { content: "\A9"; } .lui-icon--external-link:before { content: "\25F4"; } .lui-modal-background { position: absolute; top: 0; right: 0; left: 0; height: 100%; opacity: 0.3; background-color: #000; z-index: 1021; transition: opacity 0.2s ease-out; } .lui-modal-background.lui-fade { opacity: 0; } .lui-tag { position: relative; display: inline-block; box-sizing: border-box; height: 24px; min-width: 40px; color: #595959; font-size: 13px; border-radius: 12px; background-color: #e6e6e6; border: 1px solid #ccc; padding: 3px 10px; margin: 1px; list-style: none; white-space: nowrap; } .lui-tag.lui-matched { background-color: #ffce26; color: #595959; border-color: #ffce26; } .qv-tagCloud .lui-tag { padding-right: 26px; } .lui-tag .icon-trash { cursor: pointer; font-size: 14px; display: block; position: absolute; right: 5px; top: 1px; color: rgba(89, 89, 89, 0.6); } .lui-tag .icon-trash:active, .lui-tag .icon-trash:hover { color: #595959; } .lui-texthighlight { background: #ffce26; color: #595959; } .lui-bg-default { background-color: #fff; color: #595959; } .lui-bg-inverse { background-color: #404040; color: #fff; } .lui-bg-alt { background-color: #fbfbfb; color: #595959; } .lui-bg-inverse-alt { background-color: #595959; color: #fff; } .lui-bg-success { background-color: #009845; color: #fff; } .lui-bg-danger { background-color: #dc423f; color: #fff; } .lui-bg-warning { background-color: #ef960f; color: #fff; } .lui-bg-info { background-color: #3f8ab3; color: #fff; } .lui-text-default { color: #595959; } .lui-text-inverse { color: #fff; } .lui-text-success { color: #009845; } .lui-text-danger { color: #dc423f; } .lui-text-warning { color: #ef960f; } .lui-text-info { color: #3f8ab3; } .lui-caret:after { display: inline-block; font-family: LUI icons; font-size: 16px; direction: ltr; content: "S"; font-size: 12px; font-weight: 400; font-style: normal; text-decoration: inherit; text-transform: none; } .lui-label { display: block; font-size: 14px; margin: 6px 0; } .lui-nopad { padding: 0; } .lui-noround { border-radius: 0; } @media screen and (min-width: 641px) and (min-height: 481px) { .toolbar-menu.lui-list .lui-list__item.title-item:hover { background-color: #fff; } .toolbar-menu.lui-list .lui-list__item.lui-disabled .action-item { color: rgba(89, 89, 89, 0.3); cursor: default; pointer-events: none; } .toolbar-menu.lui-list .lui-list__item.header-item { border-bottom: 2px solid #999; } .toolbar-menu.lui-list .lui-list__item.header-item button { font-weight: 700; } .toolbar-menu.lui-list .lui-list__item.header-item button:hover { background-color: #fff; } .toolbar-menu.lui-list .lui-list__item.last-menu-item { border-bottom: 0 solid #fff; } .toolbar-menu.lui-list .lui-list__item .action-item { border: none; background-color: transparent; display: flex; flex: 1 1 auto; } .toolbar-menu.lui-list .lui-list__item .action-item:focus { background-color: rgba(0, 0, 0, 0.05); } .toolbar-menu.lui-list .lui-list__item .menu-item-text { text-align: left; } .toolbar-menu.lui-list .lui-list__item .list-divider { width: 1px; height: 37px; background-color: rgba(0, 0, 0, 0.1); padding: 0; } .toolbar-menu.lui-list .lui-list__item .lui-fade-button { height: 37px; } .toolbar-menu.lui-list .lui-list__item .lui-fade-button:focus { background-color: rgba(0, 0, 0, 0.05); } .toolbar-menu.lui-list .lui-list__item .lui-icon { width: 20px; } .toolbar-menu.lui-list .lui-list__item .menu-switch-component { width: 205px; position: relative; overflow: hidden; padding: 10px 60px 10px 40px; } .toolbar-menu.lui-list .lui-list__item .menu-switch-component .lui-list__aside { position: absolute; top: 20.5px; left: 0; text-align: center; } .toolbar-menu.lui-list .lui-list__item .menu-switch-component .lui-icon { width: 20px; } .toolbar-menu.lui-list .lui-list__item .menu-switch-component .label { display: inline; } .toolbar-menu.lui-list .lui-list__item .menu-switch-component .label div { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .toolbar-menu.lui-list .lui-list__item .menu-switch-component .label .title { padding-bottom: 1px; overflow: hidden; } .toolbar-menu.lui-list .lui-list__item .menu-switch-component .label .value { padding-top: 1px; overflow: hidden; font-weight: 700; } .toolbar-menu.lui-list .lui-list__item .menu-switch-component .label.inverse { color: #fff; } .toolbar-menu.lui-list .lui-list__item .menu-switch-component .description { text-align: center; } .toolbar-menu.lui-list .lui-list__item .menu-switch-component .lui-switch { position: absolute; top: 16px; right: 10px; } } @media screen and (min-width: 641px) and (min-height: 481px) { .toolbar-menu .list-divider { width: 1px; height: 37px; background-color: rgba(0, 0, 0, 0.1); padding: 0; } .toolbar-menu .open-in-new-tab { height: 37px; } .toolbar-menu .open-in-new-tab:hover:not([disabled]):not(.open-in-new-tab-always) { background: rgba(89, 89, 89, 0.1); } } .qui-toolbar { background-color: #fff; box-shadow: inset 0 -1px hsla(0, 0%, 100%, 0.1); box-sizing: border-box; width: 100%; height: 42px; flex: 0 0 42px; display: flex; justify-content: space-between; } .qui-toolbar.linear-background { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjJmMmYyIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==); background-image: linear-gradient(180deg, #fff 0, #f2f2f2); } @media screen and (max-height: 480px), screen and (max-width: 640px) { .qui-toolbar button.qui-smalliconbutton:hover { color: hsla(0, 0%, 100%, 0.6); background-color: #404040; } } @media screen and (max-height: 480px), screen and (max-width: 640px) { .qui-toolbar { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDA0MDQwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDA0MDQwIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==); background-image: linear-gradient(180deg, #404040 0, #404040); background-color: #404040; } } .qui-toolbar .qui-buttonset-left { display: flex; justify-content: flex-start; align-items: center; align-content: center; } .qui-toolbar .qui-buttonset-left.tabs-nav { width: 33%; transition: width 0.3s; } @media screen and (min-width: 641px) and (max-width: 945px) and (min-height: 481px) { .qui-toolbar .qui-buttonset-left.tabs-nav { width: 26%; } } @media screen and (min-width: 641px) and (min-height: 481px) { .qui-toolbar .qui-buttonset-left { padding-left: 10px; } } @media screen and (max-height: 480px), screen and (max-width: 640px) { .qui-toolbar .qui-buttonset-left { margin-top: 0; } } .qui-toolbar .qv-app-info-holder { display: flex; justify-content: flex-start; align-items: center; align-content: center; } @media screen and (min-width: 641px) and (min-height: 481px) { .qui-toolbar .qv-app-info-holder { display: flex; flex: 1 1 100%; justify-content: flex-start; font-size: 15px; height: auto; line-height: auto; width: 100%; white-space: nowrap; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding: 0 8px 0 0; cursor: default; color: #595959; flex: 1 1 250px; } .source-sans-pro .qui-toolbar .qv-app-info-holder { font-size: 16px; } .qui-toolbar .qv-app-info-holder button:disabled { opacity: 0.6; } } @media screen and (max-width: 580px) and (min-width: 480px) { .qui-toolbar .qv-app-info-holder { display: flex; flex: 1 1 100%; justify-content: flex-start; font-size: 15px; height: auto; line-height: auto; width: 100%; white-space: nowrap; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding: 0 8px 0 0; cursor: default; color: #595959; flex: 1 0 90px; } .source-sans-pro .qui-toolbar .qv-app-info-holder { font-size: 16px; } .qui-toolbar .qv-app-info-holder button:disabled { opacity: 0.6; } } @media screen and (max-height: 480px), screen and (max-width: 640px) { .qui-toolbar .qv-app-info-holder { display: flex; flex: 1 1 100%; justify-content: flex-start; font-size: 15px; height: auto; line-height: auto; width: 100%; white-space: nowrap; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; cursor: default; color: #fff; flex: 1 0 50px; justify-content: center; padding: 0 8px; } .source-sans-pro .qui-toolbar .qv-app-info-holder { font-size: 16px; } .qui-toolbar .qv-app-info-holder button:disabled { opacity: 0.6; } } .qui-toolbar .qv-app-info-holder .app-info-click-area { display: flex; max-width: 100%; } @media screen and (min-width: 641px) and (min-height: 481px) { .qui-toolbar .qv-app-info-holder .app-info-click-area.has-app-details:hover { cursor: pointer; } .qui-toolbar .qv-app-info-holder .app-info-click-area.has-app-details:hover .app-info-icon { color: #595959; } } @media (min--moz-device-pixel-ratio: 0) { .qui-toolbar .qv-app-info-holder .app-info-click-area { min-width: 1px; } } @media screen and (min-width: 641px) and (min-height: 481px) { .qui-toolbar .qv-app-info-holder .app-info-click-area { line-height: 26px; } .qui-toolbar .qv-app-info-holder .app-info-click-area.has-app-details:hover { cursor: pointer; } .qui-toolbar .qv-app-info-holder .app-info-click-area.has-app-details:hover .app-info-icon { color: #595959; } } @media screen and (max-height: 480px), screen and (max-width: 640px) { .qui-toolbar .qv-app-info-holder .app-info-click-area { line-height: 24px; } } .qui-toolbar .qv-app-info-holder div.app-info-click-area { padding: 1px 7px; border-radius: 3px; } .qui-toolbar .qv-app-info-holder .app-read-only { display: -ms-flexbox; } @media screen and (min-width: 641px) and (min-height: 481px) { .qui-toolbar .qv-app-info-holder .app-title { color: #595959; max-width: 100%; font-size: 13px; height: auto; line-height: auto; width: auto; white-space: nowrap; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .source-sans-pro .qui-toolbar .qv-app-info-holder .app-title { font-size: 14px; } } @media screen and (min-width: 641px) and (max-width: 945px) and (min-height: 481px) { .qui-toolbar .qv-app-info-holder .app-title { color: #595959; max-width: 60%; font-size: 13px; height: auto; line-height: auto; width: auto; white-space: nowrap; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .source-sans-pro .qui-toolbar .qv-app-info-holder .app-title { font-size: 14px; } } @media screen and (max-height: 480px), screen and (max-width: 640px) { .qui-toolbar .qv-app-info-holder .app-title { max-width: 100%; font-size: 17px; height: auto; line-height: auto; width: auto; white-space: nowrap; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .source-sans-pro .qui-toolbar .qv-app-info-holder .app-title { font-size: 18px; } } .qui-toolbar .qv-app-info-holder .app-info-icon { position: relative; color: rgba(89, 89, 89, 0.6); font-size: 14px; line-height: 25px; min-width: 22px; text-align: left; margin: 2px 0 0; } .qui-toolbar .toolbar-tab-navigation { max-width: 33%; height: 42px; display: flex; align-self: center; justify-content: center; } .qui-toolbar .toolbar-tab-navigation .qs-toolbar__tabset { align-self: center; justify-content: center; display: flex; flex-direction: row; width: 100%; height: 100%; transition: width 0.3s; } .qui-toolbar .toolbar-tab-navigation .qs-toolbar__tabset .tab { display: flex; justify-content: center; align-items: center; min-width: 120px; transition: width 0.3s; cursor: pointer; padding: 0 16px; font-size: 13px; font-weight: 700; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } @media screen and (min-width: 641px) and (max-width: 1265px) and (min-height: 481px) { .qui-toolbar .toolbar-tab-navigation .qs-toolbar__tabset .tab { min-width: 90px; } } @media screen and (min-width: 641px) and (max-width: 945px) and (min-height: 481px) { .qui-toolbar .toolbar-tab-navigation .qs-toolbar__tabset .tab { min-width: 75px; } } .source-sans-pro .qui-toolbar .toolbar-tab-navigation .qs-toolbar__tabset .tab { font-size: 14px; } @media screen and (min-width: 641px) and (max-width: 945px) and (min-height: 481px) { .qui-toolbar .toolbar-tab-navigation .qs-toolbar__tabset .tab { padding: 0; width: 82px; } } .qui-toolbar .toolbar-tab-navigation .qs-toolbar__tabset .tab.selected { padding-top: 3px; border-bottom: 3px solid #ef960f; } .qui-toolbar .toolbar-tab-navigation .qs-toolbar__tabset :hover { background-color: rgba(0, 0, 0, 0.03); } .qui-toolbar .qui-buttonset-right { display: flex; justify-content: flex-end; align-items: center; align-content: center; flex-direction: row; float: right; padding: 0 2px; } @media screen and (max-height: 480px), screen and (max-width: 640px) { .qui-toolbar .qui-buttonset-right { display: flex; margin-top: 0; } } .qui-toolbar .qui-buttonset-right.tabs-nav { width: 33%; transition: width 0.3s; } @media screen and (min-width: 641px) and (max-width: 945px) and (min-height: 481px) { .qui-toolbar .qui-buttonset-right.tabs-nav { width: 42%; } } .qui-toolbar .quick-navigation { display: inline-block; } @media screen and (min-width: 641px) and (min-height: 481px) { .qui-toolbar .lui-buttongroup { float: left; } .qui-toolbar .lui-button { margin-right: 8px; float: left; } } @media screen and (max-height: 480px), screen and (max-width: 640px) { .qui-toolbar .qui-buttonset-right { padding: 0; } .qui-toolbar .qui-buttonset-right .qui-smalliconbutton { border-left: 1px solid hsla(0, 0%, 100%, 0.1); } .qui-toolbar .lui-button { position: absolute; top: 8px; } .qui-toolbar button { margin-right: 8px; } .qui-toolbar button.qui-smalliconbutton { width: 46px; height: 44px; margin-right: 0; border: 1px solid transparent; font-size: 20px; line-height: 42px; color: hsla(0, 0%, 100%, 0.6); -webkit-border-radius: 0; -webkit-background-clip: padding-box; -moz-border-radius: 0; -moz-background-clip: padding; border-radius: 0; background-clip: padding-box; } .qui-toolbar button.qui-smalliconbutton[disabled] { color: hsla(0, 0%, 100%, 0.2); } .qui-toolbar button.qui-smalliconbutton.qui-active, .qui-toolbar button.qui-smalliconbutton[active] { color: #fff; background-color: hsla(0, 0%, 100%, 0.05); } .qui-toolbar button.qui-smalliconbutton:before { left: 0; top: 0; } .qui-toolbar .appInfoPlaceholder { display: flex; flex: 1 0 50px; } } .qui-toolbar .lui-button .lui-button__text { font-weight: 700; max-width: 180px; white-space: nowrap; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } @media screen and (max-height: 480px), screen and (max-width: 640px) { .qui-toolbar .lui-button .lui-button__text { padding: 0; } } .qui-editbarflat { z-index: 3; text-align: center; } .qui-editbarflat .buttonset { background: #595959 url(../img/core/NR_NoiseDark.bd482065cb3a02d34cafcd7982ab858e.png); height: 35px; } .qui-editbarflat button { position: relative; font-size: 16px; padding: 0 10px; height: 34px; line-height: 34px; width: 44px; border: none; color: hsla(0, 0%, 100%, 0.6); background: transparent; cursor: pointer; } .qui-editbarflat button:disabled { cursor: default; color: hsla(0, 0%, 100%, 0.2); } .qui-editbarflat button:not([disabled]):hover { color: hsla(0, 0%, 100%, 0.6); background-color: #404040; } .qui-editbarflat button.variable { float: right; } .qui-editbarflat button i { display: inline-block; overflow: hidden; } .qui-editbarflat button.active, .qui-editbarflat button:not([disabled]):active { background-color: #404040; color: #fff; } .qui-editbarflat button.medium { width: 50px; } .qui-editbarflat button.large { width: 83px; } .qui-editbarflat .wide-divider { background-color: #4d4d4d; box-shadow: 0 1px 0 0 hsla(0, 0%, 100%, 0.1); float: left; height: 35px; width: 5px; } .qui-float { position: absolute; height: 0; } .icon-handle, .icon-hub-next, .icon-primarykey, .icon-trash { display: inline; vertical-align: baseline; background-image: none; background-position: 0 0; background-repeat: repeat; font-size: 16px; } .icon-handle:before, .icon-hub-next:before, .icon-primarykey:before, .icon-trash:before { font-family: LUI icons; font-weight: 400; font-style: normal; text-decoration: inherit; text-transform: none; letter-spacing: 0; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-trash:before { content: "bin"; } .icon-handle:before { content: "handle"; } .icon-hub-next:before { content: "next"; } .icon-primarykey:before { content: "key"; } .touch-off .toolbar-menu.qui-textlist li:not([disabled]):hover { cursor: pointer; background: #f2f2f2; } .touch-off .toolbar-menu.qui-textlist li:not([disabled]) a:hover { color: inherit; } .qui-menu-item { padding: 0 10px; cursor: pointer; border-bottom: 1px solid rgba(0, 0, 0, 0.1); height: 38px; line-height: 38px; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .qui-menu-item.selected { background: rgba(0, 0, 0, 0.05); cursor: pointer; font-weight: 700; } @media screen and (min-width: 641px) and (min-height: 481px) { .qui-menu-item:hover { background: rgba(0, 0, 0, 0.03); cursor: pointer; } .qui-menu-item:active { background: rgba(0, 0, 0, 0.05); cursor: pointer; font-weight: 700; } } .qui-modalbackground { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1200; background: rgba(0, 0, 0, 0.4); -webkit-transform: translateZ(0); overflow: hidden; } .qui-modalbackground.qs-e-dim { z-index: 9999; } .qui-modalbackground-centered { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1200; background: rgba(0, 0, 0, 0.4); -webkit-transform: translateZ(0); display: flex; align-items: center; justify-content: center; overflow: hidden; } .qui-modalbackground-centered.qs-e-dim { z-index: 9999; } .qui-outlinedsearchhitindicator, .qui-searchhitindicator { border-radius: 8px; font-size: 11px; line-height: 16px; height: 16px; font-weight: 700; color: #595959; padding: 0 5px; background: #ffce26; display: inline-block; } .qui-outlinedsearchhitindicator { box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 #fff; } .qui-smalliconbutton, .qui-smalliconbutton-inverted { border: none; width: 40px; height: 28px; line-height: 24px; font-size: 16px; display: inline-block; position: relative; background: transparent; padding: 0; cursor: pointer; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; } .qui-smalliconbutton-inverted::-moz-focus-inner, .qui-smalliconbutton::-moz-focus-inner { border: 0; } .qui-smalliconbutton-inverted.qui-disabled, .qui-smalliconbutton-inverted[disabled], .qui-smalliconbutton.qui-disabled, .qui-smalliconbutton[disabled] { cursor: default; } .qui-smalliconbutton { color: #595959; } .qui-smalliconbutton.qui-active, .qui-smalliconbutton:active { background: #595959; color: #fff; } .qui-smalliconbutton.qui-disabled, .qui-smalliconbutton[disabled] { color: rgba(89, 89, 89, 0.2); background-color: transparent; } .qui-smalliconbutton-inverted { color: hsla(0, 0%, 100%, 0.6); } .qui-smalliconbutton-inverted.qui-disabled, .qui-smalliconbutton-inverted[disabled] { color: hsla(0, 0%, 100%, 0.2); background-color: transparent; } .qui-smalliconbutton-inverted.qui-active, .qui-smalliconbutton-inverted:active { background: rgba(0, 0, 0, 0.2); } .touch-off .qui-smalliconbutton.qui-focus, .touch-off .qui-smalliconbutton:focus { box-shadow: 2px 0 0 0 #52a2cc, 0 2px 0 0 #52a2cc, -2px 0 0 #52a2cc, 0 -2px 0 0 #52a2cc; } .touch-off .qui-smalliconbutton:hover { color: #595959; background-color: #e6e6e6; } .touch-off .qui-smalliconbutton.qui-active:hover, .touch-off .qui-smalliconbutton:active:hover { background: #595959; color: #fff; } .touch-off .qui-smalliconbutton.qui-disabled.qui-active, .touch-off .qui-smalliconbutton.qui-disabled:active, .touch-off .qui-smalliconbutton.qui-disabled:hover, .touch-off .qui-smalliconbutton[disabled].qui-active, .touch-off .qui-smalliconbutton[disabled]:active, .touch-off .qui-smalliconbutton[disabled]:hover { color: rgba(89, 89, 89, 0.2); background-color: transparent; } .touch-off .qui-smalliconbutton-inverted.qui-focus, .touch-off .qui-smalliconbutton-inverted:focus { box-shadow: 2px 0 0 0 #52a2cc, 0 2px 0 0 #52a2cc, -2px 0 0 #52a2cc, 0 -2px 0 0 #52a2cc; } .touch-off .qui-smalliconbutton-inverted:hover { background: #000; color: #fff; } .touch-off .qui-smalliconbutton-inverted.qui-disabled.qui-active, .touch-off .qui-smalliconbutton-inverted.qui-disabled:active, .touch-off .qui-smalliconbutton-inverted.qui-disabled:hover, .touch-off .qui-smalliconbutton-inverted[disabled].qui-active, .touch-off .qui-smalliconbutton-inverted[disabled]:active, .touch-off .qui-smalliconbutton-inverted[disabled]:hover { color: hsla(0, 0%, 100%, 0.2); background-color: transparent; } .qui-textlist { list-style: none; color: #595959; box-shadow: none; padding: 0; } .qui-textlist li { padding: 6px 10px; cursor: pointer; background: #fff; border-bottom: 1px solid #d9d9d9; height: 25px; line-height: normal; position: relative; } .qui-textlist li .qui-textlist-text { display: inline-block; height: 25px; line-height: 25px; width: 100%; white-space: nowrap; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .qui-textlist li:first-of-type { border-top: none; } .qui-textlist li a { text-decoration: inherit; color: inherit; } .qui-textlist li.header { font-weight: 700; background: #f2f2f2; cursor: default; } .qui-textlist li.qui-disabled, .qui-textlist li.qui-disabled a, .qui-textlist li:disabled, .qui-textlist li:disabled a, .qui-textlist li[disabled], .qui-textlist li[disabled] a { cursor: default; color: rgba(89, 89, 89, 0.4); } .qui-textlist li.selected { background: #f2f2f2; } .qui-toolsframe { box-sizing: border-box; border-right: 1px solid; border-color: #e6e6e6; background: #fff; display: flex; flex-direction: column; } .qui-toolsframe .tab-items-container { flex: 1; height: 100%; display: flex; flex-direction: column; overflow: hidden; overflow-y: auto; max-width: 200px; } .qui-toolsframe .tab-items-container .assets-tab, .qui-toolsframe .tab-items-container .assets-tab .assets-section, .qui-toolsframe .tab-items-container .assets-tab .assets-section .assets-list { overflow: hidden; flex: 1; height: 100%; display: flex; flex-direction: column; } .qui-toolsframe .tab-items-container .assets-tab .assets-section .assets-list .scroll-area { flex: 1; height: 100%; display: flex; flex-direction: column; } .qui-toolsframe header { box-sizing: border-box; width: 200px; background-color: #fbfbfb; } .qui-toolsframe header #assets-table-select { padding-bottom: 10px; color: #404040; border-top: 1px solid #e6e6e6; } .qui-toolsframe header .name-container { display: flex; align-items: center; align-content: center; justify-content: space-between; margin-right: 10px; max-height: 38px; } .qui-toolsframe header .name-container h1 { font-size: 14px; display: block; font-weight: 700; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; height: auto; line-height: auto; width: 100%; white-space: nowrap; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #fff; } .qui-toolsframe header .name-container .collapse-button { height: 12px; width: 18px; background-color: transparent; border: none; font-weight: 700; display: inline-block; cursor: pointer; color: hsla(0, 0%, 100%, 0.8); } .qui-toolsframe header .name-container .collapse-button .lui-icon { font-size: 12px; cursor: pointer; } .qui-toolsframe header .name-container .collapse-button:active, .qui-toolsframe header .name-container .collapse-button:hover { color: #fff; } .qui-toolsframe header label { display: block; font-size: 12px; margin-top: 10px; margin-left: 10px; height: auto; line-height: auto; width: 100%; white-space: nowrap; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 17px; } .qui-toolssectionframe { overflow: hidden; } .qui-toolssectionframe header { background: #fbfbfb; border-top: 1px solid #e6e6e6; box-sizing: border-box; width: 100%; height: 38px; cursor: pointer; display: flex; align-items: center; } .qui-toolssectionframe header.ui-accordion-header-active .active-marker { height: 37px; border-left: 2px solid #f8981d; } .qs-green-style .qui-toolssectionframe header.ui-accordion-header-active .active-marker { border-left: 2px solid #009845; } .qui-toolssectionframe header .active-marker { height: 100%; border-left: 2px solid transparent; } .qui-toolssectionframe header .header-content { display: flex; flex-direction: row; justify-content: space-between; padding: 10px; width: 100%; overflow: hidden; } .qui-toolssectionframe header h2 { color: #404040; border: 0; font-weight: 400; height: auto; line-height: auto; width: 100%; white-space: nowrap; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; padding: 0; margin: 0; font-size: 13px; flex: 1 1 auto; } .source-sans-pro .qui-toolssectionframe header h2 { font-size: 14px; } .qui-toolssectionframe header .icon { font-size: 14px; line-height: 13px; margin: 0 5px 0 -5px; } .qui-toolssectionframe header .qui-outlinedsearchhitindicator { flex: 0 0 auto; box-shadow: none; } @keyframes bottomToTop { 0% { height: 0; } to { height: 100%; } } @keyframes topToBottom { to { height: 0; } } @keyframes duplicatedItemAnimation { 5% { background-color: #b2e5ff; } 30% { background-color: #fff; } 35% { background-color: #b2e5ff; } to { background-color: #fff; } } .border-indication-fade-3s { animation: fadeAwayBorder 1.5s 3s forwards; } .border-indication-fade-7s { animation: fadeAwayBorder 1.5s 7s forwards; } @keyframes fadeAwayBorder { to { border-color: transparent; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @font-face { font-family: QlikView Sans; src: url(../fonts/qlikview-sans.d821303397e264bd3b75708b5d083de2.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: QlikView Sans; src: url(../fonts/qlikview-sans-bold.f12b64ca2219401d832ffe4c2ca8bd34.ttf) format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: QlikView Sans; src: url(../fonts/qlikview-sans-italic.cbf445bfbe9c99426f2a4815b40521fc.ttf) format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: QlikView Sans; src: url(../fonts/qlikview-sans-bold-italic.460b9126c7bb0873e1cf85694e1f68da.ttf) format("truetype"); font-weight: 700; font-style: italic; } @font-face { font-family: Source Sans Pro; src: url(../fonts/SourceSansPro-Regular.efa76f8326aa5cee3bdd07d37e2a63d2.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: Source Sans Pro; src: url(../fonts/SourceSansPro-SemiBold.43cc81b496222dc9ce3ce7d6970a95a6.ttf) format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: Source Sans Pro; src: url(../fonts/SourceSansPro-Italic.3c01996d38a55834ddcb5d102ec0b030.ttf) format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: Source Sans Pro; src: url(../fonts/SourceSansPro-SemiBoldItalic.c30987e28fc21daba1ae919b0da22941.ttf) format("truetype"); font-weight: 600; font-style: italic; } @font-face { font-family: LUI icons; src: url(../_/node_modules/@qlik/lui-icons/dist/lui-icons.8d57fa1302eb356ec17849fbd304ef56.woff) format("woff"), url(../_/node_modules/@qlik/lui-icons/dist/lui-icons.7efb60742c1e4b71b45441250929015c.ttf) format("truetype"); font-weight: 400; font-style: normal; } body, button, input, isindex, keygen, select, textarea { font-family: QlikView Sans, sans-serif; font-size: 13px; color: #595959; } .source-sans-pro body, .source-sans-pro button, .source-sans-pro input, .source-sans-pro isindex, .source-sans-pro keygen, .source-sans-pro select, .source-sans-pro textarea { font-family: Source Sans Pro, sans-serif; font-size: 14px; } body.lui-icon, button.lui-icon, input.lui-icon, isindex.lui-icon, keygen.lui-icon, select.lui-icon, textarea.lui-icon { font-family: LUI icons; } button:disabled { opacity: 0.6; } .qv-preload-icons { font-family: LUI icons; position: absolute; top: -999999px; left: -999999px; } .qv-preload-font, .qv-preload-font-bold { font-family: QlikView Sans, Source Sans Pro; position: absolute; top: -999999px; left: -999999px; } .qv-preload-font-bold { font-weight: 700; } .qv-panel-wrap { position: relative; width: 100%; height: 100%; overflow: hidden; margin: 0; padding: 0; background-color: #fff; } .qv-panel { position: absolute; width: 100%; height: 100%; } .qv-mode-edit .qv-panel-content { max-height: calc(100% - 35px); background: #f2f2f2; } .qv-panel-content { width: 100%; height: 100%; position: relative; z-index: 1; } .qv-panel-top { background: #f2efeb; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAAA+CAYAAABzwahEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGMzAyMzVEQjZBMTgxMUUyQTlEN0U4MTBCNDlBODE4NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGMzAyMzVEQzZBMTgxMUUyQTlEN0U4MTBCNDlBODE4NCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkYzMDIzNUQ5NkExODExRTJBOUQ3RTgxMEI0OUE4MTg0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkYzMDIzNURBNkExODExRTJBOUQ3RTgxMEI0OUE4MTg0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QK4ubgAACupJREFUeNp8m4lu4zoSRbnJzhsM5v8/9UXiMkkgGieny92A0bEtUWStt26Vc0rp4+vVvl7967W+XuXrNb5e+X7//e+438/7u4bvv68/v171fvHvhLXGfe33cx73d1nXf97frfvV7vvGfX3Fc/u9r73eda9f778rzpRwxp9rvr983geq94fpXmhgEwcOsR/WcKC9aL2v5yG5TsWh9n0Fwl667rr3dtz/7z3Me80J4T1wyHn/ne+19l63AF6H3dKZEMLEASnxgmsrpLj/9VuY6f584vMDAtr37s8v7eWA1WxBbCFsQW+rKbDGAutssI4KoeXvN/9gs/tBW1pHoMkFKS4stqAFusOUJgvcI0PbFQc6YNILwi0w4yJ3K1AArSlhH3svP6a+zYj+N7DQDExxbyDh/gOL0zQrzC9D+xmaX3hWw+G46UMmPKCkIRer2EvC2cpW5pZcg6ntQ2VcPLBAgcQZMCaEtK9lYBl4nyDEHPjt3vh13zsRX7LcqMifGZTpwhl7f0m8YaF1m33HQhWbaXf0bfC7ed+TA0knHJqu8/jLpgcERl+l9k8IlPvsEkhSXMjb1B86XMdDmMJq+v0vyzxP+HmGlDO0Sa1nRO2llFcVwEYQ2XlYBuWkiL8FNeBSr8MWpA9KOSlnJ0THjI0xkHRhgSlB2lwp8CYroN9S4EnXrCDSL6x3QiA/8aYiR09oK0G6CxtLMJ0LKWfo2m36Q7hgwtyStJRwPQPgE3/vw1Q8f2p/WW7RFZDn1t4/QlMDGjveBJkGjV144AgCSlM2aIryHeYYYYGkoJiw7pBlGlglBeP9jLo/IOrp8LEBXzZQWAGUzIoHC/cOpbsFVEdouhQUEwS2hN6m4sYj0HgFFth7/Eln/8EX++YusyXImEJ8U4GKvpyg0Z0tGj5vcJUBJTA9NqxP/2eA5YFPPDsrDe5nroIDrwAJDWwiy8+W0FrFofZBuqBuug9wQiMpADET1lDk24diQQPumHCjDuvdn3/Qxz/gw1F0L3jAkh8aXS3ha4KSpQyScd0ncjzh8pDAC/w6ytlOyVV4fSvrYJrYgWohIlOD55sUc6ryyYr0THnMwQtA5KmovHEB02ISGEpBFpq4vilOfEBIk746gMSGDtDks1mQcSI2EAESLTFQdploUgRniquBxhorLa1hxHYJ59cd1T8UxJLyIQ9C3O5cfMHULkHQolqcgSnC3F6f5W2WBTUhxaJgbBdZCT5wwa8KzDliUbKE88QDr4AleYgxmfDnElhDklXQGp9SRFJaLUJzA+CJJfCoYlloolmHbrAMXtuliQHtmA1pQVW2BGqYRUiBVeGCCcrJyiBivORiP5mhQstTHBrLTEfYLmHQjA6lMFZ2S8GJAukyXyO2in1WWNgD1zIzFdFidNteYQpVJkG/v2ReLQAnTemNWiXvRlM/5CJLkbvI/T5FeEyxQ6St+J7mvzb1VOCXNsUmFqUhhbHiqrKEDBNr4uWyYkuSOSdF6iGwtJB2GRiLrK9gDRZTP6Do+4v/if9KShtLZOGldMNDZhELPQAgBTk6KwVdQdQ2YZmE9Q8BmSnhNcSMbXHZXFoCJXwIAk6BCHJpTZpbMMMsGuh8I1yWxVkkJ3F7036XDpblkqcCZ95RvclXHkI86w3BV0QKkNrNCkisth4CIF3VW9KeLmg16/lJscCAhsiPVvKs6pJQeofSxFS0zWJcHkHXYooe5kaXUtlTPF0R1cQ9FFlfUeFyBDxcwfv1/cd/Rf2mIAcnBaclynYo1ZjX/hQrm8XHJZlug7kvxZ+kQumhAPcp+DwCJPdqITGqXgpE9sMls52q5Kbq4fQGjg7j5zcg5FD3hmytFVSCzskK6LXhNGbyr8qcFgLMDNiWKgJjBWgsqcytagw6vjQAlSJ8/5S/T1HlVezOVmyrKiWvwOxM5h1IO0vNggNkQw66l0M0lVFZUz1uxSQwMbSagnumgisB1Kv83tVZ5MMmIhZQXtOhDnVezIbycCOos4uEmZWbrzeZZr5pMizh86czUoVUpzbS3/TKhzRmfo4Ag92YEXQ4ZhC8smr8CfcbMG93UpMIT6LKJN7+RS/TNzNQGtOTA1hRv8397akDDQW/FTC4Q8GwQLBdlllFi82ggbkUAzbKPEpQUCxc0ERJHV5AqOgQbZTVVV0CI5HZ855LzY0qNjWpdb2F8y80XlQVPjb11EQwpoDKIUMauYc7pRXQtyk1VllGkikmlZQl0KQ7slWt5yR3yrr2IutJpuISqira/BLlU27fO//SznEjsYi8fAhzJ/XPZ4D6hhjfIVr6UtZ54QP3zkwqFEXQIatwIdECLE2Nd83TEC90pcCuPJ8ESlaAIaYCXRXxsa1nsU3ctBiDV5PmcgBxs3D+1MZ6wIsl8e1ZeT+pyJjCA0tVolNmF7rc8SeXIC+6s5KBtWcwClLU1954uSqlkK8/gwZGVs2dFUu6gqA1n1XYRAzxq+ipiLZVaaUJ/K+gE8q83aX9LKtZihenLCTJ2thFNXdPN5zBVIUD3APM0XMXKf/Iv0YABEYQHQ81DZq6oZf880A/jaNcvpYm+qvRh8+roK1RXBa1nMQrdveyutKVqZ6kkrGK+DOvnVWTH3KNhM2ffyEJ3SA0gOniD9xlXWJpn0VTSSwPL5lxg7+/m1BkGjLJWAE6UjAjs1lUNzIeaiNNwdRLFRgV8y+aEL8mrqr6YkM+nTWR6Kg/dG/Uy24KfEm82gyQW5J5c8iINcEZYI1Tk1wcYHph++3jp3iwGgAIVmNOPZ5LSW+Iixxw34dayk3R3QzQQlr6EPF4BWNiJ6ixF0Cq4qkIUJJ6YAM+WrHgFMmYNV0RMTPtNsMqbbtpYRJxBn34JbBCQvLSSMtrapItpKS8+G506lOA5aF7h7owU8GIuCCCpekNOOpqU1kQE2CrCAEm0eOlicpZ8u8plmSb16fmTqbSIIuaJ0z9877+Qz3yFQz4MCIn1AJJ1d9SKq2By7LL8pNBqrTTREg0tXoLDjNUNhaZ69CEMw/3GVRkKxgQKMoCbHmlQElFwbBoyO+FQyrSRZcvDlVPIxjHeMoMiZUfIv34KwSThmZdl4SRxZl1pbSGjNSUbVgPvMpal6W/mudBKmqieE+5QtJ9U4cxG0Kw8lDt/04w/FXEpZSbRagc8vFXt7aKor1EJUeTi4y4Pf0e6E9Bu+mAP3ZNIi3154aE5KpwBXRTDUx/Bhz+r8GkGmiqBbOpHqhzS6aIpzNnRhhpStj9OzcnXZKyArSGu2qIJW7+1fKixg+1d6oCxhS2Xmr8Pd+wpUmDgAQWVZRWNLVIYvIMUuUheHtpxmZEgbME3UUyGQ8NyhlbPzVrktRIvACJe3CoLeCHBMag9In3T1R4DMIeSuqq5oo4gVYCEOCaegUla4K5HcLWJ+rmbeIn1uYYdpfVMBAegqJL3yWRIS39HiX3QBA7sKO+adjNYBhgBU3Epu7JQLR3aslBvUy38chnDersJNxQg/6d5/By+nMq+vXTjKmupPtbS68upJfFeD7USDiE5UdwbxGs9URzF0YYorKLZl3I2DSPs1QNxC74Df29qS5PGh5YajV3RX+SjKdMr6Q/f7/G+ZUMkoITG0nYwL2AGiDLV0FT1ZG8grkVDu25xi3BeFULiL6pOr3KVwvQmce/hlIsXcZ7bwpwz3fwtyJS+meKQ1pzIXMIfo7052/Vsvg1A44uONyDDuh6M4nxEA1d37C2WTj/RwD/F2AAgZMMF2MfEK8AAAAASUVORK5CYII="); position: absolute; height: 42px; z-index: 5; } .dark-grey { color: #fff; background: #646566; background-image: linear-gradient(0deg, #a1a3a6, #6f7173); border: 1px solid #646566; border-top-color: hsla(0, 0%, 100%, 0.5); box-shadow: 0 1px 1px rgba(51, 51, 51, 0.5); } .dark-grey:disabled { color: #575859; } .dark-grey:active, a.dark-grey:active, button.dark-grey:active:not([disabled]), input.dark-grey:active { box-shadow: inset 0 0 5px #ccc; color: #333; } .dark-grey:hover, a.dark-grey:hover, button.dark-grey:hover:not([disabled]), input.dark-grey:hover { border: 1px solid #646566; } button.dark-grey.disabled { color: #666; } * { padding: 0; margin: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-user-select: none; -ms-user-select: none; user-select: none; } h1, h2, h3, h4, h5, h6, h7 { font-size: 100%; } body, html { width: 100%; height: 100%; position: relative; overflow: hidden; } body { touch-action: none; } input, textarea { -webkit-user-select: text; -ms-user-select: text; user-select: text; } input::-ms-clear { display: none; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } table th { vertical-align: top; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } :focus { outline: none; } @media (min--moz-device-pixel-ratio: 0) { ::-moz-focus-inner { border: 0; } } @media screen and (max-height: 480px), screen and (max-width: 640px) { @-ms-viewport { width: device-width; } } .borderbox { box-sizing: border-box; } .img-no-drag { -webkit-user-drag: none; user-drag: none; pointer-events: none; } [ng-click] { cursor: pointer; } .hidden-screen-reader-label { position: absolute; left: -9999px; top: -9999px; } .accordion h4 span .ui-accordion-header-icon { display: none; } .accordion { border-right: 1px solid #bbb; overflow: hidden; } .accordion h4 { position: relative; display: block; cursor: default; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZThlOGU4Ii8+PHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0wIDBoMXYxSDB6Ii8+PC9zdmc+); background: linear-gradient(0deg, #e8e8e8 0, #d6d6d6 65%); margin: 0; padding: 0; } .accordion h4.ui-state-disabled span.section-name { text-shadow: none; color: #aaa; } .accordion h4 .section-name { text-decoration: none !important; font-size: 15px; font-weight: 700; color: #555; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; padding-left: 15px; border-bottom: 1px solid #bbb; background-image: url(../img/library/noise.f1fea4a88877a3d1d079b4d716e1137e.png); } .source-sans-pro .accordion h4 .section-name { font-size: 16px; } .qv-dimmer { position: absolute; width: 0; height: 0%; z-index: 1010; display: none; left: 0; top: 0; pointer-events: none; } .qv-fade-out { opacity: 0 !important; transition: opacity 1s ease-out; -moz-transition: opacity 1s ease-out; -webkit-transition: opacity 1s ease-out; } .qv-fade-in { opacity: 1 !important; transition: opacity 1s ease-in; -moz-transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; } @keyframes rotateAndPause { 0% { transform: rotate(0deg); } 12% { transform: rotate(120deg); } 24% { transform: rotate(240deg); } 36% { transform: rotate(1turn); } } @keyframes rotate { 0% { transform: rotate(0deg); } to { transform: rotate(1turn); } } .qv-block-ui { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 1200; display: flex; flex-direction: column; justify-content: center; } .qv-loader-container { position: relative; margin-left: auto; margin-right: auto; opacity: 0; } .qv-loader-container.qv-loader-huge { width: 192px; height: 192px; } .qv-loader-container.qv-loader-big { width: 152px; height: 152px; } .qv-loader-container.qv-loader-medium { width: 96px; height: 96px; } .qv-loader-container.qv-loader-normal { width: 48px; height: 48px; } .qv-loader-container.qv-loader-small { width: 24px; height: 24px; } .qv-loader-container.qv-loader-tiny { width: 12px; height: 12px; } .qv-loader.white { background-image: url(../img/core/loader-white.8c2f7ae401f0f55e508279dda535655b.svg); } .qv-loader { width: 100%; height: 100%; background-image: url(../img/core/loader.1648f7681af125f23a0bc856bc85e02a.svg); background-size: 100% 100%; animation-name: rotate; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; transform: rotate(1turn); -webkit-animation-name: rotate; -webkit-animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-transform: rotate(1turn); -moz-animation-name: rotate; -moz-animation-duration: 1.5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -moz-transform: rotate(1turn); } .qv-loader-text { text-align: center; font-size: 17px; font-weight: 700; margin-top: 14px; position: relative; margin-left: auto; margin-right: auto; opacity: 0; height: 22px; } .source-sans-pro .qv-loader-text { font-size: 18px; } #qv-init-ui-blocker { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 20; } .qv-modal-container { display: flex; align-items: center; justify-content: center; } .qv-modal-container .qui-delayedModal { width: 450px; } .qv-cp-flex { display: flex; flex-direction: row; } .qv-cp-popup.qv-color-picker .content { -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; background-color: #404040; border: 1px solid #333; } .qv-cp-popup.qv-color-picker .qv-colorpicker { list-style: none; overflow: auto; margin: 2px 3px 3px 2px; width: 111px; } .qv-cp-popup.qv-color-picker .qv-colorpicker, .qv-cp-popup.qv-color-picker .qv-colorpicker *, .qv-cp-popup.qv-color-picker .qv-colorpicker.extended { -webkit-user-select: text; -ms-user-select: text; user-select: text; } .qv-cp-popup.qv-color-picker .qv-colorpicker.extended { width: 148px; margin: 2px 3px 0 2px; } .qv-cp-popup.qv-color-picker .qv-colorpicker.extended * { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .qv-cp-popup.qv-color-picker .qv-colorpicker li { margin: 3px 2px 2px 3px; float: left; width: 32px; height: 32px; line-height: 32px; cursor: pointer; font-size: 16px; font-style: normal; text-align: center; color: #fff; position: relative; } .qv-cp-popup.qv-color-picker .qv-colorpicker li.transparent { color: #000; background-color: #fff; background: linear-gradient(135deg, #fff 48%, #c14444 50%, #fff 52%); } .qv-cp-popup.qv-color-picker .qv-colorpicker li.transparent.disabled { opacity: 0.5; cursor: auto; } .qv-cp-popup.qv-color-picker .qv-colorpicker li.selected:after { content: "m"; } .qv-cp-popup.qv-color-picker .qv-colorpicker li.selected.selected-w { color: #000; } .qv-cp-popup.qv-color-picker .qv-cp-divider { height: 1px; background: hsla(0, 0%, 100%, 0.2); margin: 3px 5px 2px; } .qv-cp-popup.qv-color-picker .qv-cp-hex-result { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 3px 5px 5px; max-width: 143px; position: relative; } .qv-cp-popup.qv-color-picker .qv-cp-hex-result .qv-cp-hex-text { position: absolute; left: 32px; bottom: 6px; color: hsla(0, 0%, 100%, 0.6); font-size: 16px; width: 18px; height: 32px; text-align: center; cursor: pointer; line-height: 32px; pointer-events: none; } .qv-cp-popup.qv-color-picker .qv-cp-hex-result .qv-cp-hex-input { width: 0; height: 32px; margin: 0 5px 0 0; padding-left: 35px; border: none; flex: 1 1 auto; text-align: center; background-color: hsla(0, 0%, 100%, 0.2); color: hsla(0, 0%, 100%, 0.8); border-radius: 3px; box-sizing: border-box; } .qv-cp-popup.qv-color-picker .qv-cp-hex-result .qv-cp-hex-input:hover:not(:active):not(:focus) { border: 1px solid #fff; } .qv-cp-popup.qv-color-picker .qv-cp-hex-result .qv-cp-hex-input:active, .qv-cp-popup.qv-color-picker .qv-cp-hex-result .qv-cp-hex-input:focus { color: #fff; border: 2px solid #52a2cc; } .qv-cp-popup.qv-color-picker .qv-cp-hex-result .qv-cp-preview { width: 24px; height: 24px; box-sizing: border-box; border: 1px solid #4d4d4d; position: absolute; left: 9px; bottom: 9px; } .qv-cp-popup.qv-color-picker .qv-cp-hex-result .qv-cp-preview.transparent { background-color: #fff; background: linear-gradient(135deg, #fff 48%, #c14444 50%, #fff 52%); } .qv-cp-popup.qv-color-picker .qv-cp-hex-result .qv-cp-preview.transparent:after { border-bottom-color: #262626; border-top-color: #262626; } .qv-cp-popup.qv-color-picker .qv-cp-hex-result .qv-cp-switch { height: 32px; flex: 0 1 auto; text-align: center; line-height: 30px; } .qv-cp-glyphs-title { color: hsla(0, 0%, 100%, 0.8); margin: 3px; font-weight: 700; } .qv-cp-glyphs { list-style: none; overflow: auto; margin: 2px; max-width: 90px; display: inline-block; color: hsla(0, 0%, 100%, 0.8); } .qv-cp-glyphs .lui-fade-button { margin: 1px; float: left; width: 28px; min-width: 28px; height: 28px; cursor: pointer; font-style: normal; text-align: center; } .qv-cp-glyphs .lui-fade-button.border { border: 1px solid #666; box-sizing: border-box; } .qv-cp-flex-new { display: flex; flex-direction: row; } .qv-cp-popup.qv-color-picker-new { min-width: 200px; z-index: 1200; } .colorpicker-button.lui-button { padding-left: 4px; padding-right: 4px; width: 55px; } .colorpicker-button.lui-button.qui-disabled .qv-color-picker-preview:after, .colorpicker-button.lui-button[disabled] .qv-color-picker-preview:after { content: ""; left: -1px; top: -1px; width: 18px; height: 18px; position: absolute; background-color: hsla(0, 0%, 100%, 0.5); } .colorpicker-button.lui-button .qv-color-picker-preview { width: 18px; height: 18px; border: 1px solid #666; box-sizing: border-box; position: relative; cursor: pointer; display: inline-block; font-size: 14px; margin: 4px 5px 4px -7px; } .colorpicker-button.lui-button .qv-color-picker-preview.transparent { background-color: #fff; background: linear-gradient(135deg, #fff 48%, #c14444 50%, #fff 52%); } .qv-cp-main-stage-new { height: 162px; } div.color-palette { overflow-x: hidden; overflow-y: auto; height: 162px; min-height: 100%; } .qv-colorpicker-new { width: 190px; list-style: none; position: relative; padding-left: 10px; padding-top: 10px; } .qv-colorpicker-new, .qv-colorpicker-new * { -webkit-user-select: text; -ms-user-select: text; user-select: text; } .qv-colorpicker-new * { -webkit-user-select: none; -ms-user-select: none; user-select: none; } .qv-colorpicker-new.recent { padding-top: 0; } .qv-colorpicker-new li { margin-right: 8px; margin-bottom: 8px; float: left; width: 28px; height: 28px; line-height: 28px; cursor: pointer; font-size: 16px; font-style: normal; text-align: center; color: #fff; position: relative; border: 1px solid #737373; } .qv-colorpicker-new li.transparent { color: #000; background-color: #fff; background: linear-gradient(135deg, #fff 48%, #c14444 50%, #fff 52%); } .qv-colorpicker-new li.transparent.disabled { opacity: 0.5; cursor: auto; } .qv-colorpicker-new li.no-margin { padding-top: 0; margin-bottom: 10px; } .qv-colorpicker-new li.selected-w { color: #000; } .qv-cp-divider-new { height: 1px; background: hsla(0, 0%, 100%, 0.2); } .qv-colorpicker-recent-wrapper { height: 59px; } .recently-used-text { padding: 0 0 0 10px; display: block; margin-bottom: 2px; margin-top: 2px; } .qv-cp-hex-result-new { width: 180px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 10px; position: relative; } .qv-cp-hex-result-new .qv-cp-hex-text { position: absolute; left: 55px; top: 10px; color: hsla(0, 0%, 100%, 0.6); font-size: 16px; width: 18px; height: 32px; text-align: center; cursor: pointer; line-height: 32px; pointer-events: none; } .qv-cp-hex-result-new .qv-cp-hex-input { width: 0; height: 32px; margin: 0 5px 0 0; padding-left: 35px; border: none; flex: 1 1 auto; text-align: center; background-color: hsla(0, 0%, 100%, 0.2); color: hsla(0, 0%, 100%, 0.8); border-radius: 3px; box-sizing: border-box; } .qv-cp-hex-result-new .qv-cp-hex-input:hover:not(:active):not(:focus) { border: 1px solid #fff; } .qv-cp-hex-result-new .qv-cp-hex-input:active, .qv-cp-hex-result-new .qv-cp-hex-input:focus { color: #fff; border: 2px solid #52a2cc; } .qv-cp-hex-result-new .qv-cp-preview { width: 24px; height: 24px; box-sizing: border-box; border: 1px solid #4d4d4d; position: absolute; left: 19px; top: 14px; } .qv-cp-hex-result-new .qv-cp-preview.transparent { background-color: #fff; background: linear-gradient(135deg, #fff 48%, #c14444 50%, #fff 52%); } .qv-cp-hex-result-new .qv-cp-preview.transparent:after { border-bottom-color: #262626; border-top-color: #262626; } .qv-cp-hex-result-new .qv-cp-preview-none { width: 28px; height: 28px; box-sizing: border-box; border: 1px solid #4d4d4d; position: relative; margin-right: 14px; background: -webkit-linear-gradient(-45deg, #fff 48%, #c14444 50%, #fff 52%); } .qv-cp-hex-result-new .qv-cp-preview-none.transparent { background-color: #fff; background: linear-gradient(135deg, #fff 48%, #c14444 50%, #fff 52%); } .qv-cp-hex-result-new .qv-cp-preview-none.transparent:after { border-bottom-color: #262626; border-top-color: #262626; } .qv-cp-hex-result-new .qv-cp-switch { height: 32px; flex: 0 1 auto; text-align: center; line-height: 30px; } .qv-cp-glyphs-title-new { color: hsla(0, 0%, 100%, 0.8); margin: 3px; font-weight: 700; } .qv-cp-glyphs-new { list-style: none; overflow: auto; margin: 2px; max-width: 90px; display: inline-block; color: hsla(0, 0%, 100%, 0.8); } .qv-cp-glyphs-new .lui-fade-button { margin: 1px; float: left; width: 28px; min-width: 28px; height: 28px; cursor: pointer; font-style: normal; text-align: center; } .qv-cp-glyphs-new .lui-fade-button.border { border: 1px solid #666; box-sizing: border-box; } .spinner { opacity: 1; z-index: 1; } .spinner.ng-hide-remove { transition: opacity 0.5s linear; opacity: 0; display: block !important; } .spinner.ng-hide-remove-active { opacity: 1; } .spinner.ng-hide-add { transition: opacity 0.5s linear; opacity: 1; display: block !important; } .spinner.ng-hide-add-active { opacity: 0; } .spinner.center-in-parent { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .spinner .qv-loader { height: 100%; top: 0; } .spinner .qv-loader, .stage-dimmer { width: 100%; position: absolute; left: 0; } .stage-dimmer { bottom: 0; z-index: 29; background-color: #fff; opacity: 0; transition: opacity 0.2s ease-out; } .stage-dimmer.open { opacity: 0.4; } .dimmer-cont { position: relative; overflow: hidden; } .dimmer-cont .dimmer-scroll { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; border-bottom: 1px solid transparent; width: 100%; white-space: pre-wrap; word-wrap: break-word; } .dimmer-cont .top { border-top: 1px solid hsla(0, 0%, 100%, 0.3); } .dimmer-cont .bottom { border-bottom: 1px solid hsla(0, 0%, 100%, 0.3); } .qv-bouncy { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 5px; } .qv-alert-dialog { width: 90%; max-width: 500px; } .qv-alert-dialog .inline-title { font-size: 14px; margin-bottom: 15px; } .qv-confirm-dialog { width: 90%; max-width: 500px; } .qv-confirm-dialog .inline-title { font-size: 14px; margin-bottom: 15px; } .qv-confirm-dialog .message { display: flex; flex-direction: row; } .qv-confirm-dialog .message .message-icon { font-size: 55px; align-self: center; } .qv-confirm-dialog .message .body-message { padding: 5px 5px 5px 15px; text-overflow: ellipsis; overflow: hidden; align-self: center; } .qv-scroll-loader { position: absolute; background-color: #fff; opacity: 0; transition: opacity 0.4s; } .qv-scroll-loader.fade { opacity: 1; } .qv-scroll-data-load-buttons { box-sizing: border-box; text-align: center; height: 48px; padding: 10px; position: relative; } .scroll-area { position: relative; overflow: hidden; } .scroll-area.native-scroll-enabled { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .scroll-content { width: 100%; z-index: 0; } .scroll-content > .align-bottom { position: absolute; bottom: 0; width: 100%; } .scrollbar-track { position: absolute; z-index: 2; background: rgba(1, 1, 1, 0); transition: opacity 0.8s; opacity: 0; -webkit-border-radius: 4px; -webkit-background-clip: padding-box; -moz-border-radius: 4px; -moz-background-clip: padding; border-radius: 4px; background-clip: padding-box; } .scrollbar-track.fade { opacity: 1; } .scrollbar-hitarea { position: absolute; z-index: 1; } .scrollbar-track.vertical .scrollbar-hitarea { top: 0; height: 100%; } .scrollbar-track.horizontal .scrollbar-hitarea { left: 0; width: 100%; } .scrollbar-thumb { position: absolute; z-index: 2; background: rgba(50, 50, 50, 0.3); -webkit-border-radius: 4px; -webkit-background-clip: padding-box; -moz-border-radius: 4px; -moz-background-clip: padding; border-radius: 4px; background-clip: padding-box; } .scrollbar-thumb.active, .touch-off .scrollbar-thumb:hover { background: rgba(50, 50, 50, 0.5); } .scrollbar-track.vertical .scrollbar-thumb { right: 0; width: 100%; } .scrollbar-track.horizontal .scrollbar-thumb { bottom: 0; height: 100%; } .scroll-affordance { position: absolute; z-index: 1; pointer-events: none; } .scroll-affordance.vertical.min { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLW9wYWNpdHk9Ii4wNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==); background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0, transparent); } .scroll-affordance.vertical.max { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3Atb3BhY2l0eT0iLjA1Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==); background-image: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, 0.05)); } .scroll-affordance.horizontal.min { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLW9wYWNpdHk9Ii4wNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==); background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0, transparent); } .scroll-affordance.horizontal.max { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3Atb3BhY2l0eT0iLjA1Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==); background-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, 0.05)); } .qv-snapshot .scroll-affordance { display: none; } #media-library-upload .media-library-preview-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-y: scroll; } #media-library-upload .media-library-preview-container .q-media-grid.selected-img { border: 1px solid #52a2cc; box-shadow: inset 0 0 1px #52a2cc; } #media-library-upload .media-library-preview-container .q-media-grid.dz-complete .cancel-upload-area, #media-library-upload .media-library-preview-container .q-media-grid.dz-complete .preview-progress { display: none; } #media-library-upload .media-library-preview-container .q-media-grid.dz-complete .q-media-img { zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } #media-library-upload .media-library-preview-container .q-media-grid.dz-error .q-media-img { zoom: 1; filter: alpha(opacity=40); -webkit-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; } #media-library-upload .media-library-preview-container .q-media-grid.dz-error .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.4); display: block; } #media-library-upload .media-library-preview-container .q-media-grid.dz-error .error-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5px; } #media-library-upload .media-library-preview-container .q-media-grid.dz-processing .preview-progressbar { background: #52cc52; } #media-library-upload .media-library-preview-container .error-icon { flex: 0 0 26px; position: relative; width: 100%; font-size: 26px; color: #ffce26; text-align: center; } #media-library-upload .media-library-preview-container .error-text { flex: 1 1 100%; font-size: 13px; text-align: center; color: #fff; width: 100%; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; } .source-sans-pro #media-library-upload .media-library-preview-container .error-text { font-size: 14px; } #media-library-upload .media-library-preview-container .q-media-wrap-img { background: #d9d9d9; } #media-library-upload .media-library-preview-container .q-media-img { zoom: 1; filter: alpha(opacity=40); -webkit-opacity: 0.4; -moz-opacity: 0.4; opacity: 0.4; } #media-library-upload .media-library-preview-container .preview-area { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #media-library-upload .media-library-preview-container .preview-area .insert-button { margin: auto; } #media-library-upload .media-library-preview-container .preview-area-edit { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; } #media-library-upload .media-library-preview-container .touch-area { width: 30px; height: 30px; } #media-library-upload .media-library-preview-container .cancel-upload { margin-top: 4px; margin-left: 4px; } #media-library-upload .media-library-preview-container .delete-image-area { position: absolute; right: 0; } #media-library-upload .media-library-preview-container .delete-image { margin-top: 4px; margin-right: 3px; } #media-library-upload .media-library-preview-container .dz-error { cursor: default; } #media-library-upload .media-library-preview-container .dz-error .error-message { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #media-library-upload .media-library-preview-container .preview-progress { height: 30px; background: #fff; position: relative; top: -33px; display: flex; } #media-library-upload .media-library-preview-container .preview-progressbar-wrapper { height: 3px; background: #e6e6e6; flex: 0 0 90%; margin: auto; position: relative; } #media-library-upload .media-library-preview-container .preview-progressbar { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 0; } #media-library-upload { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; } #media-library-upload .bouncy-wrap { position: relative; } #media-library-upload .bouncy-wrap:not(.empty) { flex: 1 1 100%; } #media-library-upload #media-library-dropzone { cursor: pointer; display: flex; justify-content: center; align-items: center; color: rgba(89, 89, 89, 0.6); } #media-library-upload #media-library-dropzone.dz-drag-hover { border: 2px solid #52a2cc; } .touch-off #media-library-upload #media-library-dropzone.dz-drag-hover { color: #595959; } #media-library-upload #media-library-dropzone .upload-drop-text { font-size: 17px; font-weight: 700; word-wrap: break-word; margin-bottom: 3px; } .source-sans-pro #media-library-upload #media-library-dropzone .upload-drop-text { font-size: 18px; } #media-library-upload #media-library-dropzone .upload-drop-icon-wrap { position: relative; text-align: center; height: 90px; line-height: 90px; } #media-library-upload #media-library-dropzone .lui-icon--upload { font-size: 52px; } #media-library-upload #media-library-dropzone .upload-drop-quota { text-align: center; } #media-library-upload #media-library-dropzone.empty { flex: 1 1 100%; } #media-library-upload #media-library-dropzone:not(.empty) { flex: 0 0 146px; border-top: 2px solid rgba(0, 0, 0, 0.2); border-bottom: 2px solid transparent; } #media-library-upload #media-library-dropzone:not(.empty).dz-drag-hover { border-top: 2px solid #52a2cc; border-bottom: 2px solid #52a2cc; } .touch-off #media-library-upload #media-library-dropzone:hover { color: #595959; } #media-library-modal { width: calc(100% - 200px); height: calc(100% - 200px); } #media-library-modal .side-menu { -webkit-overflow-scrolling: touch; overflow-y: auto; flex: 1 1 100%; } #media-library-modal .media-list-cont-item, #media-library-modal .side-menu-item, #media-library-modal .upload-menu-item { cursor: pointer; } #media-library-modal .media-list-cont-item.selected, #media-library-modal .side-menu-item.selected, #media-library-modal .upload-menu-item.selected { font-weight: 700; } #media-library-modal .dialog-body { display: flex; overflow: hidden; } #media-library-modal .q-section-list { display: flex; flex-direction: column; flex: 0 0 20%; min-width: 150px; max-width: 300px; border-right: 1px solid rgba(0, 0, 0, 0.2); } #media-library-modal .q-section-upload { border-top: 1px solid rgba(0, 0, 0, 0.1); } #media-library-modal .q-section-upload .qv-loader { flex: 0 0 20px; height: 20px; align-self: center; } #media-library-modal .q-images-cont { flex: 1 1 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; position: relative; } #media-library-modal .q-images-cont.q-image-library { overflow-y: scroll; border-right: 1px solid rgba(0, 0, 0, 0.2); } #media-library-modal .qv-block-ui { position: relative; flex: 1 1 100%; align-self: center; } #media-library-modal .q-empty { flex: 1 1 100%; align-self: center; text-align: center; font-size: 17px; } .source-sans-pro #media-library-modal .q-empty { font-size: 18px; } #media-library-modal .q-media-grid { cursor: pointer; background: #fff; border: 1px solid rgba(0, 0, 0, 0.2); position: relative; float: left; width: 165px; height: 165px; margin: 5px 5px 25px; } #media-library-modal .q-media-grid .q-media-name { -webkit-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: absolute; left: 0; background-color: #fff; width: 100%; height: 20px; line-height: 20px; font-size: 13px; bottom: -22px; } .source-sans-pro #media-library-modal .q-media-grid .q-media-name { font-size: 14px; } #media-library-modal .q-media-preview { display: flex; flex-direction: column; } @media screen and (min-width: 768px) and (min-height: 481px) { #media-library-modal .q-media-preview { flex: 0 0 50%; } } @media screen and (min-width: 641px) and (max-width: 767px) and (min-height: 481px) { #media-library-modal .q-media-preview { flex: 0 0 33%; } } @media screen and (max-height: 480px), screen and (max-width: 640px) { #media-library-modal .q-media-preview { flex: 0 0 20%; } } #media-library-modal .q-media-preview .q-media-img-list { position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-sizing: border-box; padding: 5px; max-width: 100%; max-height: 100%; margin: auto; } #media-library-modal .q-media-preview-toolbar { display: flex; flex: 0 0 60px; justify-content: flex-end; align-items: center; padding-right: 10px; } #media-library-modal .q-media-preview-bottom-toolbar { display: flex; flex: 0 0 60px; justify-content: center; align-items: center; } #media-library-modal .q-media-preview-img-wrapper { position: relative; flex: 1 1 100%; } #media-library-modal .q-media-wrap-img { position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; margin: auto; overflow: hidden; } #media-library-modal .q-media-inuse { position: absolute; top: 0; left: 0; right: 0; height: 100%; background-color: rgba(0, 0, 0, 0.4); } #media-library-modal .selected-img .list-name { font-weight: 700; } #media-library-modal .selected-img .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: rgba(0, 0, 0, 0.3); transition: all 0.15s, transform 0.15s; display: block; } #media-library-modal .overlay { display: none; } #media-library-modal .q-media-buttons { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #media-library-modal .q-media-buttons .lui-overlay-button { position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; } #media-library-modal .q-image-library .q-media-img, .q-media-zoomed { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .q-media-zoomed { background-color: rgba(0, 0, 0, 0.8); z-index: 100; } .q-media-zoomed .q-media-z-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 3px; background-color: #fff; margin: 10%; } .q-media-zoomed .q-media-z-cont { position: absolute; top: 0; left: 0; right: 0; border-bottom: 1px solid #d9d9d9; bottom: 48px; } .q-media-zoomed .q-media-z-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; box-sizing: border-box; padding: 5px; margin: auto; max-width: 100%; max-height: 100%; } .q-media-zoomed .q-media-zoom-footer { background-color: #fff; position: absolute; bottom: 0; left: 0; right: 0; } .touch-off #media-library-modal .q-media-grid:hover .q-media-inuse { background-color: rgba(0, 0, 0, 0.1); } .touch-off #media-library-modal .q-media-grid:hover .overlay { display: block; background-color: rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .qv-contextmenu { min-width: 200px; max-width: 300px; z-index: 1200; } .qv-contextmenu .lui-popover { overflow-x: hidden; overflow-y: auto; } .qv-contextmenu .next-icon { margin-right: 5px; font-size: 12px; } .qv-contextmenu .qv-contextmenu-has-submenu .lui-list__text { width: calc(100% - 15px); } .qv-contextmenu .lui-list__item:first-child { tabindex: 0; } .qv-contextmenu .context-divider { border-top: 2px solid #999; } .qv-contextmenu .lui-list { overflow-y: auto; max-height: 304px; } .qv-contextmenu .lui-list__item { position: relative; overflow: hidden; height: auto; } .qv-contextmenu .lui-list__item.back-item { font-weight: 700; } .qv-contextmenu .lui-list__item:focus { background-color: #f2f2f2; } .qv-contextmenu .lui-list__item .back-icon { font-size: 12px; } .qv-contextmenu .lui-list__item .lui-list__text { box-sizing: border-box; height: auto; max-height: 50px; word-wrap: break-word; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; } .qv-contextmenu .lui-list__item .fader { position: absolute; right: 10px; top: 32px; width: 20%; height: 25px; background-image: 8121991; background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff); } .touch-off .lui-list__aside li:not([disabled]):focus .fader, .touch-off .lui-list__aside li:not([disabled]):hover .fader, .touch-off .lui-list li:not([disabled]):focus .fader, .touch-off .lui-list li:not([disabled]):hover .fader { background-image: 8121991; background-image: linear-gradient(90deg, hsla(0, 0%, 94.9%, 0), #f2f2f2); } #actionIndicator { z-index: 9999; position: absolute; top: -9999px; left: -9999px; width: 100px; height: 100px; -webkit-border-radius: 50px; -webkit-background-clip: padding-box; -moz-border-radius: 50px; -moz-background-clip: padding; border-radius: 50px; background-clip: padding-box; background-color: #f8981d; opacity: 0.12; animation: actionIndicatorAnimation 0.5s; } @keyframes actionIndicatorAnimation { 0% { opacity: 0; } 10% { opacity: 0.7; } to { opacity: 0.12; } 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } to { transform: rotate(1turn); -webkit-transform: rotate(1turn); } } .tiny-editor { position: relative; height: 50px; background-color: #fff; resize: none; } .tiny-editor.disable-edit { background-color: #e6e6e6; color: rgba(89, 89, 89, 0.8); } .tiny-editor .textarea-wrapper { width: calc(100% - 33px); height: 100%; box-sizing: border-box; } .tiny-editor .wrapped-textarea { width: 100%; height: 100%; resize: none; border: none; box-sizing: border-box; overflow: auto; background-color: transparent; } .tiny-editor .edit-expression { position: absolute; top: auto; bottom: 6px; right: 2px; width: 32px; text-align: center; } .tiny-editor .edit-expression .lui-icon.active { color: #f8981d; } .transparent-overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: 1020; } .transparent-overlay .transparent-overlay-scroll { -webkit-overflow-scrolling: touch; overflow: scroll; background-color: transparent; position: absolute; top: -25px; left: -25px; bottom: -25px; right: -25px; } .sheet-grid .transparent-overlay .transparent-overlay-scroll { top: 0; left: 0; bottom: 0; right: 0; } .qv-generic-loading-dialog { width: 450px; height: 250px; } .qv-generic-loading-dialog .dialog-body .qv-loader { height: 100px; width: 100px; padding-bottom: 28px; margin: auto; } .qv-generic-loading-dialog .dialog-body .message { text-align: center; } .error-dialog { min-height: 178px; min-width: 200px; max-width: 500px; width: auto; margin: 0; } .qui-delayedModal { font-family: QlikView Sans, sans-serif; display: flex; flex-direction: column; -webkit-border-radius: 10px; -webkit-background-clip: padding-box; -moz-border-radius: 10px; -moz-background-clip: padding; border-radius: 10px; background-clip: padding-box; background-color: #404040; padding: 10px 2px 0; } .source-sans-pro .qui-delayedModal { font-family: Source Sans Pro, sans-serif; } @media screen and (min-width: 641px) and (min-height: 481px) { .qui-delayedModal { box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); } } .qui-delayedModal .dm-header { flex: 0 auto; background-color: #fff; color: #595959; font-size: 17px; font-weight: 700; padding: 20px 20px 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; min-height: 20px; } .source-sans-pro .qui-delayedModal .dm-header { font-size: 18px; } .qui-delayedModal .dm-main { flex: 1 auto; overflow: hidden; display: block; min-height: 70px; background-color: #fff; color: #595959; font-size: 15px; padding: 5px 20px 10px; } .source-sans-pro .qui-delayedModal .dm-main { font-size: 16px; } .qui-delayedModal .dm-main p { word-wrap: break-word; overflow: hidden; } .qui-delayedModal .dm-main .dm-p { padding-bottom: 30px; } .qui-delayedModal .dm-main .dm-pb { padding-bottom: 20px; } .qui-delayedModal .dm-main .dm-pt { padding-top: 20px; } .qui-delayedModal .dm-footer { flex: 0 auto; padding-bottom: 10px; margin: 10px 10px 0; text-align: right; min-height: 28px; } .qui-delayedModal .dm-footer button { margin-left: 10px; } .cp-hue-sat { padding: 4px 13px 0 14px; width: 126px; height: 126px; } .cp-hue-sat .cp-hue-sat-wheel { display: inline-block; position: relative; width: 126px; height: 126px; border-radius: 100px; background-image: url(../img/colorpicker/hue-sat-wheel-small.1cc0b0957073c9ce18dbaee68711ce3d.png); cursor: pointer; } @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { .cp-hue-sat .cp-hue-sat-wheel { background-image: url(../img/colorpicker/hue-sat-wheel.0ba780bf07e1761cc57e8f77a6b85d05.png); background-size: 126px; } } .cp-hue-sat .cp-hue-sat-wheel .cp-hsw-overlay { background: transparent; border-radius: 100px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .cp-hue-sat .cp-hue-sat-wheel .cp-hsw-pointer { position: absolute; margin-left: -5px; margin-top: -5px; width: 10px; height: 10px; border-radius: 5px; box-sizing: border-box; border: 2px solid #595959; left: 70px; top: 70px; } .cp-hue-sat .cp-hue-sat-wheel .cp-hsw-pointer .cp-hsw-inside { border-radius: 3px; width: 6px; height: 6px; box-sizing: border-box; border: 2px solid #f6f6f6; } .cp-value { padding: 7px 5px; } .cp-value .cp-val-slider { display: block; position: relative; border-radius: 3px; width: 100%; height: 6px; border: 1px solid #b3b3b3; background-image: 8121991; background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #000); box-sizing: border-box; } .cp-value .cp-val-slider .cp-val-pointer { position: absolute; top: -7px; width: 18px; height: 18px; left: 9px; margin-left: -10px; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.1); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTZlNmU2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==); background-image: linear-gradient(0deg, #e6e6e6, #fff); border-radius: 10px; cursor: pointer; } .cp-value .cp-val-slider .cp-val-pointer:focus { border: 2px solid #52a2cc; } .cp-value .cp-val-slider .cp-val-pointer:hover { border: 1px solid rgba(0, 0, 0, 0.6); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDlkOWQ5Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBmaWxsPSJ1cmwoI2EpIiBkPSJNMCAwaDF2MUgweiIvPjwvc3ZnPg==); background-image: linear-gradient(0deg, #d9d9d9, #fff); } .cp-value .cp-val-slider .cp-val-pointer:active { border: 1px solid #1a1a1a; background-color: #1a1a1a; } .cp-hue-sat-new { padding: 4px 37px 0; width: 126px; height: 126px; } .cp-hue-sat-new .cp-hue-sat-wheel { display: inline-block; position: relative; width: 126px; height: 126px; border-radius: 100px; background-image: url(../img/colorpicker/hue-sat-wheel-small.1cc0b0957073c9ce18dbaee68711ce3d.png); cursor: pointer; } @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-devicepixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { .cp-hue-sat-new .cp-hue-sat-wheel { background-image: url(../img/colorpicker/hue-sat-wheel.0ba780bf07e1761cc57e8f77a6b85d05.png); background-size: 126px; } } .cp-hue-sat-new .cp-hue-sat-wheel .cp-hsw-overlay { background: transparent; border-radius: 100px; position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .cp-hue-sat-new .cp-hue-sat-wheel .cp-hsw-pointer { position: absolute; margin-left: -5px; margin-top: -5px; width: 10px; height: 10px; border-radius: 5px; box-sizing: border-box; border: 2px solid #595959; left: 70px; top: 70px; } .cp-hue-sat-new .cp-hue-sat-wheel .cp-hsw-pointer .cp-hsw-inside { border-radius: 3px; width: 6px; height: 6px; box-sizing: border-box; border: 2px solid #f6f6f6; } .qv-guidance-popover { width: 300px; transition: opacity 0.5s; } .qv-guidance-popover .qv-guidance-popover-content { overflow: hidden; text-align: center; } .qv-guidance-popover .qv-guidance-popover-content .qv-guidance-popover-title { font-size: 15px; font-weight: 700; } .source-sans-pro .qv-guidance-popover .qv-guidance-popover-content .qv-guidance-popover-title { font-size: 16px; } .qv-guidance-popover .qv-guidance-popover-content .qv-guidance-popover-message { font-size: 13px; } .source-sans-pro .qv-guidance-popover .qv-guidance-popover-content .qv-guidance-popover-message { font-size: 14px; } .qv-guidance-popover .qv-guidance-popover-content .qv-guidance-popover-button { padding-top: 20px; } .qv-alert-dialog .error-dialog-code-box { margin: 15px 0 0; padding: 15px; background: #eee; width: 90%; display: block; overflow: scroll; } .rain-loader { position: relative; background-color: #fff; } .rain-loader .progress-loader div { opacity: 0; position: absolute; width: 65%; height: 65%; } .rain { position: absolute; height: 100%; width: 100%; background-color: #fff; opacity: 1; z-index: 21; } .rain.qv-transparent-background { opacity: 0.75; } .rain .rain-image-container { display: flex; top: 0; bottom: 0; right: 0; left: 0; position: absolute; z-index: 1; width: 45%; height: 45%; margin: auto; } .rain .ng-hide-remove { transition: opacity 0.3s linear; opacity: 0; display: block !important; } .rain .ng-hide-remove-active { opacity: 0.8; } .rain .ng-hide-add { transition: opacity 0.3s linear; opacity: 0.8; display: block !important; } .rain .ng-hide-add-active { opacity: 0; } .rain .path { fill: #ccc; } .rain .progress { position: absolute; height: 100%; width: 100%; } .rain .rain-progress { position: absolute; justify-content: center; display: flex; align-items: center; } .rain .progress-div { position: relative; width: 100%; height: 100%; background-image: url(../img/core/loader.1648f7681af125f23a0bc856bc85e02a.svg); max-height: 160px; max-width: 160px; } .rain .rotating { animation: rotating 0.8s linear infinite; transform: translateZ(0); -webkit-transform: translateZ(0); opacity: 0.4; } .rain .progress-div div { opacity: 0; position: absolute; width: 65%; height: 65%; } .rain .one { animation: drop1 2.2s linear infinite; top: -2.5%; left: 10%; } .rain svg { width: 100%; height: 100%; } .rain .two { animation: drop2 2.2s linear infinite; top: 40%; left: -10%; } .rain .three { animation: drop3 2.2s linear infinite; top: 10%; left: 45%; } .rain .four { animation: drop4 2.2s linear infinite; top: 60%; left: 35%; } .rain .five { animation: drop5 2.2s linear infinite; top: 0; left: 13%; } .rain .six { animation: drop6 2.2s linear infinite; top: 65%; left: -12%; } .rain .seven { animation: drop7 2.2s linear infinite; top: 3%; left: -7%; } @keyframes drop1 { 12% { opacity: 0; transform: scale(0.93); } 23% { opacity: 1; transform: scale(0.963); } 35% { opacity: 0; transform: scale(1); } } @keyframes drop2 { 26% { opacity: 0; transform: scale(0.44); } 30% { opacity: 1; transform: scale(0.446); } 48% { opacity: 0; transform: scale(0.5); } } @keyframes drop3 { 38% { opacity: 0; transform: scale(0.1); } 42% { opacity: 1; transform: scale(0.2); } 62% { opacity: 0; transform: scale(0.3); } } @keyframes drop4 { 48% { opacity: 0; transform: scale(0.2); } 55% { opacity: 1; transform: scale(0.3); } 74% { opacity: 0; transform: scale(0.4); } } @keyframes drop5 { 60% { opacity: 0; transform: scale(0.8); } 67% { opacity: 1; transform: scale(0.83); } 80% { opacity: 0; transform: scale(0.95); } } @keyframes drop6 { 70% { opacity: 0; transform: scale(0.01); } 76% { opacity: 1; transform: scale(0.08); } 89% { opacity: 0; transform: scale(0.16); } } @keyframes drop7 { 80% { opacity: 0; transform: scale(0.27); } 86% { opacity: 1; transform: scale(0.38); } to { opacity: 0; transform: scale(0.46); } } @keyframes rotating { 0% { opacity: 0; } 10% { opacity: 0.7; } to { opacity: 0.12; } 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } to { transform: rotate(1turn); -webkit-transform: rotate(1turn); } } .qs-pong { position: absolute; height: 100%; width: 100%; background-color: #fff; opacity: 1; z-index: 21; } .qs-pong.qv-transparent-background { opacity: 0.75; } .qs-pong .qv-loader-container, .qs-pong .qv-loader-container.qv-loader-big, .qs-pong .qv-loader-container.qv-loader-huge, .qs-pong .qv-loader-container.qv-loader-medium, .qs-pong .qv-loader-container.qv-loader-normal, .qs-pong .qv-loader-container.qv-loader-small, .qs-pong .qv-loader-container.qv-loader-tiny { width: 200px; height: auto; } .qs-pong .qs-pong-loader-logo { overflow: hidden; position: relative; } .qs-pong .qs-pong-loader-logo svg { max-width: 100%; margin-bottom: 14px; } .qs-pong .qv-ping-pong-progress-bar { animation: sideToside 2s ease-in-out infinite; -webkit-animation: sideToside 2s ease-in-out 0.5s infinite; background-color: #009845; height: 2px; position: absolute; width: 50%; bottom: 2px; } .qs-pong .ng-hide-remove { transition: opacity 0.3s linear; opacity: 0; display: block !important; } .qs-pong .ng-hide-remove-active { opacity: 0.8; } .qs-pong .ng-hide-add { transition: opacity 0.3s linear; opacity: 0.8; display: block !important; } .qs-pong .ng-hide-add-active { opacity: 0; } @keyframes sideToside { 0%, to { transform: translateX(-30%); } 50% { transform: translateX(130%); } } .fullscreen-message { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .fullscreen-message .msg-text { width: 300px; font-size: 15px; text-align: center; } .source-sans-pro .fullscreen-message .msg-text { font-size: 16px; } .block-permission { width: 100%; height: 100%; background: hsla(0, 0%, 100%, 0.85); display: flex; flex-direction: column; justify-content: center; position: absolute; z-index: 6; overflow-y: auto; } .block-permission div { text-align: center; width: 100%; } .block-permission div p { font-size: 17px; } .source-sans-pro .block-permission div p { font-size: 18px; } .block-permission div button { margin-top: 20px; } .block-permission .annotations-blocker { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent; z-index: 22; } .block-permission .hint-content { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 50%; } .block-permission .hint-content p { width: 100%; } .lui-icon { display: inline-block; text-transform: none; direction: ltr; font-family: LUI icons; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lui-icon--abort:before { content: "abort"; } .lui-icon--add:before { content: "add"; } .lui-icon--align-center:before { content: "align_center"; } .lui-icon--align-left:before { content: "align_left"; } .lui-icon--align-object-center:before { content: "align_object_center"; } .lui-icon--align-object-left:before { content: "align_object_left"; } .lui-icon--align-object-right:before { content: "align_object_right"; } .lui-icon--align-right:before { content: "align_right"; } .lui-icon--analyze:before { content: "analyze"; } .lui-icon--application:before { content: "application"; } .lui-icon--approve:before { content: "approve"; } .lui-icon--arrow-down:before { content: "arrow_down"; } .lui-icon--arrow-down-2:before { content: "arrow_down_2"; } .lui-icon--arrow-left:before { content: "arrow_left"; } .lui-icon--arrow-right:before { content: "arrow_right"; } .lui-icon--arrow-up:before { content: "arrow_up"; } .lui-icon--arrow-up-2:before { content: "arrow_up_2"; } .lui-icon--ascending:before { content: "ascending"; } .lui-icon--associate:before { content: "associate"; } .lui-icon--auto-layout:before { content: "auto_layout"; } .lui-icon--back:before { content: "back"; } .lui-icon--bar-chart:before { content: "bar_chart"; } .lui-icon--bar-chart-horizontal:before { content: "bar_chart_horizontal"; } .lui-icon--bars-grouped:before { content: "bars_grouped"; } .lui-icon--bars-horizontal:before { content: "bars_horizontal"; } .lui-icon--bars-stacked:before { content: "bars_stacked"; } .lui-icon--bars-vertical:before { content: "bars_vertical"; } .lui-icon--bell:before { content: "bell"; } .lui-icon--bin:before { content: "bin"; } .lui-icon--bold:before { content: "bold"; } .lui-icon--book:before { content: "book"; } .lui-icon--bookmark:before { content: "bookmark"; } .lui-icon--bookmark-2:before { content: "bookmark_2"; } .lui-icon--box:before { content: "box"; } .lui-icon--boxplot:before { content: "boxplot"; } .lui-icon--break-association:before { content: "break_association"; } .lui-icon--brushes:before { content: "brushes"; } .lui-icon--bubbles:before { content: "bubbles"; } .lui-icon--building:before { content: "building"; } .lui-icon--bullet-chart:before { content: "bullet_chart"; } .lui-icon--business-logic:before { content: "business_logic"; } .lui-icon--calendar:before { content: "calendar"; } .lui-icon--camera:before { content: "camera"; } .lui-icon--chart:before { content: "chart"; } .lui-icon--chat:before { content: "chat"; } .lui-icon--checkbox-indetermined:before { content: "checkbox_indetermined"; } .lui-icon--checkbox-tick:before { content: "checkbox_tick"; } .lui-icon--clear-filter:before { content: "clear_filter"; } .lui-icon--clear-selections:before { content: "clear_selections"; } .lui-icon--clipboard:before { content: "clipboard"; } .lui-icon--clock:before { content: "clock"; } .lui-icon--clock-2:before { content: "clock_2"; } .lui-icon--close:before { content: "close"; } .lui-icon--cloud:before { content: "cloud"; } .lui-icon--code:before { content: "code"; } .lui-icon--cogwheel:before { content: "cogwheel"; } .lui-icon--collapse:before { content: "collapse"; } .lui-icon--collapse-2:before { content: "collapse_2"; } .lui-icon--collapse-3:before { content: "collapse_3"; } .lui-icon--combo-chart:before { content: "combo_chart"; } .lui-icon--comment:before { content: "comment"; } .lui-icon--compass:before { content: "compass"; } .lui-icon--configuration:before { content: "configuration"; } .lui-icon--constraints:before { content: "constraints"; } .lui-icon--container:before { content: "container"; } .lui-icon--control:before { content: "control"; } .lui-icon--copy:before { content: "copy"; } .lui-icon--corner:before { content: "corner"; } .lui-icon--credit-card:before { content: "credit_card"; } .lui-icon--cross:before { content: "cross"; } .lui-icon--crosshair:before { content: "crosshair"; } .lui-icon--cube:before { content: "cube"; } .lui-icon--cut:before { content: "cut"; } .lui-icon--data-manager:before { content: "data_manager"; } .lui-icon--data-model:before { content: "data_model"; } .lui-icon--database:before { content: "database"; } .lui-icon--database-arrow:before { content: "database_arrow"; } .lui-icon--debug:before { content: "debug"; } .lui-icon--default:before { content: "default"; } .lui-icon--descending:before { content: "descending"; } .lui-icon--deselect-all:before { content: "deselect_all"; } .lui-icon--direct-discovery:before { content: "direct_discovery"; } .lui-icon--direction:before { content: "direction"; } .lui-icon--direction-left:before { content: "direction_left"; } .lui-icon--direction-left-right:before { content: "direction_left_right"; } .lui-icon--direction-right:before { content: "direction_right"; } .lui-icon--direction-up-down:before { content: "direction_up_down"; } .lui-icon--disconnect:before { content: "disconnect"; } .lui-icon--distributionplot:before { content: "distributionplot"; } .lui-icon--dot:before { content: "dot"; } .lui-icon--download:before { content: "download"; } .lui-icon--draggable:before { content: "draggable"; } .lui-icon--drill-down:before { content: "drill_down"; } .lui-icon--drop:before { content: "drop"; } .lui-icon--dropdown-arrow:before { content: "dropdown_arrow"; } .lui-icon--dynamic-object:before { content: "dynamic_object"; } .lui-icon--dynamic-view:before { content: "dynamic_view"; } .lui-icon--edit:before { content: "edit"; } .lui-icon--edit-list:before { content: "edit_list"; } .lui-icon--effects:before { content: "effects"; } .lui-icon--embed:before { content: "embed"; } .lui-icon--engine:before { content: "engine"; } .lui-icon--expand:before { content: "expand"; } .lui-icon--expand-2:before { content: "expand_2"; } .lui-icon--export:before { content: "export"; } .lui-icon--expression:before { content: "expression"; } .lui-icon--field:before { content: "field"; } .lui-icon--file:before { content: "file"; } .lui-icon--file-setup:before { content: "file_setup"; } .lui-icon--filter:before { content: "filter"; } .lui-icon--filterpane:before { content: "filterpane"; } .lui-icon--flag:before { content: "flag"; } .lui-icon--folder:before { content: "folder"; } .lui-icon--folder-q:before { content: "folder_q"; } .lui-icon--forward:before { content: "forward"; } .lui-icon--funnel:before { content: "funnel"; } .lui-icon--gauge-chart:before { content: "gauge_chart"; } .lui-icon--gauge-gauge:before { content: "gauge_gauge"; } .lui-icon--gauge-vertical-bar:before { content: "gauge_vertical_bar"; } .lui-icon--general-data-class:before { content: "general_data_class"; } .lui-icon--global-selector:before { content: "global_selector"; } .lui-icon--globe:before { content: "globe"; } .lui-icon--goto:before { content: "goto"; } .lui-icon--grid:before { content: "grid"; } .lui-icon--grid-menu:before { content: "grid_menu"; } .lui-icon--group:before { content: "group"; } .lui-icon--grouped:before { content: "grouped"; } .lui-icon--hand:before { content: "hand"; } .lui-icon--handle:before { content: "handle"; } .lui-icon--handle-horizontal:before { content: "handle_horizontal"; } .lui-icon--help:before { content: "help"; } .lui-icon--high-resolution:before { content: "high_resolution"; } .lui-icon--histogram:before { content: "histogram"; } .lui-icon--history:before { content: "history"; } .lui-icon--home:before { content: "home"; } .lui-icon--hourglass:before { content: "hourglass"; } .lui-icon--hub-logo:before { content: "hub_logo"; } .lui-icon--idle:before { content: "idle"; } .lui-icon--image:before { content: "image"; } .lui-icon--import:before { content: "import"; } .lui-icon--inbox:before { content: "inbox"; } .lui-icon--indent:before { content: "indent"; } .lui-icon--info:before { content: "info"; } .lui-icon--insert:before { content: "insert"; } .lui-icon--italic:before { content: "italic"; } .lui-icon--join:before { content: "join"; } .lui-icon--key:before { content: "key"; } .lui-icon--kpi:before { content: "kpi"; } .lui-icon--lasso:before { content: "lasso"; } .lui-icon--left-right:before { content: "left_right"; } .lui-icon--library:before { content: "library"; } .lui-icon--license:before { content: "license"; } .lui-icon--lightbulb:before { content: "lightbulb"; } .lui-icon--lightbulb-2:before { content: "lightbulb_2"; } .lui-icon--line-chart:before { content: "line_chart"; } .lui-icon--line-chart-area:before { content: "line_chart_area"; } .lui-icon--line-chart-line:before { content: "line_chart_line"; } .lui-icon--link:before { content: "link"; } .lui-icon--list:before { content: "list"; } .lui-icon--lock:before { content: "lock"; } .lui-icon--log-in:before { content: "log_in"; } .lui-icon--log-out:before { content: "log_out"; } .lui-icon--low-resolution:before { content: "low_resolution"; } .lui-icon--mail:before { content: "mail"; } .lui-icon--mail-2:before { content: "mail_2"; } .lui-icon--map:before { content: "map"; } .lui-icon--marimekko:before { content: "marimekko"; } .lui-icon--mashup:before { content: "mashup"; } .lui-icon--measure:before { content: "measure"; } .lui-icon--megaphone:before { content: "megaphone"; } .lui-icon--menu:before { content: "menu"; } .lui-icon--microphone:before { content: "microphone"; } .lui-icon--minus:before { content: "minus"; } .lui-icon--minus-2:before { content: "minus_2"; } .lui-icon--more:before { content: "more"; } .lui-icon--more-rounded:before { content: "more_rounded"; } .lui-icon--more-vertical:before { content: "more_vertical"; } .lui-icon--network-folder:before { content: "network_folder"; } .lui-icon--new-tab:before { content: "new_tab"; } .lui-icon--next:before { content: "next"; } .lui-icon--object:before { content: "object"; } .lui-icon--objects:before { content: "objects"; } .lui-icon--operators:before { content: "operators"; } .lui-icon--org-chart:before { content: "org_chart"; } .lui-icon--palette:before { content: "palette"; } .lui-icon--pan:before { content: "pan"; } .lui-icon--paperclip:before { content: "paperclip"; } .lui-icon--paste:before { content: "paste"; } .lui-icon--pause:before { content: "pause"; } .lui-icon--person:before { content: "person"; } .lui-icon--photo-library:before { content: "photo_library"; } .lui-icon--pie-chart:before { content: "pie_chart"; } .lui-icon--pie-chart-donut:before { content: "pie_chart_donut"; } .lui-icon--pie-chart-pie:before { content: "pie_chart_pie"; } .lui-icon--pivot:before { content: "pivot"; } .lui-icon--pivot-table:before { content: "pivot_table"; } .lui-icon--play:before { content: "play"; } .lui-icon--play-2:before { content: "play_2"; } .lui-icon--plugin:before { content: "plugin"; } .lui-icon--plus:before { content: "plus"; } .lui-icon--previous:before { content: "previous"; } .lui-icon--print:before { content: "print"; } .lui-icon--proxy:before { content: "proxy"; } .lui-icon--publish:before { content: "publish"; } .lui-icon--published-to-stream:before { content: "published_to_stream"; } .lui-icon--puzzle:before { content: "puzzle"; } .lui-icon--radial-select:before { content: "radial_select"; } .lui-icon--radiobutton-dot:before { content: "radiobutton_dot"; } .lui-icon--reload:before { content: "reload"; } .lui-icon--remove:before { content: "remove"; } .lui-icon--repair:before { content: "repair"; } .lui-icon--reset:before { content: "reset"; } .lui-icon--resizer:before { content: "resizer"; } .lui-icon--restricted:before { content: "restricted"; } .lui-icon--return:before { content: "return"; } .lui-icon--run:before { content: "run"; } .lui-icon--run-script:before { content: "run_script"; } .lui-icon--sankey:before { content: "sankey"; } .lui-icon--save:before { content: "save"; } .lui-icon--scale-ratio:before { content: "scale_ratio"; } .lui-icon--scatter-chart:before { content: "scatter_chart"; } .lui-icon--schedule:before { content: "schedule"; } .lui-icon--script:before { content: "script"; } .lui-icon--script-ok:before { content: "script_ok"; } .lui-icon--search:before { content: "search"; } .lui-icon--select-all:before { content: "select_all"; } .lui-icon--select-alternative:before { content: "select_alternative"; } .lui-icon--select-excluded:before { content: "select_excluded"; } .lui-icon--select-possible:before { content: "select_possible"; } .lui-icon--selection-search:before { content: "selection_search"; } .lui-icon--selections-back:before { content: "selections_back"; } .lui-icon--selections-forward:before { content: "selections_forward"; } .lui-icon--selections-reload:before { content: "selections_reload"; } .lui-icon--selections-tool:before { content: "selections_tool"; } .lui-icon--server:before { content: "server"; } .lui-icon--settings:before { content: "settings"; } .lui-icon--shapes:before { content: "shapes"; } .lui-icon--share:before { content: "share"; } .lui-icon--sheet:before { content: "sheet"; } .lui-icon--shield:before { content: "shield"; } .lui-icon--sign-post:before { content: "sign_post"; } .lui-icon--slide-show:before { content: "slide_show"; } .lui-icon--slider:before { content: "slider"; } .lui-icon--smiley:before { content: "smiley"; } .lui-icon--space-managed:before { content: "space_managed"; } .lui-icon--space-shared:before { content: "space_shared"; } .lui-icon--split:before { content: "split"; } .lui-icon--stacked:before { content: "stacked"; } .lui-icon--star:before { content: "star"; } .lui-icon--step-in:before { content: "step_in"; } .lui-icon--step-over:before { content: "step_over"; } .lui-icon--stop:before { content: "stop"; } .lui-icon--stream:before { content: "stream"; } .lui-icon--strenght-empty:before { content: "strenght_empty"; } .lui-icon--strenght-high:before { content: "strenght_high"; } .lui-icon--strenght-low:before { content: "strenght_low"; } .lui-icon--strenght-medium:before { content: "strenght_medium"; } .lui-icon--submit:before { content: "submit"; } .lui-icon--swap:before { content: "swap"; } .lui-icon--sync:before { content: "sync"; } .lui-icon--table:before { content: "table"; } .lui-icon--table-add:before { content: "table_add"; } .lui-icon--table-connect:before { content: "table_connect"; } .lui-icon--table-edit:before { content: "table_edit"; } .lui-icon--table-ok:before { content: "table_ok"; } .lui-icon--tag:before { content: "tag"; } .lui-icon--tag-2:before { content: "tag_2"; } .lui-icon--task-chain:before { content: "task_chain"; } .lui-icon--team:before { content: "team"; } .lui-icon--templates:before { content: "templates"; } .lui-icon--text:before { content: "text"; } .lui-icon--tick:before { content: "tick"; } .lui-icon--toggle-bottom:before { content: "toggle_bottom"; } .lui-icon--toggle-left:before { content: "toggle_left"; } .lui-icon--toggle-right:before { content: "toggle_right"; } .lui-icon--toggle-top:before { content: "toggle_top"; } .lui-icon--top:before { content: "top"; } .lui-icon--touch:before { content: "touch"; } .lui-icon--transfer:before { content: "transfer"; } .lui-icon--transform:before { content: "transform"; } .lui-icon--treemap:before { content: "treemap"; } .lui-icon--trellis-chart:before { content: "trellis_chart"; } .lui-icon--triangle-bottom:before { content: "triangle_bottom"; } .lui-icon--triangle-left:before { content: "triangle_left"; } .lui-icon--triangle-right:before { content: "triangle_right"; } .lui-icon--triangle-top:before { content: "triangle_top"; } .lui-icon--type:before { content: "type"; } .lui-icon--unapprove:before { content: "unapprove"; } .lui-icon--undent:before { content: "undent"; } .lui-icon--underline:before { content: "underline"; } .lui-icon--uninstall:before { content: "uninstall"; } .lui-icon--unlink:before { content: "unlink"; } .lui-icon--unlock:before { content: "unlock"; } .lui-icon--unordered-list:before { content: "unordered_list"; } .lui-icon--unpublish:before { content: "unpublish"; } .lui-icon--up-down:before { content: "up_down"; } .lui-icon--upload:before { content: "upload"; } .lui-icon--variables:before { content: "variables"; } .lui-icon--view:before { content: "view"; } .lui-icon--view-disabled:before { content: "view_disabled"; } .lui-icon--volume:before { content: "volume"; } .lui-icon--warning:before { content: "warning"; } .lui-icon--warning-2:before { content: "warning_2"; } .lui-icon--warning-triangle:before { content: "warning_triangle"; } .lui-icon--warning-triangle-2:before { content: "warning_triangle_2"; } .lui-icon--waterfallchart:before { content: "waterfallchart"; } .lui-icon--widget:before { content: "widget"; } .lui-icon--zoom-in:before { content: "zoom_in"; } .lui-icon--zoom-out:before { content: "zoom_out"; } .lui-dialog-container { z-index: 1200; } .qs-green-style .lui-checkbox .lui-checkbox__input:checked + .lui-checkbox__check-wrap .lui-checkbox__check, .qs-green-style .lui-checkbox .lui-checkbox__input:indeterminate + .lui-checkbox__check-wrap .lui-checkbox__check { background: #009845; } .qs-green-style .lui-radiobutton .lui-radiobutton__input:checked + .lui-radiobutton__radio-wrap .lui-radiobutton__radio, .qs-green-style .lui-switch .lui-switch__inner:before { background: #009845; } .qs-green-style .lui-tab.lui-active, .qs-green-style .lui-tab.lui-focused, .qs-green-style .lui-tab:focus { border-bottom: 2px solid #009845; } .lui-icon--small { font-size: 12px; } .lui-icon--large { font-size: 20px; } .lui-caret, .lui-checkbox__check, .lui-search__search-icon { display: inline-block; text-transform: none; direction: ltr; font-family: LUI icons; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0; -ms-font-feature-settings: "liga" 1; font-feature-settings: "liga"; font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lui-caret:after { content: "triangle_bottom"; } .lui-search__search-icon:before { content: "search"; } .lui-checkbox__check:after { content: none; } .lui-checkbox__input:checked + .lui-checkbox__check-wrap .lui-checkbox__check:after { content: "checkbox_tick"; } .lui-checkbox__input:indeterminate + .lui-checkbox__check-wrap .lui-checkbox__check:after { content: "checkbox_indetermined"; } .qs-view-error { background-color: #f3f3f3; height: 100%; width: 100%; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .qs-view-error__center { margin: auto; width: 300px; } .qs-view-error__title { font-size: 15px; font-weight: 700; margin: 26px 0 12px; } .source-sans-pro .qs-view-error__title { font-size: 16px; } .qs-view-error__message { font-size: 13px; } .source-sans-pro .qs-view-error__message { font-size: 14px; }