@blueprintjs/core
Version:
Core styles & components
2,001 lines (1,549 loc) • 275 kB
CSS
@charset "UTF-8";
/**
* Copyright 2015 Palantir Technologies, Inc. All rights reserved.
* Licensed under the BSD-3 License as modified (the “License”); you may obtain a copy
* of the license at https://github.com/palantir/blueprint/blob/master/LICENSE
* and https://github.com/palantir/blueprint/blob/master/PATENTS
*/
html {
-moz-box-sizing: border-box;
box-sizing: border-box; }
*,
*::before,
*::after {
-moz-box-sizing: inherit;
box-sizing: inherit; }
@font-face {
font-family: "Icons16";
font-style: normal;
font-weight: normal;
src: url("../resources/icons/icons-16.eot?#iefix") format("embedded-opentype"), url("../resources/icons/icons-16.woff") format("woff"), url("../resources/icons/icons-16.ttf") format("truetype"); }
@font-face {
font-family: "Icons20";
font-style: normal;
font-weight: normal;
src: url("../resources/icons/icons-20.eot?#iefix") format("embedded-opentype"), url("../resources/icons/icons-20.woff") format("woff"), url("../resources/icons/icons-20.ttf") format("truetype"); }
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 {
margin-top: 40px;
margin-bottom: 20px; }
.pt-running-text h2 {
margin-top: 40px;
margin-bottom: 20px; }
.pt-running-text h3 {
margin-top: 40px;
margin-bottom: 20px; }
.pt-running-text h4 {
margin-top: 40px;
margin-bottom: 20px; }
.pt-running-text h5 {
margin-top: 40px;
margin-bottom: 20px; }
.pt-running-text h6 {
margin-top: 40px;
margin-bottom: 20px; }
.pt-running-text-small {
line-height: 1.5;
font-size: 14px; }
p {
margin: 0 0 10px;
padding: 0; }
a {
text-decoration: none;
color: #106ba3; }
a:hover {
cursor: pointer;
text-decoration: underline;
color: #106ba3; }
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: #48aff0; }
.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;
font-size: 13px;
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; }
.pt-icon.pt-intent-primary, .pt-icon-standard.pt-intent-primary, .pt-icon-large.pt-intent-primary {
color: #137cbd; }
.pt-icon.pt-intent-success, .pt-icon-standard.pt-intent-success, .pt-icon-large.pt-intent-success {
color: #0f9960; }
.pt-icon.pt-intent-warning, .pt-icon-standard.pt-intent-warning, .pt-icon-large.pt-intent-warning {
color: #d9822b; }
.pt-icon.pt-intent-danger, .pt-icon-standard.pt-intent-danger, .pt-icon-large.pt-intent-danger {
color: #db3737; }
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-mobile-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-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-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-icon-key-tab::before {
content: ""; }
.pt-icon-regression-chart::before {
content: ""; }
.pt-icon-translate::before {
content: ""; }
.pt-icon-eye-on::before {
content: ""; }
.pt-icon-vertical-bar-chart-asc::before {
content: ""; }
.pt-icon-horizontal-bar-chart-asc::before {
content: ""; }
.pt-icon-grouped-bar-chart::before {
content: ""; }
.pt-icon-full-stacked-chart::before {
content: ""; }
.pt-icon-endorsed::before {
content: ""; }
.pt-icon-follower::before {
content: ""; }
.pt-icon-following::before {
content: ""; }
.pt-icon-menu::before {
content: ""; }
.pt-icon-collapse-all::before {
content: ""; }
.pt-icon-expand-all::before {
content: ""; }
.pt-icon-intersection::before {
content: ""; }
.pt-icon-blocked-person::before {
content: ""; }
.pt-icon-slash::before {
content: ""; }
.pt-icon-percentage::before {
content: ""; }
:focus {
outline: rgba(19, 124, 189, 0.5) auto 2px;
outline-offset: 2px;
-moz-outline-radius: 6px; }
.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: -webkit-flex;
display: flex; }
.pt-alert-body .pt-icon {
margin-right: 20px;
font-size: 40px; }
.pt-alert-footer {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row-reverse;
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 {
display: inline-block;
border: none;
border-radius: 3px;
cursor: pointer;
padding: 0 10px;
vertical-align: middle;
font-size: 14px;
min-width: 30px;
min-height: 30px;
line-height: 30px;
}
.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, #ffffff, rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #f5f8fa;
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
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 #ebf1f5;
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
background-clip: padding-box; }
.pt-button:not([class*="pt-intent-"]):active, .pt-button:not([class*="pt-intent-"]).pt-active {
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 1px 2px rgba(16, 22, 26, 0.2);
background-color: #d8e1e8;
background-image: none; }
.pt-button:not([class*="pt-intent-"]):disabled, .pt-button:not([class*="pt-intent-"]).pt-disabled {
outline: none;
box-shadow: none;
background-color: rgba(206, 217, 224, 0.5);
background-image: none;
cursor: not-allowed;
color: rgba(92, 112, 128, 0.5); }
.pt-button:not([class*="pt-intent-"]):disabled.pt-active, .pt-button:not([class*="pt-intent-"]).pt-disabled.pt-active {
background: rgba(206, 217, 224, 0.7); }
.pt-button.pt-intent-primary {
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;
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
color: #ffffff; }
.pt-button.pt-intent-primary:hover, .pt-button.pt-intent-primary:active, .pt-button.pt-intent-primary.pt-active {
color: #ffffff; }
.pt-button.pt-intent-primary:hover {
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;
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); }
.pt-button.pt-intent-primary:active, .pt-button.pt-intent-primary.pt-active {
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
background-color: #0e5a8a;
background-image: none; }
.pt-button.pt-intent-primary:disabled, .pt-button.pt-intent-primary.pt-disabled {
border-color: transparent;
box-shadow: none;
background-color: rgba(19, 124, 189, 0.5);
background-image: none;
color: rgba(255, 255, 255, 0.6); }
.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;
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
color: #ffffff; }
.pt-button.pt-intent-success:hover, .pt-button.pt-intent-success:active, .pt-button.pt-intent-success.pt-active {
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: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); }
.pt-button.pt-intent-success:active, .pt-button.pt-intent-success.pt-active {
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
background-color: #0a6640;
background-image: none; }
.pt-button.pt-intent-success:disabled, .pt-button.pt-intent-success.pt-disabled {
border-color: transparent;
box-shadow: none;
background-color: rgba(15, 153, 96, 0.5);
background-image: none;
color: rgba(255, 255, 255, 0.6); }
.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;
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
color: #ffffff; }
.pt-button.pt-intent-warning:hover, .pt-button.pt-intent-warning:active, .pt-button.pt-intent-warning.pt-active {
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: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); }
.pt-button.pt-intent-warning:active, .pt-button.pt-intent-warning.pt-active {
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
background-color: #a66321;
background-image: none; }
.pt-button.pt-intent-warning:disabled, .pt-button.pt-intent-warning.pt-disabled {
border-color: transparent;
box-shadow: none;
background-color: rgba(217, 130, 43, 0.5);
background-image: none;
color: rgba(255, 255, 255, 0.6); }
.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;
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
color: #ffffff; }
.pt-button.pt-intent-danger:hover, .pt-button.pt-intent-danger:active, .pt-button.pt-intent-danger.pt-active {
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: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2); }
.pt-button.pt-intent-danger:active, .pt-button.pt-intent-danger.pt-active {
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2);
background-color: #a82a2a;
background-image: none; }
.pt-button.pt-intent-danger:disabled, .pt-button.pt-intent-danger.pt-disabled {
border-color: transparent;
box-shadow: none;
background-color: rgba(219, 55, 55, 0.5);
background-image: none;
color: rgba(255, 255, 255, 0.6); }
.pt-button[class*="pt-intent-"] .pt-button-spinner .pt-spinner-head {
stroke: #ffffff; }
.pt-button.pt-loading {
position: relative; }
.pt-button.pt-loading[class*="pt-icon-"]::before {
visibility: hidden; }
.pt-button.pt-loading .pt-button-spinner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.pt-button.pt-loading > :not(.pt-button-spinner) {
visibility: hidden; }
.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: #394b59;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #394b59;
box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
color: #f5f8fa; }
.pt-dark .pt-button:not([class*="pt-intent-"]):hover, .pt-dark .pt-button:not([class*="pt-intent-"]):active, .pt-dark .pt-button:not([class*="pt-intent-"]).pt-active {
color: #f5f8fa; }
.pt-dark .pt-button:not([class*="pt-intent-"]):hover {
background: #30404d;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)) left no-repeat, center no-repeat #30404d;
box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); }
.pt-dark .pt-button:not([class*="pt-intent-"]):active, .pt-dark .pt-button:not([class*="pt-intent-"]).pt-active {
box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.6), inset 0 1px 2px rgba(16, 22, 26, 0.2);
background-color: #202b33;
background-image: none; }
.pt-dark .pt-button:not([class*="pt-intent-"]):disabled, .pt-dark .pt-button:not([class*="pt-intent-"]).pt-disabled {
box-shadow: none;
background-color: rgba(57, 75, 89, 0.5);
background-image: none;
color: rgba(191, 204, 214, 0.5); }
.pt-dark .pt-button:not([class*="pt-intent-"]):disabled.pt-active, .pt-dark .pt-button:not([class*="pt-intent-"]).pt-disabled.pt-active {
background: rgba(57, 75, 89, 0.7); }
.pt-dark .pt-button:not([class*="pt-intent-"]) .pt-button-spinner .pt-spinner-head {
background: rgba(16, 22, 26, 0.5);
stroke: #8a9ba8; }
.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-"] {
box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); }
.pt-dark .pt-button[class*="pt-intent-"]:hover {
box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4); }
.pt-dark .pt-button[class*="pt-intent-"]:active, .pt-dark .pt-button[class*="pt-intent-"].pt-active {
box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 1px 2px rgba(16, 22, 26, 0.2); }
.pt-dark .pt-button[class*="pt-intent-"]:disabled, .pt-dark .pt-button[class*="pt-intent-"].pt-disabled {
box-shadow: none;
background-image: none;
color: rgba(255, 255, 255, 0.3); }
.pt-dark .pt-button[class*="pt-intent-"] .pt-button-spinner .pt-spinner-head {
stroke: #8a9ba8; }
.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:disabled .pt-icon-standard, .pt-button:disabled .pt-icon-large, .pt-button.pt-disabled .pt-icon, .pt-button.pt-disabled .pt-icon-standard, .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 {
box-shadow: none;
background: none; }
.pt-button.pt-minimal:hover, .pt-button.pt-minimal:focus {
box-shadow: none;
background: rgba(167, 182, 194, 0.3);
text-decoration: none;
color: #182026; }
.pt-button.pt-minimal:active, .pt-button.pt-minimal.pt-active {
box-shadow: none;
background: rgba(115, 134, 148, 0.3);
color: #182026; }
.pt-button.pt-minimal:disabled, .pt-button.pt-minimal:disabled:hover, .pt-button.pt-minimal.pt-disabled, .pt-button.pt-minimal.pt-disabled:hover {
background: none;
cursor: not-allowed;
color: rgba(92, 112, 128, 0.5); }
.pt-dark .pt-button.pt-minimal {
box-shadow: none;
background: none;
color: inherit; }
.pt-dark .pt-button.pt-minimal:hover, .pt-dark .pt-button.pt-minimal:active, .pt-dark .pt-button.pt-minimal.pt-active {
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-button.pt-minimal.pt-active {
background: rgba(138, 155, 168, 0.3);
color: #f5f8fa; }
.pt-dark .pt-button.pt-minimal:disabled, .pt-dark .pt-button.pt-minimal:disabled:hover, .pt-dark .pt-button.pt-minimal.pt-disabled, .pt-dark .pt-button.pt-minimal.pt-disabled:hover {
background: none;
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-button.pt-minimal.pt-intent-primary.pt-active {
box-shadow: none;
background: none;
color: #106ba3; }
.pt-button.pt-minimal.pt-intent-primary:hover, .pt-button.pt-minimal.pt-intent-primary:focus {
background: rgba(19, 124, 189, 0.15);
color: #106ba3; }
.pt-button.pt-minimal.pt-intent-primary: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-button.pt-minimal.pt-intent-primary.pt-disabled {
background: none;
color: rgba(16, 107, 163, 0.5); }
.pt-button.pt-minimal.pt-intent-primary .pt-button-spinner .pt-spinner-head {
stroke: #106ba3; }
.pt-dark .pt-button.pt-minimal.pt-intent-primary {
color: #48aff0; }
.pt-dark .pt-button.pt-minimal.pt-intent-primary:hover, .pt-dark .pt-button.pt-minimal.pt-intent-primary:focus {
background: rgba(19, 124, 189, 0.2);
color: #48aff0; }
.pt-dark .pt-button.pt-minimal.pt-intent-primary:active, .pt-dark .pt-button.pt-minimal.pt-intent-primary.pt-active {
background: rgba(19, 124, 189, 0.3);
color: #48aff0; }
.pt-dark .pt-button.pt-minimal.pt-intent-primary:disabled, .pt-dark .pt-button.pt-minimal.pt-intent-primary.pt-disabled {
background: none;
color: rgba(72, 175, 240, 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-button.pt-minimal.pt-intent-success.pt-active {
box-shadow: none;
background: none;
color: #0d8050; }
.pt-button.pt-minimal.pt-intent-success:hover, .pt-button.pt-minimal.pt-intent-success:focus {
background: rgba(15, 153, 96, 0.15);
color: #0d8050; }
.pt-button.pt-minimal.pt-intent-success: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-button.pt-minimal.pt-intent-success.pt-disabled {
background: none;
color: rgba(13, 128, 80, 0.5); }
.pt-button.pt-minimal.pt-intent-success .pt-button-spinner .pt-spinner-head {
stroke: #0d8050; }
.pt-dark .pt-button.pt-minimal.pt-intent-success {
color: #3dcc91; }
.pt-dark .pt-button.pt-minimal.pt-intent-success:hover, .pt-dark .pt-button.pt-minimal.pt-intent-success:focus {
background: rgba(15, 153, 96, 0.2);
color: #3dcc91; }
.pt-dark .pt-button.pt-minimal.pt-intent-success:active, .pt-dark .pt-button.pt-minimal.pt-intent-success.pt-active {
background: rgba(15, 153, 96, 0.3);
color: #3dcc91; }
.pt-dark .pt-button.pt-minimal.pt-intent-success:disabled, .pt-dark .pt-button.pt-minimal.pt-intent-success.pt-disabled {
background: none;
color: rgba(61, 204, 145, 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-button.pt-minimal.pt-intent-warning.pt-active {
box-shadow: none;
background: none;
color: #bf7326; }
.pt-button.pt-minimal.pt-intent-warning:hover, .pt-button.pt-minimal.pt-intent-warning:focus {
background: rgba(217, 130, 43, 0.15);
color: #bf7326; }
.pt-button.pt-minimal.pt-intent-warning: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-button.pt-minimal.pt-intent-warning.pt-disabled {
background: none;
color: rgba(191, 115, 38, 0.5); }
.pt-button.pt-minimal.pt-intent-warning .pt-button-spinner .pt-spinner-head {
stroke: #bf7326; }
.pt-dark .pt-button.pt-minimal.pt-intent-warning {
color: #ffb366; }
.pt-dark .pt-button.pt-minimal.pt-intent-warning:hover, .pt-dark .pt-button.pt-minimal.pt-intent-warning:focus {
background: rgba(217, 130, 43, 0.2);
color: #ffb366; }
.pt-dark .pt-button.pt-minimal.pt-intent-warning:active, .pt-dark .pt-button.pt-minimal.pt-intent-warning.pt-active {
background: rgba(217, 130, 43, 0.3);
color: #ffb366; }
.pt-dark .pt-button.pt-minimal.pt-intent-warning:disabled, .pt-dark .pt-button.pt-minimal.pt-intent-warning.pt-disabled {
background: none;
color: rgba(255, 179, 102, 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-button.pt-minimal.pt-intent-danger.pt-active {
box-shadow: none;
background: none;
color: #c23030; }
.pt-button.pt-minimal.pt-intent-danger:hover, .pt-button.pt-minimal.pt-intent-danger:focus {
background: rgba(219, 55, 55, 0.15);
color: #c23030; }
.pt-button.pt-minimal.pt-intent-danger: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-button.pt-minimal.pt-intent-danger.pt-disabled {
background: none;
color: rgba(194, 48, 48, 0.5); }
.pt-button.pt-minimal.pt-intent-danger .pt-button-spinner .pt-spinner-head {
stroke: #c23030; }
.pt-dark .pt-button.pt-minimal.pt-intent-danger {
color: #ff7373; }
.pt-dark .pt-button.pt-minimal.pt-intent-danger:hover, .pt-dark .pt-button.pt-minimal.pt-intent-danger:focus {
background: rgba(219, 55, 55, 0.2);
color: #ff7373; }
.pt-dark .pt-button.pt-minimal.pt-intent-danger:active, .pt-dark .pt-button.pt-minimal.pt-intent-danger.pt-active {
background: rgba(219, 55, 55, 0.3);
color: #ff7373; }
.pt-dark .pt-button.pt-minimal.pt-intent-danger:disabled, .pt-dark .pt-button.pt-minimal.pt-intent-danger.pt-disabled {
background: none;
color: rgba(255, 115, 115, 0.5); }
.pt-button.pt-large,
.pt-large .pt-button {
min-width: 40px;
min-height: 40px;
line-height: 40px;
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.pt-small,
.pt-small .pt-button {
min-width: 24px;
min-height: 24px;
line-height: 24px;
padding: 0 7px;
font-size: 12px; }
.pt-button.pt-small[class*="pt-icon-"]::before,
.pt-button.pt-small .pt-icon, .pt-button.pt-small .pt-icon-standard, .pt-button.pt-small