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
}