white-space: nowrap;
                text-overflow: ellipsis;
                color: @neutral-fg-2-normal;
                font-size: 14 / @px-unit;
            }
    
            .face-person-name {
                padding-right: 12 / @px-unit;
                width: 50%;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                text-align: right;
                color: @neutral-fg-2-normal;
                font-size: 14 / @px-unit;
            }
        }
    
        
        .template-card-top {
            .template-card-top-header {
                height: 26 / @px-unit ;
                padding: 0 8 / @px-unit;
                display: flex;
                align-items: center;
                justify-content: space-between;
                border-bottom: 1px solid @neutral-stroke-2-normal;
            }
    
            .top-header-left {
                display: flex;
                align-items: center;
            }
    
    
            .ant-checkbox-wrapper {
                margin-right: 10/ @px-unit;
            }
    
            .top-header-type {
                width: 80/ @px-unit;
            }
    
            .top-header-name {
                width: 80/ @px-unit;
                text-align: right;
            }
    
            .template-card-top-warapper {
                display: flex;
                padding: 4/ @px-unit;
                flex: 1;
                .right{
                    margin-left: 4/ @px-unit;
                }
            }

    
    
            .template-card-top-swrap {
                flex: 1;
                height: 74/ @px-unit;
                overflow: hidden;
                .image-panle {
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    position: relative;
                    width: 100%;
                    height: 100%;
                    background: @neutral-bg-5-normal;
                    .DefaultImgClass{
                        object-fit: contain;
                    }
                }
    
                .svg-panle {
                    background: @neutral-bg-4-hover;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 100%;
                    .cus_panel{
                        width: auto!important;
                        height: auto!important;
                    }
                 
                }
            }
    
    
            .left {}
    
            .center {
                margin-left: 60 / @px-unit;
            }
    
            .right {}
        }
    
        
        .template-card-top-no-center {
            display: flex;
            padding: 4 / @px-unit;
            position: relative;
    
            .template-card-top-warapper {
                display: flex;
                flex: 1;
            }
    
            .template-card-top-swrap {
                position: relative;
            }
    
            .template-card-top-checkbox-position {
                position: absolute;
                top: 7/ @px-unit;
                left: 10/ @px-unit;
                z-index: 1;
            }
    
    
            .right-attri-list {
                display: flex;
                flex-direction: column;
                height: 100%;
                justify-content: flex-start;
    
                .attri-item-wrapper {
                    display: flex;
                    margin-bottom: 4 / @px-unit;
                    align-items: center;
    
                    .attri-left-item {
                        flex-shrink: 0;
                        width: 20 / @px-unit;
                        height: 20 / @px-unit;
                        margin-right: 4 / @px-unit;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }
    
                    .attri-right-item {
                        width: 70 / @px-unit;
                        line-height: 22 / @px-unit;
                        color: @neutral-fg-2-normal;
                    }
    
                    .attri-color-block {
                        display: flex;
                        justify-content: flex-end;
                        align-items: center;
                        margin-right: 8 / @px-unit;
                    }
                }
    
                .attri-item-wrapper-high {
                    .attri-left-item {
                        line-height: 22 / @px-unit;
                    }
    
                    .attri-right-item {
                        line-height: 22 / @px-unit;
                    }
                }
    
                .thumb-white {
                    border: 1px solid @status-success-stroke-2-normal;
                    background-color: @status-success-bg-2-normal;
                    color: @status-success-fg-1-normal;
                }
    
                .thumb-black {
                    background-color: @status-error-bg-2-normal;
                    border: 1px solid @status-error-stroke-2-normal;
                    color: @status-error-fg-1-normal;
                }
    
                .white-black-list {
                    display: flex;
                    justify-content: center;
                    border-radius: 2 / @px-unit;
                    margin-bottom: 6 / @px-unit;
                    height: 22 / @px-unit;
                    line-height: 22 / @px-unit;
                }
    
                .OverSpeed {
                    width: 80 / @px-unit;
                    height: 40 / @px-unit;
                    position: absolute;
                    bottom: 14 / @px-unit;
                    right: 14 / @px-unit;
                }
            }
    
            .image-panle {
                display: flex;
                flex-direction: row;
                justify-content: center;
                width: 100%;
                height: 100%;
                position: relative;
                background: @neutral-bg-5-normal;
                .DefaultImgClass{
                    object-fit: contain;
                }
    
            }
    
            .imageList-panle {
                width: 100%;
                height: 100%;
                position: relative;
    
                .imagesmall-panle {
                    width: 100%;
                    height: 80%;
                }
    
                .imageplate-panle {
                    width: 100%;
                    margin-top: 6/ @px-unit;
                    height: 15%;
                }
            }
    
            .svg-panle {
                height: 124 / @px-unit;
                width: 100%;
                background: @neutral-bg-4-hover;
                display: flex;
                justify-content: center;
                align-items: center;
                .cus_panel{
                    width: auto!important;
                    height: auto!important;
                }
            }
    
            .left {
                height: 124 / @px-unit;
                width: 104 / @px-unit; 
            }
    
            .center {
                margin-left: 60 / @px-unit;
            }
    
            .right {
                display: flex;
                flex-direction: column;
                width: auto;
                flex: 1;
                margin-left: 8 / @px-unit;
            }
    
            .template-card-tag {
                width: 80 /  @px-unit;          
                height: 20 / @px-unit;
                display: flex;
                align-items: center;
                justify-content: center;
                svg{
                    width: 80 / @px-unit;
                    height: 20 / @px-unit;
                }
                &.error{
                    border: 1 / @px-unit solid @status-error-stroke-2-normal;
                    background: @status-error-bg-2-normal;
                }
                &.success{
                    border: 1 / @px-unit solid @status-success-stroke-2-normal;
                    background: @status-success-bg-2-normal;
                }
            }
    
        }
    
        .template-card-center {
            height: 25 / @px-unit;
        }
    
        .template-card-cenBtm {
            height: 28 / @px-unit;
            line-height: 28 / @px-unit;
    
            .template-card-cenBtm-left {
                float: left;
                padding-left: 14 / @px-unit;
                color: @status-error-fg-1-normal;
            }
    
            .template-card-cenBtm-right {
                float: right;
                padding-right: 10 / @px-unit;
            }
        }
    
        .template-card-bottom {
            height: 28 / @px-unit;
            background-color: @neutral-bg-4-hover;
            padding: 0 / @px-unit 8 / @px-unit 0 / @px-unit 8 / @px-unit;
            display: flex;
            align-items: center;
            color: @neutral-fg-2-normal;
            justify-content: space-between;
    
            .template-card-bottom-left {
                max-width: 80 / @px-unit;
                text-align: left;
                div{
                    width: 100%;
                }
            }
    
            .template-card-bottom-right {
                max-width: 130 / @px-unit;
                text-align: right;
                div{
                    width: 100%;
                }
            }
        }
    

        .color-0 {
            color: @neutral-fg-2-normal;
        }
    
    
        .color-1 {
            color: @status-success-fg-1-normal;
        }
    
    
        .color-2 {
            color: @status-error-fg-1-normal;
        }
    
    }

    
    .template-card.template-listcard {
        width: 290 / @px-unit !important;
        position: relative;

        .template-card-top {
            .template-card-top-warapper{
                .template-card-top-swrap {
                    height: 110 / @px-unit;
                    .image-panle {
                        width: 100%;
                        height: 100%;
                        background: @neutral-bg-5-normal;
                        .DefaultImgClass{
                            object-fit: contain;
                        }
                    }
                }
            }
        }

        .template-card-top-no-center {
            .left {
                height: 132 / @px-unit;
                width: 138 / @px-unit; 
            }
            .right{
                width: 138 / @px-unit; 
                margin-left: 4 / @px-unit; 
                .image-panle{
                    height: 132 / @px-unit;
                }
            }
            .right-attri-list {
                .attri-item-wrapper{
                    margin-bottom: 6 / @px-unit;
                    &:last-child{
                        margin-bottom: 0;
                    }
                }
                .attri-left-item{
                    margin-right: 8 / @px-unit;
                }
                .attri-right-item {
                    width: 80 / @px-unit;
                }
            }
        }

        .template-card-bottom {
            height: 32 / @px-unit;
            padding: 0 / @px-unit 12 / @px-unit 0 / @px-unit 12 / @px-unit;
            background-color: @neutral-bg-4-hover;
            width: 100%;
            .template-card-bottom-left {
                max-width: 100 / @px-unit;
                text-align: left;
                div{
                    width: 100%;
                }
            }
    
            .template-card-bottom-right {
                max-width: 140 / @px-unit;
                text-align: right;
                div{
                    width: 100%;
                }
            }
        }

        .template-card-center {
            padding: 0 8 / @px-unit;
            height: 22 /  @px-unit;
        }
    }
}







.ai-preview-list{
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 5 / @px-unit;
    .ai-template-card-swrap{
        margin: 5 / @px-unit 0 / @px-unit;
    }
}


.back-panel {
  width: 100%;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 54/ @px-unit;
  border-bottom: 1/ @px-unit solid @neutral-stroke-2-normal;
  padding: 0 16/ @px-unit;
  z-index: 1;
  background-color: @neutral-bg-4-normal;

  .back-panel-text {
    margin-left: 16/ @px-unit;
  }

  .back-panel-left {
    display: flex;
    align-items: center;
    height: 54/ @px-unit;
    width: 100%;
  }
}


._FileList_ {
  overflow: hidden;

  .fileList_type_icon {
    display: flex;
    padding-left: 20 / @px-unit;
    align-items: center;
  }

  .fileList_type_cub {
    display: flex;
    height: 20 / @px-unit;
    width: 20 / @px-unit;
    justify-content: center;
    align-items: center;
    margin-right: 6 / @px-unit;
  }

  .fileList_type_lock {
    font-size: 20 / @px-unit;
  }

  .fileList_type_lock_hide {
    display: none;
  }

  .ant-spin-nested-loading {
    height: 100%;
  }
}

._FileList_card {
  border: 1/ @px-unit solid @neutral-stroke-2-normal;
  background-color: @neutral-bg-4-normal;
  color: @neutral-fg-2-normal;
  margin: 16/@px-unit 0;

  .ant-card-body {
    padding: 16px !important;
  }
}

.file-bottom-pagination {

  .ant-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}



.win-view {
  .target-card {
    margin-bottom: 10/ @px-unit;
  }
}

.target-card {
  
  
  background-color: @neutral-bg-5-normal;
  border: 1 / @px-unit solid @neutral-fg-4-normal;
  
  position: relative;

  .card-content {
    height: 125/ @px-unit;
    position: relative;

    img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .label-div-Container {
      position: absolute;
      top: 0 / @px-unit;
      left: 10/ @px-unit;
    }
  }

  .card-bottom {
    position: absolute;
    bottom: 0/ @px-unit;
    width: 100%;
    
    height: 25/ @px-unit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10/ @px-unit;
    background-color: @neutral-bg-4-hover;
    
  }

  .tool-bar {
    background-color: @neutral-bg-4-normal;
    height: 30/ @px-unit;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 10;
    display: flex;
  }

  .selected {
    border: 1 / @px-unit solid @brand-fg-1-active;
  }
}


._AiPreviewDetailModal_SWRAP{
    .ant-modal{
        @modalHeight:95vh;
        @modalWidth:77vw;
        height: @modalHeight !important;
        width: @modalWidth !important;
        .ant-modal-content{
            width: 100%;
            height: 100%;
            .ant-modal-header{
                height: 45 / @px-unit;
                display: flex;
                flex-direction: row;
                align-items: center;
                padding: 0 / @px-unit 24 / @px-unit;
            }
            .ant-modal-body{
                padding: 0 / @px-unit;
                
                @headerHeight:47 / @px-unit;
                height: calc(@modalHeight - @headerHeight);
                ._AiPreviewDetailModal_ {
                    width: 100%;
                    height: 100%;
                    display: flex;
                    .win-preview-panel-swrap{
                        height:100%;
                        width: 78%;
                        .WinPreview {
                            height: 100%;
                        }
                    }
                    .pic-win-details-swrap{
                        height:100%;
                        width: 22%;
                    }

                    .WinPreview_ocx{
                        @WinPreviewFooterHeight:40 / @px-unit;
                        height: calc(100% - @WinPreviewFooterHeight) !important;
                    }
                }
            }

        }
    }
}




._ResetManual_ {
    width: 1120 / @px-unit !important;
    .ant-modal-header {
        height: 56 / @px-unit;
        line-height: 56 / @px-unit;
    }
    .ant-modal-body {
        padding: 0 !important;
        .wrapper {
            .wrapper-tip {
                height: 80 / @px-unit;
                display: flex;
                justify-content: center;
                align-items: center;
                border-bottom: 1/@px-unit  solid @neutral-stroke-1-normal;
                padding: 24/@px-unit 24/@px-unit 16/@px-unit 24/@px-unit;
            }
            .ant-tabs {
                padding: 24/@px-unit 40/@px-unit 32/@px-unit 40/@px-unit;
                .ant-tabs-nav::before {
                    border-bottom: 0;
                }
                .ant-tabs-nav-wrap {
                    .ant-tabs-nav-list {
                        border-radius: 4 / @px-unit;
                        .ant-tabs-tab {
                            width: 128 / @px-unit;
                            height: 32 / @px-unit;
                            
                            display: flex;
                            align-items: center;
                            justify-content: center;
                        }
                        .ant-tabs-tab:first-child {
                            border-top: 1px solid @neutral-stroke-1-normal;    
                            border-bottom: 1px solid @neutral-stroke-1-normal; 
                            border-left: 1px solid @neutral-stroke-1-normal;   
                            border-radius: 4 / @px-unit 0 0 4 / @px-unit;
                        }
                        .ant-tabs-tab:nth-last-child(2) {
                            border-radius: 0 4/@px-unit 4/@px-unit 0;
                            border-top: 1 / @px-unit solid @neutral-stroke-1-normal;    
                            border-bottom: 1 / @px-unit solid @neutral-stroke-1-normal; 
                            border-right: 1 / @px-unit solid @neutral-stroke-1-normal;   
                        }
                        .ant-tabs-tab-active:first-child {
                               border: 1 / @px-unit solid @brand-stroke-1-normal;
                               border-radius: 4 / @px-unit 0 0 4/@px-unit;
                        }
                        .ant-tabs-tab-active:nth-last-child(2) {
                            border: 1 / @px-unit solid @brand-stroke-1-normal;
                            border-radius: 0 4 / @px-unit 4 / @px-unit 0;
                        }
                        .ant-tabs-tab-active {
                            background-color: @brand-bg-2-selected;
                            .ant-tabs-tab-btn {
                                color: @brand-stroke-1-normal;
                            }
                        }
                        .ant-tabs-tab + .ant-tabs-tab {
                            margin: 0;
                        }
                        .ant-tabs-ink-bar {
                            display: none;
                        }
                    }
                }
            }
            .wrapper-list {
                display: flex;
                flex-direction: column;
                margin-top: 24 / @px-unit;
                .wrapper-list-title {
                    color: @neutral-fg-2-normal;
                    line-height: 24 / @px-unit;
                    font-weight: 700;
                    font-size: @font-size-title-s;
                }
                .wrapper-list-container {
                    display: flex;
                    flex-wrap: wrap;
                    margin-top: 16 / @px-unit;
                    .wrapper-list-container-item {
                        width: 320 / @px-unit;
                        height: 440 / @px-unit;
                        border-radius: 4 / @px-unit;
                        border: 1/@px-unit solid @neutral-stroke-2-normal;
                        padding: 40 / @px-unit 24/@px-unit 24/@px-unit 24/@px-unit;
                        .wrapper-list-container-item_body {
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                            &-svg {
                                &>.cus_panel{
                                    width: 120 / @px-unit !important;
                                    height: 120 / @px-unit !important;
                                    background-color: @brand-bg-2-selected;
                                }
                                path:nth-child(1) {
                                    fill: @brand-fg-1-normal;
                                }
                                path:nth-child(2) {
                                    fill: @brand-bg-2-selected;
                                }
                                width: 120 / @px-unit;
                                height: 120 / @px-unit;
                                
                                margin-bottom: 24 / @px-unit;
                                border-radius: 4 / @px-unit;
                                .anticon {
                                    font-size: 120 / @px-unit;
                                }
                                
                            }
                            &-title {
                                color: @neutral-fg-2-normal;
                                line-height: 24 / @px-unit;
                                font-size: @font-size-title-s;
                                margin-bottom: 24 / @px-unit;
                            }
                            &-content {
                                width: 100%;
                                line-height: 22 / @px-unit;
                                &-img {
                                    width: 272 / @px-unit;
                                    height: 160 / @px-unit;
                                    display: flex;
                                    justify-content: center;
                                    img {
                                        height: 100%;
                                    }
                                    margin: 12/@px-unit 0;
                                }
                                &-header {
                                    display: flex;
                                    justify-content: space-between;
                                    align-items: center;
                                    margin-bottom: 4 / @px-unit;
                                }
                                &-url {
                                    width: 100%;
                                    height: 32 / @px-unit;
                                    border-radius: 4 / @px-unit;
                                    background: @neutral-bg-5-normal;
                                    line-height: 20 / @px-unit;
                                    font-size: @font-size-body-m;
                                    margin-bottom: 16px;
                                    display: flex;
                                    justify-content: flex-start;
                                    overflow: hidden;
                                    align-items: center;
                                    padding: 6 / @px-unit 0;
                                    .ant-input-disabled{
                                        color: @neutral-fg-2-normal !important;
                                        cursor: text !important;
                                    }
                                }
                                &-btn {
                                    width: 100%;
                                    height: 32 / @px-unit;
                                    border: 1px solid @neutral-stroke-1-normal;
                                    border-radius: 4 / @px-unit;
                                    line-height: 32 / @px-unit;
                                    font-size: @font-size-body-m;
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    cursor: pointer;
                                    &:hover, &:active {
                                        background-color: @brand-bg-2-selected;
                                        border: 1 / @px-unit solid @brand-stroke-1-normal;
                                        color: @brand-stroke-1-normal;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    .ant-modal-footer{
        display: none;
    }
}




._ResetForm_ {
        width: 900 / @px-unit !important;
        .ant-modal-header{
            height: 56 / @px-unit;
            line-height: 56 / @px-unit;
        }
        .ant-modal-body {
            padding: 0 !important;
            .wrapper {
                .wrapper-header {
                    height: 80 / @px-unit;
                    padding: 24/@px-unit 24/@px-unit 16/@px-unit 24/@px-unit;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-bottom: 1px solid @neutral-stroke-2-normal;
                    &-icon {
                        height: 32 / @px-unit;
                        .cus_panel {
                            svg{
                                width: 32 / @px-unit;
                                height: 32 / @px-unit;
                            }
                        }
                    }
                    &-text {
                        line-height: 40 / @px-unit;
                        margin: 0 8 / @px-unit;
                        color: @neutral-fg-3-normal;
                    }
                    &-tip {
                        color: @brand-fg-1-normal;
                        line-height: 40 / @px-unit;
                        cursor: pointer;
                    }
                }
                .wrapper-content {
                    display: flex;
                    margin: 16/@px-unit 0 32/@px-unit 0;
                    .wrapper-content-qrcode {
                        width: 344 / @px-unit;
                        padding: 8/@px-unit  60/@px-unit 24/@px-unit  60/@px-unit;
                        border-right: 1/@px-unit solid @neutral-stroke-2-normal;
                        &-title {
                            color: @neutral-fg-2-normal;
                            line-height: 32 / @px-unit;
                            margin-bottom: 40 / @px-unit;
                            font-size: @font-size-title-s;
                            display: flex;
                            justify-content: center;
                            &-icon {
                                background-color: @neutral-bg-2-normal;
                                width: 32 / @px-unit;
                                height: 32 / @px-unit;
                                border-radius: 50%;
                                margin-right: 8/@px-unit;
                                text-align: center;
                            }
                        }
                        &-desc {
                            line-height: 22 / @px-unit;
                            text-align: center;
                            color: @neutral-fg-3-normal;
                        }
                        &-content {
                            padding: 16/@px-unit 12/@px-unit 0 12/@px-unit;
                            &-img {
                                width: 200 / @px-unit;
                                height: 200 / @px-unit;
                                background-color: #fff;
                                padding: 8 / @px-unit;
                                canvas {
                                    width: 100% !important;
                                    height: 100% !important;
                                }
                            }
                            &-number {
                                height: 22 / @px-unit;
                                margin-top: 4 / @px-unit;
                                line-height: 22 / @px-unit;
                                text-align: center;
                                color: @neutral-fg-3-normal;
                            }
                        }
                    }
                    .wrapper-content-form {
                        flex: 1;
                        padding: 8/@px-unit 24/@px-unit 24/@px-unit  24/@px-unit;
                        &-title {
                            color: @neutral-fg-2-normal;
                            line-height: 32 / @px-unit;
                            margin-bottom: 40 / @px-unit;
                            font-size: @font-size-title-s;
                            display: flex;
                            justify-content: center;
                            &-icon {
                                background-color: @neutral-bg-2-normal;
                                width: 32 / @px-unit;
                                height: 32 / @px-unit;
                                border-radius: 50%;
                                margin-right: 8/@px-unit;
                                text-align: center;
                            }
                        }
                        .customer-checkbox {
                            .label-div-Container {
                                margin-bottom: 0 !important;
                                .label-normal-container {
                                    width: 100%;
                                    display: flex;
                                    align-items: center;
                                    .label-normal-behind {
                                        width: auto !important;
                                        font-size: 16 / @px-unit;
                                        font-weight: 400;
                                        line-height: 24 / @px-unit;
                                    }
                                }
                            }
                        }
                        .label-normal{
                            font-size: 16 / @px-unit;
                            line-height: 24 / @px-unit;
                            display: flex;
                            align-items: center;
                            width: 160 / @px-unit !important;
                            margin-right: 16 / @px-unit;
                        }
                    }
                }
            }
        }
}


.pic-details-info{
    height: 100%;
    position: relative;
    .pic-details-info-list{
        height: 100%;
        .thumb-white {
          border: 1px solid @status-success-stroke-2-normal;
          background-color: @status-success-bg-2-normal;
          color: @status-success-fg-1-normal;
          text-align: center;
          width:150 / @px-unit;
        }
        .thumb-black {
            background-color: @status-error-bg-2-normal;
            border: 1px solid @status-error-stroke-2-normal;
            color: @status-error-fg-1-normal;
            text-align: center;
            width:150 / @px-unit;
        }
        .white-black-list {
          display: flex;
          justify-content: flex-start;
          border-radius: 2px;
          padding-top: 2 / @px-unit;
        }
        .pic-details-info-list-swrap{
            overflow: auto;
            height: 100%;
            padding: 16 / @px-unit;
            .detail-image{
                width: 100%;
                height: 160 / @px-unit;
                display: flex;
                justify-content: center;
                background: @neutral-bg-6-normal;
                margin-bottom: 16 / @px-unit;
                .img-swrap{
                    object-fit: contain;
                }
                &.plateImg{
                    height: 48 / @px-unit;
                }
            }
            .detail-text-swrap{
                display: flex;
                justify-content: flex-start;
                padding-top: 16/@px-unit;
                .label-normal-container{
                    padding-top: 0 !important;
                    padding-bottom: 0 !important;
                    height: unset !important;
                    .label-normal{
                        height: 24 / @px-unit;
                        line-height: 24 / @px-unit;
                    }
                }
                .labelText-wrapper{
                    line-height: 24 / @px-unit;
                }
                .signRed {
                    color: @status-error-fg-1-normal;
                }
                .signNormal {
                    color: @neutral-fg-2-normal;
                }
                .signGreen {
                    color: @status-success-fg-1-normal;
                }
            }
        }
    }
    .template-card-tag {
        margin-top: 16 / @px-unit;
        width: 80 /  @px-unit;          
        height: 20 / @px-unit;
        display: flex;
        align-items: center;
        justify-content: center;
        svg{
            width: 80 / @px-unit;
            height: 20 / @px-unit;
        }
        &.error{
            border: 1 / @px-unit solid @status-error-stroke-2-normal;
            background: @status-error-bg-2-normal;
            svg{
                color: @status-error-fg-1-normal;
            }
        }
        &.success{
            border: 1 / @px-unit solid @status-success-stroke-2-normal;
            background: @status-success-bg-2-normal;
            svg{
                color: @status-success-fg-1-normal;
            }
        }
    }
}



@parkingBg: #051a33; 

@parkingNumText: #66a7ff; 

@parkingButtonBgN: #0D2E59; 
@parkingButtonBgH: #134280; 
@parkingButtonBoxShadowH: #1a7bff; 
@parkingButtonBoundariesBg: #80b6ffcc;

@parkingPrimaryButtonBgN: #1964C6; 
@parkingPrimaryButtonBgH: #367DD9; 

@parkingDetailBorder: #277ef2; 
@parkingDetailBg: #143766; 
@parkingDetailText: #a8a9ab; 

.ivsParameterSet {
    
    
    
    
    .ivsMainRow {
        height: 100%;
    }
    .ivsMainRight, .ivsMainRow > .ant-space,  .ivsMainRow > .ant-space > .ant-space-item{
        height: 100%;
        overflow-y: hidden;
    }
    .ivsMainRight {
        display: flex;
        flex-direction: column;
        overflow-y: hidden;
    }
    .fieldsetCtn {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
    }
    fieldset {
        overflow-y: hidden;
    }
    fieldset, .EventHandler {
        flex: 1;
    }
    .fieldsetCtn {
        height: 95%;
    }
    .EventHandler {
        
    }
    legend {
        width: auto;
        font-size: @font-size-base;
    }
    .AiRulePluginCtn {
        margin-right: 15 / @px-unit;
        &>.ant-space-item {
            overflow-x: hidden;
        }
        
    }
    .ant-divider-horizontal {
        margin: 12 / @px-unit 0;
    }
    .event-handler {
        width: 100%;
        height: 100%;
    }
}
.ivsParameterSet {
@media screen and (max-height: 600 / @px-unit){
    
    
    
    .ivsMainRight, .ivsMainRow > .ant-space,  .ivsMainRow > .ant-space > .ant-space-item{
        overflow-y: auto;
        overflow-x: hidden;
    }
    .ivsMainRight, .fieldsetCtn {
        display: block;
        
        overflow-y: auto;
    }
    fieldset {
        overflow-y: auto;
    }
    .EventHandler {
        overflow-y: hidden;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 1.25) {
    
    
    
    .ivsMainRight, .ivsMainRow > .ant-space,  .ivsMainRow > .ant-space > .ant-space-item{
        overflow-y: auto;
        overflow-x: hidden;
    }
    .ivsMainRight, .fieldsetCtn {
        display: block;
        
        overflow-y: auto;
    }
    fieldset {
        overflow-y: auto;
    }
    .EventHandler {
        overflow-y: hidden;
    }
}

}