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



  
  

  
  
  
  
  

  
  
  

  
  
  
  
  

  
  
  
  
  

  
  
  
  
  
  
  
  
  
  
}



.smd-filter-contain {
  .label-normal-wrapper {
    width: inherit !important;
  }

  .ant-checkbox-group {
    display: flex;
    flex-direction: column;

    .ant-checkbox-wrapper {
      padding: 4 / @px-unit;
    }


  }
}


._FileListPanel_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: @neutral-bg-4-normal;

  .file-list-panel {
    flex: 1;
    width: 100%;
    padding: 8 / @px-unit 16 / @px-unit 0;
    overflow-y: auto;
    overflow-x: hidden;
  }

  &bottom {
    width: 100%;
    height: 60 / @px-unit;
    padding: 0 10px 4px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  &bottom_mix {
    display: flex;
    flex-direction: row;
    width: 140 / @px-unit;
    justify-content: flex-start;
  }

  &bottom_item {
    width: 36 / @px-unit;
    height: 36 / @px-unit;
    
    
    
    display: flex;
    align-items: center;
    justify-content: center;
  }

  &bottom_item_lock {
    margin-right: 6/ @px-unit;
  }

  
  
  

  &timer_piker {
    width: 272 / @px-unit;
    
  }

  ._Table_ {
    margin-top: 0;
    flex: 1;
    overflow: hidden;

    .ant-pagination-total-text {
      display: none !important;
    }

    .m-table-showEmpty {
      height: 100%;

      .ant-table-wrapper {
        height: 100%;
      }
    }

    .ant-table {
      &>.ant-table-container {
        tr {
          td {
            height: 40px;
          }
        }

        th {
          height: 40px !important;
        }
      }
    }

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

  .file-back {
    height: 54 / @px-unit;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 16 / @px-unit;
    border-bottom: 1/@px-unit solid @neutral-stroke-2-normal;

    .file-back-text {
      margin-left: 8 / @px-unit;
      color: @neutral-fg-2-normal;
      font-size: @font-size-title-s;
      line-height: 26 / @px-unit;
      font-weight: 700;
    }
  }

  .operation-panel {
    width: 100%;
    display: flex;
    
    
    

    .label-normal-wrapper {
      width: auto !important;
    }

    .label-div-Container {
      margin-right: 12 / @px-unit;
    }
  }
}


.slice-menu-panel {
  display: flex;
  flex-direction: column;
  cursor: default;

  .slice-menu-item {
    height: 36/ @px-unit;
    line-height: 36 / @px-unit;
    padding-left: 10 / @px-unit;

    &:hover {
      background-color: @brand-bg-2-selected;
    }
  }
}


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



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


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

}