/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 * 
 *   http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

 @import '@/common/style/variables.scss';
 .progress-wrap {
     position: $relative;
     height: 20px;
     display: flex;
     align-items: center;
     font-size: 10px;
     background: $background-color-base;
     border-radius: 10px;
     .progress-busy {
         background: $success-color;
         height: 100%;
         border-radius: 10px;
         position: $absolute;
         z-index: 0;
     }
     .progress-label {
         width: 100%;
         z-index: 1;
     }
 }
 
 .function-management {
     position: $relative;
     height: 100%;
     .function-management-searchbar {
         position: $relative;
         .float-right {
             position: $absolute;
             right: 10px;
         }
     }
     .ivu-form {
         display: flex;
         .ivu-form-item {
             margin-bottom: 10px;
             .ivu-form-item-content {
                 display: flex !important;
             }
         }
     }
     .function-management-table {
         display: flex;
        //  justify-content: center;
         align-items: center;
         margin-top: 16px;
         .ivu-table th {
             background-color: $table-thead-blue-bg;
             color: $body-background;
         }
     }
     .function-management-loading {
         animation: ani-demo-spin 1s linear infinite;
     }
     .divider {
         margin-top: 7px;
         height: 20px;
     }
     .function-management-page {
         margin-top: 10px;
         width: 100%;
         text-align: center;
     }
 
 }
 
 .datepicker {
     .ivu-picker-panel-body {
         background-color: $background-color-white;
     }
 }

 .fn-view {
    position: relative;
    .fn-view-canvas {
        position: absolute;
        right: 7px;
        bottom: 0;
    }
    .fn-item {
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 380px;
        display: block;
        overflow-x: hidden;
    }
}


@import "@/common/style/variables.scss";
.setting-content {
    padding-right: 16px;
    overflow-y: auto;
    .preview {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 380px;
        white-space: nowrap;

        .preview-name {
            color: $success-color;
        }

        .preview-params {
            color: $primary-color;
        }

        .preview-type {
            color: $warning-color;
        }
    }
    .format-div {
        display: flex;
        .format-item {
            width: 50%;
        }
        .format-input {
            padding-right: 6px;
        }
    }
}
.fn-default-load {
    position: absolute;
    left: 30px;
    bottom: 20px;
}
.fn-sure-btn {
    margin-right: 10px;
}
.view-code .ivu-input[disabled], fieldset[disabled] .ivu-input {
  color: #666666
}