.alarm-tree {
    padding: 0 16 / @px-unit;
    margin-top: 16 / @px-unit;
    height: 100%;
    overflow-y: auto;
    .ant-tree {
       background: none !important;
       .tree-name {
         display: flex;
         align-items: center;
       }
    }
}


._DepthCalibration_ {
    .page-view {
    }
}



._AIReportBase_  {
    height: 100%;
    width: 100% ;
    @collapseHeaderHeight: 48 / @px-unit; 

    
    .ant-collapse {
        border: none;
        height: 100%;
        .ant-collapse-item {
            height: 100%;
        }

        .ant-collapse-header {
            padding-top: 0 / @px-unit;
            padding-bottom: 0 / @px-unit;
            border-radius: 0 !important;
            background: @neutral-bg-4-hover;
            height: @collapseHeaderHeight;

            cursor: default;
        }

        .ant-collapse-header-text {
            color: @neutral-fg-2-normal;
            font-size: 18 / @px-unit;
            font-weight: 400;
            line-height: 26 / @px-unit;
            display: flex;
            align-items: center;
            height: 100%;
        }

        .ant-collapse-content {
            height: calc(100% - @collapseHeaderHeight);
            overflow-y: auto;
        }

        .ant-collapse-content>.ant-collapse-content-box {
            padding: 16/@px-unit;
        }

    }

    
    .panel-header {
        display: flex;
        align-items: center;
        height: 26 / @px-unit;

        .panel-header-left {
            display: flex;
            align-items: center;

            .panel-header-checkbox {
                width: 28 / @px-unit;
                height: 26 / @px-unit;
            }

            .panel-header-title {
                display: flex;
                align-items: center;
                width: 206 / @px-unit;
            }
        }
    }

    .panel-row-btn {
        margin-right: 4 / @px-unit;
    }

    .channel-tree {
        .channel-group{
            .channel-group-header{
                margin-right: 0!important;
            }
            .channel-item{
                margin-right: 0;
            }
        }
    }
}

.CompliantInfoModal {
    
    
    
    .ant-checkbox-wrapper + .ant-checkbox-wrapper {
        margin-left: 0px !important
    }
    .ant-checkbox-wrapper {
        width: 120 / @px-unit;
    }
}



._DepthCalibration_ {
  .calibrationSetting-view {
    .mid-layout {
      
    }

    .cali-container {
      border: 1 / @px-unit solid @neutral-stroke-2-normal;
      display: flex;
      margin-top: 16 / @px-unit;

      .cali-img-container {
        flex: 1 1 968/ @px-unit;
        
        height: 669 / @px-unit;

        
        
        .label-normal-container {
          padding: 0 !important;
        }
      }

      .cali-img-inner {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        height: 600 / @px-unit;
        position: relative;
      }

      .cali-img-bg {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        
      }

      .calibration_img_set {
        width: 50%;
        height: 300 / @px-unit;
        box-sizing: border-box;
        border: 1 / @px-unit solid @neutral-stroke-2-normal;
        background-color: rgb(8, 8, 8);
      }

      .calibration_img_setinner {
        width: 100%;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat;
      }


      .cali-img-top {
        display: flex;
        padding: 16 / @px-unit;
        
        
        justify-content: space-between;
        align-items: center;

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

      .cali-img-title {
        display: flex;
        height: 36/ @px-unit;
        line-height: 36/ @px-unit;
      }

      .cali-info-container {
        
        width: 242 / @px-unit;
        
        padding: 16 / @px-unit;
      }
    }
  }
}


.benchmarkCheck-view {
  .benchmarkCheck-top {
    display: flex;
    align-items: center;
    margin-bottom: 20 / @px-unit;

    .label-div-Container {
      margin-right: 10/ @px-unit !important;
    }
  }

  .benchmarkCheck-main {
    height: 540 / @px-unit;
  }

  .benchmarkCheck-img {
    width: 100%;
    height: 100%;
    
  }
}

.benchmarkCheck-select-modal {
  width: 848 / @px-unit !important;
}


.ant-picker-dropdown {
  .ant-picker-panel-container {
    .ant-picker-date-panel {
      .ant-picker-content th {
        color: @neutral-fg-2-normal !important;
      }
    }
  }
}


.MaterialSelect-view {
  .material-top {
    display: flex;
    

    .material-label {
      margin-left: 20 / @px-unit;
    }
  }




  
  
  

  .material-main {
    display: flex;
    border: 1px solid @neutral-stroke-2-normal;
    height: 700 / @px-unit;
  }

  
  
  

  .material-play {
    width: 760 / @px-unit;
    height: 630/ @px-unit;
  }

  .material-operation {
    height: 68/ @px-unit;
    padding-left: 16/ @px-unit;
    display: flex;
    align-items: center;
  }

  .material-pool {
    width: 640 / @px-unit;
    
    height: 700 / @px-unit;

    .material-content-inner {
      height: 100%;
      width: 100%;
    }
  }

  .material-empty-c {
    .empty-box {
      display: flex;
      flex-direction: column;
      height: 100%;
    }

    .empty-top {
      height: 58 / @px-unit;
      padding: 16 / @px-unit;
      color: @neutral-fg-2-normal;
    }

    .empty-tip {
      flex: 1;
      overflow: hidden;

      .widget-empty {
        background-color: transparent;
      }
    }

    .empty-text {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
    }

    .empty-tip-inner {
      color: @neutral-fg-4-normal
    }
  }

  .material-imglist {
    
    width: 100%;
    height: 486 / @px-unit;
  }

  .material-selectlist {
    width: 100%;
    height: 214 / @px-unit;
    background-color: @neutral-bg-4-hover;
  }

  .material-imglist-img {
    height: 120 / @px-unit;
    width: 136 / @px-unit;
    margin: 4 / @px-unit;
  }

}

.material-select-modal {
  width: 1440 / @px-unit !important;

  .ant-modal-body {
    padding: 24 / @px-unit !important;
  }
}


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

}




._RemoteStorage_ {
    .EventPreRecord {
        .PerRecord{
            margin-left: 388 / @px-unit;
        }
    }
}