@charset "UTF-8";

@font-size: 16px;
@download:20px;
.anviz-btn,
.anviz-primary-btn,
.is-plain-primary,
input[type="submit"]{
    .anviz-btn-variant(@color-ff,@color-10,@color-10);
    @media @max850{
        margin:15px 0;
    }
}


// entity button
.anviz-primary-btn{
    .btn-variant(@color-ff,@color-primary,@color-primary,@color-primary-hover,@color-primary-hover,@color-ff);
}
.anviz-crosschex-btn{
    .btn-variant(@color-ff,@color-primary,@color-primary,@color-crosschex,@color-crosschex,@color-ff);
}
.anviz-intellisight-btn{
    .btn-variant(@color-ff,@color-primary,@transparent,@color-intellisight,@color-intellisight,@color-ff);
}
.minor-blue-btn{
    .btn-variant(@color-ff,@color-primary-hover,@color-primary-hover,@color-primary-minor,@color-primary-minor,@color-ff);
}
.minor-crosschex-btn{
    .btn-variant(@color-ff,@color-crosschex,@color-crosschex,@color-crosschex-minor,@color-crosschex-minor,@color-ff);
}
.minor-intellisight-btn{
    .btn-variant(@color-ff,@color-intellisight,@color-intellisight,@color-intellisight-minor,@color-intellisight-minor,@color-ff);
}

//line button
.anviz-line-primary-btn{
    .btn-variant(@color-primary,@transparent,@color-primary,@transparent,@color-primary-hover,@color-primary-hover);
}
.anviz-line-crosschex-btn{
    .btn-variant(@color-primary,@transparent,@color-primary,@transparent,@color-crosschex,@color-crosschex);
}
.anviz-line-intellisight-btn{
    .btn-variant(@color-primary,@transparent,@color-primary,@transparent,@color-intellisight,@color-intellisight);
}
.minor-line-blue-btn{
    .btn-variant(@color-primary-hover,@transparent,@color-primary-hover,@transparent,@color-primary-minor,@color-primary-minor);
}
.minor-line-crosschex-btn{
    .btn-variant(@color-crosschex,@transparent,@color-crosschex,@transparent,@color-crosschex-minor,@color-crosschex-minor);
}
.minor-line-intellisight-btn{
    .btn-variant(@color-intellisight,@transparent,@color-intellisight,@transparent,@color-intellisight-minor,@color-intellisight-minor);
}

//text button
.anviz-text-primary-btn{
    .text-btn-variant(@color-primary,@color-primary-hover);
}
.anviz-text-crosschex-btn{
    .text-btn-variant(@color-primary,@color-crosschex);
}
.anviz-text-intellisight-btn{
    .text-btn-variant(@color-primary,@color-intellisight);
}
.minor-text-blue-btn{
    .text-btn-variant(@color-primary-minor,@color-primary-minor);
}
.minor-text-crosschex-btn{
    .text-btn-variant(@color-crosschex,@color-crosschex-minor);
}
.minor-text-intellisight-btn{
    .text-btn-variant(@color-intellisight,@color-intellisight-minor);
}





.anviz-default-btn,
.anviz-transparent-btn{
    .anviz-btn-variant(@color-wuwu,@color-10,@transparent);
}
.anviz-btn-text{
    .anviz-btn-variant(@color-e8,@transparent,@transparent);
}


.anviz-success-btn{
    .anviz-btn-variant(@color-ff,@highlight-success,@highlight-success);
}
.anviz-info-btn{
    .anviz-btn-variant(@color-ff,@info,@info);
}
.anviz-warning-btn{
    .anviz-btn-variant(@color-ff,@warning,@warning);
}
.anviz-danger-btn{
    .anviz-btn-variant(@color-ff,@danger,@danger);
}

.cross-chex-btn{
    .anviz-btn-variant(@color-ff,@success,@success);
}
.in-btn{
    .anviz-btn-variant(@color-ff,@in,@in);
}
.search-btn{
    input[type="text"],
    input[type="search"]{
        position: relative;
    }
    button{
        width: 40px;
        height: 38px;
        border: 0;
        background: @color-ff;
        display: block;
        position: absolute;
        right: 16px;
        top: 1px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-left: 1px solid @color-ee;
        .icon{
            color: @color-black;
            font-size: @fs-20;
        }
    }
}

.tag-btn{
    display: inline-block;
    background: #F2F5F6;
    color: @primary !important;
    padding: 2px 8px;
    margin-right: 4px;
    margin-bottom: 7px;
    font-size: @font-size;
    border-radius: 32px;
    transition: all .3s ease-in-out;
    &:hover{
        background: @primary;
        color: @color-ff !important;
    }
}


.anviz-download-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    // .anviz-btn-variant(@color-ff,@color-e8,@color-e8);
    background: linear-gradient(225deg, rgba(21, 118, 209, 1) 0%, rgba(19, 49, 138, 1) 100%);
    border: none;
    // height: @download+10;
    min-width: @download*5;
    border-radius: @download;
    span{
        font-size: @fs-20;
        color: @color-ff !important;
        margin-right: @fs-12;
    }
    b{
        color: @color-ff;
        font-size: @fs-12 !important;
    }
}


//正方向旋转
@keyframes rotating {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}