height: 100%;
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
          

            }
            .card-wrapper-selected {
                border: 1/@px-unit solid  @brand-stroke-1-hover !important;
            }
        }
        
        .container-top {
            padding: 24 / @px-unit;
            display: flex;
            overflow-x: auto;
            background: @bm-bg-3-gradient;

            .back {
                width: 64 / @px-unit;
                height: 64 / @px-unit;
                margin: 4 / @px-unit 12 / @px-unit 0 0;
                background-color: @neutral-bg-4-hover;
                border-radius: 4 / @px-unit;
                text-align: center;
                line-height: 64 / @px-unit;
                cursor: pointer;

                .cus_panel {
                    vertical-align: middle;
                }

                &:hover {
                    background: @neutral-bg-1-hover-2;
                }
            }

            .large-model-search {
                flex: 1;
            }

            .text-layout-control {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 64 / @px-unit;
                height: 64 / @px-unit;
                border-radius: 8 / @px-unit;
                background: @neutral-bg-4-hover;
                cursor: pointer;

                &:hover {
                    background: @neutral-bg-1-hover-2;
                }
            }
        }
    }
    .middle-violation {
        .middle-empty {
            .widget-empty-image{
                background-image: url('/static/media/illegalWords_@{theme}.png');
                width: 160 /@px-unit;
                height: 160 /@px-unit;
                display: inline-block;
                background-repeat: no-repeat;
            }
        }
    }
}



._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;
                        }
                    }
                }
            }
        }
}



.header-bar {
  
  top: 54/ @px-unit;
  height: 40 / @px-unit;
  display: flex;
  align-items: center;
  width: 100%;

  .count-icon-bright {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;

    .cus_panel {
      color: @brand-fg-1-active;
    }

    
    
    
    
    
    
    
  }

  .count-icon {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .count-icon-disabled {
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
  }

  .right-icon {
    float: right;
    margin-right: 10 / @px-unit;
    padding-left: 60 / @px-unit;
  }
}


.CustomizeView {
    .ant-collapse  {
        .ant-collapse-item {
            .ant-collapse-content {
               .ant-collapse-content-box {
                    padding: 16 / @px-unit;
                    ._Table_ {
                        .ant-table {
                            .ant-table-row {
                                cursor: pointer;
                                width: 100%;
                            }
                            .custom-row-tooltip {
                                width: 100%;
                                &:hover {
                                    position: relative;
                                    width: 100%;
                                }
                            }
                            .custom-row-tooltip:hover::after {
                                content: attr(title);
                                position: absolute;
                                bottom:  40 / @px-unit;
                                width: 100%;
                                left: 50%;
                                border-radius: 4 / @px-unit;
                                background: @neutral-bg-inverted;
                                transform: translateX(-50%);
                                color: @neutral-fg-on-color;
                                padding: 8 / @px-unit 12 / @px-unit;
                                border-radius: 4 / @px-unit;
                                white-space: wrap;
                                z-index: 1000;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }

                            .ZD-selected-row {
                                background: @brand-bg-2-selected !important;
                            }
                            .ant-table-cell {
                                border-bottom: 0 !important;
                                padding: 0 !important;
                            }
                            .disabled-column {
                            
                              .ant-table-cell {
                                color: @neutral-fg-disabled !important;
                                cursor: not-allowed;
                                background: none !important;
                                .cus_panel {
                                    color: @neutral-fg-disabled !important;
                                }
                                &:hover {
                                    background: none !important;
                                }
                              }
                            }
                        }
                    }
               }
            }
        }
    }
    .wrapper {
        height: 100%;
        ._AddCustomizeViewPanel_ {
            height: 0;
        }
        .ant-collapse {
            height: 100%;
        }
    }
    .edit-wrapper {
         height: 100%;
        ._AddCustomizeViewPanel_ {
            height: 100%;
        }
         .ant-collapse {
            height: 0;
             .ant-collapse-header {
                display: none;
            }
        }

        .header {
            flex: 0 0 auto;
            height: 48 / @px-unit;
        }
    }
}



.intereting-modal {
  width: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  
  background-color: @neutral-bg-4-normal;
  display: flex;
  flex-direction: column;

  .intereting-modal-header {
    flex-shrink: 0;
    height: 54 / @px-unit;

    .header-bar {
      width: 300 / @px-unit !important;
      margin-top: 20 / @px-unit;
    }
  }

  .intereting-modal-wrap {
    position: relative;
    
    
    flex: 1 1 auto;
    padding-left: 16/ @px-unit;

    
    .interet-card-wrap,.target-card {
      width: 100%;
      height: 100%;
    }

    .wrap-inner {
      
      display: flex;
      flex-wrap: wrap;
    }
  }

  .intereting-backup {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 48 / @px-unit;
    padding-left: 16/ @px-unit;
    position: relative;

    .ant-space-compact-block {
      z-index: 10;
      width: auto;
      
    }

    .label-div-Container {
      
    }

    .all-label {
      
    }

    .header-bar {
      display: flex;
      height: 48 / @px-unit;
      margin-right: 200 / @px-unit;
      justify-content: center;
      align-items: center;

      .count-icon-disabled {
        width: 60 / @px-unit;
      }

      .count-icon-bright {
        width: 60 / @px-unit;
      }

      .count-icon {
        width: 60 / @px-unit;
      }
    }
  }

  .intereting-footer {
    display: flex;
    
    align-items: center;
    height: 48 / @px-unit;
    line-height: 48 / @px-unit;
  }

  .footer-bar {
    
    
    
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;

    .footer-item {
      
      
      
      
      padding: 0 4 / @px-unit;

      .left-arrow:hover {
        color: @brand-fg-1-hover;
        cursor: pointer
      }

      .right-arrow:hover {
        color: @brand-fg-1-hover;
        cursor: pointer
      }
    }
  }



  
  

  
  
  
  
  

  
  
  

  
  
  
  
  

  
  
  
  
  

  
  
  
  
  
  
  
  
  
  
}


@RegionofInterestFooterBarHeight:40 / @px-unit;

._RegionofInterest_ {
  .list-wrap {
    height: 100%;

    .flat-list {
      height: calc(100% - @RegionofInterestFooterBarHeight);
      padding: 10 / @px-unit;
      overflow-y: scroll;

      .win-view {
        
        
        margin-top: 0px;
        margin-bottom: 20000px;
      }

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

    .footer-bar {
      position: absolute;
      bottom: 0;
      height: @RegionofInterestFooterBarHeight;
      display: flex;
      width: 100%;

      .footer-item {
        display: flex;
        flex: 1;
        justify-content: center;
        align-items: center;

        .left-arrow:hover {
          color: @brand-fg-1-hover;
          cursor: pointer
        }

        .right-arrow:hover {
          color: @brand-fg-1-hover;
          cursor: pointer
        }
      }
    }

  }

}


._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;
                    }
                }
            }

        }
    }
}



.fix-header-content{
    display        : flex;
    justify-content: center;

    .fix-header-content-item {
        text-align: center;
        cursor    : pointer;

        .fix-header-content-title {
            color   : @neutral-fg-3-normal;
        }
    }

    .active-item {
        background-color: @brand-bg-1-active;
    }
}


._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;
  }
}


.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;
            }
        }
    }
}


.deviceInfoContainer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    .device-info-modal{ 
        width: 374 / @px-unit;
        
        .device-info-buttons{
            display: flex;
            justify-content: space-evenly;
            .label-normal-wrapper  {
                width: 140 / @px-unit !important;
            }
        }
    }
    .QRCode-pagination{
        display: flex;
        justify-content: center;
    }
    .deviceRedPacket{
        border-left: 1 / @px-unit solid @neutral-stroke-2-normal;
    }
}

.HomeRedEnQRCode {
    .DescribeText {
        text-align: left;
        margin-left: 20 / @px-unit;
        margin-right: 10 / @px-unit;
        display: flex;
        justify-content: space-between;
        .ant-pagination{
            width: auto;
        }
        .label-normal-wrapper {
            
            width: auto !important;
        }
    }
    .descInfo{
        color: @neutral-fg-3-normal;
    }
    .serviceSpan{
        
        height: 25 /@px-unit;
        padding-top:0 !important;
        padding-bottom:0 !important;
    }
}




.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;
  }
}


@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;
    }
}

}