UNPKG

@blueprintjs/core

Version:
1,175 lines (1,112 loc) 268 kB
@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