* { box-sizing: border-box; } .disable-selection * { user-select: none; } .no-focus-effect .gc-btn:focus, .no-focus-effect .gc-input:focus, .no-focus-effect .gc-textarea:focus { box-shadow: none !important; } .no-focus-effect .gc-check__input:focus + .gc-check__mark { box-shadow: none !important; } .no-focus-effect .gc-radio__input:focus + .gc-radio__mark { box-shadow: none !important; } .no-focus-effect .gc-toggle__input:focus + .gc-toggle__mark { box-shadow: none !important; } .gc-app { margin: 0; padding: 0; color: #333; background-color: #E6E6E6; font-family: "Open Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .gc-layout-app { display: flex; overflow: hidden; width: 100%; height: 100%; flex-flow: column; } .gc-layout-app-container { display: flex; overflow: hidden; flex: 1 1 auto; height: 0; } .gc-layout-app-container > .gc-menu { flex: 0 0 auto; height: 100%; } .gc-layout-main { display: flex; flex-direction: column; flex: 1 1 auto; height: 100%; } .gc-layout-appbar { flex: 0 0 auto; height: 31px; border-bottom: 1px solid #dbdbdb; background-color: #F1F1F1; } .gc-layout-legacy-appbar { flex: 0 0 auto; height: 50px; background-color: #205F78; } .gc-layout-toolbar { position: relative; display: flex; flex: 0 0 auto; width: 100%; height: 51px; border-bottom: 1px solid #dbdbdb; background-color: #F1F1F1; } .gc-layout-toolbar > .gc-toolbar { flex: 1 1 auto; margin: 5px; } .gc-layout-with-sidebar { display: flex; flex: 1 1 auto; height: 0; } .gc-layout-with-sidebar > .gc-sidebar { flex: 0 0 auto; } .gc-layout-design-surface { overflow: auto; flex: 1 1 auto; width: 0; min-width: 0; } .gc-layout-statusbar { flex: 0 0 auto; height: 31px; border-top: 1px solid #dbdbdb; background-color: #F1F1F1; } .gc-btn__text { position: relative; display: inline-block; overflow: hidden; max-width: 100%; height: 40px; padding: 0 15px; cursor: default; transition: color 0.2s ease-in-out; text-align: inherit; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; line-height: 40px; } .gc-btn__text--empty { padding: 0; } .gc-btn__icon { position: absolute; top: 0; left: 0; display: flex; width: 40px; height: 40px; transition: color 0.2s ease-in-out; text-align: center; color: inherit; font-size: 24px; line-height: 40px; justify-content: center; align-items: center; } .gc-btn { position: relative; display: inline-block; overflow: visible; width: auto; height: 40px; padding: 0; transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out; text-align: left; vertical-align: top; color: inherit; border: none; border-radius: 2px; background-color: rgba(0, 0, 0, 0.05); font-family: "Open Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size: 12px; line-height: 40px; } .gc-btn > .gc-btn__icon-badge.gc-badge--bottom-right, .gc-btn > .gc-btn__icon-badge.gc-badge--top-right { right: calc(100% - 40px); } .gc-btn:focus { outline: none; box-shadow: 0 0 5px 1px rgba(32, 95, 120, 0.38); } .gc-btn.gc-btn--level-warning:focus { box-shadow: 0 0 5px 1px rgba(229, 149, 0, 0.38); } .gc-btn.gc-btn--level-error:focus { box-shadow: 0 0 5px 1px rgba(190, 31, 31, 0.38); } .gc-btn::-moz-focus-inner { border: 0; } .gc-btn--no-focus:focus { outline: none; box-shadow: none; } .gc-btn:not([disabled]):not(.disabled):hover { background-color: rgba(0, 0, 0, 0.1); } .gc-btn--block { display: block; } .gc-btn--text-align-center { text-align: center; } .gc-btn--text-align-right { text-align: right; } .gc-btn--with-icon .gc-btn__text { padding: 0 0 0 40px; } .gc-btn--with-icon .gc-btn__text:not(.gc-btn__text--empty) { padding-right: 15px; } .gc-btn--with-badge .gc-badge { margin-right: 15px; } .gc-btn--with-badge .gc-btn__text:not(.gc-btn__text--empty) { padding-right: 5px; } .gc-btn--with-badge .gc-btn__text.gc-btn__text--empty + .gc-badge { margin-left: 0; } .gc-btn--accent { color: #FFFFFF; background-color: #205F78; } .gc-btn--accent:not([disabled]):not(.disabled):hover { background-color: #1b5166; } .gc-btn--transparent { background-color: transparent; } .gc-btn--transparent:not([disabled]):not(.disabled):hover { background-color: rgba(0, 0, 0, 0.1); } .gc-btn--custom { padding: 0; } .gc-btn--level-warning.gc-btn--accent:not(.gc-btn--transparent) { background-color: #e59500; } .gc-btn--level-warning.gc-btn--accent:not(.gc-btn--transparent):hover { background-color: #c37f00; } .gc-btn--level-warning .gc-accent-color { color: #e59500; } .gc-btn--level-warning.gc-btn--transparent.gc-btn--accent { color: #e59500; } .gc-btn--level-warning.gc-btn--transparent.gc-btn--accent:hover { color: #FFFFFF; background-color: rgba(195, 127, 0, 0.62); } .gc-btn--level-error.gc-btn--accent:not(.gc-btn--transparent) { background-color: #be1f1f; } .gc-btn--level-error.gc-btn--accent:not(.gc-btn--transparent):hover { background-color: #a21a1a; } .gc-btn--level-error .gc-accent-color { color: #be1f1f; } .gc-btn--level-error.gc-btn--transparent.gc-btn--accent { color: #be1f1f; } .gc-btn--level-error.gc-btn--transparent.gc-btn--accent:hover { color: #FFFFFF; background-color: rgba(162, 26, 26, 0.62); } .gc-btn--vertical { min-width: 40px; height: auto !important; text-align: center; } .gc-btn--vertical > .gc-btn__icon { position: relative; top: 8px; width: 100% !important; } .gc-btn--vertical > .gc-btn__text { padding: 0 15px !important; } .gc-btn--vertical > .gc-btn__text.gc-btn__text--empty { display: none; } .gc-btn--vertical > .gc-btn__icon-badge.gc-badge.gc-badge--inset.gc-badge--bottom-right, .gc-btn--vertical > .gc-btn__icon-badge.gc-badge.gc-badge--inset.gc-badge--top-right { right: 0; } .gc-btn--vertical > .gc-btn__icon-badge.gc-badge.gc-badge--inset.gc-badge--bottom-left, .gc-btn--vertical > .gc-btn__icon-badge.gc-badge.gc-badge--inset.gc-badge--bottom-right { bottom: calc(100% - 40px); } .gc-btn--vertical.gc-btn--with-badge > .gc-badge.gc-badge--inline { margin-right: 15px; margin-left: 0; } .gc-btn--vertical.gc-btn--with-badge > .gc-btn__text--empty + .gc-badge.gc-badge--inline { margin-right: 0; } .gc-btn--vertical.gc-size-sm { min-width: 30px; } .gc-btn--vertical.gc-size-sm > .gc-btn__text { padding: 0 10px !important; } .gc-btn--vertical.gc-size-sm > .gc-btn__icon { top: 4px; } .gc-btn--vertical.gc-size-sm > .gc-btn__icon-badge.gc-badge--bottom-left, .gc-btn--vertical.gc-size-sm > .gc-btn__icon-badge.gc-badge--bottom-right { bottom: calc(100% - 30px); } .gc-btn--vertical.gc-size-sm.gc-btn--with-badge > .gc-btn__text:not(.gc-btn__text--empty) + .gc-badge { margin-right: 10px; } .gc-btn--vertical.gc-size-lg { min-width: 50px; } .gc-btn--vertical.gc-size-lg > .gc-btn__icon-badge.gc-badge--bottom-left, .gc-btn--vertical.gc-size-lg > .gc-btn__icon-badge.gc-badge--bottom-right { bottom: calc(100% - 50px); } .gc-btn.gc-size-sm.gc-btn--with-icon > .gc-btn__text { padding-left: 30px; } .gc-btn.gc-size-sm.gc-btn--with-icon > .gc-btn__text:not(.gc-btn__text--empty) { padding-right: 10px; } .gc-btn.gc-size-sm .gc-btn__icon { width: 30px; height: 30px; font-size: 16px; line-height: 30px; } .gc-btn.gc-size-sm .gc-btn__icon > svg { width: 16px; height: 16px; } .gc-btn.gc-size-sm .gc-btn__icon-badge.gc-badge--bottom-right, .gc-btn.gc-size-sm .gc-btn__icon-badge.gc-badge--top-right { right: calc(100% - 30px); } .gc-btn.gc-size-sm .gc-btn__text { height: 30px; line-height: 30px; } .gc-btn.gc-size-lg.gc-btn--with-icon > .gc-btn__text { padding-left: 50px; } .gc-btn.gc-size-lg .gc-btn__icon { width: 50px; height: 50px; font-size: 24px; line-height: 50px; } .gc-btn.gc-size-lg .gc-btn__icon > svg { width: 24px; height: 24px; } .gc-btn.gc-size-lg .gc-btn__icon-badge.gc-badge--bottom-right, .gc-btn.gc-size-lg .gc-btn__icon-badge.gc-badge--top-right { right: calc(100% - 50px); } .gc-btn.gc-size-lg .gc-btn__text { height: 50px; line-height: 50px; } .gc-btn[disabled] { opacity: .38; } .gc-btn-group { position: relative; display: inline-flex; border-radius: 2px; } .gc-btn-group > *:not(:only-child):not(:first-child):not(:last-child) { border-radius: 0 !important; } .gc-btn-group > *:not(:only-child):not(:first-child):not(:last-child) > .gc-btn, .gc-btn-group > *:not(:only-child):not(:first-child):not(:last-child) .gc-input { border-radius: 0 !important; } .gc-btn-group > *:not(:only-child):first-child { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .gc-btn-group > *:not(:only-child):first-child > .gc-btn, .gc-btn-group > *:not(:only-child):first-child .gc-input { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .gc-btn-group > *:not(:only-child):last-child { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .gc-btn-group > *:not(:only-child):last-child > .gc-btn, .gc-btn-group > *:not(:only-child):last-child .gc-input { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .gc-btn-group > *:not(:only-child).gc-dd--chevron > .gc-btn { min-width: auto; } .gc-btn-group--align-center { justify-content: center; } .gc-btn-group--align-right { justify-content: flex-end; } .gc-btn-group--align-justify > *:not(.gc-btn-group__splitter) { flex: 1; } .gc-btn-group--block { display: flex; } .gc-btn-group--disabled:after, .gc-btn-group--disabled .gc-btn-group__splitter { opacity: .38; } .gc-btn-group[class*='--header'] { overflow: hidden; } .gc-btn-group[class*='--header']:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; content: ''; transition: background-color 0.2s ease-in-out; } .gc-btn-group--header-default > *:first-child.gc-btn, .gc-btn-group--header-default > *:first-child.gc-input { background-color: #dddddd; } .gc-btn-group--header-default > *:first-child.gc-btn:hover:not([disabled]), .gc-btn-group--header-default > *:first-child.gc-input:hover:not([disabled]) { background-color: #d2d2d2; } .gc-btn-group--header-default > *:first-child.gc-dd > .gc-btn, .gc-btn-group--header-default > *:first-child.gc-combo > .gc-input { background-color: #dddddd; } .gc-btn-group--header-default > *:first-child.gc-dd > .gc-btn:hover:not([disabled]), .gc-btn-group--header-default > *:first-child.gc-combo > .gc-input:hover:not([disabled]) { background-color: #d2d2d2; } .gc-btn-group--header-default:after { background-color: #dddddd; } .gc-btn-group--header-info:after { background-color: #205F78; } .gc-btn-group--header-warning:after { background-color: #e59500; } .gc-btn-group--header-error:after { background-color: #be1f1f; } .gc-btn-group__splitter { display: flex; width: 1px; background-color: rgba(0, 0, 0, 0.05); align-items: center; } .gc-btn-group__splitter:after { width: 1px; height: 50%; content: ''; background-color: rgba(0, 0, 0, 0.1); } .gc-btn-group__splitter--accent-full:after { background-color: rgba(255, 255, 255, 0.38); } .gc-btn-group__splitter--accent-info:after { background-color: rgba(32, 95, 120, 0.38); } .gc-btn-group__splitter--accent-warning:after { background-color: rgba(229, 149, 0, 0.38); } .gc-btn-group__splitter--accent-error:after { background-color: rgba(190, 31, 31, 0.38); } .gc-btn-group__splitter--background-transparent { background-color: transparent; } .gc-dd__chevron { position: absolute; top: 0; right: 0; display: none; width: 30px; height: 40px; transition: transform 0.2s ease-in-out; text-align: center; pointer-events: none; font-size: 24px; line-height: 40px; } .gc-dd__chevron--accent-full { color: #FFFFFF; } .gc-dd__chevron.gc-size-sm { width: 30px; font-size: 16px; } .gc-dd__chevron.gc-size-lg { width: 35px; font-size: 24px; } .gc-btn--level-warning + .gc-dd__chevron.gc-accent-color { color: #e59500; } .gc-btn--level-error + .gc-dd__chevron.gc-accent-color { color: #be1f1f; } .gc-btn--accent.gc-btn--transparent.gc-btn--level-warning:not(:hover) + .gc-dd__chevron { color: #e59500; } .gc-btn--accent.gc-btn--transparent.gc-btn--level-error:not(:hover) + .gc-dd__chevron { color: #be1f1f; } .gc-dd { position: relative; display: inline-block; width: auto; height: 40px; vertical-align: top; color: #333; border-radius: 2px; font-size: 12px; } .gc-dd:after { position: absolute; top: 0; left: 0; width: calc(100% - 2px); height: calc(100% - 2px); content: ''; transition: opacity 0.2s ease-in-out; pointer-events: none; opacity: 0; border: 1px solid #be1f1f; border-radius: inherit; } .gc-dd > .gc-btn { width: 100%; } .gc-dd--block { display: block; } .gc-dd--disabled .gc-dd__preview, .gc-dd--disabled .gc-dd__chevron { opacity: .38; } .gc-dd--invalid:after { opacity: 1; } .gc-dd--invalid > .gc-btn--with-focus:focus { box-shadow: 0 0 5px 1px rgba(190, 31, 31, 0.38); } .gc-dd--with-preview > .gc-btn > .gc-btn__text { padding-left: 0; } .gc-dd--with-preview:not([class^='gc-size']) > .gc-btn { padding-left: 40px; } .gc-dd--with-preview.gc-size-sm > .gc-btn { padding-left: 30px; } .gc-dd--with-preview.gc-size-sm > .gc-dd__preview { width: 30px; } .gc-dd--with-preview.gc-size-lg > .gc-btn { padding-left: 50px; } .gc-dd--with-preview.gc-size-lg > .gc-dd__preview { width: 50px; } .gc-dd--chevron > .gc-dd__chevron { display: flex; justify-content: center; align-items: center; } .gc-dd--chevron > .gc-btn { min-width: 70px; } .gc-dd--chevron > .gc-btn--custom { width: 100%; padding-right: 30px; padding-left: 15px; } .gc-dd--chevron > .gc-btn .gc-btn__text { padding-right: 30px; } .gc-dd--chevron.gc-size-sm > .gc-btn { min-width: 60px; } .gc-dd--chevron.gc-size-sm > .gc-btn--custom { padding-right: 30px; } .gc-dd--chevron.gc-size-sm > .gc-btn .gc-btn__text { padding-right: 30px !important; } .gc-dd--chevron.gc-size-lg > .gc-btn { min-width: 85px; } .gc-dd--chevron.gc-size-lg > .gc-btn--custom { padding-right: 35px; } .gc-dd--chevron.gc-size-lg > .gc-btn .gc-btn__text { padding-right: 35px; } .gc-dd--menu-open > .gc-dd__chevron { transform: rotate(180deg); } .gc-dd__toggle-content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .gc-dd__preview { position: absolute; top: 0; left: 0; display: flex; width: 40px; height: 100%; padding: 5px; pointer-events: none; justify-content: center; align-items: center; } @keyframes gc-menu-show { 0% { transform: scale(0.25); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes gc-menu-show-center { 0% { transform: scale(0.25) translateX(-50%); opacity: 0; } 100% { transform: scale(1) translateX(-50%); opacity: 1; } } .gc-dd-menu { position: fixed; z-index: 1030; transform-origin: right top; animation: gc-menu-show .2s 1 ease-in-out; border-radius: 2px; background-color: white; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); font-family: "Open Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .gc-dd-menu--dropup { transform-origin: right bottom; } .gc-dd-menu--multiselect .gc-dd-menu__item { padding-left: 0; } .gc-dd-menu--multiselect .gc-dd-menu__item.gc-size-sm { padding-left: 5px; } .gc-dd-menu--align-center { transform-origin: left top; animation: gc-menu-show-center .2s 1 ease-in-out both; } .gc-dd-menu--align-center.gc-dd-menu--dropup { transform-origin: left bottom; } .gc-dd-menu--align-left { transform-origin: left top; } .gc-dd-menu--align-left.gc-dd-menu--dropup { transform-origin: left bottom; } .gc-dd-menu__scroll > .gc-scrollbars__view { padding: 7.5px 0; } .gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected { color: #fff; background-color: #205F78; } .gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected > i { color: #fff; } .gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected:not([disabled]):not(.disabled):hover { background-color: #1b5166; } .gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected:not([disabled]):not(.disabled):active { background-color: #1b5166; } .gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected:focus { background-color: #1b5166; } .gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected.gc-dd-menu__item--focused { background-color: #1b5166; } .gc-dd-menu:not(.gc-dd-menu--multiselect) .gc-dd-menu__item--selected.gc-dd-menu__item--focused:hover { background-color: #18475a !important; } .gc-dd-menu--custom .gc-dd-menu__scroll > .gc-scrollbars__view { padding: 0; } .gc-dd-menu__header { position: relative; display: block; overflow: hidden; width: auto; height: 30px; color: rgba(51, 51, 51, 0.62); line-height: 30px; } .gc-dd-menu__header > span { position: absolute; top: 0; left: 50%; display: block; overflow: hidden; width: auto; height: 30px; padding: 0 10px; transform: translateX(-50%); white-space: nowrap; text-transform: uppercase; text-overflow: ellipsis; word-wrap: none; background-color: white; font-size: 10px; line-height: 30px; } .gc-dd-menu__header::before { position: absolute; top: 14px; left: 15px; display: block; width: calc(100% - 30px); height: 1px; content: ''; background-color: #f2f2f2; } .gc-dd-menu__divider { display: block; width: calc(100% - 30px); height: 1px; margin: 7.5px 15px; background-color: #f2f2f2; } .gc-dd-menu__item { display: flex; overflow: hidden; width: 100%; height: 40px; margin: 0; padding: 0 15px; cursor: default; text-align: left; text-overflow: ellipsis; color: #333; border: 0; border-radius: 0; background-color: transparent; font-family: "Open Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size: 12px; line-height: 40px; align-items: center; } .gc-dd-menu__item--with-preview { padding-left: 5px; } .gc-dd-menu__item--with-preview.gc-size-sm { padding-left: 10px; } .gc-dd-menu__item--with-preview.gc-size-lg { padding-left: 0; } .gc-dd-menu__item > .gc-dd-menu__item-preview { display: flex; width: 40px; height: 40px; pointer-events: none; justify-content: center; align-items: center; flex-shrink: 0; } .gc-dd-menu__item > span { overflow: hidden; flex: 1 1 auto; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; } .gc-dd-menu__item > i { display: flex; width: 24px; height: 40px; margin-right: 15px; text-align: center; color: #205F78; font-size: 24px; line-height: 40px; justify-content: center; align-items: center; } .gc-dd-menu__item:focus { outline: none; background-color: #f7f7f7; box-shadow: none; } .gc-dd-menu__item::-moz-focus-inner { border: 0; } .gc-dd-menu__item:not([disabled]):not(.disabled):hover { background-color: #f7f7f7; } .gc-dd-menu__item:not([disabled]):not(.disabled):active { background-color: #f7f7f7; } .gc-dd-menu__item--focused { background-color: #f7f7f7; } .gc-dd-menu__item--focused:hover { background-color: #efefef !important; } .gc-dd-menu__item--disabled { opacity: .62; } .gc-dd-menu__item.gc-size-sm > .gc-dd-menu__item-preview { width: 30px; height: 30px; margin-right: 5px; } .gc-dd-menu__item.gc-size-sm > i { width: 16px; height: 30px; margin-right: 10px; font-size: 16px; line-height: 30px; } .gc-dd-menu__item.gc-size-lg > .gc-dd-menu__item-preview { width: 50px; height: 50px; } .gc-dd-menu__item.gc-size-lg > i { width: 24px; height: 50px; margin-right: 15px; font-size: 24px; line-height: 50px; } .gc-check__mark { position: absolute; top: 10px; left: 10px; display: block; width: 20px; height: 20px; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; border: 2px solid transparent; border-radius: 2px; background-color: rgba(0, 0, 0, 0.05); } .gc-check__mark::before, .gc-check__mark::after { position: absolute; top: 50%; left: 50%; content: ''; opacity: 0; } .gc-check__mark::before { width: 30%; height: 60%; transform: rotate(45deg) scale(0) translate(-50%, -50%); transform-origin: 30% 0; border: 2px solid #FFFFFF; border-top: 0; border-left: 0; } .gc-check__mark::after { width: 50%; height: 50%; transform: scale(0) translate(-50%, -50%); transform-origin: 0 0; border-radius: 2px; background-color: #FFFFFF; } .gc-check__input { position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0; } .gc-check__input:focus + .gc-check__mark { border-color: #205F78; box-shadow: 0 0 5px 1px rgba(32, 95, 120, 0.38); } .gc-check__input:checked:not(.gc-check__input--indeterminate) + .gc-check__mark { background-color: #205F78; } .gc-check__input:checked:not(.gc-check__input--indeterminate) + .gc-check__mark::before { transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; transform: rotate(45deg) scale(1) translate(-50%, -50%); opacity: 1; } .gc-check__input--indeterminate + .gc-check__mark { border-color: #205F78; background-color: #205F78; } .gc-check__input--indeterminate + .gc-check__mark::after { transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; transform: scale(1) translate(-50%, -50%); opacity: 1; } .gc-check { position: relative; display: inline-block; overflow: hidden; height: 40px; padding: 0 0 0 40px; user-select: none; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; font-weight: normal; line-height: 40px; } .gc-check:hover .gc-check__mark { border-color: rgba(0, 0, 0, 0.1); } .gc-check--block { display: block; } .gc-check--disabled { pointer-events: none; opacity: .38; } .gc-check--invalid .gc-check__mark { border-color: #be1f1f !important; } .gc-check--invalid .gc-check__input:focus + .gc-check__mark { box-shadow: 0 0 5px 1px rgba(190, 31, 31, 0.38); } .gc-check--invalid .gc-check__input:checked + .gc-check__mark { background-color: #be1f1f; } .gc-check--invalid .gc-check__input--indeterminate + .gc-check__mark { background-color: #be1f1f; } .gc-check--align-left { padding: 0 40px 0 0; text-align: right; } .gc-check--align-left .gc-check__mark { right: 10px; left: auto; } .gc-check.gc-size-sm { padding: 0 0 0 30px; line-height: 30px; } .gc-check.gc-size-sm .gc-check__mark { top: 5px; left: 5px; } .gc-check.gc-size-sm.gc-check--align-left { padding: 0 30px 0 0; } .gc-check.gc-size-sm.gc-check--align-left .gc-check__mark { right: 5px; left: auto; } .gc-check.gc-size-lg { padding: 0 0 0 50px; line-height: 50px; } .gc-check.gc-size-lg .gc-check__mark { top: 15px; left: 15px; } .gc-check.gc-size-lg.gc-check--align-left { padding: 0 50px 0 0; } .gc-check.gc-size-lg.gc-check--align-left .gc-check__mark { right: 15px; left: auto; } .gc-radio__mark { position: absolute; top: 10px; left: 10px; display: block; width: 20px; height: 20px; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; border: 2px solid transparent; border-radius: 50%; background-color: rgba(0, 0, 0, 0.05); } .gc-radio__mark::before { position: absolute; top: -2px; left: -2px; display: block; width: 20px; height: 20px; content: ''; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; transform: scale(0); opacity: 0; background-image: radial-gradient(#FFFFFF, #FFFFFF 28%, transparent 32%); } .gc-radio__input { position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0; } .gc-radio__input:focus + .gc-radio__mark { border-color: #205F78; box-shadow: 0 0 5px 1px rgba(32, 95, 120, 0.38); } .gc-radio__input:checked + .gc-radio__mark { border-color: #205F78; background-color: #205F78; } .gc-radio__input:checked + .gc-radio__mark::before { transform: scale(1); opacity: 1; } .gc-radio { position: relative; display: inline-block; overflow: hidden; height: 40px; padding: 0 0 0 40px; user-select: none; vertical-align: top; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; font-weight: normal; line-height: 40px; } .gc-radio:hover .gc-radio__mark { border-color: rgba(0, 0, 0, 0.1); } .gc-radio--block { display: block; } .gc-radio--disabled { pointer-events: none; opacity: .38; } .gc-radio--invalid .gc-radio__mark { border-color: #be1f1f !important; } .gc-radio--invalid .gc-radio__input:focus + .gc-radio__mark { box-shadow: 0 0 5px 1px rgba(190, 31, 31, 0.38); } .gc-radio--invalid .gc-radio__input:checked + .gc-radio__mark { background-color: #be1f1f; } .gc-radio--align-left { padding: 0 40px 0 0; text-align: right; } .gc-radio--align-left > .gc-radio__mark { right: 10px; left: auto; } .gc-radio.gc-size-sm { padding: 0 0 0 30px; line-height: 30px; } .gc-radio.gc-size-sm .gc-radio__mark { top: 5px; left: 5px; } .gc-radio.gc-size-sm.gc-radio--align-left { padding: 0 30px 0 0; } .gc-radio.gc-size-sm.gc-radio--align-left .gc-radio__mark { right: 5px; left: auto; } .gc-radio.gc-size-lg { padding: 0 0 0 50px; line-height: 50px; } .gc-radio.gc-size-lg .gc-radio__mark { top: 15px; left: 15px; } .gc-radio.gc-size-lg.gc-radio--align-left { padding: 0 50px 0 0; } .gc-radio.gc-size-lg.gc-radio--align-left .gc-radio__mark { right: 15px; left: auto; } .gc-toggle__input { position: absolute; top: 0; left: 0; width: 1px; height: 1px; opacity: 0; } .gc-toggle__input:focus + .gc-toggle__mark { box-shadow: 0 0 5px 1px rgba(32, 95, 120, 0.38); } .gc-toggle__input:checked + .gc-toggle__mark { background-color: #205F78; } .gc-toggle__input:checked + .gc-toggle__mark:after { transform: translateX(20px); background-color: #FFFFFF; } .gc-toggle__mark { position: relative; flex: 0 0 auto; width: 40px; height: 20px; margin: 10px 15px 10px 0; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out; border: 2px solid transparent; border-radius: 10px; background-color: rgba(0, 0, 0, 0.05); } .gc-toggle__mark:after { position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; content: ''; transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out; border-radius: 50%; background-color: #333; } .gc-toggle { position: relative; display: inline-flex; height: 40px; padding: 0; user-select: none; text-align: left; vertical-align: top; color: #333; border: none; background-color: transparent; font-size: 12px; font-weight: normal; line-height: 40px; } .gc-toggle:hover > .gc-toggle__mark { border-color: rgba(0, 0, 0, 0.1); } .gc-toggle--block { display: flex; } .gc-toggle--block.gc-toggle--align-left { justify-content: flex-end; } .gc-toggle--align-left .gc-toggle__mark { margin-right: 0; margin-left: 15px; order: 2; } .gc-toggle--disabled { pointer-events: none; opacity: .38; } .gc-toggle--invalid:hover > .gc-toggle__mark { border-color: #be1f1f; } .gc-toggle--invalid > .gc-toggle__input:not(:checked) + .gc-toggle__mark:after { background-color: #be1f1f; } .gc-toggle--invalid > .gc-toggle__input:focus + .gc-toggle__mark { box-shadow: 0 0 5px 1px rgba(190, 31, 31, 0.38); } .gc-toggle--invalid > .gc-toggle__input:checked + .gc-toggle__mark { background-color: #be1f1f; } .gc-toggle.gc-size-sm .gc-toggle__mark { margin-top: 5px; margin-bottom: 5px; } .gc-toggle.gc-size-lg .gc-toggle__mark { margin-top: 15px; margin-bottom: 15px; } .gc-toolbar { position: relative; display: inline-flex; } .gc-toolbar--block { display: flex; overflow: hidden; height: 40px; } .gc-toolbar--block > .gc-toolbar__content { position: absolute; } .gc-toolbar--with-toggle > .gc-btn { position: absolute; top: 0; right: 0; } .gc-toolbar--with-toggle > .gc-toolbar__content { padding-right: 40px; } .gc-toolbar--with-toggle > .gc-toolbar__content:before { position: absolute; top: -5px; right: -5px; width: calc(100% + 10px); height: calc(100% + 10px); content: ''; opacity: 0; border-radius: 2px; background-color: white; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); } .gc-toolbar--with-toggle.gc-size-lg > .gc-toolbar__content { padding-right: 50px; } .gc-toolbar--with-toggle.gc-size-sm > .gc-toolbar__content { padding-right: 30px; } .gc-toolbar--expanded { overflow: visible; z-index: 10; } .gc-toolbar--expanded > .gc-toolbar__content:before { opacity: 1; } .gc-toolbar--no-wrap > .gc-toolbar__content { position: relative; flex-wrap: nowrap; } .gc-toolbar--rounded > .gc-toolbar__content:before { border-radius: 20px; } .gc-toolbar--rounded.gc-size-lg > .gc-toolbar__content:before { border-radius: 25px; } .gc-toolbar--rounded.gc-size-sm > .gc-toolbar__content:before { border-radius: 15px; } .gc-toolbar--dropup > .gc-toolbar__content { top: auto; bottom: 0; flex-wrap: wrap-reverse; } .gc-toolbar--dropup > .gc-toolbar__content:before { top: auto !important; bottom: -5px; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); } .gc-toolbar.gc-size-lg { height: 50px; } .gc-toolbar.gc-size-sm { height: 30px; } .gc-toolbar__content { position: relative; top: 0; left: 0; display: inline-flex; width: 100%; flex-wrap: wrap; } .gc-toolbar__item-container { display: inline-block; flex: 0 0 auto; vertical-align: top; } .gc-toolbar__item-container--padding { padding: 0 5px 0 0; } .gc-toolbar__item-container--padding:last-of-type { padding: 0; } .gc-toolbar__splitter { position: relative; display: block; overflow: hidden; width: 1px; height: 40px; } .gc-toolbar__splitter::after { display: block; width: 1px; height: 20px; margin: 10px 0; content: ' '; background-color: #dbdbdb; } .gc-size-sm .gc-toolbar__splitter { height: 30px; } .gc-size-sm .gc-toolbar__splitter::after { height: 15px; margin: 7.5px 0; } .gc-size-lg .gc-toolbar__splitter { height: 50px; } .gc-size-lg .gc-toolbar__splitter::after { height: 25px; margin: 12.5px 0; } .gc-tabs { display: inline-block; } .gc-tabs--block { display: block; } .gc-tabs--simplified .gc-btn:after, .gc-tabs--transparent .gc-btn:after { position: absolute; z-index: 1040; bottom: 0; left: 50%; display: block; width: 0; height: 1px; content: ''; transition: width 0.2s ease-in-out; transform: translateX(-50%); border-radius: 2px; } .gc-tabs--simplified .gc-btn.selected:after, .gc-tabs--transparent .gc-btn.selected:after { width: calc(100% - 15px); height: 2px; } .gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover:after, .gc-tabs--transparent .gc-btn:not([disabled]):not(.disabled):hover:after { width: 100%; } .gc-tabs--simplified .gc-btn:after { background-color: #205F78; } .gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover { color: #1b5166; background-color: transparent; } .gc-tabs--simplified .gc-btn:not([disabled]):not(.disabled):hover:after { background-color: #1b5166; } .gc-tabs--transparent .gc-btn { color: rgba(255, 255, 255, 0.38); } .gc-tabs--transparent .gc-btn:after { background-color: #FFFFFF; } .gc-tabs--transparent .gc-btn:not([disabled]):not(.disabled):hover { color: #FFFFFF; background-color: transparent; } .gc-tabs--transparent .gc-btn.selected { color: #FFFFFF; background-color: transparent; } .gc-input, input[type=text].gc-input, input[type=password].gc-input, input[type=email].gc-input, input[type=url].gc-input { height: 40px; padding: 0 10px; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, opacity 0.2s ease-in-out, border-color 0.2s ease-in-out; vertical-align: top; color: #333; border: 1px solid transparent; border-radius: 2px; background-color: rgba(0, 0, 0, 0.05); box-shadow: none; font-family: "Open Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size: 12px; line-height: 38px; } .gc-input:not([disabled]):hover, input[type=text].gc-input:not([disabled]):hover, input[type=password].gc-input:not([disabled]):hover, input[type=email].gc-input:not([disabled]):hover, input[type=url].gc-input:not([disabled]):hover { background-color: rgba(0, 0, 0, 0.1); } .gc-input:not([disabled]):focus, input[type=text].gc-input:not([disabled]):focus, input[type=password].gc-input:not([disabled]):focus, input[type=email].gc-input:not([disabled]):focus, input[type=url].gc-input:not([disabled]):focus { outline: none; background-color: rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 1px rgba(32, 95, 120, 0.38); } .gc-input::placeholder, input[type=text].gc-input::placeholder, input[type=password].gc-input::placeholder, input[type=email].gc-input::placeholder, input[type=url].gc-input::placeholder { color: rgba(51, 51, 51, 0.38); } .gc-input--block, input[type=text].gc-input--block, input[type=password].gc-input--block, input[type=email].gc-input--block, input[type=url].gc-input--block { display: block; } .gc-input--invalid, input[type=text].gc-input--invalid, input[type=password].gc-input--invalid, input[type=email].gc-input--invalid, input[type=url].gc-input--invalid { border-color: #be1f1f; } .gc-input--invalid:not([disabled]):focus, input[type=text].gc-input--invalid:not([disabled]):focus, input[type=password].gc-input--invalid:not([disabled]):focus, input[type=email].gc-input--invalid:not([disabled]):focus, input[type=url].gc-input--invalid:not([disabled]):focus { border-color: #be1f1f; box-shadow: 0 0 5px 1px rgba(190, 31, 31, 0.38); } .gc-input--invalid:not([disabled]):hover, input[type=text].gc-input--invalid:not([disabled]):hover, input[type=password].gc-input--invalid:not([disabled]):hover, input[type=email].gc-input--invalid:not([disabled]):hover, input[type=url].gc-input--invalid:not([disabled]):hover { border-color: #be1f1f; } .gc-input--text-align-center, input[type=text].gc-input--text-align-center, input[type=password].gc-input--text-align-center, input[type=email].gc-input--text-align-center, input[type=url].gc-input--text-align-center { text-align: center; } .gc-input--text-align-right, input[type=text].gc-input--text-align-right, input[type=password].gc-input--text-align-right, input[type=email].gc-input--text-align-right, input[type=url].gc-input--text-align-right { text-align: right; } .gc-input[disabled], input[type=text].gc-input[disabled], input[type=password].gc-input[disabled], input[type=email].gc-input[disabled], input[type=url].gc-input[disabled] { cursor: default; color: rgba(51, 51, 51, 0.38); } .gc-input[disabled]::placeholder, input[type=text].gc-input[disabled]::placeholder, input[type=password].gc-input[disabled]::placeholder, input[type=email].gc-input[disabled]::placeholder, input[type=url].gc-input[disabled]::placeholder { color: rgba(51, 51, 51, 0.38); } .gc-input.gc-size-sm, input[type=text].gc-input.gc-size-sm, input[type=password].gc-input.gc-size-sm, input[type=email].gc-input.gc-size-sm, input[type=url].gc-input.gc-size-sm { height: 30px; line-height: 30px; } .gc-input.gc-size-lg, input[type=text].gc-input.gc-size-lg, input[type=password].gc-input.gc-size-lg, input[type=email].gc-input.gc-size-lg, input[type=url].gc-input.gc-size-lg { height: 50px; line-height: 50px; } .gc-input.gc-size-xl, input[type=text].gc-input.gc-size-xl, input[type=password].gc-input.gc-size-xl, input[type=email].gc-input.gc-size-xl, input[type=url].gc-input.gc-size-xl { height: 60px; line-height: 60px; } textarea.gc-input { height: initial; } .gc-textarea, textarea.gc-textarea { margin: 0; padding: 6.5px 15px; resize: none; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, opacity 0.2s ease-in-out, border-color 0.2s ease-in-out; vertical-align: top; color: #333; border: 1px solid transparent; border-radius: 2px; background-color: rgba(0, 0, 0, 0.05); box-shadow: none; font-family: "Open Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size: 12px; line-height: 25px; } .gc-textarea:not([rows]), textarea.gc-textarea:not([rows]) { height: 40px; } .gc-textarea:not([disabled]):hover, textarea.gc-textarea:not([disabled]):hover { background-color: rgba(0, 0, 0, 0.1); } .gc-textarea:not([disabled]):focus, textarea.gc-textarea:not([disabled]):focus { outline: none; background-color: rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 1px rgba(32, 95, 120, 0.38); } .gc-textarea::placeholder, textarea.gc-textarea::placeholder { color: rgba(51, 51, 51, 0.38); } .gc-textarea--block, textarea.gc-textarea--block { display: block; } .gc-textarea--resize-vertical, textarea.gc-textarea--resize-vertical { resize: vertical; } .gc-textarea--resize-both, textarea.gc-textarea--resize-both { resize: both; } .gc-textarea--invalid, textarea.gc-textarea--invalid { border-color: #be1f1f; } .gc-textarea--invalid:not([disabled]):focus, textarea.gc-textarea--invalid:not([disabled]):focus { border-color: #be1f1f; box-shadow: 0 0 5px 1px rgba(190, 31, 31, 0.38); } .gc-textarea--invalid:not([disabled]):hover, textarea.gc-textarea--invalid:not([disabled]):hover { border-color: #be1f1f; } .gc-textarea--text-align-center, textarea.gc-textarea--text-align-center { text-align: center; } .gc-textarea--text-align-right, textarea.gc-textarea--text-align-right { text-align: right; } .gc-textarea[disabled], textarea.gc-textarea[disabled] { cursor: default; color: rgba(51, 51, 51, 0.38); } .gc-textarea[disabled]::placeholder, textarea.gc-textarea[disabled]::placeholder { color: rgba(51, 51, 51, 0.38); } .gc-textarea--size-sm, textarea.gc-textarea--size-sm { padding: 4px 15px; line-height: 20px; } .gc-textarea--size-sm:not([rows]), textarea.gc-textarea--size-sm:not([rows]) { height: 30px; } .gc-textarea--size-lg, textarea.gc-textarea--size-lg { padding: 9px 15px; line-height: 30px; } .gc-textarea--size-lg:not([rows]), textarea.gc-textarea--size-lg:not([rows]) { height: 50px; } .gc-label { display: inline-block; vertical-align: top; } .gc-label--block { display: flex; flex-direction: column; } .gc-label--position-left, .gc-label--position-right { flex-direction: row; } .gc-label--position-left .gc-label__label, .gc-label--position-right .gc-label__label { width: 33%; } .gc-label--position-left .gc-label__content, .gc-label--position-right .gc-label__content { width: 67%; } .gc-label--position-left .gc-label__content > *, .gc-label--position-right .gc-label__content > * { width: 100%; } .gc-label--position-left.gc-label--width-half .gc-label__label, .gc-label--position-left.gc-label--width-half .gc-label__content, .gc-label--position-right.gc-label--width-half .gc-label__label, .gc-label--position-right.gc-label--width-half .gc-label__content { width: 50%; } .gc-label--position-left.gc-label--width-auto, .gc-label--position-right.gc-label--width-auto { justify-content: space-between; } .gc-label--position-left.gc-label--width-auto .gc-label__label, .gc-label--position-right.gc-label--width-auto .gc-label__label { flex: 1 1 auto; width: 0; max-width: 50%; } .gc-label--position-left.gc-label--width-auto .gc-label__content, .gc-label--position-right.gc-label--width-auto .gc-label__content { flex: 1 1 auto; width: 0; max-width: 67%; } .gc-label--position-left .gc-label__label { padding-right: 15px; } .gc-label--position-right .gc-label__label { padding-left: 15px; text-align: right; order: 2; } .gc-label--position-right .gc-label__content { order: 1; } .gc-label--with-tooltip .gc-label__label { padding-right: 24px; } .gc-label--with-icon .gc-label__label { padding: 0; } .gc-label--disabled .gc-label__label { opacity: .38; } .gc-label__label { position: relative; display: flex; flex-direction: column; height: 40px; user-select: none; flex-wrap: nowrap; justify-content: center; } .gc-label__label > span { display: inline-block; overflow: hidden; flex: 0 0 auto; max-height: 30px; vertical-align: middle; text-overflow: ellipsis; font-size: 12px; line-height: 15px; } .gc-label__label > span > b { color: #205F78; } .gc-label--size-small .gc-label__label { height: 30px; } .gc-label--size-small .gc-label__icon { width: 30px; height: 30px; } .gc-label--size-large .gc-label__label { height: 50px; } .gc-label--size-large .gc-label__icon { width: 50px; height: 50px; } .gc-label__tooltip { position: absolute; top: 50%; right: 0; width: 24px; height: 24px; transform: translateY(-50%); } .gc-label__tooltip .gc-icon { display: flex; width: 24px; height: 24px; justify-content: center; align-items: center; } .gc-label__tooltip .gc-icon > svg { display: block; width: 16px; height: 16px; } .gc-label__icon { display: flex; width: 40px; height: 40px; justify-content: center; align-items: center; } .gc-appbar { display: flex; height: 40px; } .gc-appbar--legacy .gc-appbar__title { color: #FFFFFF; } .gc-appbar--legacy .gc-appbar__subtitle { color: rgba(255, 255, 255, 0.38); } .gc-appbar--legacy .gc-appbar__badge--accent { background-color: #1b5166; } .gc-appbar--legacy .gc-menu__logo { height: 50px; } .gc-appbar__logo-container { position: relative; flex: 0 0 auto; height: 100%; } .gc-appbar__main-section { flex: 0 0 auto; height: 100%; } .gc-appbar__title-section { display: flex; overflow: hidden; flex: 1 1 auto; width: 0; height: 100%; justify-content: center; align-items: center; } .gc-appbar__control-section { flex: 0 0 auto; height: 100%; } .gc-appbar__badge { display: block; flex: 0 0 auto; height: 20px; margin-left: 15px; padding: 0 15px; color: #333; border-radius: 10px; background-color: #dbdbdb; font-size: 12px; line-height: 20px; } .gc-appbar__badge--error { color: #FFFFFF; background-color: #be1f1f; } .gc-appbar__badge--warning { color: #FFFFFF; background-color: #e59500; } .gc-appbar__badge--accent { color: #FFFFFF; background-color: #205F78; } .gc-appbar__badge--clickable { cursor: default; } .gc-appbar__title { display: block; flex: 0 0 auto; color: #333; font-size: 12px; } .gc-appbar__subtitle { display: block; flex: 0 0 auto; padding-left: 15px; color: rgba(51, 51, 51, 0.62); font-size: 12px; font-style: italic; } .gc-menu__splitter { display: block; overflow: hidden; width: 100%; height: 1px; } .gc-menu__splitter::after { display: block; width: calc(100% - 20px); height: 1px; margin-left: 10px; content: ' '; background-color: rgba(255, 255, 255, 0.15); } .gc-menu__logo { width: 40px; height: 41px; transition: width 0.2s ease-in-out, background-color 0.2s ease-in-out; background-color: #205F78; } .gc-menu__logo--menu-size-small { width: 30px; } .gc-menu__logo--menu-size-large { width: 50px; } .gc-menu__logo--size-small { height: 31px; } .gc-menu__logo--size-large { height: 51px; } .gc-menu__logo--drawer { position: absolute; z-index: 1011; top: 0; left: 0; } .gc-menu__logo--expanded { width: 180px; } .gc-menu__btn-container { position: absolute; z-index: 1011; top: 0; left: 0; display: flex; overflow: hidden; flex-direction: column; width: 40px; height: 100%; transition: width 0.2s ease-in-out, background-color 0.2s ease-in-out; background-color: #205F78; } .gc-menu__btn-container__scrollable-container { position: relative; flex: 1 1 auto; } .gc-menu__panel-toggle { position: relative; } .gc-menu__panel-toggle .gc-btn__icon { transition: transform 0.2s ease-in-out; } .gc-menu__panel-toggle-chevron { position: absolute; top: 50%; left: 20px; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out; transform: translate(-50%, -50%); pointer-events: none; opacity: 0; color: rgba(255, 255, 255, 0.38); } .gc-menu__panel-toggle-chevron--accent { color: rgba(32, 95, 120, 0.38); } .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron) .gc-btn__icon, .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron) .gc-btn__icon { transform: translateX(-5px); } .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron) .gc-menu__panel-toggle-chevron, .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron) .gc-menu__panel-toggle-chevron { transform: translate(-50%, -50%) translateX(12px); opacity: 1; } .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-btn__icon, .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-btn__icon { transform: translateX(-3px); } .gc-menu__panel-toggle:hover:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron, .gc-menu__panel-toggle--active:not(.gc-menu__panel-toggle--no-chevron).gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron { transform: translate(-50%, -50%) translateX(9px); opacity: 1; } .gc-menu__panel-toggle--size-small .gc-menu__panel-toggle-chevron { left: 15px; } .gc-menu__panel-toggle--size-large .gc-menu__panel-toggle-chevron { left: 25px; } .gc-menu__panel { overflow-x: hidden; } .gc-menu__panel--fill-container { overflow: hidden; height: 100%; } .gc-menu__panel__placeholder { padding: 15px; text-align: center; color: rgba(51, 51, 51, 0.62); font-size: 12px; line-height: 30px; } .gc-menu__panel-container { position: absolute; z-index: 1010; top: 0; left: 40px; overflow: hidden; width: 0; height: 100%; transition: width 0.2s ease-in-out; background-color: #F1F1F1; } .gc-menu__panel-container--visible { width: 240px; } @keyframes gc-appear-animation { 0% { transform: scale(0, 0); opacity: 0; } 50% { transform: scale(0, 0); opacity: 0; } 100% { transform: scale(1, 1); opacity: 1; } } .gc-menu__panel-container__header { position: relative; overflow: hidden; width: 100%; height: 41px; margin: 0; padding: 0 40px 0 15px; white-space: nowrap; text-transform: uppercase; color: #205F78; border-bottom: 1px solid #DCDCDC; font-size: 12px; font-weight: bold; line-height: 40px; } .gc-menu__panel-container__header > .gc-btn-pin { position: absolute; right: 5px; bottom: 5px; animation-name: gc-appear-animation; animation-duration: 0.4s; animation-timing-function: ease-in-out; } .gc-menu__panel-container__header > .gc-btn-pin .gc-btn__icon { transition: transform 0.2s ease-in-out; } .gc-menu__panel-container__header > .gc-btn-pin--pinned .gc-btn__icon { transform: rotate(-45deg); } .gc-menu__panel-container__content { width: 240px; height: calc(100% - 41px); } .gc-menu { position: relative; display: block; width: 40px; min-width: 40px; height: 100%; transition: width 0.2s ease-in-out; } .gc-menu--size-small { width: 30px; min-width: 30px; } .gc-menu--size-small .gc-menu__btn-container { width: 30px; } .gc-menu--size-small .gc-menu__panel-container { left: 30px; } .gc-menu--size-small .gc-menu__panel-container--visible { width: 250px; } .gc-menu--size-small .gc-menu__panel-container__header { height: 31px; padding: 0 30px 0 15px; line-height: 30px; } .gc-menu--size-small .gc-menu__panel-container__header > .gc-btn-pin { right: 0; bottom: 0; } .gc-menu--size-small .gc-menu__panel-container__content { width: 250px; height: calc(100% - 31px); } .gc-menu--size-large { width: 50px; min-width: 50px; } .gc-menu--size-large .gc-menu__btn-container { width: 50px; } .gc-menu--size-large--expanded .gc-menu__btn-container { width: 180px; } .gc-menu--size-large .gc-menu__panel-container { left: 50px; } .gc-menu--size-large .gc-menu__panel-container--visible { width: 230px; } .gc-menu--size-large .gc-menu__panel-container__header { height: 51px; padding: 0 50px 0 15px; line-height: 50px; } .gc-menu--size-large .gc-menu__panel-container__content { width: 230px; height: calc(100% - 51px); } .gc-menu--expanded .gc-menu__btn-container { width: 180px; } .gc-menu--expanded:not(.gc-menu--drawer) { width: 180px; } .gc-menu--panel:not(.gc-menu--drawer) { width: 280px; } .gc-menu--legacy .gc-menu__btn-container { background-color: #F1F1F1; } .gc-menu--legacy .gc-menu__splitter:after { background-color: #dbdbdb; } .gc-sidebar { position: relative; flex: 1 0 auto; width: 330px; height: 100%; transition: width 0.2s ease-in-out; } .gc-sidebar > .gc-sidebar__menu { position: absolute; top: 0; right: 0; } .gc-sidebar[class*='--size'] > .gc-sidebar__menu > .gc-tabs { max-width: calc(100% - 30px); } .gc-sidebar--collapsed { width: 0; } .gc-sidebar--collapsed .gc-sidebar__container { overflow: visible; } .gc-sidebar--collapsed .gc-sidebar__toggle-area { left: -19px; width: 19px; pointer-events: none; } .gc-sidebar--collapsed .gc-sidebar__toggle-area-button { top: calc(50% - 50px/2); height: 50px; pointer-events: all; } .gc-sidebar--collapsed .gc-sidebar__toggle-area-button:before { top: 18px; left: 35%; } .gc-sidebar--collapsed .gc-sidebar__toggle-area-button:after { top: 24px; left: 35%; } .gc-sidebar--collapsed .gc-sidebar__toggle-area-button:hover:before { transform: rotate(40deg); } .gc-sidebar--collapsed .gc-sidebar__toggle-area-button:hover:after { transform: rotate(-40deg); } .gc-sidebar--collapsed .gc-sidebar__toggle-area-bar { top: calc(50% - 50px/2); right: 0; left: auto; height: 50px; margin: 0; } .gc-sidebar--size-sm > .gc-sidebar__menu + .gc-sidebar__container { padding-top: 30px; } .gc-sidebar--size-sm > .gc-sidebar__menu + .gc-sidebar__container .gc-sidebar__toggle-area { height: calc(100% - 30px); } .gc-sidebar--size-md > .gc-sidebar__menu + .gc-sidebar__container { padding-top: 40px; } .gc-sidebar--size-md > .gc-sidebar__menu + .gc-sidebar__container .gc-sidebar__toggle-area { height: calc(100% - 40px); } .gc-sidebar__menu { display: flex; width: 330px; padding-right: 5px; transition: width 0.2s ease-in-out; justify-content: space-between; align-items: center; } .gc-sidebar__menu + .gc-sidebar__container { padding-top: 50px; } .gc-sidebar__menu + .gc-sidebar__container .gc-sidebar__toggle-area { height: calc(100% - 50px); } .gc-sidebar__menu > .gc-tabs { overflow: hidden; max-width: calc(100% - 40px); } .gc-sidebar__menu--collapsed { justify-content: flex-end; } .gc-sidebar__menu--size-md > .gc-btn .gc-icon > svg { width: 24px; height: 24px; } .gc-sidebar__container { overflow: hidden; width: 330px; height: 100%; background-color: #F1F1F1; } .gc-sidebar__panel { overflow-x: hidden; } .gc-sidebar__panel--fill-container { overflow: hidden; height: 100%; } .gc-sidebar__toggle-area { position: absolute; z-index: 1; bottom: 0; left: 0; width: 15px; height: 100%; } .gc-sidebar__toggle-area:hover .gc-sidebar__toggle-area-button { opacity: 1; } .gc-sidebar__toggle-area-button { position: absolute; top: calc(50% - 36px/2); left: 0; width: 100%; height: 36px; cursor: pointer; transition: opacity 0.2s ease-in-out; opacity: 0; border: none; outline: none; background: none; } .gc-sidebar__toggle-area-button:before, .gc-sidebar__toggle-area-button:after { position: absolute; left: 50%; width: 2px; height: 8px; content: ''; transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out; transform: rotate(0deg); background-color: #205F78; } .gc-sidebar__toggle-area-button:before { top: 10px; transform-origin: 1px 7px; } .gc-sidebar__toggle-area-button:after { top: 16px; transform-origin: 1px 1px; } .gc-sidebar__toggle-area-button:hover:before { transform: rotate(-40deg); } .gc-sidebar__toggle-area-button:hover:after { transform: rotate(40deg); } .gc-sidebar__toggle-area-button:hover + .gc-sidebar__toggle-area-bar { transform: scaleY(1); } .gc-sidebar__toggle-area-bar { position: absolute; top: 0; left: -2px; width: 2px; height: calc(100% - 15px); margin: 7.5px 0; transition: transform 0.2s ease-in-out; transform: scaleY(0); transform-origin: center; pointer-events: none; background-color: #205F78; } .gc-combo { position: relative; display: inline-block; width: auto; height: 40px; vertical-align: top; color: #333; font-size: 12px; } .gc-combo > .gc-input { width: 100%; } .gc-combo:not([class^='gc-size']) > .gc-input { padding-right: 40px; } .gc-combo--block { display: block; } .gc-combo--with-preview:not([class^='gc-size']) > .gc-input { padding-left: 40px; } .gc-combo--with-preview.gc-size-sm > .gc-input { padding-left: 30px; } .gc-combo--with-preview.gc-size-sm > .gc-combo__preview { width: 30px; } .gc-combo--with-preview.gc-size-lg > .gc-input { padding-left: 50px; } .gc-combo--with-preview.gc-size-lg > .gc-combo__preview { width: 50px; } .gc-combo--disabled .gc-combo__preview { opacity: .38; } .gc-combo--value-placeholder:not(.gc-combo--focused-input) > .gc-input::placeholder { color: #333 !important; } .gc-combo__preview { position: absolute; top: 0; left: 0; display: flex; width: 40px; height: 100%; padding: 5px; pointer-events: none; justify-content: center; align-items: center; } .gc-combo .gc-dd { position: absolute; top: 0; right: 0; } .gc-combo .gc-dd > .gc-btn { width: 40px; min-width: auto; background: transparent; } .gc-combo .gc-dd > .gc-dd__chevron { width: 40px; } .gc-combo.gc-size-sm > .gc-input { padding-right: 30px; } .gc-combo.gc-size-sm .gc-dd > .gc-btn { width: 30px; } .gc-combo.gc-size-sm .gc-dd > .gc-dd__chevron { width: 30px; } .gc-combo.gc-size-lg > .gc-input { padding-right: 50px; } .gc-combo.gc-size-lg .gc-dd > .gc-btn { width: 50px; } .gc-combo.gc-size-lg .gc-dd > .gc-dd__chevron { width: 50px; } #modal-root { position: fixed; z-index: 1020; } .gc-modal-overlay { position: fixed; top: 0; left: 0; display: flex; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); font-family: "Open Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .gc-modal--default { position: absolute; top: 100px; left: 50%; width: 600px; max-width: 98vw; transform: translate3d(-50%, 0, 0); border-radius: 3px; outline: none; background-color: #F1F1F1; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); } .gc-modal.gc-rounded { border-radius: 20px; } .gc-modal.gc-rounded .gc-modal__header { border-radius: 20px 20px 0 0; } .gc-modal.gc-rounded .gc-modal__footer { border-radius: 0 0 20px 20px; } .gc-modal--level-warning .gc-modal__header { background-color: #e59500; } .gc-modal--level-error .gc-modal__header { background-color: #be1f1f; } .gc-modal--with-icon .gc-modal__header:not(.gc-modal__header--centered-title) { padding-left: 57px; } .gc-modal__header { display: flex; min-height: 60px; padding: 10px 10px 10px 15px; color: #FFFFFF; border-radius: 3px 3px 0 0; background-color: #205F78; align-items: center; } .gc-modal__header--centered-title { position: relative; min-height: 60px; padding-right: 10px; justify-content: center; } .gc-modal__header--centered-title > .gc-modal__title-box { max-width: 80%; text-align: center; } .gc-modal__header--centered-title > .gc-modal__close-btn { position: absolute; top: 10px; right: 10px; } .gc-modal__icon { position: absolute; top: 10px; left: 18px; display: flex; height: 40px; align-items: center; } .gc-modal__title { margin: 0; font-weight: normal; line-height: 20px; } .gc-modal__subtitle { color: rgba(255, 255, 255, 0.38); font-size: 14px; font-style: italic; } .gc-modal__close-btn { margin: 0 0 auto auto; } .gc-modal__message { padding: 15px 15px 10px; font-size: 14px; } .gc-modal__footer { display: flex; padding: 10px; border-radius: 0 0 3px 3px; background-color: #E6E6E6; align-items: center; justify-content: flex-end; } .gc-modal__footer > .gc-btn { min-width: 100px; text-align: center; } .gc-modal__footer > .gc-btn + .gc-btn { margin-left: 15px; } .gc-modal__footer--align-left { justify-content: flex-start; } .gc-modal__footer--align-center { justify-content: center; } .gc-modal__footer--align-spread { justify-content: space-between; } .gc-modal__right-control { margin-left: auto !important; } .gc-message-box.gc-modal--with-icon .gc-modal__header:not(.gc-modal__header--centered-title) { padding-left: 51px; } .gc-message-box .gc-modal__header { position: relative; min-height: auto; padding: 10px 15px; } .gc-message-box .gc-modal__header--centered-title { min-height: auto; } .gc-message-box .gc-modal__header > .gc-modal__icon { top: 0; left: 12px; } .gc-message-box .gc-modal__header > .gc-modal__close-btn { position: absolute; top: 0; right: 0; } .gc-message-box .gc-modal__footer { background-color: transparent; } .gc-icon > svg { display: block; width: 24px; height: 24px; } .gc-icon--small > svg { display: block; width: 16px; height: 16px; } .gc-icon--large > svg { display: block; width: 24px; height: 24px; } .gc-icon--r90 > svg { transform: rotate(90deg); } .gc-icon--r180 > svg { transform: rotate(180deg); } .gc-icon--r270 > svg { transform: rotate(270deg); } .gc-icon-color { transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out; } .gc-icon-color--text { transition: fill 0.2s ease-in-out; fill: currentColor; } .gc-icon-color--stroke-text { transition: stroke 0.2s ease-in-out; stroke: currentColor; } .gc-icon-color--accent { transition: fill 0.2s ease-in-out; fill: #F4D576; } .gc-icon-color--stroke-accent { transition: stroke 0.2s ease-in-out; stroke: #F4D576; } .gc-accent-color { color: #205F78; } .gc-accent-background { background-color: #205F78; } .gc-accent-fill { fill: #205F78; } .gc-secondary-accent-fill { fill: #F4D576; } .gc-contrast-fill { fill: #FFFFFF; } .gc-rounded, input[type=text].gc-rounded, input[type=password].gc-rounded, input[type=email].gc-rounded, input[type=url].gc-rounded, textarea.gc-rounded { border-radius: 20px; } .gc-rounded.gc-size-sm, input[type=text].gc-rounded.gc-size-sm, input[type=password].gc-rounded.gc-size-sm, input[type=email].gc-rounded.gc-size-sm, input[type=url].gc-rounded.gc-size-sm, textarea.gc-rounded.gc-size-sm { border-radius: 15px; } .gc-rounded.gc-size-lg, input[type=text].gc-rounded.gc-size-lg, input[type=password].gc-rounded.gc-size-lg, input[type=email].gc-rounded.gc-size-lg, input[type=url].gc-rounded.gc-size-lg, textarea.gc-rounded.gc-size-lg { border-radius: 25px; } .gc-rounded.gc-size-xl, input[type=text].gc-rounded.gc-size-xl, input[type=password].gc-rounded.gc-size-xl, input[type=email].gc-rounded.gc-size-xl, input[type=url].gc-rounded.gc-size-xl, textarea.gc-rounded.gc-size-xl { border-radius: 30px; } .gc-size-sm { height: 30px; line-height: 30px; } .gc-size-lg { height: 50px; line-height: 50px; } .gc-size-xl { height: 60px; line-height: 60px; } .gc-dd-adjustment { transition-timing-function: ease-out; transition-duration: 0.15s; transition-property: left, right, top; } .gc-property-grid { width: 100%; height: 100%; padding-top: 15px; } .gc-property-grid .gc-property-grid__header { position: relative; display: flex; margin: 0 15px 10px; border-radius: 2px; background-color: #205F78; } .gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button { width: 100%; padding: 0; } .gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button > .gc-btn__text { width: 100%; padding: 0; text-align: center; } .gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button > .gc-btn__icon { right: 0; left: auto; } .gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button--search-mode { position: static; width: auto; min-width: 60px; padding: 0 10px; border-radius: 2px 0 0 2px; } .gc-property-grid .gc-property-grid__header .gc-btn.gc-property-grid__button--search-mode > .gc-btn__text { position: static; color: rgba(255, 255, 255, 0.5); font-size: 10px; } .gc-property-grid .gc-property-grid__header > .gc-property-grid__button-back { position: absolute; z-index: 1; top: 0; left: 0; } .gc-property-grid .gc-property-grid__header > .gc-property-grid__button-back + .gc-tabs { padding-left: 30px; } .gc-property-grid .gc-property-grid__header > .gc-property-grid__button-back + .gc-tabs .gc-btn { width: auto !important; } .gc-property-grid .gc-property-grid__header > .gc-dd { position: absolute; z-index: 1; top: 0; right: 0; } .gc-property-grid .gc-property-grid__header > .gc-dd + .gc-btn { padding: 0 30px; } .gc-property-grid .gc-property-grid__header .gc-btn > .gc-btn__icon { transition: color 0.2s ease-in-out; } .gc-property-grid .gc-property-grid__header .gc-btn:not(:hover) > .gc-btn__icon { color: rgba(255, 255, 255, 0.5); } .gc-property-grid .gc-property-grid__header > .gc-input { flex: 1 0 auto; padding-right: 30px; text-overflow: ellipsis; color: #FFFFFF; border-radius: 0 2px 2px 0; background-color: #205F78; } .gc-property-grid .gc-property-grid__header > .gc-input::placeholder { color: rgba(255, 255, 255, 0.38); } .gc-property-grid .gc-property-grid__header > .gc-input:focus, .gc-property-grid .gc-property-grid__header > .gc-input:hover { border-color: transparent !important; background-color: #1b5166 !important; } .gc-property-grid .gc-property-grid__header--with-tabs:not([class*='search-view']) > .gc-tabs { order: 1; flex-grow: 1; } .gc-property-grid .gc-property-grid__header--with-tabs:not([class*='search-view']) > .gc-tabs .gc-btn { width: 50%; } .gc-property-grid .gc-property-grid__header--with-tabs:not([class*='search-view']) > .gc-tabs .gc-btn:after { content: none; } .gc-property-grid .gc-property-grid__header--with-tabs:not([class*='search-view']) > .gc-property-grid__button { width: auto; padding: 0 !important; order: 2; } .gc-property-grid .gc-property-grid__header--with-tabs:not([class*='search-view']) > .gc-property-grid__button > .gc-btn__text { padding-left: 30px; } .gc-property-grid .gc-property-grid__header--with-tabs:not([class*='search-view']) > .gc-dd { position: relative; order: 3; } .gc-property-grid .gc-property-grid__container { height: calc(100% - 40px); } .gc-property-grid .gc-property-category { padding: 0 15px; } .gc-property-list__placeholder { padding: 15px; text-align: center; color: rgba(51, 51, 51, 0.62); font-size: 12px; line-height: 30px; } .gc-property-grid .gc-property-list__placeholder { padding: 0 15px; } .gc-property-grid__container { overflow-x: hidden; height: 100%; } .gc-property-category { display: flex; flex-direction: column; } .gc-property-category__content:empty + .gc-property-category__title { display: none; } .gc-property-category__title { order: 1; } .gc-property-category__content { margin-bottom: 5px; order: 2; } .gc-property-category__content:empty { margin-bottom: 0; } .gc-property-category__content > * { margin-bottom: 5px; } .gc-unknown-editor { height: 30px; margin-bottom: 5px; color: rgba(51, 51, 51, 0.62); font-size: 12px; line-height: 30px; } .gc-collection-editor { position: relative; } .gc-collection-editor--dragging * { user-select: none; } .gc-collection-editor--expanded { margin: 0 -15px 5px; padding: 0 15px 15px 15px; background-color: rgba(0, 0, 0, 0.05); } .gc-collection-editor--expanded::before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 30px; content: ''; background-color: rgba(0, 0, 0, 0.05); } .gc-collection-editor--disabled .gc-collection-editor__main > .gc-collection-editor__counter { color: rgba(51, 51, 51, 0.38); } .gc-collection-editor--transparent { background-color: transparent; } .gc-collection-editor--transparent:before { content: none; } .gc-collection-editor__item { display: flex; } .gc-collection-editor__item > *:not(.gc-collection-editor__item-actions) { width: 0; flex-grow: 1; } .gc-collection-editor__item-actions { display: flex; margin-right: 5px; flex-shrink: 0; } .gc-collection-editor__item-actions > .gc-btn + .gc-btn { margin-left: 5px; } .gc-collection-editor__item + .gc-collection-editor__item { padding-top: 5px; } .gc-collection-editor__main { display: flex; justify-content: flex-end; } .gc-collection-editor__main > .gc-btn { flex-shrink: 0; } .gc-collection-editor__main > * + * { margin-left: 5px; } .gc-collection-editor__main .gc-collection-editor__counter { display: block; overflow: hidden; flex: 1 1 auto; width: 0; height: 30px; padding: 0 10px; cursor: default; white-space: nowrap; text-overflow: ellipsis; color: rgba(51, 51, 51, 0.62); border-radius: 2px; background-color: rgba(0, 0, 0, 0.05); font-size: 12px; line-height: 30px; } .gc-collection-editor__arrows { position: relative; display: flex; flex-direction: column; width: 30px; justify-content: center; } .gc-collection-editor__arrows > .gc-btn { position: absolute; width: 100%; height: 15px; } .gc-collection-editor__arrows > .gc-btn .gc-btn__text { height: 100%; padding: 0 !important; } .gc-collection-editor__arrows > .gc-btn .gc-btn__icon { position: static; display: flex; height: 100%; justify-content: center; align-items: center; } .gc-collection-editor__arrows .gc-collection-editor__arrow-up { top: 0; left: 0; } .gc-collection-editor__arrows .gc-collection-editor__arrow-down { bottom: 0; left: 0; } .gc-collection-editor__arrows + .gc-btn { margin-left: 5px; } .gc-collection-editor__items { position: relative; } .gc-collection-editor__items:only-child { padding-top: 15px; } .gc-collection-editor__item--dragged { pointer-events: none; opacity: 0; } .gc-collection-editor__clone { position: absolute; top: 0; left: 0; width: 100%; pointer-events: none; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.38); } .gc-collection-editor__clone .gc-collection-editor__item { opacity: 0.8; } .gc-collection-editor__empty { display: flex; height: 30px; margin-top: 15px; color: rgba(51, 51, 51, 0.62); background-color: rgba(0, 0, 0, 0.05); font-size: 12px; justify-content: center; align-items: center; } .gc-collection-editor__header { overflow: hidden; margin: 5px 0; text-overflow: ellipsis; font-size: 12px; } .gc-collection-editor__header--offset-1 { padding-left: 35px; } .gc-collection-editor__header--offset-2 { padding-left: 70px; } .gc-side-editor .gc-expand-editor__content { flex-direction: row; flex-wrap: wrap; } .gc-side-editor--stretched .gc-side-editor__side:not([class*='--default']) { width: calc(50% + 15px); } .gc-side-editor--stretched .gc-side-editor__side--left, .gc-side-editor--stretched .gc-side-editor__side--right { margin-left: -15px; } .gc-side-editor--stretched .gc-side-editor__side--top, .gc-side-editor--stretched .gc-side-editor__side--bottom { margin-right: -15px; } .gc-side-editor__side { width: 50%; } .gc-side-editor__side--default { width: 100%; order: 1; } .gc-side-editor__side--left { order: 2; } .gc-side-editor__side--top { order: 3; } .gc-side-editor__side--right { order: 4; } .gc-side-editor__side--bottom { order: 5; } .gc-side-editor__side:not(.gc-side-editor__side--default) .gc-label__label { width: 30px; } .gc-side-editor__side:not(.gc-side-editor__side--default) .gc-label__content { width: calc(100% - 30px); } .gc-binding-wrapper__content { flex: 1 1 auto; width: calc(100% - 30px); max-width: calc(100% - 30px); } .gc-binding-wrapper__toggle { width: 10px; height: 10px; margin: 10px auto; transition: background-color 0.2s ease-in-out; border-radius: 2px; background-color: rgba(51, 51, 51, 0.62); } .gc-binding-wrapper { display: flex; } .gc-binding-wrapper > .gc-dd { flex: 0 0 auto; width: 30px; min-width: 30px; } .gc-binding-wrapper > .gc-dd > .gc-btn:hover { background-color: transparent; } .gc-binding-wrapper > .gc-dd > .gc-btn:hover .gc-binding-wrapper__toggle { box-shadow: 0 0 4px 2px rgba(51, 51, 51, 0.24); } .gc-binding-wrapper--modified .gc-binding-wrapper__toggle { background-color: #4dca7d; } .gc-binding-wrapper--modified > .gc-dd > .gc-btn:hover .gc-binding-wrapper__toggle { box-shadow: 0 0 4px 2px rgba(77, 202, 125, 0.62); } .gc-binding-wrapper--bind .gc-binding-wrapper__toggle { background-color: #e4d50a; } .gc-binding-wrapper--bind > .gc-dd > .gc-btn:hover .gc-binding-wrapper__toggle { box-shadow: 0 0 4px 2px rgba(228, 213, 10, 0.62); } .gc-bool-editor { margin: 0 0 0 auto; } .gc-label:not([class*='--position']) .gc-bool-editor { margin: 0; } .gc-number-editor { display: flex; } .gc-number-editor > .gc-btn { flex: 0 0 auto; } .gc-number-editor > .gc-btn:first-of-type { border-top-right-radius: 0; border-bottom-right-radius: 0; } .gc-number-editor > .gc-btn:last-of-type { border-top-left-radius: 0; border-bottom-left-radius: 0; } .gc-number-editor > .gc-input { flex: 1 1 auto; border-radius: 0; } .gc-color-palette { width: 100%; } .gc-color-palette__colors { display: flex; width: 100%; padding: 0 10px; flex-wrap: wrap; } .gc-color { display: flex; flex: 0 0 auto; width: 50%; min-width: 50%; max-width: 50%; height: 20px; padding: 0 5px; } .gc-color__main { position: relative; flex: 0 0 auto; width: 15px; height: 15px; margin-right: 5px; border-radius: 2px; } .gc-color__main::after { position: absolute; top: 0; left: 0; display: block; box-sizing: border-box; width: 100%; height: 100%; content: ''; transition: border-color 0.2s ease-in-out; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; } .gc-color__main:hover::after { border: 1px solid rgba(0, 0, 0, 0.4); } .gc-color__shades { position: relative; display: flex; flex: 1 1 auto; height: 15px; border-radius: 2px; } .gc-color__shades::after { position: absolute; top: 0; left: 0; display: block; box-sizing: border-box; width: 100%; height: 100%; content: ''; transition: border-color 0.2s ease-in-out; pointer-events: none; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; } .gc-color__shades > div { position: relative; flex: 1 1 auto; height: 100%; } .gc-color__shades > div::after { position: absolute; top: 0; left: 0; display: block; box-sizing: border-box; width: 100%; height: 100%; content: ''; transition: border-color 0.2s ease-in-out; border: 1px solid transparent; } .gc-color__shades > div:first-of-type::after { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .gc-color__shades > div:last-of-type::after { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .gc-color__shades > div:hover::after { border: 1px solid rgba(0, 0, 0, 0.4); } .gc-color-picker { display: flex; flex-wrap: wrap; } .gc-color-picker__preview { flex: 0 0 auto; width: 90px; height: 90px; margin-right: 15px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; } .gc-color-picker__preview:hover { border: 4px solid rgba(0, 0, 0, 0.1); } .gc-color-picker__settings { flex: 1 1 auto; } .gc-color-picker__settings > span { display: block; height: 15px; user-select: none; font-size: 10px; line-height: 15px; } .gc-color-picker__inputs { display: flex; width: 100%; } .gc-color-picker__hex .gc-label, .gc-color-picker__rgb .gc-label { width: 100%; } .gc-color-picker__hex .gc-label .gc-label__label, .gc-color-picker__rgb .gc-label .gc-label__label { align-items: center; } .gc-color-picker__hex .gc-input, .gc-color-picker__rgb .gc-input { display: block; width: 100%; } .gc-color-picker__hex { flex: 0 0 auto; width: 90px; margin-right: 15px; } .gc-color-picker__rgb { display: flex; flex: 1 1 auto; justify-content: space-between; } .gc-color-picker__rgb .gc-label { flex: 0 0 auto; width: calc(33.3% - 4px); } .gc-color-dropdown { width: 300px; padding-bottom: 15px; } .gc-color-dropdown > .gc-btn-group { margin: 15px; margin-bottom: 5px; } .gc-color-dropdown > .gc-color-dropdown__web-colors { margin: 15px; margin-bottom: 0; } .gc-color-dropdown > .gc-color-dropdown__web-colors .gc-dd-menu__item--with-preview.gc-size-sm { padding: 0; } .gc-color-dropdown > .gc-color-picker { margin: 15px; margin-bottom: 0; } .gc-color-dropdown > .gc-slider { margin: 0 15px; } .gc-color__slider-border { border: 1px solid #f2f2f2; } .gc-color-dropdown__web-color { width: 15px; height: 15px; border-radius: 2px; } .gc-wizard { display: flex; width: 100%; height: 90px; } .gc-wizard--transparent-dark > .gc-wizard__step:before, .gc-wizard--transparent-dark > .gc-wizard__step:after { background-color: rgba(0, 0, 0, 0.2); } .gc-wizard--transparent-dark > .gc-wizard__step > .gc-btn { background-color: rgba(0, 0, 0, 0.62); } .gc-wizard--transparent-dark > .gc-wizard__step > .gc-btn:not([disabled]):not(.disabled):hover { background-color: rgba(0, 0, 0, 0.677); } .gc-wizard--transparent-dark > .gc-wizard__step > .gc-btn:disabled { background-color: rgba(0, 0, 0, 0.2); } .gc-wizard--transparent-dark > .gc-wizard__step > .gc-btn > .gc-btn__text { color: #333; } .gc-wizard--transparent-dark > .gc-wizard__step--complete:before, .gc-wizard--transparent-dark > .gc-wizard__step--complete:after { background-color: rgba(0, 0, 0, 0.62); } .gc-wizard--transparent-dark > .gc-wizard__step--complete:last-child > .gc-btn { background-color: rgba(0, 0, 0, 0.62); } .gc-wizard--transparent-dark > .gc-wizard__step--current:before { background-color: rgba(0, 0, 0, 0.62); } .gc-wizard--transparent-dark > .gc-wizard__step--current > .gc-btn { border-color: rgba(0, 0, 0, 0.62); } .gc-wizard--transparent-light > .gc-wizard__step:before, .gc-wizard--transparent-light > .gc-wizard__step:after { background-color: rgba(255, 255, 255, 0.2); } .gc-wizard--transparent-light > .gc-wizard__step > .gc-btn { background-color: rgba(255, 255, 255, 0.62); } .gc-wizard--transparent-light > .gc-wizard__step > .gc-btn:not([disabled]):not(.disabled):hover { background-color: rgba(255, 255, 255, 0.81); } .gc-wizard--transparent-light > .gc-wizard__step > .gc-btn:disabled { background-color: rgba(255, 255, 255, 0.2); } .gc-wizard--transparent-light > .gc-wizard__step > .gc-btn .gc-btn__icon { color: #205F78; } .gc-wizard--transparent-light > .gc-wizard__step > .gc-wizard__step-text { color: #FFFFFF; } .gc-wizard--transparent-light > .gc-wizard__step--complete:before, .gc-wizard--transparent-light > .gc-wizard__step--complete:after { background-color: rgba(255, 255, 255, 0.62); } .gc-wizard--transparent-light > .gc-wizard__step--complete:last-child > .gc-btn { background-color: rgba(255, 255, 255, 0.62); } .gc-wizard--transparent-light > .gc-wizard__step--current:before { background-color: rgba(255, 255, 255, 0.62); } .gc-wizard--transparent-light > .gc-wizard__step--current > .gc-btn { border-color: rgba(255, 255, 255, 0.62); } .gc-wizard__step { position: relative; height: 100%; flex-grow: 1; } .gc-wizard__step > .gc-btn { position: absolute; z-index: 1; top: 10px; left: 50%; display: flex; transform: translateX(-50%); border-radius: 50%; align-items: center; justify-content: center; } .gc-wizard__step > .gc-btn:disabled { opacity: 1; background-color: rgba(32, 95, 120, 0.62); } .gc-wizard__step > .gc-btn > .gc-btn__text { width: 30px; height: auto; padding: 0; text-align: center; font-size: 14px; line-height: 1; } .gc-wizard__step > .gc-btn--with-icon > .gc-btn__text { height: 30px; } .gc-wizard__step:before, .gc-wizard__step:after { position: absolute; top: 22px; left: 0; width: calc(50% - 15px - 1px); height: 6px; content: ''; transition: color 0.2s ease-in-out; background-color: rgba(32, 95, 120, 0.62); } .gc-wizard__step:after { left: calc(50% + 15px + 1px); } .gc-wizard__step:first-child:before { content: none; } .gc-wizard__step:last-child:after { content: none; } .gc-wizard__step--complete:before, .gc-wizard__step--complete:after { background-color: #205F78; } .gc-wizard__step--complete:last-child > .gc-btn { background-color: #205F78; } .gc-wizard__step--current:before { background-color: #205F78; } .gc-wizard__step--current > .gc-btn { border: 2px solid #205F78; } .gc-wizard__step--current > .gc-btn > .gc-btn__text { display: flex; width: 26px; height: 26px; justify-content: center; align-items: center; } .gc-wizard__step-text { position: absolute; top: 50px; left: 0; display: block; overflow: hidden; width: 100%; max-height: 36px; margin: 0; padding: 0; text-align: center; color: #333; font-size: 12px; font-weight: normal; line-height: 18px; } @keyframes gc-progress-animation { 0% { left: -40px; width: 40px; } 50% { width: 300px; } 100% { left: 100%; width: 40px; } } .gc-progress { display: block; overflow: hidden; height: 20px; border-radius: 2px; background-color: #F1F1F1; line-height: 20px; } .gc-progress--inline { display: inline-block; } .gc-progress--semi-transparent { background-color: rgba(0, 0, 0, 0.1); } .gc-progress--transparent { background-color: transparent; } .gc-progress--accent > .gc-progress__fill { background-color: #205F78; } .gc-progress--accent > .gc-progress__value { color: #FFFFFF; } .gc-progress--pause-error > .gc-progress__fill { background-color: #be1f1f; } .gc-progress--pause-error > .gc-progress__value { color: #FFFFFF; } .gc-progress--pause-warning > .gc-progress__fill { background-color: #e59500; } .gc-progress--pause-warning > .gc-progress__value { color: #FFFFFF; } .gc-progress--indeterminate { position: relative; } .gc-progress--indeterminate > .gc-progress__fill { position: absolute; top: 0; animation-name: gc-progress-animation; animation-duration: 1.6s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .gc-progress--indeterminate.gc-progress--pause-error > .gc-progress__fill { animation-play-state: paused; } .gc-progress--indeterminate.gc-progress--pause-warning > .gc-progress__fill { animation-play-state: paused; } .gc-progress.gc-size-sm { height: 2px; } .gc-progress.gc-size-lg { height: 40px; line-height: 40px; } .gc-progress__fill { overflow: visible; height: 100%; transition: width 0.2s ease-in-out; text-align: center; background-color: #333; } .gc-progress__value { display: block; height: 100%; color: #FFFFFF; font-size: 10px; } .gc-slider { position: relative; display: block; width: auto; height: 15px; } .gc-slider--vertical { width: 15px; height: 150px; } .gc-slider--planar { width: 150px; height: 150px; } .gc-slider__area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gc-slider__background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 2px; background-color: rgba(0, 0, 0, 0.05); } .gc-slider__toggle { position: absolute; top: 0; left: 0; width: 15px; height: 15px; transform: translateX(-50%) translateY(-50%); pointer-events: none; border: 2px solid white; border-radius: 50%; background-color: #205F78; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); } .gc-slider__toggle::after { content: ''; } .gc-text-editor { position: relative; } .gc-text-editor__preview { position: absolute; top: 0; left: 0; display: flex; width: 30px; height: 100%; padding: 5px; pointer-events: none; justify-content: center; align-items: center; } .gc-text-editor__preview + .gc-input { padding-left: 30px !important; } .gc-expand-editor--expanded { position: relative; margin: 0 -15px 5px; padding: 0 15px; background-color: rgba(0, 0, 0, 0.05); } .gc-expand-editor--expanded > .gc-expand-editor__main { margin-bottom: 5px; } .gc-expand-editor--expanded:before { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 30px; content: ''; background-color: rgba(0, 0, 0, 0.05); } .gc-expand-editor--transparent { background-color: transparent; } .gc-expand-editor--transparent:before { content: none; } .gc-expand-editor__main { position: relative; } .gc-expand-editor__main > .gc-label > .gc-label__content { right: 30px; width: calc(67% - 30px); } .gc-expand-editor__main > .gc-label > .gc-label__content > *:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .gc-expand-editor__toggle { position: absolute; top: 0; right: 0; width: 30px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .gc-expand-editor__content { display: flex; flex-direction: column; } .gc-expand-editor__content > * { margin-bottom: 5px; } @keyframes gc-badge-show { 0% { transform: scale(1.2) rotateX(90deg); } 60% { transform: scale(1.2) rotateX(0); } 100% { transform: scale(1); } } @keyframes gc-badge-show-top-left { 0% { transform: scale(1.2) rotateX(90deg) translate(-25%, -25%); } 60% { transform: scale(1.2) rotateX(0) translate(-25%, -25%); } 100% { transform: scale(1) translate(-25%, -25%); } } @keyframes gc-badge-show-top-right { 0% { transform: scale(1.2) rotateX(90deg) translate(25%, -25%); } 60% { transform: scale(1.2) rotateX(0) translate(25%, -25%); } 100% { transform: scale(1) translate(25%, -25%); } } @keyframes gc-badge-show-bottom-left { 0% { transform: scale(1.2) rotateX(90deg) translate(-25%, 25%); } 60% { transform: scale(1.2) rotateX(0) translate(-25%, 25%); } 100% { transform: scale(1) translate(-25%, 25%); } } @keyframes gc-badge-show-bottom-right { 0% { transform: scale(1.2) rotateX(90deg) translate(25%, 25%); } 60% { transform: scale(1.2) rotateX(0) translate(25%, 25%); } 100% { transform: scale(1) translate(25%, 25%); } } .gc-badge { position: absolute; z-index: 1; display: flex; min-width: 20px; height: 20px; padding: 5px; cursor: default; animation: gc-badge-show .4s 1 ease-in-out; white-space: nowrap; color: #FFFFFF; border-radius: 2px; background-color: #205F78; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); font-size: 12px; line-height: 1; justify-content: center; align-items: center; } .gc-badge--size-sm { min-width: 15px; height: 15px; font-size: 10px; } .gc-badge--size-lg { min-width: 25px; height: 25px; font-size: 14px; } .gc-badge--top-left { top: 0; left: 0; } .gc-badge--top-left:not(.gc-badge--inset) { animation: gc-badge-show-top-left .4s 1 ease-in-out forwards; } .gc-badge--top-right { top: 0; right: 0; } .gc-badge--top-right:not(.gc-badge--inset) { animation: gc-badge-show-top-right .4s 1 ease-in-out forwards; } .gc-badge--bottom-left { bottom: 0; left: 0; } .gc-badge--bottom-left:not(.gc-badge--inset) { animation: gc-badge-show-bottom-left .4s 1 ease-in-out forwards; } .gc-badge--bottom-right { right: 0; bottom: 0; } .gc-badge--bottom-right:not(.gc-badge--inset) { animation: gc-badge-show-bottom-right .4s 1 ease-in-out forwards; } .gc-badge--rounded { border-radius: 10px; } .gc-badge--rounded.gc-badge--size-sm { border-radius: 7.5px; } .gc-badge--rounded.gc-badge--size-lg { border-radius: 12.5px; } .gc-badge--inline { position: relative; display: inline-flex; } .gc-badge--inline:last-child:not(:only-child) { margin-left: 5px; } .gc-badge--inline:first-child:not(:only-child) { margin-right: 5px; } .gc-badge--custom { padding: 0; color: inherit; background: transparent; box-shadow: none; } .gc-badge--custom.gc-badge--inline { height: 100%; } .gc-badge--level-warning { background-color: #e59500; } .gc-badge--level-warning.gc-badge--inverted { color: #e59500; } .gc-badge--level-error { background-color: #be1f1f; } .gc-badge--level-error.gc-badge--inverted { color: #be1f1f; } .gc-badge--inverted { color: #205F78; background-color: #FFFFFF; font-weight: 700; } .gc-badge--dot { width: 6px; min-width: auto; height: 6px; padding: 0; border-radius: 50%; } @keyframes gc-item-animation { 0% { width: 0; height: 0; } 33% { width: 60px; height: 60px; } 66% { width: 60px; height: 60px; } 100% { width: 100%; height: 60px; } } @keyframes gc-item-mini-animation { 0% { width: 0; height: 0; } 33% { width: 30px; height: 30px; } 66% { width: 30px; height: 30px; } 100% { width: 100%; height: 30px; } } @keyframes gc-item-icon-animation { 0% { transform: scale(0); } 33% { transform: scale(1); } 100% { transform: scale(1); } } @keyframes gc-expand-animation { 0% { transform: scale(0) translate(-50%, -50%); } 100% { transform: scale(1) translate(-50%, -50%); } } @keyframes gc-task-loader-animation { 0% { transform: scale(0); transform: scale(0); } 90% { transform: scale(0.7); transform: scale(0.7); } 100% { transform: scale(1); transform: scale(1); } } .gc-notifications-container { position: fixed; z-index: 1090; display: flex; flex-direction: column; width: 330px; max-width: 95%; align-items: center; } .gc-notifications-container--reversed { flex-direction: column-reverse; } .gc-notifications-container--position-bottom-center { bottom: 30px; left: 50%; transform: translateX(-50%); } .gc-notifications-container--position-bottom-left { bottom: 30px; left: 15px; } .gc-notifications-container--position-bottom-right { right: 15px; bottom: 30px; } .gc-notifications-container--position-top-center { top: 15px; left: 50%; flex-direction: column-reverse; transform: translateX(-50%); } .gc-notifications-container--position-top-center.gc-notifications-container--reversed { flex-direction: column; } .gc-notifications-container--position-top-left { top: 30px; left: 15px; flex-direction: column-reverse; } .gc-notifications-container--position-top-left.gc-notifications-container--reversed { flex-direction: column; } .gc-notifications-container--position-top-right { top: 30px; right: 15px; flex-direction: column-reverse; } .gc-notifications-container--position-top-right.gc-notifications-container--reversed { flex-direction: column; } .gc-notification { display: flex; overflow: hidden; width: 100%; height: 60px; margin-bottom: 10px; animation: gc-item-animation 0.8s 1; color: #FFFFFF; border-radius: 2px; background-color: #153f50; } .gc-notification__tag { display: flex; flex: 0 0 auto; width: 60px; height: 60px; user-select: none; transform-origin: top left; animation: gc-item-icon-animation 0.8s 1; text-align: center; border-radius: inherit; font-size: 24px; line-height: 60px; justify-content: center; align-items: center; } .gc-notification__content { display: flex; flex-direction: column; flex: 1 1 auto; width: 0; padding: 7px 10px; justify-content: center; } .gc-notification__caption, .gc-notification__status { overflow: hidden; height: 20px; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; line-height: 20px; } .gc-notification__status { opacity: .7; font-style: italic; } .gc-notification__actions { display: flex; flex: 1 1 auto; max-height: 50%; margin-top: auto; align-items: center; } .gc-notification__actions > .gc-notification__button { overflow: hidden; height: 20px; margin-right: 5px; padding: 0 10px; border-radius: inherit; font-size: 10px; line-height: 20px; } .gc-notification__actions > .gc-notification__button.gc-rounded { border-radius: 10px; } .gc-notification .gc-notification__button.gc-btn, .gc-notification .gc-notification__button-mini.gc-btn { background-color: #102f3c; } .gc-notification .gc-notification__button.gc-btn:hover, .gc-notification .gc-notification__button-mini.gc-btn:hover { background-color: #0b1f27; } .gc-notification__loader { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; } .gc-notification__loader > div { width: 30px; height: 30px; animation: gc-task-loader-animation 1035ms infinite linear; border: 4px solid; border-color: #FFFFFF; border-radius: 50%; } .gc-notification--rounded { border-radius: 30px; } .gc-notification--info { background-color: #153f50; } .gc-notification--info > .gc-notification__tag { background-color: #205F78; } .gc-notification--warning { background-color: #b27400; } .gc-notification--warning > .gc-notification__tag { background-color: #e59500; } .gc-notification--warning .gc-btn.gc-notification__button, .gc-notification--warning .gc-btn.gc-notification__button-mini { background-color: #996300; } .gc-notification--warning .gc-btn.gc-notification__button:hover, .gc-notification--warning .gc-btn.gc-notification__button-mini:hover { background-color: #7f5300; } .gc-notification--error { background-color: #921818; } .gc-notification--error > .gc-notification__tag { background-color: #be1f1f; } .gc-notification--error .gc-btn.gc-notification__button, .gc-notification--error .gc-btn.gc-notification__button-mini { background-color: #7c1414; } .gc-notification--error .gc-btn.gc-notification__button:hover, .gc-notification--error .gc-btn.gc-notification__button-mini:hover { background-color: #661111; } .gc-notification--task:hover .gc-notification__tag > .gc-btn { opacity: 1; } .gc-notification--task:hover .gc-notification__loader { opacity: 0; } .gc-notification--task .gc-notification__tag { position: relative; } .gc-notification--task .gc-notification__tag > .gc-btn { transition: opacity 0s; opacity: 0; } .gc-notification--task .gc-notification__tag > .gc-notification__button { position: absolute; top: 0; left: 0; display: flex; width: 60px; height: 60px; border-radius: inherit; justify-content: center; align-items: center; } .gc-notification--task .gc-notification__tag > .gc-notification__button.gc-rounded { border-radius: 50%; } .gc-notification--task .gc-notification__tag > .gc-notification__button .gc-btn__icon { width: 60px; height: 60px; } .gc-notification--task .gc-progress { margin: 2px 0; background-color: rgba(255, 255, 255, 0.1); } .gc-notification--task .gc-progress > .gc-progress__fill { background-color: #FFFFFF; } .gc-notification--batch .gc-notification__tag { background-color: #205F78; font-size: 16px; } .gc-notification--batch .gc-notification__actions { max-height: none; } .gc-notification--batch .gc-notification__actions > .gc-notification__button { width: 50%; height: 30px; margin-right: 10px; text-align: center; border-radius: inherit; font-size: 12px; line-height: 30px; } .gc-notification--batch .gc-notification__actions > .gc-notification__button.gc-rounded { border-radius: 15px; } .gc-notification--batch.gc-notification--size-small .gc-notification__tag { font-size: 12px; } .gc-notification--batch.gc-notification--size-small .gc-notification__actions { margin-left: auto; } .gc-notification--batch.gc-notification--size-small .gc-notification__actions .gc-notification__button { padding: 0 10px; } .gc-notification--size-small { height: 30px; animation: gc-item-mini-animation 0.8s 1; } .gc-notification--size-small .gc-notification__tag { width: 30px; height: 30px; font-size: 16px; line-height: 30px; } .gc-notification--size-small .gc-notification__content { flex-direction: row; padding: 0; justify-content: space-between; align-items: center; } .gc-notification--size-small .gc-notification__caption { height: 30px; padding: 0 10px; line-height: 30px; } .gc-notification--size-small .gc-notification__actions { flex: 0 0 auto; max-height: none; } .gc-notification--size-small.gc-notification--task { position: relative; } .gc-notification--size-small.gc-notification--task .gc-notification__tag { z-index: 1; background-color: inherit; } .gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__loader > div { width: 20px; height: 20px; border: 3px solid; } .gc-notification--size-small.gc-notification--task .gc-notification__tag > .gc-notification__button-mini { position: absolute; top: 0; left: 0; } .gc-notification--size-small.gc-notification--task .gc-notification__content { border-radius: inherit; } .gc-notification--size-small.gc-notification--task .gc-notification__content > .gc-notification__caption { z-index: 1; } .gc-notification--size-small.gc-notification--task .gc-notification__content > .gc-progress { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding-left: 30px; border-radius: inherit; border-top-left-radius: 0; border-bottom-left-radius: 0; } .gc-notification--size-small.gc-notification--task .gc-notification__content > .gc-progress:before { position: absolute; top: 0; left: 0; width: 30px; height: 100%; content: ''; background-color: rgba(65, 119, 140, 0.7); } .gc-notification--size-small.gc-notification--task .gc-notification__content > .gc-progress > .gc-progress__fill { border-radius: inherit; background-color: rgba(65, 119, 140, 0.7); } .gc-notifications-modal > .gc-notification-details { position: absolute; top: 50%; left: 50%; max-width: 95%; transform-origin: 0 0; animation: gc-expand-animation .2s 1 ease-in-out forwards; border-radius: 2px; background-color: white; box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); } .gc-notification-details { width: 330px; padding: 15px 0; } .gc-notification-details__content { overflow: auto; height: 400px; padding-bottom: 15px; font-size: 12px; } .gc-notification-details__category { padding: 0 15px; } .gc-notification-details__category + .gc-notification-details__category { margin-top: 5px; } .gc-notification-details__category--info { color: #205F78; } .gc-notification-details__category--info .gc-notification-details-item__main { background-color: rgba(32, 95, 120, 0.1); } .gc-notification-details__category--warning { color: #e59500; } .gc-notification-details__category--warning .gc-notification-details-item__main { background-color: rgba(229, 149, 0, 0.1); } .gc-notification-details__category--error { color: #be1f1f; } .gc-notification-details__category--error .gc-notification-details-item__main { background-color: rgba(190, 31, 31, 0.1); } .gc-notification-details__action { padding: 0 15px; } .gc-notification-details--menu-panel { display: flex; flex-direction: column; width: 100%; height: 100%; } .gc-notification-details--menu-panel .gc-notification-details__content { flex: 1 0 auto; padding-bottom: 0; order: 2; } .gc-notification-details--menu-panel .gc-notification-details__action { padding-bottom: 10px; order: 1; } .gc-notification-details-item { position: relative; overflow: hidden; border-radius: 2px; } .gc-notification-details-item:before { position: absolute; top: 5px; left: 5px; width: 2px; height: calc(100% - 10px); content: ''; background-color: currentColor; } .gc-notification-details-item + .gc-notification-details-item { margin-top: 5px; } .gc-notification-details-item__main { display: flex; padding-left: 15px; align-items: center; justify-content: space-between; } .gc-notification-details-item__main > .gc-btn-group { flex: 0 0 auto; align-self: flex-start; } .gc-notification-details-item__caption { display: flex; flex: 1 0 auto; width: 0; padding: 5px 0; } .gc-notification-details-item__caption > span { display: inline-block; overflow: hidden; max-height: 30px; vertical-align: middle; text-overflow: ellipsis; font-size: 12px; line-height: 15px; } .gc-notification-details-item__content { padding: 5px 5px 5px 15px; white-space: pre-line; color: #333; background-color: #F1F1F1; } .gc-status-bar { display: flex; height: 30px; background-color: inherit; } .gc-status-bar__items { background-color: inherit; flex-grow: 1; } .gc-status-bar__items .gc-toolbar, .gc-status-bar__items .gc-toolbar__content, .gc-status-bar__items .gc-toolbar__content:before { background-color: inherit; } .gc-status-bar__items .gc-toolbar__content { right: 0; left: auto; flex-direction: row-reverse; width: auto; } .gc-status-bar .gc-notifications-counter { display: flex; } .gc-status-bar .gc-notifications-counter__toggle.gc-dd--menu-open { background-color: white; } .gc-notifications-counter__menu { box-shadow: 5px -5px 5px -5px rgba(0, 0, 0, 0.1); } .gc-heading { display: flex; } .gc-heading__text { position: relative; display: flex; overflow: hidden; flex: 1 1 auto; height: 30px; margin: 0; white-space: nowrap; text-transform: uppercase; color: inherit; font-size: 12px; font-weight: normal; line-height: 30px; } .gc-heading__text:after { position: relative; top: 50%; left: 0; display: inline-block; width: 100%; height: 1px; margin-left: 10px; content: ''; background-color: currentColor; } .gc-heading__text .gc-loader { margin-left: 10px; } .gc-heading__actions { flex: 0 0 auto; margin-left: 10px; } .gc-heading--level-info > .gc-heading__text { color: #205F78; } .gc-heading--level-warning > .gc-heading__text { color: #e59500; } .gc-heading--level-error > .gc-heading__text { color: #be1f1f; } .gc-heading--size-md > .gc-heading__text { height: 40px; line-height: 40px; } .gc-heading--size-lg > .gc-heading__text { height: 50px; font-size: 14px; line-height: 50px; } .gc-heading--case-default > .gc-heading__text { text-transform: none; } .gc-heading--align-center > .gc-heading__text { justify-content: center; } .gc-heading--align-center > .gc-heading__text:before { position: relative; top: 50%; left: 0; display: inline-block; width: 100%; height: 1px; margin-right: 10px; content: ''; background-color: currentColor; } .gc-heading--align-right { flex-direction: row-reverse; } .gc-heading--align-right > .gc-heading__text { flex-direction: row-reverse; } .gc-heading--align-right > .gc-heading__text:after { margin: 0 10px 0 0; } .gc-heading--align-right > .gc-heading__text .gc-loader { margin: 0 10px 0 0; } .gc-heading--align-right > .gc-heading__actions { margin: 0 10px 0 0; } .gc-heading--no-strike > .gc-heading__text:before, .gc-heading--no-strike > .gc-heading__text:after { content: none; } .gc-heading--weight-light > .gc-heading__text { font-weight: 300; } .gc-heading--weight-bold > .gc-heading__text { font-weight: bold; } .gc-scrollbars:hover .gc-scrollbars__thumb, .gc-scrollbars--no-hide .gc-scrollbars__thumb { opacity: 1; } .gc-scrollbars--contrast .gc-scrollbars__thumb:after { background-color: rgba(255, 255, 255, 0.2); } .gc-scrollbars--no-grow .gc-scrollbars__track--vertical { width: 4px; } .gc-scrollbars--no-grow .gc-scrollbars__track--horizontal { height: 4px; } .gc-scrollbars--no-grow.gc-scrollbars--size-sm .gc-scrollbars__track--vertical { width: 2px; } .gc-scrollbars--no-grow.gc-scrollbars--size-sm .gc-scrollbars__track--horizontal { height: 2px; } .gc-scrollbars--size-sm .gc-scrollbars__thumb--vertical:after { max-width: 2px; } .gc-scrollbars--size-sm .gc-scrollbars__thumb--horizontal:after { max-height: 2px; } .gc-scrollbars__view { z-index: 0; overflow: scroll; } .gc-scrollbars__view--vertical { overflow-x: hidden; margin-bottom: 0 !important; } .gc-scrollbars__view--horizontal { overflow-y: hidden; margin-right: 0 !important; } .gc-scrollbars__track { display: flex; pointer-events: none; } .gc-scrollbars__track--vertical { top: 2px; right: 0; bottom: 2px; width: 10px; justify-content: flex-end; } .gc-scrollbars__track--horizontal { right: 2px; bottom: 0; left: 2px; height: 10px; align-content: flex-end; } .gc-scrollbars__thumb { pointer-events: all; opacity: 0; } .gc-scrollbars__thumb.is-dragged { opacity: 1; } .gc-scrollbars__thumb:after { position: absolute; width: 100%; height: 100%; content: ''; transition: max-width 0.2s ease-in-out, max-height 0.2s ease-in-out; border-radius: 4px; background-color: rgba(0, 0, 0, 0.2); } .gc-scrollbars__thumb--vertical { transition: opacity 0.2s ease-in-out; } .gc-scrollbars__thumb--vertical:hover:after, .gc-scrollbars__thumb--vertical.is-dragged:after { max-width: 8px; } .gc-scrollbars__thumb--vertical:after { top: 0; right: 2px; max-width: 4px; } .gc-scrollbars__thumb--horizontal { transition: opacity 0.2s ease-in-out; } .gc-scrollbars__thumb--horizontal:hover:after, .gc-scrollbars__thumb--horizontal.is-dragged:after { max-height: 8px; } .gc-scrollbars__thumb--horizontal:after { bottom: 2px; left: 0; max-height: 4px; } .gc-treenode { position: relative; } .gc-treenode__subtree { padding-left: 20px; } .gc-treenode__subtree--outline > .gc-treenode::before, .gc-treenode__subtree--outline > .gc-treenode::after { position: absolute; top: 0; left: -6px; display: block; width: 4px; height: 13px; content: ''; border: 1px solid transparent; border-left-color: rgba(0, 0, 0, 0.1); } .gc-treenode__subtree--outline > .gc-treenode::before { border-bottom-color: rgba(0, 0, 0, 0.1); } .gc-treenode__subtree--outline > .gc-treenode::after { top: 15px; } .gc-treenode__subtree--outline > .gc-treenode:last-of-type::after { display: none; } .gc-treeitem__icon { position: absolute; top: 0; left: 0; opacity: .5; background-color: transparent !important; } .gc-treeitem__icon:hover { opacity: 1; } .gc-treeitem__text { width: 100%; } .gc-treeitem__text > .gc-btn__text { padding: 0 10px; } .gc-treeitem__text:not(:only-child) > .gc-btn__text { padding-left: 30px; } .gc-checklist { display: flex; flex-direction: column; flex-wrap: wrap; } .gc-checklist--horizontal { flex-direction: row; } .gc-checklist--horizontal > .gc-check, .gc-checklist--horizontal > .gc-radio { flex: 1 0 100%; max-width: 100%; } .gc-checklist--horizontal.gc-col-1.gc-checklist--with-offset > .gc-check, .gc-checklist--horizontal.gc-col-1.gc-checklist--with-offset > .gc-radio { max-width: calc(100% - 5px); } .gc-checklist--horizontal.gc-col-2 > .gc-check, .gc-checklist--horizontal.gc-col-2 > .gc-radio { max-width: calc(100% / 2); } .gc-checklist--horizontal.gc-col-2.gc-checklist--with-offset > .gc-check, .gc-checklist--horizontal.gc-col-2.gc-checklist--with-offset > .gc-radio { max-width: calc(100% / 2 - 5px); } .gc-checklist--horizontal.gc-col-3 > .gc-check, .gc-checklist--horizontal.gc-col-3 > .gc-radio { max-width: calc(100% / 3); } .gc-checklist--horizontal.gc-col-3.gc-checklist--with-offset > .gc-check, .gc-checklist--horizontal.gc-col-3.gc-checklist--with-offset > .gc-radio { max-width: calc(100% / 3 - 5px); } .gc-checklist--horizontal.gc-col-4 > .gc-check, .gc-checklist--horizontal.gc-col-4 > .gc-radio { max-width: calc(100% / 4); } .gc-checklist--horizontal.gc-col-4.gc-checklist--with-offset > .gc-check, .gc-checklist--horizontal.gc-col-4.gc-checklist--with-offset > .gc-radio { max-width: calc(100% / 4 - 5px); } .gc-checklist--horizontal.gc-col-5 > .gc-check, .gc-checklist--horizontal.gc-col-5 > .gc-radio { max-width: calc(100% / 5); } .gc-checklist--horizontal.gc-col-5.gc-checklist--with-offset > .gc-check, .gc-checklist--horizontal.gc-col-5.gc-checklist--with-offset > .gc-radio { max-width: calc(100% / 5 - 5px); } .gc-checklist--align-center { align-items: center; } .gc-checklist--align-right { align-items: flex-end; } .gc-checklist--with-offset:not(.gc-checklist--horizontal) .gc-check + .gc-check, .gc-checklist--with-offset:not(.gc-checklist--horizontal) .gc-radio + .gc-radio { margin-top: 5px; } .gc-checklist--with-offset.gc-checklist--horizontal { margin: -5px 0 0 -5px; } .gc-checklist--with-offset.gc-checklist--horizontal .gc-check, .gc-checklist--with-offset.gc-checklist--horizontal .gc-radio { margin: 5px 0 0 5px; } .gc-datetime { min-width: 230px; padding: 7.5px 10px; } .gc-datetime > table { width: 100%; border-spacing: 0; border-top: 1px solid #f2f2f2; font-size: 12px; } .gc-datetime > table tr, .gc-datetime > table td, .gc-datetime > table th { margin: 0; padding: 0; } .gc-datetime > table > thead { font-weight: bold; line-height: 30px; } .gc-datetime > table > thead th { padding-top: 7.5px; } .gc-datetime > table > tbody > tr > td { position: relative; user-select: none; text-align: center; } .gc-datetime-header { display: flex; width: 100%; height: 47.5px; flex-wrap: nowrap; } .gc-datetime-header__prev, .gc-datetime-header__next { flex: 0 0 auto; width: 40px; } .gc-datetime-header__switch { flex: 1 1 auto; margin: 0 10px; } .gc-datetime-header__switch > .gc-btn { font-size: 14px; font-weight: bold; } .gc-datetime-footer { margin-top: 7.5px; padding-top: 7.5px; border-top: 1px solid #f2f2f2; } .gc-datetime-footer__time .gc-datetime-days-view__time { font-size: 14px; font-weight: bold; } .gc-datetime-footer__time + .gc-datetime-footer__controls { margin-top: 7.5px; padding-top: 7.5px; border-top: 1px solid #f2f2f2; } .gc-datetime-footer__controls > .gc-btn { width: calc(50% - 2.5px); } .gc-datetime-footer__controls > .gc-btn + .gc-btn { margin-left: 5px; } .gc-datetime-day { line-height: 30px; } .gc-datetime-day::before { position: absolute; z-index: -1; top: 50%; left: 50%; display: block; width: 22px; height: 22px; content: ''; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out; transform: translate(-50%, -50%); opacity: 0; border: 2px solid transparent; border-radius: 50%; background-color: transparent; } .gc-datetime-day--old, .gc-datetime-day--new { color: rgba(51, 51, 51, 0.62); } .gc-datetime-day:hover::before { opacity: 1; background-color: rgba(0, 0, 0, 0.1); } .gc-datetime-day--today { color: #205F78; font-weight: bold; } .gc-datetime-day--today::before { opacity: 1; border-color: #205F78; } .gc-datetime-day--selected { color: #FFFFFF; } .gc-datetime-day--selected::before { opacity: 1; border-color: #205F78; background-color: #205F78; } .gc-datetime-day--selected:hover::before { border-color: #1b5166; background-color: #1b5166; } .gc-datetime-day--disabled { pointer-events: none; opacity: .38; } .gc-datetime-month, .gc-datetime-year { width: 25%; text-transform: uppercase; line-height: 70px; } .gc-datetime-month::before, .gc-datetime-year::before { position: absolute; z-index: -1; top: 50%; left: 50%; display: block; width: 44.5px; height: 44.5px; content: ''; transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out; transform: translate(-50%, -50%); opacity: 0; border: 2px solid transparent; border-radius: 50%; background-color: transparent; } .gc-datetime-month:hover::before, .gc-datetime-year:hover::before { opacity: 1; background-color: rgba(0, 0, 0, 0.1); } .gc-datetime-month--selected, .gc-datetime-year--selected { color: #FFFFFF; } .gc-datetime-month--selected::before, .gc-datetime-year--selected::before { opacity: 1; border-color: #205F78; background-color: #205F78; } .gc-datetime-month--selected:hover::before, .gc-datetime-year--selected:hover::before { border-color: #1b5166; background-color: #1b5166; } .gc-datetime-month--disabled, .gc-datetime-year--disabled { pointer-events: none; opacity: .38; } .gc-datetime-time-view__content { height: 210px; text-align: center; vertical-align: middle; } .gc-datetime-time-view__content > div { position: relative; display: inline-flex; flex-wrap: nowrap; } .gc-datetime-time-view__content > div > span { position: absolute; top: 50%; left: 50%; display: block; transform: translate(-50%, -55%); font-size: 18px; font-weight: bold; } .gc-datetime-time-view__unit { flex: 0 0 auto; width: 40px; height: 120px; padding: 5px; } .gc-datetime-time-view__unit > span { display: block; width: 30px; height: 40px; margin: 5px 0; font-size: 18px; font-weight: bold; line-height: 40px; } .gc-datetime-time-view__daypart { position: absolute; top: 50%; right: -40px; display: block; width: 40px; transform: translateY(-45%); } .gc-datetime-time-view__daypart > span, .gc-datetime-time-view__daypart > b { display: block; text-align: center; color: #205F78; line-height: 15px; } .gc-datetime-time-view__daypart--uppercase { text-transform: uppercase; } @keyframes gc-loader-btn { 0% { transform: scale(0.8); opacity: .62; } to { transform: scale(1.2); opacity: 1; } } .gc-loader-button::before, .gc-loader-button::after { position: absolute; top: calc(50% - 4.5px); display: block; width: 9px; height: 9px; content: ''; border-radius: 50%; background-color: currentColor; } .gc-loader-button::before { left: calc(50% - 9px - 1px); animation: gc-loader-btn .4s ease-in-out infinite alternate; } .gc-loader-button::after { left: calc(50% + 1px); animation: gc-loader-btn .4s ease-in-out infinite alternate-reverse; } .gc-size-sm .gc-loader-button::before, .gc-size-sm .gc-loader-button::after { top: calc(50% - 3.5px); width: 7px; height: 7px; } .gc-size-sm .gc-loader-button::before { left: calc(50% - 7px - 1px); } .gc-size-lg .gc-loader-button::before, .gc-size-lg .gc-loader-button::after { top: calc(50% - 5.5px); width: 11px; height: 11px; } .gc-size-lg .gc-loader-button::before { left: calc(50% - 11px - 1px); } @keyframes gc-loader { 50% { transform: scale(0.7); opacity: .62; } 100% { transform: scale(1); opacity: 1; } } .gc-loader { display: inline-flex; background-color: rgba(0, 0, 0, 0.1); justify-content: center; align-items: center; flex-wrap: nowrap; } .gc-loader > div { flex: 0 0 auto; width: 10px; height: 10px; margin: 1px; animation: gc-loader .8s 0s infinite linear; border-radius: 50%; background-color: currentColor; } .gc-loader > div:nth-child(2n-1) { animation-delay: -.4s !important; } .gc-loader--block { display: flex; } .gc-loader--transparent { background-color: transparent; } .gc-loader--info > div { background-color: #205F78; } .gc-loader--warning > div { background-color: #e59500; } .gc-loader--error > div { background-color: #be1f1f; } .gc-alert { overflow: hidden; padding: 10px; border: 1px solid rgba(32, 95, 120, 0.1); border-radius: 2px; background-color: rgba(32, 95, 120, 0.1); } .gc-alert__main { display: flex; min-height: 30px; color: #205F78; align-items: center; } .gc-alert__icon { display: flex; width: 30px; height: 30px; margin-right: 10px; align-items: center; justify-content: center; } .gc-alert__title { overflow: hidden; flex: 1 1 auto; width: 0; margin: 0; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; font-weight: bold; line-height: 30px; } .gc-alert__actions { margin-left: 15px; } .gc-alert__details { padding-top: 15px; font-size: 12px; } .gc-alert--level-warning { border: 1px solid rgba(229, 149, 0, 0.1); background-color: rgba(229, 149, 0, 0.1); } .gc-alert--level-warning > .gc-alert__main { color: #e59500; } .gc-alert--level-error { border: 1px solid rgba(190, 31, 31, 0.1); background-color: rgba(190, 31, 31, 0.1); } .gc-alert--level-error > .gc-alert__main { color: #be1f1f; } .gc-alert--size-small { padding: 0; border: none; } .gc-alert--size-small .gc-alert__details { padding: 10px; } .gc-alert--size-small .gc-alert__title { font-size: 12px; } .gc-alert--size-small .gc-alert__title:first-child { margin-left: 10px; } .gc-alert--size-small .gc-alert__icon { margin-right: 0; } a.gc-link { color: #205F78; } a.gc-link:active, a.gc-link:focus, a.gc-link:visited { color: #205F78; } a.gc-link:hover { color: #1b5166; } a.gc-link--no-underline { text-decoration: none; } .wj-control { width: 100%; height: 100%; } .wj-control:focus { outline: none; } .gc-viewer { display: flex; box-sizing: border-box; width: 100%; height: 100%; margin: 0; padding: 0; color: #333; background-color: #E6E6E6; font-family: "Open Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .gcv-menu { flex: 0 0 auto; height: 100%; } .gcv-menu--hidden { display: none; } .gcv-menu .ar-parameters { padding: 0 15px 15px; } @media (max-width: 768px) { .gcv-menu .gc-menu__panel-container--visible { width: calc(100vw - 50px); } .gcv-menu .gc-menu__panel-container--visible .gc-menu__panel-container__content { width: calc(100vw - 50px); } } .gcv-main-view { position: relative; flex: 1 1 auto; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto minmax(0, 1fr); grid-template-areas: "header header" "toppanel sidebar" "view sidebar"; width: 0; height: 100%; transition: all .2s ease-in-out; flex-wrap: nowrap; justify-content: flex-start; align-content: stretch; align-items: stretch; } .gcv-main-view--fullscreen { height: 100%; } .gcv-main-view--fullscreen > .gcv-toppanel { display: none; } @media (max-width: 768px) { .gcv-main-view { width: calc(100vw - 50px); } } .gcv-header-container { width: 100%; height: 51px; padding: 5px; display: flex; align-items: center; grid-area: header; -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; border-bottom: 1px solid #dbdbdb; background-color: #F1F1F1; } .gcv-header-container--hidden { display: none; } .gcv-header-container--fullscreen { grid-area: unset; -ms-grid-row: unset; -ms-grid-column: unset; position: fixed; z-index: 1009; bottom: 40px; left: 50%; width: 324px; height: 40px; padding: 5px; transform: translateX(-50%); opacity: 1; border-bottom: 0 solid transparent; border-radius: 25px; background-color: #F1F1F1; } .gcv-header-container--fullscreen > .gc-rv-inline-block:last-child { margin-right: 0; } .gcv-header-container > .gc-toolbar { flex: 1 1 auto; } .gcv-sidebar { grid-area: sidebar; overflow: hidden; -ms-grid-row: 2; -ms-grid-row-span: 2; -ms-grid-column: 2; -ms-grid-column-span: 1; } .gcv-sidebar--hidden { display: none; } .gcv-toppanel { grid-area: toppanel; -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } .gcv-document-view { position: relative; z-index: 1; overflow: hidden; grid-area: view; -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; width: 100%; height: 100%; } .gcv-pageview { overflow: auto; width: 100%; height: 100%; padding-top: 40px; } @media (max-width: 768px) { .gcv-pageview { padding: 0; } } .gcv-page { position: relative; overflow: hidden; margin: 0 auto 40px auto; background-color: white; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.05); } @media (max-width: 768px) { .gcv-page { margin: 0; } } .highlight { background-color: #ffff88; } .gcv-page-input { position: relative; width: 100px; margin: 0; } .gcv-page-input > input[type=text].gc-input { vertical-align: top; background-color: transparent; } .gcv-page-input > input[type=text].gc-input:not([disabled]):focus + .gcv-page-input__text { display: none; } .gcv-page-input > input[type=text].gc-input[disabled] + .gcv-page-input__text { opacity: .38; } .gcv-page-input__text { position: absolute; top: 0; left: 0; width: 100%; height: 40px; text-align: center; pointer-events: none; color: #205F78; font-size: 12px; line-height: 40px; } .gcv-header-container--fullscreen { position: absolute; } .gcv-header-container--fullscreen .gcv-page-input { width: 80px; } .gcv-header-container--fullscreen .gcv-page-input__text { height: 30px; font-size: 10px; line-height: 30px; } .gcv-zoom { position: relative; width: auto; margin: 0; border-radius: 20px; } .gcv-zoom > .gc-btn { position: absolute; top: 0; left: 0; } .gcv-zoom > .gc-btn:last-of-type { right: 0; left: auto; } .gcv-zoom > .gc-dd > .gc-btn { padding-right: 30px; padding-left: 30px; } .gcv-zoom__toggle { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 40px; padding-top: 20px; text-align: center; pointer-events: none; color: #333; font-size: 12px; line-height: 13.33333px; } .gcv-header-container--fullscreen .gcv-zoom { border-radius: 15px; } .gcv-header-container--fullscreen .gcv-zoom > .gc-dd > .gc-btn { padding-right: 25px; padding-left: 25px; } .gcv-header-container--fullscreen .gcv-zoom__toggle { height: 30px; padding-top: 15px; font-size: 12px; line-height: 10px; } @keyframes zoom-in { 0% { transform: scale(0); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .gcv-error-panel { position: absolute; z-index: 10000; bottom: 0; left: 0; overflow: hidden; width: 100%; padding: 0 5px; } @media (max-width: 768px) { .gcv-error-panel { position: fixed; z-index: 9999; padding: 0; } } .gcv-error-list { overflow: auto; width: 600px; max-width: 100%; margin: 0 auto; padding: 15px; animation: fade-in .2s 1 ease-in-out both; border-radius: 15px 15px 0 0; background-color: #F1F1F1; } .gcv-error-list__items { display: flex; overflow: auto; flex-direction: column-reverse; max-height: calc(100vh - 136px); } .gcv-error-list__dismiss-btn { margin-top: 15px; animation: fade-in .2s 1 ease-in-out both; } @media (max-width: 768px) { .gcv-error-list { width: 100%; } .gcv-error-list .gcv-error-list__items { max-height: calc(100vh - 325px); } } .gcv-error { position: relative; padding: 15px; animation: zoom-in .2s 1 ease-in-out both; border-radius: 15px; background-color: #E6E6E6; } .gcv-error + .gcv-error { margin-bottom: 15px; } .gcv-error__main { display: flex; align-items: center; } .gcv-error__title { overflow: hidden; flex: 1 0 auto; width: 0; margin: 0; padding: 5px; text-overflow: ellipsis; font-size: 12px; font-weight: bold; line-height: 15px; } .gcv-error__icon { width: 15px; height: 15px; margin-right: 6px; font-size: 18px; line-height: 15px; } .gcv-error__controls { align-self: flex-start; } .gcv-error__controls > .gcv-error__button + .gcv-error__button { margin-left: 5px; } .gcv-error__details { overflow: auto; max-height: 150px; margin-top: 15px; font-size: 12px; line-height: 15px; } .gcv-error--error { background-color: rgba(190, 31, 31, 0.1); min-height: 1px; } .gcv-error--error .gcv-error__title, .gcv-error--error .gcv-error__icon { color: #be1f1f; fill: #be1f1f; } .gcv-error--warn { background-color: rgba(229, 149, 0, 0.1); min-height: 1px; } .gcv-error--warn .gcv-error__title, .gcv-error--warn .gcv-error__icon { color: #e59500; fill: #e59500; } .gcv-error--info { background-color: rgba(32, 95, 120, 0.1); min-height: 1px; } .gcv-error--info .gcv-error__title, .gcv-error--info .gcv-error__icon { color: #205F78; fill: #205F78; } .gcv-error--debug { background-color: rgba(32, 95, 120, 0.1); min-height: 1px; } .gcv-error--debug .gcv-error__title, .gcv-error--debug .gcv-error__icon { color: #205F78; fill: #205F78; } .viewer-thumbnails { overflow: auto; width: 100%; height: 100%; } .viewer-thumbnail { position: relative; z-index: 1; width: 214px; height: 301px; margin: 0 auto 45px auto; border: 2px solid transparent; } .viewer-thumbnail:hover { color: #1b5166; border: 2px solid #1b5166; } .viewer-thumbnail--selected { color: #205F78; border: 2px solid #205F78; } .viewer-thumbnail > div, .viewer-thumbnail > p { position: relative; z-index: 0; overflow: hidden; width: 210px; height: 297px; pointer-events: none; background-color: white; } .viewer-thumbnail > p { text-align: center; color: rgba(51, 51, 51, 0.38); font-size: 80px; font-weight: bold; line-height: 297px; } .viewer-thumbnail > span { position: absolute; bottom: -30px; left: 0; display: block; width: 100%; text-align: center; font-size: 12px; line-height: 30px; } .search { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 15px; } .search > h3 { display: block; width: 100%; height: 40px; margin: 0; text-transform: uppercase; color: #333; font-size: 12px; line-height: 40px; } .search > *:not(.search__results) { flex: 0 0 auto; } .search .gc-input { width: 100%; margin-bottom: 5px; } .search__query-params { display: flex; flex-wrap: wrap; } .search__query-params > .gc-check { flex: 1 1 auto; min-width: 50%; } .search__query-params > .gc-check .gc-check__label { white-space: nowrap; } .search__results { overflow: auto; flex: 1 1 auto; width: 100%; margin: 0; padding: 0; } .search__results > .gc-btn { width: 100%; margin-top: 10px; } .search-result { position: relative; display: block; max-height: 60px; padding: 0 10px; border-radius: 2px; font-size: 12px; line-height: 30px; } .search-result:hover { cursor: pointer; user-select: none; background-color: rgba(0, 0, 0, 0.1); } .search-result__text { display: block; overflow: hidden; overflow: hidden; max-height: 60px; padding-right: 15px; text-overflow: ellipsis; } .search-result__text > i { color: #205F78; font-weight: bold; } .search-result__page { position: absolute; top: 0; right: 0; display: block; width: 30px; height: 30px; text-align: center; color: rgba(51, 51, 51, 0.62); } .search__progress { position: relative; width: 100%; height: 50px; padding-top: 10px; } .search__progress > p { position: absolute; top: 10px; left: 0; display: block; overflow: hidden; width: 100%; height: 2px; margin: 0; padding: 0; } .search__progress > p > span { display: block; height: 100%; border-radius: 2px; background-color: white; } .gc-btn-group--align-justify .gc-btn.search__btn-search { flex: 1 1 auto; } .gc-btn-group--align-justify .gc-btn.search__btn-clear { flex: 0 0 auto; } .search__infomessage { text-align: center; color: rgba(51, 51, 51, 0.62); font-size: 12px; line-height: 30px; } @keyframes gcv_btn_icon_animation { 0% { transform: rotate(0); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .gcv-anim-icon { animation: gcv_btn_icon_animation .62s infinite linear; } .gcv-thumb-vertical { width: 2px; margin-left: 2px; cursor: n-resize; border-radius: 4px; background-color: rgba(0, 0, 0, 0.1); } .gcv-thumb-horizontal { height: 2px; margin-top: 2px; cursor: w-resize; border-radius: 4px; background-color: rgba(0, 0, 0, 0.1); } .gcv-null-wrapper { position: relative; display: flex; align-items: center; width: 100%; } .gcv-null-wrapper > .gc-check { display: flex; flex: 0 0 auto; width: 60px; } .gcv-null-wrapper__content { flex: 1 1 auto; margin-right: 15px; } .gcv-boolean-parameter { display: flex; } .gcv-boolean-parameter > .gc-radio { width: 50%; } .ar-parameters { padding: 0 15px 15px; } .ar-parameters > .gc-label { margin-bottom: 15px; } .ar-parameters > .gc-btn { margin-top: 15px; } .arjs-export-panel { padding: 0 15px 15px; } .arjs-export-panel > .gc-btn { margin-top: 16pt; } .progress-modal { background-color: #205F78; color: #FFFFFF; position: absolute; left: 25%; width: 50%; height: 180px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; outline: none; border-radius: 2px; justify-content: center; align-items: center; } .progress-modal .h3 { display: block; } html, body { width: 100%; height: 100%; margin: 0; padding: 0; } .ar-contents { padding: 15px; } .ar-toc-item > button { display: block; overflow: hidden; width: 100%; height: 30px; padding: 0 10px; text-align: left; white-space: nowrap; text-transform: capitalize; text-overflow: ellipsis; color: #333; border: 0; border-radius: 2px; outline: none; background: none; font-size: 12px; line-height: 30px; } .ar-toc-item > button:hover { cursor: pointer; color: white; background-color: #1b5166; font-weight: bold; } .ar-toc-item > .ar-toc-item-children { width: 100%; padding-left: 15px; } .ar-toc-item--level-2 > button { font-size: 10px; } .ar-toc-item--level-3 > button { font-size: 10px; font-style: italic; } .viewer-reports-list { overflow: auto; width: 100%; height: 100%; padding: 15px; } .viewer-reports-list-item > button { display: block; overflow: hidden; width: 100%; height: 30px; padding: 0 10px; text-align: left; white-space: nowrap; text-transform: capitalize; text-overflow: ellipsis; color: #333; border: 0; border-radius: 2px; outline: none; background: none; font-size: 12px; line-height: 30px; } .viewer-reports-list-item > button:hover { cursor: pointer; color: white; background-color: #1b5166; font-weight: bold; } .gces-viewer-tooltip { position: fixed; padding: 0 5px; border: 1px solid gray; border-radius: 3px; background: white; box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 6px 0; font-size: 12px; z-index: 9999; }