@mescius/inputman
Version:
日本仕様の入力用JavaScriptコントロールセット
984 lines (983 loc) • 384 kB
CSS
/*!
*
* 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