.lui-button { vertical-align: middle; height: 28px; min-width: 44px; padding: 0 16px; border: 1px solid transparent; font-size: 13px; font-weight: bold; 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-color: #B3B3B3; transition: border-color 200ms 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__text, .lui-button__icon, .lui-button__caret { display: inline-block; vertical-align: top; } .lui-button__text:not(:only-child), .lui-button__icon:not(:only-child), .lui-button__caret:not(:only-child) { margin-left: 5px; margin-right: 5px; } .lui-button__text:not(:only-child):first-child, .lui-button__icon:not(:only-child):first-child, .lui-button__caret:not(:only-child):first-child { min-width: 6px; margin-left: -6px; } [dir="rtl"] .lui-button__text:not(:only-child):first-child, [dir="rtl"] .lui-button__icon:not(:only-child):first-child, [dir="rtl"] .lui-button__caret:not(:only-child):first-child { margin-left: 5px; margin-right: -6px; } .lui-button__text:not(:only-child):last-child, .lui-button__icon:not(:only-child):last-child, .lui-button__caret:not(:only-child):last-child { min-width: 6px; margin-right: -6px; } [dir="rtl"] .lui-button__text:not(:only-child):last-child, [dir="rtl"] .lui-button__icon:not(:only-child):last-child, [dir="rtl"] .lui-button__caret: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__icon:only-child, .lui-button__caret:only-child { margin-left: -6px; margin-right: -6px; min-width: 18px; } .lui-button:hover, .lui-button.lui-hovered { border-color: #666666; } .lui-button:active, .lui-button.lui-active { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.65); border-color: transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .lui-button[disabled], .lui-button.lui-disabled { opacity: 0.6; cursor: default; border-color: #B3B3B3; } .lui-button.lui-disabled { pointer-events: none; } .lui-button:focus, .lui-button.lui-focused { border: 1px solid #3f8ab3; transition: none; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); } .lui-button:focus:active, .lui-button.lui-focused:active, .lui-button:focus.lui-active, .lui-button.lui-focused.lui-active { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .lui-button--inverse { color: #FFFFFF; background-color: transparent; border-color: rgba(255, 255, 255, 0.5); transition: border-color 200ms ease-out; } .lui-button--inverse:hover, .lui-button--inverse.lui-hovered { border-color: rgba(255, 255, 255, 0.8); } .lui-button--inverse:active, .lui-button--inverse.lui-active { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.65); border-color: transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .lui-button--inverse[disabled], .lui-button--inverse.lui-disabled { opacity: 0.6; cursor: default; border-color: rgba(255, 255, 255, 0.5); } .lui-button--inverse.lui-disabled { pointer-events: none; } .lui-button--inverse:focus, .lui-button--inverse.lui-focused { border: 1px solid #3f8ab3; transition: none; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); } .lui-button--inverse:focus:active, .lui-button--inverse.lui-focused:active, .lui-button--inverse:focus.lui-active, .lui-button--inverse.lui-focused.lui-active { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .lui-button--info { color: #FFFFFF; background-color: #3f8ab3; border: 0; padding: 1px 17px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1); transition: box-shadow 200ms ease-out; } .lui-button--info:hover, .lui-button--info.lui-hovered { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1), inset 0 0 0 250px rgba(255, 255, 255, 0.2); } .lui-button--info:active, .lui-button--info.lui-active { border: 1px solid transparent; padding: 0 16px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.65); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .lui-button--info[disabled], .lui-button--info.lui-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:focus, .lui-button--info.lui-focused { padding: 0 16px; border: 1px solid #3f8ab3; } .lui-button--success { color: #FFFFFF; background-color: #009845; border: 0; padding: 1px 17px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1); transition: box-shadow 200ms ease-out; } .lui-button--success:hover, .lui-button--success.lui-hovered { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1), inset 0 0 0 250px rgba(255, 255, 255, 0.2); } .lui-button--success:active, .lui-button--success.lui-active { border: 1px solid transparent; padding: 0 16px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.65); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .lui-button--success[disabled], .lui-button--success.lui-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:focus, .lui-button--success.lui-focused { padding: 0 16px; border: 1px solid #3f8ab3; } .lui-button--warning { color: #FFFFFF; background-color: #ef960f; border: 0; padding: 1px 17px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1); transition: box-shadow 200ms ease-out; } .lui-button--warning:hover, .lui-button--warning.lui-hovered { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1), inset 0 0 0 250px rgba(255, 255, 255, 0.2); } .lui-button--warning:active, .lui-button--warning.lui-active { border: 1px solid transparent; padding: 0 16px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.65); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .lui-button--warning[disabled], .lui-button--warning.lui-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:focus, .lui-button--warning.lui-focused { padding: 0 16px; border: 1px solid #3f8ab3; } .lui-button--danger { color: #FFFFFF; background-color: #dc423f; border: 0; padding: 1px 17px; box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1); transition: box-shadow 200ms ease-out; } .lui-button--danger:hover, .lui-button--danger.lui-hovered { box-shadow: inset 0 -2px rgba(0, 0, 0, 0.1), inset 0 0 0 250px rgba(255, 255, 255, 0.2); } .lui-button--danger:active, .lui-button--danger.lui-active { border: 1px solid transparent; padding: 0 16px; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.65); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .lui-button--danger[disabled], .lui-button--danger.lui-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:focus, .lui-button--danger.lui-focused { padding: 0 16px; border: 1px solid #3f8ab3; } .lui-button--toolbar, .lui-button--gradient { color: #595959; background-color: #E6E6E6; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); border-color: #B3B3B3; transition: box-shadow 200ms ease-out; } .lui-button--toolbar:hover, .lui-button--gradient:hover, .lui-button--toolbar.lui-hovered, .lui-button--gradient.lui-hovered { border-color: #B3B3B3; } .lui-button--toolbar:active, .lui-button--gradient:active, .lui-button--toolbar.lui-active, .lui-button--gradient.lui-active { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.65); background-image: none; border-color: transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .lui-button--toolbar[disabled], .lui-button--gradient[disabled], .lui-button--toolbar.lui-disabled, .lui-button--gradient.lui-disabled { opacity: 0.6; cursor: default; } .lui-button--toolbar.lui-disabled, .lui-button--gradient.lui-disabled { pointer-events: none; } .lui-button--toolbar:focus, .lui-button--gradient:focus, .lui-button--toolbar.lui-focused, .lui-button--gradient.lui-focused { border: 1px solid #3f8ab3; } .lui-button--toolbar-inverse, .lui-button--gradient-inverse { color: #FFFFFF; background-color: #4D4D4D; background-image: linear-gradient(to bottom, #666666, #4D4D4D); border-color: rgba(0, 0, 0, 0.6); transition: box-shadow 200ms ease-out; } .lui-button--toolbar-inverse:hover, .lui-button--gradient-inverse:hover, .lui-button--toolbar-inverse.lui-hovered, .lui-button--gradient-inverse.lui-hovered { border-color: rgba(0, 0, 0, 0.6); } .lui-button--toolbar-inverse:active, .lui-button--gradient-inverse:active, .lui-button--toolbar-inverse.lui-active, .lui-button--gradient-inverse.lui-active { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.65); background-image: none; border-color: transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .lui-button--toolbar-inverse[disabled], .lui-button--gradient-inverse[disabled], .lui-button--toolbar-inverse.lui-disabled, .lui-button--gradient-inverse.lui-disabled { opacity: 0.6; cursor: default; } .lui-button--toolbar-inverse.lui-disabled, .lui-button--gradient-inverse.lui-disabled { pointer-events: none; } .lui-button--toolbar-inverse:focus, .lui-button--gradient-inverse:focus, .lui-button--toolbar-inverse.lui-focused, .lui-button--gradient-inverse.lui-focused { 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__text, .lui-button--block.lui-button--block.lui-button--block .lui-button__icon, .lui-button--block.lui-button--block.lui-button--block .lui-button__caret { 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__icon:not(:only-child):first-child, .lui-button--block .lui-button__caret:not(:only-child):first-child { position: absolute; left: 10px; } [dir="rtl"] .lui-button--block .lui-button__icon: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__caret:not(:only-child):first-child { left: auto; right: 10px; } .lui-button--block .lui-button__icon:not(:only-child):last-child, .lui-button--block .lui-button__caret:not(:only-child):last-child { position: absolute; right: 10px; } [dir="rtl"] .lui-button--block .lui-button__icon: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__caret:not(:only-child):last-child { left: 10px; right: auto; } .lui-button--rounded { border-radius: 16px; } .lui-button--rounded__icon:only-child, .lui-button--rounded__caret: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__button.lui-active, .lui-buttongroup .lui-button.lui-hovered, .lui-buttongroup__button.lui-hovered, .lui-buttongroup .lui-button.lui-focused, .lui-buttongroup__button.lui-focused { z-index: 1; } .lui-buttongroup .lui-button:hover, .lui-buttongroup__button:hover, .lui-buttongroup .lui-button:active, .lui-buttongroup__button:active { 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%; border: 1px solid transparent; display: flex; flex-direction: column; z-index: 1021; color: #595959; background-color: #FFFFFF; border-color: #808080; box-shadow: 0 2px 25px rgba(0, 0, 0, 0.4); } .lui-dialog.lui-fade { opacity: 0; } .lui-dialog .lui-dialog__header, .lui-dialog .lui-dialog__footer { background-color: #FBFBFB; } .lui-dialog .lui-dialog__header { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .lui-dialog .lui-dialog__footer, .lui-dialog .lui-dialog__footer--mobile { border-top: 1px solid rgba(0, 0, 0, 0.2); } .lui-dialog .lui-dialog__button--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 200ms ease-out; opacity: 1; z-index: 1021; } .lui-dialog--inverse { color: #FFFFFF; background-color: #404040; border-color: #333333; box-shadow: 0 2px 25px rgba(0, 0, 0, 0.6); } .lui-dialog--inverse .lui-dialog__header, .lui-dialog--inverse .lui-dialog__footer { background-color: #474747; } .lui-dialog--inverse .lui-dialog__header { border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .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--inverse .lui-dialog__button--mobile { border-top: 1px solid rgba(0, 0, 0, 0.3); } .lui-dialog__header { font-size: 14px; font-weight: bold; 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__footer .lui-button, .lui-dialog__button { margin: 0 3px; } .lui-dialog__footer .lui-button:last-child, .lui-dialog__button:last-child { margin-right: 0; } [dir="rtl"] .lui-dialog__footer .lui-button:last-child, [dir="rtl"] .lui-dialog__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__text, .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__caret { 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__icon:not(:only-child):first-child, .lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__caret:not(:only-child):first-child { position: absolute; left: 10px; } [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__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__caret:not(:only-child):first-child { left: auto; right: 10px; } .lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__icon:not(:only-child):last-child, .lui-dialog__button--mobile.lui-button .lui-dialog__button--mobile__caret:not(:only-child):last-child { position: absolute; right: 10px; } [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__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__caret:not(:only-child):last-child { left: 10px; right: auto; } .lui-dialog__button--mobile.lui-button:first-child:not(:last-child) { border-top: none; border-left: hidden; border-right: hidden; border-bottom: hidden; 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: bold; 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 200ms ease-out; color: rgba(89, 89, 89, 0.8); } .lui-fade-button::-moz-focus-inner { border: 0; padding: 0; } .lui-fade-button__text, .lui-fade-button__icon, .lui-fade-button__caret { display: inline-block; vertical-align: top; } .lui-fade-button__text:not(:only-child), .lui-fade-button__icon:not(:only-child), .lui-fade-button__caret:not(:only-child) { margin-left: 5px; margin-right: 5px; } .lui-fade-button__text:not(:only-child):first-child, .lui-fade-button__icon:not(:only-child):first-child, .lui-fade-button__caret:not(:only-child):first-child { min-width: 6px; margin-left: 0px; } [dir="rtl"] .lui-fade-button__text:not(:only-child):first-child, [dir="rtl"] .lui-fade-button__icon:not(:only-child):first-child, [dir="rtl"] .lui-fade-button__caret:not(:only-child):first-child { margin-left: 5px; margin-right: 0px; } .lui-fade-button__text:not(:only-child):last-child, .lui-fade-button__icon:not(:only-child):last-child, .lui-fade-button__caret:not(:only-child):last-child { min-width: 6px; margin-right: 0px; } [dir="rtl"] .lui-fade-button__text:not(:only-child):last-child, [dir="rtl"] .lui-fade-button__icon:not(:only-child):last-child, [dir="rtl"] .lui-fade-button__caret:not(:only-child):last-child { margin-left: 0px; margin-right: 5px; } .lui-fade-button:hover, .lui-fade-button.lui-hovered, .lui-fade-button:active, .lui-fade-button:focus, .lui-fade-button.lui-focused { color: #595959; } .lui-fade-button.lui-active { background-color: rgba(0, 0, 0, 0.05); transition: none; } .lui-fade-button[disabled], .lui-fade-button.lui-disabled { color: rgba(89, 89, 89, 0.2); cursor: default; } .lui-fade-button.lui-disabled { pointer-events: none; } .lui-fade-button--inverse { color: rgba(255, 255, 255, 0.8); } .lui-fade-button--inverse:hover, .lui-fade-button--inverse.lui-hovered, .lui-fade-button--inverse:active, .lui-fade-button--inverse:focus, .lui-fade-button--inverse.lui-focused { color: #FFFFFF; } .lui-fade-button--inverse.lui-active { background-color: rgba(255, 255, 255, 0.1); transition: none; } .lui-fade-button--inverse[disabled], .lui-fade-button--inverse.lui-disabled { color: rgba(255, 255, 255, 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:hover, .lui-fade-button--info.lui-hovered, .lui-fade-button--info:active, .lui-fade-button--info:focus, .lui-fade-button--info.lui-focused { color: #3f8ab3; } .lui-fade-button--info.lui-active { background-color: rgba(255, 255, 255, 0.1); transition: none; } .lui-fade-button--info[disabled], .lui-fade-button--info.lui-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:hover, .lui-fade-button--success.lui-hovered, .lui-fade-button--success:active, .lui-fade-button--success:focus, .lui-fade-button--success.lui-focused { color: #009845; } .lui-fade-button--success.lui-active { background-color: rgba(255, 255, 255, 0.1); transition: none; } .lui-fade-button--success[disabled], .lui-fade-button--success.lui-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:hover, .lui-fade-button--warning.lui-hovered, .lui-fade-button--warning:active, .lui-fade-button--warning:focus, .lui-fade-button--warning.lui-focused { color: #ef960f; } .lui-fade-button--warning.lui-active { background-color: rgba(255, 255, 255, 0.1); transition: none; } .lui-fade-button--warning[disabled], .lui-fade-button--warning.lui-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:hover, .lui-fade-button--danger.lui-hovered, .lui-fade-button--danger:active, .lui-fade-button--danger:focus, .lui-fade-button--danger.lui-focused { color: #dc423f; } .lui-fade-button--danger.lui-active { background-color: rgba(255, 255, 255, 0.1); transition: none; } .lui-fade-button--danger[disabled], .lui-fade-button--danger.lui-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: bold; 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[disabled], .lui-tab.lui-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: bold; } .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:hover, .lui-tab.lui-hovered { background-color: rgba(0, 0, 0, 0.03); } .lui-tab.lui-active, .lui-tab:focus, .lui-tab.lui-focused { background-color: #FFFFFF; border-bottom: 2px solid #ef960f; transition: none; } .lui-tab .lui-tab__text { color: #595959; } .lui-tab .lui-icon { color: rgba(89, 89, 89, 0.8); } .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 rgba(255, 255, 255, 0.15); color: #FFFFFF; border-left-color: rgba(255, 255, 255, 0.15); } .lui-tab--inverse:hover, .lui-tab--inverse.lui-hovered { background-color: rgba(255, 255, 255, 0.1); } .lui-tab--inverse.lui-active, .lui-tab--inverse:focus, .lui-tab--inverse.lui-focused { background-color: rgba(255, 255, 255, 0.15); border-bottom: 2px solid #ef960f; transition: none; } .lui-tab--inverse .lui-tab__text { color: #FFFFFF; } .lui-tab--inverse .lui-icon { color: rgba(255, 255, 255, 0.8); } .lui-tab--inverse .lui-tab__aside.lui-icon { color: rgba(255, 255, 255, 0.8); } .lui-tab--inverse .lui-tab__aside:hover { color: #FFFFFF; } .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-wrap { display: inline-block; vertical-align: middle; } .lui-checkbox__check-text { display: inline-block; vertical-align: middle; 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: normal; 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__check:after { content: none; } .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: #CCCCCC; background: #FFFFFF; color: #FFFFFF; transition: border-color 200ms 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:active .lui-checkbox__check, .lui-checkbox.lui-checkbox.lui-checkbox .lui-checkbox__check:active { background: #595959; border-color: transparent; } .lui-checkbox.lui-checkbox.lui-checkbox:hover .lui-checkbox__check, .lui-checkbox.lui-checkbox.lui-checkbox.lui-hovered .lui-checkbox__check { border-color: #595959; } .lui-checkbox .lui-checkbox__input:focus + .lui-checkbox__check-wrap .lui-checkbox__check, .lui-checkbox.lui-checkbox.lui-checkbox.lui-focused .lui-checkbox__check { border-color: #3f8ab3; 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: #FFFFFF; } .lui-checkbox--inverse .lui-checkbox__check { border-color: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.3); color: #FFFFFF; transition: border-color 200ms ease-out; } .lui-checkbox--inverse .lui-checkbox__check-text { color: #FFFFFF; -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:active .lui-checkbox__check, .lui-checkbox--inverse.lui-checkbox--inverse.lui-checkbox--inverse .lui-checkbox__check:active { background: rgba(0, 0, 0, 0.6); border-color: transparent; } .lui-checkbox--inverse.lui-checkbox--inverse.lui-checkbox--inverse:hover .lui-checkbox__check, .lui-checkbox--inverse.lui-checkbox--inverse.lui-checkbox--inverse.lui-hovered .lui-checkbox__check { border-color: #FFFFFF; } .lui-checkbox--inverse .lui-checkbox__input:focus + .lui-checkbox__check-wrap .lui-checkbox__check, .lui-checkbox--inverse.lui-checkbox--inverse.lui-checkbox--inverse.lui-focused .lui-checkbox__check { border-color: #3f8ab3; 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: rgba(255, 255, 255, 0.1); border-color: transparent; color: rgba(255, 255, 255, 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-wrap { display: inline-block; vertical-align: middle; } .lui-radiobutton__radio-text { display: inline-block; vertical-align: middle; 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: #CCCCCC; background: #FFFFFF; transition: border-color 200ms 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: #FFFFFF; } .lui-radiobutton.lui-radiobutton.lui-radiobutton.lui-active .lui-radiobutton__radio, .lui-radiobutton.lui-radiobutton.lui-radiobutton:active .lui-radiobutton__radio, .lui-radiobutton.lui-radiobutton.lui-radiobutton .lui-radiobutton__radio:active { background: #595959; border-color: transparent; } .lui-radiobutton.lui-radiobutton.lui-radiobutton:hover .lui-radiobutton__radio, .lui-radiobutton.lui-radiobutton.lui-radiobutton.lui-hovered .lui-radiobutton__radio { border-color: #595959; } .lui-radiobutton .lui-radiobutton__input:focus + .lui-radiobutton__radio-wrap .lui-radiobutton__radio, .lui-radiobutton.lui-radiobutton.lui-radiobutton.lui-focused .lui-radiobutton__radio { border-color: #3f8ab3; 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: #FFFFFF; } .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: rgba(255, 255, 255, 0.3); transition: border-color 200ms ease-out; } .lui-radiobutton--inverse .lui-radiobutton__radio-text { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; color: #FFFFFF; } .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: #FFFFFF; } .lui-radiobutton--inverse.lui-radiobutton--inverse.lui-radiobutton--inverse.lui-active .lui-radiobutton__radio, .lui-radiobutton--inverse.lui-radiobutton--inverse.lui-radiobutton--inverse:active .lui-radiobutton__radio, .lui-radiobutton--inverse.lui-radiobutton--inverse.lui-radiobutton--inverse .lui-radiobutton__radio:active { background: rgba(0, 0, 0, 0.6); border-color: transparent; } .lui-radiobutton--inverse.lui-radiobutton--inverse.lui-radiobutton--inverse:hover .lui-radiobutton__radio, .lui-radiobutton--inverse.lui-radiobutton--inverse.lui-radiobutton--inverse.lui-hovered .lui-radiobutton__radio { border-color: #FFFFFF; } .lui-radiobutton--inverse .lui-radiobutton__input:focus + .lui-radiobutton__radio-wrap .lui-radiobutton__radio, .lui-radiobutton--inverse.lui-radiobutton--inverse.lui-radiobutton--inverse.lui-focused .lui-radiobutton__radio { border-color: #3f8ab3; 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: rgba(255, 255, 255, 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: rgba(255, 255, 255, 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: solid 1px; 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: bold; -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 200ms 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%, left top; } .lui-select::-moz-focus-inner { border: 0; } .lui-select::-ms-expand { display: none; } .lui-select:active, .lui-select.lui-active { background-size: 10px 7px, auto auto; background-origin: border-box; background-repeat: no-repeat; background-position: right 11px top 50%; } .lui-select[disabled], .lui-select.lui-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%, left top; } .lui-select option, .lui-select optgroup { color: #595959; background: #FFFFFF; } .lui-select option { font-weight: normal; padding: 1px 9px; } .lui-select--large { height: 38px; font-size: 14px; } .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(to bottom, transparent, transparent); } .lui-select:hover, .lui-select.lui-hovered { border-color: #666666; } .lui-select:active, .lui-select.lui-active { color: #FFFFFF; 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:focus, .lui-select.lui-focused { border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-select:focus::-ms-value, .lui-select.lui-focused::-ms-value { background: none; color: #595959; } .lui-select[disabled], .lui-select.lui-disabled { border: solid 1px #B3B3B3; color: #BFBFBF; background-color: transparent; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozM0QyNjYwMzUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozM0QyNjYwNDUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzRDI2NjAxNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzRDI2NjAyNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+oBePfwAAAKBJREFUeNpi3L9/vyADA8NMIAbRlID3QJzOAmWsBuJVFBoY5uDg8J4JygEZWEGBYRVAw0BmMDAhCXYC8R4yDNsDNKwTxmFCdzYQ3yPBsHtQPQy4DHyProCYcMNnIAicJTI8K6BqGQgZCAvPWXgMmwVVw0CsgThdQMgHTIQSKpTGJ0a0gdhcg8vVcMBCROCDwksJic1AqYGwSHpPjEKAAAMAnKUl9RWLJ8UAAAAASUVORK5CYII='), linear-gradient(to bottom, transparent, transparent); } .lui-select--inverse { color: #FFFFFF; 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(to bottom, transparent, transparent); } .lui-select--inverse:hover, .lui-select--inverse.lui-hovered { border-color: #F2F2F2; } .lui-select--inverse:active, .lui-select--inverse.lui-active { color: #FFFFFF; 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:focus, .lui-select--inverse.lui-focused { border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-select--inverse:focus::-ms-value, .lui-select--inverse.lui-focused::-ms-value { background: none; color: #FFFFFF; } .lui-select--inverse[disabled], .lui-select--inverse.lui-disabled { border: solid 1px #A6A6A6; color: #999999; background-color: transparent; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozM0QyNjYwMzUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozM0QyNjYwNDUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzRDI2NjAxNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzRDI2NjAyNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+oBePfwAAAKBJREFUeNpi3L9/vyADA8NMIAbRlID3QJzOAmWsBuJVFBoY5uDg8J4JygEZWEGBYRVAw0BmMDAhCXYC8R4yDNsDNKwTxmFCdzYQ3yPBsHtQPQy4DHyProCYcMNnIAicJTI8K6BqGQgZCAvPWXgMmwVVw0CsgThdQMgHTIQSKpTGJ0a0gdhcg8vVcMBCROCDwksJic1AqYGwSHpPjEKAAAMAnKUl9RWLJ8UAAAAASUVORK5CYII='), linear-gradient(to bottom, transparent, transparent); } .lui-select--toolbar, .lui-select--gradient { 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(to bottom, #FFFFFF, #E6E6E6); } .lui-select--toolbar:hover, .lui-select--gradient:hover, .lui-select--toolbar.lui-hovered, .lui-select--gradient.lui-hovered { border-color: rgba(0, 0, 0, 0.6); } .lui-select--toolbar:active, .lui-select--gradient:active, .lui-select--toolbar.lui-active, .lui-select--gradient.lui-active { color: #FFFFFF; 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--toolbar:focus, .lui-select--gradient:focus, .lui-select--toolbar.lui-focused, .lui-select--gradient.lui-focused { border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-select--toolbar:focus::-ms-value, .lui-select--gradient:focus::-ms-value, .lui-select--toolbar.lui-focused::-ms-value, .lui-select--gradient.lui-focused::-ms-value { background: none; color: #595959; } .lui-select--toolbar[disabled], .lui-select--gradient[disabled], .lui-select--toolbar.lui-disabled, .lui-select--gradient.lui-disabled { border: solid 1px 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(to bottom, #FFFFFF, #E6E6E6); } .lui-select--toolbar-inverse, .lui-select--gradient-inverse { color: #FFFFFF; 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(to bottom, #666666, #4D4D4D); } .lui-select--toolbar-inverse:hover, .lui-select--gradient-inverse:hover, .lui-select--toolbar-inverse.lui-hovered, .lui-select--gradient-inverse.lui-hovered { border-color: rgba(0, 0, 0, 0.8); } .lui-select--toolbar-inverse:active, .lui-select--gradient-inverse:active, .lui-select--toolbar-inverse.lui-active, .lui-select--gradient-inverse.lui-active { color: #FFFFFF; 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--toolbar-inverse:focus, .lui-select--gradient-inverse:focus, .lui-select--toolbar-inverse.lui-focused, .lui-select--gradient-inverse.lui-focused { border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-select--toolbar-inverse:focus::-ms-value, .lui-select--gradient-inverse:focus::-ms-value, .lui-select--toolbar-inverse.lui-focused::-ms-value, .lui-select--gradient-inverse.lui-focused::-ms-value { background: none; color: #FFFFFF; } .lui-select--toolbar-inverse[disabled], .lui-select--gradient-inverse[disabled], .lui-select--toolbar-inverse.lui-disabled, .lui-select--gradient-inverse.lui-disabled { border: solid 1px rgba(0, 0, 0, 0.6); color: rgba(255, 255, 255, 0.2); background-color: #4D4D4D; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozM0QyNjYwMzUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozM0QyNjYwNDUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzRDI2NjAxNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzRDI2NjAyNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+oBePfwAAAKBJREFUeNpi3L9/vyADA8NMIAbRlID3QJzOAmWsBuJVFBoY5uDg8J4JygEZWEGBYRVAw0BmMDAhCXYC8R4yDNsDNKwTxmFCdzYQ3yPBsHtQPQy4DHyProCYcMNnIAicJTI8K6BqGQgZCAvPWXgMmwVVw0CsgThdQMgHTIQSKpTGJ0a0gdhcg8vVcMBCROCDwksJic1AqYGwSHpPjEKAAAMAnKUl9RWLJ8UAAAAASUVORK5CYII='), linear-gradient(to bottom, #666666, #4D4D4D); } .lui-select--toolbar, .lui-select--gradient { 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(to bottom, #FFFFFF, #E6E6E6); } .lui-select--toolbar:hover, .lui-select--gradient:hover, .lui-select--toolbar.lui-hovered, .lui-select--gradient.lui-hovered { border-color: rgba(0, 0, 0, 0.6); } .lui-select--toolbar:active, .lui-select--gradient:active, .lui-select--toolbar.lui-active, .lui-select--gradient.lui-active { color: #FFFFFF; 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--toolbar:focus, .lui-select--gradient:focus, .lui-select--toolbar.lui-focused, .lui-select--gradient.lui-focused { border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-select--toolbar:focus::-ms-value, .lui-select--gradient:focus::-ms-value, .lui-select--toolbar.lui-focused::-ms-value, .lui-select--gradient.lui-focused::-ms-value { background: none; color: #595959; } .lui-select--toolbar[disabled], .lui-select--gradient[disabled], .lui-select--toolbar.lui-disabled, .lui-select--gradient.lui-disabled { border: solid 1px 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(to bottom, #FFFFFF, #E6E6E6); } .lui-select--toolbar-inverse, .lui-select--gradient-inverse { color: #FFFFFF; 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(to bottom, #666666, #4D4D4D); } .lui-select--toolbar-inverse:hover, .lui-select--gradient-inverse:hover, .lui-select--toolbar-inverse.lui-hovered, .lui-select--gradient-inverse.lui-hovered { border-color: rgba(0, 0, 0, 0.8); } .lui-select--toolbar-inverse:active, .lui-select--gradient-inverse:active, .lui-select--toolbar-inverse.lui-active, .lui-select--gradient-inverse.lui-active { color: #FFFFFF; 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--toolbar-inverse:focus, .lui-select--gradient-inverse:focus, .lui-select--toolbar-inverse.lui-focused, .lui-select--gradient-inverse.lui-focused { border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-select--toolbar-inverse:focus::-ms-value, .lui-select--gradient-inverse:focus::-ms-value, .lui-select--toolbar-inverse.lui-focused::-ms-value, .lui-select--gradient-inverse.lui-focused::-ms-value { background: none; color: #FFFFFF; } .lui-select--toolbar-inverse[disabled], .lui-select--gradient-inverse[disabled], .lui-select--toolbar-inverse.lui-disabled, .lui-select--gradient-inverse.lui-disabled { border: solid 1px rgba(0, 0, 0, 0.6); color: rgba(255, 255, 255, 0.2); background-color: #4D4D4D; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozM0QyNjYwMzUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozM0QyNjYwNDUwODQxMUU1QkJFMzg2MTdBNUFDNTM1RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMzRDI2NjAxNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMzRDI2NjAyNTA4NDExRTVCQkUzODYxN0E1QUM1MzVFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+oBePfwAAAKBJREFUeNpi3L9/vyADA8NMIAbRlID3QJzOAmWsBuJVFBoY5uDg8J4JygEZWEGBYRVAw0BmMDAhCXYC8R4yDNsDNKwTxmFCdzYQ3yPBsHtQPQy4DHyProCYcMNnIAicJTI8K6BqGQgZCAvPWXgMmwVVw0CsgThdQMgHTIQSKpTGJ0a0gdhcg8vVcMBCROCDwksJic1AqYGwSHpPjEKAAAMAnKUl9RWLJ8UAAAAASUVORK5CYII='), linear-gradient(to bottom, #666666, #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:before, .lui-switch__inner:after { float: left; width: 50%; height: 22px; padding: 0; font-size: 12px; } [dir="rtl"] .lui-switch__inner:before, [dir="rtl"] .lui-switch__inner:after { 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: #CCCCCC; } .lui-switch .lui-switch__switch { border-color: #CCCCCC; background-color: #E6E6E6; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); transition: border-color 200ms ease-out; } .lui-switch .lui-switch__inner:after { background: #FFFFFF; } .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:active .lui-switch__inner:after, .lui-switch.lui-active .lui-switch__inner:before, .lui-switch:active .lui-switch__inner:before { background-color: #595959; } .lui-switch .lui-switch__checkbox:focus + .lui-switch__wrap .lui-switch__switch, .lui-switch.lui-focused .lui-switch__checkbox + .lui-switch__wrap .lui-switch__switch { border-color: #3f8ab3; border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-switch:hover .lui-switch__switch, .lui-switch.lui-hovered .lui-switch__switch { border-color: #595959; } .lui-switch.lui-disabled .lui-switch__inner:before, .lui-switch[disabled] .lui-switch__inner:before { background: #E6E6E6; } .lui-switch.lui-disabled .lui-switch__inner:after, .lui-switch[disabled] .lui-switch__inner:after { background: #E6E6E6; } .lui-switch.lui-disabled:hover .lui-switch__switch, .lui-switch[disabled]:hover .lui-switch__switch { border-color: #CCCCCC; } .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(to bottom, #FFFFFF, #E6E6E6); transition: border-color 200ms ease-out; } .lui-switch--inverse .lui-switch__inner:after { background: rgba(255, 255, 255, 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:active .lui-switch__inner:after, .lui-switch--inverse.lui-active .lui-switch__inner:before, .lui-switch--inverse:active .lui-switch__inner:before { background-color: rgba(0, 0, 0, 0.6); } .lui-switch--inverse .lui-switch__checkbox:focus + .lui-switch__wrap .lui-switch__switch, .lui-switch--inverse.lui-focused .lui-switch__checkbox + .lui-switch__wrap .lui-switch__switch { border-color: #3f8ab3; border: 1px solid #3f8ab3; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); transition: none; } .lui-switch--inverse:hover .lui-switch__switch, .lui-switch--inverse.lui-hovered .lui-switch__switch { border-color: #000000; } .lui-switch--inverse.lui-disabled .lui-switch__inner:before, .lui-switch--inverse[disabled] .lui-switch__inner:before { background: rgba(255, 255, 255, 0.1); } .lui-switch--inverse.lui-disabled .lui-switch__inner:after, .lui-switch--inverse[disabled] .lui-switch__inner:after { background: rgba(255, 255, 255, 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: 1px solid transparent; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; box-shadow: none; transition: border-color 200ms ease-out; color: #595959; background-color: #FFFFFF; border-color: #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:hover, .lui-input.lui-hovered { border-color: #666666; } .lui-input.lui-invalid { border-color: #dc423f; } .lui-input:focus, .lui-input.lui-focused { border: 1px solid #3f8ab3; transition: none; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); } .lui-input:focus.lui-invalid, .lui-input.lui-focused.lui-invalid { border: 1px solid #dc423f; } .lui-input[disabled], .lui-input.lui-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: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; } .lui-input--inverse::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); font-style: normal; text-overflow: ellipsis !important; } .lui-input--inverse::-moz-placeholder { color: rgba(255, 255, 255, 0.6); font-style: normal; text-overflow: ellipsis; } .lui-input--inverse:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); font-style: normal; } .lui-input--inverse:hover, .lui-input--inverse.lui-hovered { border-color: #FFFFFF; } .lui-input--inverse.lui-invalid { border-color: #dc423f; } .lui-input--inverse:focus, .lui-input--inverse.lui-focused { border: 1px solid #3f8ab3; transition: none; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); } .lui-input--inverse:focus.lui-invalid, .lui-input--inverse.lui-focused.lui-invalid { border: 1px solid #dc423f; } .lui-input--inverse[disabled], .lui-input--inverse.lui-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:invalid, .lui-input-group .lui-input-group__item.lui-invalid { z-index: 1; } .lui-input-group .lui-input-group__item.lui-active, .lui-input-group .lui-input-group__item.lui-hovered, .lui-input-group .lui-input-group__item.lui-focused { z-index: 2; } .lui-input-group .lui-input-group__item:hover, .lui-input-group .lui-input-group__item:active { 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: #FFFFFF; border-color: #B3B3B3; transition: border-color 200ms ease-out; } .lui-input-group .lui-input-group__button:hover, .lui-input-group .lui-input-group__button.lui-hovered { border-color: #666666; } .lui-input-group .lui-input-group__button:active, .lui-input-group .lui-input-group__button.lui-active { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.65); border-color: transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .lui-input-group .lui-input-group__button[disabled], .lui-input-group .lui-input-group__button.lui-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:focus, .lui-input-group .lui-input-group__button.lui-focused { 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:focus: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.lui-focused.lui-active { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .lui-input-group .lui-input-group__input { color: #595959; } .lui-input-group--inverse .lui-input-group__button { color: rgba(255, 255, 255, 0.6); background-color: rgba(255, 255, 255, 0.3); border-color: transparent; transition: border-color 200ms ease-out; } .lui-input-group--inverse .lui-input-group__button:hover, .lui-input-group--inverse .lui-input-group__button.lui-hovered { border-color: #FFFFFF; } .lui-input-group--inverse .lui-input-group__button:active, .lui-input-group--inverse .lui-input-group__button.lui-active { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.65); border-color: transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .lui-input-group--inverse .lui-input-group__button[disabled], .lui-input-group--inverse .lui-input-group__button.lui-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:focus, .lui-input-group--inverse .lui-input-group__button.lui-focused { 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:focus: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.lui-focused.lui-active { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .lui-input-group--inverse .lui-input-group__input { color: #FFFFFF; } .lui-overlay-button { vertical-align: middle; height: 38px; padding: 0 16px; min-width: 38px; font-size: 13px; font-weight: bold; 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: #FFFFFF; background-color: rgba(0, 0, 0, 0.4); border: 2px solid rgba(255, 255, 255, 0.7); transition: all 200ms 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__text, .lui-overlay-button__icon, .lui-overlay-button__caret { display: inline-block; vertical-align: top; } .lui-overlay-button__text:not(:only-child), .lui-overlay-button__icon:not(:only-child), .lui-overlay-button__caret:not(:only-child) { margin-left: 5px; margin-right: 5px; } .lui-overlay-button__text:not(:only-child):first-child, .lui-overlay-button__icon:not(:only-child):first-child, .lui-overlay-button__caret:not(:only-child):first-child { min-width: 6px; margin-left: -6px; } [dir="rtl"] .lui-overlay-button__text:not(:only-child):first-child, [dir="rtl"] .lui-overlay-button__icon:not(:only-child):first-child, [dir="rtl"] .lui-overlay-button__caret:not(:only-child):first-child { margin-left: 5px; margin-right: -6px; } .lui-overlay-button__text:not(:only-child):last-child, .lui-overlay-button__icon:not(:only-child):last-child, .lui-overlay-button__caret:not(:only-child):last-child { min-width: 6px; margin-right: -6px; } [dir="rtl"] .lui-overlay-button__text:not(:only-child):last-child, [dir="rtl"] .lui-overlay-button__icon:not(:only-child):last-child, [dir="rtl"] .lui-overlay-button__caret: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__icon:only-child, .lui-overlay-button__caret:only-child { margin-left: -6px; margin-right: -6px; min-width: 18px; } .lui-overlay-button__icon:only-child, .lui-overlay-button__caret:only-child { margin-left: -8px; margin-right: -8px; min-width: 18px; } .lui-overlay-button:hover, .lui-overlay-button.lui-hovered { background-color: rgba(0, 0, 0, 0.6); border-color: #FFFFFF; } .lui-overlay-button:active, .lui-overlay-button.lui-active { color: #FFFFFF; background-color: rgba(0, 0, 0, 0.65); border-color: transparent; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } .lui-overlay-button:focus, .lui-overlay-button.lui-focused { border: 2px solid #3f8ab3; box-shadow: none; transition: none; } .lui-overlay-button[disabled], .lui-overlay-button.lui-disabled { color: #999999; border-color: rgba(255, 255, 255, 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__text, .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__caret { 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__icon:not(:only-child):first-child, .lui-overlay-button--block .lui-overlay-button__caret:not(:only-child):first-child { position: absolute; left: 10px; } [dir="rtl"] .lui-overlay-button--block .lui-overlay-button__icon: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__caret:not(:only-child):first-child { left: auto; right: 10px; } .lui-overlay-button--block .lui-overlay-button__icon:not(:only-child):last-child, .lui-overlay-button--block .lui-overlay-button__caret:not(:only-child):last-child { position: absolute; right: 10px; } [dir="rtl"] .lui-overlay-button--block .lui-overlay-button__icon: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__caret: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; color: #595959; background-color: #FFFFFF; } .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__search-icon, .lui-search .lui-search__clear-icon { color: #595959; } .lui-search .lui-search__clear-button { color: rgba(89, 89, 89, 0.8); } .lui-search .lui-search__clear-button:hover, .lui-search .lui-search__clear-button:active, .lui-search .lui-search__clear-button:focus { 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 200ms 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: normal; 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: normal; 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: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); } .lui-search--inverse .lui-search__input { color: #FFFFFF; } .lui-search--inverse .lui-search__input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); font-style: italic; text-overflow: ellipsis !important; } .lui-search--inverse .lui-search__input::-moz-placeholder { color: rgba(255, 255, 255, 0.6); font-style: italic; text-overflow: ellipsis; } .lui-search--inverse .lui-search__input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); font-style: italic; } .lui-search--inverse .lui-search__search-icon, .lui-search--inverse .lui-search__clear-icon { color: rgba(255, 255, 255, 0.6); } .lui-search--inverse .lui-search__clear-button { color: rgba(255, 255, 255, 0.8); } .lui-search--inverse .lui-search__clear-button:hover, .lui-search--inverse .lui-search__clear-button:active, .lui-search--inverse .lui-search__clear-button:focus { color: #FFFFFF; } .lui-list { list-style: none; padding: 0; margin: 0; } .lui-list__header { display: flex; font-weight: bold; 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 { padding-left: 0; } .lui-list__text + .lui-list__aside { padding-left: 0; } [dir="rtl"] .lui-list__aside + .lui-list__text { padding-left: 10px; padding-right: 0; } [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:hover, .lui-list .lui-list__item.lui-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 rgba(255, 255, 255, 0.15); background-color: rgba(255, 255, 255, 0.1); color: #FFFFFF; } .lui-list--inverse .lui-list__item { border-bottom: 1px solid rgba(255, 255, 255, 0.15); background-clip: padding-box; background-color: transparent; color: rgba(255, 255, 255, 0.8); transition: background-color 50ms ease-out; } .lui-list--inverse .lui-list__item:hover, .lui-list--inverse .lui-list__item.lui-hover { background-color: rgba(255, 255, 255, 0.05); } .lui-list--inverse .lui-list__item.lui-disabled { color: rgba(255, 255, 255, 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; border: 1px solid transparent; transition: opacity 200ms ease-out; opacity: 1; z-index: 1021; color: #595959; background-color: #FFFFFF; border-color: #808080; 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: #808080; } .lui-popover .lui-popover__arrow--left:after { border-right-color: #FFFFFF; } .lui-popover .lui-popover__arrow--right:before { border-left-color: #808080; } .lui-popover .lui-popover__arrow--right:after { border-left-color: #FFFFFF; } .lui-popover .lui-popover__arrow--top:before { border-bottom-color: #808080; } .lui-popover .lui-popover__arrow--top:after { border-bottom-color: #FFFFFF; } .lui-popover .lui-popover__arrow--bottom:before { border-top-color: #808080; } .lui-popover .lui-popover__arrow--bottom:after { border-top-color: #FFFFFF; } .lui-popover .lui-popover__header, .lui-popover .lui-popover__footer { 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: #FFFFFF; background-color: #404040; border-color: #333333; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .lui-popover--inverse .lui-popover__arrow--left:before { border-right-color: #333333; } .lui-popover--inverse .lui-popover__arrow--left:after { border-right-color: #404040; } .lui-popover--inverse .lui-popover__arrow--right:before { border-left-color: #333333; } .lui-popover--inverse .lui-popover__arrow--right:after { border-left-color: #404040; } .lui-popover--inverse .lui-popover__arrow--top:before { border-bottom-color: #333333; } .lui-popover--inverse .lui-popover__arrow--top:after { border-bottom-color: #404040; } .lui-popover--inverse .lui-popover__arrow--bottom:before { border-top-color: #333333; } .lui-popover--inverse .lui-popover__arrow--bottom:after { border-top-color: #404040; } .lui-popover--inverse .lui-popover__header, .lui-popover--inverse .lui-popover__footer { 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:before { content: ""; position: absolute; width: 0; height: 0; } .lui-popover__arrow:after { content: ""; position: absolute; width: 0; height: 0; } .lui-popover__arrow--left { left: 0; top: 50%; } .lui-popover__arrow--left:before { top: -8px; right: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid transparent; } .lui-popover__arrow--left:after { top: -8px; right: -1px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid transparent; } .lui-popover__arrow--right { right: 0; top: 50%; } .lui-popover__arrow--right:before { top: -8px; left: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid transparent; } .lui-popover__arrow--right:after { top: -8px; left: -1px; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid transparent; } .lui-popover__arrow--top { top: 0; left: 50%; } .lui-popover__arrow--top:before { left: -8px; bottom: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; } .lui-popover__arrow--top:after { left: -8px; bottom: -1px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; } .lui-popover__arrow--bottom { bottom: 0; left: 50%; } .lui-popover__arrow--bottom:before { left: -8px; top: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid transparent; } .lui-popover__arrow--bottom:after { left: -8px; top: -1px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid transparent; } .lui-popover__header { font-size: 14px; font-weight: bold; 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 6px; border: 1px solid transparent; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; box-sizing: border-box; box-shadow: none; transition: border-color 200ms ease-out; overflow-y: auto; overflow-x: hidden; resize: vertical; color: #595959; background-color: #FFFFFF; border-color: #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:hover, .lui-textarea.lui-hovered { border-color: #666666; } .lui-textarea.lui-invalid { border-color: #dc423f; } .lui-textarea:focus, .lui-textarea.lui-focused { border: 1px solid #3f8ab3; transition: none; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); } .lui-textarea:focus.lui-invalid, .lui-textarea.lui-focused.lui-invalid { border: 1px solid #dc423f; } .lui-textarea[disabled], .lui-textarea.lui-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: #FFFFFF; background-color: rgba(255, 255, 255, 0.3); border-color: transparent; } .lui-textarea--inverse::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); font-style: normal; text-overflow: ellipsis !important; } .lui-textarea--inverse::-moz-placeholder { color: rgba(255, 255, 255, 0.6); font-style: normal; text-overflow: ellipsis; } .lui-textarea--inverse:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); font-style: normal; } .lui-textarea--inverse:hover, .lui-textarea--inverse.lui-hovered { border-color: #FFFFFF; } .lui-textarea--inverse.lui-invalid { border-color: #dc423f; } .lui-textarea--inverse:focus, .lui-textarea--inverse.lui-focused { border: 1px solid #3f8ab3; transition: none; box-shadow: 0 0 1px 1px rgba(63, 138, 179, 0.7); } .lui-textarea--inverse:focus.lui-invalid, .lui-textarea--inverse.lui-focused.lui-invalid { border: 1px solid #dc423f; } .lui-textarea--inverse[disabled], .lui-textarea--inverse.lui-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 auto; border-radius: 3px; font-size: 13px; position: relative; transition: all 200ms ease-out; opacity: 1; z-index: 1021; justify-content: center; color: rgba(255, 255, 255, 0.8); background-color: #0D0D0D; } .lui-toast.lui-fade { opacity: 0; bottom: -50px; } .lui-toast__text { display: flex; flex: 1 1 100%; align-items: center; padding: 5px 10px; cursor: default; } .lui-toast__aside { display: flex; flex: 0 0 auto; align-items: center; border-left: 1px solid rgba(255, 255, 255, 0.15); padding: 5px 10px; cursor: pointer; } .lui-toast-service { visibility: hidden; position: fixed; bottom: 30px; left: 0; right: 0; margin: 0 auto; } .lui-toast-show-animation { transition: all 500ms ease; transform: translate(0px, 0px); opacity: 1; visibility: visible; } .lui-toast-prepare-animation { transition: all 0ms ease; transform: translate(0px, 100%); opacity: 0; visibility: hidden; } .lui-toast-hide-animation { transition: all 500ms ease; transform: translate(0px, 0px); 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: #FFFFFF; background-color: rgba(0, 0, 0, 0.9); } .lui-tooltip.lui-fade { opacity: 0; } .lui-icon { display: inline-block; font-family: "LUI icons"; font-size: 16px; font-weight: normal; font-style: normal; text-decoration: inherit; text-transform: none; direction: ltr; } .lui-icon--small { font-size: 12px; } .lui-icon--large { font-size: 20px; } .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--more-rounded:before { content: "\229F"; } .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: #000000; z-index: 1021; transition: opacity 200ms 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 #CCCCCC; 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 { color: #595959; } .lui-tag .icon-trash:hover { color: #595959; } .lui-texthighlight { background: #ffce26; color: #595959; } .lui-bg-default { background-color: #FFFFFF; color: #595959; } .lui-bg-inverse { background-color: #404040; color: #FFFFFF; } .lui-bg-alt { background-color: #FBFBFB; color: #595959; } .lui-bg-inverse-alt { background-color: #595959; color: #FFFFFF; } .lui-bg-success { background-color: #009845; color: #FFFFFF; } .lui-bg-danger { background-color: #dc423f; color: #FFFFFF; } .lui-bg-warning { background-color: #ef960f; color: #FFFFFF; } .lui-bg-info { background-color: #3f8ab3; color: #FFFFFF; } .lui-text-default { color: #595959; } .lui-text-inverse { color: #FFFFFF; } .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: normal; 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; }