@import '~antd/lib/button/style/index';

@import '../../themes/default/index';
@import '../../mixins/index';

@import './mixin.less';

/**
 * Ant Design CSS Override
 */
// for compatibile
@btn-ghost-color: @text-color;
@btn-ghost-bg: transparent;
@btn-ghost-border: @border-ghost-color-base;

// Button styles
// -----------------------------
.@{btn-prefix-cls} {
    .font-noto();
    &-button-color {
        background: red;
    }

    &-clear {
        .btn-clear;
    }

    &-attention {
        .btn-attention;
    }

    &-trouble {
        .btn-trouble;
    }

    &-critical {
        .btn-critical;
    }

    &-clear&-clicked:after {
        border-color: @clear-color;
    }

    &-attention&-clicked:after {
        border-color: @attention-color;
    }

    &-trouble&-clicked:after {
        border-color: @trouble-color;
    }

    &-critical&-clicked:after {
        border-color: @critical-color;
    }

    &-background-ghost&-clear {
        .button-variant-ghost(@btn-ghost-clear-bg);
    }

    &-background-ghost&-attention {
        .button-variant-ghost(@btn-ghost-attention-bg);
    }

    &-background-ghost&-trouble {
        .button-variant-ghost(@btn-ghost-trouble-bg);
    }

    &-background-ghost&-critical {
        .button-variant-ghost(@btn-ghost-critical-bg);
    }

    &.btn-icon {
        padding: 6px;
    }

    &.btn-excel {
        background: @white;
        // color: @green-8;
        border-color: @border-color-base;
        padding: 6px;
    }

    &.btn-refresh {
        padding: 6px;
    }

    &.toggled {
        // background-color: #21ba45 !important;
        // box-shadow: none !important;
        // text-shadow: none;
        opacity: 0.5;
    }
}

/**
 * Polestar CSS
 */
.ant-btn-group{
    .ps-button-container {
        margin-right: 0 !important;
    }
}
.ps-button-container {
    display: inline-block;
    &:not(:last-child) {
    margin-right: 3px;

  }
  .ps-button {
        .ps-button-inner-container {
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
}