@blueprintjs/core
Version:
Core styles & components
1,175 lines (1,112 loc) • 268 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", "Icons16", sans-serif;
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", "Icons16", sans-serif;
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; }
: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-"]) {
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
background-color: #f5f8fa;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
color: #182026; }
.pt-button:not([class*="pt-intent-"]):hover {
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;
background-color: #ebf1f5; }
.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 {
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
background-color: #137cbd;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
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 {
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
background-color: #106ba3; }
.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 {
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
background-color: #0f9960;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
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 {
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
background-color: #0d8050; }
.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 {
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
background-color: #d9822b;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
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 {
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
background-color: #bf7326; }
.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 {
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
background-color: #db3737;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
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 {
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.4), inset 0 -1px 0 rgba(16, 22, 26, 0.2);
background-color: #c23030; }
.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-"]) {
box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
background-color: #394b59;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
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 {
box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
background-color: #30404d; }
.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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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; }
.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 {
color: #182026; }
a.pt-button.pt-disabled {
color: rgba(92, 112, 128, 0.5); }
.pt-select select {
display: inline-block;
border: none;
border-radius: 3px;
cursor: pointer;
padding: 0 10px;
vertical-align: middle;
font-size: 14px;
box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
background-color: #f5f8fa;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
color: #182026;
-webkit-appearance: none;
-moz-appearance: none;
border-radius: 3px;
height: 30px;
padding: 0 25px 0 10px; }
.pt-select select:hover {
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;
background-color: #ebf1f5; }
.pt-select select:active, .pt-select select.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-select select:disabled, .pt-select select.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-select select:disabled.pt-active, .pt-select select.pt-disabled.pt-active {
background: rgba(206, 217, 224, 0.7); }
.pt-select.pt-minimal select {
box-shadow: none;
background: none; }
.pt-select.pt-minimal select:hover {
box-shadow: none;
background: rgba(167, 182, 194, 0.3);
text-decoration: none;
color: #182026; }
.pt-select.pt-minimal select:active, .pt-select.pt-minimal select.pt-active {
box-shadow: none;
background: rgba(115, 134, 148, 0.3);
color: #182026; }
.pt-select.pt-minimal select:disabled, .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal select.pt-disabled:hover {
background: none;
cursor: not-allowed;
color: rgba(92, 112, 128, 0.5); }
.pt-dark .pt-select.pt-minimal select, .pt-select.pt-minimal .pt-dark select {
box-shadow: none;
background: none;
color: inherit; }
.pt-dark .pt-select.pt-minimal select:hover, .pt-select.pt-minimal .pt-dark select:hover, .pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active {
box-shadow: none;
background: none; }
.pt-dark .pt-select.pt-minimal select:hover, .pt-select.pt-minimal .pt-dark select:hover {
background: rgba(138, 155, 168, 0.15); }
.pt-dark .pt-select.pt-minimal select:active, .pt-select.pt-minimal .pt-dark select:active, .pt-dark .pt-select.pt-minimal select.pt-active, .pt-select.pt-minimal .pt-dark select.pt-active {
background: rgba(138, 155, 168, 0.3);
color: #f5f8fa; }
.pt-dark .pt-select.pt-minimal select:disabled, .pt-select.pt-minimal .pt-dark select:disabled, .pt-dark .pt-select.pt-minimal select:disabled:hover, .pt-select.pt-minimal .pt-dark select:disabled:hover, .pt-dark .pt-select.pt-minimal select.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-disabled, .pt-dark .pt-select.pt-minimal select.pt-disabled:hover, .pt-select.pt-minimal .pt-dark select.pt-disabled:hover {
background: none;
cursor: not-allowed;
color: rgba(191, 204, 214, 0.5); }
.pt-select.pt-minimal select.pt-intent-primary {
color: #106ba3; }
.pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active {
box-shadow: none;
background: none;
color: #106ba3; }
.pt-select.pt-minimal select.pt-intent-primary:hover {
background: rgba(19, 124, 189, 0.15);
color: #106ba3; }
.pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal select.pt-intent-primary.pt-active {
background: rgba(19, 124, 189, 0.3);
color: #106ba3; }
.pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal select.pt-intent-primary.pt-disabled {
background: none;
color: rgba(16, 107, 163, 0.5); }
.pt-select.pt-minimal select.pt-intent-primary .pt-button-spinner .pt-spinner-head {
stroke: #106ba3; }
.pt-dark .pt-select.pt-minimal select.pt-intent-primary, .pt-select.pt-minimal .pt-dark select.pt-intent-primary {
color: #48aff0; }
.pt-dark .pt-select.pt-minimal select.pt-intent-primary:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:hover {
background: rgba(19, 124, 189, 0.2);
color: #48aff0; }
.pt-dark .pt-select.pt-minimal select.pt-intent-primary:active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:active, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-active {
background: rgba(19, 124, 189, 0.3);
color: #48aff0; }
.pt-dark .pt-select.pt-minimal select.pt-intent-primary:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-primary.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-primary.pt-disabled {
background: none;
color: rgba(72, 175, 240, 0.5); }
.pt-select.pt-minimal select.pt-intent-success {
color: #0d8050; }
.pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active {
box-shadow: none;
background: none;
color: #0d8050; }
.pt-select.pt-minimal select.pt-intent-success:hover {
background: rgba(15, 153, 96, 0.15);
color: #0d8050; }
.pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal select.pt-intent-success.pt-active {
background: rgba(15, 153, 96, 0.3);
color: #0d8050; }
.pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal select.pt-intent-success.pt-disabled {
background: none;
color: rgba(13, 128, 80, 0.5); }
.pt-select.pt-minimal select.pt-intent-success .pt-button-spinner .pt-spinner-head {
stroke: #0d8050; }
.pt-dark .pt-select.pt-minimal select.pt-intent-success, .pt-select.pt-minimal .pt-dark select.pt-intent-success {
color: #3dcc91; }
.pt-dark .pt-select.pt-minimal select.pt-intent-success:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-success:hover {
background: rgba(15, 153, 96, 0.2);
color: #3dcc91; }
.pt-dark .pt-select.pt-minimal select.pt-intent-success:active, .pt-select.pt-minimal .pt-dark select.pt-intent-success:active, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-active {
background: rgba(15, 153, 96, 0.3);
color: #3dcc91; }
.pt-dark .pt-select.pt-minimal select.pt-intent-success:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-success.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-success.pt-disabled {
background: none;
color: rgba(61, 204, 145, 0.5); }
.pt-select.pt-minimal select.pt-intent-warning {
color: #bf7326; }
.pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active {
box-shadow: none;
background: none;
color: #bf7326; }
.pt-select.pt-minimal select.pt-intent-warning:hover {
background: rgba(217, 130, 43, 0.15);
color: #bf7326; }
.pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal select.pt-intent-warning.pt-active {
background: rgba(217, 130, 43, 0.3);
color: #bf7326; }
.pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal select.pt-intent-warning.pt-disabled {
background: none;
color: rgba(191, 115, 38, 0.5); }
.pt-select.pt-minimal select.pt-intent-warning .pt-button-spinner .pt-spinner-head {
stroke: #bf7326; }
.pt-dark .pt-select.pt-minimal select.pt-intent-warning, .pt-select.pt-minimal .pt-dark select.pt-intent-warning {
color: #ffb366; }
.pt-dark .pt-select.pt-minimal select.pt-intent-warning:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:hover {
background: rgba(217, 130, 43, 0.2);
color: #ffb366; }
.pt-dark .pt-select.pt-minimal select.pt-intent-warning:active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:active, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-active {
background: rgba(217, 130, 43, 0.3);
color: #ffb366; }
.pt-dark .pt-select.pt-minimal select.pt-intent-warning:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-warning.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-warning.pt-disabled {
background: none;
color: rgba(255, 179, 102, 0.5); }
.pt-select.pt-minimal select.pt-intent-danger {
color: #c23030; }
.pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active {
box-shadow: none;
background: none;
color: #c23030; }
.pt-select.pt-minimal select.pt-intent-danger:hover {
background: rgba(219, 55, 55, 0.15);
color: #c23030; }
.pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal select.pt-intent-danger.pt-active {
background: rgba(219, 55, 55, 0.3);
color: #c23030; }
.pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal select.pt-intent-danger.pt-disabled {
background: none;
color: rgba(194, 48, 48, 0.5); }
.pt-select.pt-minimal select.pt-intent-danger .pt-button-spinner .pt-spinner-head {
stroke: #c23030; }
.pt-dark .pt-select.pt-minimal select.pt-intent-danger, .pt-select.pt-minimal .pt-dark select.pt-intent-danger {
color: #ff7373; }
.pt-dark .pt-select.pt-minimal select.pt-intent-danger:hover, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:hover {
background: rgba(219, 55, 55, 0.2);
color: #ff7373; }
.pt-dark .pt-select.pt-minimal select.pt-intent-danger:active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:active, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-active, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-active {
background: rgba(219, 55, 55, 0.3);
color: #ff7373; }
.pt-dark .pt-select.pt-minimal select.pt-intent-danger:disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger:disabled, .pt-dark .pt-select.pt-minimal select.pt-intent-danger.pt-disabled, .pt-select.pt-minimal .pt-dark select.pt-intent-danger.pt-disabled {
background: none;
color: rgba(255, 115, 115, 0.5); }
.pt-select.pt-large select {
height: 40px;
padding-right: 35px;
font-size: 16px; }
.pt-dark .pt-select select {
box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
background-color: #394b59;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0));
color: #f5f8fa; }
.pt-dark .pt-select select:hover, .pt-dark .pt-select select:active, .pt-dark .pt-select select.pt-active {
color: #f5f8fa; }
.pt-dark .pt-select select:hover {
box-shadow: 0 0 0 1px rgba(16, 22, 26, 0.4);
background-color: #30404d; }
.pt-dark .pt-select select:active, .pt-dark .pt-select select.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-select select:disabled, .pt-dark .pt-select select.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-select select:disabled.pt-active, .pt-dark .pt-select select.pt-disabled.pt-active {
background: rgba(57, 75, 89, 0.7); }
.pt-dark .pt-select select .pt-button-spinner .pt-spinner-head {
background: rgba(16, 22, 26, 0.5);
stroke: #8a9ba8; }
.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-disabled.pt-select::after {
color: rgba(92, 112, 128, 0.5); }
.pt-button-group {
display: -webkit-inline-flex;
display: inline-flex;
}
.pt-button-group .pt-button {
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
position: relative;
z-index: 4; }
.pt-button-group .pt-button:focus {
z-index: 5; }
.pt-button-group .pt-button:hover {
z-index: 6; }
.pt-button-group .pt-button:active, .pt-button-group .pt-button.pt-active {
z-index: 7; }
.pt-button-group .pt-button:disabled, .pt-button-group .pt-button.pt-disabled {
z-index: 3; }
.pt-button-group .pt-button[class*="pt-intent-"] {
z-index: 9; }
.pt-button-group .pt-button[class*="pt-intent-"]:focus {
z-index: 10; }
.pt-button-group .pt-button[class*="pt-intent-"]:hover {
z-index: 11; }
.pt-button-group .pt-button[class*="pt-intent-"]:active, .pt-button-group .pt-button[class*="pt-intent-"].pt-active {
z-index: 12; }
.pt-button-group .pt-button[class*="pt-intent-"]:disabled, .pt-button-group .pt-button[class*="pt-intent-"].pt-disabled {
z-index: 8; }
.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 {
box-shadow: none;
background: none;
margin-right: 11px;
border-radius: 3px !important;
overflow: visible; }
.pt-button-group.pt-minimal .pt-button:hover {
box-shadow: none;
background: rgba(167, 182, 194, 0.3);
text-decoration: none;
color: #182026; }
.pt-button-group.pt-minimal .pt-button:active, .pt-button-group.pt-minimal .pt-button.pt-active {
box-shadow: none;
background: rgba(115, 134, 148, 0.3);
color: #182026; }
.pt-button-group.pt-minimal .pt-button:disabled, .pt-button-group.pt-minimal .pt-button:disabled:hover, .pt-button-group.pt-minimal .pt-button.pt-disabled, .pt-button-group.pt-minimal .pt-button.pt-disabled:hover {
background: none;
cursor: not-allowed;
color: rgba(92, 112, 128, 0.5); }
.pt-dark .pt-button-group.pt-minimal .pt-button {
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 {
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 {
background: rgba(138, 155, 168, 0.3);
color: #f5f8fa; }
.pt-dark .pt-button-group.pt-minimal .pt-button:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button:disabled:hover, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-disabled:hover {
background: none;
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-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);
color: #106ba3; }
.pt-button-group.pt-minimal .pt-button.pt-intent-primary: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-button.pt-intent-primary.pt-disabled {
background: none;
color: rgba(16, 107, 163, 0.5); }
.pt-button-group.pt-minimal .pt-button.pt-intent-primary .pt-button-spinner .pt-spinner-head {
stroke: #106ba3; }
.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary {
color: #48aff0; }
.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:hover {
background: rgba(19, 124, 189, 0.2);
color: #48aff0; }
.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-active {
background: rgba(19, 124, 189, 0.3);
color: #48aff0; }
.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-primary.pt-disabled {
background: none;
color: rgba(72, 175, 240, 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-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);
color: #0d8050; }
.pt-button-group.pt-minimal .pt-button.pt-intent-success: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-button.pt-intent-success.pt-disabled {
background: none;
color: rgba(13, 128, 80, 0.5); }
.pt-button-group.pt-minimal .pt-button.pt-intent-success .pt-button-spinner .pt-spinner-head {
stroke: #0d8050; }
.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success {
color: #3dcc91; }
.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:hover {
background: rgba(15, 153, 96, 0.2);
color: #3dcc91; }
.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-active {
background: rgba(15, 153, 96, 0.3);
color: #3dcc91; }
.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-success.pt-disabled {
background: none;
color: rgba(61, 204, 145, 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-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);
color: #bf7326; }
.pt-button-group.pt-minimal .pt-button.pt-intent-warning: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-button.pt-intent-warning.pt-disabled {
background: none;
color: rgba(191, 115, 38, 0.5); }
.pt-button-group.pt-minimal .pt-button.pt-intent-warning .pt-button-spinner .pt-spinner-head {
stroke: #bf7326; }
.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning {
color: #ffb366; }
.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:hover {
background: rgba(217, 130, 43, 0.2);
color: #ffb366; }
.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:active, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-active {
background: rgba(217, 130, 43, 0.3);
color: #ffb366; }
.pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning:disabled, .pt-dark .pt-button-group.pt-minimal .pt-button.pt-intent-warning.pt-disabled {
background: none;
color: rgba(25