.navigation { display: block; } .navigation a { color: inherit; text-decoration: inherit; } .navigation.navigation-left { float: left; } .navigation.navigation-right { float: right; } .navigation > .menu { height: 100%; } .navigation > .menu .menu-item:hover { background-color: #eee; color: #23979E; } @font-face { font-family: 'icon'; src: url("data:application/x-font-woff;charset=utf-8;base64,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"); } .icon.icon-type-g2a { width: 24px; height: 24px; display: inline-block; font-size: 18px; line-height: 24px; padding: 3px; } .icon.icon-type-g2a.primary { color: #199DC6; } .icon.icon-type-g2a.secondary { color: #000000; } .icon.icon-type-g2a.neutral { color: #616161; } .icon.icon-type-g2a.inverted { color: #FFF; } .icon.icon-type-g2a.success { color: #48BD99; } .icon.icon-type-g2a.info { color: #199DC6; } .icon.icon-type-g2a.warning { color: #EE572F; } .icon.icon-type-g2a.error { color: #EE572F; } .icon.icon-type-g2a[onclick] { cursor: pointer; } .icon.icon-type-g2a.input i.icon { cursor: default; position: absolute; text-align: center; bottom: 0; right: 0; margin: 0 0.5em 0 0; height: 100%; opacity: 0.5; border-radius: 5px; font-size: 1.5em; } .icon.icon-type-g2a.input i.icon:before { left: 0; position: absolute; text-align: center; top: 50%; width: 100%; margin-top: -0.5em; } .icon.icon-type-g2a.header i.icon { padding-right: 0.25em; font-size: 0.9em; display: table-cell; vertical-align: middle; } .icon.icon-type-g2a.header.top i.icon { font-size: 2em; display: block; width: auto; height: auto; padding: 0; margin: 0 auto 0.25em; } .icon.icon-type-old { display: inline-block; width: 1em; height: 1em; text-align: center; font-family: 'icon'; font-size: 1em; line-height: 1; speak: none; font-style: normal; position: relative; color: #818181; } .icon.icon-type-old:before { display: inline-block; background: none !important; } .icon.icon-type-old.tiny { font-size: 0.5em !important; } .icon.icon-type-old.xsmall { font-size: 0.75em !important; } .icon.icon-type-old.small { font-size: 0.9em !important; } .icon.icon-type-old.medium { font-size: 1em !important; } .icon.icon-type-old.large { font-size: 1.25em !important; } .icon.icon-type-old.xlarge { font-size: 1.5em !important; } .icon.icon-type-old.huge { font-size: 2em !important; } .icon.icon-type-old.primary { color: #199DC6; } .icon.icon-type-old.secondary { color: #000000; } .icon.icon-type-old.neutral { color: #616161; } .icon.icon-type-old.inverted { color: #FFF; } .icon.icon-type-old.success { color: #48BD99; } .icon.icon-type-old.info { color: #199DC6; } .icon.icon-type-old.warning { color: #EE572F; } .icon.icon-type-old.error { color: #EE572F; } .icon.icon-type-old[onclick] { cursor: pointer; } .icon.icon-type-old.input i.icon { cursor: default; position: absolute; text-align: center; bottom: 0; right: 0; margin: 0; margin-right: 0.5em; height: 100%; opacity: 0.5; border-radius: 5px; font-size: 1.5em; } .icon.icon-type-old.input i.icon:before { left: 0; position: absolute; text-align: center; top: 50%; width: 100%; margin-top: -0.5em; } .icon.icon-type-old.header i.icon { padding-right: 0.25em; font-size: 0.9em; display: table-cell; vertical-align: middle; } .icon.icon-type-old.header.top i.icon { font-size: 2em; display: block; width: auto; height: auto; padding: 0; margin: 0 auto 0.25em; } .icon.icon-type-old.icon-mic:before { content: "\E600"; } .icon.icon-type-old.icon-mic-mute:before { content: "\E601"; } .icon.icon-type-old.icon-mic-mute-filled:before { content: "\E602"; } .icon.icon-type-old.icon-mic-filled:before { content: "\E603"; } .icon.icon-type-old.icon-phone-dn:before { content: "\E604"; } .icon.icon-type-old.icon-phone-dn-filled:before { content: "\E605"; } .icon.icon-type-old.icon-phone:before { content: "\E606"; } .icon.icon-type-old.icon-phone-filled:before { content: "\E607"; } .icon.icon-type-old.icon-phone-mute:before { content: "\E608"; } .icon.icon-type-old.icon-phone-mute-filled:before { content: "\E609"; } .icon.icon-type-old.icon-chat:before { content: "\E610"; } .icon.icon-type-old.icon-webcam:before { content: "\E611"; } .icon.icon-type-old.icon-webcam-filled:before { content: "\E612"; } .icon.icon-type-old.icon-screen:before { content: "\E613"; } .icon.icon-type-old.icon-speakers:before { content: "\E618"; } .icon.icon-type-old.icon-voip:before { content: "\E619"; } .icon.icon-type-old.icon-person:before { content: "\E620"; } .icon.icon-type-old.icon-user:before { content: "\E620"; } .icon.icon-type-old.icon-people:before { content: "\E621"; } .icon.icon-type-old.icon-users:before { content: "\E621"; } .icon.icon-type-old.icon-add-person:before { content: "\E622"; } .icon.icon-type-old.icon-add-user:before { content: "\E622"; } .icon.icon-type-old.icon-add:before, .icon.icon-type-old.icon-plus:before { content: "\E630"; } .icon.icon-type-old.icon-closes:before, .icon.icon-type-old.icon-close:before, .icon.icon-type-old.icon-cancel:before { content: "\E631"; } .icon.icon-type-old.icon-check:before { content: "\E633"; } .icon.icon-type-old.icon-fullscreen:before { content: "\E634"; } .icon.icon-type-old.icon-exit-fullscreen:before { content: "\E634A"; } .icon.icon-type-old.icon-expand:before { content: "\E635"; } .icon.icon-type-old.icon-collapse:before { content: "\E636"; } .icon.icon-type-old.icon-leave-meeting:before { content: "\E637"; } .icon.icon-type-old.icon-download:before { content: "\E638"; } .icon.icon-type-old.icon-down-arrow:before { content: "\E639"; } .icon.icon-type-old.icon-question:before { content: "\E640"; } .icon.icon-type-old.icon-question-2:before { content: "\E641"; } .icon.icon-type-old.icon-feedback:before, .icon.icon-type-old.icon-email:before, .icon.icon-type-old.icon-mail:before { content: "\E642"; } .icon.icon-type-old.icon-arrow:before { content: "\E643"; } .icon.icon-type-old.icon-settings:before { content: "\E644"; } .icon.icon-type-old.icon-eye:before { content: "\E645"; } .icon.icon-type-old.icon-hamburger:before { content: "\E646"; } .icon.icon-type-old.icon-search:before { content: "\E647"; } .icon.icon-type-old.icon-arrow-left:before { content: "\E648"; } .icon.icon-type-old.icon-arrow-right:before { content: "\E649"; } .icon.icon-type-old.icon-fit-height:before { content: "\E650"; } .icon.icon-type-old.icon-fit-width:before { content: "\E651"; } .icon.icon-type-old.icon-arrow-boxed-left:before { content: "\E652"; } .icon.icon-type-old.icon-start:before { content: "\E655"; } .icon.icon-type-old.icon-edit:before { content: "\E656"; } .icon.icon-type-old.icon-clip:before { content: "\E657"; } .icon.icon-type-old.icon-globe:before { content: "\E658"; } .icon.icon-type-old.icon-hand-raise:before { content: "\E659"; } .icon.icon-type-old.icon-three-dots:before { content: "\E660"; } .icon.icon-type-old.icon-trash:before { content: "\E661"; } .icon.icon-type-old.icon-file:before { content: "\E662"; } .icon.icon-type-old.icon-upload:before { content: "\E663"; } .icon.icon-type-old.icon-calendar:before { content: "\E664"; } .icon.icon-type-old.icon-beaker:before { content: "\E665"; } .icon.icon-type-old.icon-share:before { content: "\E666"; } .icon.icon-type-old.icon-alert:before { content: "\E667"; } .icon.icon-type-old.icon-info:before { content: "\E668"; } .icon.icon-type-old.icon-gotomeeting:before { content: "\E680"; } .icon.icon-type-old.icon-openvoice:before { content: "\E681"; } .icon.icon-type-old.icon-checkbox-box:before { content: "\E685"; } .icon.icon-type-old.icon-checkbox-check:before { content: "\E686"; } .icon.icon-type-old.icon-radio-circle-hollow:before { content: "\E687"; } .icon.icon-type-old.icon-circle-filled:before { content: "\E688"; } .icon.icon-type-old.icon-spinner:before { content: "\E689"; } .icon.icon-type-old.icon-spinner-segment:before { content: "\E689A"; } .icon.icon-type-old.icon-map-marker:before { content: "\E690"; } .icon.icon-type-old.icon-link:before { content: "\E691"; } .icon.icon-type-old.icon-cloud:before { content: "\E692"; } .icon.icon-type-old.icon-integration:before { content: "\E693"; } .icon.icon-type-old.icon-bulb:before { content: "\E695"; } .icon.icon-type-old.icon-star:before { content: "\E696"; } .icon.icon-type-old.icon-lock-closed:before { content: "\E697"; } .icon.icon-type-old.icon-lock-open:before { content: "\E698"; } .icon.icon-type-old.icon-error:before { content: "\E669"; } .icon.icon-type-old.icon-camera:before { content: "\E699"; } .icon.icon-type-old.icon-note:before { content: "\E700"; } .icon.icon-type-old.icon-pause:before { content: "\E701"; } .icon.icon-type-old.icon-comment:before { content: "\E60A"; } .icon.icon-type-old.icon-play:before { content: "\E655"; } .icon.icon-type-old.icon-down:before { content: "\E632"; } .icon.icon-type-old.icon-up:before { content: "\E632"; transform: rotate(180deg); } .icon.icon-type-old.icon-right:before { content: "\E632"; transform: rotate(-90deg); } .icon.icon-type-old.icon-left:before { content: "\E632"; transform: rotate(90deg); } .dropdown { position: relative; cursor: pointer; } .dropdown > .menu { position: absolute; } .dropdown .dropdown-content { display: none; } .dropdown .dropdown-content.visible { display: block; } .dropdown.floating .dropdown-content { position: absolute; z-index: 9999; right: 0; } .dropdown.floating .dropdown-content.open-above { bottom: 48px; } .dropdown.context-menu .dropdown-content { background-color: white; box-shadow: 0 0 20px #ccc; color: black; } .dropdown.context-menu .dropdown-content .menu-item { padding-left: 16px; padding-right: 16px; padding-top: 16px; padding-bottom: 16px; } .dropdown.context-menu .dropdown-content .menu-item:hover { background: #DBF0F1; color: black; } .dropdown.context-menu .dropdown-content .menu-item.is-disabled:hover { background: transparent; } .button, a.button { position: relative; display: inline-block; box-sizing: border-box; background: #199DC6; color: #FFF; font: 200 14px "Lato-Regular", Arial, Helvetica, sans-serif; padding: 0px 16px; margin: 0em 0em 0em 0; cursor: pointer; border: 1px solid #199DC6; transition: background 200ms ease, color 200ms ease, border 200ms ease, border-radius 0.5s ease, font-size 0.5s ease, border-color 0.5s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 32px; } .button.fill, a.button.fill { width: 100%; height: 100%; } .button.xlarge, a.button.xlarge { font-size: 20px; } .button.large, a.button.large { font-size: 16px; } .button.small, a.button.small { font-size: 12px; } .button.tiny, a.button.tiny { font-size: 8px; } .button:hover, .button:active, a.button:hover, a.button:active { background: #137999; color: #FFF; outline: none; } .button:focus, a.button:focus { outline: none; } .button .button-icon, a.button .button-icon { display: inline-block; } .button.is-disabled, a.button.is-disabled { cursor: default; background: rgba(25, 157, 198, 0.5); border-color: rgba(25, 157, 198, 0.5); } .button.is-disabled:hover, .button.is-disabled:active, a.button.is-disabled:hover, a.button.is-disabled:active { background: rgba(25, 157, 198, 0.5); } .button.is-disabled:hover.light, .button.is-disabled:active.light, a.button.is-disabled:hover.light, a.button.is-disabled:active.light { background: transparent; } .button.is-loading, a.button.is-loading { position: relative; cursor: wait; border-radius: 30px; line-height: 0; min-width: 30px; padding: 0; font-size: 0; height: 30px; color: transparent; overflow: hidden; animation: button-loader-animation-rotate 750ms linear 0.2s infinite; border: 2px solid rgba(255, 255, 255, 0.25) !important; border-top-color: #199DC6 !important; background-color: transparent !important; background-clip: padding-box; /*&:before { content: ''; margin: -13px 0 0 -13px; width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; border-radius: 24px; }*/ } .button.is-loading span, .button.is-loading:hover span, .button.is-loading:active span, a.button.is-loading span, a.button.is-loading:hover span, a.button.is-loading:active span { color: transparent; text-shadow: none; } .button.right, a.button.right { float: right; } .button > .icon, a.button > .icon { vertical-align: sub; margin: 0 8px 0 0; } .button > .icon:only-child, a.button > .icon:only-child { margin: 0 -0.1em; } .button.icon-right > .icon, a.button.icon-right > .icon { margin: 0 0 0 8px; height: 0; padding: 0; } .button.primary, a.button.primary { border: 0; } .button.neutral, a.button.neutral { background-color: transparent; border-color: #616161; color: #616161; } .button.neutral:hover, .button.neutral:active, a.button.neutral:hover, a.button.neutral:active { background: #199DC6; color: #FFF; border-color: #199DC6; } .button.neutral.is-disabled:hover, .button.neutral.is-disabled:active, a.button.neutral.is-disabled:hover, a.button.neutral.is-disabled:active { background-color: transparent; border-color: #616161; color: #616161; } .button.alert, a.button.alert { background-color: #EE572F; border-color: #EE572F; color: #FFF; } .button.alert:hover, .button.alert:active, a.button.alert:hover, a.button.alert:active { background: #c13510; color: #FFF; border-color: #c13510; } .button.alert.is-disabled:hover, .button.alert.is-disabled:active, a.button.alert.is-disabled:hover, a.button.alert.is-disabled:active { background: #199DC6; color: #FFF; border-color: #199DC6; } .button.confirm, a.button.confirm { background: #48BD99; border-color: #48BD99; color: #FFF; } .button.confirm:hover, .button.confirm:active, a.button.confirm:hover, a.button.confirm:active { background: #389a7c; border-color: #3a977a; color: #FFF; } .button.confirm.is-disabled:hover, .button.confirm.is-disabled:active, a.button.confirm.is-disabled:hover, a.button.confirm.is-disabled:active { background: #389a7c; border-color: rgba(72, 189, 153, 0.5); color: rgba(255, 255, 255, 0.5); } .button.rounded, a.button.rounded { border-radius: 5px; } .button.round, a.button.round { border-radius: 500rem; border-width: 2px; } .button.flexible, a.button.flexible { width: 100%; margin-left: 0; margin-right: 0; } .button.light, a.button.light { background-color: transparent; border-color: transparent; } .button.compact, a.button.compact { padding: 0px 12px !important; line-height: 24px !important; } .button.textlink, a.button.textlink { border: 0; background-color: transparent; color: #199DC6; padding: 0 !important; } @keyframes button-loader-animation-rotate { 100% { transform: rotate(360deg); } } .popout { display: inline-block; } .popout-content { display: none; position: absolute; color: #aaa; box-shadow: 0px 5px 10px 3px rgba(0, 0, 0, 0.15); } .popout-content.visible { display: block; } .popout-content.pointer::after { content: ''; width: 0.75em; height: 0.75em; background: inherit; box-shadow: 1px 1px 0 0 #aaa; position: absolute; } .popout-content.pointer.top { margin-top: -0.495em; } .popout-content.pointer.top::after { transform: rotate(45deg); bottom: -0.375em; left: 50%; margin-left: -0.375em; } .popout-content.pointer.right { margin-left: 0.495em; } .popout-content.pointer.right::after { transform: rotate(135deg); left: -0.375em; top: 50%; margin-top: -0.375em; } .popout-content.pointer.bottom { margin-top: 0.495em; } .popout-content.pointer.bottom::after { transform: rotate(-135deg); top: -0.375em; left: 50%; margin-left: -0.375em; } .popout-content.pointer.left { margin-left: -0.495em; } .popout-content.pointer.left::after { transform: rotate(-45deg); right: -0.375em; top: 50%; margin-top: -0.375em; } .menu { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .menu .menu-heading { margin: 0; background-color: transparent; color: #FFF; float: left; display: block; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding-left: 16px; padding-right: 16px; padding-top: 24px; line-height: 24px; cursor: default; font-size: 10px; text-transform: uppercase; font-family: "Lato-Bold", Arial, Helvetica, sans-serif; } .menu.menu-vertical .menu-heading { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; float: inherit; } .menu .menu-seperator { width: 100%; height: 1px; } .menu .menu-seperator .line { border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin-left: 8px; margin-right: 8px; } .menu.menu-left { float: left; } .menu.menu-right { float: right; } .menu-horizontal { -ms-flex-direction: row; flex-direction: row; } .menu-vertical { display: block; /* TODO: Remove this when flex-direction:column; is supported properly by Safari */ } .menu-content-left { -ms-flex-pack: start; justify-content: flex-start; text-align: left; } .menu-content-center { -ms-flex-pack: center; justify-content: center; text-align: center; } .menu-content-right { -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .menu-item { display: block; height: 100%; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; padding-left: 16px; padding-right: 16px; background: transparent; color: #FFF; float: left; line-height: 40px; } .menu-item.is-clickable { cursor: pointer; } .menu-item.is-clickable:hover { background-color: rgba(0, 0, 0, 0.1); } .menu-item .icon { margin-right: 8px; margin-left: 0; height: 100%; padding: 0; } .menu-vertical > .menu-item { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; float: inherit; } .menu-item.menu-item-link { padding-left: 0; padding-right: 0; cursor: pointer; } .menu-item.menu-item-link:hover { background-color: rgba(0, 0, 0, 0.1); } .menu-item.menu-item-link a { display: inline-block; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; text-decoration: none; } .menu-item.dropdown { padding-left: 0; padding-right: 0; } .menu-item.dropdown > .dropdown-trigger { padding-left: 16px; padding-right: 16px; } .menu-item.dropdown > .dropdown-trigger.active { background-color: rgba(0, 0, 0, 0.2); } .menu-item.dropdown > .dropdown-trigger:hover { background-color: rgba(0, 0, 0, 0.1); } .menu-item.is-disabled { cursor: default; opacity: 0.3; } .menu-item.is-disabled:hover { background-color: transparent; color: #FFF; } .menu-item.is-active { background: #eee; color: #23979E; } .menu-item.is-active > a { font-weight: bold; } .menu-item { font-size: 14px; color: inherit; text-decoration: none; font-weight: 100; letter-spacing: 0.03em; font-family: "Lato-Regular", Arial, Helvetica, sans-serif; white-space: nowrap; } .menu-item > a { display: block; padding-left: 16px; padding-right: 16px; } .menu-item > a:hover, .menu-item > a:active { text-decoration: none; } .menu-item > a:visited { color: inherit; } .lettericon { background-color: rgba(0, 0, 0, 0.2); border-radius: 100%; width: 24px; height: 24px; display: inline-block; text-align: center; line-height: 24px; font-size: 14px; text-transform: uppercase; font-family: "Lato-Light", Arial, Helvetica, sans-serif; border: 1px solid rgba(0, 0, 0, 0.2); } .account-switcher .account-link.menu-item .text { margin-left: 8px; } .account-switcher .account-link.menu-item.selected:hover { background: #1e8389; cursor: default; } .account-switcher .account-link.menu-item.selected:hover a { cursor: default; } .account-switcher .account-link.menu-item.selected .lettericon { background-color: rgba(0, 0, 0, 0.5); } .account-switcher .account-link.menu-item.selected .text { font-family: "Lato-Regular", Arial, Helvetica, sans-serif; } div.fp__overlay { z-index: 1100; } .imagefilepicker { cursor: pointer; } .avatar { display: inline-block; } .avatar .avatar-image { border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.2); background-color: white; } .avatar.avatar-border-light .avatar-image { border: 1px solid rgba(0, 0, 0, 0.2); } .avatar.avatar-border-dark .avatar-image { border: 1px solid rgba(0, 0, 0, 0.6); } .avatar i.icon { padding: 0; color: #d5d5d5; } .avatar.avatar-clickable:hover i.icon { color: #bbbbbb; } .avatar.avatar-clickable:hover .avatar-image { border: 1px solid #23979E; } .avatar.avatar-small .avatar-image { width: 32px; height: 32px; } .avatar.avatar-small i.icon { font-size: 32px; width: 32px; height: 32px; } .avatar.avatar-medium .avatar-image { width: 40px; height: 40px; } .avatar.avatar-medium i.icon { font-size: 40px; width: 40px; height: 40px; } .avatar.avatar-big .avatar-image { width: 72px; height: 72px; } .avatar.avatar-big i.icon { font-size: 72px; width: 72px; height: 72px; } .unified-header { display: block; height: 56px; background: #23979E; color: #FFF; padding-left: 40px; padding-right: 0; font-weight: 200; position: absolute; top: 0; left: 0; right: 0; z-index: 100; transform: translateY(0px); transition: transform 0.5s 0s; margin-right: 20px; } .unified-header .scrollbar-shroud { position: absolute; background-color: #23979E; top: 0; right: -20px; width: 20px; height: 56px; content: ''; z-index: -100; pointer-events: none; } .unified-header .menu-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .unified-header .menu-item > .icon { color: #FFF; } .unified-header > .navigation { height: 100%; line-height: 56px; } .unified-header .s-g2a-logo { float: left; font-size: 2.2em; margin-top: 12px; margin-right: 40px; cursor: pointer; } .unified-header .s-g2a-logo-text { float: left; font-size: 1.6em; margin-top: 2px; margin-right: 40px; cursor: pointer; } .unified-header .menu-item { line-height: 56px; font-family: "Lato-Light", Arial, Helvetica, sans-serif; } .unified-header .menu-item.is-active { font-family: "Lato-Bold", Arial, Helvetica, sans-serif; } .unified-header .menu-item a { width: 100%; text-overflow: ellipsis; color: inherit; text-decoration: inherit; } .unified-header .dropdown { line-height: 56px; } .unified-header .dropdown .menu-item, .unified-header .dropdown .menu-heading { background: #1e8389; padding-left: 8px; } .unified-header .dropdown .menu-vertical > .menu-item { line-height: 40px; } .unified-header .dropdown .menu-heading { padding-left: 24px; } .unified-header .dropdown .menu-item:hover { background: #1a6f74; color: white; } .unified-header .dropdown .menu-seperator { background: #1a6f74; } .unified-header .dropdown .menu-seperator .line { background: #11474a; } .unified-header .dropdown-trigger { text-align: right; } .unified-header .dropdown-trigger i { color: white; } .unified-header .dropdown-trigger > .icon { color: #FFF; } .unified-header.unified-header-collapsed .scrollbar-shroud { opacity: 0.5; } .unified-header.unified-header-page-is-scrolled-down .scrollbar-shroud { opacity: 0.5; } .unified-header.unified-header-has-logo-text .s-g2a-logo { margin-right: 8px; } .unified-header .unified-header-user-menu .dropdown-trigger, .unified-header .unified-header-user-menu .dropdown-content { min-width: 248px; } .unified-header .unified-header-user-menu .avatar { float: left; margin-right: 8px; margin-top: 8px; } .unified-header .unified-header-user-menu .unified-header-user-menu-title { float: left; margin-right: 16px; padding-top: 16px; } .unified-header .unified-header-user-menu .unified-header-user-menu-title .username { max-width: 125px; height: 12px; line-height: 12px; overflow: hidden; text-overflow: ellipsis; text-align: left; } .unified-header .unified-header-user-menu .unified-header-user-menu-title .account-name { max-width: 125px; height: 20px; line-height: 20px; text-align: left; font-size: 10px; overflow: hidden; text-overflow: ellipsis; } .unified-header .unified-header-user-menu .unified-header-g2a-version-title { padding-top: 5px; padding-bottom: 5px; } .unified-header .unified-header-user-menu .unified-header-g2a-version-title .versionHeader { font-weight: normal; height: 19px; line-height: 17px; letter-spacing: 0.21px; overflow: hidden; } .unified-header .unified-header-user-menu .unified-header-g2a-version-title button { background: transparent; width: 100%; border: solid 1.5px rgba(255, 255, 255, 0.4); border-radius: 15px; line-height: 25px; text-transform: uppercase; } .unified-header .unified-header-user-menu .unified-header-g2a-version-title button:hover { border: solid 1.5px white; } .unified-header .unified-header-user-menu .unified-header-g2a-version-title .versionInfo-logo { height: 16.67px; width: 18.33px; float: left; position: relative; line-height: 17px; margin-right: 8px; } .unified-header .unified-header-user-menu .dropdown-content { box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.2); } .unified-header .unified-header-user-menu .dropdown-content .menu-item { min-height: 48px; line-height: 48px; } .unified-header .unified-header-user-menu .dropdown-content .menu-item a .icon { position: absolute; right: 8px; } .unified-header .unified-header-user-menu .dropdown-content .external-link-icon { float: right; line-height: 48px; padding: 0; } .unified-header .unified-header-user-menu .dropdown-content .external-link-icon::before { line-height: 48px; } .unified-header.unified-header-has-no-account .unified-header-user-menu .username { height: 24px; line-height: 24px; } .has-collapsing-header .unified-header.unified-header-collapsed { transform: translateY(-70px); transition: transform 0.5s 0s; } @media (max-width: 1141px) { .sidebar-visible .unified-header .unified-header-user-menu .dropdown-trigger, .sidebar-visible .unified-header .unified-header-user-menu .dropdown-content { min-width: 100px; } .sidebar-visible .unified-header .unified-header-user-menu .unified-header-user-menu-title { display: none; } } @media (max-width: 769px) { .unified-header .unified-header-user-menu .dropdown-trigger, .unified-header .unified-header-user-menu .dropdown-content { min-width: 100px; } .unified-header .unified-header-user-menu .unified-header-user-menu-title { display: none; } } .notification-indicator { background-color: red; width: 7px; height: 7px; border-radius: 13px; vertical-align: text-top; margin-left: 3px; box-shadow: 0 0 1px rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.5); display: inline-block; visibility: hidden; position: absolute; top: 16px; } .notification-indicator.notification-state-active { visibility: visible; } @keyframes errorlayout_reveal_font { 0% { opacity: 0; transform: scale(0); } 50% { opacity: 0; transform: scale(0.5); } 100% { opacity: 1; transform: scale(1); } } @keyframes errorlayout_reveal_text { 0% { opacity: 0; transform: translate(0, 0px); } 50% { opacity: 0; transform: translate(0, 40px); } 100% { opacity: 1; transform: translate(0, 0); } } .errorlayout-container { margin: auto; min-width: 200px; height: 150px; text-align: center; font-family: "Lato-LightItalic", Arial, Helvetica, sans-serif; position: fixed; left: 0; right: 0; top: 0; bottom: 0; } .errorlayout-container i { font-size: 200px; height: 200px; color: #d3d3d3; display: inline-block; animation-name: errorlayout_reveal_font; animation-duration: 0.5s; } .errorlayout-container p, .errorlayout-container span { color: #818181; font-size: 20px; font-style: italic; margin-top: 8px; margin-bottom: 0; animation-name: errorlayout_reveal_text; animation-duration: 0.8s; } .errorlayout-container p:last-child, .errorlayout-container span:last-child { margin-top: 0; font-style: normal; font-size: 16px; line-height: 40px; } .errorlayout-container p a, .errorlayout-container span a { text-decoration: none; color: #23979e; } @media (min-width: 770px) { .errorlayout-container { min-width: 400px; height: 300px; } .errorlayout-container i { font-size: 200px; height: 200px; } .errorlayout-container i:last-child { font-size: 16px; } .errorlayout-container p { font-size: 20px; margin-top: 20px; } .errorlayout-container p:last-child { font-size: 16px; } } @media (min-width: 992px) { .errorlayout-container { min-width: 400px; height: 300px; } .errorlayout-container i { font-size: 200px; height: 200px; } .errorlayout-container i:last-child { font-size: 16px; } .errorlayout-container p { font-size: 20px; margin-top: 20px; } .errorlayout-container p:last-child { font-size: 16px; } } .unified-titlebar { height: 130px; background: #eee; background: linear-gradient(#eee, #eee, #ebebeb, #e4e4e4); color: #000000; padding-left: 40px; padding-right: 20px; white-space: nowrap; margin-right: 20px; } .unified-titlebar .scrollbar-shroud { position: absolute; background: #eee; background: linear-gradient(#eee, #eee, #ebebeb, #e4e4e4); top: 0; right: -20px; width: 20px; height: 186px; z-index: -100; pointer-events: none; } .unified-titlebar h1, .unified-titlebar h4 { margin: 0; transform: translateY(0); transition: transform 0.5s 0s; pointer-events: none; } .unified-titlebar h1 { font-weight: 200; font-size: 36px; font-family: "Lato-Light", Arial, Helvetica, sans-serif; color: #616161; } .unified-titlebar h4 { font-family: "Lato-Light", Arial, Helvetica, sans-serif; font-weight: 100; margin-top: 4px; margin-left: 2px; } .unified-titlebar .button { z-index: 50; margin-top: 6px; padding: 10px 16px; font-family: "Lato-Light", Arial, Helvetica, sans-serif; } .unified-titlebar .pull-right { float: right; } .unified-titlebar .titlebar-loader { position: absolute; left: 0; bottom: 0; right: 0; display: block; height: 1px; width: 100%; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(to right, #23979E, #23979E); z-index: 50; } .unified-titlebar .titlebar-loader:after, .unified-titlebar .titlebar-loader:before { content: ""; position: absolute; top: 0; bottom: 0; width: 0; background-color: #23979E; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; } .unified-titlebar .titlebar-loader:before { left: 0; animation-name: titlebar-loader-before; } .unified-titlebar .titlebar-loader:after { right: 0; animation-name: titlebar-loader-after; } .unified-titlebar.unified-titlebar-compact { top: 0; height: 40px; padding-top: 0; transition: top 0.5s 0s, height 0.5s 0s, padding-top 0.5s 0s; } .unified-titlebar.unified-titlebar-compact h1, .unified-titlebar.unified-titlebar-compact h4 { transform: translateY(-50px); transition: transform 0.5s 0s; } .unified-titlebar.unified-titlebar-compact .button { margin-top: 0; } .unified-titlebar.unified-titlebar-compact .title-bar-element { margin-top: 0; } .unified-titlebar.unified-titlebar-compact .scrollbar-shroud { height: 40px; transition: top 0.5s 0s, height 0.5s 0s; opacity: 0.5; } .unified-titlebar.unified-titlebar-fixed-to-top { position: absolute; top: 0; left: 0; right: 0; z-index: 50; transition: top 0.5s 0s, height 0.5s 0s, padding-top 0.5s 0s; } .unified-titlebar.unified-titlebar-offset-to-header { position: absolute; height: 186px; padding-top: 96px; top: 0; left: 0; right: 0; z-index: 50; transition: top 0.5s 0s, height 0.5s 0s, padding-top 0.5s 0s; } .unified-titlebar.unified-titlebar-offset-to-header.unified-titlebar-compact { height: 96px; padding-top: 56px; } .unified-titlebar.unified-titlebar-offset-to-header.unified-titlebar-compact .scrollbar-shroud { height: 96px; } .unified-titlebar.unified-titlebar-offset-to-header .scrollbar-shroud { transition: top 0.5s 0s, height 0.5s 0s; } @keyframes titlebar-loader-before { 0% { left: 0; width: 0; } 50% { left: 25%; width: 75%; } 75% { left: 100%; width: 0; } } @keyframes titlebar-loader-after { 0%, 50% { left: 0; width: 0; } 75% { left: 0; width: 25%; } 100% { left: 100%; width: 0; } } /* * # Semantic UI * https://github.com/Semantic-Org/Semantic-UI * http://www.semantic-ui.com/ * * Copyright 2014 Contributors * Released under the MIT license * http://opensource.org/licenses/MIT * */ /******************************* Reset *******************************/ /* Border-Box */ *, *:before, *:after { box-sizing: border-box; } /* iPad Input Shadows */ input[type="text"], input[type="email"], input[type="search"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; /* mobile firefox too! */ } /******************************* Theme Overrides *******************************/ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ /** * Correct `block` display not defined in IE 8/9. */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /******************************* Site Overrides *******************************/ /**************************/ /* FONTS */ /**************************/ @font-face { font-family: "Lato-Light"; src: url("../fonts/Lato-Light.eot"); src: url("../fonts/Lato-Light.eot?") format("eot"), url("../fonts/Lato-Light.woff") format("woff"), url("../fonts/Lato-Light.ttf") format("truetype"); } @font-face { font-family: "Lato-LightItalic"; src: url("../fonts/Lato-LightItalic.eot"); src: url("../fonts/Lato-LightItalic.eot?") format("eot"), url("../fonts/Lato-LightItalic.woff") format("woff"), url("../fonts/Lato-LightItalic.ttf") format("truetype"); } @font-face { font-family: "Lato-Regular"; src: url("../fonts/Lato-Regular.eot"); src: url("../fonts/Lato-Regular.eot?") format("eot"), url("../fonts/Lato-Regular.woff") format("woff"), url("../fonts/Lato-Regular.ttf") format("truetype"); } @font-face { font-family: "Lato-Italic"; src: url("../fonts/Lato-Italic.eot"); src: url("../fonts/Lato-Italic.eot?") format("eot"), url("../fonts/Lato-Italic.woff") format("woff"), url("../fonts/Lato-Italic.ttf") format("truetype"); } @font-face { font-family: "Lato-SemiBold"; src: url("../fonts/Lato-Semibold.eot"); src: url("../fonts/Lato-Semibold.eot?") format("eot"), url("../fonts/Lato-Semibold.woff") format("woff"), url("../fonts/Lato-Semibold.ttf") format("truetype"); } @font-face { font-family: "Lato-SemiBoldItalic"; src: url("../fonts/Lato-SemiboldItalic.eot"); src: url("../fonts/Lato-SemiboldItalic.eot?") format("eot"), url("../fonts/Lato-SemiboldItalic.woff") format("woff"), url("../fonts/Lato-SemiboldItalic.ttf") format("truetype"); } @font-face { font-family: "Lato-Bold"; src: url("../fonts/Lato-Bold.eot"); src: url("../fonts/Lato-Bold.eot?") format("eot"), url("../fonts/Lato-Bold.woff") format("woff"), url("../fonts/Lato-Bold.ttf") format("truetype"); } @font-face { font-family: "Lato-BoldItalic"; src: url("../fonts/Lato-BoldItalic.eot"); src: url("../fonts/Lato-BoldItalic.eot?") format("eot"), url("../fonts/Lato-BoldItalic.woff") format("woff"), url("../fonts/Lato-BoldItalic.ttf") format("truetype"); } @font-face { font-family: "lato"; src: url("../fonts/Lato-Regular.eot"); src: url("../fonts/Lato-Regular.eot?") format("eot"), url("../fonts/Lato-Regular.woff") format("woff"), url("../fonts/Lato-Regular.ttf") format("truetype"); } html, body { height: 100%; overflow: hidden; } body { position: relative; font-family: "Lato-Regular", Arial, Helvetica, sans-serif; font-size: 14px; -webkit-font-smoothing: subpixel-antialiased; } /* * SCSS Tooltips * By David Tintner & Hacking UI * http://hackingui.com/front-end/scss-tooltips/ * * $direction: ne, nw, se, sw. relative to the element the tooltip is on * $bg-color: any CSS valid color string, will be applied as bg color of tooltip * Content for tooltip comes from data-tooltip attribute on element */ /* * Triangle * Copied from UtilityBelt- https://github.com/dmtintner/UtilityBelt */ /* * Respond To * Copied from UtilityBelt- https://github.com/dmtintner/UtilityBelt */ .tooltip { position: relative; } .tooltip:before, .tooltip:after { opacity: 0; z-index: 98; transition: opacity 300ms, visibility 0ms linear 300ms; pointer-events: none; } @media (max-width: 480px) { .tooltip:before, .tooltip:after { display: none; } } .tooltip:before { content: attr(data-tooltip); position: absolute; width: 200px; padding: 10px 15px; line-height: 18px; text-align: left; font-size: 13px; font-weight: normal; white-space: normal; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); border-radius: 3px; background-color: #000; color: white; } .tooltip:after { content: ''; color: #000; } .tooltip:hover { /* putting comment here so :hover is declared first by itself to fix ie10 bug with transitions on pseudo elements - http://css-tricks.com/pseudo-element-animationstransitions-bug-fixed-in-webkit/ */ } .tooltip:hover:before, .tooltip:hover:after { opacity: 1; pointer-events: all; transition-delay: 300ms; } @media (max-width: 480px) { .tooltip:hover:before, .tooltip:hover:after { display: none; } } .tooltip:after { transform: translate3d(-50%, 0, 0); transform: translate3d(50%, 0, 0); } .tooltip:before { top: -11px; bottom: auto; right: 0; left: auto; transform: translate3d(0, -100%, 0); } .tooltip:after { content: ''; display: block; position: absolute; height: 0; width: 0; border-top: 6px solid currentColor; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: none; top: -11px; bottom: auto; right: 50%; left: auto; } .tooltip--ne:after { transform: translate3d(-50%, 0, 0); } .tooltip--ne:before { top: -11px; bottom: auto; left: 0; right: auto; transform: translate3d(0, -100%, 0); } .tooltip--ne:after { content: ''; display: block; position: absolute; height: 0; width: 0; border-top: 6px solid currentColor; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: none; top: -11px; bottom: auto; left: 50%; right: auto; } .tooltip--n:after { transform: translate3d(-50%, 0, 0); } .tooltip--n:before { top: -11px; bottom: auto; left: 50%; right: auto; transform: translate3d(-50%, -100%, 0); } .tooltip--n:after { content: ''; display: block; position: absolute; height: 0; width: 0; border-top: 6px solid currentColor; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: none; top: -11px; bottom: auto; left: 50%; right: auto; } .tooltip--nw:after { transform: translate3d(-50%, 0, 0); transform: translate3d(50%, 0, 0); } .tooltip--nw:before { top: -11px; bottom: auto; right: 0; left: auto; transform: translate3d(0, -100%, 0); } .tooltip--nw:after { content: ''; display: block; position: absolute; height: 0; width: 0; border-top: 6px solid currentColor; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: none; top: -11px; bottom: auto; right: 50%; left: auto; } .tooltip--w:after { transform: translate3d(-50%, 0, 0); } .tooltip--w:after { transform: translate3d(-100%, -50%, 0); } .tooltip--w:before { top: 50%; bottom: auto; left: -11px; right: auto; transform: translate3d(-100%, -50%, 0); } .tooltip--w:after { content: ''; display: block; position: absolute; height: 0; width: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid currentColor; border-right: none; top: 50%; bottom: auto; left: -5px; right: auto; } .tooltip--e:after { transform: translate3d(-50%, 0, 0); transform: translate3d(50%, 0, 0); } .tooltip--e:after { transform: translate3d(100%, -50%, 0); } .tooltip--e:before { top: 50%; bottom: auto; right: -11px; left: auto; transform: translate3d(100%, -50%, 0); } .tooltip--e:after { content: ''; display: block; position: absolute; height: 0; width: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid currentColor; border-left: none; top: 50%; bottom: auto; right: -5px; left: auto; } .tooltip--s:after { transform: translate3d(-50%, 0, 0); } .tooltip--s:before { bottom: -11px; top: auto; left: 50%; right: auto; transform: translate3d(-50%, 100%, 0); } .tooltip--s:after { content: ''; display: block; position: absolute; height: 0; width: 0; border-bottom: 6px solid currentColor; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: none; bottom: -11px; top: auto; left: 50%; right: auto; } .tooltip--sw:after { transform: translate3d(-50%, 0, 0); transform: translate3d(50%, 0, 0); } .tooltip--sw:before { bottom: -11px; top: auto; right: 0; left: auto; transform: translate3d(0, 100%, 0); } .tooltip--sw:after { content: ''; display: block; position: absolute; height: 0; width: 0; border-bottom: 6px solid currentColor; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: none; bottom: -11px; top: auto; right: 50%; left: auto; } .tooltip--se:after { transform: translate3d(-50%, 0, 0); } .tooltip--se:before { bottom: -11px; top: auto; left: 0; right: auto; transform: translate3d(0, 100%, 0); } .tooltip--se:after { content: ''; display: block; position: absolute; height: 0; width: 0; border-bottom: 6px solid currentColor; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: none; bottom: -11px; top: auto; left: 50%; right: auto; } /*[data-automation-id] { background-color: red !important; }*/ #main_application_wrapper { height: 100%; } #main_application_wrapper .root { height: 100%; } #main_application_wrapper .root .application { height: 100%; overflow: hidden; } .pagelayout { height: 100%; } .pagelayout .layout-wrapper { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .pagelayout .layout-wrapper .main-wrapper { -ms-flex: 1; flex: 1; position: relative; height: 100%; transition: 0.3s filter linear; } .pagelayout .layout-wrapper .main-wrapper.is-blurred { filter: blur(5px); } .pagelayout .layout-wrapper .main-wrapper .header-wrapper { width: 100%; position: relative; height: auto; } .pagelayout .layout-wrapper .main-wrapper .page-wrapper { position: absolute; width: 100%; height: 100%; overflow: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .pagelayout .layout-wrapper .main-wrapper .page-wrapper.has-titlebar > * { padding-top: 256px; } .pagelayout .layout-wrapper .sidebar-wrapper { -ms-flex: 0.3; flex: 0.3; width: 0; max-width: 360px; min-height: 100%; z-index: 200; animation: show-sidebar 0.5s; } .pagelayout .layout-wrapper .sidebar-wrapper > * { min-width: 250px; } .pagelayout .layout-wrapper .sidebar-wrapper.hide { animation: hide-sidebar 0.5s; -ms-flex: 0; flex: 0; } .pagelayout .layout-wrapper .sidebar-wrapper.hide > * { width: 360px; } .pagelayout .layout-wrapper .sidebar-wrapper:empty { -ms-flex: 0; flex: 0; } .pagelayout .transaction-wrapper { position: absolute; top: 0; left: 0; } @keyframes show-sidebar { 0% { -ms-flex: 0; flex: 0; } 100% { -ms-flex: 0.3; flex: 0.3; } } @keyframes hide-sidebar { 0% { -ms-flex: 0.3; flex: 0.3; } 100% { -ms-flex: 0; flex: 0; } } /* ======================================================================= */ /* ======= IE-9 Special styles because it doesn't support flex-box ======= */ /* ======================================================================= */ .ie9 .pagelayout .layout-wrapper .main-wrapper { transition: padding-right 0.5s; } .ie9 .pagelayout .layout-wrapper .main-wrapper.sidebar-visible { margin-right: 30%; } .ie9 .pagelayout .layout-wrapper .sidebar-wrapper { position: absolute; top: 0; right: 0; width: 30%; height: 100%; animation: show-sidebar-ie9 0.5s; } .ie9 .pagelayout .layout-wrapper .sidebar-wrapper.hide { animation: hide-sidebar-ie9 0.5s; width: 0; } @keyframes show-sidebar-ie9 { 0% { width: 0; } 100% { width: 30%; } } @keyframes hide-sidebar-ie9 { 0% { width: 30%; } 100% { width: 0; } } /* ======================================================================= */ .page-wrapper-express { margin-top: 56px; width: 100%; height: 100%; } #pageload_spinner .shroud { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #eee; } #pageload_spinner .loader { position: absolute; margin: auto auto; top: 0; bottom: 0; left: 0; right: 0; width: 300px; height: 300px; animation: show-loader 0.5s; } #pageload_spinner .loader div { border: 1px solid #199DC6; border-radius: 50%; opacity: 0; margin: auto auto; top: 0; bottom: 0; left: 0; right: 0; position: absolute; width: 300px; height: 300px; } #pageload_spinner .loader div.ring { filter: blur(1px); } #pageload_spinner .loader div.center { background-color: #199DC6; opacity: 0.3; text-align: center; color: #22475E; font-size: 14px; line-height: 80px; width: 80px; height: 80px; } #pageload_spinner .loader div:nth-child(1) { animation: pulse 4s infinite; } #pageload_spinner .loader div:nth-child(2) { animation: pulse 4s infinite 1.3s; } #pageload_spinner .loader div:nth-child(3) { animation: pulse 4s infinite 2.6s; } #pageload_spinner .loader div.center { animation: weak_pulse 4s infinite; } @keyframes pulse { 0% { transform: scale(0); opacity: 0.1; } 50% { opacity: .5; border-color: #23979E; } 100% { transform: scale(1); opacity: 0; } } @keyframes weak_pulse { 0% { transform: scale(1); } 17% { transform: scale(0.9); } 33% { transform: scale(1); } 48% { transform: scale(0.9); } 66% { transform: scale(1); } 83% { transform: scale(0.9); } 100% { transform: scale(1); } } @keyframes hide-loader { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } } @keyframes show-loader { 0% { transform: scale(0); } 100% { transform: scale(1); } } #pageload_spinner.hide .shroud { transition: opacity 0.5s; opacity: 0; } #pageload_spinner.hide .loader { transform: scale(0); animation: hide-loader 0.5s; opacity: 0; } .debug-panel { border: 1px solid black; box-shadow: 10px 10px 10px #999; margin-left: 20px; margin-right: 20px; width: 500px; height: 600px; position: fixed; top: 80px; left: 20px; z-index: 9999; background-color: #fff; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .debug-panel button { color: #fff; border: 1px solid black; } .debug-panel button:hover { background-color: white; } .debug-panel .handle { position: relative; height: 40px; width: 100%; cursor: move; background-color: #199DC6; color: #fff; padding: 5px; border-bottom: 1px solid black; } .debug-panel .handle .title { margin-left: 10px; margin-top: 0; padding-top: 0; } .debug-panel .handle .close { top: 8px; right: 10px; position: absolute; } .debug-panel .handle .refresh { top: 8px; right: 40px; position: absolute; } .debug-panel .body { padding-left: 10px; padding-right: 10px; overflow: auto; -ms-flex: 1; flex: 1; } .debug-panel .body .expandable { cursor: pointer; } .debug-panel .body .group-list-item { position: relative; height: 30px; } .debug-panel .body .group-list-item span { line-height: 30px; } .debug-panel .body .group-list-item .right-hand-button { position: absolute; right: 0; } .debug-panel .body .group-list-item .third-right-hand-button { position: absolute; right: 80px; } .debug-panel .body .group-list-item .second-right-hand-button { position: absolute; right: 40px; } .debug-panel .body .group-list-item .icon-button { width: 32px; height: 32px; } .dialog { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; transition: transform 0.2s 0s, opacity 0.4s 0s; } .dialog .dialog-container { position: fixed; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: 500px; opacity: 1; transform: translateY(0); transition: transform 0.3s 0s, opacity 0.2s 0s; font-family: "Lato-Regular", Arial, Helvetica, sans-serif; color: #000000; z-index: 1040; overflow: auto; display: block; } .dialog .dialog-container .dialog-content { background-color: #fff; outline: 0; background-clip: padding-box; height: 100%; overflow: auto; } .dialog .dialog-container .dialog-content .dialog-header-container .dialog-header { z-index: 1041; } .dialog .dialog-container .dialog-content .dialog-header-container .dialog-header .title { color: #616161; font-size: 20px; font-weight: normal; margin-left: 40px; margin-right: 40px; margin-top: 24px; } .dialog .dialog-container .dialog-content .dialog-header-container .dialog-header .close-icon { position: absolute; right: 16px; top: 29px; cursor: pointer; } .dialog .dialog-container .dialog-content .dialog-header-container .dialog-header .close-icon:hover { opacity: 0.6; outline: none; } .dialog .dialog-container .dialog-content .dialog-body { opacity: 1; transition: opacity 0.2s 0.2s; padding-left: 40px; padding-right: 40px; padding-top: 16px; } .dialog .dialog-container .dialog-content .dialog-footer { margin-top: 15px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; } .dialog .dialog-shroud { opacity: 1; transition: opacity 0.2s 0.15s; z-index: 1010; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); } .dialog.busy .dialog-container .busy-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: inline-block; width: 50px; height: 50px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .dialog.busy .dialog-container .busy-container i { width: 50px; height: 50px; line-height: 50px; } .dialog.busy .dialog-container .busy-container i::before { width: 50px; height: 50px; line-height: 50px; font-size: 50px; color: #A3A3A3; vertical-align: top; } .dialog.busy .dialog-container .busy-container .progress-indicator { position: absolute; top: 0; left: 0; } .dialog.busy .dialog-container .busy-container .progress-indicator-segment { position: absolute; top: 0; left: 0; animation: progress-indicator-spin 0.5s linear 0s infinite; } .dialog.busy .dialog-container .busy-container .progress-indicator-segment::before { color: #23979E; } .dialog.hidden .dialog-container { opacity: 0; transform: translateY(100px); } .dialog.hidden .dialog-container .dialog-body { opacity: 0; transition: opacity 0.2s 0.2s; } .dialog.hidden .dialog-shroud { opacity: 0; transition: opacity 0.2s 0.15s; } @keyframes progress-indicator-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .session-timeout .dialog .dialog-container { height: 256px; } .session-timeout .dialog .button { margin: 0 24px 24px; } .loading-indicator.loading-indicator-3dots { font-size: 1em; line-height: 1; } .loading-indicator.loading-indicator-3dots span { background: transparent; border-radius: 50%; box-shadow: inset 0 0 1px transparent; display: inline-block; height: 0.6em; width: 0.6em; animation: loading_dots 0.8s linear infinite; } .loading-indicator.loading-indicator-3dots span:nth-child(2) { animation-delay: 0.2s; } .loading-indicator.loading-indicator-3dots span:nth-child(1) { animation-delay: 0.4s; } @keyframes loading_dots { 0% { background: transparent; } 50% { background: #E4E4E4; } 100% { background: transparent; } } .loading-indicator.loading-indicator-3-small-dots { font-size: 1em; line-height: 1em; } .loading-indicator.loading-indicator-3-small-dots span { background: transparent; border-radius: 50%; box-shadow: inset 0 0 1px transparent; display: inline-block; height: 4px; width: 4px; margin-right: 0.5em; vertical-align: middle; animation: loading_dots 0.8s linear infinite; } .loading-indicator.loading-indicator-3-small-dots span:nth-child(2) { animation-delay: 0.2s; } .loading-indicator.loading-indicator-3-small-dots span:nth-child(1) { animation-delay: 0.4s; } @keyframes loading_dots { 0% { background: #ccc; } 50% { background: #999; } 100% { background: #ccc; } } .job-visualizer { position: fixed; right: 20px; bottom: 20px; padding: 16px 24px 16px 24px; background-color: #e1e1e1; color: #616161; height: 48px; z-index: 900; border: 1px solid #d5d5d5; font-size: 14px; animation: show-jobvisualizer 0.5s linear; transition: width 0.5s, height 0.5s; } .job-visualizer i.s { font-size: 25px; } .job-visualizer i.s:before { position: absolute; line-height: 48px; top: 0; right: 5px; } .job-visualizer.failed { background-color: #EE572F; color: #fff; cursor: pointer; } .job-visualizer.hide { animation: hide-jobvisualizer 1.5s linear; right: -200px; } .job-visualizer.hide i { color: #48BD99; } .job-visualizer.hidden { animation: none; right: -200px; } .job-visualizer .text { margin-right: 20px; vertical-align: top; } @keyframes show-jobvisualizer { 0% { right: -200px; } 100% { right: 20px; } } @keyframes hide-jobvisualizer { 0% { right: 20px; } 50% { right: 20px; } 100% { right: -200px; } } .checkbox { display: block; cursor: pointer; } .checkbox .checkbox-input { position: relative; top: -1px; visibility: hidden; } .checkbox .icon.checkbox-box { vertical-align: middle; line-height: 16px; width: 16px; height: 16px; background-color: #ccc; } .checkbox .icon.checkbox-box::before { color: white; font-size: 10px; line-height: 18px; vertical-align: top; display: none; } .checkbox.is-checked .icon.checkbox-box { background-color: #48BD99; } .checkbox.is-checked .icon.checkbox-box::before { display: inline-block; } .checkbox:hover .icon.checkbox-box { background-color: #b3b3b3; } .checkbox:hover.is-checked .icon.checkbox-box { background-color: #389a7c; } .checkbox .checkbox-label { margin-left: .5em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox .inline-controls > .checkbox, .checkbox .checkbox-inline { display: inline-block; margin-right: 1em; } .checkbox .checkbox-disabled { color: #A3A3A3; } @media (min-width: 770px) { .checkbox { line-height: 2.4em; } } .preferences-dialog .title { font-size: 20px; margin-bottom: 16px; } .preferences-dialog .category-case-notifications { font-size: 14px; font-family: "Lato-Bold", Arial, Helvetica, sans-serif; } .preferences-dialog .preference-checkbox { margin-top: 16px; } .preferences-dialog .dialog-container { height: 240px; } .preferences-dialog .error { color: #EE572F; margin-top: 16px; font-size: 16px; } .preferences-dialog .dialog-footer { padding: 24px; } .preferences-dialog .dialog-footer .button { height: 40px; width: 120px; margin-left: 16px; } /*# sourceMappingURL=main.bundle.css.map*/