@gooddata/react-components/styles/css/measureNumberFormat.css

GoodData.UI - A powerful JavaScript library for building analytical applications

meta.foundation-version {
  font-family: "/5.5.3/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0; }

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.0625em)/";
  width: 40.0625em; }

meta.foundation-mq-medium-only {
  font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/";
  width: 40.0625em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.0625em)/";
  width: 64.0625em; }

meta.foundation-mq-large-only {
  font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/";
  width: 64.0625em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.0625em)/";
  width: 90.0625em; }

meta.foundation-mq-xlarge-only {
  font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/";
  width: 90.0625em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.0625em)/";
  width: 120.0625em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

.gd-measure-number-format-dropdown-body {
  padding: 5px 0; }
  .gd-measure-number-format-dropdown-body .gd-format-preset {
    width: 200px;
    padding: 2.5px 10px; }
    .gd-measure-number-format-dropdown-body .gd-format-preset > .gd-format-preset-name {
      margin-left: 5px; }
    .gd-measure-number-format-dropdown-body .gd-format-preset > .gd-format-preset-preview {
      color: #b0beca;
      font-weight: normal;
      margin-right: 5px;
      text-align: right; }

.gd-measure-custom-format-dialog-body {
  display: flex;
  flex-direction: column;
  width: 250px;
  height: inherit;
  font-size: 12px; }
  .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-header {
    flex: 0 0 auto;
    padding: 10px 12px;
    background-color: #ebeff4;
    border-bottom: 1px solid #dde4eb; }
    .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-header > span {
      color: #94a1ad;
      text-transform: uppercase;
      font-size: 11px;
      font-weight: bold; }
  .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content {
    flex: 0 0 auto;
    padding: 4px 12px 10px; }
    .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-custom-format-dialog-section {
      margin-top: 4px; }
    .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-custom-format-dialog-section-title {
      display: flex;
      justify-content: space-between; }
    .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-custom-format-dialog-section-help > a {
      text-decoration: initial; }
    .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-custom-format-dialog-section-preview {
      margin-top: 5px; }
    .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-custom-format-dialog-preview {
      display: flex;
      flex-flow: row;
      line-height: 28px; }
      .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-custom-format-dialog-preview .gd-measure-custom-format-dialog-preview-input {
        flex: 0 0 42%; }
      .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-custom-format-dialog-preview .gd-measure-custom-format-dialog-preview-string {
        box-sizing: border-box;
        flex: 0 0 58%;
        padding-left: 8px;
        font-weight: bold; }
    .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-format-button {
      display: flex;
      outline: none;
      color: #94a1ad;
      cursor: pointer;
      user-select: none; }
      .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-format-button:hover {
        color: #464e56; }
      .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-format-button:hover > span {
        text-decoration: underline; }
      .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-format-button .gd-measure-format-button-icon-left {
        margin-right: 4px; }
      .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-format-button .gd-measure-format-button-icon-right {
        margin-left: 4px; }
      .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-format-button.hidden {
        display: none; }
    .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-format-button-templates {
      color: #14b2e2; }
      .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-format-button-templates:hover {
        color: #0c6884; }
    .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-format-template-preview {
      position: relative; }
      .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content .gd-measure-format-template-preview .gd-measure-format-template-preview-bubble {
        position: absolute; }
    .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-content textarea {
      height: 100px;
      resize: none; }
  .gd-measure-custom-format-dialog-body .gd-measure-format-extended-preview {
    margin-top: 5px; }
  .gd-measure-custom-format-dialog-body .gd-measure-custom-format-dialog-footer {
    flex: 0 0 auto;
    margin: 0 10px;
    padding: 10px 0;
    border-top: 1px solid #dde4eb;
    text-align: right; }

.gd-measure-format-extended-preview-row {
  display: flex;
  line-height: 20px; }

.gd-measure-format-extended-preview-number {
  flex: 0 0 42%; }

.gd-measure-format-extended-preview-formatted {
  box-sizing: border-box;
  flex: 0 0 58%;
  padding-left: 8px;
  font-weight: bold; }

.gd-measure-format-template-preview-bubble {
  width: 210px; }
  .gd-measure-format-template-preview-bubble .content {
    padding: 5px; }
    .gd-measure-format-template-preview-bubble .content .gd-measure-format-template-preview-bubble-title {
      margin: 0 0 10px;
      font-size: 14px;
      color: #464e56;
      font-weight: normal; }
    .gd-measure-format-template-preview-bubble .content .gd-measure-format-template-preview-bubble-subtitle {
      margin: 0 0 5px;
      font-size: 10px;
      font-weight: normal;
      text-transform: uppercase;
      color: #94a1ad; }

.gd-format-template .gd-format-template-help {
  display: none;
  line-height: 10px;
  color: #6d7680; }

.gd-format-template:hover .gd-format-template-help {
  display: block; }

.gd-measure-format-preview-formatted {
  overflow: hidden;
  text-overflow: ellipsis; }
  .gd-measure-format-preview-formatted > span {
    white-space: nowrap; }