UNPKG

@mescius/inputman

Version:

日本仕様の入力用JavaScriptコントロールセット

984 lines (983 loc) 384 kB
/*! * * InputManJS 6.0 * * Copyright(c) MESCIUS inc. All rights reserved. * * Licensed under the InputManJS Commercial License. * sales@mescius.com * https://developer.mescius.jp/license/javascript * * */ .gcim-layout { overflow: visible; display: inline-block; position: relative; outline: none; max-width: 100%; -webkit-tap-highlight-color: transparent; } .gcim { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; display: inline-flex; position: relative; box-sizing: border-box; height: 100%; border-collapse: separate; font-family: -apple-system-font, 'Segoe UI', 'Roboto', sans-serif; font-size: 14px; line-height: 2em; transition-property: border-color; transition-duration: 200ms; width: 100%; background-color: white; padding: 0.5px; } .gcim__input { border: none; outline: none; box-shadow: none; width: 100%; font-size: inherit; padding: 1px 0; /*cursor: text;*/ box-sizing: border-box; padding: 0 8px; color: inherit; max-height: 100%; border-radius: 4px; height: 2em; background: transparent; transform-origin: left; font-family: -apple-system-font, 'Segoe UI', 'Roboto', sans-serif; flex-grow: 0; flex-shrink: 0; } .gcim__input:disabled { color: gray; } .gcim__input::-ms-clear { display: none; } .gcim__textarea { margin: 0px; border: 0; padding: 0; width: 100%; height: 100%; box-sizing: border-box; /* For IE and modern versions of Chrome */ -moz-box-sizing: border-box; /* For Firefox */ -webkit-box-sizing: border-box; /* For Safari */ border: none; outline: none; resize: none; display: inline-block; padding: 6px 12px; border-radius: 4px; font-size: inherit; font-family: -apple-system-font, 'Segoe UI', 'Roboto', sans-serif; background: transparent; vertical-align: top; } .gcim__textarea:disabled { color: gray; } .gcim__input-wrapper { height: 100%; background-color: transparent; border-radius: 4px; position: relative; flex: auto; } .gcim__input-wrapper.inside-padding { padding-top: 10px; } .gcim__input-wrapper.inside-padding, .gcim__input-wrapper.throughborder-padding { height: auto; } .gcim_hidden { display: none !important; } .gcim_focused { border-color: #3b99fc; } .gcim_gc-number_negative { color: red; } /**************ICONS********************/ .gcim-icon { background-color: transparent; background-size: 100%; background-position: center; background-repeat: no-repeat; cursor: inherit; pointer-events: none; width: 2em; height: 100%; display: block; } .gcim-icon_back-space { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20width%3D%2232px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2032%2022%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Asketch%3D%22http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%2Fns%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%20Beta%203.3.2%20(12041)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Edelete%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch%20Beta.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20sketch%3Atype%3D%22MSPage%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Icon-Set%22%20sketch%3Atype%3D%22MSLayerGroup%22%20transform%3D%22translate(-516.000000%2C%20-1144.000000)%22%20fill%3D%22%23000000%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M538.708%2C1151.28%20C538.314%2C1150.89%20537.676%2C1150.89%20537.281%2C1151.28%20L534.981%2C1153.58%20L532.742%2C1151.34%20C532.352%2C1150.95%20531.718%2C1150.95%20531.327%2C1151.34%20C530.936%2C1151.73%20530.936%2C1152.37%20531.327%2C1152.76%20L533.566%2C1154.99%20L531.298%2C1157.26%20C530.904%2C1157.65%20530.904%2C1158.29%20531.298%2C1158.69%20C531.692%2C1159.08%20532.331%2C1159.08%20532.725%2C1158.69%20L534.993%2C1156.42%20L537.232%2C1158.66%20C537.623%2C1159.05%20538.257%2C1159.05%20538.647%2C1158.66%20C539.039%2C1158.27%20539.039%2C1157.63%20538.647%2C1157.24%20L536.408%2C1155.01%20L538.708%2C1152.71%20C539.103%2C1152.31%20539.103%2C1151.68%20538.708%2C1151.28%20L538.708%2C1151.28%20Z%20M545.998%2C1162%20C545.998%2C1163.1%20545.102%2C1164%20543.996%2C1164%20L526.467%2C1164%20L518.316%2C1154.98%20L526.438%2C1146%20L543.996%2C1146%20C545.102%2C1146%20545.998%2C1146.9%20545.998%2C1148%20L545.998%2C1162%20L545.998%2C1162%20Z%20M543.996%2C1144%20L526.051%2C1144%20C525.771%2C1143.98%20525.485%2C1144.07%20525.271%2C1144.28%20L516.285%2C1154.22%20C516.074%2C1154.43%20515.983%2C1154.71%20515.998%2C1154.98%20C515.983%2C1155.26%20516.074%2C1155.54%20516.285%2C1155.75%20L525.271%2C1165.69%20C525.467%2C1165.88%20525.723%2C1165.98%20525.979%2C1165.98%20L525.979%2C1166%20L543.996%2C1166%20C546.207%2C1166%20548%2C1164.21%20548%2C1162%20L548%2C1148%20C548%2C1145.79%20546.207%2C1144%20543.996%2C1144%20L543.996%2C1144%20Z%22%20id%3D%22delete%22%20sketch%3Atype%3D%22MSShapeGroup%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); background-size: 1em; } /**************ICONS END********************/ .gcim__user-select--none { user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; } .gcim_empty_template { border: 1px solid rgba(0, 0, 0, 0.2); position: relative; box-sizing: border-box; background-color: white; } .gcim-floating-label__container { max-width: 100%; user-select: none; -webkit-user-select: none; line-height: normal; overflow: hidden; transform-origin: left top; text-overflow: ellipsis; } .gcim-floating-label__container[label-state] { color: rgba(33, 37, 41, 0.65); position: absolute; pointer-events: none; transition: top 0.25s ease-in-out, left 0.25s ease-in-out, transform 0.25s ease-in-out; } .gcim-floating-label__container[label-state='display'] { top: 50%; transform: translateY(-50%); } .gcim-floating-label__container[label-state='floating'][label-direction] { top: 0px; } .gcim-floating-label__container[label-state='floating'][label-direction][label-direction='outside'] { transform: scale(0.7) translateY(-100%); } .gcim-floating-label__container[label-state='floating'][label-direction][label-direction='throughborder'] { transform: scale(0.7) translateY(-50%); } .gcim-floating-label__container[label-state='floating'][label-direction][label-direction='throughborder'] label { background: linear-gradient(to bottom, transparent 0%, transparent calc(50% - 3px), white calc(50% - 3px), white calc(50% + 3px), transparent calc(50% + 3px), transparent 100%); } .gcim-floating-label__container[label-state='floating'][label-direction][label-direction='inside'] { transform: scale(0.7); } .gcim-floating-label__container label { overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: 1px solid transparent; transition: background-color 3s ease-in-out; } [ctrl-type="GcMultiLineTextBox"] .gcim-floating-label__container[label-state='display'] { top: 0; transform: translateY(0); } .gcim__scroll-bar-container { width: 100px; height: 100px; overflow: scroll; } .gcim__scroll-bar-content { width: 1000px; height: 1000px; } .gcim-dropdown { position: absolute; left: 0; box-sizing: border-box; border-top: 0; z-index: 10000001; overflow: hidden; white-space: nowrap; } .gcim-dropdown-up { bottom: 100%; } .gcim-dropdown-down { top: 100%; } .gcim-dropdown_close { display: none !important; } .gcim-dropdown .gcim-numeric-pad { display: block; } .gcim-dropdown .gcim-calendar__outter-container { display: block; } .gcim-dropdown-animation__expand-open-down { animation: gcim__animation-expandOpenDown 0.2s cubic-bezier(0.23, 1, 0.32, 1); } @keyframes gcim__animation-expandOpenDown { 0% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } } .gcim-dropdown-animation__expand-close-down { animation: gcim__animation-expandCloseDown 0.2s cubic-bezier(0.755, 0.05, 0.855, 0.06); } @keyframes gcim__animation-expandCloseDown { 0% { transform: scaleY(1); transform-origin: 0% 0%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 0% 0%; opacity: 0; } } .gcim-dropdown-animation__expand-open-up { animation: gcim__animation-expandOpenUp 0.2s cubic-bezier(0.23, 1, 0.32, 1); } @keyframes gcim__animation-expandOpenUp { 0% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } 100% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } } .gcim-dropdown-animation__expand-close-up { animation: gcim__animation-expandCloseUp 0.2s cubic-bezier(0.755, 0.05, 0.855, 0.06); } @keyframes gcim__animation-expandCloseUp { 0% { transform: scaleY(1); transform-origin: 100% 100%; opacity: 1; } 100% { transform: scaleY(0.8); transform-origin: 100% 100%; opacity: 0; } } .gcim-dropdown-animation__popup-open-down, .gcim-dropdown-animation__popup-open-up { animation: gcim__animation-popupOpen 0.2s ease; } @keyframes gcim__animation-popupOpen { 0% { opacity: 0; transform: scale(0.5); transform-origin: center center; } 100% { opacity: 1; transform: scale(1); transform-origin: center center; } } .gcim-dropdown-animation__popup-close-down, .gcim-dropdown-animation__popup-close-up { animation: gcim__animation-popupClose 0.2s ease; } @keyframes gcim__animation-popupClose { 0% { opacity: 1; transform: scale(1); transform-origin: center center; } 100% { opacity: 0; transform: scale(0.5); transform-origin: center center; } } .gcim-dropdown-animation__slideDown-close-down { animation: gcim__animation-slideDownCloseDown 0.2s ease; } .gcim-dropdown-animation__slideDown-open-down { animation: gcim__animation-slideDownOpenDown 0.2s ease; } .gcim-dropdown-animation__slideDown-open-up { animation: gcim__animation-slideDownOpenUp 0.2s ease; } .gcim-dropdown-animation__slideDown-close-up { animation: gcim__animation-slideDownCloseUp 0.2s ease; } @keyframes gcim__animation-slideDownCloseDown { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(-14px); } } @keyframes gcim__animation-slideDownOpenDown { 0% { opacity: 0; transform: translateY(-14px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes gcim__animation-slideDownOpenUp { 0% { opacity: 0; transform: translateY(14px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes gcim__animation-slideDownCloseUp { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(14px); } } .gcim-dropdown-animation__slideUp-close-down { animation: gcim__animation-slideUpCloseDown 0.2s ease; } .gcim-dropdown-animation__slideUp-open-down { animation: gcim__animation-slideUpOpenDown 0.2s ease; } .gcim-dropdown-animation__slideUp-open-up { animation: gcim__animation-slideUpOpenUp 0.2s ease; } .gcim-dropdown-animation__slideUp-close-up { animation: gcim__animation-slideUpCloseUp 0.2s ease; } @keyframes gcim__animation-slideUpCloseDown { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(14px); } } @keyframes gcim__animation-slideUpOpenDown { 0% { opacity: 0; transform: translateY(14px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes gcim__animation-slideUpOpenUp { 0% { opacity: 0; transform: translateY(-14px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes gcim__animation-slideUpCloseUp { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(-14px); } } .gcim__side-button { width: 2em; box-sizing: border-box; background: transparent; font-size: inherit; overflow: hidden; cursor: pointer; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; border: none; padding: 0; border-radius: 0; background-color: white; z-index: 0; } .gcim__side-button:focus { outline: none; } .gcim__side-button:hover { background: #DDDDDD; } .gcim__side-button:active { background: #BBBBBB; } .gcim__side-button[disabled] { opacity: 0.5; } .gcim__side-button[disabled]:hover { background: none; } .gcim__side-button[name='clear'] { width: 24px; background-color: transparent; } .gcim__side-button[name='clear']:hover { background: none; } .gcim__side-button[name='help'] { width: 24px; background-color: transparent; } .gcim__side-button[name='help']:hover { background: none; } .gcim__side-button[name='copy'] { width: 24px; background-color: transparent; } .gcim__side-button[name='copy']:hover { background: none; } .gcim__buttons_container { display: flex; flex: none; } .gcim__buttons_container[left] { position: relative; border-radius: inherit; } .gcim__buttons_container[left] .gcim__button_border-radius { border-top-left-radius: inherit; border-bottom-left-radius: inherit; } .gcim__buttons_container[left] .gcim__button_border { border-right: 1px solid #CCCCCC; } .gcim__buttons_container[right] { border-radius: inherit; } .gcim__buttons_container[right] .gcim__button_border-radius { border-top-right-radius: inherit; border-bottom-right-radius: inherit; } .gcim__buttons_container[right] .gcim__button_border { border-left: 1px solid #CCCCCC; } .gcim__buttons_container-multiline { flex-flow: wrap-reverse; } .gcim__spin-button-wrapper { height: 100%; width: 2em; } .gcim__spin-button { cursor: pointer; background: white; } .gcim__spin-button:hover { background: #DDDDDD; } .gcim__spin-button:active { background: #BBBBBB; } .gcim__spin-button__up { height: 50%; width: 100%; box-sizing: border-box; } .gcim__spin-button__down { height: 50%; width: 100%; } .gcim-icon_spin-down { background-size: 0.5em; } .gcim-icon_spin-up { background-size: 0.5em; } .gcim__fish-eye { width: 2em; background-size: contain; background-repeat: no-repeat; } .gcim__clear-button { width: 100%; height: 100%; background-size: 65% 65%; background-repeat: no-repeat; } .gcim__copy-button { width: 100%; height: 100%; background-size: 65% 65%; background-repeat: no-repeat; } .gcim__help-button { width: 100%; height: 100%; background-size: 65%; background-repeat: no-repeat; } .gcim__button-multiline { height: 2em; } .gcim__copy-button_tip { background-color: #5198fb; padding: 5px; font-size: 85%; color: #fff; border-radius: 6px; word-wrap: break-word; max-width: 600px; min-width: 0.7em; min-height: 1em; white-space: pre-wrap; } .gcim__help-button_tip { background-color: #5198fb; padding: 5px; font-size: 85%; color: #fff; border-radius: 6px; word-wrap: break-word; max-width: 600px; min-width: 0.7em; min-height: 1em; white-space: pre-wrap; } .gcim__side-button[name='calculator-popup'] .gcim-icon_drop-down { background-size: 80%; } .gcim__buttons_container[right][gcim-show-gap='true'] { padding-left: 5px; } .gcim__buttons_container[left][gcim-show-gap='true'] { padding-right: 5px; } .gcim-icon_spin-down { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%225px%22%20height%3D%223px%22%20viewBox%3D%220%200%205%203%22%20enable-background%3D%22new%200%200%205%203%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20points%3D%220%2C0%205%2C0%202.5%2C3%20%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .gcim-icon_spin-up { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%225px%22%20height%3D%223px%22%20viewBox%3D%220%200%205%203%22%20enable-background%3D%22new%200%200%205%203%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20points%3D%225%2C3%200%2C3%202.5%2C0%20%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .gcim__fish-eye { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22Layer_1_1_%22%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%236C6C6C%22%20d%3D%22M8%2C5.889c2.148%2C0%2C4%2C1.333%2C4%2C3.111h1c0-1.778-2.236-4-5-4C5.238%2C5%2C3%2C7.222%2C3%2C9h1%0A%09%09C4%2C7.222%2C5.854%2C5.889%2C8%2C5.889z%22%2F%3E%0A%09%3Cpath%20fill%3D%22%236C6C6C%22%20d%3D%22M8%2C7C6.896%2C7%2C6%2C7.895%2C6%2C8.999c0%2C1.104%2C0.896%2C2%2C2%2C2c1.104%2C0%2C2-0.896%2C2-2C10%2C7.895%2C9.104%2C7%2C8%2C7z%20M8%2C10%0A%09%09c-0.553%2C0-1-0.447-1-1.001C7%2C8.448%2C7.447%2C8%2C8%2C8c0.553%2C0%2C1%2C0.448%2C1%2C0.999C9%2C9.553%2C8.553%2C10%2C8%2C10z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); } .gcim__fish-eye:hover { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20fill%3D%22%23DEDEDE%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%0A%3Cg%20id%3D%22Layer_1_1_%22%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%236C6C6C%22%20d%3D%22M8%2C5.889c2.148%2C0%2C4%2C1.334%2C4%2C3.111h1c0-1.777-2.236-4-5-4C5.238%2C5%2C3%2C7.223%2C3%2C9h1%0A%09%09C4%2C7.223%2C5.854%2C5.889%2C8%2C5.889z%22%2F%3E%0A%09%3Cpath%20fill%3D%22%236C6C6C%22%20d%3D%22M8%2C7C6.896%2C7%2C6%2C7.896%2C6%2C9c0%2C1.104%2C0.896%2C2%2C2%2C2s2-0.896%2C2-2C10%2C7.896%2C9.104%2C7%2C8%2C7z%20M8%2C10%0A%09%09c-0.553%2C0-1-0.447-1-1c0-0.552%2C0.447-1%2C1-1s1%2C0.448%2C1%2C1C9%2C9.553%2C8.553%2C10%2C8%2C10z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); } .gcim__fish-eye:active { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20enable-background%3D%22new%200%200%2016%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20fill%3D%22%235C5C5C%22%20width%3D%2216%22%20height%3D%2216%22%2F%3E%0A%3Cg%20id%3D%22Layer_1_1_%22%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M8%2C5.889c2.148%2C0%2C4%2C1.334%2C4%2C3.111h1c0-1.777-2.236-4-5-4C5.238%2C5%2C3%2C7.223%2C3%2C9h1%0A%09%09C4%2C7.223%2C5.854%2C5.889%2C8%2C5.889z%22%2F%3E%0A%09%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M8%2C7C6.896%2C7%2C6%2C7.895%2C6%2C9c0%2C1.104%2C0.896%2C2%2C2%2C2s2-0.896%2C2-2C10%2C7.895%2C9.104%2C7%2C8%2C7z%20M8%2C10%0A%09%09c-0.553%2C0-1-0.447-1-1c0-0.552%2C0.447-1%2C1-1s1%2C0.447%2C1%2C1C9%2C9.553%2C8.553%2C10%2C8%2C10z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); } .gcim__clear-button { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2022.1.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2016%2016%22%20style%3D%22enable-background%3Anew%200%200%2016%2016%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3A%23878787%3B%7D%0A%09.st1%7Bstroke%3A%23fff%3Bstroke-width%3A1.8%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%228%22%2F%3E%0A%3Cline%20x1%3D%224.3%22%20y1%3D%224.3%22%20x2%3D%2211.7%22%20y2%3D%2211.7%22%20class%3D%22st1%22%20%2F%3E%0A%3Cline%20x1%3D%2211.7%22%20y1%3D%224.3%22%20x2%3D%224.3%22%20y2%3D%2211.7%22%20class%3D%22st1%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); } .gcim__copy-button { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Ctitle%3E%E6%8B%B7%E8%B4%9D%3C%2Ftitle%3E%0A%20%20%20%20%3Cg%20id%3D%22%E6%8B%B7%E8%B4%9D%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M10.998%2C3%20L14%2C6%20L14%2C15%20L4%2C15%20L4%2C3%20L10.998%2C3%20Z%20M11%2C4%20L5%2C4%20L5%2C14%20L13%2C14%20L13%2C6%20L11%2C6%20L11%2C4%20Z%20M11%2C1%20L11%2C2%20L3%2C2%20L3%2C13%20L2%2C13%20L2%2C1%20L11%2C1%20Z%22%20id%3D%22%E5%BD%A2%E7%8A%B6%E7%BB%93%E5%90%88%E5%A4%87%E4%BB%BD-5%22%20fill%3D%22%236B6B6B%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .gcim__help-button { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2216px%22%20height%3D%2216px%22%20viewBox%3D%220%200%2016%2016%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Ctitle%3E%E9%97%AE%E5%8F%B7%3C%2Ftitle%3E%0A%20%20%20%20%3Cg%20id%3D%22%E9%97%AE%E5%8F%B7%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M8%2C0%20C12.418278%2C0%2016%2C3.581722%2016%2C8%20C16%2C12.418278%2012.418278%2C16%208%2C16%20C3.581722%2C16%200%2C12.418278%200%2C8%20C0%2C3.581722%203.581722%2C0%208%2C0%20Z%20M8%2C1%20C4.13400675%2C1%201%2C4.13400675%201%2C8%20C1%2C11.8659932%204.13400675%2C15%208%2C15%20C11.8659932%2C15%2015%2C11.8659932%2015%2C8%20C15%2C4.13400675%2011.8659932%2C1%208%2C1%20Z%20M8.02597986%2C10.7460944%20C8.22349979%2C10.7586685%208.41224521%2C10.8381403%208.56000598%2C10.9733337%20L8.63376655%2C11.0506823%20C8.77005899%2C11.2138483%208.83800205%2C11.4253218%208.82000598%2C11.6400004%20L8.81490812%2C11.7644494%20C8.79197523%2C11.9697368%208.69781048%2C12.1620696%208.54667263%2C12.3066672%20L8.45197291%2C12.3843515%20C8.28655919%2C12.5024151%208.08535143%2C12.562647%207.88000595%2C12.5533339%20L7.85987946%2C12.5534088%20C7.37020029%2C12.5496734%206.97626535%2C12.1496838%206.98000029%2C11.6600047%20L6.97808232%2C11.5531367%20C6.98824385%2C11.3407794%207.08141336%2C11.1391444%207.24000033%2C10.9933334%20L7.33340217%2C10.913234%20C7.49738172%2C10.7918406%207.70050383%2C10.7318656%207.90666702%2C10.7466667%20Z%20M8.3365834%2C3.47626089%20C8.96443792%2C3.48913743%209.57130735%2C3.71755818%2010.0533305%2C4.1266663%20L10.1841147%2C4.25422625%20C10.600774%2C4.69515392%2010.8226693%2C5.28885003%2010.7933326%2C5.89999965%20C10.8119054%2C6.44250746%2010.647545%2C6.97550538%2010.3266658%2C7.41333454%20L9.99433353%2C7.74838384%20C9.76866116%2C7.96754942%209.53483384%2C8.17823878%209.29333245%2C8.38000128%20L9.16753214%2C8.49425859%20C9.00696688%2C8.65366525%208.87561848%2C8.84062125%208.77999915%2C9.04666792%20L8.70833691%2C9.20155058%20C8.62352015%2C9.41222644%208.58190092%2C9.63843778%208.5866663%2C9.86666778%20L8.58666628%2C10.0600001%20L7.25333294%2C10.0600001%20L7.25388447%2C9.64323835%20C7.26861003%2C9.30507415%207.35208086%2C8.97269625%207.49999961%2C8.66666674%20L7.66772096%2C8.42161173%20C8.01425496%2C7.93977696%208.42668838%2C7.50830349%208.89333302%2C7.13999992%20L9.0999999%2C6.90666642%20C9.31419636%2C6.65201017%209.43632376%2C6.33259975%209.44666657%2C5.99999975%20L9.44814286%2C5.85889837%20C9.43549879%2C5.53108272%209.31110797%2C5.21577169%209.09333323%2C4.96666648%20L8.98307656%2C4.87393148%20C8.71609235%2C4.67188597%208.38393711%2C4.57121312%208.04666654%2C4.59333312%20L7.90667643%2C4.58648426%20C7.48858187%2C4.58801626%207.09193424%2C4.7862377%206.83999987%2C5.12666645%20C6.59625751%2C5.50236209%206.47942522%2C5.94632459%206.50666667%2C6.39333292%20L6.47295029%2C6.48393601%20C6.39308695%2C6.65860934%206.24072267%2C6.79201176%206.05333338%2C6.84666694%20C5.69987088%2C6.94976069%205.32975984%2C6.74679611%205.22666672%2C6.39333361%20L5.22666672%2C6.32000029%20C5.20372714%2C5.56236904%205.48177922%2C4.82648779%206.00000006%2C4.27333363%20L6.14616189%2C4.14183828%20C6.69673479%2C3.6798827%207.40413314%2C3.44165106%208.126667%2C3.48%20Z%22%20id%3D%22%E5%BD%A2%E7%8A%B6%E7%BB%93%E5%90%88%E5%A4%87%E4%BB%BD-8%22%20fill%3D%22%236B6B6B%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E"); } .gcim-icon_drop-down { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218px%22%0A%09%20height%3D%228px%22%20viewBox%3D%220%200%2018%208%22%20enable-background%3D%22new%200%200%2018%208%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22Layer_1%22%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Layer_2%22%3E%0A%09%3Cpolygon%20points%3D%226%2C1%208.999%2C7%2012%2C1%20%09%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); } .gcim__side-button[name='calculator-popup'] .gcim-icon_drop-down { background-image: url("data:image/svg+xml,%3Csvg%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20data-prefix%3D%22fas%22%20data-icon%3D%22calculator%22%20class%3D%22svg-inline--fa%20fa-calculator%20fa-w-14%22%20role%3D%22img%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20fill%3D%22rgba(0%2C0%2C0%2C0.7)%22%20d%3D%22M400%200H48C22.4%200%200%2022.4%200%2048v416c0%2025.6%2022.4%2048%2048%2048h352c25.6%200%2048-22.4%2048-48V48c0-25.6-22.4-48-48-48zM128%20435.2c0%206.4-6.4%2012.8-12.8%2012.8H76.8c-6.4%200-12.8-6.4-12.8-12.8v-38.4c0-6.4%206.4-12.8%2012.8-12.8h38.4c6.4%200%2012.8%206.4%2012.8%2012.8v38.4zm0-128c0%206.4-6.4%2012.8-12.8%2012.8H76.8c-6.4%200-12.8-6.4-12.8-12.8v-38.4c0-6.4%206.4-12.8%2012.8-12.8h38.4c6.4%200%2012.8%206.4%2012.8%2012.8v38.4zm128%20128c0%206.4-6.4%2012.8-12.8%2012.8h-38.4c-6.4%200-12.8-6.4-12.8-12.8v-38.4c0-6.4%206.4-12.8%2012.8-12.8h38.4c6.4%200%2012.8%206.4%2012.8%2012.8v38.4zm0-128c0%206.4-6.4%2012.8-12.8%2012.8h-38.4c-6.4%200-12.8-6.4-12.8-12.8v-38.4c0-6.4%206.4-12.8%2012.8-12.8h38.4c6.4%200%2012.8%206.4%2012.8%2012.8v38.4zm128%20128c0%206.4-6.4%2012.8-12.8%2012.8h-38.4c-6.4%200-12.8-6.4-12.8-12.8V268.8c0-6.4%206.4-12.8%2012.8-12.8h38.4c6.4%200%2012.8%206.4%2012.8%2012.8v166.4zm0-256c0%206.4-6.4%2012.8-12.8%2012.8H76.8c-6.4%200-12.8-6.4-12.8-12.8V76.8C64%2070.4%2070.4%2064%2076.8%2064h294.4c6.4%200%2012.8%206.4%2012.8%2012.8v102.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); } .gcim__listbox { position: relative; display: block; overflow: hidden; outline: none; width: 100%; border-radius: 0; max-width: 100%; } .gcim__listbox * { box-sizing: border-box; } .gcim__listbox[data-multiple-column="false"] .viewport__inner { width: 100%; vertical-align: top; } .gcim__listbox[data-multiple-column="false"] .column-header__inner { width: 100%; } .gcim__listbox[safari="true"] { width: auto; } .gcim__listbox .column-header .column-header__inner { display: none; cursor: pointer; overflow: hidden; background-color: #EAEAEA; white-space: nowrap; font-weight: 600; } .gcim__listbox .column-header .column-header__inner[show="true"] { display: inline-block; } .gcim__listbox .column-header .column-header__sort-indicator { display: inline-block; } .gcim__listbox .column-header .column-header__sort-indicator div { background-position: center; background-repeat: no-repeat; width: 12px; height: 12px; display: inline-block; } .gcim__listbox .column-header .column-header__sort-indicator[sort-state="asc"] div { transform: rotate(180deg); -ms-transform: rotate(180deg); } .gcim__listbox .viewport { overflow: hidden; cursor: default; } .gcim__listbox .viewport .viewport__inner { display: inline-block; vertical-align: top; } .gcim__listbox .viewport[dragover="false"] .list-item:hover { background-color: #f1f1f1; } .gcim__listbox .viewport[dragover="false"] .list-item[focused="true"] { background-color: #f1f1f1; } .gcim__listbox .viewport[dragover="false"] .list-item[selected="true"] { background-color: #0085c7; color: white; } .gcim__listbox .viewport[dragover="true"] { cursor: pointer; } .gcim__listbox .viewport .list-item { overflow: hidden; width: 100%; } .gcim__listbox .viewport .list-item[focused="true"] { background-color: #f1f1f1; } .gcim__listbox .viewport .list-item[selected="true"] { background-color: #0085c7; color: white; } .gcim__listbox .viewport .list-item__inner { white-space: nowrap; height: 100%; } .gcim__listbox .viewport .list-item--virtual { position: absolute; top: 0; } .gcim__listbox .viewport .customize-item { padding: 2px 4px; width: 180px; white-space: pre; } .gcim__listbox .footer { overflow: hidden; position: absolute; bottom: 0; left: 0; right: 0; } .gcim__listbox .footer_style { background: #fff; height: 28px; text-overflow: ellipsis; white-space: nowrap; } .gcim__listbox .resize-line { top: 0; bottom: 0; border-left: 1px dashed gray; z-index: 10; cursor: col-resize; position: absolute; } .gcim__listbox .drag-drop-line { height: 2px; border-radius: 1px; left: 0; background-color: #0052cc; position: absolute; pointer-events: none; } .gcim__listbox .scroll { position: absolute; overflow: auto; height: auto; width: auto; outline: none; } .gcim__listbox .scroll--vertical { top: 0; right: 0; bottom: 0; } .gcim__listbox .scroll--horizontal { left: 0; right: 0; bottom: 0; } .gcim__listbox .corner { background-color: #f1f1f1; position: absolute; cursor: default; } .gcim__listbox .corner[resize="true"] { background-repeat: no-repeat; background-size: cover; background-color: transparent; cursor: nwse-resize; background-position: bottom right; background-size: 80%; } .gcim__listbox .corner[resize="true"][showverticalscrollbar="true"], .gcim__listbox .corner[resize="true"][showhorizontalscrollbar="true"] { background-color: #f1f1f1; } .gcim__listbox .corner--bottom--right { right: 0; bottom: 0; } .gcim__listbox .grid-line--bottom--right { border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .gcim__listbox .cell-content { padding-left: 2px; padding-right: 2px; height: 100%; line-height: 100%; white-space: pre; } .gcim__listbox .header-content { text-align: center; height: 100%; } .gcim__listbox .text-content { overflow: hidden; display: inline-block; vertical-align: top; } .gcim__listbox .text-content[data-align='left'] { text-align: left; } .gcim__listbox .text-content[data-align='center'] { text-align: center; } .gcim__listbox .text-content[data-align='right'] { text-align: right; } .gcim__listbox .content[data-align="top"] { vertical-align: top; } .gcim__listbox .content[data-align="middle"] { vertical-align: middle; } .gcim__listbox .content[data-align="bottom"] { vertical-align: bottom; } .gcim__listbox .content[data-align="baseline"] { vertical-align: baseline; } .gcim__listbox .text-truncate-style { text-overflow: ellipsis; } .gcim__list_overlay { position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0.5; background: #fff; } .gcim__listbox_tip { background-color: white; padding: 0px 8px; border: 2px solid gainsboro; font-size: medium; border-radius: 6px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); word-wrap: break-word; max-width: 600px; white-space: pre-wrap; } .gcim__listbox_drag-drop-container { position: fixed; opacity: 0.9; z-index: 10000009; pointer-events: none; } .gcim__listbox-multi-item-in-row-view { display: grid!important; } .gcim__listbox .column-header .column-header__sort-indicator[sort-state="asc"] div, .gcim__listbox .column-header .column-header__sort-indicator[sort-state="desc"] div { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218px%22%0A%09%20height%3D%228px%22%20viewBox%3D%220%200%2018%208%22%20enable-background%3D%22new%200%200%2018%208%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%20id%3D%22Layer_1%22%3E%0A%3C%2Fg%3E%0A%3Cg%20id%3D%22Layer_2%22%3E%0A%09%3Cpolygon%20points%3D%226%2C1%208.999%2C7%2012%2C1%20%09%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A"); } .gcim-numeric-pad { border: 1px solid #a9a9a9; font-size: 16px; display: inline-block; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; padding: 10px; background-color: #ededed; box-sizing: border-box; width: 200px; height: 200px; } .gcim-numeric-pad__row { position: relative; height: 18%; vertical-align: middle; margin-bottom: 2.5%; font-size: inherit; } .gcim-numeric-pad__row_last-row { margin-bottom: 0; } .gcim-numeric-pad__row_col1 { margin-right: 5%; } .gcim-numeric-pad__row_col2 { margin-right: 5%; } .gcim-numeric-button { width: 30%; float: left; height: 100%; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; -webkit-user-select: none; border: 1px solid #a9a6a6; background-color: white; border-radius: 4px; outline: none; font-size: inherit; color: #000; } .gcim-numeric-button:hover { background-color: #e9e9e9; } .gcim-numeric-button:active { background-color: #d3d3d3; color: black; } .gcim-numeric-button:active { width: 30%; float: left; height: 100%; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; -webkit-user-select: none; border: 1px solid #7e7e7e; } .gcim-drop-down_numeric-box { border: 0; background: transparent; overflow: visible; } .gcim__touch-tool-bar { display: inline-block; position: relative; height: 70px; border: 1px solid black; user-select: none; -webkit-user-select: none; -ms-user-select: none; background-color: white; } .gcim__touch-toolbar__container { border: 1px solid black; padding: 3px 6px; font-size: 12px; background-color: white; position: absolute; z-index: 1000000000; overflow: visible; } .gcim__touch-toolbar__button { background-color: transparent; background-position: center 5px; background-repeat: no-repeat; background-size: 3em; border: none; margin: 0; padding: 4px; box-sizing: border-box; display: inline-block; vertical-align: bottom; height: 4em; width: 5em; line-height: 5em; } .gcim__touch-toolbar__button:focus { outline: none; } .gcim__touch-toolbar__separator { display: inline-block; width: 1px; height: 100%; box-sizing: border-box; position: absolute; top: 10px; background-color: #c4c4c4; } .gcim__touch-toolbar__button__clear { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%229%22%20y%3D%2222%22%20fill%3D%22%23274BAC%22%20width%3D%2213%22%20height%3D%221%22%2F%3E%0A%3Cpath%20fill%3D%22%23C6CACB%22%20d%3D%22M2.969%2C14.914c-0.144%2C0.396-0.532%2C5.344%2C0%2C6s5.519%2C1.208%2C6%2C1.063c0.268-0.081%2C3.791-3.334%2C6.948-6.289%0A%09L9.095%2C8.864C6.176%2C11.667%2C3.048%2C14.698%2C2.969%2C14.914z%22%2F%3E%0A%3Cpath%20fill%3D%22%23EFA7C6%22%20d%3D%22M20.828%2C6.687c-0.401-0.765-1.551-2.218-2.697-2.6c-0.737-0.246-3.191-0.86-4.066%2C0.015%0A%09c-0.23%2C0.23-2.104%2C2.015-4.248%2C4.07l6.831%2C6.831c2.212-2.075%2C4.091-3.857%2C4.291-4.058C21.438%2C10.445%2C21.439%2C7.852%2C20.828%2C6.687z%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M9.095%2C8.864l6.822%2C6.823c0.246-0.23%2C0.49-0.459%2C0.73-0.685L9.816%2C8.172C9.579%2C8.4%2C9.337%2C8.631%2C9.095%2C8.864z%0A%09%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .gcim__touch-toolbar__button__clear__disable { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Crect%20x%3D%229%22%20y%3D%2222%22%20fill%3D%22%23515151%22%20width%3D%2213%22%20height%3D%221%22%2F%3E%0A%3Cpath%20fill%3D%22%23C8C8C8%22%20d%3D%22M2.969%2C14.914c-0.144%2C0.396-0.532%2C5.344%2C0%2C6s5.519%2C1.208%2C6%2C1.063c0.268-0.081%2C3.791-3.334%2C6.948-6.289%0A%09L9.095%2C8.864C6.176%2C11.667%2C3.048%2C14.698%2C2.969%2C14.914z%22%2F%3E%0A%3Cpath%20fill%3D%22%23C8C8C8%22%20d%3D%22M20.828%2C6.687c-0.401-0.765-1.551-2.218-2.697-2.6c-0.737-0.246-3.191-0.86-4.066%2C0.015%0A%09c-0.23%2C0.23-2.104%2C2.015-4.248%2C4.07l6.831%2C6.831c2.212-2.075%2C4.091-3.857%2C4.291-4.058C21.438%2C10.445%2C21.439%2C7.852%2C20.828%2C6.687z%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M9.095%2C8.864l6.822%2C6.823c0.246-0.23%2C0.49-0.459%2C0.73-0.685L9.816%2C8.172C9.579%2C8.4%2C9.337%2C8.631%2C9.095%2C8.864z%0A%09%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .gcim__touch-toolbar__button__copy { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%229.625%2C2.708%2016.75%2C2.708%2020.542%2C6%2020.542%2C17.292%209.625%2C17.292%20%22%2F%3E%0A%3Crect%20x%3D%2211%22%20y%3D%226%22%20fill%3D%22%23274BAC%22%20width%3D%224%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%2211%22%20y%3D%228%22%20fill%3D%22%23274BAC%22%20width%3D%228%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%2211%22%20y%3D%2210%22%20fill%3D%22%23274BAC%22%20width%3D%228%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%2211%22%20y%3D%2212%22%20fill%3D%22%23274BAC%22%20width%3D%228%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%2211%22%20y%3D%2214%22%20fill%3D%22%23274BAC%22%20width%3D%228%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%2215.809%22%20y%3D%223.856%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%208.5397%20-11.9052)%22%20fill%3D%22%23506880%22%20width%3D%225.662%22%20height%3D%221%22%2F%3E%0A%3Cpath%20fill%3D%22%23506880%22%20d%3D%22M9%2C2v16h12V6h-4V2H9z%20M20%2C17H10V3h6v4h4V17z%22%2F%3E%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%223.625%2C5.708%2010.75%2C5.708%2014.542%2C9%2014.542%2C20.292%203.625%2C20.292%20%22%2F%3E%0A%3Crect%20x%3D%225%22%20y%3D%229%22%20fill%3D%22%23274BAC%22%20width%3D%224%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%225%22%20y%3D%2211%22%20fill%3D%22%23274BAC%22%20width%3D%228%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%225%22%20y%3D%2213%22%20fill%3D%22%23274BAC%22%20width%3D%228%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%225%22%20y%3D%2215%22%20fill%3D%22%23274BAC%22%20width%3D%228%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%225%22%20y%3D%2217%22%20fill%3D%22%23274BAC%22%20width%3D%228%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%229.809%22%20y%3D%226.855%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%208.9028%20-6.7836)%22%20fill%3D%22%23506880%22%20width%3D%225.663%22%20height%3D%221.001%22%2F%3E%0A%3Crect%20x%3D%2210.463%22%20y%3D%226.291%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%208.7575%20-7.5589)%22%20fill%3D%22%23FFFFFF%22%20width%3D%226.079%22%20height%3D%221.001%22%2F%3E%0A%3Cpath%20fill%3D%22%23506880%22%20d%3D%22M3%2C5v16h12V9h-4V5H3z%20M14%2C20H4V6h6v4h4V20z%22%2F%3E%0A%3Crect%20x%3D%229%22%20y%3D%224%22%20fill%3D%22%23FFFFFF%22%20width%3D%223%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%2215%22%20y%3D%228.578%22%20fill%3D%22%23FFFFFF%22%20width%3D%221%22%20height%3D%229.422%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .gcim__touch-toolbar__button__copy__disable { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%229.625%2C2.708%2016.75%2C2.708%2020.542%2C6%2020.542%2C17.292%209.625%2C17.292%20%22%2F%3E%0A%3Crect%20x%3D%2211%22%20y%3D%226%22%20fill%3D%22%23525252%22%20width%3D%224%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%2211%22%20y%3D%228%22%20fill%3D%22%23525252%22%20width%3D%228%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%2211%22%20y%3D%2210%22%20fill%3D%22%23525252%22%20width%3D%228%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%2211%22%20y%3D%2212%22%20fill%3D%22%23525252%22%20width%3D%228%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%2211%22%20y%3D%2214%22%20fill%3D%22%23525252%22%20width%3D%228%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%2215.809%22%20y%3D%223.856%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%208.5397%20-11.9052)%22%20fill%3D%22%23656565%22%20width%3D%225.662%22%20height%3D%221%22%2F%3E%0A%3Cpath%20fill%3D%22%23656565%22%20d%3D%22M9%2C2v16h12V6h-4V2H9z%20M20%2C17H10V3h6v4h4V17z%22%2F%3E%0A%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%223.625%2C5.708%2010.75%2C5.708%2014.542%2C9%2014.542%2C20.292%203.625%2C20.292%20%22%2F%3E%0A%3Crect%20x%3D%225%22%20y%3D%229%22%20fill%3D%22%23525252%22%20width%3D%224%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%225%22%20y%3D%2211%22%20fill%3D%22%23525252%22%20width%3D%228%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%225%22%20y%3D%2213%22%20fill%3D%22%23525252%22%20width%3D%228%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%225%22%20y%3D%2215%22%20fill%3D%22%23525252%22%20width%3D%228%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%225%22%20y%3D%2217%22%20fill%3D%22%23525252%22%20width%3D%228%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%229.809%22%20y%3D%226.855%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%208.9028%20-6.7836)%22%20fill%3D%22%23656565%22%20width%3D%225.663%22%20height%3D%221.001%22%2F%3E%0A%3Crect%20x%3D%2210.463%22%20y%3D%226.291%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%208.7575%20-7.5589)%22%20fill%3D%22%23FFFFFF%22%20width%3D%226.079%22%20height%3D%221.001%22%2F%3E%0A%3Cpath%20fill%3D%22%23656565%22%20d%3D%22M3%2C5v16h12V9h-4V5H3z%20M14%2C20H4V6h6v4h4V20z%22%2F%3E%0A%3Crect%20x%3D%229%22%20y%3D%224%22%20fill%3D%22%23FFFFFF%22%20width%3D%223%22%20height%3D%221%22%2F%3E%0A%3Crect%20x%3D%2215%22%20y%3D%228.578%22%20fill%3D%22%23FFFFFF%22%20width%3D%221%22%20height%3D%229.422%22%2F%3E%0A%3C%2Fsvg%3E%0A"); } .gcim__touch-toolbar__button__cut { background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C!--%20Generator%3A%20Adobe%20Illustrator%2016.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20%20--%3E%0A%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_2%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20enable-background%3D%22new%200%200%2024%2024%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpolygon%20fill%3D%22%23506880%22%20points%3D%2212%2C9.469%2010.572%2C10.993%2010.572%2C13.921%203.6%2C3.045%203.6%2C1.4%20%22%2F%3E%0A%3Cpolygon%20fill%3D%22%23506880%22%20points%3D%2211.781%2C12%2011.781%2C14.969%2013.467%2C14.971%2020.467%2C4.033%2020.467%2C2.126%20%22%2F%3E%0A%3Cpath%20fill%3D%22%232050A0%22%20d%3D%22M19.047%2C16.938c-0.393-0.546-3.293-2.929-5.164-1.429c-0.95%2C0.761-1.092%2C3.829-0.436%2C5.02%0A%09c1.131%2C2.049%2C3.574%2C2.894%2C4.936%2C1.98C19.98%2C21.44%2C20.471%2C18.909%2C19.047%2C16.938z%20M18.611%2C19.925%0A%09c-0.113%2C0.635-0.446%2C1.179-0.916%2C1.491c-0.173%2C0.117-0.406%2C0.179-0.671%2C0.179c-0.763%2C0-1.868-0.518-2.496-1.654%0A%09c-0.474-0.858-0.227-3.063%2C0.167-3.395c0.207-0.166%2C0.438-0.243%2C0.729-0.243c1.093%2C0%2C2.428%2C1.082%2C2.645%2C1.362%0A%09C18.559%2C18.342%2C18.751%2C19.146%2C18.611%2C19.9