html { box-sizing: border-box; } body > #root { padding: 20px } *,*::before,*::after { box-sizing: inherit } hr { margin: 20px 0; border: none; border-bottom: 1px solid rgba(16,22,26,0.15) } .pt-dark hr { border-color: rgba(255,255,255,0.15) } ::-moz-selection { background: rgba(125,188,255,0.6) } ::selection { background: rgba(125,188,255,0.6) } body { text-transform: none; line-height: 1.28581; letter-spacing: 0; font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif, "Icons16"; font-size: 14px; font-weight: 400; color: #182026 } small { font-size: 12px } .pt-monospace-text { text-transform: none; font-family: monospace; font-size: smaller } h1 { color: #182026; font-weight: 600; margin: 0 0 10px; padding: 0; line-height: 0.8em; font-size: 40px } h2 { color: #182026; font-weight: 600; margin: 0 0 10px; padding: 0; line-height: 0.8em; font-size: 27px } h3 { color: #182026; font-weight: 600; margin: 0 0 10px; padding: 0; line-height: 0.8em; font-size: 24px } h4 { color: #182026; font-weight: 600; margin: 0 0 10px; padding: 0; line-height: 0.9em; font-size: 20px } h5 { color: #182026; font-weight: 600; margin: 0 0 10px; padding: 0; line-height: 0.9em; font-size: 17px } h6 { color: #182026; font-weight: 600; margin: 0 0 10px; padding: 0; line-height: 0.9em; font-size: 15px } .pt-ui-text { text-transform: none; line-height: 1.28581; letter-spacing: 0; font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif, "Icons16"; font-size: 14px; font-weight: 400 } .pt-ui-text-large { line-height: 1.25; font-size: 16px } .pt-running-text { line-height: 1.5; font-size: 16px } .pt-running-text h1:not(:first-child) { margin-top: 50px; margin-bottom: 30px } .pt-running-text h2:not(:first-child) { margin-top: 50px; margin-bottom: 30px } .pt-running-text h3:not(:first-child) { margin-top: 50px; margin-bottom: 30px } .pt-running-text h4:not(:first-child) { margin-top: 50px; margin-bottom: 30px } .pt-running-text h5:not(:first-child) { margin-top: 50px; margin-bottom: 30px } .pt-running-text h6:not(:first-child) { margin-top: 50px; margin-bottom: 30px } .pt-running-text-small { line-height: 1.5; font-size: 14px } p { margin: 0 0 10px; padding: 0 } a { text-decoration: none; color: #3663E5 } a:hover { cursor: pointer; text-decoration: underline; color: #3188EF } a .pt-icon,a .pt-icon-standard,a .pt-icon-large { color: inherit } a code,.pt-dark a code { color: inherit } .pt-dark a,.pt-dark a:hover { color: #2b95d6 } .pt-dark a .pt-icon,.pt-dark a .pt-icon-standard,.pt-dark a .pt-icon-large,.pt-dark a:hover .pt-icon,.pt-dark a:hover .pt-icon-standard,.pt-dark a:hover .pt-icon-large { color: inherit } pre,code { text-transform: none; font-family: monospace; font-size: smaller } code { border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(16,22,26,0.2); background: rgba(255,255,255,0.7); padding: 2px 5px; color: #5c7080 } .pt-dark code { box-shadow: inset 0 0 0 1px rgba(16,22,26,0.4); background: rgba(16,22,26,0.3); color: #bfccd6 } pre { display: block; margin: 10px 0; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(16,22,26,0.15); background: rgba(255,255,255,0.7); padding: 13px 15px 12px; line-height: 1.4; color: #182026; word-break: break-all; word-wrap: break-word } pre>code { border-radius: 0; box-shadow: none; background: transparent; padding: 0; white-space: pre-wrap; color: inherit; font-size: inherit } .pt-dark pre { box-shadow: inset 0 0 0 1px rgba(16,22,26,0.4); background: rgba(16,22,26,0.3); color: #f5f8fa } .pt-dark pre>code { box-shadow: none; background: transparent } blockquote { line-height: 1.5; font-size: 16px; margin: 0 0 10px; border-left: solid 4px rgba(167,182,194,0.5); padding: 0 20px } blockquote p:last-child { margin-bottom: 0 } .pt-dark blockquote { border-color: rgba(115,134,148,0.5) } ol,ul { margin: 10px 0; padding-left: 40px } .pt-list li:not(:last-child),.pt-running-text ul li:not(:last-child),.pt-running-text ol li:not(:last-child) { padding-bottom: 5px } .pt-list li :last-child,.pt-running-text ul li :last-child,.pt-running-text ol li :last-child { margin-bottom: 0 } .pt-list ol,.pt-list ul,.pt-running-text ul ol,.pt-running-text ul ul,.pt-running-text ol ol,.pt-running-text ol ul { margin-top: 5px } .pt-list-unstyled { margin: 0; padding: 0; list-style: none } .pt-list-unstyled li { padding: 0 } .pt-text-muted { color: #5c7080 } .pt-dark .pt-text-muted { color: #bfccd6 } .pt-text-overflow-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal } .pt-rtl { text-align: right } .pt-dark { color: #f5f8fa } .pt-dark h1 { color: #f5f8fa } .pt-dark h2 { color: #f5f8fa } .pt-dark h3 { color: #f5f8fa } .pt-dark h4 { color: #f5f8fa } .pt-dark h5 { color: #f5f8fa } .pt-dark h6 { color: #f5f8fa } .pt-icon,.pt-icon-standard,.pt-icon-large { display: inline-block; color: #5c7080 } .pt-dark .pt-icon,.pt-dark .pt-icon-standard,.pt-dark .pt-icon-large { color: #bfccd6 } span.pt-icon-standard { line-height: 1; font-family: "Icons16", sans-serif; font-size: 16px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } span.pt-icon-large { line-height: 1; font-family: "Icons20", sans-serif; font-size: 20px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } span.pt-icon { line-height: 1; font-family: "Icons20"; font-size: inherit; font-weight: 400; font-style: normal } span.pt-icon::before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } .pt-icon-blank::before { content: "" } .pt-icon-style::before { content: "" } .pt-icon-align-left::before { content: "" } .pt-icon-align-center::before { content: "" } .pt-icon-align-right::before { content: "" } .pt-icon-align-justify::before { content: "" } .pt-icon-bold::before { content: "" } .pt-icon-italic::before { content: "" } .pt-icon-underline::before { content: "⎁" } .pt-icon-search-around::before { content: "" } .pt-icon-graph-remove::before { content: "" } .pt-icon-group-objects::before { content: "" } .pt-icon-merge-links::before { content: "" } .pt-icon-layout::before { content: "" } .pt-icon-layout-auto::before { content: "" } .pt-icon-layout-circle::before { content: "" } .pt-icon-layout-hierarchy::before { content: "" } .pt-icon-layout-grid::before { content: "" } .pt-icon-layout-group-by::before { content: "" } .pt-icon-layout-skew-grid::before { content: "" } .pt-icon-geosearch::before { content: "" } .pt-icon-heatmap::before { content: "" } .pt-icon-drive-time::before { content: "" } .pt-icon-select::before { content: "" } .pt-icon-predictive-analysis::before { content: "" } .pt-icon-layers::before { content: "" } .pt-icon-locate::before { content: "" } .pt-icon-bookmark::before { content: "" } .pt-icon-citation::before { content: "" } .pt-icon-tag::before { content: "" } .pt-icon-clipboard::before { content: "" } .pt-icon-selection::before { content: "⦿" } .pt-icon-timeline-events::before { content: "" } .pt-icon-timeline-line-chart::before { content: "" } .pt-icon-timeline-bar-chart::before { content: "" } .pt-icon-applications::before { content: "" } .pt-icon-projects::before { content: "" } .pt-icon-changes::before { content: "" } .pt-icon-notifications::before { content: "" } .pt-icon-lock::before { content: "" } .pt-icon-unlock::before { content: "" } .pt-icon-user::before { content: "" } .pt-icon-search-template::before { content: "" } .pt-icon-inbox::before { content: "" } .pt-icon-more::before { content: "" } .pt-icon-help::before { content: "?" } .pt-icon-calendar::before { content: "" } .pt-icon-media::before { content: "" } .pt-icon-link::before { content: "" } .pt-icon-share::before { content: "" } .pt-icon-download::before { content: "" } .pt-icon-document::before { content: "" } .pt-icon-properties::before { content: "" } .pt-icon-import::before { content: "" } .pt-icon-export::before { content: "" } .pt-icon-minimize::before { content: "" } .pt-icon-maximize::before { content: "" } .pt-icon-tick::before { content: "✓" } .pt-icon-cross::before { content: "✗" } .pt-icon-plus::before { content: "+" } .pt-icon-minus::before { content: "−" } .pt-icon-arrow-left::before { content: "←" } .pt-icon-arrow-right::before { content: "→" } .pt-icon-exchange::before { content: "" } .pt-icon-comparison::before { content: "" } .pt-icon-list::before { content: "☰" } .pt-icon-filter::before { content: "" } .pt-icon-confirm::before { content: "" } .pt-icon-fork::before { content: "" } .pt-icon-trash::before { content: "" } .pt-icon-person::before { content: "" } .pt-icon-people::before { content: "" } .pt-icon-add::before { content: "" } .pt-icon-remove::before { content: "" } .pt-icon-geolocation::before { content: "" } .pt-icon-zoom-in::before { content: "" } .pt-icon-zoom-out::before { content: "" } .pt-icon-refresh::before { content: "" } .pt-icon-delete::before { content: "" } .pt-icon-cog::before { content: "" } .pt-icon-flag::before { content: "⚑" } .pt-icon-pin::before { content: "" } .pt-icon-warning-sign::before { content: "" } .pt-icon-error::before { content: "" } .pt-icon-info-sign::before { content: "ℹ" } .pt-icon-credit-card::before { content: "" } .pt-icon-edit::before { content: "✎" } .pt-icon-history::before { content: "" } .pt-icon-search::before { content: "" } .pt-icon-log-out::before { content: "" } .pt-icon-star::before { content: "★" } .pt-icon-star-empty::before { content: "☆" } .pt-icon-sort-alphabetical::before { content: "" } .pt-icon-sort-numerical::before { content: "" } .pt-icon-sort::before { content: "" } .pt-icon-folder-open::before { content: "" } .pt-icon-folder-close::before { content: "" } .pt-icon-folder-shared::before { content: "" } .pt-icon-caret-up::before { content: "⌃" } .pt-icon-caret-right::before { content: "〉" } .pt-icon-caret-down::before { content: "⌄" } .pt-icon-caret-left::before { content: "〈" } .pt-icon-menu-open::before { content: "" } .pt-icon-menu-closed::before { content: "" } .pt-icon-feed::before { content: "" } .pt-icon-two-columns::before { content: "" } .pt-icon-one-column::before { content: "" } .pt-icon-dot::before { content: "•" } .pt-icon-property::before { content: "" } .pt-icon-time::before { content: "⏲" } .pt-icon-disable::before { content: "" } .pt-icon-unpin::before { content: "" } .pt-icon-flows::before { content: "" } .pt-icon-new-text-box::before { content: "" } .pt-icon-new-link::before { content: "" } .pt-icon-new-object::before { content: "" } .pt-icon-path-search::before { content: "" } .pt-icon-automatic-updates::before { content: "" } .pt-icon-page-layout::before { content: "" } .pt-icon-code::before { content: "" } .pt-icon-map::before { content: "" } .pt-icon-search-text::before { content: "" } .pt-icon-envelope::before { content: "✉" } .pt-icon-paperclip::before { content: "" } .pt-icon-label::before { content: "" } .pt-icon-globe::before { content: "" } .pt-icon-home::before { content: "⌂" } .pt-icon-th::before { content: "" } .pt-icon-th-list::before { content: "" } .pt-icon-th-derived::before { content: "" } .pt-icon-circle::before { content: "" } .pt-icon-draw::before { content: "" } .pt-icon-insert::before { content: "" } .pt-icon-helper-management::before { content: "" } .pt-icon-send-to::before { content: "" } .pt-icon-eye-open::before { content: "" } .pt-icon-folder-shared-open::before { content: "" } .pt-icon-social-media::before { content: "" } .pt-icon-arrow-up::before { content: "↑" } .pt-icon-arrow-down::before { content: "↓" } .pt-icon-arrows-horizontal::before { content: "↔" } .pt-icon-arrows-vertical::before { content: "↕" } .pt-icon-resolve::before { content: "" } .pt-icon-graph::before { content: "" } .pt-icon-briefcase::before { content: "" } .pt-icon-dollar::before { content: "$" } .pt-icon-ninja::before { content: "" } .pt-icon-delta::before { content: "Δ" } .pt-icon-barcode::before { content: "" } .pt-icon-torch::before { content: "" } .pt-icon-widget::before { content: "" } .pt-icon-unresolve::before { content: "" } .pt-icon-offline::before { content: "" } .pt-icon-zoom-to-fit::before { content: "" } .pt-icon-add-to-artifact::before { content: "" } .pt-icon-map-marker::before { content: "" } .pt-icon-chart::before { content: "" } .pt-icon-control::before { content: "" } .pt-icon-multi-select::before { content: "" } .pt-icon-direction-left::before { content: "" } .pt-icon-direction-right::before { content: "" } .pt-icon-database::before { content: "" } .pt-icon-pie-chart::before { content: "" } .pt-icon-full-circle::before { content: "" } .pt-icon-square::before { content: "" } .pt-icon-print::before { content: "⎙" } .pt-icon-presentation::before { content: "" } .pt-icon-ungroup-objects::before { content: "" } .pt-icon-chat::before { content: "" } .pt-icon-comment::before { content: "" } .pt-icon-circle-arrow-right::before { content: "" } .pt-icon-circle-arrow-left::before { content: "" } .pt-icon-circle-arrow-up::before { content: "" } .pt-icon-circle-arrow-down::before { content: "" } .pt-icon-upload::before { content: "" } .pt-icon-asterisk::before { content: "*" } .pt-icon-cloud::before { content: "☁" } .pt-icon-cloud-download::before { content: "" } .pt-icon-cloud-upload::before { content: "" } .pt-icon-repeat::before { content: "" } .pt-icon-move::before { content: "" } .pt-icon-chevron-left::before { content: "" } .pt-icon-chevron-right::before { content: "" } .pt-icon-chevron-up::before { content: "" } .pt-icon-chevron-down::before { content: "" } .pt-icon-random::before { content: "" } .pt-icon-fullscreen::before { content: "" } .pt-icon-log-in::before { content: "" } .pt-icon-heart::before { content: "♥" } .pt-icon-office::before { content: "" } .pt-icon-duplicate::before { content: "" } .pt-icon-ban-circle::before { content: "" } .pt-icon-camera::before { content: "" } .pt-icon-facetime-video::before { content: "" } .pt-icon-video::before { content: "" } .pt-icon-film::before { content: "" } .pt-icon-settings::before { content: "" } .pt-icon-volume-off::before { content: "" } .pt-icon-volume-down::before { content: "" } .pt-icon-volume-up::before { content: "" } .pt-icon-music::before { content: "" } .pt-icon-step-backward::before { content: "" } .pt-icon-fast-backward::before { content: "" } .pt-icon-pause::before { content: "" } .pt-icon-stop::before { content: "" } .pt-icon-play::before { content: "" } .pt-icon-fast-forward::before { content: "" } .pt-icon-step-forward::before { content: "" } .pt-icon-eject::before { content: "⏏" } .pt-icon-record::before { content: "" } .pt-icon-desktop::before { content: "" } .pt-icon-phone::before { content: "☎" } .pt-icon-lightbulb::before { content: "" } .pt-icon-glass::before { content: "" } .pt-icon-tint::before { content: "" } .pt-icon-flash::before { content: "" } .pt-icon-font::before { content: "" } .pt-icon-header::before { content: "" } .pt-icon-saved::before { content: "" } .pt-icon-floppy-disk::before { content: "" } .pt-icon-book::before { content: "" } .pt-icon-hand-right::before { content: "" } .pt-icon-hand-up::before { content: "" } .pt-icon-hand-down::before { content: "" } .pt-icon-hand-left::before { content: "" } .pt-icon-thumbs-up::before { content: "" } .pt-icon-thumbs-down::before { content: "" } .pt-icon-box::before { content: "" } .pt-icon-compressed::before { content: "" } .pt-icon-shopping-cart::before { content: "" } .pt-icon-shop::before { content: "" } .pt-icon-layout-linear::before { content: "" } .pt-icon-undo::before { content: "⎌" } .pt-icon-redo::before { content: "" } .pt-icon-code-block::before { content: "" } .pt-icon-double-caret-vertical::before { content: "" } .pt-icon-double-caret-horizontal::before { content: "" } .pt-icon-sort-alphabetical-desc::before { content: "" } .pt-icon-sort-numerical-desc::before { content: "" } .pt-icon-take-action::before { content: "" } .pt-icon-contrast::before { content: "" } .pt-icon-eye-off::before { content: "" } .pt-icon-timeline-area-chart::before { content: "" } .pt-icon-doughnut-chart::before { content: "" } .pt-icon-layer::before { content: "" } .pt-icon-grid::before { content: "" } .pt-icon-polygon-filter::before { content: "" } .pt-icon-add-to-folder::before { content: "" } .pt-icon-layout-balloon::before { content: "" } .pt-icon-layout-sorted-clusters::before { content: "" } .pt-icon-sort-asc::before { content: "" } .pt-icon-sort-desc::before { content: "" } .pt-icon-small-cross::before { content: "" } .pt-icon-small-tick::before { content: "" } .pt-icon-power::before { content: "" } .pt-icon-column-layout::before { content: "" } .pt-icon-arrow-top-left::before { content: "↖" } .pt-icon-arrow-top-right::before { content: "↗" } .pt-icon-arrow-bottom-right::before { content: "↘" } .pt-icon-arrow-bottom-left::before { content: "↙" } .pt-icon-mugshot::before { content: "" } .pt-icon-headset::before { content: "" } .pt-icon-text-highlight::before { content: "" } .pt-icon-hand::before { content: "" } .pt-icon-chevron-backward::before { content: "" } .pt-icon-chevron-forward::before { content: "" } .pt-icon-rotate-document::before { content: "" } .pt-icon-rotate-page::before { content: "" } .pt-icon-badge::before { content: "" } .pt-icon-grid-view::before { content: "" } .pt-icon-function::before { content: "" } .pt-icon-waterfall-chart::before { content: "" } .pt-icon-stacked-chart::before { content: "" } .pt-icon-pulse::before { content: "" } .pt-icon-new-person::before { content: "" } .pt-icon-exclude-row::before { content: "" } .pt-icon-pivot-table::before { content: "" } .pt-icon-segmented-control::before { content: "" } .pt-icon-highlight::before { content: "" } .pt-icon-filter-list::before { content: "" } .pt-icon-cut::before { content: "" } .pt-icon-annotation::before { content: "" } .pt-icon-pivot::before { content: "" } .pt-icon-ring::before { content: "" } .pt-icon-heat-grid::before { content: "" } .pt-icon-gantt-chart::before { content: "" } .pt-icon-variable::before { content: "" } .pt-icon-manual::before { content: "" } .pt-icon-add-row-top::before { content: "" } .pt-icon-add-row-bottom::before { content: "" } .pt-icon-add-column-left::before { content: "" } .pt-icon-add-column-right::before { content: "" } .pt-icon-remove-row-top::before { content: "" } .pt-icon-remove-row-bottom::before { content: "" } .pt-icon-remove-column-left::before { content: "" } .pt-icon-remove-column-right::before { content: "" } .pt-icon-double-chevron-left::before { content: "" } .pt-icon-double-chevron-right::before { content: "" } .pt-icon-double-chevron-up::before { content: "" } .pt-icon-double-chevron-down::before { content: "" } .pt-icon-key-control::before { content: "" } .pt-icon-key-command::before { content: "" } .pt-icon-key-shift::before { content: "" } .pt-icon-key-backspace::before { content: "" } .pt-icon-key-delete::before { content: "" } .pt-icon-key-escape::before { content: "" } .pt-icon-key-enter::before { content: "" } .pt-icon-calculator::before { content: "" } .pt-icon-horizontal-bar-chart::before { content: "" } .pt-icon-small-plus::before { content: "" } .pt-icon-small-minus::before { content: "" } .pt-icon-step-chart::before { content: "" } .pt-icon-euro::before { content: "€" } .pt-icon-twitter::before { content: "" } .pt-icon-facebook::before { content: "" } .pt-icon-google::before { content: "" } .pt-icon-instagram::before { content: "" } .pt-icon-linkedin::before { content: "" } .pt-icon-drag-handle-vertical::before { content: "" } .pt-icon-drag-handle-horizontal::before { content: "" } .pt-icon-mobile-phone::before { content: "" } .pt-icon-sim-card::before { content: "" } .pt-icon-trending-up::before { content: "" } .pt-icon-trending-down::before { content: "" } .pt-icon-curved-range-chart::before { content: "" } .pt-icon-vertical-bar-chart-desc::before { content: "" } .pt-icon-horizontal-bar-chart-desc::before { content: "" } .pt-icon-document-open::before { content: "" } .pt-icon-document-share::before { content: "" } .pt-icon-horizontal-distribution::before { content: "" } .pt-icon-vertical-distribution::before { content: "" } .pt-icon-alignment-left::before { content: "" } .pt-icon-alignment-vertical-center::before { content: "" } .pt-icon-alignment-right::before { content: "" } .pt-icon-alignment-top::before { content: "" } .pt-icon-alignment-horizontal-center::before { content: "" } .pt-icon-alignment-bottom::before { content: "" } .pt-icon-git-pull::before { content: "" } .pt-icon-git-merge::before { content: "" } .pt-icon-git-branch::before { content: "" } .pt-icon-git-commit::before { content: "" } .pt-icon-git-push::before { content: "" } .pt-icon-build::before { content: "" } .pt-icon-symbol-circle::before { content: "" } .pt-icon-symbol-square::before { content: "" } .pt-icon-symbol-diamond::before { content: "" } .pt-icon-symbol-cross::before { content: "" } .pt-icon-symbol-triangle-up::before { content: "" } .pt-icon-symbol-triangle-down::before { content: "" } .pt-icon-wrench::before { content: "" } .pt-icon-application::before { content: "" } .pt-icon-send-to-graph::before { content: "" } .pt-icon-send-to-map::before { content: "" } .pt-icon-join-table::before { content: "" } .pt-icon-derive-column::before { content: "" } .pt-icon-image-rotate-left::before { content: "" } .pt-icon-image-rotate-right::before { content: "" } .pt-icon-known-vehicle::before { content: "" } .pt-icon-unknown-vehicle::before { content: "" } .pt-icon-scatter-plot::before { content: "" } .pt-icon-oil-field::before { content: "" } .pt-icon-rig::before { content: "" } .pt-icon-map-create::before { content: "" } .pt-icon-key-option::before { content: "" } .pt-icon-list-detail-view::before { content: "" } .pt-icon-swap-vertical::before { content: "" } .pt-icon-swap-horizontal::before { content: "" } .pt-icon-numbered-list::before { content: "" } .pt-icon-new-grid-item::before { content: "" } .pt-icon-git-repo::before { content: "" } .pt-icon-git-new-branch::before { content: "" } .pt-icon-manually-entered-data::before { content: "" } .pt-icon-airplane::before { content: "" } .pt-icon-whatsapp::before { content: "" } .pt-icon-kik::before { content: "" } .pt-icon-surespot::before { content: "" } .pt-icon-merge-columns::before { content: "" } .pt-icon-split-columns::before { content: "" } .pt-icon-dashboard::before { content: "" } .pt-icon-publish-function::before { content: "" } .pt-icon-path::before { content: "" } .pt-icon-moon::before { content: "" } .pt-icon-remove-column::before { content: "" } .pt-icon-numerical::before { content: "" } .pt-focus-disabled :focus { outline: none !important } .pt-focus-disabled :focus ~ .pt-control-indicator { outline: none !important } .pt-alert { max-width: 400px; padding: 20px } .pt-alert-body { display: flex } .pt-alert-body .pt-icon { margin-right: 20px; font-size: 40px } .pt-alert-footer { display: flex; flex-direction: row-reverse; margin-top: 10px } .pt-alert-footer .pt-button { margin-left: 10px } .pt-breadcrumbs { display: inline-block; margin: 0; cursor: default; padding: 0; list-style: none; vertical-align: top; line-height: 30px } .pt-breadcrumbs>li { float: left } .pt-breadcrumbs>li::after { line-height: 1; font-family: "Icons16", sans-serif; font-size: 16px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; padding: 0 5px; color: #5c7080; content: "" } .pt-breadcrumbs>li:last-child::after { display: none } .pt-breadcrumb,.pt-breadcrumb-current,.pt-breadcrumbs-collapsed { display: inline-block; line-height: 19px; font-size: 16px } .pt-breadcrumb,.pt-breadcrumbs-collapsed { color: #5c7080 } .pt-breadcrumb:hover { text-decoration: none } .pt-breadcrumb.pt-disabled { cursor: not-allowed; color: rgba(92,112,128,0.5) } .pt-breadcrumb-current { color: inherit; font-weight: 600 } .pt-breadcrumb-current .pt-input { vertical-align: baseline; font-size: inherit; font-weight: inherit } .pt-breadcrumbs-collapsed { margin-right: 2px; border: none; border-radius: 3px; background: #ced9e0; cursor: pointer; padding: 0 5px } .pt-breadcrumbs-collapsed::before { line-height: 1; font-family: "Icons20", sans-serif; font-size: 20px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; line-height: 19px; content: "" } .pt-breadcrumbs-collapsed:hover { background: #bfccd6; text-decoration: none; color: #182026 } .pt-dark .pt-breadcrumb,.pt-dark .pt-breadcrumbs-collapsed { color: #bfccd6 } .pt-dark .pt-breadcrumbs>li::after { color: #bfccd6 } .pt-dark .pt-breadcrumb.pt-disabled { color: rgba(191,204,214,0.5) } .pt-dark .pt-breadcrumb-current { color: #f5f8fa } .pt-dark .pt-breadcrumbs-collapsed { background: rgba(16,22,26,0.4) } .pt-dark .pt-breadcrumbs-collapsed:hover { background: rgba(16,22,26,0.6); color: #f5f8fa } .pt-button-group { display: inline-flex } .pt-button-group .pt-button { flex: 0 0 auto; position: relative; z-index: 0 } .pt-button-group .pt-button[class*="pt-intent-"] { z-index: 1 } .pt-button-group .pt-button:focus { z-index: 2 } .pt-button-group .pt-button:hover { z-index: 3 } .pt-button-group .pt-button:active,.pt-button-group .pt-button.pt-active,.pt-button-group .pt-button.pt-active { z-index: 4 } .pt-button-group .pt-button:disabled,.pt-button-group .pt-button.pt-disabled,.pt-button-group .pt-button.pt-disabled { z-index: 0 } .pt-button-group:not(.pt-vertical) .pt-button:not(:last-child):not(:hover):not(:active):not(.pt-active):not([class*="pt-intent-"]) { border-right-color: transparent } .pt-button-group:not(.pt-minimal)>.pt-popover-target:not(:first-child) .pt-button,.pt-button-group:not(.pt-minimal)>.pt-button:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .pt-button-group:not(.pt-minimal)>.pt-popover-target:not(:last-child) .pt-button,.pt-button-group:not(.pt-minimal)>.pt-button:not(:last-child) { margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0 } .pt-button-group.pt-minimal .pt-button { border-color: transparent; box-shadow: none; background: none; margin-right: 11px; border-radius: 3px !important; overflow: visible } .pt-button-group.pt-minimal .pt-button:focus { box-shadow: none } .pt-button-group.pt-minimal .pt-button:hover { border-color: transparent; box-shadow: none; background: rgba(167,182,194,0.3); text-decoration: none; color: #182026 } .pt-button-group.pt-minimal .pt-button.pt-active,.pt-button-group.pt-minimal .pt-button:active,.pt-button-group.pt-minimal .pt-button.pt-active { border-color: transparent; background: rgba(115,134,148,0.3); color: #182026 } .pt-button-group.pt-minimal .pt-button.pt-disabled,.pt-button-group.pt-minimal .pt-button:disabled,.pt-button-group.pt-minimal .pt-button.pt-disabled,.pt-button-group.pt-minimal .pt-button:disabled:hover,.pt-button-group.pt-minimal .pt-button.pt-disabled:hover { border-color: transparent; background: inherit; cursor: not-allowed; color: rgba(92,112,128,0.5) } .pt-dark .pt-button-group.pt-minimal .pt-button { border-color: transparent; box-shadow: none; background: none; color: inherit } .pt-dark .pt-button-group.pt-minimal .pt-button:hover,.pt-dark .pt-button-group.pt-minimal .pt-button:active,.pt-dark .pt-button-group.pt-minimal .pt-button.pt-active,.pt-dark .pt-button-group.pt-minimal .pt-button.pt-active { border-color: transparent; box-shadow: none; background: none } .pt-dark .pt-button-group.pt-minimal .pt-button:hover { background: rgba(138,155,168,0.15) } .pt-dark .pt-button-group.pt-minimal .pt-button:active,.pt-dark .pt-button-group.pt-minimal .pt-button.pt-active,.pt-dark .pt-button-group.pt-minimal .pt-button.pt-active { background: rgba(138,155,168,0.3); color: #f5f8fa } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled,.pt-dark .pt-button-group.pt-minimal .pt-button:disabled,.pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled,.pt-dark .pt-button-group.pt-minimal .pt-button:disabled:hover,.pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled:hover { border-color: transparent; background: inherit; cursor: not-allowed; color: rgba(191,204,214,0.5) } .pt-button-group.pt-minimal .pt-button.pt-intent-primary { color: #106ba3 } .pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover,.pt-button-group.pt-minimal .pt-button.pt-intent-primary:active,.pt-button-group.pt-minimal .pt-intent-primary.pt-button.pt-active,.pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active { box-shadow: none; background: none; color: #106ba3 } .pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover { background: rgba(19,124,189,0.15) } .pt-button-group.pt-minimal .pt-button.pt-intent-primary:active,.pt-button-group.pt-minimal .pt-intent-primary.pt-button.pt-active,.pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active { background: rgba(19,124,189,0.3); color: #106ba3 } .pt-button-group.pt-minimal .pt-button.pt-intent-primary:disabled,.pt-button-group.pt-minimal .pt-intent-primary.pt-button.pt-disabled,.pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-disabled { background: none; color: rgba(16,107,163,0.5) } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary { color: #3663E5 } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover { background: rgba(19,124,189,0.2); color: #2b95d6 } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:active,.pt-dark .pt-button-group.pt-minimal .pt-intent-primary.pt-button.pt-active,.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active { background: rgba(19,124,189,0.3); color: #2b95d6 } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:disabled,.pt-dark .pt-button-group.pt-minimal .pt-intent-primary.pt-button.pt-disabled,.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-disabled { color: rgba(43,149,214,0.5) } .pt-button-group.pt-minimal .pt-button.pt-intent-success { color: #0d8050 } .pt-button-group.pt-minimal .pt-button.pt-intent-success:hover,.pt-button-group.pt-minimal .pt-button.pt-intent-success:active,.pt-button-group.pt-minimal .pt-intent-success.pt-button.pt-active,.pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active { box-shadow: none; background: none; color: #0d8050 } .pt-button-group.pt-minimal .pt-button.pt-intent-success:hover { background: rgba(15,153,96,0.15) } .pt-button-group.pt-minimal .pt-button.pt-intent-success:active,.pt-button-group.pt-minimal .pt-intent-success.pt-button.pt-active,.pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active { background: rgba(15,153,96,0.3); color: #0d8050 } .pt-button-group.pt-minimal .pt-button.pt-intent-success:disabled,.pt-button-group.pt-minimal .pt-intent-success.pt-button.pt-disabled,.pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-disabled { background: none; color: rgba(13,128,80,0.5) } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success { color: #15b371 } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:hover { background: rgba(15,153,96,0.2); color: #15b371 } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:active,.pt-dark .pt-button-group.pt-minimal .pt-intent-success.pt-button.pt-active,.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active { background: rgba(15,153,96,0.3); color: #15b371 } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:disabled,.pt-dark .pt-button-group.pt-minimal .pt-intent-success.pt-button.pt-disabled,.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-disabled { color: rgba(21,179,113,0.5) } .pt-button-group.pt-minimal .pt-button.pt-intent-warning { color: #bf7326 } .pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover,.pt-button-group.pt-minimal .pt-button.pt-intent-warning:active,.pt-button-group.pt-minimal .pt-intent-warning.pt-button.pt-active,.pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active { box-shadow: none; background: none; color: #bf7326 } .pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover { background: rgba(217,130,43,0.15) } .pt-button-group.pt-minimal .pt-button.pt-intent-warning:active,.pt-button-group.pt-minimal .pt-intent-warning.pt-button.pt-active,.pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active { background: rgba(217,130,43,0.3); color: #bf7326 } .pt-button-group.pt-minimal .pt-button.pt-intent-warning:disabled,.pt-button-group.pt-minimal .pt-intent-warning.pt-button.pt-disabled,.pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-disabled { background: none; color: rgba(191,115,38,0.5) } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning { color: #f29d49 } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover { background: rgba(217,130,43,0.2); color: #f29d49 } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:active,.pt-dark .pt-button-group.pt-minimal .pt-intent-warning.pt-button.pt-active,.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active { background: rgba(217,130,43,0.3); color: #f29d49 } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:disabled,.pt-dark .pt-button-group.pt-minimal .pt-intent-warning.pt-button.pt-disabled,.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-disabled { color: rgba(242,157,73,0.5) } .pt-button-group.pt-minimal .pt-button.pt-intent-danger { color: #c23030 } .pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover,.pt-button-group.pt-minimal .pt-button.pt-intent-danger:active,.pt-button-group.pt-minimal .pt-intent-danger.pt-button.pt-active,.pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active { box-shadow: none; background: none; color: #c23030 } .pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover { background: rgba(219,55,55,0.15) } .pt-button-group.pt-minimal .pt-button.pt-intent-danger:active,.pt-button-group.pt-minimal .pt-intent-danger.pt-button.pt-active,.pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active { background: rgba(219,55,55,0.3); color: #c23030 } .pt-button-group.pt-minimal .pt-button.pt-intent-danger:disabled,.pt-button-group.pt-minimal .pt-intent-danger.pt-button.pt-disabled,.pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-disabled { background: none; color: rgba(194,48,48,0.5) } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger { color: #f55656 } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:hover { background: rgba(219,55,55,0.2); color: #f55656 } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:active,.pt-dark .pt-button-group.pt-minimal .pt-intent-danger.pt-button.pt-active,.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-active { background: rgba(219,55,55,0.3); color: #f55656 } .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger:disabled,.pt-dark .pt-button-group.pt-minimal .pt-intent-danger.pt-button.pt-disabled,.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-danger.pt-disabled { color: rgba(245,86,86,0.5) } .pt-button-group.pt-minimal .pt-button::after { margin: 5px; background: rgba(16,22,26,0.15); width: 1px; height: 20px; display: inline-block; position: absolute; top: 0; left: 100%; content: "" } .pt-dark .pt-button-group.pt-minimal .pt-button::after { background: rgba(255,255,255,0.15) } .pt-button-group.pt-minimal>.pt-popover-target:last-child .pt-button,.pt-button-group.pt-minimal>.pt-button:last-child { margin-right: 0 } .pt-button-group.pt-minimal>.pt-popover-target:last-child .pt-button::after,.pt-button-group.pt-minimal>.pt-button:last-child::after { display: none } .pt-button-group.pt-fill { display: flex } .pt-button-group .pt-button.pt-fill,.pt-button-group.pt-fill .pt-button:not(.pt-fixed) { flex: 1 1 auto } .pt-button-group.pt-vertical { flex-direction: column; align-items: stretch; vertical-align: top } .pt-button-group.pt-vertical .pt-button { margin-right: 0 !important } .pt-button-group.pt-vertical .pt-button:not(:last-child):not(:hover):not(:active):not(.pt-active):not([class*="pt-intent-"]) { border-bottom-color: transparent } .pt-button-group.pt-vertical>.pt-popover-target:first-child .pt-button,.pt-button-group.pt-vertical>.pt-button:first-child { border-radius: 3px 3px 0 0 } .pt-button-group.pt-vertical>.pt-popover-target:last-child .pt-button,.pt-button-group.pt-vertical>.pt-button:last-child { border-radius: 0 0 3px 3px } .pt-button-group.pt-vertical>.pt-popover-target:not(:last-child) .pt-button,.pt-button-group.pt-vertical>.pt-button:not(:last-child) { margin-bottom: -1px } .pt-button-group.pt-vertical.pt-minimal .pt-button:not(:last-child) { margin-bottom: 11px } .pt-button-group.pt-vertical.pt-minimal .pt-button::after { top: 100%; right: 0; left: 0; width: auto; height: 1px } .pt-button-group.pt-align-left .pt-button { text-align: left } .pt-button { display: inline-block; border: 1px solid; border-radius: 3px; cursor: pointer; padding: 0 10px; vertical-align: middle; font-size: 14px; min-width: 30px; min-height: 30px; line-height: 28px } .pt-button:disabled,.pt-button.pt-disabled { cursor: not-allowed } .pt-button.pt-fill { width: 100% } .pt-button:not([class*="pt-intent-"]) { background: #f5f8fa; background: linear-gradient(to bottom, #fff, rgba(255,255,255,0)) left no-repeat,center no-repeat #f9fcfd; border-color: rgba(96,102,106,0.1) rgba(96,102,106,0.1) rgba(96,102,106,0.17) rgba(96,102,106,0.1); box-shadow: 0 1px 1px rgba(16,22,26,0.1); background-clip: padding-box; color: #182026 } .pt-button:not([class*="pt-intent-"]):hover { background: #ebf1f5; background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0)) left no-repeat,center no-repeat #f3f6f9; border-color: rgba(96,102,106,0.2) rgba(96,102,106,0.2) rgba(96,102,106,0.27) rgba(96,102,106,0.2); box-shadow: 0 1px 1px rgba(16,22,26,0.1); background-clip: padding-box } .pt-button:not([class*="pt-intent-"]):active,.pt-button.pt-active:not([class*="pt-intent-"]) { border-color: rgba(96,102,106,0.35) rgba(96,102,106,0.25) rgba(96,102,106,0.25) rgba(96,102,106,0.25); box-shadow: inset 0 1px 1px rgba(16,22,26,0.1); background-color: #ced9e0; background-image: none } .pt-button:not([class*="pt-intent-"]):disabled,.pt-button.pt-disabled:not([class*="pt-intent-"]) { outline: none; border-color: transparent; box-shadow: none; background-clip: border-box; background-color: rgba(206,217,224,0.5); background-image: none; cursor: not-allowed; color: rgba(92,112,128,0.5) } .pt-button.pt-intent-primary { background: #3663E5; border-color: rgba(96,102,106,0.1) rgba(96,102,106,0.1) rgba(96,102,106,0.3) rgba(96,102,106,0.1); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: border-box; color: #ffffff } .pt-button.pt-intent-primary:hover,.pt-button.pt-intent-primary:active,.pt-intent-primary.pt-button.pt-active,.pt-button.pt-intent-primary:disabled,.pt-intent-primary.pt-button.pt-disabled { color: #ffffff } .pt-button.pt-intent-primary:hover { background: #3188EF; box-shadow: 0 1px 1px rgba(16,22,26,0.2) } .pt-button.pt-intent-primary:active,.pt-intent-primary.pt-button.pt-active { border-color: rgba(16,22,26,0.6) rgba(16,22,26,0.2) rgba(16,22,26,0.2) rgba(16,22,26,0.2); box-shadow: inset 0 1px 1px rgba(16,22,26,0.2); background-color: #0e5a8a; background-image: none } .pt-button.pt-intent-primary:disabled,.pt-intent-primary.pt-button.pt-disabled { border-color: transparent; box-shadow: none; background-color: rgba(19,124,189,0.5); background-image: none } .pt-button.pt-intent-success { background: #0f9960; background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0)) left no-repeat,center no-repeat #0f9960; border-color: rgba(16,22,26,0.1) rgba(16,22,26,0.1) rgba(16,22,26,0.3) rgba(16,22,26,0.1); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: border-box; color: #ffffff } .pt-button.pt-intent-success:hover,.pt-button.pt-intent-success:active,.pt-intent-success.pt-button.pt-active,.pt-button.pt-intent-success:disabled,.pt-intent-success.pt-button.pt-disabled { color: #ffffff } .pt-button.pt-intent-success:hover { background: #0d8050; background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0)) left no-repeat,center no-repeat #0d8050; box-shadow: 0 1px 1px rgba(16,22,26,0.2) } .pt-button.pt-intent-success:active,.pt-intent-success.pt-button.pt-active { border-color: rgba(16,22,26,0.6) rgba(16,22,26,0.2) rgba(16,22,26,0.2) rgba(16,22,26,0.2); box-shadow: inset 0 1px 1px rgba(16,22,26,0.2); background-color: #0a6640; background-image: none } .pt-button.pt-intent-success:disabled,.pt-intent-success.pt-button.pt-disabled { border-color: transparent; box-shadow: none; background-color: rgba(15,153,96,0.5); background-image: none } .pt-button.pt-intent-warning { background: #d9822b; background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0)) left no-repeat,center no-repeat #d9822b; border-color: rgba(16,22,26,0.1) rgba(16,22,26,0.1) rgba(16,22,26,0.3) rgba(16,22,26,0.1); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: border-box; color: #ffffff } .pt-button.pt-intent-warning:hover,.pt-button.pt-intent-warning:active,.pt-intent-warning.pt-button.pt-active,.pt-button.pt-intent-warning:disabled,.pt-intent-warning.pt-button.pt-disabled { color: #ffffff } .pt-button.pt-intent-warning:hover { background: #bf7326; background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0)) left no-repeat,center no-repeat #bf7326; box-shadow: 0 1px 1px rgba(16,22,26,0.2) } .pt-button.pt-intent-warning:active,.pt-intent-warning.pt-button.pt-active { border-color: rgba(16,22,26,0.6) rgba(16,22,26,0.2) rgba(16,22,26,0.2) rgba(16,22,26,0.2); box-shadow: inset 0 1px 1px rgba(16,22,26,0.2); background-color: #a66321; background-image: none } .pt-button.pt-intent-warning:disabled,.pt-intent-warning.pt-button.pt-disabled { border-color: transparent; box-shadow: none; background-color: rgba(217,130,43,0.5); background-image: none } .pt-button.pt-intent-danger { background: #db3737; background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0)) left no-repeat,center no-repeat #db3737; border-color: rgba(16,22,26,0.1) rgba(16,22,26,0.1) rgba(16,22,26,0.3) rgba(16,22,26,0.1); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: border-box; color: #ffffff } .pt-button.pt-intent-danger:hover,.pt-button.pt-intent-danger:active,.pt-intent-danger.pt-button.pt-active,.pt-button.pt-intent-danger:disabled,.pt-intent-danger.pt-button.pt-disabled { color: #ffffff } .pt-button.pt-intent-danger:hover { background: #c23030; background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0)) left no-repeat,center no-repeat #c23030; box-shadow: 0 1px 1px rgba(16,22,26,0.2) } .pt-button.pt-intent-danger:active,.pt-intent-danger.pt-button.pt-active { border-color: rgba(16,22,26,0.6) rgba(16,22,26,0.2) rgba(16,22,26,0.2) rgba(16,22,26,0.2); box-shadow: inset 0 1px 1px rgba(16,22,26,0.2); background-color: #a82a2a; background-image: none } .pt-button.pt-intent-danger:disabled,.pt-intent-danger.pt-button.pt-disabled { border-color: transparent; box-shadow: none; background-color: rgba(219,55,55,0.5); background-image: none } .pt-button[class*="pt-icon-"]::before { line-height: 1; font-family: "Icons16", sans-serif; font-size: 16px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin-right: 7px; color: #5c7080 } .pt-button .pt-icon,.pt-button .pt-icon-standard,.pt-button .pt-icon-large { margin-right: 7px; color: #5c7080 } .pt-button .pt-icon.pt-align-right,.pt-button .pt-icon-standard.pt-align-right,.pt-button .pt-icon-large.pt-align-right { margin-right: 0; margin-left: 7px } .pt-dark .pt-button:not([class*="pt-intent-"]) { background: rgba(255,255,255,0.1); background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0.06)) left no-repeat; border-color: rgba(16,22,26,0.6); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: padding-box; color: #f5f8fa } .pt-dark .pt-button:not([class*="pt-intent-"]):hover,.pt-dark .pt-button:not([class*="pt-intent-"]):active,.pt-dark .pt-button.pt-active:not([class*="pt-intent-"]) { color: #f5f8fa } .pt-dark .pt-button:not([class*="pt-intent-"]):hover { background: rgba(255,255,255,0.1); background: linear-gradient(to bottom, rgba(16,22,26,0.1), rgba(16,22,26,0.2)) left no-repeat,center no-repeat rgba(255,255,255,0.1); border-color: rgba(16,22,26,0.8); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: padding-box } .pt-dark .pt-button:not([class*="pt-intent-"]):active,.pt-dark .pt-button.pt-active:not([class*="pt-intent-"]) { box-shadow: inset 0 1px 1px rgba(16,22,26,0.2); background-color: rgba(16,22,26,0.1); background-image: none } .pt-dark .pt-button:not([class*="pt-intent-"]):disabled,.pt-dark .pt-button.pt-disabled:not([class*="pt-intent-"]) { border-color: rgba(206,217,224,0.1); box-shadow: none; background-color: rgba(206,217,224,0.1); background-image: none; color: rgba(191,204,214,0.5) } .pt-dark .pt-button:not([class*="pt-intent-"])[class*="pt-icon-"]::before { color: #bfccd6 } .pt-dark .pt-button:not([class*="pt-intent-"]) .pt-icon,.pt-dark .pt-button:not([class*="pt-intent-"]) .pt-icon-standard,.pt-dark .pt-button:not([class*="pt-intent-"]) .pt-icon-large { color: #bfccd6 } .pt-dark .pt-button[class*="pt-intent-"] { border-color: rgba(16,22,26,0.6); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: padding-box } .pt-dark .pt-button[class*="pt-intent-"]:hover { box-shadow: 0 1px 1px rgba(16,22,26,0.2) } .pt-dark .pt-button[class*="pt-intent-"]:active,.pt-dark [class*="pt-intent-"].pt-button.pt-active { box-shadow: inset 0 1px 1px rgba(16,22,26,0.2) } .pt-dark .pt-button[class*="pt-intent-"]:disabled,.pt-dark [class*="pt-intent-"].pt-button.pt-disabled { border: none; box-shadow: none; background-image: none; color: rgba(255,255,255,0.3) } .pt-button:disabled::before,.pt-button.pt-disabled::before,.pt-button[class*="pt-intent-"]::before { color: inherit !important } .pt-button:disabled .pt-icon,.pt-button.pt-disabled .pt-icon,.pt-button:disabled .pt-icon-standard,.pt-button.pt-disabled .pt-icon-standard,.pt-button:disabled .pt-icon-large,.pt-button.pt-disabled .pt-icon-large,.pt-button[class*="pt-intent-"] .pt-icon,.pt-button[class*="pt-intent-"] .pt-icon-standard,.pt-button[class*="pt-intent-"] .pt-icon-large { color: inherit !important } .pt-button.pt-minimal { border-color: transparent; box-shadow: none; background: none } .pt-button.pt-minimal:focus { box-shadow: none } .pt-button.pt-minimal:hover { border-color: transparent; box-shadow: none; background: rgba(167,182,194,0.3); text-decoration: none; color: #182026 } .pt-button.pt-minimal.pt-active,.pt-button.pt-minimal:active,.pt-minimal.pt-button.pt-active { border-color: transparent; background: rgba(115,134,148,0.3); color: #182026 } .pt-button.pt-minimal.pt-disabled,.pt-button.pt-minimal:disabled,.pt-minimal.pt-button.pt-disabled,.pt-button.pt-minimal:disabled:hover,.pt-minimal.pt-button.pt-disabled:hover { border-color: transparent; background: inherit; cursor: not-allowed; color: rgba(92,112,128,0.5) } .pt-dark .pt-button.pt-minimal { border-color: transparent; box-shadow: none; background: none; color: inherit } .pt-dark .pt-button.pt-minimal:hover,.pt-dark .pt-button.pt-minimal:active,.pt-dark .pt-minimal.pt-button.pt-active,.pt-dark .pt-button.pt-minimal.pt-active { border-color: transparent; box-shadow: none; background: none } .pt-dark .pt-button.pt-minimal:hover { background: rgba(138,155,168,0.15) } .pt-dark .pt-button.pt-minimal:active,.pt-dark .pt-minimal.pt-button.pt-active,.pt-dark .pt-button.pt-minimal.pt-active { background: rgba(138,155,168,0.3); color: #f5f8fa } .pt-dark .pt-button.pt-minimal.pt-disabled,.pt-dark .pt-button.pt-minimal:disabled,.pt-dark .pt-minimal.pt-button.pt-disabled,.pt-dark .pt-button.pt-minimal:disabled:hover,.pt-dark .pt-minimal.pt-button.pt-disabled:hover { border-color: transparent; background: inherit; cursor: not-allowed; color: rgba(191,204,214,0.5) } .pt-button.pt-minimal.pt-intent-primary { color: #106ba3 } .pt-button.pt-minimal.pt-intent-primary:hover,.pt-button.pt-minimal.pt-intent-primary:active,.pt-minimal.pt-intent-primary.pt-button.pt-active,.pt-button.pt-minimal.pt-intent-primary.pt-active { box-shadow: none; background: none; color: #106ba3 } .pt-button.pt-minimal.pt-intent-primary:hover { background: rgba(19,124,189,0.15) } .pt-button.pt-minimal.pt-intent-primary:active,.pt-minimal.pt-intent-primary.pt-button.pt-active,.pt-button.pt-minimal.pt-intent-primary.pt-active { background: rgba(19,124,189,0.3); color: #106ba3 } .pt-button.pt-minimal.pt-intent-primary:disabled,.pt-minimal.pt-intent-primary.pt-button.pt-disabled,.pt-button.pt-minimal.pt-intent-primary.pt-disabled { background: none; color: rgba(16,107,163,0.5) } .pt-dark .pt-button.pt-minimal.pt-intent-primary { color: #2b95d6 } .pt-dark .pt-button.pt-minimal.pt-intent-primary:hover { background: rgba(19,124,189,0.2); color: #2b95d6 } .pt-dark .pt-button.pt-minimal.pt-intent-primary:active,.pt-dark .pt-minimal.pt-intent-primary.pt-button.pt-active,.pt-dark .pt-button.pt-minimal.pt-intent-primary.pt-active { background: rgba(19,124,189,0.3); color: #2b95d6 } .pt-dark .pt-button.pt-minimal.pt-intent-primary:disabled,.pt-dark .pt-minimal.pt-intent-primary.pt-button.pt-disabled,.pt-dark .pt-button.pt-minimal.pt-intent-primary.pt-disabled { color: rgba(43,149,214,0.5) } .pt-button.pt-minimal.pt-intent-success { color: #0d8050 } .pt-button.pt-minimal.pt-intent-success:hover,.pt-button.pt-minimal.pt-intent-success:active,.pt-minimal.pt-intent-success.pt-button.pt-active,.pt-button.pt-minimal.pt-intent-success.pt-active { box-shadow: none; background: none; color: #0d8050 } .pt-button.pt-minimal.pt-intent-success:hover { background: rgba(15,153,96,0.15) } .pt-button.pt-minimal.pt-intent-success:active,.pt-minimal.pt-intent-success.pt-button.pt-active,.pt-button.pt-minimal.pt-intent-success.pt-active { background: rgba(15,153,96,0.3); color: #0d8050 } .pt-button.pt-minimal.pt-intent-success:disabled,.pt-minimal.pt-intent-success.pt-button.pt-disabled,.pt-button.pt-minimal.pt-intent-success.pt-disabled { background: none; color: rgba(13,128,80,0.5) } .pt-dark .pt-button.pt-minimal.pt-intent-success { color: #15b371 } .pt-dark .pt-button.pt-minimal.pt-intent-success:hover { background: rgba(15,153,96,0.2); color: #15b371 } .pt-dark .pt-button.pt-minimal.pt-intent-success:active,.pt-dark .pt-minimal.pt-intent-success.pt-button.pt-active,.pt-dark .pt-button.pt-minimal.pt-intent-success.pt-active { background: rgba(15,153,96,0.3); color: #15b371 } .pt-dark .pt-button.pt-minimal.pt-intent-success:disabled,.pt-dark .pt-minimal.pt-intent-success.pt-button.pt-disabled,.pt-dark .pt-button.pt-minimal.pt-intent-success.pt-disabled { color: rgba(21,179,113,0.5) } .pt-button.pt-minimal.pt-intent-warning { color: #bf7326 } .pt-button.pt-minimal.pt-intent-warning:hover,.pt-button.pt-minimal.pt-intent-warning:active,.pt-minimal.pt-intent-warning.pt-button.pt-active,.pt-button.pt-minimal.pt-intent-warning.pt-active { box-shadow: none; background: none; color: #bf7326 } .pt-button.pt-minimal.pt-intent-warning:hover { background: rgba(217,130,43,0.15) } .pt-button.pt-minimal.pt-intent-warning:active,.pt-minimal.pt-intent-warning.pt-button.pt-active,.pt-button.pt-minimal.pt-intent-warning.pt-active { background: rgba(217,130,43,0.3); color: #bf7326 } .pt-button.pt-minimal.pt-intent-warning:disabled,.pt-minimal.pt-intent-warning.pt-button.pt-disabled,.pt-button.pt-minimal.pt-intent-warning.pt-disabled { background: none; color: rgba(191,115,38,0.5) } .pt-dark .pt-button.pt-minimal.pt-intent-warning { color: #f29d49 } .pt-dark .pt-button.pt-minimal.pt-intent-warning:hover { background: rgba(217,130,43,0.2); color: #f29d49 } .pt-dark .pt-button.pt-minimal.pt-intent-warning:active,.pt-dark .pt-minimal.pt-intent-warning.pt-button.pt-active,.pt-dark .pt-button.pt-minimal.pt-intent-warning.pt-active { background: rgba(217,130,43,0.3); color: #f29d49 } .pt-dark .pt-button.pt-minimal.pt-intent-warning:disabled,.pt-dark .pt-minimal.pt-intent-warning.pt-button.pt-disabled,.pt-dark .pt-button.pt-minimal.pt-intent-warning.pt-disabled { color: rgba(242,157,73,0.5) } .pt-button.pt-minimal.pt-intent-danger { color: #c23030 } .pt-button.pt-minimal.pt-intent-danger:hover,.pt-button.pt-minimal.pt-intent-danger:active,.pt-minimal.pt-intent-danger.pt-button.pt-active,.pt-button.pt-minimal.pt-intent-danger.pt-active { box-shadow: none; background: none; color: #c23030 } .pt-button.pt-minimal.pt-intent-danger:hover { background: rgba(219,55,55,0.15) } .pt-button.pt-minimal.pt-intent-danger:active,.pt-minimal.pt-intent-danger.pt-button.pt-active,.pt-button.pt-minimal.pt-intent-danger.pt-active { background: rgba(219,55,55,0.3); color: #c23030 } .pt-button.pt-minimal.pt-intent-danger:disabled,.pt-minimal.pt-intent-danger.pt-button.pt-disabled,.pt-button.pt-minimal.pt-intent-danger.pt-disabled { background: none; color: rgba(194,48,48,0.5) } .pt-dark .pt-button.pt-minimal.pt-intent-danger { color: #f55656 } .pt-dark .pt-button.pt-minimal.pt-intent-danger:hover { background: rgba(219,55,55,0.2); color: #f55656 } .pt-dark .pt-button.pt-minimal.pt-intent-danger:active,.pt-dark .pt-minimal.pt-intent-danger.pt-button.pt-active,.pt-dark .pt-button.pt-minimal.pt-intent-danger.pt-active { background: rgba(219,55,55,0.3); color: #f55656 } .pt-dark .pt-button.pt-minimal.pt-intent-danger:disabled,.pt-dark .pt-minimal.pt-intent-danger.pt-button.pt-disabled,.pt-dark .pt-button.pt-minimal.pt-intent-danger.pt-disabled { color: rgba(245,86,86,0.5) } .pt-button.pt-large,.pt-large .pt-button { min-width: 40px; min-height: 40px; line-height: 38px; padding: 0 15px; font-size: 16px } .pt-button.pt-large[class*="pt-icon-"]::before,.pt-large .pt-button[class*="pt-icon-"]::before { margin-right: 10px } .pt-button.pt-large .pt-icon,.pt-button.pt-large .pt-icon-standard,.pt-button.pt-large .pt-icon-large,.pt-large .pt-button .pt-icon,.pt-large .pt-button .pt-icon-standard,.pt-large .pt-button .pt-icon-large { margin-right: 10px } .pt-button.pt-large .pt-icon.pt-align-right,.pt-button.pt-large .pt-icon-standard.pt-align-right,.pt-button.pt-large .pt-icon-large.pt-align-right,.pt-large .pt-button .pt-icon.pt-align-right,.pt-large .pt-button .pt-icon-standard.pt-align-right,.pt-large .pt-button .pt-icon-large.pt-align-right { margin-right: 0; margin-left: 10px } .pt-button[class*="pt-icon-"]:empty { padding: 0 } .pt-button[class*="pt-icon-"]:empty::before { margin-right: 0 } a.pt-button { text-align: center; text-decoration: none; transition: none } a.pt-button,a.pt-button:hover,a.pt-button:active,a.pt-button.pt-active { color: #182026 } a.pt-disabled.pt-button { color: rgba(92,112,128,0.5) } .pt-button.pt-active.pt-disabled,.pt-button.pt-active:disabled,.pt-active.pt-button.pt-disabled { background: rgba(216,225,232,0.4) } .pt-dark .pt-button.pt-active.pt-disabled,.pt-dark .pt-button.pt-active:disabled,.pt-dark .pt-active.pt-button.pt-disabled { background: rgba(206,217,224,0.2) } .pt-callout { line-height: 1.5; font-size: 14px; position: relative; border-radius: 3px; background-color: rgba(138,155,168,0.15); padding: 10px 12px 9px } .pt-callout[class*="pt-icon-"] { padding-left: 40px } .pt-callout[class*="pt-icon-"]::before { line-height: 1; font-family: "Icons20", sans-serif; font-size: 20px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; position: absolute; top: 10px; left: 10px; color: #5c7080 } .pt-callout h5 { margin-bottom: 5px; line-height: 20px } .pt-dark .pt-callout { background-color: rgba(138,155,168,0.2) } .pt-dark .pt-callout[class*="pt-icon-"]::before { color: #bfccd6 } .pt-callout.pt-intent-primary { background-color: rgba(19,124,189,0.15) } .pt-callout.pt-intent-primary[class*="pt-icon-"]::before { color: #137cbd } .pt-callout.pt-intent-primary h5 { color: #106ba3 } .pt-dark .pt-callout.pt-intent-primary { background-color: rgba(19,124,189,0.25) } .pt-dark .pt-callout.pt-intent-primary h5 { color: #2b95d6 } .pt-callout.pt-intent-success { background-color: rgba(15,153,96,0.15) } .pt-callout.pt-intent-success[class*="pt-icon-"]::before { color: #0f9960 } .pt-callout.pt-intent-success h5 { color: #0d8050 } .pt-dark .pt-callout.pt-intent-success { background-color: rgba(15,153,96,0.25) } .pt-dark .pt-callout.pt-intent-success h5 { color: #15b371 } .pt-callout.pt-intent-warning { background-color: rgba(217,130,43,0.15) } .pt-callout.pt-intent-warning[class*="pt-icon-"]::before { color: #d9822b } .pt-callout.pt-intent-warning h5 { color: #bf7326 } .pt-dark .pt-callout.pt-intent-warning { background-color: rgba(217,130,43,0.25) } .pt-dark .pt-callout.pt-intent-warning h5 { color: #f29d49 } .pt-callout.pt-intent-danger { background-color: rgba(219,55,55,0.15) } .pt-callout.pt-intent-danger[class*="pt-icon-"]::before { color: #db3737 } .pt-callout.pt-intent-danger h5 { color: #c23030 } .pt-dark .pt-callout.pt-intent-danger { background-color: rgba(219,55,55,0.25) } .pt-dark .pt-callout.pt-intent-danger h5 { color: #f55656 } .pt-running-text .pt-callout { margin: 20px 0 } .pt-card { border-radius: 3px; box-shadow: 0 0 0 1px rgba(16,22,26,0.15); background-color: #ffffff; padding: 20px; transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9),box-shadow 200ms cubic-bezier(0.4, 1, 0.75, 0.9) } .pt-card.pt-dark,.pt-dark .pt-card { box-shadow: 0 0 0 1px rgba(16,22,26,0.4); background-color: #30404d } .pt-elevation-0 { box-shadow: 0 0 0 1px rgba(16,22,26,0.15) } .pt-elevation-0.pt-dark,.pt-dark .pt-elevation-0 { box-shadow: 0 0 0 1px rgba(16,22,26,0.4) } .pt-elevation-1 { box-shadow: 0 0 0 1px rgba(16,22,26,0.1),0 1px 1px rgba(16,22,26,0.2) } .pt-elevation-1.pt-dark,.pt-dark .pt-elevation-1 { box-shadow: 0 0 0 1px rgba(16,22,26,0.2),0 1px 1px rgba(16,22,26,0.4) } .pt-elevation-2 { box-shadow: 0 0 0 1px rgba(16,22,26,0.1),0 1px 1px rgba(16,22,26,0.2),0 2px 6px rgba(16,22,26,0.2) } .pt-elevation-2.pt-dark,.pt-dark .pt-elevation-2 { box-shadow: 0 0 0 1px rgba(16,22,26,0.2),0 1px 1px rgba(16,22,26,0.4),0 2px 6px rgba(16,22,26,0.4) } .pt-elevation-3 { box-shadow: 0 0 0 1px rgba(16,22,26,0.1),0 2px 4px rgba(16,22,26,0.2),0 8px 24px rgba(16,22,26,0.2) } .pt-elevation-3.pt-dark,.pt-dark .pt-elevation-3 { box-shadow: 0 0 0 1px rgba(16,22,26,0.2),0 2px 4px rgba(16,22,26,0.4),0 8px 24px rgba(16,22,26,0.4) } .pt-elevation-4 { box-shadow: 0 0 0 1px rgba(16,22,26,0.1),0 4px 8px rgba(16,22,26,0.2),0 18px 46px 6px rgba(16,22,26,0.2) } .pt-elevation-4.pt-dark,.pt-dark .pt-elevation-4 { box-shadow: 0 0 0 1px rgba(16,22,26,0.2),0 4px 8px rgba(16,22,26,0.4),0 18px 46px 6px rgba(16,22,26,0.4) } .pt-card.pt-interactive:hover { box-shadow: 0 0 0 1px rgba(16,22,26,0.1),0 2px 4px rgba(16,22,26,0.2),0 8px 24px rgba(16,22,26,0.2); cursor: pointer } .pt-card.pt-interactive:hover.pt-dark,.pt-dark .pt-card.pt-interactive:hover { box-shadow: 0 0 0 1px rgba(16,22,26,0.2),0 2px 4px rgba(16,22,26,0.4),0 8px 24px rgba(16,22,26,0.4) } .pt-card.pt-interactive:active { opacity: 0.9; box-shadow: 0 0 0 1px rgba(16,22,26,0.1),0 1px 1px rgba(16,22,26,0.2); transition-duration: 0 } .pt-card.pt-interactive:active.pt-dark,.pt-dark .pt-card.pt-interactive:active { box-shadow: 0 0 0 1px rgba(16,22,26,0.2),0 1px 1px rgba(16,22,26,0.4) } .pt-collapse { height: 0; overflow: hidden; transition: height 200ms cubic-bezier(0.4, 1, 0.75, 0.9) } .pt-collapse .pt-collapse-body { transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9) } .pt-context-menu-popover-target { position: fixed } .pt-dialog { opacity: 1; transform: translateX(50%) scale(1); display: flex; flex-direction: column; position: absolute; top: 25%; right: 50%; z-index: 20; margin-bottom: 20px; border-radius: 6px; box-shadow: 0 0 0 1px rgba(16,22,26,0.1),0 4px 8px rgba(16,22,26,0.2),0 18px 46px 6px rgba(16,22,26,0.2); background: #ebf1f5; width: 500px; padding-bottom: 20px } .pt-dialog.pt-overlay-enter,.pt-dialog.pt-overlay-appear { opacity: 0; transform: translateX(50%) scale(0.5) } .pt-dialog.pt-overlay-enter-active,.pt-dialog.pt-overlay-appear-active { opacity: 1; transform: translateX(50%) scale(1); transition-property: opacity, transform; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); transition-delay: 0 } .pt-dialog.pt-overlay-leave { opacity: 1; transform: translateX(50%) scale(1) } .pt-dialog.pt-overlay-leave-active { opacity: 0; transform: translateX(50%) scale(0.5); transition-property: opacity, transform; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); transition-delay: 0 } .pt-dialog:focus { outline: 0 } .pt-dialog.pt-dark,.pt-dark .pt-dialog { box-shadow: 0 0 0 1px rgba(16,22,26,0.2),0 4px 8px rgba(16,22,26,0.4),0 18px 46px 6px rgba(16,22,26,0.4); background: #293742; color: #f5f8fa } .pt-dialog-header { display: flex; flex: 0 0 auto; align-items: center; border-radius: 6px 6px 0 0; box-shadow: 0 1px 0 rgba(16,22,26,0.15); background: #ffffff; padding-left: 10px } .pt-dialog-header .pt-icon-large { flex: 0 0 auto; margin: 10px; margin-right: 0; color: #5c7080 } .pt-dialog-header h5 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; flex: 1 1 auto; margin: 0 0 0 10px; line-height: inherit } .pt-dark .pt-dialog-header { box-shadow: 0 1px 0 rgba(16,22,26,0.4); background: #30404d } .pt-dark .pt-dialog-header .pt-icon-large { color: #bfccd6 } .pt-dark .pt-dialog-header h5 { color: #f5f8fa } .pt-dialog-close-button { line-height: 1; font-family: "Icons20", sans-serif; font-size: 20px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; color: #5c7080; flex: 0 0 auto; border: none; background: none; cursor: pointer; padding: 10px } .pt-dialog-close-button:hover { color: #182026 } .pt-dark .pt-dialog-close-button { color: #bfccd6 } .pt-dark .pt-dialog-close-button:hover { color: #f5f8fa } .pt-dialog-body { flex: 1 1 auto; margin: 20px; line-height: 18px } .pt-dialog-footer { flex: 0 0 auto; margin: 0 20px } .pt-dialog-footer-actions { display: flex; justify-content: flex-end } .pt-dialog-footer-actions .pt-button { margin-left: 10px } .pt-select select { display: inline-block; border: 1px solid; border-radius: 3px; cursor: pointer; padding: 0 10px; vertical-align: middle; font-size: 14px; background: #f5f8fa; background: linear-gradient(to bottom, #fff, rgba(255,255,255,0)) left no-repeat,center no-repeat #f5f8fa; border-color: rgba(16,22,26,0.1) rgba(16,22,26,0.1) rgba(16,22,26,0.17) rgba(16,22,26,0.1); box-shadow: 0 1px 1px rgba(16,22,26,0.1); background-clip: padding-box; color: #182026; -webkit-appearance: none; -moz-appearance: none; border-radius: 3px; height: 30px; padding: 0 25px 0 10px } .pt-select select:hover { background: #ebf1f5; background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0)) left no-repeat,center no-repeat #ebf1f5; border-color: rgba(16,22,26,0.2) rgba(16,22,26,0.2) rgba(16,22,26,0.27) rgba(16,22,26,0.2); box-shadow: 0 1px 1px rgba(16,22,26,0.1); background-clip: padding-box } .pt-select select:active { border-color: rgba(16,22,26,0.35) rgba(16,22,26,0.25) rgba(16,22,26,0.25) rgba(16,22,26,0.25); box-shadow: inset 0 1px 1px rgba(16,22,26,0.1); background-color: #ced9e0; background-image: none } .pt-select select:disabled { outline: none; border-color: transparent; box-shadow: none; background-clip: border-box; background-color: rgba(206,217,224,0.5); background-image: none; cursor: not-allowed; color: rgba(92,112,128,0.5) } .pt-select.pt-large select { height: 40px; padding-right: 35px; font-size: 16px } .pt-dark .pt-select select { background: rgba(255,255,255,0.1); background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0.06)) left no-repeat; border-color: rgba(16,22,26,0.6); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: padding-box; color: #f5f8fa } .pt-dark .pt-select select:hover,.pt-dark .pt-select select:active { color: #f5f8fa } .pt-dark .pt-select select:hover { background: rgba(255,255,255,0.1); background: linear-gradient(to bottom, rgba(16,22,26,0.1), rgba(16,22,26,0.2)) left no-repeat,center no-repeat rgba(255,255,255,0.1); border-color: rgba(16,22,26,0.8); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: padding-box } .pt-dark .pt-select select:active { box-shadow: inset 0 1px 1px rgba(16,22,26,0.2); background-color: rgba(16,22,26,0.1); background-image: none } .pt-dark .pt-select select:disabled { border-color: rgba(206,217,224,0.1); box-shadow: none; background-color: rgba(206,217,224,0.1); background-image: none; color: rgba(191,204,214,0.5) } .pt-select select:disabled { box-shadow: none; background-color: rgba(206,217,224,0.5); cursor: not-allowed; color: rgba(92,112,128,0.5) } .pt-select::after { line-height: 1; font-family: "Icons16", sans-serif; font-size: 16px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; position: absolute; top: 0; right: 7px; line-height: 30px; color: #5c7080; content: "⌄"; pointer-events: none } .pt-editable-text { display: inline-block; position: relative; cursor: text; max-width: 100%; vertical-align: top; white-space: nowrap } .pt-editable-text::before { position: absolute; top: -3px; right: -3px; bottom: -3px; left: -3px; border-radius: 3px; content: ""; transition: background-color 100ms cubic-bezier(0.4, 1, 0.75, 0.9),box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9) } .pt-editable-text:hover::before { box-shadow: 0 0 0 0 rgba(19,124,189,0),0 0 0 0 rgba(19,124,189,0),inset 0 0 0 1px rgba(16,22,26,0.15) } .pt-editable-text.pt-editable-editing::before { box-shadow: 0 0 0 1px #137cbd,0 0 0 3px rgba(19,124,189,0.3),inset 0 1px 1px rgba(16,22,26,0.2); background-color: #ffffff } .pt-editable-text.pt-disabled::before { box-shadow: none } .pt-editable-text.pt-intent-primary .pt-editable-input,.pt-editable-text.pt-intent-primary .pt-editable-content { color: #137cbd } .pt-editable-text.pt-intent-primary:hover::before { box-shadow: 0 0 0 0 rgba(19,124,189,0),0 0 0 0 rgba(19,124,189,0),inset 0 0 0 1px rgba(19,124,189,0.4) } .pt-editable-text.pt-intent-primary.pt-editable-editing::before { box-shadow: 0 0 0 1px #137cbd,0 0 0 3px rgba(19,124,189,0.3),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-editable-text.pt-intent-success .pt-editable-input,.pt-editable-text.pt-intent-success .pt-editable-content { color: #0f9960 } .pt-editable-text.pt-intent-success:hover::before { box-shadow: 0 0 0 0 rgba(15,153,96,0),0 0 0 0 rgba(15,153,96,0),inset 0 0 0 1px rgba(15,153,96,0.4) } .pt-editable-text.pt-intent-success.pt-editable-editing::before { box-shadow: 0 0 0 1px #0f9960,0 0 0 3px rgba(15,153,96,0.3),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-editable-text.pt-intent-warning .pt-editable-input,.pt-editable-text.pt-intent-warning .pt-editable-content { color: #d9822b } .pt-editable-text.pt-intent-warning:hover::before { box-shadow: 0 0 0 0 rgba(217,130,43,0),0 0 0 0 rgba(217,130,43,0),inset 0 0 0 1px rgba(217,130,43,0.4) } .pt-editable-text.pt-intent-warning.pt-editable-editing::before { box-shadow: 0 0 0 1px #d9822b,0 0 0 3px rgba(217,130,43,0.3),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-editable-text.pt-intent-danger .pt-editable-input,.pt-editable-text.pt-intent-danger .pt-editable-content { color: #db3737 } .pt-editable-text.pt-intent-danger:hover::before { box-shadow: 0 0 0 0 rgba(219,55,55,0),0 0 0 0 rgba(219,55,55,0),inset 0 0 0 1px rgba(219,55,55,0.4) } .pt-editable-text.pt-intent-danger.pt-editable-editing::before { box-shadow: 0 0 0 1px #db3737,0 0 0 3px rgba(219,55,55,0.3),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-dark .pt-editable-text:hover::before { box-shadow: 0 0 0 0 rgba(19,124,189,0),0 0 0 0 rgba(19,124,189,0),inset 0 0 0 1px rgba(255,255,255,0.15) } .pt-dark .pt-editable-text.pt-editable-editing::before { box-shadow: 0 0 0 1px #137cbd,0 0 0 3px rgba(19,124,189,0.3),inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4); background-color: rgba(16,22,26,0.3) } .pt-dark .pt-editable-text.pt-disabled::before { box-shadow: none } .pt-dark .pt-editable-text.pt-intent-primary .pt-editable-content { color: #2b95d6 } .pt-dark .pt-editable-text.pt-intent-primary:hover::before { box-shadow: 0 0 0 0 rgba(43,149,214,0),0 0 0 0 rgba(43,149,214,0),inset 0 0 0 1px rgba(43,149,214,0.4) } .pt-dark .pt-editable-text.pt-intent-primary.pt-editable-editing::before { box-shadow: 0 0 0 1px #2b95d6,0 0 0 3px rgba(43,149,214,0.3),inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4) } .pt-dark .pt-editable-text.pt-intent-success .pt-editable-content { color: #15b371 } .pt-dark .pt-editable-text.pt-intent-success:hover::before { box-shadow: 0 0 0 0 rgba(21,179,113,0),0 0 0 0 rgba(21,179,113,0),inset 0 0 0 1px rgba(21,179,113,0.4) } .pt-dark .pt-editable-text.pt-intent-success.pt-editable-editing::before { box-shadow: 0 0 0 1px #15b371,0 0 0 3px rgba(21,179,113,0.3),inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4) } .pt-dark .pt-editable-text.pt-intent-warning .pt-editable-content { color: #f29d49 } .pt-dark .pt-editable-text.pt-intent-warning:hover::before { box-shadow: 0 0 0 0 rgba(242,157,73,0),0 0 0 0 rgba(242,157,73,0),inset 0 0 0 1px rgba(242,157,73,0.4) } .pt-dark .pt-editable-text.pt-intent-warning.pt-editable-editing::before { box-shadow: 0 0 0 1px #f29d49,0 0 0 3px rgba(242,157,73,0.3),inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4) } .pt-dark .pt-editable-text.pt-intent-danger .pt-editable-content { color: #f55656 } .pt-dark .pt-editable-text.pt-intent-danger:hover::before { box-shadow: 0 0 0 0 rgba(245,86,86,0),0 0 0 0 rgba(245,86,86,0),inset 0 0 0 1px rgba(245,86,86,0.4) } .pt-dark .pt-editable-text.pt-intent-danger.pt-editable-editing::before { box-shadow: 0 0 0 1px #f55656,0 0 0 3px rgba(245,86,86,0.3),inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4) } .pt-editable-input,.pt-editable-content { display: inherit; position: relative; min-width: inherit; max-width: inherit; vertical-align: top; text-transform: inherit; letter-spacing: inherit; color: inherit; font: inherit; resize: none } .pt-editable-input { border: none; box-shadow: none; background: none; width: 100%; padding: 0; white-space: pre-wrap } .pt-editable-input:focus { outline: none } .pt-editable-input::-ms-clear { display: none } .pt-editable-content { overflow: hidden; padding-right: 2px; text-overflow: ellipsis; white-space: pre } .pt-editable-editing>.pt-editable-content { position: absolute; left: 0; visibility: hidden } .pt-editable-placeholder>.pt-editable-content { color: rgba(92,112,128,0.5) } .pt-dark .pt-editable-placeholder>.pt-editable-content { color: rgba(191,204,214,0.5) } .pt-editable-text.pt-multiline { display: block } .pt-editable-text.pt-multiline .pt-editable-content { overflow: auto; white-space: pre-wrap } .pt-select select { display: inline-block; border: 1px solid; border-radius: 3px; cursor: pointer; padding: 0 10px; vertical-align: middle; font-size: 14px; background: #f5f8fa; background: linear-gradient(to bottom, #fff, rgba(255,255,255,0)) left no-repeat,center no-repeat #f5f8fa; border-color: rgba(16,22,26,0.1) rgba(16,22,26,0.1) rgba(16,22,26,0.17) rgba(16,22,26,0.1); box-shadow: 0 1px 1px rgba(16,22,26,0.1); background-clip: padding-box; color: #182026; -webkit-appearance: none; -moz-appearance: none; border-radius: 3px; height: 30px; padding: 0 25px 0 10px } .pt-select select:hover { background: #ebf1f5; background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0)) left no-repeat,center no-repeat #ebf1f5; border-color: rgba(16,22,26,0.2) rgba(16,22,26,0.2) rgba(16,22,26,0.27) rgba(16,22,26,0.2); box-shadow: 0 1px 1px rgba(16,22,26,0.1); background-clip: padding-box } .pt-select select:active { border-color: rgba(16,22,26,0.35) rgba(16,22,26,0.25) rgba(16,22,26,0.25) rgba(16,22,26,0.25); box-shadow: inset 0 1px 1px rgba(16,22,26,0.1); background-color: #ced9e0; background-image: none } .pt-select select:disabled { outline: none; border-color: transparent; box-shadow: none; background-clip: border-box; background-color: rgba(206,217,224,0.5); background-image: none; cursor: not-allowed; color: rgba(92,112,128,0.5) } .pt-select.pt-large select { height: 40px; padding-right: 35px; font-size: 16px } .pt-dark .pt-select select { background: rgba(255,255,255,0.1); background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0.06)) left no-repeat; border-color: rgba(16,22,26,0.6); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: padding-box; color: #f5f8fa } .pt-dark .pt-select select:hover,.pt-dark .pt-select select:active { color: #f5f8fa } .pt-dark .pt-select select:hover { background: rgba(255,255,255,0.1); background: linear-gradient(to bottom, rgba(16,22,26,0.1), rgba(16,22,26,0.2)) left no-repeat,center no-repeat rgba(255,255,255,0.1); border-color: rgba(16,22,26,0.8); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: padding-box } .pt-dark .pt-select select:active { box-shadow: inset 0 1px 1px rgba(16,22,26,0.2); background-color: rgba(16,22,26,0.1); background-image: none } .pt-dark .pt-select select:disabled { border-color: rgba(206,217,224,0.1); box-shadow: none; background-color: rgba(206,217,224,0.1); background-image: none; color: rgba(191,204,214,0.5) } .pt-select select:disabled { box-shadow: none; background-color: rgba(206,217,224,0.5); cursor: not-allowed; color: rgba(92,112,128,0.5) } .pt-select::after { line-height: 1; font-family: "Icons16", sans-serif; font-size: 16px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; position: absolute; top: 0; right: 7px; line-height: 30px; color: #5c7080; content: "⌄"; pointer-events: none } .pt-control-group { display: flex; align-items: flex-start } .pt-control-group>* { flex: 0 0 auto } .pt-control-group .pt-button,.pt-control-group .pt-input,.pt-control-group .pt-select select { border-radius: inherit } .pt-control-group .pt-button:focus,.pt-control-group .pt-input:focus,.pt-control-group .pt-select select:focus { z-index: 2 } .pt-control-group:not(.pt-vertical)>* { margin-right: -1px } .pt-control-group:not(.pt-vertical) .pt-button:not(:last-child):not(:hover):not(:active):not(.pt-active):not([class*="pt-intent-"]),.pt-control-group:not(.pt-vertical) .pt-input:not(:last-child):not(:hover):not(:active):not(.pt-active):not([class*="pt-intent-"]) { border-right-color: transparent } .pt-control-group:not(.pt-vertical) .pt-select:not(:last-child):not(:hover):not(:active):not(.pt-active):not([class*="pt-intent-"]) select { border-right-color: transparent } .pt-control-group>:first-child { border-radius: 3px 0 0 3px } .pt-control-group>:last-child { margin-right: 0; border-radius: 0 3px 3px 0 } .pt-control-group .pt-button,.pt-control-group .pt-select { z-index: 1 } .pt-control-group .pt-button:focus,.pt-control-group select:focus { position: relative } .pt-control-group .pt-input-group .pt-button:focus { position: absolute } .pt-control-group .pt-input-group>.pt-icon,.pt-control-group .pt-input-group>.pt-button,.pt-control-group .pt-select::after { z-index: 3 } .pt-control-group .pt-input-group .pt-button { border-radius: 3px } .pt-control-group.pt-vertical { flex-direction: column } .pt-control-group.pt-vertical>* { margin-top: -1px; width: 100% } .pt-control-group.pt-vertical .pt-button:not(:last-child):not(:hover):not(:active):not(.pt-active):not([class*="pt-intent-"]),.pt-control-group.pt-vertical .pt-input:not(:last-child):not(:hover):not(:active):not(.pt-active):not([class*="pt-intent-"]) { border-bottom-color: transparent } .pt-control-group.pt-vertical .pt-select:not(:last-child):not(:hover):not(:active):not(.pt-active):not([class*="pt-intent-"]) select { border-bottom-color: transparent } .pt-control-group.pt-vertical>:first-child { margin-top: 0; border-radius: 3px 3px 0 0 } .pt-control-group.pt-vertical>:last-child { border-radius: 0 0 3px 3px } .pt-control { display: block; position: relative; margin-bottom: 10px; cursor: pointer; min-height: 20px; padding-left: 26px; text-transform: none; line-height: 16px } .pt-control.pt-inline { display: inline-block; margin-right: 20px } .pt-control input { position: absolute; top: 0; left: 0; opacity: 0; z-index: -1 } .pt-control .pt-control-indicator { line-height: 1; font-family: "Icons16", sans-serif; font-size: 16px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background: #f5f8fa; background: linear-gradient(to bottom, #fff, rgba(255,255,255,0)) left no-repeat,center no-repeat #f5f8fa; position: absolute; top: 0; left: 0; margin: 0; border: 1px solid; border-color: rgba(16,22,26,0.1) rgba(16,22,26,0.1) rgba(16,22,26,0.17) rgba(16,22,26,0.1); box-shadow: 0 1px 1px rgba(16,22,26,0.1); background-clip: padding-box; cursor: pointer; width: 16px; height: 16px; line-height: 16px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .pt-control .pt-control-indicator::before { position: relative; top: -1px; left: -1px; content: "" } .pt-control input:checked ~ .pt-control-indicator,.pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator { background: #137cbd; background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0)) left no-repeat,center no-repeat #137cbd; border-color: rgba(16,22,26,0.1) rgba(16,22,26,0.1) rgba(16,22,26,0.3) rgba(16,22,26,0.1); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: border-box; color: #ffffff } .pt-control:hover .pt-control-indicator { background: #ebf1f5; background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0)) left no-repeat,center no-repeat #ebf1f5; border-color: rgba(16,22,26,0.2) rgba(16,22,26,0.2) rgba(16,22,26,0.27) rgba(16,22,26,0.2); background-clip: padding-box } .pt-control:hover input:checked ~ .pt-control-indicator,.pt-control:hover .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator,.pt-control.pt-checkbox .pt-control:hover input:indeterminate ~ .pt-control-indicator,.pt-control.pt-checkbox:hover input:indeterminate ~ .pt-control-indicator { background: #106ba3; background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0)) left no-repeat,center no-repeat #106ba3; border-color: rgba(16,22,26,0.1) rgba(16,22,26,0.1) rgba(16,22,26,0.3) rgba(16,22,26,0.1); box-shadow: 0 1px 1px rgba(16,22,26,0.2) } .pt-control input:not(:disabled):active ~ .pt-control-indicator { border-color: rgba(16,22,26,0.35) rgba(16,22,26,0.25) rgba(16,22,26,0.25) rgba(16,22,26,0.25); box-shadow: inset 0 1px 1px rgba(16,22,26,0.1); background: #ced9e0; background-clip: padding-box } .pt-control input:not(:disabled):active:checked ~ .pt-control-indicator,.pt-control.pt-checkbox input:not(:disabled):active:indeterminate ~ .pt-control-indicator { border-color: rgba(16,22,26,0.6) rgba(16,22,26,0.2) rgba(16,22,26,0.2) rgba(16,22,26,0.2); box-shadow: inset 0 1px 1px rgba(16,22,26,0.2); background: #0e5a8a } .pt-control input:disabled ~ .pt-control-indicator { border-color: transparent; box-shadow: none; background: rgba(206,217,224,0.5); cursor: not-allowed } .pt-control input:disabled:checked ~ .pt-control-indicator,.pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator { border-color: transparent; box-shadow: none; background: rgba(19,124,189,0.5) } .pt-control.pt-checkbox .pt-control-indicator { border-radius: 3px; font-size: 16px } .pt-control.pt-checkbox input:checked ~ .pt-control-indicator::before,.pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator::before { content: "" } .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator::before { content: "" } .pt-control.pt-radio .pt-control-indicator { border-radius: 50%; font-size: 6px } .pt-control.pt-radio input:checked ~ .pt-control-indicator::before,.pt-control.pt-radio .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator::before,.pt-control.pt-checkbox .pt-control.pt-radio input:indeterminate ~ .pt-control-indicator::before { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; box-shadow: 0 1px 1px rgba(16,22,26,0.2); background: #ffffff; width: 1em; height: 1em; content: "" } .pt-control.pt-radio input:checked:disabled ~ .pt-control-indicator::before,.pt-control.pt-radio .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator::before,.pt-control.pt-checkbox .pt-control.pt-radio input:disabled:indeterminate ~ .pt-control-indicator::before { box-shadow: none } .pt-control.pt-switch { padding-left: 38px } .pt-control.pt-switch .pt-control-indicator { border: none; border-radius: 28px; box-shadow: none; background: rgba(167,182,194,0.5); width: 28px; height: 16px; transition: background 100ms cubic-bezier(0.4, 1, 0.75, 0.9) } .pt-control.pt-switch .pt-control-indicator::before { display: block; top: 2px; left: 2px; border-radius: 16px; box-shadow: 0 0 0 1px rgba(16,22,26,0.1),0 1px 1px rgba(16,22,26,0.1); background: #ffffff; background-clip: padding-box; width: 12px; height: 12px; content: ""; transition: left 100ms cubic-bezier(0.4, 1, 0.75, 0.9) } .pt-control.pt-switch input:checked ~ .pt-control-indicator,.pt-control.pt-switch .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator,.pt-control.pt-checkbox .pt-control.pt-switch input:indeterminate ~ .pt-control-indicator { box-shadow: none; background-color: #137cbd; width: 28px; height: 16px } .pt-control.pt-switch input:checked ~ .pt-control-indicator::before,.pt-control.pt-switch .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator::before,.pt-control.pt-checkbox .pt-control.pt-switch input:indeterminate ~ .pt-control-indicator::before { left: 14px; box-shadow: 0 0 0 1px rgba(16,22,26,0.1),0 1px 1px rgba(16,22,26,0.2) } .pt-control.pt-switch:hover .pt-control-indicator { background-color: rgba(115,134,148,0.5) } .pt-control.pt-switch:hover input:checked ~ .pt-control-indicator,.pt-control.pt-switch:hover .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator,.pt-control.pt-checkbox .pt-control.pt-switch:hover input:indeterminate ~ .pt-control-indicator { background-color: #106ba3 } .pt-control.pt-switch input:not(:disabled):active ~ .pt-control-indicator { box-shadow: none; background-color: rgba(92,112,128,0.5) } .pt-control.pt-switch input:not(:disabled):active:checked ~ .pt-control-indicator,.pt-control.pt-switch .pt-control.pt-checkbox input:not(:disabled):active:indeterminate ~ .pt-control-indicator,.pt-control.pt-checkbox .pt-control.pt-switch input:not(:disabled):active:indeterminate ~ .pt-control-indicator { background-color: #0e5a8a } .pt-control.pt-switch input:disabled ~ .pt-control-indicator { background-color: rgba(206,217,224,0.5) } .pt-control.pt-switch input:disabled ~ .pt-control-indicator::before { box-shadow: none; background-color: rgba(255,255,255,0.8) } .pt-control.pt-switch input:disabled:checked ~ .pt-control-indicator,.pt-control.pt-switch .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator,.pt-control.pt-checkbox .pt-control.pt-switch input:disabled:indeterminate ~ .pt-control-indicator { background-color: rgba(19,124,189,0.5) } .pt-control.pt-align-right { padding-right: 26px; padding-left: 0 } .pt-control.pt-align-right .pt-control-indicator { right: 0; left: auto } .pt-control.pt-large { padding-left: 30px; line-height: 20px; font-size: 16px } .pt-control.pt-large .pt-control-indicator { width: 20px; height: 20px; line-height: 20px; font-family: "Icons20"; font-size: 20px } .pt-control.pt-large.pt-checkbox input:checked ~ .pt-control-indicator::before,.pt-control.pt-large.pt-checkbox input:indeterminate ~ .pt-control-indicator::before,.pt-control.pt-large.pt-checkbox .pt-control.pt-checkbox:hover input:indeterminate ~ .pt-control-indicator::before { top: 0 } .pt-control.pt-large.pt-radio .pt-control-indicator { font-size: 8px } .pt-control.pt-large.pt-switch { padding-left: 42px } .pt-control.pt-large.pt-switch .pt-control-indicator { width: 32px; height: 20px } .pt-control.pt-large.pt-switch .pt-control-indicator::before { width: 16px; height: 16px } .pt-control.pt-large.pt-switch input:checked ~ .pt-control-indicator,.pt-control.pt-large.pt-switch .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator,.pt-control.pt-checkbox .pt-control.pt-large.pt-switch input:indeterminate ~ .pt-control-indicator { width: 32px; height: 20px } .pt-control.pt-large.pt-switch input:checked ~ .pt-control-indicator::before,.pt-control.pt-large.pt-switch .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator::before,.pt-control.pt-checkbox .pt-control.pt-large.pt-switch input:indeterminate ~ .pt-control-indicator::before { left: 14px } .pt-dark .pt-control { color: #f5f8fa } .pt-dark .pt-control .pt-control-indicator { background: rgba(255,255,255,0.1); background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0.06)) left no-repeat; border-color: rgba(16,22,26,0.6); box-shadow: 0 1px 1px rgba(16,22,26,0.2) } .pt-dark .pt-control input:checked ~ .pt-control-indicator,.pt-dark .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator { border-color: rgba(16,22,26,0.6); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: padding-box } .pt-dark .pt-control:hover .pt-control-indicator { background: rgba(255,255,255,0.1); background: linear-gradient(to bottom, rgba(16,22,26,0.1), rgba(16,22,26,0.2)) left no-repeat,center no-repeat rgba(255,255,255,0.1); border-color: rgba(16,22,26,0.8) } .pt-dark .pt-control input:not(:disabled):active ~ .pt-control-indicator { border-color: rgba(16,22,26,0.8); box-shadow: inset 0 1px 1px rgba(16,22,26,0.2); background: rgba(16,22,26,0.1) } .pt-dark .pt-control input:not(:disabled):active:checked ~ .pt-control-indicator,.pt-dark .pt-control.pt-checkbox input:not(:disabled):active:indeterminate ~ .pt-control-indicator { border-color: rgba(16,22,26,0.6); box-shadow: inset 0 1px 1px rgba(16,22,26,0.2); background-clip: padding-box; background-color: #0e5a8a } .pt-dark .pt-control input:disabled ~ .pt-control-indicator { border-color: transparent; box-shadow: none; background: rgba(206,217,224,0.1); cursor: not-allowed } .pt-dark .pt-control input:disabled:checked ~ .pt-control-indicator,.pt-dark .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator { border-color: transparent; box-shadow: none; background: rgba(14,90,138,0.5) } .pt-dark .pt-control.pt-checkbox input:checked:disabled ~ .pt-control-indicator::before,.pt-dark .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator::before { color: rgba(191,204,214,0.5) } .pt-dark .pt-control.pt-radio input:checked:disabled ~ .pt-control-indicator::before,.pt-dark .pt-control.pt-radio .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator::before,.pt-control.pt-checkbox .pt-dark .pt-control.pt-radio input:disabled:indeterminate ~ .pt-control-indicator::before { background: rgba(191,204,214,0.5) } .pt-dark .pt-control.pt-switch .pt-control-indicator { box-shadow: none; background: rgba(16,22,26,0.5) } .pt-dark .pt-control.pt-switch .pt-control-indicator::before { box-shadow: 0 0 0 1px rgba(16,22,26,0.2),0 1px 1px rgba(16,22,26,0.2); background: #30404d } .pt-dark .pt-control.pt-switch input:checked ~ .pt-control-indicator,.pt-dark .pt-control.pt-switch .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator,.pt-control.pt-checkbox .pt-dark .pt-control.pt-switch input:indeterminate ~ .pt-control-indicator { box-shadow: none; background-color: #137cbd } .pt-dark .pt-control.pt-switch input:checked ~ .pt-control-indicator::before,.pt-dark .pt-control.pt-switch .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator::before,.pt-control.pt-checkbox .pt-dark .pt-control.pt-switch input:indeterminate ~ .pt-control-indicator::before { box-shadow: inset 0 0 0 1px rgba(16,22,26,0.2),0 1px 1px rgba(16,22,26,0.2) } .pt-dark .pt-control.pt-switch:hover .pt-control-indicator { background: rgba(16,22,26,0.7) } .pt-dark .pt-control.pt-switch:hover input:checked ~ .pt-control-indicator,.pt-dark .pt-control.pt-switch:hover .pt-control.pt-checkbox input:indeterminate ~ .pt-control-indicator,.pt-control.pt-checkbox .pt-dark .pt-control.pt-switch:hover input:indeterminate ~ .pt-control-indicator { background: #2b95d6 } .pt-dark .pt-control.pt-switch input:not(:disabled):active ~ .pt-control-indicator { box-shadow: none; background: rgba(16,22,26,0.9) } .pt-dark .pt-control.pt-switch input:not(:disabled):active:checked ~ .pt-control-indicator,.pt-dark .pt-control.pt-switch .pt-control.pt-checkbox input:not(:disabled):active:indeterminate ~ .pt-control-indicator,.pt-control.pt-checkbox .pt-dark .pt-control.pt-switch input:not(:disabled):active:indeterminate ~ .pt-control-indicator { background: #48aff0 } .pt-dark .pt-control.pt-switch input:disabled ~ .pt-control-indicator { background: rgba(206,217,224,0.1) } .pt-dark .pt-control.pt-switch input:disabled ~ .pt-control-indicator::before { box-shadow: none; background: rgba(16,22,26,0.4) } .pt-dark .pt-control.pt-switch input:disabled:checked ~ .pt-control-indicator,.pt-dark .pt-control.pt-switch .pt-control.pt-checkbox input:disabled:indeterminate ~ .pt-control-indicator,.pt-control.pt-checkbox .pt-dark .pt-control.pt-switch input:disabled:indeterminate ~ .pt-control-indicator { background: rgba(14,90,138,0.5) } .pt-file-upload { display: inline-block; position: relative; cursor: pointer; height: 30px } .pt-file-upload input { opacity: 0; margin: 0; min-width: 200px } .pt-file-upload .pt-file-upload-input { outline: none; border: none; border-radius: 3px; box-shadow: 0 0 0 0 rgba(19,124,189,0),0 0 0 0 rgba(19,124,189,0),inset 0 0 0 1px rgba(16,22,26,0.15),inset 0 1px 1px rgba(16,22,26,0.2); background: #ffffff; height: 30px; padding: 0 10px; vertical-align: middle; line-height: 30px; color: #182026; font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif, "Icons16"; font-size: 14px; font-weight: 400; transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9); position: absolute; top: 0; right: 0; left: 0; margin-right: 70px; border-top-right-radius: 0; border-bottom-right-radius: 0; height: 30px; line-height: 30px; color: #5c7080; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .pt-file-upload .pt-file-upload-input::-webkit-input-placeholder { opacity: 1; color: rgba(92,112,128,0.5) } .pt-file-upload .pt-file-upload-input::-moz-placeholder { opacity: 1; color: rgba(92,112,128,0.5) } .pt-file-upload .pt-file-upload-input:-moz-placeholder { opacity: 1; color: rgba(92,112,128,0.5) } .pt-file-upload .pt-file-upload-input:-ms-input-placeholder { opacity: 1; color: rgba(92,112,128,0.5) } .pt-file-upload .pt-file-upload-input:disabled,.pt-file-upload .pt-file-upload-input.pt-disabled { box-shadow: none; background: rgba(206,217,224,0.5); cursor: not-allowed; color: rgba(92,112,128,0.5); resize: none } .pt-file-upload .pt-file-upload-input[type="search"],.pt-file-upload .pt-file-upload-input.pt-round { border-radius: 30px; box-sizing: border-box; padding-left: 10px } .pt-file-upload .pt-file-upload-input[readonly] { box-shadow: inset 0 0 0 1px rgba(16,22,26,0.15) } .pt-file-upload .pt-file-upload-input::after { background: #f5f8fa; background: linear-gradient(to bottom, #fff, rgba(255,255,255,0)) left no-repeat,center no-repeat #f5f8fa; border-color: rgba(16,22,26,0.1) rgba(16,22,26,0.1) rgba(16,22,26,0.17) rgba(16,22,26,0.1); box-shadow: 0 1px 1px rgba(16,22,26,0.1); background-clip: padding-box; color: #182026; position: absolute; top: 0; right: 0; left: 100%; margin-left: -1px; border-width: 1px; border-style: solid; border-radius: 3px; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 70px; height: 30px; padding: 0 10px; text-align: center; line-height: 28px; content: "Browse" } .pt-file-upload .pt-file-upload-input::after:hover { background: #ebf1f5; background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0)) left no-repeat,center no-repeat #ebf1f5; border-color: rgba(16,22,26,0.2) rgba(16,22,26,0.2) rgba(16,22,26,0.27) rgba(16,22,26,0.2); box-shadow: 0 1px 1px rgba(16,22,26,0.1); background-clip: padding-box } .pt-file-upload .pt-file-upload-input::after:active { border-color: rgba(16,22,26,0.35) rgba(16,22,26,0.25) rgba(16,22,26,0.25) rgba(16,22,26,0.25); box-shadow: inset 0 1px 1px rgba(16,22,26,0.1); background-color: #ced9e0; background-image: none } .pt-file-upload .pt-file-upload-input::after:disabled { outline: none; border-color: transparent; box-shadow: none; background-clip: border-box; background-color: rgba(206,217,224,0.5); background-image: none; cursor: not-allowed; color: rgba(92,112,128,0.5) } .pt-file-upload .pt-file-upload-input:not(:hover):not(:active)::after { border-left-color: transparent } .pt-file-upload .pt-file-upload-input:hover::after { background: #ebf1f5; background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0)) left no-repeat,center no-repeat #ebf1f5; border-color: rgba(16,22,26,0.2) rgba(16,22,26,0.2) rgba(16,22,26,0.27) rgba(16,22,26,0.2); box-shadow: 0 1px 1px rgba(16,22,26,0.1); background-clip: padding-box } .pt-file-upload .pt-file-upload-input:active::after { border-color: rgba(16,22,26,0.35) rgba(16,22,26,0.25) rgba(16,22,26,0.25) rgba(16,22,26,0.25); box-shadow: inset 0 1px 1px rgba(16,22,26,0.1); background-color: #ced9e0; background-image: none } .pt-dark .pt-file-upload .pt-file-upload-input { box-shadow: 0 0 0 0 rgba(19,124,189,0),0 0 0 0 rgba(19,124,189,0),0 0 0 0 rgba(19,124,189,0),inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4); background: rgba(16,22,26,0.3); color: #f5f8fa; color: #bfccd6 } .pt-dark .pt-file-upload .pt-file-upload-input::-webkit-input-placeholder { color: rgba(191,204,214,0.5) } .pt-dark .pt-file-upload .pt-file-upload-input::-moz-placeholder { color: rgba(191,204,214,0.5) } .pt-dark .pt-file-upload .pt-file-upload-input:-moz-placeholder { color: rgba(191,204,214,0.5) } .pt-dark .pt-file-upload .pt-file-upload-input:-ms-input-placeholder { color: rgba(191,204,214,0.5) } .pt-dark .pt-file-upload .pt-file-upload-input:disabled,.pt-dark .pt-file-upload .pt-file-upload-input.pt-disabled { box-shadow: none; background: rgba(216,225,232,0.1); color: rgba(255,255,255,0.3) } .pt-dark .pt-file-upload .pt-file-upload-input[readonly] { box-shadow: inset 0 0 0 1px rgba(16,22,26,0.4) } .pt-dark .pt-file-upload .pt-file-upload-input::after { background: rgba(255,255,255,0.1); background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0.06)) left no-repeat; border-color: rgba(16,22,26,0.6); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: padding-box; color: #f5f8fa } .pt-dark .pt-file-upload .pt-file-upload-input::after:hover,.pt-dark .pt-file-upload .pt-file-upload-input::after:active { color: #f5f8fa } .pt-dark .pt-file-upload .pt-file-upload-input::after:hover { background: rgba(255,255,255,0.1); background: linear-gradient(to bottom, rgba(16,22,26,0.1), rgba(16,22,26,0.2)) left no-repeat,center no-repeat rgba(255,255,255,0.1); border-color: rgba(16,22,26,0.8); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: padding-box } .pt-dark .pt-file-upload .pt-file-upload-input::after:active { box-shadow: inset 0 1px 1px rgba(16,22,26,0.2); background-color: rgba(16,22,26,0.1); background-image: none } .pt-dark .pt-file-upload .pt-file-upload-input::after:disabled { border-color: rgba(206,217,224,0.1); box-shadow: none; background-color: rgba(206,217,224,0.1); background-image: none; color: rgba(191,204,214,0.5) } .pt-dark .pt-file-upload .pt-file-upload-input:hover::after { background: rgba(255,255,255,0.1); background: linear-gradient(to bottom, rgba(16,22,26,0.1), rgba(16,22,26,0.2)) left no-repeat,center no-repeat rgba(255,255,255,0.1); border-color: rgba(16,22,26,0.8); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: padding-box } .pt-dark .pt-file-upload .pt-file-upload-input:active::after { box-shadow: inset 0 1px 1px rgba(16,22,26,0.2); background-color: rgba(16,22,26,0.1); background-image: none } .pt-input-group { display: block; position: relative } .pt-input-group .pt-input { width: 100% } .pt-input-group .pt-input:not(:first-child) { padding-left: 30px } .pt-input-group .pt-input:not(:last-child) { padding-right: 30px } .pt-input-group .pt-input-action,.pt-input-group>.pt-button,.pt-input-group>.pt-icon { position: absolute; top: 0 } .pt-input-group .pt-input-action:first-child,.pt-input-group>.pt-button:first-child,.pt-input-group>.pt-icon:first-child { left: 0 } .pt-input-group .pt-input-action:last-child,.pt-input-group>.pt-button:last-child,.pt-input-group>.pt-icon:last-child { right: 0 } .pt-input-group .pt-button { min-width: 24px; min-height: 24px; line-height: 22px; margin: 3px; padding-top: 0; padding-bottom: 0 } .pt-input-group .pt-icon { line-height: 1; font-family: "Icons16", sans-serif; font-size: 16px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin: 0 7px; line-height: 30px } .pt-input-group .pt-tag { margin: 5px } .pt-input-group .pt-input:not(:focus)+.pt-button.pt-minimal:not(:hover):not(:focus),.pt-input-group .pt-input:not(:focus)+.pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) { color: #5c7080 } .pt-input-group .pt-input:not(:focus)+.pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon,.pt-input-group .pt-input:not(:focus)+.pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon-standard,.pt-input-group .pt-input:not(:focus)+.pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon-large,.pt-input-group .pt-input:not(:focus)+.pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon,.pt-input-group .pt-input:not(:focus)+.pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon-standard,.pt-input-group .pt-input:not(:focus)+.pt-input-action .pt-button.pt-minimal:not(:hover):not(:focus) .pt-icon-large { color: #5c7080 } .pt-input-group .pt-input:not(:focus)+.pt-button.pt-minimal:disabled,.pt-input-group .pt-input:not(:focus)+.pt-minimal.pt-button.pt-disabled,.pt-input-group .pt-input:not(:focus)+.pt-input-action .pt-button.pt-minimal:disabled,.pt-input-group .pt-input:not(:focus)+.pt-input-action .pt-minimal.pt-button.pt-disabled { color: rgba(92,112,128,0.5) !important } .pt-input-group .pt-input:not(:focus)+.pt-button.pt-minimal:disabled .pt-icon,.pt-input-group .pt-input:not(:focus)+.pt-minimal.pt-button.pt-disabled .pt-icon,.pt-input-group .pt-input:not(:focus)+.pt-button.pt-minimal:disabled .pt-icon-standard,.pt-input-group .pt-input:not(:focus)+.pt-minimal.pt-button.pt-disabled .pt-icon-standard,.pt-input-group .pt-input:not(:focus)+.pt-button.pt-minimal:disabled .pt-icon-large,.pt-input-group .pt-input:not(:focus)+.pt-minimal.pt-button.pt-disabled .pt-icon-large,.pt-input-group .pt-input:not(:focus)+.pt-input-action .pt-button.pt-minimal:disabled .pt-icon,.pt-input-group .pt-input:not(:focus)+.pt-input-action .pt-minimal.pt-button.pt-disabled .pt-icon,.pt-input-group .pt-input:not(:focus)+.pt-input-action .pt-button.pt-minimal:disabled .pt-icon-standard,.pt-input-group .pt-input:not(:focus)+.pt-input-action .pt-minimal.pt-button.pt-disabled .pt-icon-standard,.pt-input-group .pt-input:not(:focus)+.pt-input-action .pt-button.pt-minimal:disabled .pt-icon-large,.pt-input-group .pt-input:not(:focus)+.pt-input-action .pt-minimal.pt-button.pt-disabled .pt-icon-large { color: rgba(92,112,128,0.5) !important } .pt-input-group.pt-disabled { cursor: not-allowed } .pt-input-group.pt-disabled .pt-icon { color: rgba(92,112,128,0.5) } .pt-input-group.pt-large .pt-button { min-width: 30px; min-height: 30px; line-height: 28px; margin: 5px; line-height: 0 } .pt-input-group.pt-large .pt-icon { margin: 0 12px; line-height: 40px } .pt-input-group.pt-large .pt-input { height: 40px; line-height: 40px; font-size: 16px } .pt-input-group.pt-large .pt-input[type="search"],.pt-input-group.pt-large .pt-input.pt-round { padding: 0 15px } .pt-input-group.pt-large .pt-input:not(:first-child) { padding-left: 40px } .pt-input-group.pt-large .pt-input:not(:last-child) { padding-right: 40px } .pt-input-group.pt-round .pt-button,.pt-input-group.pt-round .pt-input,.pt-input-group.pt-round .pt-tag { border-radius: 30px } .pt-dark .pt-input-group.pt-disabled .pt-icon { color: rgba(191,204,214,0.5) } .pt-input-group.pt-intent-primary .pt-input { box-shadow: 0 0 0 0 rgba(19,124,189,0),0 0 0 0 rgba(19,124,189,0),inset 0 0 0 1px #137cbd,inset 0 0 0 1px rgba(16,22,26,0.15),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-input-group.pt-intent-primary .pt-input:focus { box-shadow: 0 0 0 1px #137cbd,0 0 0 3px rgba(19,124,189,0.3),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-input-group.pt-intent-primary .pt-input[readonly] { box-shadow: inset 0 0 0 1px #137cbd } .pt-input-group.pt-intent-primary .pt-icon { color: #137cbd } .pt-input-group.pt-intent-success .pt-input { box-shadow: 0 0 0 0 rgba(15,153,96,0),0 0 0 0 rgba(15,153,96,0),inset 0 0 0 1px #0f9960,inset 0 0 0 1px rgba(16,22,26,0.15),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-input-group.pt-intent-success .pt-input:focus { box-shadow: 0 0 0 1px #0f9960,0 0 0 3px rgba(15,153,96,0.3),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-input-group.pt-intent-success .pt-input[readonly] { box-shadow: inset 0 0 0 1px #0f9960 } .pt-input-group.pt-intent-success .pt-icon { color: #0f9960 } .pt-input-group.pt-intent-warning .pt-input { box-shadow: 0 0 0 0 rgba(217,130,43,0),0 0 0 0 rgba(217,130,43,0),inset 0 0 0 1px #d9822b,inset 0 0 0 1px rgba(16,22,26,0.15),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-input-group.pt-intent-warning .pt-input:focus { box-shadow: 0 0 0 1px #d9822b,0 0 0 3px rgba(217,130,43,0.3),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-input-group.pt-intent-warning .pt-input[readonly] { box-shadow: inset 0 0 0 1px #d9822b } .pt-input-group.pt-intent-warning .pt-icon { color: #d9822b } .pt-input-group.pt-intent-danger .pt-input { box-shadow: 0 0 0 0 rgba(219,55,55,0),0 0 0 0 rgba(219,55,55,0),inset 0 0 0 1px #db3737,inset 0 0 0 1px rgba(16,22,26,0.15),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-input-group.pt-intent-danger .pt-input:focus { box-shadow: 0 0 0 1px #db3737,0 0 0 3px rgba(219,55,55,0.3),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-input-group.pt-intent-danger .pt-input[readonly] { box-shadow: inset 0 0 0 1px #db3737 } .pt-input-group.pt-intent-danger .pt-icon { color: #db3737 } .pt-input { outline: none; border: none; border-radius: 3px; box-shadow: 0 0 0 0 rgba(19,124,189,0),0 0 0 0 rgba(19,124,189,0),inset 0 0 0 1px rgba(16,22,26,0.15),inset 0 1px 1px rgba(16,22,26,0.2); background: #ffffff; height: 30px; padding: 0 10px; vertical-align: middle; line-height: 30px; color: #182026; font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif, "Icons16"; font-size: 14px; font-weight: 400; transition: box-shadow 100ms cubic-bezier(0.4, 1, 0.75, 0.9) } .pt-input::-webkit-input-placeholder { opacity: 1; color: rgba(92,112,128,0.5) } .pt-input::-moz-placeholder { opacity: 1; color: rgba(92,112,128,0.5) } .pt-input:-moz-placeholder { opacity: 1; color: rgba(92,112,128,0.5) } .pt-input:-ms-input-placeholder { opacity: 1; color: rgba(92,112,128,0.5) } .pt-input:disabled,.pt-input.pt-disabled { box-shadow: none; background: rgba(206,217,224,0.5); cursor: not-allowed; color: rgba(92,112,128,0.5); resize: none } .pt-input[type="search"],.pt-input.pt-round { border-radius: 30px; box-sizing: border-box; padding-left: 10px } .pt-input[readonly] { box-shadow: inset 0 0 0 1px rgba(16,22,26,0.15) } .pt-input.pt-large { height: 40px; line-height: 40px; font-size: 16px } .pt-input.pt-large[type="search"],.pt-input.pt-large.pt-round { padding: 0 15px } .pt-input.pt-fill { width: 100% } .pt-dark .pt-input { box-shadow: 0 0 0 0 rgba(19,124,189,0),0 0 0 0 rgba(19,124,189,0),0 0 0 0 rgba(19,124,189,0),inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4); background: rgba(16,22,26,0.3); color: #f5f8fa } .pt-dark .pt-input::-webkit-input-placeholder { color: rgba(191,204,214,0.5) } .pt-dark .pt-input::-moz-placeholder { color: rgba(191,204,214,0.5) } .pt-dark .pt-input:-moz-placeholder { color: rgba(191,204,214,0.5) } .pt-dark .pt-input:-ms-input-placeholder { color: rgba(191,204,214,0.5) } .pt-dark .pt-input:disabled,.pt-dark .pt-input.pt-disabled { box-shadow: none; background: rgba(216,225,232,0.1); color: rgba(255,255,255,0.3) } .pt-dark .pt-input[readonly] { box-shadow: inset 0 0 0 1px rgba(16,22,26,0.4) } .pt-input.pt-intent-primary { box-shadow: 0 0 0 0 rgba(19,124,189,0),0 0 0 0 rgba(19,124,189,0),inset 0 0 0 1px #137cbd,inset 0 0 0 1px rgba(16,22,26,0.15),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-input.pt-intent-primary:focus { box-shadow: 0 0 0 1px #137cbd,0 0 0 3px rgba(19,124,189,0.3),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-input.pt-intent-primary[readonly] { box-shadow: inset 0 0 0 1px #137cbd } .pt-dark .pt-input.pt-intent-primary { box-shadow: 0 0 0 0 rgba(19,124,189,0),0 0 0 0 rgba(19,124,189,0),0 0 0 0 rgba(19,124,189,0),inset 0 0 0 1px #137cbd,inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4) } .pt-dark .pt-input.pt-intent-primary:focus { box-shadow: 0 0 0 1px #137cbd,0 0 0 1px #137cbd,0 0 0 3px rgba(19,124,189,0.3),inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4) } .pt-dark .pt-input.pt-intent-primary[readonly] { box-shadow: inset 0 0 0 1px #137cbd } .pt-input.pt-intent-success { box-shadow: 0 0 0 0 rgba(15,153,96,0),0 0 0 0 rgba(15,153,96,0),inset 0 0 0 1px #0f9960,inset 0 0 0 1px rgba(16,22,26,0.15),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-input.pt-intent-success:focus { box-shadow: 0 0 0 1px #0f9960,0 0 0 3px rgba(15,153,96,0.3),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-input.pt-intent-success[readonly] { box-shadow: inset 0 0 0 1px #0f9960 } .pt-dark .pt-input.pt-intent-success { box-shadow: 0 0 0 0 rgba(15,153,96,0),0 0 0 0 rgba(15,153,96,0),0 0 0 0 rgba(15,153,96,0),inset 0 0 0 1px #0f9960,inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4) } .pt-dark .pt-input.pt-intent-success:focus { box-shadow: 0 0 0 1px #0f9960,0 0 0 1px #0f9960,0 0 0 3px rgba(15,153,96,0.3),inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4) } .pt-dark .pt-input.pt-intent-success[readonly] { box-shadow: inset 0 0 0 1px #0f9960 } .pt-input.pt-intent-warning { box-shadow: 0 0 0 0 rgba(217,130,43,0),0 0 0 0 rgba(217,130,43,0),inset 0 0 0 1px #d9822b,inset 0 0 0 1px rgba(16,22,26,0.15),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-input.pt-intent-warning:focus { box-shadow: 0 0 0 1px #d9822b,0 0 0 3px rgba(217,130,43,0.3),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-input.pt-intent-warning[readonly] { box-shadow: inset 0 0 0 1px #d9822b } .pt-dark .pt-input.pt-intent-warning { box-shadow: 0 0 0 0 rgba(217,130,43,0),0 0 0 0 rgba(217,130,43,0),0 0 0 0 rgba(217,130,43,0),inset 0 0 0 1px #d9822b,inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4) } .pt-dark .pt-input.pt-intent-warning:focus { box-shadow: 0 0 0 1px #d9822b,0 0 0 1px #d9822b,0 0 0 3px rgba(217,130,43,0.3),inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4) } .pt-dark .pt-input.pt-intent-warning[readonly] { box-shadow: inset 0 0 0 1px #d9822b } .pt-input.pt-intent-danger { box-shadow: 0 0 0 0 rgba(219,55,55,0),0 0 0 0 rgba(219,55,55,0),inset 0 0 0 1px #db3737,inset 0 0 0 1px rgba(16,22,26,0.15),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-input.pt-intent-danger:focus { box-shadow: 0 0 0 1px #db3737,0 0 0 3px rgba(219,55,55,0.3),inset 0 1px 1px rgba(16,22,26,0.2) } .pt-input.pt-intent-danger[readonly] { box-shadow: inset 0 0 0 1px #db3737 } .pt-dark .pt-input.pt-intent-danger { box-shadow: 0 0 0 0 rgba(219,55,55,0),0 0 0 0 rgba(219,55,55,0),0 0 0 0 rgba(219,55,55,0),inset 0 0 0 1px #db3737,inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4) } .pt-dark .pt-input.pt-intent-danger:focus { box-shadow: 0 0 0 1px #db3737,0 0 0 1px #db3737,0 0 0 3px rgba(219,55,55,0.3),inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4) } .pt-dark .pt-input.pt-intent-danger[readonly] { box-shadow: inset 0 0 0 1px #db3737 } .pt-input::-ms-clear { display: none } textarea.pt-input { max-width: 100%; height: auto; padding: 10px; line-height: 1.28581 } textarea.pt-input.pt-large { line-height: 1.28581; font-size: 16px } .pt-dark textarea.pt-input { box-shadow: 0 0 0 0 rgba(19,124,189,0),0 0 0 0 rgba(19,124,189,0),0 0 0 0 rgba(19,124,189,0),inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4); background: rgba(16,22,26,0.3); color: #f5f8fa } .pt-dark textarea.pt-input::-webkit-input-placeholder { color: rgba(191,204,214,0.5) } .pt-dark textarea.pt-input::-moz-placeholder { color: rgba(191,204,214,0.5) } .pt-dark textarea.pt-input:-moz-placeholder { color: rgba(191,204,214,0.5) } .pt-dark textarea.pt-input:-ms-input-placeholder { color: rgba(191,204,214,0.5) } .pt-dark textarea.pt-input:focus { box-shadow: 0 0 0 1px #137cbd,0 0 0 1px #137cbd,0 0 0 3px rgba(19,124,189,0.3),inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4) } .pt-dark textarea.pt-input:disabled,.pt-dark textarea.pt-input.pt-disabled { box-shadow: none; background: rgba(216,225,232,0.1); color: rgba(255,255,255,0.3) } .pt-dark textarea.pt-input[readonly] { box-shadow: inset 0 0 0 1px rgba(16,22,26,0.4) } label.pt-label { display: block; margin: 0 0 10px } label.pt-label .pt-input,label.pt-label .pt-select { display: block; margin-top: 5px; text-transform: none } label.pt-label .pt-select select { width: 100%; vertical-align: top; font-weight: 400 } label.pt-label.pt-inline { line-height: 30px } label.pt-label.pt-inline .pt-input,label.pt-label.pt-inline .pt-input-group,label.pt-label.pt-inline .pt-select { display: inline-block; margin: 0 0 0 5px; vertical-align: top } label.pt-label.pt-inline .pt-input-group .pt-input { margin-left: 0 } label.pt-label.pt-inline.pt-large { line-height: 40px } label.pt-label.pt-disabled { color: rgba(92,112,128,0.5) } .pt-dark label.pt-label { color: #f5f8fa } .pt-dark label.pt-label.pt-disabled { color: rgba(191,204,214,0.5) } .pt-select { display: inline-block; position: relative; vertical-align: middle; letter-spacing: normal } .pt-select select::-ms-expand { display: none } .pt-select.pt-large::after { top: 0; right: 12px; line-height: 40px } .pt-select.pt-fill,.pt-select.pt-fill select { width: 100% } .pt-dark .pt-select::after { color: #bfccd6 } form { display: block } .pt-key { display: inline-block; border-radius: 2px; box-shadow: 0 0 0 1px rgba(16,22,26,0.1),0 1px 1px rgba(16,22,26,0.2),0 2px 6px rgba(16,22,26,0.2); background: #ffffff; min-width: 25px; height: 25px; padding: 3px 5px; vertical-align: middle; text-align: center; line-height: 20px; color: #5c7080; font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Open Sans", "Helvetica Neue", sans-serif, "Icons16"; font-size: 12px } .pt-key.pt-modifier-key { padding: 3px 8px 3px 6px } .pt-key.pt-modifier-key .pt-icon-standard { margin-right: 5px } .pt-dark .pt-key { box-shadow: 0 0 0 1px rgba(16,22,26,0.2),0 1px 1px rgba(16,22,26,0.4),0 2px 6px rgba(16,22,26,0.4),inset 0 1px 0 rgba(255,255,255,0.05); background: #394b59; color: #bfccd6 } .pt-key-combo .pt-key:not(:last-child) { margin-right: 5px } .pt-hotkey-dialog { top: 40px; padding-bottom: 0 } .pt-hotkey-dialog .pt-dialog-body { margin: 0; padding: 0 } .pt-hotkey-dialog .pt-key-combo { flex: 1 0 auto; width: 160px; text-align: right } .pt-hotkey-column { margin: auto; max-height: 80vh; overflow-y: auto; padding: 30px } .pt-hotkey-column .pt-hotkey-group { margin-bottom: 30px } .pt-hotkey-column .pt-hotkey-group:not(:first-child) { margin-top: 50px } .pt-hotkey { display: flex; align-items: baseline; justify-content: space-between; margin-right: 0; margin-left: 0 } .pt-hotkey:not(:last-child) { margin-bottom: 10px } .pt-submenu>.pt-popover-target { display: inherit } .pt-submenu>.pt-popover-target>.pt-menu-item { padding-right: 26px } .pt-submenu>.pt-popover-target>.pt-menu-item::after { line-height: 1; font-family: "Icons16", sans-serif; font-size: 16px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; position: absolute; right: 5px; content: "〉" } .pt-large .pt-submenu>.pt-popover-target>.pt-menu-item::after { line-height: 20px } .pt-submenu .pt-popover { position: relative; top: -5px; left: 5px } .pt-submenu .pt-popover.pt-align-left { right: 5px; left: auto } .pt-menu { margin: 0; border-radius: 3px; background: #ffffff; min-width: 180px; padding: 5px; list-style: none; text-align: left; color: #182026 } .pt-menu-divider { display: block; margin: 5px; border-top: 1px solid rgba(16,22,26,0.15) } .pt-dark .pt-menu-divider { border-top-color: rgba(255,255,255,0.15) } .pt-menu-item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; display: block; border-radius: 2px; padding: 7px; line-height: 16px; color: inherit; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .pt-menu-item:not(.pt-disabled):hover,.pt-submenu>.pt-popover-open>.pt-menu-item:not(.pt-disabled) { background: #137cbd; cursor: pointer; color: #ffffff } .pt-menu-item.pt-disabled { cursor: not-allowed; color: rgba(92,112,128,0.5) } .pt-dark .pt-menu-item { color: inherit } .pt-dark .pt-menu-item.pt-disabled { color: rgba(191,204,214,0.5) } .pt-menu-item::before { line-height: 1; font-family: "Icons16", sans-serif; font-size: 16px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; float: left; margin-right: 7px } .pt-menu-item::before,.pt-menu-item::after { color: #5c7080 } .pt-menu-item .pt-menu-item-label { color: #5c7080 } .pt-menu-item:not(.pt-disabled):hover::before,.pt-submenu>.pt-popover-open>.pt-menu-item:not(.pt-disabled)::before,.pt-menu-item:not(.pt-disabled):hover::after,.pt-submenu>.pt-popover-open>.pt-menu-item:not(.pt-disabled)::after,.pt-menu-item:not(.pt-disabled):hover .pt-menu-item-label,.pt-submenu>.pt-popover-open>.pt-menu-item:not(.pt-disabled) .pt-menu-item-label { color: #ffffff } .pt-menu-item:not(.pt-disabled):hover.pt-intent-primary,.pt-submenu>.pt-popover-open>.pt-menu-item:not(.pt-disabled).pt-intent-primary { background-color: #137cbd } .pt-menu-item:not(.pt-disabled):hover.pt-intent-success,.pt-submenu>.pt-popover-open>.pt-menu-item:not(.pt-disabled).pt-intent-success { background-color: #0f9960 } .pt-menu-item:not(.pt-disabled):hover.pt-intent-warning,.pt-submenu>.pt-popover-open>.pt-menu-item:not(.pt-disabled).pt-intent-warning { background-color: #d9822b } .pt-menu-item:not(.pt-disabled):hover.pt-intent-danger,.pt-submenu>.pt-popover-open>.pt-menu-item:not(.pt-disabled).pt-intent-danger { background-color: #db3737 } .pt-menu-item.pt-disabled { outline: none; cursor: not-allowed; color: rgba(92,112,128,0.5) } .pt-menu-item.pt-disabled::before,.pt-menu-item.pt-disabled::after { color: rgba(92,112,128,0.5) } .pt-menu-item.pt-disabled .pt-menu-item-label { color: rgba(92,112,128,0.5) } .pt-large .pt-menu-item { padding: 10px 7px; line-height: 20px; font-size: 16px } .pt-large .pt-menu-item::before { line-height: 1; font-family: "Icons20", sans-serif; font-size: 20px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin-right: 10px } a.pt-menu-item,a.pt-menu-item:hover,.pt-submenu>.pt-popover-open>a.pt-menu-item { text-decoration: none } button.pt-menu-item { border: none; background: none; width: 100%; text-align: left } .pt-menu-item-label { float: right; margin-left: 7px } .pt-menu-header { display: block; margin: 5px; border-top: 1px solid rgba(16,22,26,0.15); cursor: default; padding-left: 2px } .pt-dark .pt-menu-header { border-top-color: rgba(255,255,255,0.15) } .pt-menu-header:first-of-type { border-top: none } .pt-menu-header>h6 { color: #182026; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; margin: 0; padding: 10px 7px 0 1px; line-height: 16px } .pt-menu-header:first-of-type>h6 { padding-top: 0 } .pt-large .pt-menu-header>h6 { padding-top: 15px; padding-bottom: 5px; font-size: 18px } .pt-large .pt-menu-header:first-of-type>h6 { padding-top: 0 } .pt-dark .pt-menu { background: #30404d; color: #f5f8fa } .pt-dark .pt-menu-item::before,.pt-dark .pt-menu-item::after { color: #bfccd6 } .pt-dark .pt-menu-item .pt-menu-item-label { color: #bfccd6 } .pt-dark .pt-menu-item:hover::before,.pt-dark .pt-submenu>.pt-popover-open>.pt-menu-item::before,.pt-dark .pt-menu-item:hover::after,.pt-dark .pt-submenu>.pt-popover-open>.pt-menu-item::after { color: #ffffff } .pt-dark .pt-menu-item.pt-disabled,.pt-dark .pt-menu-item.pt-disabled:hover,.pt-dark .pt-submenu>.pt-popover-open>.pt-disabled.pt-menu-item { color: rgba(191,204,214,0.5) } .pt-dark .pt-menu-item.pt-disabled::before,.pt-dark .pt-menu-item.pt-disabled::after,.pt-dark .pt-menu-item.pt-disabled:hover::before,.pt-dark .pt-submenu>.pt-popover-open>.pt-disabled.pt-menu-item::before,.pt-dark .pt-menu-item.pt-disabled:hover::after,.pt-dark .pt-submenu>.pt-popover-open>.pt-disabled.pt-menu-item::after { color: rgba(191,204,214,0.5) } .pt-dark .pt-menu-item.pt-disabled .pt-menu-item-label,.pt-dark .pt-menu-item.pt-disabled:hover .pt-menu-item-label,.pt-dark .pt-submenu>.pt-popover-open>.pt-disabled.pt-menu-item .pt-menu-item-label { color: rgba(191,204,214,0.5) } .pt-dark .pt-menu-divider,.pt-dark .pt-menu-header { border-color: rgba(255,255,255,0.15) } .pt-dark .pt-menu-header>h6 { color: #f5f8fa } .pt-label .pt-menu { margin-top: 5px } .pt-navbar { position: relative; z-index: 10; box-shadow: 0 0 0 1px rgba(16,22,26,0.1),0 1px 1px rgba(16,22,26,0.2); background-color: #ffffff; height: 50px; padding: 0 15px } .pt-navbar.pt-dark,.pt-dark .pt-navbar { box-shadow: inset 0 0 0 1px rgba(16,22,26,0.2),0 1px 1px rgba(16,22,26,0.4); background-color: #394b59 } .pt-navbar.pt-fixed-top { position: fixed; top: 0; right: 0; left: 0 } .pt-navbar .pt-logo { margin-right: 15px; width: 20px } .pt-navbar-heading { margin-right: 15px; font-size: 16px } .pt-navbar-group { display: flex; align-items: center; height: 50px } .pt-navbar-group.pt-align-left { float: left } .pt-navbar-group.pt-align-right { float: right } .pt-navbar-divider { margin: 0 10px; border-left: 1px solid rgba(16,22,26,0.15); height: 20px } .pt-dark .pt-navbar-divider { border-left-color: rgba(255,255,255,0.15) } .pt-non-ideal-state { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto; width: 100%; max-width: 400px } .pt-non-ideal-state-visual { margin-bottom: 20px } .pt-non-ideal-state-icon .pt-icon { color: rgba(92,112,128,0.5); font-size: 60px } .pt-dark .pt-non-ideal-state-icon .pt-icon { color: rgba(191,204,214,0.5) } .pt-non-ideal-state-title { margin-bottom: 0 } .pt-non-ideal-state-description { margin-top: 15px; text-align: center } .pt-non-ideal-state-action { margin-top: 15px } .pt-overlay-scroll-container.pt-overlay-open { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto } .pt-overlay-scroll-container.pt-overlay-open .pt-overlay-backdrop { position: fixed } .pt-overlay-backdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 1; z-index: 20; background-color: rgba(16,22,26,0.7); overflow: auto } .pt-overlay-backdrop.pt-overlay-enter,.pt-overlay-backdrop.pt-overlay-appear { opacity: 0 } .pt-overlay-backdrop.pt-overlay-enter-active,.pt-overlay-backdrop.pt-overlay-appear-active { opacity: 1; transition-property: opacity; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); transition-delay: 0 } .pt-overlay-backdrop.pt-overlay-leave { opacity: 1 } .pt-overlay-backdrop.pt-overlay-leave-active { opacity: 0; transition-property: opacity; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); transition-delay: 0 } .pt-overlay-backdrop:focus { outline: none } .pt-popover { box-shadow: 0 0 0 1px rgba(16,22,26,0.1),0 2px 4px rgba(16,22,26,0.2),0 8px 24px rgba(16,22,26,0.2); transform: scale(1); display: inline-block; z-index: 20; border-radius: 3px } .pt-popover .pt-popover-arrow { position: absolute; width: 30px; height: 30px } .pt-popover .pt-popover-arrow::before { margin: 5px; width: 20px; height: 20px } .pt-tether-element-attached-bottom.pt-tether-target-attached-top>.pt-popover { margin-top: -17px; margin-bottom: 17px } .pt-tether-element-attached-bottom.pt-tether-target-attached-top>.pt-popover>.pt-popover-arrow { bottom: -11px } .pt-tether-element-attached-bottom.pt-tether-target-attached-top>.pt-popover>.pt-popover-arrow svg { transform: rotate(-90deg) } .pt-tether-element-attached-left.pt-tether-target-attached-right>.pt-popover { margin-left: 17px } .pt-tether-element-attached-left.pt-tether-target-attached-right>.pt-popover>.pt-popover-arrow { left: -11px } .pt-tether-element-attached-left.pt-tether-target-attached-right>.pt-popover>.pt-popover-arrow svg { transform: rotate(0) } .pt-tether-element-attached-top.pt-tether-target-attached-bottom>.pt-popover { margin-top: 17px } .pt-tether-element-attached-top.pt-tether-target-attached-bottom>.pt-popover>.pt-popover-arrow { top: -11px } .pt-tether-element-attached-top.pt-tether-target-attached-bottom>.pt-popover>.pt-popover-arrow svg { transform: rotate(90deg) } .pt-tether-element-attached-right.pt-tether-target-attached-left>.pt-popover { margin-right: 17px; margin-left: -17px } .pt-tether-element-attached-right.pt-tether-target-attached-left>.pt-popover>.pt-popover-arrow { right: -11px } .pt-tether-element-attached-right.pt-tether-target-attached-left>.pt-popover>.pt-popover-arrow svg { transform: rotate(180deg) } .pt-tether-element-attached-middle>.pt-popover>.pt-popover-arrow { top: 50%; transform: translateY(-50%) } .pt-tether-element-attached-center>.pt-popover>.pt-popover-arrow { right: 50%; transform: translateX(50%) } .pt-tether-element-attached-top.pt-tether-target-attached-top>.pt-popover>.pt-popover-arrow { top: -0.3934px } .pt-tether-element-attached-right.pt-tether-target-attached-right>.pt-popover>.pt-popover-arrow { right: -0.3934px } .pt-tether-element-attached-left.pt-tether-target-attached-left>.pt-popover>.pt-popover-arrow { left: -0.3934px } .pt-tether-element-attached-bottom.pt-tether-target-attached-bottom>.pt-popover>.pt-popover-arrow { bottom: -0.3934px } .pt-tether-element-attached-top.pt-tether-element-attached-left>.pt-popover { transform-origin: top left } .pt-tether-element-attached-top.pt-tether-element-attached-center>.pt-popover { transform-origin: top center } .pt-tether-element-attached-top.pt-tether-element-attached-right>.pt-popover { transform-origin: top right } .pt-tether-element-attached-middle.pt-tether-element-attached-left>.pt-popover { transform-origin: center left } .pt-tether-element-attached-middle.pt-tether-element-attached-center>.pt-popover { transform-origin: center center } .pt-tether-element-attached-middle.pt-tether-element-attached-right>.pt-popover { transform-origin: center right } .pt-tether-element-attached-bottom.pt-tether-element-attached-left>.pt-popover { transform-origin: bottom left } .pt-tether-element-attached-bottom.pt-tether-element-attached-center>.pt-popover { transform-origin: bottom center } .pt-tether-element-attached-bottom.pt-tether-element-attached-right>.pt-popover { transform-origin: bottom right } .pt-popover .pt-popover-content { background: #ffffff; color: inherit } .pt-popover .pt-popover-arrow::before { box-shadow: 1px 1px 6px rgba(16,22,26,0.2) } .pt-popover .pt-popover-arrow-border { fill: #10161a; fill-opacity: 0.1 } .pt-popover .pt-popover-arrow-fill { fill: #ffffff } .pt-popover-enter>.pt-popover,.pt-popover-appear>.pt-popover { transform: scale(0.3) } .pt-popover-enter-active>.pt-popover,.pt-popover-appear-active>.pt-popover { transform: scale(1); transition-property: transform; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); transition-delay: 0 } .pt-popover-leave>.pt-popover { transform: scale(1) } .pt-popover-leave-active>.pt-popover { transform: scale(0.3); transition-property: transform; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); transition-delay: 0 } .pt-popover .pt-popover-content { position: relative; border-radius: 3px } .pt-popover.pt-popover-content-sizing .pt-popover-content { max-width: 350px; padding: 20px } .pt-popover-target .pt-popover.pt-popover-content-sizing { width: 350px } .pt-popover.pt-minimal { margin: 0 !important } .pt-popover.pt-minimal .pt-popover-arrow { display: none } .pt-popover.pt-minimal.pt-popover { transform: scale(1) } .pt-popover-enter>.pt-popover.pt-minimal.pt-popover,.pt-popover-appear>.pt-popover.pt-minimal.pt-popover { transform: scale(1) } .pt-popover-enter-active>.pt-popover.pt-minimal.pt-popover,.pt-popover-appear-active>.pt-popover.pt-minimal.pt-popover { transform: scale(1); transition-property: transform; transition-duration: 100ms; transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); transition-delay: 0 } .pt-popover-leave>.pt-popover.pt-minimal.pt-popover { transform: scale(1) } .pt-popover-leave-active>.pt-popover.pt-minimal.pt-popover { transform: scale(1); transition-property: transform; transition-duration: 100ms; transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); transition-delay: 0 } .pt-popover.pt-dark,.pt-dark .pt-popover { box-shadow: 0 0 0 1px rgba(16,22,26,0.2),0 2px 4px rgba(16,22,26,0.4),0 8px 24px rgba(16,22,26,0.4) } .pt-popover.pt-dark .pt-popover-content,.pt-dark .pt-popover .pt-popover-content { background: #30404d; color: inherit } .pt-popover.pt-dark .pt-popover-arrow::before,.pt-dark .pt-popover .pt-popover-arrow::before { box-shadow: 1px 1px 6px rgba(16,22,26,0.4) } .pt-popover.pt-dark .pt-popover-arrow-border,.pt-dark .pt-popover .pt-popover-arrow-border { fill: #10161a; fill-opacity: 0.2 } .pt-popover.pt-dark .pt-popover-arrow-fill,.pt-dark .pt-popover .pt-popover-arrow-fill { fill: #30404d } .pt-popover-arrow::before { display: block; position: absolute; transform: rotate(45deg); border-radius: 2px; content: "" } .pt-tether-pinned .pt-popover-arrow { display: none } .pt-popover-backdrop { background: rgba(255,255,255,0) } .pt-transition-container { opacity: 1; z-index: 20 } .pt-transition-container.pt-popover-enter,.pt-transition-container.pt-popover-appear { opacity: 0 } .pt-transition-container.pt-popover-enter-active,.pt-transition-container.pt-popover-appear-active { opacity: 1; transition-property: opacity; transition-duration: 100ms; transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); transition-delay: 0 } .pt-transition-container.pt-popover-leave { opacity: 1 } .pt-transition-container.pt-popover-leave-active { opacity: 0; transition-property: opacity; transition-duration: 100ms; transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); transition-delay: 0 } .pt-transition-container:focus { outline: none } .pt-transition-container.pt-popover-leave .pt-popover-content { pointer-events: none } .pt-popover-target { display: inline-block; position: relative; vertical-align: top } .pt-popover-target>.pt-popover-target { display: inline-block } .pt-popover-target .pt-transition-container { position: absolute } .pt-popover-target .pt-transition-container.pt-tether-element-attached-bottom.pt-tether-target-attached-top { bottom: 100% } .pt-popover-target .pt-transition-container.pt-tether-element-attached-left.pt-tether-target-attached-right { left: 100% } .pt-popover-target .pt-transition-container.pt-tether-element-attached-top.pt-tether-target-attached-bottom { top: 100% } .pt-popover-target .pt-transition-container.pt-tether-element-attached-right.pt-tether-target-attached-left { right: 100% } .pt-popover-target .pt-transition-container.pt-tether-element-attached-top.pt-tether-target-attached-top { top: 0 } .pt-popover-target .pt-transition-container.pt-tether-element-attached-right.pt-tether-target-attached-right { right: 0 } .pt-popover-target .pt-transition-container.pt-tether-element-attached-bottom.pt-tether-target-attached-bottom { bottom: 0 } .pt-popover-target .pt-transition-container.pt-tether-element-attached-left.pt-tether-target-attached-left { left: 0 } .pt-popover-target .pt-transition-container.pt-tether-element-attached-middle { top: 50%; transform: translateY(-50%) } .pt-popover-target .pt-transition-container.pt-tether-element-attached-center { left: 50%; transform: translateX(-50%) } .pt-button-group.pt-vertical .pt-popover-target { display: block } .pt-button-group:not(.pt-vertical) .pt-popover-target,.pt-button-group:not(.pt-vertical) .pt-tether-target { float: left } .pt-portal { display: inline-block } @keyframes linear-progress-bar-stripes { from { background-position: 0 0 } to { background-position: 30px 0 } } .pt-progress-bar { display: block; position: relative; border-radius: 0px; background: rgba(92,112,128,0.2); width: 100%; height: 8px; overflow: hidden } .pt-progress-bar .pt-progress-meter { background-color: rgba(255,255,255,0.2); background-image: linear-gradient(-45deg, rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%); display: inline-block; position: absolute; border-radius: 0px; background-color: rgba(92,112,128,0.8); background-size: 30px 30px; width: 100%; height: 100%; transition: width 200ms cubic-bezier(0.4, 1, 0.75, 0.9) } .pt-progress-bar:not(.pt-no-animation):not(.pt-no-stripes) .pt-progress-meter { animation: linear-progress-bar-stripes 300ms linear infinite reverse } .pt-progress-bar.pt-no-stripes .pt-progress-meter { background-image: none } .pt-dark .pt-progress-bar,.pt-progress-bar.pt-dark { background: rgba(16,22,26,0.3) } .pt-dark .pt-progress-bar .pt-progress-meter,.pt-progress-bar.pt-dark .pt-progress-meter { background-color: #5c7080 } .pt-progress-bar.pt-intent-primary .pt-progress-meter { background-color: #3663E5 } .pt-progress-bar.pt-intent-success .pt-progress-meter { background-color: #0f9960 } .pt-progress-bar.pt-intent-warning .pt-progress-meter { background-color: #d9822b } .pt-progress-bar.pt-intent-danger .pt-progress-meter { background-color: #db3737 } .pt-slider { position: relative; cursor: default; width: 100%; height: 40px; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .pt-slider:hover { cursor: pointer } .pt-slider:active { cursor: -webkit-grabbing; cursor: grabbing } .pt-slider.pt-disabled { opacity: 0.5; cursor: not-allowed } .pt-slider.pt-slider-unlabeled { height: 16px } .pt-slider-track,.pt-slider-progress { position: absolute; top: 5px; right: 0; left: 0; border-radius: 3px; background: rgba(92,112,128,0.2); height: 6px } .pt-dark .pt-slider-track,.pt-dark .pt-slider-progress { background: rgba(16,22,26,0.5) } .pt-slider-progress,.pt-dark .pt-slider-progress { background: #137cbd } .pt-slider-handle { background: #f5f8fa; background: linear-gradient(to bottom, #fff, rgba(255,255,255,0)) left no-repeat,center no-repeat #f5f8fa; border-color: rgba(16,22,26,0.1) rgba(16,22,26,0.1) rgba(16,22,26,0.17) rgba(16,22,26,0.1); box-shadow: 0 1px 1px rgba(16,22,26,0.1); background-clip: padding-box; color: #182026; position: absolute; top: 0; left: 0; border-width: 1px; border-style: solid; border-radius: 3px; cursor: pointer; width: 16px; height: 16px } .pt-slider-handle:hover { background: #ebf1f5; background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0)) left no-repeat,center no-repeat #ebf1f5; border-color: rgba(16,22,26,0.2) rgba(16,22,26,0.2) rgba(16,22,26,0.27) rgba(16,22,26,0.2); box-shadow: 0 1px 1px rgba(16,22,26,0.1); background-clip: padding-box } .pt-slider-handle:active { border-color: rgba(16,22,26,0.35) rgba(16,22,26,0.25) rgba(16,22,26,0.25) rgba(16,22,26,0.25); box-shadow: inset 0 1px 1px rgba(16,22,26,0.1); background-color: #ced9e0; background-image: none } .pt-slider-handle:disabled { outline: none; border-color: transparent; box-shadow: none; background-clip: border-box; background-color: rgba(206,217,224,0.5); background-image: none; cursor: not-allowed; color: rgba(92,112,128,0.5) } .pt-slider-handle:focus { z-index: 1 } .pt-slider-handle:hover { background: #ebf1f5; background: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0)) left no-repeat,center no-repeat #ebf1f5; border-color: rgba(16,22,26,0.2) rgba(16,22,26,0.2) rgba(16,22,26,0.27) rgba(16,22,26,0.2); box-shadow: 0 1px 1px rgba(16,22,26,0.1); background-clip: padding-box; z-index: 2; cursor: -webkit-grab; cursor: grab } .pt-slider-handle.pt-active { border-color: rgba(16,22,26,0.35) rgba(16,22,26,0.25) rgba(16,22,26,0.25) rgba(16,22,26,0.25); box-shadow: inset 0 1px 1px rgba(16,22,26,0.1); background-color: #ced9e0; background-image: none; cursor: -webkit-grabbing; cursor: grabbing } .pt-disabled .pt-slider-handle { border-color: #bfccd6; box-shadow: none; background: #bfccd6; pointer-events: none } .pt-dark .pt-slider-handle { background: rgba(255,255,255,0.1); background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0.06)) left no-repeat; border-color: rgba(16,22,26,0.6); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: padding-box; color: #f5f8fa } .pt-dark .pt-slider-handle:hover,.pt-dark .pt-slider-handle:active { color: #f5f8fa } .pt-dark .pt-slider-handle:hover { background: rgba(255,255,255,0.1); background: linear-gradient(to bottom, rgba(16,22,26,0.1), rgba(16,22,26,0.2)) left no-repeat,center no-repeat rgba(255,255,255,0.1); border-color: rgba(16,22,26,0.8); box-shadow: 0 1px 1px rgba(16,22,26,0.2); background-clip: padding-box } .pt-dark .pt-slider-handle:active { box-shadow: inset 0 1px 1px rgba(16,22,26,0.2); background-color: rgba(16,22,26,0.1); background-image: none } .pt-dark .pt-slider-handle:disabled { border-color: rgba(206,217,224,0.1); box-shadow: none; background-color: rgba(206,217,224,0.1); background-image: none; color: rgba(191,204,214,0.5) } .pt-dark .pt-slider-handle,.pt-dark .pt-slider-handle:hover { background-color: #394b59 } .pt-dark .pt-slider-handle.pt-active { background-color: #293742 } .pt-dark .pt-disabled .pt-slider-handle { border-color: #5c7080; box-shadow: none; background: #5c7080 } .pt-slider-handle .pt-slider-label { transform: translate(-50%, 19px); margin-left: 7px; border-radius: 3px; box-shadow: 0 0 0 1px rgba(16,22,26,0.1),0 2px 4px rgba(16,22,26,0.2),0 8px 24px rgba(16,22,26,0.2); background: #394b59; color: #f5f8fa } .pt-dark .pt-slider-handle .pt-slider-label { box-shadow: 0 0 0 1px rgba(16,22,26,0.2),0 2px 4px rgba(16,22,26,0.4),0 8px 24px rgba(16,22,26,0.4); background: #e1e8ed; color: #394b59 } .pt-disabled .pt-slider-handle .pt-slider-label { box-shadow: none } .pt-slider-label { display: inline-block; padding: 2px 5px; vertical-align: top; line-height: 1; font-size: 12px; position: absolute; transform: translate(-50%, 20px) } .pt-range-slider .pt-slider-handle { width: 8px } .pt-range-slider .pt-slider-handle:first-of-type { border-top-right-radius: 0; border-bottom-right-radius: 0 } .pt-range-slider .pt-slider-handle:last-of-type { margin-left: 7px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .pt-range-slider .pt-slider-handle:last-of-type .pt-slider-label { margin-left: 0 } .pt-range-slider .pt-slider-progress { border-radius: 0 } .pt-spinner:not(.pt-svg-spinner) { width: 50px } .pt-spinner:not(.pt-svg-spinner) .pt-spinner-svg-container { animation-duration: 400ms } .pt-spinner.pt-svg-spinner { animation-duration: 400ms } .pt-spinner .pt-svg-spinner-transform-group { transform: scale(0.5) } .pt-spinner path { stroke-width: 5 } .pt-spinner path { fill-opacity: 0 } .pt-spinner .pt-spinner-head { transition: stroke-dashoffset 200ms cubic-bezier(0.4, 1, 0.75, 0.9); stroke: rgba(92,112,128,0.8); stroke-linecap: round } .pt-spinner .pt-spinner-track { stroke: rgba(92,112,128,0.2) } .pt-spinner.pt-small:not(.pt-svg-spinner) { width: 24px } .pt-spinner.pt-small:not(.pt-svg-spinner) .pt-spinner-svg-container { animation-duration: 400ms } .pt-spinner.pt-small.pt-svg-spinner { animation-duration: 400ms } .pt-spinner.pt-small .pt-svg-spinner-transform-group { transform: scale(0.24) } .pt-spinner.pt-small path { stroke-width: 12 } .pt-spinner.pt-large:not(.pt-svg-spinner) { width: 100px } .pt-spinner.pt-large:not(.pt-svg-spinner) .pt-spinner-svg-container { animation-duration: 450ms } .pt-spinner.pt-large.pt-svg-spinner { animation-duration: 450ms } .pt-spinner.pt-large .pt-svg-spinner-transform-group { transform: scale(1) } .pt-spinner.pt-large path { stroke-width: 3 } .pt-spinner:not(.pt-svg-spinner) { display: inline-block } .pt-spinner:not(.pt-svg-spinner) .pt-spinner-svg-container { position: relative; width: 100%; height: 0; padding: 0; padding-bottom: 100%; animation: pt-spinner-animation 400ms linear infinite } .pt-spinner:not(.pt-svg-spinner).pt-no-spin .pt-spinner-svg-container { animation: none } .pt-spinner:not(.pt-svg-spinner) svg { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .pt-svg-spinner { transform-origin: center; animation: pt-spinner-animation 400ms linear infinite } .pt-svg-spinner.pt-no-spin { animation: none } .pt-svg-spinner-transform-group { transform-origin: center } .pt-dark .pt-spinner .pt-spinner-head { stroke: #5c7080 } .pt-dark .pt-spinner .pt-spinner-track { stroke: rgba(191,204,214,0.2) } .pt-spinner.pt-intent-primary .pt-spinner-head { stroke: #137cbd } .pt-spinner.pt-intent-success .pt-spinner-head { stroke: #0f9960 } .pt-spinner.pt-intent-warning .pt-spinner-head { stroke: #d9822b } .pt-spinner.pt-intent-danger .pt-spinner-head { stroke: #db3737 } @keyframes pt-spinner-animation { from { transform: rotate(0deg) } to { transform: rotate(360deg) } } table.pt-table { border-spacing: 0; font-size: 14px } table.pt-table th,table.pt-table td { padding: 11px; vertical-align: top; text-align: left } table.pt-table th { color: #182026; font-weight: 600 } table.pt-table td { color: #182026 } table.pt-table tbody tr:first-child td { box-shadow: inset 0 1px 0 0 rgba(16,22,26,0.15) } table.pt-table.pt-condensed th,table.pt-table.pt-condensed td { padding-top: 6px; padding-bottom: 6px } table.pt-table.pt-striped tbody tr:nth-child(odd) td { background: rgba(191,204,214,0.2) } table.pt-table.pt-bordered th:not(:first-child) { box-shadow: inset 1px 0 0 0 rgba(16,22,26,0.15) } table.pt-table.pt-bordered tbody tr td { box-shadow: inset 0 1px 0 0 rgba(16,22,26,0.15) } table.pt-table.pt-bordered tbody tr td:not(:first-child) { box-shadow: inset 1px 1px 0 0 rgba(16,22,26,0.15) } table.pt-table.pt-bordered.pt-striped tbody tr:not(:first-child) td { box-shadow: none } table.pt-table.pt-bordered.pt-striped tbody tr:not(:first-child) td:not(:first-child) { box-shadow: inset 1px 0 0 0 rgba(16,22,26,0.15) } table.pt-table.pt-interactive tbody tr:hover td { background-color: rgba(191,204,214,0.4); cursor: pointer } .pt-dark table.pt-table th { color: #f5f8fa } .pt-dark table.pt-table td { color: #f5f8fa } .pt-dark table.pt-table tbody tr:first-child td { box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15) } .pt-dark table.pt-table.pt-striped tbody tr:nth-child(odd) td { background: rgba(92,112,128,0.15) } .pt-dark table.pt-table.pt-bordered th:not(:first-child) { box-shadow: inset 1px 0 0 0 rgba(255,255,255,0.15) } .pt-dark table.pt-table.pt-bordered tbody tr td { box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15) } .pt-dark table.pt-table.pt-bordered tbody tr td:not(:first-child) { box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.15) } .pt-dark table.pt-table.pt-bordered.pt-striped tbody tr:not(:first-child) td { box-shadow: inset 1px 0 0 0 rgba(255,255,255,0.15) } .pt-dark table.pt-table.pt-bordered.pt-striped tbody tr:not(:first-child) td:first-child { box-shadow: none } .pt-dark table.pt-table.pt-interactive tbody tr:hover td { background-color: rgba(92,112,128,0.3); cursor: pointer } .pt-tabs.pt-vertical { display: flex } .pt-tabs.pt-vertical .pt-tab-list { flex-direction: column; align-items: flex-start } .pt-tabs.pt-vertical .pt-tab { width: 100%; padding: 0 10px } .pt-tabs.pt-vertical .pt-tab-indicator-wrapper .pt-tab-indicator { top: 0; right: 0; bottom: 0; left: 0; border-radius: 3px; background-color: rgba(19,124,189,0.2); height: auto } .pt-tabs.pt-vertical .pt-tab-panel { margin-top: 0; padding-left: 20px } .pt-tab-list { display: flex; flex: 0 0 auto; align-items: flex-end; position: relative; margin: 0; border: none; padding: 0; list-style: none } .pt-tab-list.pt-large .pt-tab { line-height: 40px; font-size: 16px } .pt-tab { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; flex: 0 0 auto; position: relative; cursor: pointer; max-width: 100%; vertical-align: top; line-height: 30px; color: #182026; font-size: 14px } .pt-tab-indicator-wrapper ~ .pt-tab { box-shadow: none !important } .pt-tab:not(:last-of-type) { margin-right: 20px } .pt-tab[aria-disabled="true"] { cursor: not-allowed; color: rgba(92,112,128,0.5) } .pt-tab[aria-selected="true"] { border-radius: 0; box-shadow: inset 0 -3px 0 #106ba3 } .pt-tab[aria-selected="true"],.pt-tab:not([aria-disabled="true"]):hover { color: #106ba3 } .pt-tab:focus { -moz-outline-radius: 0 } .pt-tab-panel { margin-top: 20px } .pt-tab-panel[aria-hidden="true"] { display: none } .pt-tab-indicator-wrapper { position: absolute; top: 0; left: 0; transform: translateX(0),translateY(0); transition: height, transform, width; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); pointer-events: none } .pt-tab-indicator-wrapper .pt-tab-indicator { position: absolute; right: 0; bottom: 0; left: 0; background-color: #106ba3; height: 3px } .pt-tab-indicator-wrapper.pt-no-animation { transition: none } .pt-dark .pt-tab { color: #f5f8fa } .pt-dark .pt-tab[aria-disabled="true"] { color: rgba(191,204,214,0.5) } .pt-dark .pt-tab[aria-selected="true"] { box-shadow: inset 0 -3px 0 #2b95d6 } .pt-dark .pt-tab[aria-selected="true"],.pt-dark .pt-tab:not([aria-disabled="true"]):hover { color: #2b95d6 } .pt-dark .pt-tab-indicator { background-color: #2b95d6 } .pt-tag { display: inline-block; position: relative; border: none; border-radius: 3px; box-shadow: none; background: #5c7080; min-width: 20px; padding: 2px 6px; line-height: 16px; color: #f5f8fa; font-size: 12px } .pt-tag.pt-round { border-radius: 10px } .pt-dark .pt-tag:not([class*="pt-intent-"]) { background: #bfccd6; color: #182026 } .pt-tag.pt-tag-removable { padding-right: 20px } .pt-tag.pt-intent-primary { background: #137cbd; color: #ffffff } .pt-tag.pt-intent-success { background: #0f9960; color: #ffffff } .pt-tag.pt-intent-warning { background: #d9822b; color: #ffffff } .pt-tag.pt-intent-danger { background: #db3737; color: #ffffff } .pt-tag.pt-large,.pt-large .pt-tag { min-width: 30px; padding: 5px 10px; line-height: 20px; font-size: 14px } .pt-tag.pt-large.pt-round,.pt-large .pt-tag.pt-round { border-radius: 15px } .pt-tag.pt-large.pt-tag-removable,.pt-large .pt-tag.pt-tag-removable { padding-right: 30px } .pt-tag.pt-minimal:not([class*="pt-intent-"]) { background: rgba(138,155,168,0.2); color: #182026 } .pt-dark .pt-tag.pt-minimal:not([class*="pt-intent-"]) { background: rgba(138,155,168,0.2); color: #f5f8fa } .pt-tag.pt-minimal.pt-intent-primary { background: rgba(19,124,189,0.15); color: #106ba3 } .pt-dark .pt-tag.pt-minimal.pt-intent-primary { background: rgba(19,124,189,0.2); color: #2b95d6 } .pt-tag.pt-minimal.pt-intent-success { background: rgba(15,153,96,0.15); color: #0d8050 } .pt-dark .pt-tag.pt-minimal.pt-intent-success { background: rgba(15,153,96,0.2); color: #15b371 } .pt-tag.pt-minimal.pt-intent-warning { background: rgba(217,130,43,0.15); color: #bf7326 } .pt-dark .pt-tag.pt-minimal.pt-intent-warning { background: rgba(217,130,43,0.2); color: #f29d49 } .pt-tag.pt-minimal.pt-intent-danger { background: rgba(219,55,55,0.15); color: #c23030 } .pt-dark .pt-tag.pt-minimal.pt-intent-danger { background: rgba(219,55,55,0.2); color: #f55656 } .pt-tag-remove { line-height: 1; font-family: "Icons16", sans-serif; font-size: 16px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; position: absolute; top: 0; right: 0; opacity: 0.5; border: none; background: none; cursor: pointer; padding: 2px; color: #ffffff } .pt-tag-remove:hover { opacity: 0.8; background: none; text-decoration: none } .pt-tag-remove::before { content: "" } .pt-dark .pt-tag:not(.pt-minimal):not([class*="pt-intent-"]) .pt-tag-remove { color: #182026 } .pt-large .pt-tag-remove { line-height: 1; font-family: "Icons20", sans-serif; font-size: 20px; font-weight: 400; font-style: normal; margin-left: 5px; padding: 5px } .pt-minimal .pt-tag-remove { color: inherit } .pt-intent-primary .pt-minimal .pt-tag-remove { color: #137cbd } .pt-dark .pt-intent-primary .pt-minimal .pt-tag-remove { color: #137cbd } .pt-intent-success .pt-minimal .pt-tag-remove { color: #0f9960 } .pt-dark .pt-intent-success .pt-minimal .pt-tag-remove { color: #0f9960 } .pt-intent-warning .pt-minimal .pt-tag-remove { color: #d9822b } .pt-dark .pt-intent-warning .pt-minimal .pt-tag-remove { color: #d9822b } .pt-intent-danger .pt-minimal .pt-tag-remove { color: #db3737 } .pt-dark .pt-intent-danger .pt-minimal .pt-tag-remove { color: #db3737 } .pt-toast { display: flex; align-items: flex-start; position: relative; margin: 15px 0 0; border-radius: 3px; box-shadow: 0 0 0 1px rgba(16,22,26,0.1),0 2px 4px rgba(16,22,26,0.2),0 8px 24px rgba(16,22,26,0.2); background-color: #ffffff; min-width: 300px; max-width: 500px; pointer-events: all; font-weight: 500 } .pt-toast.pt-toast-enter,.pt-toast.pt-toast-appear { transform: translateY(-40px) } .pt-toast.pt-toast-enter-active,.pt-toast.pt-toast-appear-active { transform: translateY(0); transition-property: transform; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); transition-delay: 0 } .pt-toast.pt-toast-enter ~ .pt-toast,.pt-toast.pt-toast-appear ~ .pt-toast { transform: translateY(-40px) } .pt-toast.pt-toast-enter-active ~ .pt-toast,.pt-toast.pt-toast-appear-active ~ .pt-toast { transform: translateY(0); transition-property: transform; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.54, 1.12, 0.38, 1.11); transition-delay: 0 } .pt-toast.pt-toast-leave { opacity: 1; filter: blur(0) } .pt-toast.pt-toast-leave-active { opacity: 0; filter: blur(10px); transition-property: opacity, filter; transition-duration: 300ms; transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); transition-delay: 0 } .pt-toast.pt-toast-leave ~ .pt-toast { transform: translateY(0) } .pt-toast.pt-toast-leave-active ~ .pt-toast { transform: translateY(-40px); transition-property: transform; transition-duration: 100ms; transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); transition-delay: 50ms } .pt-toast .pt-button-group { flex: 0 0 auto; padding: 5px; padding-left: 0 } .pt-toast>.pt-icon-standard { padding: 12px; padding-right: 0 } .pt-toast.pt-dark,.pt-dark .pt-toast { box-shadow: 0 0 0 1px rgba(16,22,26,0.2),0 2px 4px rgba(16,22,26,0.4),0 8px 24px rgba(16,22,26,0.4); background-color: #394b59 } .pt-toast[class*="pt-intent-"]>.pt-icon-standard { color: #ffffff } .pt-toast[class*="pt-intent-"] .pt-button,.pt-toast[class*="pt-intent-"] .pt-button::before,.pt-toast[class*="pt-intent-"] .pt-button:active,.pt-toast[class*="pt-intent-"] .pt-button.pt-active { color: rgba(255,255,255,0.7) !important } .pt-toast[class*="pt-intent-"] .pt-button:focus { outline-color: rgba(255,255,255,0.5) } .pt-toast[class*="pt-intent-"] .pt-button:hover { background-color: rgba(255,255,255,0.15) !important; color: #ffffff !important } .pt-toast[class*="pt-intent-"] .pt-button:active,.pt-toast[class*="pt-intent-"] .pt-button.pt-active { background-color: rgba(255,255,255,0.3) !important; color: #ffffff !important } .pt-toast[class*="pt-intent-"] .pt-button::after { background: rgba(255,255,255,0.3) !important } .pt-toast.pt-intent-primary { background-color: #3663E5; color: #ffffff } .pt-toast.pt-intent-success { background-color: #0f9960; color: #ffffff } .pt-toast.pt-intent-warning { background-color: #d9822b; color: #ffffff } .pt-toast.pt-intent-danger { background-color: #db3737; color: #ffffff } .pt-toast-message { flex: 1 1 auto; padding: 11px } .pt-toast-container { position: fixed; right: 0; left: 0; z-index: 40; padding: 0 15px 15px; pointer-events: none } .pt-toast-container>span { display: flex; flex-direction: column; align-items: center } .pt-toast-container.pt-toast-container-top { top: 0 } .pt-toast-container.pt-toast-container-bottom { bottom: 0 } .pt-toast-container.pt-toast-container-bottom>span { flex-direction: column-reverse } .pt-toast-container.pt-toast-container-left>span { align-items: flex-start } .pt-toast-container.pt-toast-container-right>span { align-items: flex-end } .pt-toast-container-bottom .pt-toast.pt-toast-enter:not(.pt-toast-enter-active),.pt-toast-container-bottom .pt-toast.pt-toast-enter:not(.pt-toast-enter-active) ~ .pt-toast,.pt-toast-container-bottom .pt-toast.pt-toast-leave-active ~ .pt-toast { transform: translateY(55px) } .pt-tooltip { box-shadow: 0 0 0 1px rgba(16,22,26,0.1),0 2px 4px rgba(16,22,26,0.2),0 8px 24px rgba(16,22,26,0.2); transform: scale(1) } .pt-tooltip .pt-popover-arrow { position: absolute; width: 22px; height: 22px } .pt-tooltip .pt-popover-arrow::before { margin: 4px; width: 14px; height: 14px } .pt-tether-element-attached-bottom.pt-tether-target-attached-top>.pt-tooltip { margin-top: -11px; margin-bottom: 11px } .pt-tether-element-attached-bottom.pt-tether-target-attached-top>.pt-tooltip>.pt-popover-arrow { bottom: -8px } .pt-tether-element-attached-bottom.pt-tether-target-attached-top>.pt-tooltip>.pt-popover-arrow svg { transform: rotate(-90deg) } .pt-tether-element-attached-left.pt-tether-target-attached-right>.pt-tooltip { margin-left: 11px } .pt-tether-element-attached-left.pt-tether-target-attached-right>.pt-tooltip>.pt-popover-arrow { left: -8px } .pt-tether-element-attached-left.pt-tether-target-attached-right>.pt-tooltip>.pt-popover-arrow svg { transform: rotate(0) } .pt-tether-element-attached-top.pt-tether-target-attached-bottom>.pt-tooltip { margin-top: 11px } .pt-tether-element-attached-top.pt-tether-target-attached-bottom>.pt-tooltip>.pt-popover-arrow { top: -8px } .pt-tether-element-attached-top.pt-tether-target-attached-bottom>.pt-tooltip>.pt-popover-arrow svg { transform: rotate(90deg) } .pt-tether-element-attached-right.pt-tether-target-attached-left>.pt-tooltip { margin-right: 11px; margin-left: -11px } .pt-tether-element-attached-right.pt-tether-target-attached-left>.pt-tooltip>.pt-popover-arrow { right: -8px } .pt-tether-element-attached-right.pt-tether-target-attached-left>.pt-tooltip>.pt-popover-arrow svg { transform: rotate(180deg) } .pt-tether-element-attached-middle>.pt-tooltip>.pt-popover-arrow { top: 50%; transform: translateY(-50%) } .pt-tether-element-attached-center>.pt-tooltip>.pt-popover-arrow { right: 50%; transform: translateX(50%) } .pt-tether-element-attached-top.pt-tether-target-attached-top>.pt-tooltip>.pt-popover-arrow { top: -0.22183px } .pt-tether-element-attached-right.pt-tether-target-attached-right>.pt-tooltip>.pt-popover-arrow { right: -0.22183px } .pt-tether-element-attached-left.pt-tether-target-attached-left>.pt-tooltip>.pt-popover-arrow { left: -0.22183px } .pt-tether-element-attached-bottom.pt-tether-target-attached-bottom>.pt-tooltip>.pt-popover-arrow { bottom: -0.22183px } .pt-tether-element-attached-top.pt-tether-element-attached-left>.pt-tooltip { transform-origin: top left } .pt-tether-element-attached-top.pt-tether-element-attached-center>.pt-tooltip { transform-origin: top center } .pt-tether-element-attached-top.pt-tether-element-attached-right>.pt-tooltip { transform-origin: top right } .pt-tether-element-attached-middle.pt-tether-element-attached-left>.pt-tooltip { transform-origin: center left } .pt-tether-element-attached-middle.pt-tether-element-attached-center>.pt-tooltip { transform-origin: center center } .pt-tether-element-attached-middle.pt-tether-element-attached-right>.pt-tooltip { transform-origin: center right } .pt-tether-element-attached-bottom.pt-tether-element-attached-left>.pt-tooltip { transform-origin: bottom left } .pt-tether-element-attached-bottom.pt-tether-element-attached-center>.pt-tooltip { transform-origin: bottom center } .pt-tether-element-attached-bottom.pt-tether-element-attached-right>.pt-tooltip { transform-origin: bottom right } .pt-tooltip .pt-popover-content { background: #394b59; color: #f5f8fa } .pt-tooltip .pt-popover-arrow::before { box-shadow: 1px 1px 6px rgba(16,22,26,0.2) } .pt-tooltip .pt-popover-arrow-border { fill: #10161a; fill-opacity: 0.1 } .pt-tooltip .pt-popover-arrow-fill { fill: #394b59 } .pt-popover-enter>.pt-tooltip,.pt-popover-appear>.pt-tooltip { transform: scale(0.8) } .pt-popover-enter-active>.pt-tooltip,.pt-popover-appear-active>.pt-tooltip { transform: scale(1); transition-property: transform; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); transition-delay: 0 } .pt-popover-leave>.pt-tooltip { transform: scale(1) } .pt-popover-leave-active>.pt-tooltip { transform: scale(0.8); transition-property: transform; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 1, 0.75, 0.9); transition-delay: 0 } .pt-tooltip .pt-popover-content { padding: 10px 12px } .pt-tooltip.pt-dark,.pt-dark .pt-tooltip { box-shadow: 0 0 0 1px rgba(16,22,26,0.2),0 2px 4px rgba(16,22,26,0.4),0 8px 24px rgba(16,22,26,0.4) } .pt-tooltip.pt-dark .pt-popover-content,.pt-dark .pt-tooltip .pt-popover-content { background: #e1e8ed; color: #394b59 } .pt-tooltip.pt-dark .pt-popover-arrow::before,.pt-dark .pt-tooltip .pt-popover-arrow::before { box-shadow: 1px 1px 6px rgba(16,22,26,0.4) } .pt-tooltip.pt-dark .pt-popover-arrow-border,.pt-dark .pt-tooltip .pt-popover-arrow-border { fill: #10161a; fill-opacity: 0.2 } .pt-tooltip.pt-dark .pt-popover-arrow-fill,.pt-dark .pt-tooltip .pt-popover-arrow-fill { fill: #e1e8ed } .pt-tooltip.pt-intent-primary .pt-popover-content { background: #137cbd; color: #ffffff } .pt-tooltip.pt-intent-primary .pt-popover-arrow-fill { fill: #137cbd } .pt-tooltip.pt-intent-success .pt-popover-content { background: #0f9960; color: #ffffff } .pt-tooltip.pt-intent-success .pt-popover-arrow-fill { fill: #0f9960 } .pt-tooltip.pt-intent-warning .pt-popover-content { background: #d9822b; color: #ffffff } .pt-tooltip.pt-intent-warning .pt-popover-arrow-fill { fill: #d9822b } .pt-tooltip.pt-intent-danger .pt-popover-content { background: #db3737; color: #ffffff } .pt-tooltip.pt-intent-danger .pt-popover-arrow-fill { fill: #db3737 } .pt-popover-target .pt-tooltip { white-space: nowrap } .pt-tooltip-indicator { border-bottom: dotted 1px; cursor: help } .pt-tree-node-list { margin: 0; padding-left: 0; list-style: none } .pt-tree-root { position: relative; background-color: transparent; cursor: default; padding-left: 0 } .pt-tree-node-content-0 { padding-left: 0px } .pt-tree-node-content-1 { padding-left: 23px } .pt-tree-node-content-2 { padding-left: 46px } .pt-tree-node-content-3 { padding-left: 69px } .pt-tree-node-content-4 { padding-left: 92px } .pt-tree-node-content-5 { padding-left: 115px } .pt-tree-node-content-6 { padding-left: 138px } .pt-tree-node-content-7 { padding-left: 161px } .pt-tree-node-content-8 { padding-left: 184px } .pt-tree-node-content-9 { padding-left: 207px } .pt-tree-node-content-10 { padding-left: 230px } .pt-tree-node-content-11 { padding-left: 253px } .pt-tree-node-content-12 { padding-left: 276px } .pt-tree-node-content-13 { padding-left: 299px } .pt-tree-node-content-14 { padding-left: 322px } .pt-tree-node-content-15 { padding-left: 345px } .pt-tree-node-content-16 { padding-left: 368px } .pt-tree-node-content-17 { padding-left: 391px } .pt-tree-node-content-18 { padding-left: 414px } .pt-tree-node-content-19 { padding-left: 437px } .pt-tree-node-content-20 { padding-left: 460px } .pt-tree-node-content { display: flex; align-items: center; width: 100%; height: 30px; padding-right: 5px } .pt-tree-node-content:hover { background-color: rgba(191,204,214,0.4) } .pt-tree-node-caret,.pt-tree-node-caret-none { position: relative; min-width: 30px; line-height: 30px !important } .pt-tree-node-caret { color: #5c7080; cursor: pointer; text-align: center } .pt-tree-node-caret:hover { color: #182026 } .pt-dark .pt-tree-node-caret { color: #bfccd6 } .pt-dark .pt-tree-node-caret:hover { color: #f5f8fa } .pt-tree-node-caret::before { display: inline-block; content: ""; transition: transform 200ms cubic-bezier(0.4, 1, 0.75, 0.9) } .pt-tree-node-caret.pt-tree-node-caret-open::before { transform: rotate(90deg) } .pt-tree-node-icon { position: relative; margin-right: 7px; color: #5c7080 } .pt-tree-node-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; flex: 1 1 auto; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .pt-tree-node-label span { display: inline } .pt-tree-node-secondary-label { padding: 0 5px; line-height: 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .pt-tree-node.pt-tree-node-selected>.pt-tree-node-content { background-color: #137cbd } .pt-tree-node.pt-tree-node-selected>.pt-tree-node-content,.pt-tree-node.pt-tree-node-selected>.pt-tree-node-content .pt-icon,.pt-tree-node.pt-tree-node-selected>.pt-tree-node-content .pt-icon-standard,.pt-tree-node.pt-tree-node-selected>.pt-tree-node-content .pt-icon-large { color: #ffffff } .pt-tree-node.pt-tree-node-selected>.pt-tree-node-content .pt-tree-node-caret::before { color: rgba(255,255,255,0.7) } .pt-tree-node.pt-tree-node-selected>.pt-tree-node-content .pt-tree-node-caret:hover::before { color: #ffffff } .pt-dark .pt-tree-node-content:hover { background-color: rgba(92,112,128,0.3) } .pt-dark .pt-tree-node.pt-tree-node-selected>.pt-tree-node-content { background-color: #137cbd } .pt-datepicker { position: relative; border-radius: 3px; background: #ffffff; padding: 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .pt-datepicker .DayPicker { display: inline-block; position: relative; min-width: 210px; vertical-align: top } .pt-datepicker .DayPicker:focus { outline: none } .pt-datepicker .DayPicker-Month { display: inline-table; margin: 0 auto; padding: 0 5px; border-collapse: collapse; border-spacing: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .pt-datepicker .DayPicker-Month+.pt-datepicker .DayPicker-Month { margin-left: 10px } .pt-datepicker .DayPicker-NavBar { position: relative } .pt-datepicker .DayPicker-NavButton { color: #5c7080; position: absolute; top: -5px; cursor: pointer; padding: 7px } .pt-datepicker .DayPicker-NavButton:hover { color: #182026 } .pt-dark .pt-datepicker .DayPicker-NavButton { color: #bfccd6 } .pt-dark .pt-datepicker .DayPicker-NavButton:hover { color: #f5f8fa } .pt-datepicker .DayPicker-NavButton--prev { left: -5px } .pt-datepicker .DayPicker-NavButton--prev::before { line-height: 1; font-family: "Icons16", sans-serif; font-size: 16px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: "" } .pt-datepicker .DayPicker-NavButton--next { right: -5px } .pt-datepicker .DayPicker-NavButton--next::before { line-height: 1; font-family: "Icons16", sans-serif; font-size: 16px; font-weight: 400; font-style: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; content: "" } .pt-datepicker .DayPicker-Weekdays { display: table-header-group } .pt-datepicker .DayPicker-WeekdaysRow { display: table-row } .pt-datepicker .DayPicker-Weekday { display: table-cell; width: 30px; height: 30px; padding-top: 5px; vertical-align: middle; text-align: center; line-height: 1; font-weight: 600 } .pt-datepicker .DayPicker-Weekday abbr[title] { text-decoration: none } .pt-datepicker .DayPicker-Body { display: table-row-group } .pt-datepicker .DayPicker-Week { display: table-row } .pt-datepicker .DayPicker-Day { display: table-cell; border-radius: 3px; cursor: pointer; width: 30px; height: 30px; vertical-align: middle; text-align: center; line-height: 1 } .pt-datepicker .DayPicker-Day:focus { outline: 0 } .pt-datepicker .DayPicker-Day:not(.DayPicker-Day--disabled):hover,.pt-datepicker .DayPicker-Day:not(.DayPicker-Day--disabled):focus { background: #ced9e0; color: #182026 } .pt-datepicker .DayPicker-Day--disabled { cursor: not-allowed } .pt-datepicker .DayPicker-Day--disabled,.pt-datepicker .DayPicker-Day--outside { color: rgba(92,112,128,0.5) } .pt-datepicker .DayPicker-Day--selected:not(.DayPicker-Day--outside) { border-radius: 3px } .pt-datepicker .DayPicker-Day--selected:not(.DayPicker-Day--outside),.pt-datepicker .DayPicker-Day--selected:not(.DayPicker-Day--outside):focus { background-color: #3663E5; color: #ffffff } .pt-datepicker .DayPicker-Day--selected:not(.DayPicker-Day--outside):hover,.pt-datepicker .DayPicker-Day--selected:not(.DayPicker-Day--outside):focus:hover { background-color: #3188EF; color: #ffffff } .pt-datepicker .pt-datepicker-caption { display: table-caption; border-bottom: 1px solid rgba(16,22,26,0.15); text-align: center } .pt-datepicker .pt-datepicker-caption select { -webkit-appearance: none; -moz-appearance: none; margin: -5px 0 5px; border: 0; background: none; cursor: pointer; height: 30px; padding: 0 10px; line-height: 30px; color: #182026; font-weight: 600 } .pt-datepicker .pt-datepicker-caption select:focus+.pt-datepicker-caption-caret { display: inline } .pt-datepicker .pt-datepicker-caption select::-ms-expand { display: none } .pt-datepicker .pt-datepicker-caption-select { display: inline-block; position: relative } .pt-datepicker .pt-datepicker-caption-caret { display: none; position: absolute; top: 2px; margin-left: 10px; pointer-events: none } .pt-datepicker .pt-datepicker-footer { display: flex; justify-content: space-between; margin-top: 10px; margin-bottom: -5px; border-top: 1px solid rgba(16,22,26,0.15); padding-top: 5px } .pt-datepicker .DayPicker-Month:hover .pt-datepicker-caption-caret { display: inline } .pt-datepicker-caption-measure { font-weight: 600 } .pt-dark .pt-datepicker { background: #30404d } .pt-dark .pt-datepicker .DayPicker-Day:not(.DayPicker-Day--disabled):hover,.pt-dark .pt-datepicker .DayPicker-Day:not(.DayPicker-Day--disabled):focus { background: #5c7080; color: #ffffff } .pt-dark .pt-datepicker .DayPicker-Day--disabled,.pt-dark .pt-datepicker .DayPicker-Day--outside { color: rgba(191,204,214,0.5) } .pt-dark .pt-datepicker .DayPicker-Day--selected:not(.DayPicker-Day--outside),.pt-dark .pt-datepicker .DayPicker-Day--selected:not(.DayPicker-Day--outside):focus { background-color: #137cbd } .pt-dark .pt-datepicker .DayPicker-Day--selected:not(.DayPicker-Day--outside):hover,.pt-dark .pt-datepicker .DayPicker-Day--selected:not(.DayPicker-Day--outside):focus:hover { background-color: #2b95d6 } .pt-dark .pt-datepicker .pt-datepicker-caption { border-bottom-color: rgba(16,22,26,0.4) } .pt-dark .pt-datepicker .pt-datepicker-caption select { color: #f5f8fa } .pt-dark .pt-datepicker .pt-datepicker-footer { border-top-color: rgba(16,22,26,0.4) } .pt-daterangepicker { white-space: nowrap } .pt-daterangepicker .DayPicker { min-width: 430px } .pt-daterangepicker .DayPicker-Month:not(:last-child) { margin-right: 10px } .pt-daterangepicker .DayPicker-Day--selected-range:not(.DayPicker-Day--outside) { border-radius: 0; background-color: #ebf1f5 } .pt-daterangepicker .DayPicker-Day--selected-range-start:not(.DayPicker-Day--outside):not(.DayPicker-Day--selected-range-end) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .pt-daterangepicker .DayPicker-Day--selected-range-end:not(.DayPicker-Day--outside):not(.DayPicker-Day--selected-range-start) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .pt-dark .pt-daterangepicker .DayPicker-Day--selected-range:not(.DayPicker-Day--outside) { background-color: rgba(92,112,128,0.5) } .pt-menu.pt-daterangepicker-shortcuts { display: inline-block; margin-top: -5px; margin-left: -5px; min-width: 150px; padding-top: 0; padding-right: 5px; padding-left: 0 } .pt-menu.pt-daterangepicker-shortcuts ~ .DayPicker { border-left: 1px solid rgba(16,22,26,0.15); min-width: 440px; padding-left: 9px } .pt-dark .pt-menu.pt-daterangepicker-shortcuts ~ .DayPicker { border-left: 1px solid rgba(16,22,26,0.4) } .pt-timepicker { display: inline-block; padding: 0 10px; white-space: nowrap } .pt-timepicker .pt-timepicker-arrow-row { padding: 0 1px } .pt-timepicker .pt-timepicker-arrow-button { color: #5c7080; width: 33px; padding: 4px 0; text-align: center } .pt-timepicker .pt-timepicker-arrow-button:hover { color: #182026 } .pt-dark .pt-timepicker .pt-timepicker-arrow-button { color: #bfccd6 } .pt-dark .pt-timepicker .pt-timepicker-arrow-button:hover { color: #f5f8fa } .pt-timepicker .pt-timepicker-arrow-button+.pt-timepicker-arrow-button { margin-left: 11px } .pt-timepicker .pt-timepicker-arrow-button:hover { cursor: pointer } .pt-timepicker .pt-timepicker-input-row { display: inline-block; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(16,22,26,0.15),inset 0 1px 1px rgba(16,22,26,0.2); background: #ffffff; height: 30px; padding: 0 1px; line-height: 28px } .pt-timepicker .pt-timepicker-divider-text { display: inline-block; width: 11px; text-align: center; color: #5c7080; font-size: 16px } .pt-timepicker .pt-timepicker-input { outline: 0; border: 0; border-radius: 3px; background: transparent; width: 33px; height: 28px; padding: 0; text-align: center; color: #182026 } .pt-timepicker .pt-timepicker-input:focus { box-shadow: 0 0 0 2px #137cbd } .pt-dark .pt-timepicker .pt-timepicker-arrow-button { color: #738694 } .pt-dark .pt-timepicker .pt-timepicker-arrow-button:hover { color: #bfccd6 } .pt-dark .pt-timepicker .pt-timepicker-input-row { box-shadow: inset 0 0 0 1px rgba(16,22,26,0.3),inset 0 1px 1px rgba(16,22,26,0.4); background: rgba(16,22,26,0.3) } .pt-dark .pt-timepicker .pt-timepicker-divider-text { color: #bfccd6 } .pt-dark .pt-timepicker .pt-timepicker-input { color: #f5f8fa } .pt-datetimepicker { border-radius: 3px; background-color: #ffffff; padding: 10px; text-align: center } .pt-dark .pt-datetimepicker { background: #30404d } .pt-dark .pt-datetimepicker .pt-datepicker { border-bottom: 1px solid rgba(16,22,26,0.4) } .pt-datetimepicker .pt-datepicker { border-bottom: 1px solid rgba(16,22,26,0.15); padding: 0 0 10px } .pt-datetimepicker .pt-timepicker { padding: 10px 0 0 } .pt-dateinput-popover { padding: 0 } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block } body { line-height: 1 } ol,ul { list-style: none } blockquote,q { quotes: none } blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none } table { border-collapse: collapse; border-spacing: 0 } .no-scroll { overflow: hidden } .container { margin: 0 auto; max-width: 960px } .container-focused { max-width: 768px } .row { box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -1rem; margin-right: -1rem } .col-xs,.col-sm,.col-md,.col-lg,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-13,.col-xs-14,.col-xs-15,.col-xs-16,.col-xs-17,.col-xs-18,.col-xs-19,.col-xs-20,.col-xs-21,.col-xs-22,.col-xs-23,.col-xs-24,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-13,.col-sm-14,.col-sm-15,.col-sm-16,.col-sm-17,.col-sm-18,.col-sm-19,.col-sm-20,.col-sm-21,.col-sm-22,.col-sm-23,.col-sm-24,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-13,.col-md-14,.col-md-15,.col-md-16,.col-md-17,.col-md-18,.col-md-19,.col-md-20,.col-md-21,.col-md-22,.col-md-23,.col-md-24,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-13,.col-lg-14,.col-lg-15,.col-lg-16,.col-lg-17,.col-lg-18,.col-lg-19,.col-lg-20,.col-lg-21,.col-lg-22,.col-lg-23,.col-lg-24 { box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0; max-width: 100%; padding-left: 1rem; padding-right: 1rem } .col-xs,.col-sm,.col-md,.col-lg { flex-grow: 1; flex-basis: 0; max-width: 100% } .col-xs-1 { flex-basis: 4.16667%; max-width: 4.16667% } .col-xs-2 { flex-basis: 8.33333%; max-width: 8.33333% } .col-xs-3 { flex-basis: 12.5%; max-width: 12.5% } .col-xs-4 { flex-basis: 16.66667%; max-width: 16.66667% } .col-xs-5 { flex-basis: 20.83333%; max-width: 20.83333% } .col-xs-6 { flex-basis: 25%; max-width: 25% } .col-xs-7 { flex-basis: 29.16667%; max-width: 29.16667% } .col-xs-8 { flex-basis: 33.33333%; max-width: 33.33333% } .col-xs-9 { flex-basis: 37.5%; max-width: 37.5% } .col-xs-10 { flex-basis: 41.66667%; max-width: 41.66667% } .col-xs-11 { flex-basis: 45.83333%; max-width: 45.83333% } .col-xs-12 { flex-basis: 50%; max-width: 50% } .col-xs-13 { flex-basis: 54.16667%; max-width: 54.16667% } .col-xs-14 { flex-basis: 58.33333%; max-width: 58.33333% } .col-xs-15 { flex-basis: 62.5%; max-width: 62.5% } .col-xs-16 { flex-basis: 66.66667%; max-width: 66.66667% } .col-xs-17 { flex-basis: 70.83333%; max-width: 70.83333% } .col-xs-18 { flex-basis: 75%; max-width: 75% } .col-xs-19 { flex-basis: 79.16667%; max-width: 79.16667% } .col-xs-20 { flex-basis: 83.33333%; max-width: 83.33333% } .col-xs-21 { flex-basis: 87.5%; max-width: 87.5% } .col-xs-22 { flex-basis: 91.66667%; max-width: 91.66667% } .col-xs-23 { flex-basis: 95.83333%; max-width: 95.83333% } .col-xs-24 { flex-basis: 100%; max-width: 100% } .off-xs-0 { margin-left: 0% } .off-xs-1 { margin-left: 4.16667% } .off-xs-2 { margin-left: 8.33333% } .off-xs-3 { margin-left: 12.5% } .off-xs-4 { margin-left: 16.66667% } .off-xs-5 { margin-left: 20.83333% } .off-xs-6 { margin-left: 25% } .off-xs-7 { margin-left: 29.16667% } .off-xs-8 { margin-left: 33.33333% } .off-xs-9 { margin-left: 37.5% } .off-xs-10 { margin-left: 41.66667% } .off-xs-11 { margin-left: 45.83333% } .off-xs-12 { margin-left: 50% } .off-xs-13 { margin-left: 54.16667% } .off-xs-14 { margin-left: 58.33333% } .off-xs-15 { margin-left: 62.5% } .off-xs-16 { margin-left: 66.66667% } .off-xs-17 { margin-left: 70.83333% } .off-xs-18 { margin-left: 75% } .off-xs-19 { margin-left: 79.16667% } .off-xs-20 { margin-left: 83.33333% } .off-xs-21 { margin-left: 87.5% } .off-xs-22 { margin-left: 91.66667% } .off-xs-23 { margin-left: 95.83333% } @media only screen and (min-width: 768px) { .col-sm-1 { flex-basis:4.16667%; max-width: 4.16667% } .col-sm-2 { flex-basis: 8.33333%; max-width: 8.33333% } .col-sm-3 { flex-basis: 12.5%; max-width: 12.5% } .col-sm-4 { flex-basis: 16.66667%; max-width: 16.66667% } .col-sm-5 { flex-basis: 20.83333%; max-width: 20.83333% } .col-sm-6 { flex-basis: 25%; max-width: 25% } .col-sm-7 { flex-basis: 29.16667%; max-width: 29.16667% } .col-sm-8 { flex-basis: 33.33333%; max-width: 33.33333% } .col-sm-9 { flex-basis: 37.5%; max-width: 37.5% } .col-sm-10 { flex-basis: 41.66667%; max-width: 41.66667% } .col-sm-11 { flex-basis: 45.83333%; max-width: 45.83333% } .col-sm-12 { flex-basis: 50%; max-width: 50% } .col-sm-13 { flex-basis: 54.16667%; max-width: 54.16667% } .col-sm-14 { flex-basis: 58.33333%; max-width: 58.33333% } .col-sm-15 { flex-basis: 62.5%; max-width: 62.5% } .col-sm-16 { flex-basis: 66.66667%; max-width: 66.66667% } .col-sm-17 { flex-basis: 70.83333%; max-width: 70.83333% } .col-sm-18 { flex-basis: 75%; max-width: 75% } .col-sm-19 { flex-basis: 79.16667%; max-width: 79.16667% } .col-sm-20 { flex-basis: 83.33333%; max-width: 83.33333% } .col-sm-21 { flex-basis: 87.5%; max-width: 87.5% } .col-sm-22 { flex-basis: 91.66667%; max-width: 91.66667% } .col-sm-23 { flex-basis: 95.83333%; max-width: 95.83333% } .col-sm-24 { flex-basis: 100%; max-width: 100% } .off-sm-0 { margin-left: 0% } .off-sm-1 { margin-left: 4.16667% } .off-sm-2 { margin-left: 8.33333% } .off-sm-3 { margin-left: 12.5% } .off-sm-4 { margin-left: 16.66667% } .off-sm-5 { margin-left: 20.83333% } .off-sm-6 { margin-left: 25% } .off-sm-7 { margin-left: 29.16667% } .off-sm-8 { margin-left: 33.33333% } .off-sm-9 { margin-left: 37.5% } .off-sm-10 { margin-left: 41.66667% } .off-sm-11 { margin-left: 45.83333% } .off-sm-12 { margin-left: 50% } .off-sm-13 { margin-left: 54.16667% } .off-sm-14 { margin-left: 58.33333% } .off-sm-15 { margin-left: 62.5% } .off-sm-16 { margin-left: 66.66667% } .off-sm-17 { margin-left: 70.83333% } .off-sm-18 { margin-left: 75% } .off-sm-19 { margin-left: 79.16667% } .off-sm-20 { margin-left: 83.33333% } .off-sm-21 { margin-left: 87.5% } .off-sm-22 { margin-left: 91.66667% } .off-sm-23 { margin-left: 95.83333% } } @media only screen and (min-width: 960px) { .col-md-1 { flex-basis:4.16667%; max-width: 4.16667% } .col-md-2 { flex-basis: 8.33333%; max-width: 8.33333% } .col-md-3 { flex-basis: 12.5%; max-width: 12.5% } .col-md-4 { flex-basis: 16.66667%; max-width: 16.66667% } .col-md-5 { flex-basis: 20.83333%; max-width: 20.83333% } .col-md-6 { flex-basis: 25%; max-width: 25% } .col-md-7 { flex-basis: 29.16667%; max-width: 29.16667% } .col-md-8 { flex-basis: 33.33333%; max-width: 33.33333% } .col-md-9 { flex-basis: 37.5%; max-width: 37.5% } .col-md-10 { flex-basis: 41.66667%; max-width: 41.66667% } .col-md-11 { flex-basis: 45.83333%; max-width: 45.83333% } .col-md-12 { flex-basis: 50%; max-width: 50% } .col-md-13 { flex-basis: 54.16667%; max-width: 54.16667% } .col-md-14 { flex-basis: 58.33333%; max-width: 58.33333% } .col-md-15 { flex-basis: 62.5%; max-width: 62.5% } .col-md-16 { flex-basis: 66.66667%; max-width: 66.66667% } .col-md-17 { flex-basis: 70.83333%; max-width: 70.83333% } .col-md-18 { flex-basis: 75%; max-width: 75% } .col-md-19 { flex-basis: 79.16667%; max-width: 79.16667% } .col-md-20 { flex-basis: 83.33333%; max-width: 83.33333% } .col-md-21 { flex-basis: 87.5%; max-width: 87.5% } .col-md-22 { flex-basis: 91.66667%; max-width: 91.66667% } .col-md-23 { flex-basis: 95.83333%; max-width: 95.83333% } .col-md-24 { flex-basis: 100%; max-width: 100% } .off-md-0 { margin-left: 0% } .off-md-1 { margin-left: 4.16667% } .off-md-2 { margin-left: 8.33333% } .off-md-3 { margin-left: 12.5% } .off-md-4 { margin-left: 16.66667% } .off-md-5 { margin-left: 20.83333% } .off-md-6 { margin-left: 25% } .off-md-7 { margin-left: 29.16667% } .off-md-8 { margin-left: 33.33333% } .off-md-9 { margin-left: 37.5% } .off-md-10 { margin-left: 41.66667% } .off-md-11 { margin-left: 45.83333% } .off-md-12 { margin-left: 50% } .off-md-13 { margin-left: 54.16667% } .off-md-14 { margin-left: 58.33333% } .off-md-15 { margin-left: 62.5% } .off-md-16 { margin-left: 66.66667% } .off-md-17 { margin-left: 70.83333% } .off-md-18 { margin-left: 75% } .off-md-19 { margin-left: 79.16667% } .off-md-20 { margin-left: 83.33333% } .off-md-21 { margin-left: 87.5% } .off-md-22 { margin-left: 91.66667% } .off-md-23 { margin-left: 95.83333% } } @media only screen and (min-width: 1200px) { .col-lg-1 { flex-basis:4.16667%; max-width: 4.16667% } .col-lg-2 { flex-basis: 8.33333%; max-width: 8.33333% } .col-lg-3 { flex-basis: 12.5%; max-width: 12.5% } .col-lg-4 { flex-basis: 16.66667%; max-width: 16.66667% } .col-lg-5 { flex-basis: 20.83333%; max-width: 20.83333% } .col-lg-6 { flex-basis: 25%; max-width: 25% } .col-lg-7 { flex-basis: 29.16667%; max-width: 29.16667% } .col-lg-8 { flex-basis: 33.33333%; max-width: 33.33333% } .col-lg-9 { flex-basis: 37.5%; max-width: 37.5% } .col-lg-10 { flex-basis: 41.66667%; max-width: 41.66667% } .col-lg-11 { flex-basis: 45.83333%; max-width: 45.83333% } .col-lg-12 { flex-basis: 50%; max-width: 50% } .col-lg-13 { flex-basis: 54.16667%; max-width: 54.16667% } .col-lg-14 { flex-basis: 58.33333%; max-width: 58.33333% } .col-lg-15 { flex-basis: 62.5%; max-width: 62.5% } .col-lg-16 { flex-basis: 66.66667%; max-width: 66.66667% } .col-lg-17 { flex-basis: 70.83333%; max-width: 70.83333% } .col-lg-18 { flex-basis: 75%; max-width: 75% } .col-lg-19 { flex-basis: 79.16667%; max-width: 79.16667% } .col-lg-20 { flex-basis: 83.33333%; max-width: 83.33333% } .col-lg-21 { flex-basis: 87.5%; max-width: 87.5% } .col-lg-22 { flex-basis: 91.66667%; max-width: 91.66667% } .col-lg-23 { flex-basis: 95.83333%; max-width: 95.83333% } .col-lg-24 { flex-basis: 100%; max-width: 100% } .off-lg-0 { margin-left: 0% } .off-lg-1 { margin-left: 4.16667% } .off-lg-2 { margin-left: 8.33333% } .off-lg-3 { margin-left: 12.5% } .off-lg-4 { margin-left: 16.66667% } .off-lg-5 { margin-left: 20.83333% } .off-lg-6 { margin-left: 25% } .off-lg-7 { margin-left: 29.16667% } .off-lg-8 { margin-left: 33.33333% } .off-lg-9 { margin-left: 37.5% } .off-lg-10 { margin-left: 41.66667% } .off-lg-11 { margin-left: 45.83333% } .off-lg-12 { margin-left: 50% } .off-lg-13 { margin-left: 54.16667% } .off-lg-14 { margin-left: 58.33333% } .off-lg-15 { margin-left: 62.5% } .off-lg-16 { margin-left: 66.66667% } .off-lg-17 { margin-left: 70.83333% } .off-lg-18 { margin-left: 75% } .off-lg-19 { margin-left: 79.16667% } .off-lg-20 { margin-left: 83.33333% } .off-lg-21 { margin-left: 87.5% } .off-lg-22 { margin-left: 91.66667% } .off-lg-23 { margin-left: 95.83333% } } html { -webkit-font-smoothing: antialiased } a,a:hover,a:visited { color: #3663E5; text-decoration: none; font-weight: 500 } a [class^="icon-"]:before,a [class*=" icon-"]:before,a:hover [class^="icon-"]:before,a:hover [class*=" icon-"]:before,a:visited [class^="icon-"]:before,a:visited [class*=" icon-"]:before { vertical-align: middle } body { font-family: "Avenir Next","Avenir","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px; color: #4A5159; -webkit-text-size-adjust: 100% } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family: "Avenir Next","Avenir","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 600; line-height: 1.4; color: #222A2E } h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small { font-weight: normal; line-height: 1; color: #E3E3E6 } h1,h2,h3 { margin-top: 0; margin-bottom: 11px } h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small { font-size: 65% } h4,h5,h6 { margin-top: 0; padding-top: 11px; margin-bottom: 11px } h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small { font-size: 75% } h1,.h1 { font-size: 28px } h2,.h2 { font-size: 24px } h3,.h3 { font-size: 20px } h4,.h4 { font-size: 16px } h5,.h5 { font-size: 16px } h6,.h6 { font-size: 12px } h4 { font-weight: 500 } h6 { color: #8E9299 } p { margin: 0 0 25px; line-height: 1.95 } p:last-child { margin-bottom: 0 } .row>p:last-child { margin-bottom: 25px } .lead { margin-bottom: 22px; font-size: 18px; line-height: 1.8 } .secondary { color: #B4B8BF } hr { height: 0; margin-bottom: 40px; margin-top: 40px; border: 0; border-top: 1px solid #E3E3E6; color: #E3E3E6 } em { font-style: italic } strong { font-weight: 600 } small,.small { font-size: 85% } cite { font-style: normal } .text-muted { color: #E3E3E6 } .text-primary { color: #3663E5 } .text-primary:hover { color: #0e7cff } .text-warning { color: #8a6d3b } .text-warning:hover { color: #66512c } .text-danger { color: #a94442 } .text-danger:hover { color: #843534 } .text-success { color: #3c763d } .text-success:hover { color: #2b542c } .text-info { color: #31708f } .text-info:hover { color: #245269 } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } .page-header { padding-bottom: 10px; margin: 0 0 11px; border-bottom: none; font-size: 28px } .list-header { margin-top: 0; margin-bottom: 12px; font-size: 14px; font-weight: 600; color: #8E9299; text-transform: uppercase } ul,ol { margin-top: 0; margin-bottom: 11px; padding-left: 20px } ul ul,ul ol,ol ul,ol ol { margin-bottom: 0 } ul { list-style: disc } li { padding-top: 5px; padding-bottom: 5px } .list-unstyled,.list-inline,.sidebar-nav-list,.side-nav-section { padding-left: 0; list-style: none } .list-inline>li { display: inline-block; padding-left: 5px; padding-right: 5px } .list-inline>li:first-child { padding-left: 0 } dl { margin-top: 0; margin-bottom: 22px } dt,dd { line-height: 1.4 } dt { margin-bottom: 1px; font-size: 12px; font-weight: 400; color: #827F7B } dd { margin-left: 0 } @media (min-width: 768px) { .dl-horizontal dt { float:left; width: 160px; clear: left; text-align: right } .dl-horizontal dd { margin-left: 180px } .dl-horizontal dd:after { content: ""; display: table; clear: both } } abbr[title],abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #E3E3E6 } .initialism { font-size: 90%; text-transform: uppercase } blockquote { padding: 11px 22px; margin: 0 0 22px; border-left: 5px solid #F5F6F7 } blockquote p { font-size: 20px; font-weight: 300; line-height: 1.25 } blockquote p:last-child { margin-bottom: 0 } blockquote small,blockquote .small { display: block; line-height: 1.4; color: #E3E3E6 } blockquote small:before,blockquote .small:before { content: '\2014 \00A0' } blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #F5F6F7; border-left: 0 } blockquote.pull-right p,blockquote.pull-right small,blockquote.pull-right .small { text-align: right } blockquote.pull-right small:before,blockquote.pull-right .small:before { content: '' } blockquote.pull-right small:after,blockquote.pull-right .small:after { content: '\00A0 \2014' } blockquote:before,blockquote:after { content: "" } address { margin-bottom: 22px; font-style: normal; line-height: 1.4 } .button,a.button { display: inline-block; background: none; border: 0; color: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; display: inline-block; padding: 5px 15px; background-color: transparent; border: 2px solid transparent; border-radius: 18px; color: #3663E5; text-decoration: none; font-family: "Avenir Next","Avenir","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 15px; font-weight: 600; transition: all 200ms ease-in-out } .button:hover,a.button:hover { cursor: pointer; text-decoration: none } .button:focus,a.button:focus { outline: none } .button::-moz-focus-inner,a.button::-moz-focus-inner { border: 0; padding: 0 } .button:hover,a.button:hover { background-color: rgba(142,146,153,0.1); transition: all 400ms ease-in-out } .button[disabled],a.button[disabled] { color: #B4B8BF; cursor: not-allowed } .button[disabled]:hover,a.button[disabled]:hover { background-color: inherit } .button-icon,a.button-icon { padding: 0; height: 36px; width: 36px; line-height: 30px; text-align: center } .button-icon+.button-icon,a.button-icon+.button-icon { margin-left: 10px } a.button-icon { line-height: 36px } .button-default,a.button-default { background-color: #827F7B; color: #fff; border-color: #827F7B } .button-default.button-inverse,a.button-default.button-inverse { background-color: transparent; color: #827F7B } .button-default:hover,a.button-default:hover { background-color: #75726f; border-color: #75726f; color: #fff } .button-default[disabled],a.button-default[disabled] { color: #B4B8BF; background-color: #F5F6F7; border-color: #F5F6F7 } .button-default[disabled]:hover,a.button-default[disabled]:hover { background-color: #F5F6F7 } .button-primary,a.button-primary { background-color: #3663E5; color: #fff; border-color: #3663E5 } .button-primary.button-inverse,a.button-primary.button-inverse { background-color: transparent; color: #3663E5 } .button-primary:hover,a.button-primary:hover { background-color: #288aff; border-color: #288aff; color: #fff } .button-primary[disabled],a.button-primary[disabled] { color: #B4B8BF; background-color: #F5F6F7; border-color: #F5F6F7 } .button-primary[disabled]:hover,a.button-primary[disabled]:hover { background-color: #F5F6F7 } .button-secondary,a.button-secondary { background-color: #fff; color: #fff; border-color: #fff } .button-secondary.button-inverse,a.button-secondary.button-inverse { background-color: transparent; color: #fff } .button-secondary:hover,a.button-secondary:hover { background-color: #f2f2f2; border-color: #f2f2f2; color: #fff } .button-secondary[disabled],a.button-secondary[disabled] { color: #B4B8BF; background-color: #F5F6F7; border-color: #F5F6F7 } .button-secondary[disabled]:hover,a.button-secondary[disabled]:hover { background-color: #F5F6F7 } .button-secondary:hover,a.button-secondary:hover { background-color: rgba(255,255,255,0.15) } .button-success,a.button-success { background-color: #14BB83; color: #fff; border-color: #14BB83 } .button-success.button-inverse,a.button-success.button-inverse { background-color: transparent; color: #14BB83 } .button-success:hover,a.button-success:hover { background-color: #12a473; border-color: #12a473; color: #fff } .button-success[disabled],a.button-success[disabled] { color: #B4B8BF; background-color: #F5F6F7; border-color: #F5F6F7 } .button-success[disabled]:hover,a.button-success[disabled]:hover { background-color: #F5F6F7 } .button-danger,a.button-danger { background-color: #FE6B6B; color: #fff; border-color: #FE6B6B } .button-danger.button-inverse,a.button-danger.button-inverse { background-color: transparent; color: #FE6B6B } .button-danger:hover,a.button-danger:hover { background-color: #fe5252; border-color: #fe5252; color: #fff } .button-danger[disabled],a.button-danger[disabled] { color: #B4B8BF; background-color: #F5F6F7; border-color: #F5F6F7 } .button-danger[disabled]:hover,a.button-danger[disabled]:hover { background-color: #F5F6F7 } .button-link,a.button-link { padding: 0 } .button-link:hover,a.button-link:hover { background-color: transparent } .button-loading { height: 22px; display: block } input { font-size: 16px; font-family: "Avenir Next","Avenir","Helvetica Neue",Helvetica,Arial,sans-serif } input[type=text],input[type=number] { font-size: 16px; font-family: "Avenir Next","Avenir","Helvetica Neue",Helvetica,Arial,sans-serif } input[type=text]::-webkit-input-placeholder,input[type=number]::-webkit-input-placeholder { color: #B4B8BF } input[type=text]:-moz-placeholder,input[type=number]:-moz-placeholder { color: #B4B8BF } input[type=text]::-moz-placeholder,input[type=number]::-moz-placeholder { color: #B4B8BF } input[type=text]:-ms-input-placeholder,input[type=number]:-ms-input-placeholder { color: #B4B8BF } input[type=text]:active,input[type=text]:focus,input[type=number]:active,input[type=number]:focus { outline: none } textarea { min-height: 44px; padding-bottom: 15px; font-size: 16px; font-family: "Avenir Next","Avenir","Helvetica Neue",Helvetica,Arial,sans-serif; resize: none } textarea::-webkit-input-placeholder { color: #B4B8BF } textarea:-moz-placeholder { color: #B4B8BF } textarea::-moz-placeholder { color: #B4B8BF } textarea:-ms-input-placeholder { color: #B4B8BF } textarea:active,textarea:focus { outline: none } .form-control { box-sizing: content-box; height: 44px; margin-top: 20px; border: none; border-bottom: 1px solid #B4B8BF; background-color: transparent; transition: all 100ms ease-in-out } .form-control:focus,.form-control:active { border-bottom-color: #3663E5; box-shadow: 0 1px 0 #3663E5 } .form-control[disabled] { border-bottom: 1px dashed #E3E3E6; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .form-control[disabled]::-webkit-input-placeholder { color: #E3E3E6 } .form-control[disabled]:-moz-placeholder { color: #E3E3E6 } .form-control[disabled]::-moz-placeholder { color: #E3E3E6 } .form-control[disabled]:-ms-input-placeholder { color: #E3E3E6 } .select { position: relative; margin-top: 20px } .select select { display: inline-block; width: 100%; height: 47px; margin: 0; padding: 3px 0 3px 0; background-color: transparent; border: 0; border-bottom: 1px solid #B4B8BF; border-radius: 0; cursor: pointer; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 1.5; font-size: 16px; font-family: "Avenir Next","Avenir","Helvetica Neue",Helvetica,Arial,sans-serif; color: #B4B8BF } .select:after { position: absolute; top: 45%; right: 0; display: inline-block; content: ""; width: 0; height: 0; pointer-events: none; border-top: 0.35rem solid #8E9299; border-right: .35rem solid transparent; border-bottom: .35rem solid transparent; border-left: .35rem solid transparent } .select.inline { display: inline-block } .checkbox-control { display: inline-block; padding-top: 2px } input.checkbox { display: none; margin: 0 } input.checkbox+label { color: #8E9299 } input.checkbox+label:before { display: inline-block; height: 22px; width: 22px; margin: 0; margin-right: 7px; margin-top: -4px; font-family: 'density-icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; font-size: 19px; line-height: 22px; vertical-align: middle; cursor: pointer; color: #B4B8BF; content: "\e212" } input.checkbox:checked+label:before { color: #3663E5; content: "\e211" } .radio { display: inline-block; padding-top: 2px } input.radio { display: none; margin: 0 } input.radio+label { color: #8E9299 } input.radio+label:before { display: inline-block; height: 22px; width: 22px; margin: 0; margin-right: 7px; margin-top: -4px; font-family: 'density-icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; font-size: 21px; line-height: 22px; vertical-align: middle; cursor: pointer; color: #B4B8BF; content: "\e213" } input.radio:checked+label:before { color: #3663E5; content: "\e214" } .toggle { display: none } .toggle,.toggle:after,.toggle:before,.toggle *,.toggle *:after,.toggle *:before,.toggle+.toggle-btn { box-sizing: border-box } .toggle::-moz-selection,.toggle:after::-moz-selection,.toggle:before::-moz-selection,.toggle *::-moz-selection,.toggle *:after::-moz-selection,.toggle *:before::-moz-selection,.toggle+.toggle-btn::-moz-selection { background: none } .toggle::selection,.toggle:after::selection,.toggle:before::selection,.toggle *::selection,.toggle *:after::selection,.toggle *:before::selection,.toggle+.toggle-btn::selection { background: none } .toggle+.toggle-btn { outline: 0; display: inline-block; width: 40px; height: 18px; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #B4B8BF; border-radius: 18px; transition: all 200ms ease } .toggle+.toggle-btn:after,.toggle+.toggle-btn:before { position: relative; display: block; content: ""; width: 22px; height: 22px } .toggle+.toggle-btn:after { box-sizing: border-box; left: -2px; top: -2px; border-radius: 50%; background: #fff; border: 2px solid #B4B8BF; transition: all 200ms ease } .toggle+.toggle-btn:before { display: none } .toggle:checked+.toggle-btn { background: #3663E5 } .toggle:checked+.toggle-btn:after { left: calc(50% + 2px); border-color: #3663E5 } .form-field { margin-top: 20px } .form-field label { display: block; font-size: 13px; margin-bottom: 5px } .form-field .form-control,.form-field .select { margin-top: 0 } .form-actions { display: flex; align-items: center; justify-content: flex-end; height: 56px } .toolbar,.content-toolbar { display: flex; flex-direction: row; align-items: center; position: relative; box-sizing: border-box; min-height: 56px; padding-left: 20px; padding-right: 20px } .toolbar-breadcrumb { flex-grow: 1; padding: 0; margin: 0; list-style: none; background-color: transparent; border-radius: 0 } .toolbar-breadcrumb>li { padding: 0; font-size: 22px; color: #827F7B } .toolbar-breadcrumb>li+li:before { color: #827F7B } .toolbar-breadcrumb>.active { color: #4A5159 } .toolbar-title { flex-grow: 1; font-size: 22px } .toolbar-subtitle { padding-top: 5px; font-size: 16px } .toolbar-actions { flex-grow: 0 } .content-toolbar-nav,.content-toolbar-subtitle { min-height: 100px } .table { width: 100% } .table thead tr td { font-weight: 600 } .table>thead>tr>th,.table>thead>tr>td,.table>tbody>tr>th,.table>tbody>tr>td,.table>tfoot>tr>th,.table>tfoot>tr>td { padding: 15px; line-height: 1.4; vertical-align: middle; border-top: 1px solid #ddd } .table>thead>tr>th a,.table>thead>tr>th i,.table>thead>tr>td a,.table>thead>tr>td i,.table>tbody>tr>th a,.table>tbody>tr>th i,.table>tbody>tr>td a,.table>tbody>tr>td i,.table>tfoot>tr>th a,.table>tfoot>tr>th i,.table>tfoot>tr>td a,.table>tfoot>tr>td i { vertical-align: inherit } .table>thead>tr>th .table-view-more,.table>thead>tr>td .table-view-more,.table>tbody>tr>th .table-view-more,.table>tbody>tr>td .table-view-more,.table>tfoot>tr>th .table-view-more,.table>tfoot>tr>td .table-view-more { color: #E3E3E6 } .table>thead>tr>th .table-view-status,.table>thead>tr>td .table-view-status,.table>tbody>tr>th .table-view-status,.table>tbody>tr>td .table-view-status,.table>tfoot>tr>th .table-view-status,.table>tfoot>tr>td .table-view-status { color: #E3E3E6; font-size: 14px } .table>thead>tr>th .table-view-status.purchased,.table>thead>tr>td .table-view-status.purchased,.table>tbody>tr>th .table-view-status.purchased,.table>tbody>tr>td .table-view-status.purchased,.table>tfoot>tr>th .table-view-status.purchased,.table>tfoot>tr>td .table-view-status.purchased { color: #14BB83 } .table>thead>.tr-detail,.table>tbody>.tr-detail,.table>tfoot>.tr-detail { background-color: #F5F6F7 } .table>thead>.tr-detail>td,.table>tbody>.tr-detail>td,.table>tfoot>.tr-detail>td { padding: 0; width: 100% } .table>thead>.tr-detail .panel,.table>tbody>.tr-detail .panel,.table>tfoot>.tr-detail .panel { margin-bottom: 0; background: transparent; border: none } .table>thead>.tr-detail dl,.table>tbody>.tr-detail dl,.table>tfoot>.tr-detail dl { margin: 0 } .table>thead>.tr-detail .tr-detail-meta,.table>tbody>.tr-detail .tr-detail-meta,.table>tfoot>.tr-detail .tr-detail-meta { padding-top: 10px; padding-bottom: 10px } .table>thead>.tr-detail .tr-detail-type,.table>tbody>.tr-detail .tr-detail-type,.table>tfoot>.tr-detail .tr-detail-type { padding-top: 20px; vertical-align: top; text-align: center; color: #E3E3E6 } .table>thead>.tr-detail .tr-detail-type i,.table>tbody>.tr-detail .tr-detail-type i,.table>tfoot>.tr-detail .tr-detail-type i { font-size: 20px; margin-right: -15% } .table>thead>tr>th { vertical-align: middle; background-color: #F5F4F4; border-bottom: 2px solid #ddd; font-size: 14px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: #827F7B } .table>thead>tr>th i { vertical-align: inherit; font-size: 18px } .table>caption+thead>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>th,.table>thead:first-child>tr:first-child>td { border-top: 0 } .table>tbody+tbody { border-top: 2px solid #ddd } .table .table { background-color: #fff } .table.striped td { border: none } .table.striped tbody>tr:nth-of-type(odd) { background-color: #FBFBFB } .table.striped thead+tbody>tr:nth-of-type(odd) { background-color: #FBFBFB } .nav { margin-bottom: 0; padding-left: 0; list-style: none } .nav:after { content: ""; display: table; clear: both } .nav>li { position: relative; display: block; font-size: 14px } .nav>li>a { position: relative; display: block; padding-top: 2px; padding-bottom: 2px; padding-left: 0; padding-right: 0; margin-top: 0; margin-bottom: 0; margin-left: 20px; margin-right: 20px; text-decoration: none; color: #4A5159 } .nav>li>a:hover,.nav>li>a:focus { text-decoration: none; background-color: transparent } .nav>li.disabled>a,.nav>li:disabled>a { color: #E3E3E6 } .nav>li.disabled>a:hover,.nav>li.disabled>a:focus,.nav>li:disabled>a:hover,.nav>li:disabled>a:focus { color: #E3E3E6; text-decoration: none; background-color: transparent; cursor: not-allowed } .nav .open>a,.nav .open>a:hover,.nav .open>a:focus { background-color: transparent; border-color: #3663E5 } .nav>li>a>img { max-width: none } .nav-justified,.nav-tabs.nav-justified { width: 100% } .nav-justified>li,.nav-tabs.nav-justified>li { float: none } .nav-justified>li>a,.nav-tabs.nav-justified>li>a { text-align: center; margin-bottom: 5px } .nav-justified>.dropdown .dropdown-menu { top: auto; left: auto } @media (min-width: 768px) { .nav-justified>li,.nav-tabs.nav-justified>li { display:table-cell; width: 1% } .nav-justified>li>a,.nav-tabs.nav-justified>li>a { margin-bottom: 0 } } .nav-tabs-justified,.nav-tabs.nav-justified { border-bottom: 0 } .nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a { margin-right: 0; border-radius: 6px } .nav-tabs-justified>.active>a,.nav-tabs.nav-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:focus { border: 1px solid #ddd } @media (min-width: 768px) { .nav-tabs-justified>li>a,.nav-tabs.nav-justified>li>a { border-bottom:1px solid #ddd; border-radius: 6px 6px 0 0 } .nav-tabs-justified>.active>a,.nav-tabs.nav-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:focus { border-bottom-color: #3663E5 } } .nav-tabs { border-bottom: none } .nav-tabs>li { float: left; margin-bottom: 0; padding: 0; font-weight: 600 } .nav-tabs>li>a { padding-top: 19px; padding-bottom: 16px; margin-right: 2px; line-height: 1.4; border: none; border-bottom: 2px solid transparent; border-radius: 0; color: #B4B8BF; transition: border-color 0.1s ease-in } .nav-tabs>li>a:hover,.nav-tabs>li>a:focus { background-color: transparent; border-color: #E3E3E6; transition: border-color 0.2s ease-in; outline: none } .nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus { color: #4A5159; background-color: transparent; border: none; border-bottom: 2px solid #3663E5 } .nav-pills>li { float: left } .nav-pills>li>a { border-radius: 6px } .nav-pills>li+li { margin-left: 2px } .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus { color: #fff; background-color: #3663E5 } .nav-stacked>li { float: none } .nav-stacked>li+li { margin-top: 2px; margin-left: 0 } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 } .search-box-container { display: inline-block; position: relative; height: 38px; width: 180px } .search-box-container i { position: absolute; right: 0; top: 0; bottom: 0; height: 38px; padding-left: 10px; padding-right: 10px; z-index: 2; background: #fff; border-radius: 0 4px 4px 0; color: #979898; line-height: 38px } .search-box { box-sizing: border-box; height: 38px; width: 100%; padding-top: 4px; padding-bottom: 4px; padding-left: 15px; background-color: #fff; border: none; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); font-size: 16px; transition: border-radius 200ms ease } .search-box:focus { border-color: transparent; box-shadow: 0 2px 4px rgba(0,0,0,0.1); outline: none; border-radius: 4px 4px 0 0; transition: border-radius 200ms ease } .search-box-typeahead { position: absolute; top: 38px; left: 0; right: 0; height: 0; overflow: hidden; background-color: #fff; border-radius: 0 0 4px 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); transition: height 200ms cubic-bezier(0, 0, 0.265, 1.55),border-top 100ms ease-in-out } .search-box-typeahead.open { border-top: 1px solid #F5F6F7; height: 300px; transition: height 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55),border-top 300ms ease-in-out } .search-box-typeahead-body { box-sizing: border-box; height: 244px; width: 100%; overflow-y: scroll; padding: 5px 15px 10px } .search-box-typeahead-heading { margin-bottom: 5px; font-size: 14px; color: #E3E3E6 } .search-box-typeahead-list { list-style: none; padding-left: 0 } .search-box-typeahead-list li { padding-top: 8px; padding-bottom: 8px; padding-left: 10px; padding-right: 10px; margin-left: -10px; margin-right: -10px; font-size: 16px; cursor: pointer } .search-box-typeahead-list li:hover { background-color: #F5F6F7 } .search-box-typeahead-footer { height: 56px; width: 100%; padding: 7px 15px; border-top: 1px solid #F5F6F7; text-align: center } .search-box-typeahead-footer-actions { display: inline-block; float: none } .search-box-typeahead-footer-actions .button { margin-top: 1px; font-size: 12px } .card { box-sizing: border-box; background-color: #fff; border-radius: 6px; overflow: hidden; border: none; box-shadow: 0px 1px 6px rgba(34,42,46,0.16) } .card+.card { margin-top: 30px } .card-header { position: relative } .card-header .close { display: inline-block; background: none; border: 0; color: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; position: absolute; top: 14px; right: 10px; height: 36px; width: 36px; background-color: transparent; border-radius: 50%; color: rgba(74,81,89,0.5); line-height: 46px; text-align: center; transition: background-color 200ms ease-in-out,color 200ms ease-in-out } .card-header .close:hover { cursor: pointer; text-decoration: none } .card-header .close:focus { outline: none } .card-header .close::-moz-focus-inner { border: 0; padding: 0 } .card-header .close i { margin-right: 0 } .card-header .close i:before { font-size: 16px; vertical-align: initial } .card-header .close:hover { color: rgba(74,81,89,0.9); background-color: rgba(142,146,153,0.1) } .card-header-image { object-fit: cover; height: 150px; width: 100%; margin-bottom: 10px } .card-header-image-overlay { position: absolute; top: 0; left: 0; right: 0; display: block; height: 150px; opacity: 0.9; background-color: #E0CAA7; background-image: linear-gradient(#E0CAA7,transparent); background-color: transparent } .card-header-title { font-size: 22px; padding-top: 20px; padding-bottom: 18px; padding-left: 20px; padding-right: 20px; margin-bottom: 0 } .card-body { padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; border-top: 1px solid #E3E3E6; line-height: 1.8 } .card-body p { line-height: 1.8 } .card-body p:last-child { margin-bottom: 0 } .card-body hr { margin-left: -20px; margin-right: -20px } .card-body:first-child { padding-top: 10px; border-top: none } .card-body-scroll { max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0) } .card-table-cell { display: flex; flex-direction: row; align-items: center; padding: 15px 20px; border-top: 1px solid #F5F6F7 } .card-table-cell:first-child { border-top: none } .card-table-cell-title { flex-grow: 1; line-height: 1.4 } .card-table-cell-subtitle { display: none; flex-grow: 0; padding-right: 20px; text-align: right; font-size: 14px; color: #B4B8BF } .card-table-cell-actions { flex-grow: 0; margin-right: -15px } .card-footer { padding: 10px; border-top: 1px solid #E3E3E6 } .card-footer:after { content: ""; display: table; clear: both } .card-footer-actions { float: right } .card-success { border-color: #14BB83 } .card-error { border-color: #FE6B6B } @media (min-width: 768px) { .card-table-cell-subtitle { display:block } } pre,code { font-family: Menlo,Monaco,Consolas,"Courier New",monospace } pre { box-sizing: border-box; padding: 8px 12px; margin: 0; max-width: 100%; overflow-x: scroll; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); background-color: #F5F6F7; border: 1px solid #E3E3E6; border-radius: 6px; white-space: nowrap; word-wrap: break-word; word-break: normal; line-height: 1.6; font-size: 13px; overflow: auto } pre code { display: inline-block; padding: 0; background-color: transparent; white-space: pre } pre code.hljs { display: inline-block; padding: 0; background-color: transparent } .toast { position: fixed; top: 50%; transform: translateY(-50%); position: fixed; left: 50%; transform: translateX(-50%); z-index: 1070; display: none; padding: 15px; margin-bottom: 22px; background-color: #4A5159; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 0 20px rgba(0,0,0,0.2); color: #fff } .toast-success i { margin-right: 5px; vertical-align: text-bottom; color: #14BB83 } .toast-danger i { margin-right: 5px; vertical-align: text-bottom; color: #FE6B6B } .overlay { display: none; position: fixed; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); background-color: rgba(255,255,255,0); transition: background-color 200ms ease-in-out } .overlay.open { z-index: 1050; display: block; background-color: white; transition: background-color 300ms ease-in-out } .overlay-toolbar { justify-content: center } .overlay-toolbar .button { -ms-grid-row-align: center; align-self: center } .overlay-body { position: relative; padding-left: 20px; padding-right: 20px; height: calc(100% - 56px) } .overlay-container { box-sizing: border-box; position: relative; top: 150%; max-width: 540px; margin: 0 auto; overflow: hidden; border-radius: 6px; transition: top 200ms ease-in-out } .overlay-container.open { top: 10px; transition: top 200ms ease-in-out 100ms } .overlay-video-container { box-sizing: border-box; position: relative; top: 150%; transform: translateY(-50%); width: 100%; margin: 0 auto; padding-bottom: 56.25%; background-color: #fff; box-shadow: 0 10px 40px rgba(0,0,0,0.35); overflow: hidden; border-radius: 6px; transition: top 200ms ease-in-out } .overlay-video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 576px } .overlay-video-container.open { top: calc(50% - 28px); transition: top 200ms ease-in-out 100ms } @media (min-width: 1064px) { .overlay-video-container { height:576px; width: 1024px; padding-bottom: 0 } } @media (min-width: 768px) { .overlay-container.open { top:100px } } html { height: 100% } body { height: 100% } .app-bar { position: relative; z-index: 1030; box-sizing: border-box; padding-left: 18px; padding-right: 18px; height: 56px; width: 100%; background-color: rgba(255,255,255,0.96); border-bottom: 1px solid #F5F6F7; transition: box-shadow 200ms ease-in-out } .app-bar .nav { float: left } .app-bar.shadow { box-shadow: 0 4px 24px rgba(0,0,0,0.05) } .app-bar.fixed { position: fixed } .content-section.app-bar-fixed { padding-top: 56px } .app-bar-inner { height: 56px; max-width: 960px; margin: 0 auto } .app-bar-side-nav-btn { display: inline-block; background: none; border: 0; color: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; position: relative; z-index: 1040; float: left; height: 36px; width: 36px; margin-top: 10px; margin-right: 18px; background-color: transparent; border-radius: 50%; line-height: 40px; color: #8e9299; font-size: 22px; font-family: "Avenir Next","Avenir","Helvetica Neue",Helvetica,Arial,sans-serif; overflow: hidden; transition: all 100ms ease-in } .app-bar-side-nav-btn:hover { cursor: pointer; text-decoration: none } .app-bar-side-nav-btn:focus { outline: none } .app-bar-side-nav-btn::-moz-focus-inner { border: 0; padding: 0 } .app-bar-side-nav-btn i { line-height: inherit } .app-bar-side-nav-btn i:before { font-size: 20px } .app-bar-side-nav-btn:hover { color: rgba(74,81,89,0.8); background-color: rgba(142,146,153,0.1); transition: all 200ms ease-in } .app-bar-brand { display: inline-block; position: relative; z-index: 1040; float: left; height: 56px; font-size: 18px; color: rgba(142,146,153,0.7) } .app-bar-brand img { position: relative; top: 50%; transform: translateY(-50%); top: 52%; height: 20px } .app-bar-title { position: relative; z-index: 1040; float: left; height: 56px; font-size: 20px; line-height: 56px; color: rgba(142,146,153,0.7) } .app-bar-subtitle { position: relative; z-index: 1040; float: left; height: 56px; padding-left: 10px; font-size: 16px; line-height: 56px; color: #8e9299 } .app-bar .search-box-container { position: absolute; z-index: 1040; left: 35%; width: 30%; top: 9px } .app-bar-nav { float: left; padding-left: 18px; text-align: left } .app-bar-nav .button { margin-top: 10px; margin-left: 20px } .app-bar-nav .popover { width: 300px; margin-top: -9px } .app-bar-nav .popover-content { max-height: 350px; padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0) } .app-bar-nav-right { float: right; text-align: right } .nav+.app-bar-app-action { margin-left: 30px } .app-bar-app-action,a.app-bar-app-action { display: inline-block; background: none; border: 0; color: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; line-height: 56px; float: left; height: 56px; padding-left: 25px; padding-right: 25px; margin-left: 20px; font-size: 16px; color: #8e9299; transition: color 200ms ease-in-out } .app-bar-app-action:hover,a.app-bar-app-action:hover { cursor: pointer; text-decoration: none } .app-bar-app-action:focus,a.app-bar-app-action:focus { outline: none } .app-bar-app-action::-moz-focus-inner,a.app-bar-app-action::-moz-focus-inner { border: 0; padding: 0 } .app-bar-app-action:hover,a.app-bar-app-action:hover { color: rgba(74,81,89,0.8) } .app-bar-app-action-icon { position: relative } .app-bar-app-action-icon .icon-shopping-cart:before,.app-bar-app-action-icon .icon-shopping-cart-full:before { font-size: 20px; vertical-align: sub } .app-bar-app-action-badge { position: absolute; top: 6px; left: 12px; height: 15px; width: 15px; border-radius: 50%; background-color: #FE6B6B; box-shadow: 0 2px 4px rgba(0,0,0,0.2); color: #fff; line-height: 15px; text-align: center; font-size: 10px; font-weight: 100 } .app-bar-account-info { display: inline-block; background: none; border: 0; color: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; height: 56px; padding-left: 10px; padding-right: 10px; line-height: 54px; color: #8e9299; font-size: 16px; font-family: "Avenir Next","Avenir","Helvetica Neue",Helvetica,Arial,sans-serif; transition: color 200ms ease-in-out } .app-bar-account-info:hover { cursor: pointer; text-decoration: none } .app-bar-account-info:focus { outline: none } .app-bar-account-info::-moz-focus-inner { border: 0; padding: 0 } .app-bar-account-info:hover { color: rgba(74,81,89,0.8) } .app-bar-account-info:hover .app-bar-account-avatar { border-color: rgba(74,81,89,0.8) } .app-bar-account-avatar { display: inline-block; height: 25px; width: 25px; margin-left: 5px; margin-top: 12px; border: 1px solid #8e9299; border-radius: 50%; line-height: 40px; overflow: hidden; transition: border-color 200ms ease-in-out } .app-bar-account-avatar i { line-height: inherit } .app-bar-account-name { display: none; vertical-align: top } @media (min-width: 768px) { .app-bar { padding-left:18px; padding-right: 18px } } @media (min-width: 768px) { .app-bar-account-name { display:inline-block } } .content-inner { width: 100%; height: calc(100% - 56px) } .content-inner:after { content: ""; display: table; clear: both } .content-panel { box-sizing: border-box; float: left; width: 100%; height: 100%; max-height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); overflow-x: hidden; -webkit-transform: translate3d(0, 0, 0); background-color: #fff } .content-toolbar+.content-sidebar+.content-panel { height: calc(100% - 100px) } .content-toolbar+.content-panel { height: calc(100% - 100px); width: 70% } @media (min-width: 960px) { .content-sidebar+.content-panel { width:calc(100% - 320px) } } .content-section { position: relative; box-sizing: border-box; width: 100%; padding-top: 60px; padding-bottom: 60px; padding-left: 18px; padding-right: 18px; background-size: cover; background-repeat: no-repeat } .content-section-background-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translateX(-50%) translateY(-50%); transition: 1s opacity } .content-section-background-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,0.5) } @media (min-width: 768px) { .content-section { padding-top:80px; padding-bottom: 80px; padding-left: 60px; padding-right: 60px } } @media (min-width: 960px) { .content-section { padding-left:0; padding-right: 0 } } .content-sidebar { display: none; box-sizing: border-box; float: left; width: 320px; height: 100%; padding-top: 20px; padding-left: 0px; background: rgba(255,255,255,0.98); color: #fff; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0) } .sidebar-nav-list { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0 } .sidebar-nav-list li { padding-top: 0; padding-bottom: 0 } .sidebar-nav-list .list-header { padding-left: 30px } .sidebar-nav-list .list-header>a { padding-left: 0; padding-bottom: 0; padding-top: 0; color: #8E9299 } .sidebar-nav-list li>a { display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; border-radius: 4px 0 0 4px; vertical-align: middle; color: #B4B8BF; text-decoration: none; transition: color 200ms ease-in-out } .sidebar-nav-list li>a i { vertical-align: middle; font-size: 20px } .sidebar-nav-list li>a:hover { color: #4A5159 } .sidebar-nav-list li>a.active { color: #4A5159; font-weight: 500 } .sidebar-nav-list li>a[disabled] { color: #E3E3E6; pointer-events: none; cursor: not-allowed } .sidebar-nav-list li>a[disabled]:hover { color: #E3E3E6 } .sidebar-nav-list:first-child { border-top: none } .content-sidebar .search-box-container { width: 100%; margin-bottom: 25px } @media (min-width: 960px) { .content-sidebar { display:block } } .content-toolbar { width: 100%; padding-left: 30px; padding-right: 30px; background-color: #fff; border-bottom: 1px solid #E5E3E1; box-shadow: 0 2px 6px rgba(0,0,0,0.03) } .content-toolbar:after { content: ""; display: table; clear: both } .content-toolbar-nav .toolbar-title { top: 15px; transform: none } .content-toolbar-nav .nav { position: absolute; bottom: 0 } .side-nav { position: fixed; z-index: 1020; top: 0; left: -320px; height: 100%; width: 320px; background: rgba(255,255,255,0.98); color: #fff; transition: left 150ms ease-in-out,box-shadow 200ms ease-in-out } .side-nav.open { left: 0; transition: left 200ms ease-in-out; box-shadow: 4px 0 60px rgba(0,0,0,0.1) } .side-nav-header { position: absolute; top: 0; left: 0; z-index: 1030; height: 55px; width: 100%; border-bottom: 1px solid rgba(142,146,153,0.2) } .side-nav-body { position: absolute; top: 56px; left: 0; z-index: 1030; height: calc(100% - (56px + 20px)); width: 100%; padding-top: 20px; overflow-y: scroll; -webkit-transform: translate3d(0, 0, 0) } .side-nav-section { padding-top: 15px; padding-bottom: 15px; margin-bottom: 0 } .side-nav-section li { padding-top: 0; padding-bottom: 0 } .side-nav-section .list-header { padding-left: 30px } .side-nav-section .list-header>a { padding-left: 0; padding-bottom: 0; padding-top: 0; color: #8E9299 } .side-nav-section li>a { display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 30px; border-radius: 4px 0 0 4px; vertical-align: middle; color: #B4B8BF; text-decoration: none; transition: color 200ms ease-in-out } .side-nav-section li>a i { vertical-align: middle; font-size: 20px } .side-nav-section li>a:hover { color: #4A5159 } .side-nav-section li>a.active { color: #4A5159; font-weight: 500 } .side-nav-section li>a[disabled] { color: #E3E3E6; pointer-events: none; cursor: not-allowed } .side-nav-section li>a[disabled]:hover { color: #E3E3E6 } .side-nav-section:first-child { border-top: none } [data-icon]:before { display: inline-block; font-family: "density-icons" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; word-wrap: normal; direction: ltr; white-space: nowrap; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } [class^="icon-"]:before,[class*=" icon-"]:before { display: inline-block; font-family: "density-icons" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; font-size: 18px; line-height: 1; letter-spacing: normal; text-transform: none; word-wrap: normal; direction: ltr; white-space: nowrap; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .icon-spatula:before { content: "\e000" } .icon-menu:before { content: "\e001" } .icon-toast:before { content: "\e002" } .icon-egg:before { content: "\e003" } .icon-coffee:before { content: "\e004" } .icon-soda:before { content: "\e005" } .icon-cup:before { content: "\e006" } .icon-glass:before { content: "\e007" } .icon-glass-full:before { content: "\e008" } .icon-coffee-mug-full:before { content: "\e009" } .icon-coffee-mug:before { content: "\e00a" } .icon-martini:before { content: "\e00b" } .icon-martini-full:before { content: "\e00c" } .icon-glass-straw:before { content: "\e00d" } .icon-beer-mug:before { content: "\e00e" } .icon-bottle:before { content: "\e00f" } .icon-ice-cream-sunday:before { content: "\e010" } .icon-popsicle:before { content: "\e011" } .icon-cherry:before { content: "\e012" } .icon-apple:before { content: "\e013" } .icon-orange:before { content: "\e014" } .icon-grapes:before { content: "\e015" } .icon-chinese-food:before { content: "\e016" } .icon-noodle-bowl:before { content: "\e017" } .icon-noodle-bowl-full:before { content: "\e018" } .icon-igloo:before { content: "\e019" } .icon-burger:before { content: "\e01a" } .icon-rain-drop:before { content: "\e01b" } .icon-book:before { content: "\e01c" } .icon-leaf:before { content: "\e01d" } .icon-decanter:before { content: "\e01e" } .icon-plate:before { content: "\e01f" } .icon-cutlery-knife:before { content: "\e020" } .icon-cutlery-spoon:before { content: "\e021" } .icon-fire:before { content: "\e022" } .icon-toilette-paper:before { content: "\e023" } .icon-bell-desk:before { content: "\e024" } .icon-grill:before { content: "\e025" } .icon-refrigderator:before { content: "\e026" } .icon-microwave:before { content: "\e027" } .icon-shop-alt:before { content: "\e028" } .icon-receipt:before { content: "\e029" } .icon-dimond:before { content: "\e02a" } .icon-ring-diamond:before { content: "\e02b" } .icon-suitcase:before { content: "\e02c" } .icon-coat-hanger:before { content: "\e02d" } .icon-sneaker:before { content: "\e02e" } .icon-lipstick:before { content: "\e02f" } .icon-bowtie:before { content: "\e030" } .icon-coin-dollar:before { content: "\e031" } .icon-coin-euro:before { content: "\e032" } .icon-coin-pound:before { content: "\e033" } .icon-coin-yen:before { content: "\e034" } .icon-exchange:before { content: "\e035" } .icon-pants:before { content: "\e036" } .icon-shorts:before { content: "\e037" } .icon-shirt:before { content: "\e038" } .icon-back-pack:before { content: "\e039" } .icon-purse:before { content: "\e03a" } .icon-shirt-oxford:before { content: "\e03b" } .icon-shirt-dress:before { content: "\e03c" } .icon-tag-remove:before { content: "\e03d" } .icon-tag-succes:before { content: "\e03e" } .icon-tag-minus:before { content: "\e03f" } .icon-tag-add:before { content: "\e040" } .icon-waller:before { content: "\e041" } .icon-coins-short:before { content: "\e042" } .icon-coins:before { content: "\e043" } .icon-money:before { content: "\e044" } .icon-money-dollar:before { content: "\e045" } .icon-credit-card:before { content: "\e046" } .icon-shopping-bag:before { content: "\e047" } .icon-insert-up:before { content: "\e048" } .icon-insert-down:before { content: "\e049" } .icon-box:before { content: "\e04a" } .icon-shopping-bag-alt:before { content: "\e04b" } .icon-shopping-cart-in:before { content: "\e04c" } .icon-shopping-cart-full:before { content: "\e04d" } .icon-shopping-cart:before { content: "\e04e" } .icon-shopping-basket:before { content: "\e04f" } .icon-shop:before { content: "\e050" } .icon-moon-hanging:before { content: "\e051" } .icon-moon:before { content: "\e052" } .icon-moon-set:before { content: "\e053" } .icon-wind:before { content: "\e054" } .icon-partly-cloudy:before { content: "\e055" } .icon-cloudy:before { content: "\e056" } .icon-stormy:before { content: "\e057" } .icon-rainy:before { content: "\e058" } .icon-snowy:before { content: "\e059" } .icon-sunny:before { content: "\e05a" } .icon-sunny-1:before { content: "\e05b" } .icon-sun-set-rise:before { content: "\e05c" } .icon-sun-set:before { content: "\e05d" } .icon-sun-rise:before { content: "\e05e" } .icon-weathervane:before { content: "\e05f" } .icon-audio-list:before { content: "\e060" } .icon-audio-library:before { content: "\e061" } .icon-audio-note-eighth:before { content: "\e062" } .icon-audio-note:before { content: "\e063" } .icon-audio-not-quarter:before { content: "\e064" } .icon-audio-repeat:before { content: "\e065" } .icon-audio-repeat-one:before { content: "\e066" } .icon-audio-shuffle:before { content: "\e067" } .icon-audio-ff:before { content: "\e068" } .icon-audio-rw:before { content: "\e069" } .icon-list-items:before { content: "\e06a" } .icon-eject:before { content: "\e06b" } .icon-audio-stop:before { content: "\e06c" } .icon-audio-pause:before { content: "\e06d" } .icon-audio-play:before { content: "\e06e" } .icon-controls-vert:before { content: "\e06f" } .icon-volume-full:before { content: "\e070" } .icon-volume-mid:before { content: "\e071" } .icon-volume-low:before { content: "\e072" } .icon-volume-mute:before { content: "\e073" } .icon-disc:before { content: "\e074" } .icon-audio-record:before { content: "\e075" } .icon-speaker:before { content: "\e076" } .icon-audio-mic:before { content: "\e077" } .icon-headphones-wire:before { content: "\e078" } .icon-radio:before { content: "\e079" } .icon-binoculars:before { content: "\e07a" } .icon-roller:before { content: "\e07b" } .icon-comb:before { content: "\e07c" } .icon-brush:before { content: "\e07d" } .icon-scissors:before { content: "\e07e" } .icon-hammer:before { content: "\e07f" } .icon-protractor:before { content: "\e080" } .icon-ruler:before { content: "\e081" } .icon-pill:before { content: "\e082" } .icon-headphones:before { content: "\e083" } .icon-grid:before { content: "\e084" } .icon-flashlight-horiz:before { content: "\e085" } .icon-flashlight-vert:before { content: "\e086" } .icon-umbrella:before { content: "\e087" } .icon-television-mini:before { content: "\e088" } .icon-video-camera:before { content: "\e089" } .icon-gameboy:before { content: "\e08a" } .icon-joystick:before { content: "\e08b" } .icon-controller:before { content: "\e08c" } .icon-projector:before { content: "\e08d" } .icon-mouse:before { content: "\e08e" } .icon-monitor:before { content: "\e08f" } .icon-imac:before { content: "\e090" } .icon-phone-landscape:before { content: "\e091" } .icon-phone-portrait:before { content: "\e092" } .icon-floppy:before { content: "\e093" } .icon-search:before { content: "\e094" } .icon-camera:before { content: "\e095" } .icon-magnet:before { content: "\e096" } .icon-magic-wand:before { content: "\e097" } .icon-redo:before { content: "\e098" } .icon-undo:before { content: "\e099" } .icon-paint-brush:before { content: "\e09a" } .icon-bookmark:before { content: "\e09b" } .icon-trash:before { content: "\e09c" } .icon-trash-empty:before { content: "\e09d" } .icon-sort-up:before { content: "\e09e" } .icon-sort-down:before { content: "\e09f" } .icon-pen:before { content: "\e0a0" } .icon-pen-alt:before { content: "\e0a1" } .icon-pencil:before { content: "\e0a2" } .icon-pencil-alt:before { content: "\e0a3" } .icon-align-right:before { content: "\e0a4" } .icon-align-center:before { content: "\e0a5" } .icon-align-left:before { content: "\e0a6" } .icon-notebook:before { content: "\e0a7" } .icon-key:before { content: "\e0a8" } .icon-lock-open:before { content: "\e0a9" } .icon-lock-closed:before { content: "\e0aa" } .icon-account-circle:before { content: "\e0ab" } .icon-account-remove:before { content: "\e0ac" } .icon-account-success:before { content: "\e0ad" } .icon-account-minus:before { content: "\e0ae" } .icon-account-add:before { content: "\e0af" } .icon-account:before { content: "\e0b0" } .icon-bluetooth-pair:before { content: "\e0b1" } .icon-notification-badge:before { content: "\e0b2" } .icon-airplane:before { content: "\e0b3" } .icon-chip:before { content: "\e0b4" } .icon-toggle-on:before { content: "\e0b5" } .icon-toggle-off:before { content: "\e0b6" } .icon-controls-square:before { content: "\e0b7" } .icon-cog:before { content: "\e0b8" } .icon-cog-alt:before { content: "\e0b9" } .icon-wrench:before { content: "\e0ba" } .icon-duplicate-success:before { content: "\e0bb" } .icon-duplicate-remove:before { content: "\e0bc" } .icon-duplicate-minus:before { content: "\e0bd" } .icon-duplicate-add:before { content: "\e0be" } .icon-duplicate:before { content: "\e0bf" } .icon-share-alt:before { content: "\e0c0" } .icon-code:before { content: "\e0c1" } .icon-link:before { content: "\e0c2" } .icon-link-broken:before { content: "\e0c3" } .icon-flag:before { content: "\e0c4" } .icon-windows:before { content: "\e0c5" } .icon-slide-left:before { content: "\e0c6" } .icon-slide-right:before { content: "\e0c7" } .icon-slide-up:before { content: "\e0c8" } .icon-slide-down:before { content: "\e0c9" } .icon-warning:before { content: "\e0ca" } .icon-incoming:before { content: "\e0cb" } .icon-outgoing:before { content: "\e0cc" } .icon-eye-glasses:before { content: "\e0cd" } .icon-bug:before { content: "\e0ce" } .icon-server:before { content: "\e0cf" } .icon-cam:before { content: "\e0d0" } .icon-app-out:before { content: "\e0d1" } .icon-analytics:before { content: "\e0d2" } .icon-signal:before { content: "\e0d3" } .icon-browser-search:before { content: "\e0d4" } .icon-browser-close:before { content: "\e0d5" } .icon-browser-success:before { content: "\e0d6" } .icon-browser-add:before { content: "\e0d7" } .icon-browser-minus:before { content: "\e0d8" } .icon-browser:before { content: "\e0d9" } .icon-browser-tabs:before { content: "\e0da" } .icon-globe:before { content: "\e0db" } .icon-grid-dot:before { content: "\e0dc" } .icon-cone:before { content: "\e0dd" } .icon-location-current:before { content: "\e0de" } .icon-grid-square:before { content: "\e0df" } .icon-chevron-solid-square-right:before { content: "\e0e0" } .icon-chevron-solid-square-left:before { content: "\e0e1" } .icon-chevron-solid-square-up:before { content: "\e0e2" } .icon-chevron-solid-square-down:before { content: "\e0e3" } .icon-chevron-square-down:before { content: "\e0e4" } .icon-chevron-square-up:before { content: "\e0e5" } .icon-chevron-square-right-1:before { content: "\e0e6" } .icon-chevron-square-left:before { content: "\e0e7" } .icon-layout-full:before { content: "\e0e8" } .icon-layout-footer:before { content: "\e0e9" } .icon-layout-header:before { content: "\e0ea" } .icon-layout-row:before { content: "\e0eb" } .icon-layout-sidebar-right:before { content: "\e0ec" } .icon-layout-sidebar-left:before { content: "\e0ed" } .icon-layout-sidebar-right-row:before { content: "\e0ee" } .icon-layout-sidebar-left-row:before { content: "\e0ef" } .icon-layout-header-sidebar-right-row:before { content: "\e0f0" } .icon-layout-header-sidebar-left-row:before { content: "\e0f1" } .icon-layout-header-sidebar-right:before { content: "\e0f2" } .icon-layout-header-sidebar-left:before { content: "\e0f3" } .icon-layout-columns:before { content: "\e0f4" } .icon-layout-split:before { content: "\e0f5" } .icon-close-aquare:before { content: "\e0f6" } .icon-success-square:before { content: "\e0f7" } .icon-add-square:before { content: "\e0f8" } .icon-success-minus:before { content: "\e0f9" } .icon-expand-square:before { content: "\e0fa" } .icon-collapse-square:before { content: "\e0fb" } .icon-frame-sqaure:before { content: "\e0fc" } .icon-chicken-leg:before { content: "\e0fd" } .icon-cursor-drag-diag-left:before { content: "\e0fe" } .icon-cursor-drag-diag-right:before { content: "\e0ff" } .icon-cursor-drag-vert:before { content: "\e100" } .icon-cursor-drag-horiz:before { content: "\e101" } .icon-backspace:before { content: "\e102" } .icon-power:before { content: "\e103" } .icon-upload:before { content: "\e104" } .icon-download:before { content: "\e105" } .icon-eyeball:before { content: "\e106" } .icon-locations:before { content: "\e107" } .icon-home:before { content: "\e108" } .icon-save:before { content: "\e109" } .icon-share:before { content: "\e10a" } .icon-app-exit:before { content: "\e10b" } .icon-frame:before { content: "\e10c" } .icon-move:before { content: "\e10d" } .icon-collapse:before { content: "\e10e" } .icon-expand:before { content: "\e10f" } .icon-grow-vert:before { content: "\e110" } .icon-grow-horiz:before { content: "\e111" } .icon-chevron-down:before { content: "\e112" } .icon-chevron-right:before { content: "\e113" } .icon-chevron-up:before { content: "\e114" } .icon-chevron-left:before { content: "\e115" } .icon-bulls-eye:before { content: "\e116" } .icon-target:before { content: "\e117" } .icon-star:before { content: "\e118" } .icon-heart:before { content: "\e119" } .icon-circle:before { content: "\e11a" } .icon-check:before { content: "\e11b" } .icon-close:before { content: "\e11c" } .icon-minus:before { content: "\e11d" } .icon-add:before { content: "\e11e" } .icon-share-swoosh-right:before { content: "\e11f" } .icon-share-swoosh-left:before { content: "\e120" } .icon-more-horiz:before { content: "\e121" } .icon-apple-command:before { content: "\e122" } .icon-crop:before { content: "\e123" } .icon-bell:before { content: "\e124" } .icon-bell-alt:before { content: "\e125" } .icon-magnify:before { content: "\e126" } .icon-magnify-close:before { content: "\e127" } .icon-magnify-success:before { content: "\e128" } .icon-magnify-minus:before { content: "\e129" } .icon-magnify-plus:before { content: "\e12a" } .icon-time:before { content: "\e12b" } .icon-time-alt:before { content: "\e12c" } .icon-throttle:before { content: "\e12d" } .icon-do-not:before { content: "\e12e" } .icon-circle-check:before { content: "\e12f" } .icon-circle-close:before { content: "\e130" } .icon-circle-minus:before { content: "\e131" } .icon-circle-plus:before { content: "\e132" } .icon-circle-arrow-down:before { content: "\e133" } .icon-circle-arrow-right:before { content: "\e134" } .icon-circle-arrow-up:before { content: "\e135" } .icon-circle-arrow-left:before { content: "\e136" } .icon-circle-chevron-down:before { content: "\e137" } .icon-circle-chevron-right:before { content: "\e138" } .icon-circle-chevron-up:before { content: "\e139" } .icon-circle-chevron-left:before { content: "\e13a" } .icon-support:before { content: "\e13b" } .icon-arrow-down-left:before { content: "\e13c" } .icon-arrow-down-right:before { content: "\e13d" } .icon-arrow-up-right:before { content: "\e13e" } .icon-arrow-up-left:before { content: "\e13f" } .icon-arrow-down:before { content: "\e140" } .icon-arrow-right:before { content: "\e141" } .icon-arrow-up:before { content: "\e142" } .icon-arrow-left:before { content: "\e143" } .icon-popup-open:before { content: "\e144" } .icon-popup-close:before { content: "\e145" } .icon-medal:before { content: "\e146" } .icon-band-aid:before { content: "\e147" } .icon-health-kit:before { content: "\e148" } .icon-heart-rate:before { content: "\e149" } .icon-beaker:before { content: "\e14a" } .icon-pitch:before { content: "\e14b" } .icon-weights:before { content: "\e14c" } .icon-flag-alt:before { content: "\e14d" } .icon-medal-first:before { content: "\e14e" } .icon-award-ribbon:before { content: "\e14f" } .icon-medal-honor:before { content: "\e150" } .icon-medal-honor-first:before { content: "\e151" } .icon-award-cup:before { content: "\e152" } .icon-meter:before { content: "\e153" } .icon-steps:before { content: "\e154" } .icon-television:before { content: "\e155" } .icon-television-blank:before { content: "\e156" } .icon-mic-alt:before { content: "\e157" } .icon-football:before { content: "\e158" } .icon-baseball:before { content: "\e159" } .icon-basketball:before { content: "\e15a" } .icon-basketball-alt:before { content: "\e15b" } .icon-tennis:before { content: "\e15c" } .icon-bus:before { content: "\e15d" } .icon-truck:before { content: "\e15e" } .icon-trolly:before { content: "\e15f" } .icon-bike:before { content: "\e160" } .icon-boat-sail:before { content: "\e161" } .icon-boat-cruise:before { content: "\e162" } .icon-train-front:before { content: "\e163" } .icon-bus-front:before { content: "\e164" } .icon-car-front-alt:before { content: "\e165" } .icon-mountain-sun:before { content: "\e166" } .icon-mountain:before { content: "\e167" } .icon-road-sign:before { content: "\e168" } .icon-bush:before { content: "\e169" } .icon-tree:before { content: "\e16a" } .icon-leaf-1:before { content: "\e16b" } .icon-cigarrette:before { content: "\e16c" } .icon-cigarrette-none:before { content: "\e16d" } .icon-flower:before { content: "\e16e" } .icon-bulb:before { content: "\e16f" } .icon-lamp:before { content: "\e170" } .icon-lamp-alt:before { content: "\e171" } .icon-bedside-table:before { content: "\e172" } .icon-dressor:before { content: "\e173" } .icon-cabinet:before { content: "\e174" } .icon-love-seat:before { content: "\e175" } .icon-chair:before { content: "\e176" } .icon-bed:before { content: "\e177" } .icon-desk:before { content: "\e178" } .icon-console:before { content: "\e179" } .icon-tree-christmas:before { content: "\e17a" } .icon-door:before { content: "\e17b" } .icon-home-alt:before { content: "\e17c" } .icon-castle:before { content: "\e17d" } .icon-building-1:before { content: "\e17e" } .icon-building-2:before { content: "\e17f" } .icon-building-3:before { content: "\e180" } .icon-building-4:before { content: "\e181" } .icon-building-5:before { content: "\e182" } .icon-watch:before { content: "\e183" } .icon-time-square:before { content: "\e184" } .icon-date:before { content: "\e185" } .icon-stop-watch:before { content: "\e186" } .icon-alarm-clock:before { content: "\e187" } .icon-hour-glass:before { content: "\e188" } .icon-calendar:before { content: "\e189" } .icon-road-sign-alt:before { content: "\e18a" } .icon-map:before { content: "\e18b" } .icon-location-marker-minus:before { content: "\e18c" } .icon-location-markeradd:before { content: "\e18d" } .icon-location-marker:before { content: "\e18e" } .icon-location-marker-blank:before { content: "\e18f" } .icon-location-marker-check:before { content: "\e190" } .icon-route:before { content: "\e191" } .icon-compass:before { content: "\e192" } .icon-touch-double:before { content: "\e193" } .icon-touch-single:before { content: "\e194" } .icon-swipe-left:before { content: "\e195" } .icon-swip-right:before { content: "\e196" } .icon-touch:before { content: "\e197" } .icon-square-wifi:before { content: "\e198" } .icon-puzzle:before { content: "\e199" } .icon-male:before { content: "\e19a" } .icon-female:before { content: "\e19b" } .icon-globe-alt:before { content: "\e19c" } .icon-dice-1:before { content: "\e19d" } .icon-dice-2:before { content: "\e19e" } .icon-dice-3:before { content: "\e19f" } .icon-dice-4:before { content: "\e1a0" } .icon-dice-5:before { content: "\e1a1" } .icon-dice-6:before { content: "\e1a2" } .icon-face-happy:before { content: "\e1a3" } .icon-face-sad:before { content: "\e1a4" } .icon-cude:before { content: "\e1a5" } .icon-photo:before { content: "\e1a6" } .icon-book-1:before { content: "\e1a7" } .icon-newspaper:before { content: "\e1a8" } .icon-documents-add:before { content: "\e1a9" } .icon-documents-minus:before { content: "\e1aa" } .icon-documents:before { content: "\e1ab" } .icon-medium:before { content: "\e1ac" } .icon-media:before { content: "\e1ad" } .icon-media-library:before { content: "\e1ae" } .icon-camcorder:before { content: "\e1af" } .icon-film-strip:before { content: "\e1b0" } .icon-suit-case:before { content: "\e1b1" } .icon-inbox-full:before { content: "\e1b2" } .icon-inbox-empty:before { content: "\e1b3" } .icon-inbox-incoming:before { content: "\e1b4" } .icon-inbox-outgoing:before { content: "\e1b5" } .icon-layers:before { content: "\e1b6" } .icon-clipboard:before { content: "\e1b7" } .icon-clipboard-success:before { content: "\e1b8" } .icon-paperclip:before { content: "\e1b9" } .icon-paperclip-alt:before { content: "\e1ba" } .icon-compose:before { content: "\e1bb" } .icon-presentation-line-up:before { content: "\e1bc" } .icon-presentation-line-down:before { content: "\e1bd" } .icon-presentation-bar:before { content: "\e1be" } .icon-presentation:before { content: "\e1bf" } .icon-pie-chart:before { content: "\e1c0" } .icon-pie-chart-segement:before { content: "\e1c1" } .icon-organization:before { content: "\e1c2" } .icon-archive:before { content: "\e1c3" } .icon-envelope:before { content: "\e1c4" } .icon-print:before { content: "\e1c5" } .icon-thumb-tack:before { content: "\e1c6" } .icon-document-close:before { content: "\e1c7" } .icon-document-success:before { content: "\e1c8" } .icon-document-minus:before { content: "\e1c9" } .icon-document-add:before { content: "\e1ca" } .icon-document:before { content: "\e1cb" } .icon-document-blank:before { content: "\e1cc" } .icon-journal:before { content: "\e1cd" } .icon-article:before { content: "\e1ce" } .icon-megaphone:before { content: "\e1cf" } .icon-phone:before { content: "\e1d0" } .icon-mic-off:before { content: "\e1d1" } .icon-mic:before { content: "\e1d2" } .icon-paper-plane:before { content: "\e1d3" } .icon-feather:before { content: "\e1d4" } .icon-mail-alt:before { content: "\e1d5" } .icon-mail:before { content: "\e1d6" } .icon-mail-add:before { content: "\e1d7" } .icon-mail-minus:before { content: "\e1d8" } .icon-mail-success:before { content: "\e1d9" } .icon-mail-close:before { content: "\e1da" } .icon-mail-open:before { content: "\e1db" } .icon-chat-dialog:before { content: "\e1dc" } .icon-chat-more:before { content: "\e1dd" } .icon-chat:before { content: "\e1de" } .icon-chat-blank:before { content: "\e1df" } .icon-cow:before { content: "\e1e0" } .icon-rooster:before { content: "\e1e1" } .icon-chicken:before { content: "\e1e2" } .icon-cat:before { content: "\e1e3" } .icon-cat-alt:before { content: "\e1e4" } .icon-sheep:before { content: "\e1e5" } .icon-shrimp:before { content: "\e1e6" } .icon-frog:before { content: "\e1e7" } .icon-fish:before { content: "\e1e8" } .icon-dog:before { content: "\e1e9" } .icon-tiger:before { content: "\e1ea" } .icon-monkey-smile:before { content: "\e1eb" } .icon-monkey:before { content: "\e1ec" } .icon-doe:before { content: "\e1ed" } .icon-buck:before { content: "\e1ee" } .icon-pig:before { content: "\e1ef" } .icon-wolf:before { content: "\e1f0" } .icon-microsoft:before { content: "\e1f1" } .icon-square:before { content: "\e1f2" } .icon-squarespace:before { content: "\e1f3" } .icon-rdio:before { content: "\e1f4" } .icon-evernote:before { content: "\e1f5" } .icon-paypal:before { content: "\e1f6" } .icon-groove-shark:before { content: "\e1f7" } .icon-flicker:before { content: "\e1f8" } .icon-linkedin:before { content: "\e1f9" } .icon-amazon:before { content: "\e1fa" } .icon-vimeo:before { content: "\e1fb" } .icon-path:before { content: "\e1fc" } .icon-pinterest:before { content: "\e1fd" } .icon-dropbox:before { content: "\e1fe" } .icon-dribbble:before { content: "\e1ff" } .icon-instagram:before { content: "\e200" } .icon-facebook:before { content: "\e201" } .icon-twitter:before { content: "\e202" } .icon-zerply:before { content: "\e203" } .icon-folder:before { content: "\e204" } .icon-folder-add:before { content: "\e205" } .icon-folder-minus:before { content: "\e206" } .icon-folder-success:before { content: "\e207" } .icon-folder-close:before { content: "\e208" } .icon-filter:before { content: "\e209" } .icon-ice-cream:before { content: "\e20a" } .icon-receipt-dollar:before { content: "\e20b" } .icon-tag:before { content: "\e20c" } .icon-car:before { content: "\e20d" } .icon-identification:before { content: "\e20e" } .icon-film-roll:before { content: "\e20f" } .icon-tag-alt:before { content: "\e210" } .icon-checkbox-checked:before { content: "\e211" } .icon-checkbox:before { content: "\e212" } .icon-radio-field:before { content: "\e213" } .icon-radio-field-checked:before { content: "\e214" } .god-view-button { color: #8E9299; margin-right: 10px; font-size: 14px; font-weight: 600 } .inverse { background: #1c1c1c; color: #E3E3E6; animation: fadebg 0.6s } .inverse h1,.inverse h2,.inverse h3,.inverse h4,.inverse h5,.inverse a,.inverse p { color: #E3E3E6 } .app-bar.inverse { border-bottom: none } .app-bar.inverse .nav-tabs>.active>a,.app-bar.inverse .nav-tabs>li.active>a:hover { color: #E3E3E6 } .capture-list { position: relative; opacity: 1.0; animation: fadeopacitydelay 2.5s } .capture-item { position: absolute; background: black; cursor: pointer; width: 220px; height: 164px; opacity: 1; z-index: 1; display: inline-block; transition: 0.4s linear all } .capture-item.full-screen { width: 100%; height: 100%; position: absolute; top: 0 !important; left: 0 !important; z-index: 9999; transition: 0.4s linear all; opacity: 1 } .capture-item.full-screen video { border: 2px solid #111 } .capture-item.minimized { opacity: 0.0; transition: 0.4s linear all } @keyframes fadebg { 0% { background: inherit; color: inherit } 100% { background: #222A2E; color: #E3E3E6 } } @keyframes fadein { 0% { opacity: 0.0 } 100% { opacity: 1.0 } } @keyframes fadeopacitydelay { 0% { opacity: 0.0 } 50% { opacity: 0.0 } 100% { opacity: 1.0 } } .loading-overlay { display: none; position: fixed; z-index: 6000; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(245,246,247,0.95) } .loading-overlay .loading-indicator { position: absolute; top: 50%; left: 50%; height: 100px; width: 100px; margin-top: -50px; margin-left: -50px } body { background-color: #FAFAFA } *:focus { outline: 0 !important } .hidden { display: none } .invisible { visibility: hidden } .clickable { cursor: pointer } .button { box-shadow: 0 0 0 1px rgba(16,22,26,0.1),0 1px 3px rgba(16,22,26,0.2),0 4px 9px rgba(16,22,26,0.2) } .app-bar { z-index: 0 !important } .card-body { padding: 15px !important } .card-body strong,.card-body span,.card-body a { line-height: 19px } .pt-progress-bar { margin-top: 6px; height: 4px } .pt-button,.pt-input>input,.pt-select>select { border-radius: 0px !important } .pt-control.pt-switch input:checked ~ .pt-control-indicator { background-color: #FFBA08 } .pt-control.pt-switch:hover input:checked ~ .pt-control-indicator,.pt-control.pt-switch:hover input:checked:active ~ .pt-control-indicator { background-color: #F5B401 } .pt-toast-container.pt-toast-container-top.pt-toast-container-right { margin: -8px 0 0 !important; padding: 0 7px 7px !important } .pt-toast-message { padding: 13px } .pt-datepicker-month-select,.pt-datepicker-year-select { border: none !important } .pt-datepicker-caption-select>.pt-icon-standard { display: none !important } .event-chart .axis text { font-size: 11px; letter-spacing: 0.7px } .event-chart .axis path,.event-chart .axis>g.tick>line { color: #B4B8BF; stroke: #B4B8BF } .card-dark { background-color: #222A2E; color: #F5F6F7 } .real-time-card-labels { display: flex; list-style-type: none; padding-left: 0px; margin-left: 1em; margin-right: 1em; position: absolute; bottom: 0px; left: 0px; right: 0px } .real-time-card-labels li { flex: 1; text-align: center; font-weight: 600; font-size: 0.85em } .real-time-card-labels li:first-child { text-align: left } .real-time-card-labels li:last-child { text-align: right } .real-time-card-legend { position: absolute; top: 1.4em; right: 1em; font-size: 0.85em; font-weight: 600 } .real-time-card-legend .rect { display: inline-block; margin-left: 1em; margin-right: 0.8em } .real-time-card-legend .rect.rect-in { background-color: #3663E5 } .real-time-card-legend .rect.rect-out { background-color: #8e9299 } .graph-drift { font-family: 'Avenir Next', Helvetica, sans-serif } .graph-drift .axis .domain { display: none } .graph-drift .axis text { font-size: 1.5em; transform: translateY(-10px) } .graph-drift .axis-x .tick text { transform: translateY(0.5em) } .graph-drift .axis-x .tick line { stroke-dasharray: 0.5 5; stroke-linecap: round; stroke-width: 1.5px; stroke: #B4B8BF } .graph-drift .axis-y .tick line { display: none } .card-sensor { font-size: 0.95rem; cursor: pointer; height: 15em } .card-sensor .no-doorway { color: #B4B8BF } .card-sensor .timestamp-status { text-align: right } .card-sensor .timestamp-status .online-status { display: block } .card-sensor .timestamp-status .online-timestamp { color: #B4B8BF; font-size: 0.9em } .card-space .row-one { display: flex } .card-space .row-one h2 { font-size: 1.2em; margin-bottom: 0.1em; flex: 1 } .card-space .row-one .count { color: #3663E5; font-weight: 600; font-size: 1.4em } .card-space .row-one .count label { color: #B4B8BF; font-size: 0.65em; font-weight: normal; margin-right: 0.5em } .card-space .row-two { display: flex; color: #B4B8BF; font-size: 0.9em } .card-space .row-two .id { flex: 1 } .card-space .row-two .capacity:before { content: 'Capacity: ' } .card-space .doorway-list { display: flex; flex-direction: column; list-style-type: none; padding-left: 0; margin-bottom: 0 } .card-space .doorway-list .doorway-item { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; height: 4.2em; background-color: #F5F6F7; padding: 15px } .card-space .doorway-list .doorway-item:before { content: ' '; display: block; height: 1px; width: 100%; background: #E3E3E6; position: relative; top: -15px } .card-space .doorway-list .doorway-item:first-child:before { display: none } .card-space .doorway-list .doorway-item span.content { flex: 1; font-size: 0.9em } .card-space .doorway-list .doorway-item span.content .name { font-weight: 600 } .card-space .doorway-list .doorway-item span.content .name.disabled { color: #B4B8BF } .card-space .doorway-list .doorway-item span.content .last-event { display: block; margin-top: 0.75em; font-size: 0.9em } .card-space .doorway-list .doorway-item span.status { font-size: 0.8em; margin-top: 1em } .card-space .doorway-list .doorway-item span.status.status-offline { color: #FE6B6B } .card-space .doorway-list .doorway-item span.status:after { content: ' '; display: inline-block; line-height: 1em; background-color: #B4B8BF; vertical-align: middle; height: 8px; width: 8px; border-radius: 3em; margin-left: 1em } .card-space .doorway-list .doorway-item span.status.status-online:after { background-color: #81d135 } .card-space .doorway-list .doorway-item span.status.status-offline:after { background-color: #FE6B6B } .loading-indicator { width: 100%; margin-top: 10% } .loading-indicator h1 { text-align: center; display: block } .loading-indicator .funnies span { text-align: center; display: block } .loading-indicator .funnies .funnies-text { transition: opacity 250ms ease-in-out } .loading-indicator .funnies .funnies-text.funnies-enter { opacity: 0 } .loading-indicator .funnies .funnies-text.funnies-enter-active { opacity: 0 } .loading-indicator .funnies .funnies-text.funnies-leave { display: none } .loading-indicator .funnies .funnies-text.funnies-leave-active { opacity: 0 }