.page-view {
    }
}


._PeopleFlow_ {
    height: calc(100% - 66px);
    overflow-y: auto;
}


._OperateMonitorSearch_ {
    &line {
        display: flex;
    }
    .tabLine {
        margin-bottom: 16/@px-unit;
    }
    .cus_icons.tabs {
        margin-right: 10/@px-unit;
        font-size: 40/@px-unit;
        svg path {
            fill: @--font-r;
        }
        svg:hover {
            path {
                fill: @current;
            }
        }
    } 
    .cus_icons.tabs.select svg path {
        fill: @current;
    }
}

._SoundMonitor_ {
    padding: 1rem;
    padding-top: 2rem;
    .search_type {
        padding-left: 30/@px-unit;
    }
    
    .search_button {
        float: right;
        margin-top: -50/@px-unit;
    }
    ._Table_ .ant-table-body {
        min-height: 380 / @px-unit;
    } 
}


._FaceDetection_ {
    .fd_right {
        width: 495 / @px-unit;
    }
    .channelSelect {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}



.MainPage {
    width: 100%;

    ._FaceReImageSearch_UploadImageDiv {
        width: 100%;
        .ant-divider-horizontal{
            margin: 1/@px-unit !important;
        }
        ._FaceReImageSearch_UploadButtons {
            width: 100%;
            margin-top: 15/@px-unit;

            .label-div-Container {
                margin-right: 15/@px-unit;
                display: inline-block;
            }

            .mostSelected_tip {
                color: @errorColor;
            }

            .clear_button {
                
                float: right;
            }
        }
        .upload_imgDiv{
            overflow-x: auto;
            width: 100%;
            overflow-x: auto; 
            height: 120/@px-unit; 
            line-height: 120/@px-unit;
            white-space: nowrap; 
            
            .upload_imgInnerDiv{    
                width: 100%;
            }
            .face_uploadImg {
                width: 100/@px-unit;
                height: 100/@px-unit;
                border: 2/@px-unit solid @com_facesmallpics_border;
                margin-left: 8/@px-unit;
            }
        }
        

        .face_uploadImg_selected {
            border-color: @current !important;
        }
    }


}


._NumberStat_ {
    
    
    
    .ivsParameterSet;
    height: calc(100% - 66px);
    .fieldsetCtn {
        overflow-y: auto;
    }
    .EventHandler {
        overflow-y: visible;
    }
}



.MainPage {
    width: 100%;

    ._AcuPickSearch_UploadImageDiv {
        width: 100%;
        .ant-divider-horizontal{
            margin: 1/@px-unit !important;
        }
        ._AcuPickSearch_UploadButtons {
            width: 100%;
            margin-top: 15/@px-unit;

            .label-div-Container {
                margin-right: 15/@px-unit;
                display: inline-block;
            }

            .mostSelected_tip {
                color: @errorColor;
            }

            .clear_button {
                
                float: right;
            }
            .label-normal-container {
                display: flex;
                align-items: center;
            }
        }
        .upload_imgDiv{
            overflow-x: auto;
            width: 100%;
            overflow-x: auto; 
            height: 120/@px-unit; 
            line-height: 120/@px-unit;
            white-space: nowrap; 
            
            .upload_imgInnerDiv{    
                width: 100%;
            }
            .face_uploadImg {
                width: 100/@px-unit;
                height: 100/@px-unit;
                border: 2/@px-unit solid @com_facesmallpics_border;
                margin-left: 8/@px-unit;
            }
        }
        

        .face_uploadImg_selected {
            border-color: @current !important;
        }
    }


}

._VehicleDetect_ {
    ._VehicleDetect-RuleConfig_ {
        .aiConfig {
            .between-divider {
                margin-top: 0;
                margin-bottom: 0;
            }
            .ant-tabs {
                .ant-tabs-nav {
                    &::before {
                        content: none;
                    }
                    .ant-tabs-tab:not(:first-of-type) {
                        margin-left: 20/@px-unit;
                    }
                    .ant-tabs-tab-btn {
                        height: 40/@px-unit;
                        line-height: 40/@px-unit;
                        padding: 0 8/@px-unit;
                        text-align: center;
                        min-width: 118/@px-unit;
                        width: auto;
                    }
                }
            }
            .vehicleDetect-eventHandler {
                border: @pageBorderD solid 1/@px-unit
            }
        }
    }
}
.speed_modal{
    .flex_input{
        display: flex;
        .margin-right-5{
            margin-right: 5/@px-unit;
        }
    }
}

._RuleTable_ {
    
    padding-top: inherit; 
    width: 590 / @px-unit; 
    ._Table_ {
        .ant-table-body {
            min-height: 150 / @px-unit;
        }
        .ant-table-body {
            .editable-cell-value-wrap {
                padding: 0 0;
            }
        }
        .add {
            .svgOut(.color_N(@tableBgN)[]);
        }
        .ant-table.ant-table-bordered {
            & > .ant-table-container {
                table {
                    border-top: 0px;
                    & > tbody {
                        tr {
                            &.ZD-selected-row {
                                background-color: transparent !important;
                            }
                            &.ZD-highlight-row {
                                background: @tableBgA  !important;
                            }
                        }
                    }
                }
            }
        }
    }
}



._ImageAttr_{
   
    .label-normal-behind {
        .EQ-label-slider-behind {
            display: flex;
        }
    }
}
.label-normal-behind {
    .label-normal-container {
        padding-top: 0px !important;
    }
}
.label-normal-behind {
    .label-normal-container {
        padding-top: 0px !important;
    }
}


._SmartMotionDetectSearch_behind_btn {
    .label-div-Container {
        .label-normal-container {
            padding: 0 !important;
        }
    }
}
.search_type {
    padding-left: 30 / @px-unit;
}

.search_button {
    float: right;
    margin-top: -50 / @px-unit;
}

.SmartMotionDetectSearch_Table {
    ._Table_ .ant-table-body {
        min-height: 450 / @px-unit;
    }
    > .ant-spin-nested-loading > .ant-spin-container {
        width: 100%;
        overflow: hidden;
    }
}


._BottomPanel_ {
    
    display: flex;
    flex-direction: column;
    background-color: @preview_center_bottom_Bg;
    ._BottomPanel_bottom_btn {
        height: 50px;
        display: flex;
        align-items: center;
        overflow: hidden;
    }
    ._BottomPanel_bottom_timeline {
        height: 92px;
    }
    ._BottomPanel_bottom_select {
        .ant-checkbox-disabled + span {
            color: .color_D(@preview_center_bottom_Bg) [];
        }
    }
    
    
    
}


._PbRightPanel_ {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    height: 100%;
    &bottom {
        width: 100%;
        height: 60 / @px-unit;
        padding: 0 10px 4px 10px;
        margin-top: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: @playback_Right_Bg;
    }
    &bottom_x {
        width: 100%;
        height: 60 / @px-unit;
        padding: 0 10px 4px 10px;
        margin-top: auto;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        background-color: @preview_Right_Bg;
    }
    &bottom_item {
        width: 66 / @px-unit;
        height: 40 / @px-unit;
        text-align: center;
        
        
        background-color: @playback_Right_iConBtn_bg;
        border: 1 / @px-unit solid @buttonNormalBorderN;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    &bottom_icon {
        font-size: 30 / @px-unit !important;
    }
    .label-normal-wrapper {
        width: 290px !important;
    }
    ._PbRightPanel_bottom_itemLeft{
        width: 100%;
        height: 40 / @px-unit;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        .label-normal-wrapper {
            width: 50px !important;
        }
    }
    ._PbRightPanel_chl_divider {
        margin: 5 / @px-unit 0;
    }
    ._PbRightPanel_chl_table {
        flex: 1;
        overflow: hidden;
        position: relative;
        min-height: 150 / @px-unit;
        width: 290px;
        margin-top: 14 / @px-unit;
        .ant-table-body {
            min-height: auto !important;
            max-height: none !important;
            -ms-max-height:none  !important;
            tbody {
                .ant-table-row {
                    &.ant-table-row-selected {
                        td {
                            background: transparent;
                        }
                    }
                    .ant-table-cell-ellipsis {
                        text-align: left !important;
                        &.ant-table-column-sort {
                            background: transparent;
                        }
                    }
                }
            }
        }
        .ant-checkbox-indeterminate .ant-checkbox-inner {
            border: 1px solid @pageBorderN;
        }
        ._Table_ {
            height: 100%;
            .ant-table {
                & > .ant-table-container {
                    display: flex;
                    height: 100%;
                    flex-direction: column;
                    .ant-table-header{
                        overflow: visible !important;
                        height:auto;
                    }
                    tr {
                        td {
                            height: 40px;
                        }
                    }
                    th {
                        height: 40px !important;
                    }
                }
                ::-webkit-scrollbar {
                    width: 0px;
                }
            }
            .ant-table-fixed-header{
                height: 95%;
            }
            .m-table-showEmpty {
                height: 100%;
                .ant-table-wrapper {
                    height: 100%;
                    .ant-spin-nested-loading {
                        height: 100%;
                        .ant-spin-container {
                            height: 100%;
                        }
                    }
                }
            }
        }
    }
    ._Table_ div:first-child{
        height: 100%;
    }
    .ant-table-thead div:first-child{
        height: auto ;
    }
    ._PbRightPanel_fish_eye {
        width: 290px !important;
    }
    ._Eptz_ {
        width: 290px !important;
        .label-normal-wrapper {
            width: unset !important;
        }
        .range-content .label-normal-wrapper{
            width: 90 / @px-unit !important;
        }
    }
    .right_orgin_hide {
        display: none;
    }
    .right_orgin_flex {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .calender_box {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .chl_table {
        height: 350 / @px-unit;
    }
    .playback_channel_show {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .playback_channel_none {
        display: none;
    }
    ._PbRightPanel_rightpanel_show {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px 8px;
        height: 100%;
    }
    ._PbRightPanel_rightpanel_hide {
        display: none;
    }
    .mask_datum {
        position: relative;
        width: 100%;
    }
    .mask_panel {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 10;
        
        
    }
    .mask_panel_all {
        height: 90%;
    }
    .mask_panel_show {
        display: block;
    }
    .mask_panel_hide {
        display: none;
    }

}





._CheckBoxGroupModal_ {
    max-height: calc(100vh - 50vh);
    height: auto;
    overflow-y:auto;
    .check-box-group-container{
        width: 100% !important;
    }
    .check-box-group-wrapped{
        width: 100% !important;
    }
    .checkBoxRow{
        width: 100%;
        display: flex;
        justify-content: space-between;
        .checkBoxItem-all{
            display: flex;
            align-items: center;
        }
        .checkBoxItem{
            width: 46%;
        }
        .rightItem{
            display: flex;
            justify-content: center;
        }
    }
    .label-normal-behind{
        
        line-height: 28 / @px-unit;
    }
}


._RegionofInterest_ {
    
    
    
    height: 100%;
    position: relative;
    padding: 40/@px-unit 0;
}

.timeLine {
    position: relative;
}



._VideoOperationPanel_ {
    padding: 4 / @px-unit;
    display: flex;
    align-items: center;
    .operation-icon {
        font-size: 32 / @px-unit;
        padding: 2 / @px-unit;
        
        .svgOut(.color_N(@preview_center_bottom_Bg)[]);
        &.disabled_icons{
            .svgDisabled(.color_D(@preview_center_bottom_Bg)[]);
        }
    }
    .operation-divider {
        height: 26 / @px-unit;
        margin-top: 4 / @px-unit;
        background-color: @ocxBg;
    }
    .audio-box {
        display: flex;
        align-items: center;
    }
    .rule-draw{
        display: inline-block;
        position: relative;
    }
    .intel_detect {
        display: inline-block;
        position: relative;
    }
    .intel_detect_inner {
        height: 40 / @px-unit;
        background-color: @tableOddBgN;
        position: absolute;
        top: 0;
        left: 40 / @px-unit;
        padding: 2 / @px-unit 0 0 10 / @px-unit;
        z-index: 10;
    }
    .intel_detect_show {
        display: inline-block;
    }
    .intel_detect_hide {
        display: none;
    }
    .cut_box {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 10 / @px-unit;
        .ant-picker {
            width: 122px !important;
        }
        .label-normal-container a {
            
            color: @buttonNormalBorderN;
        }
        .label-normal-wrapper {
            height: 32px;
            line-height: 32px;
        }
        .ant-picker {
            height: 32px;
        }
        .ant-picker-input {
            height: 22px;
        }
    }
    .cut_line {
        .label-div-Container {
            width: 170px !important;
        }
    }
    .cut_show {
        display: flex;
    }
    .cut_hide {
        display: none;
    }
    .progress_text {
        
        width: auto;
    }
    .cut_operation {
        
        
        height: 32px;
        
        text-align: center;
        width: 30px;
        background-color: @buttonNormalBgN;
        border: 1px solid @buttonNormalBorderN;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .cur-icon {
        .svgFont(28);
    }
    .ivs-color {
        svg {
            & + {
                path:first-child {
                    fill: @current !important; 
                }
            }
        }
    }
    .audio-box-slider {
        width: 120 / @px-unit;
    }
    .select-ivs-btn {
        width: 48px;
    }
    .ivs-button {
        border-color: @current !important;
        color: @current !important;
    }
}
._operation_smd_ {
    display: flex;
    .label-normal-container {
        padding: 4px 0 !important;
    }
    .labelText-wrapper {
        width: 90px;
    }
}
.cutPanel_rangePicker{
    @media screen and (max-width: 1280px) {
        min-width: 300 / @px-unit;
    }
}
.intel_detect-contain{
    width: 400 / @px-unit !important;
    .labelCheckboxGroup{
        width: 400 / @px-unit !important;
    }
}

.direct-label{
    width: 66 / @px-unit!important;
}
.direct-wrap{
    width: 110  / @px-unit !important;
}

._BottomPanel_bottom_select {
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    .bottom_select_left {
        width: 180 / @px-unit;
        height: 50px;
        line-height: 50px;
        padding: 0 / @px-unit 16 / @px-unit;    
                   
        color: .color_N(@--toolbar-bg)[];
    }
    .bottom_select_center {
        flex-grow: 1;
        height: 50px;
        line-height: 50px;
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
        
        .label-div-Container{                        
            .ant-checkbox-wrapper{
                color: .color_N(@--toolbar-bg)[];
            }
        }
    }
    .bottom_select_right {
        width: 260 / @px-unit;
        height: 50px;
        line-height: 50px;
        padding: 16 / @px-unit;
        display: flex;
        flex-direction: row;
        align-items: center;
        
        .operation-icon{
            .svgOut(.color_N(@--toolbar-bg)[]);
        }
    }
    .bottom_select_slider {
        width: 168 / @px-unit;
    }
    .mask_center {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 2;
        
        
    }
    .mask_center_show {
        display: block;
    }
    .mask_center_hide {
        display: none;
    }
}


._FileListPanel_ {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    &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: 66 / @px-unit;
        height: 40 / @px-unit;
        text-align: center;        
        
        background-color: @playback_Right_iConBtn_bg;
        border: 1 / @px-unit solid @buttonNormalBorderN;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    &bottom_item_lock {
        line-height: 50 / @px-unit;
    }
    &bottom_icon {
        font-size: 30 / @px-unit !important;
    }
    &timer_piker {
        width: 290px;
        margin: 10 / @px-unit 0;
    }
    ._Table_ {
        margin-top: 0;
        flex: 1;
        overflow: hidden;
        .m-table-showEmpty{
            height: 100%;
            .ant-table-wrapper {
                height: 100%;
            }
        }
        .ant-table {
            & > .ant-table-container {
                tr {
                    td {
                        height: 40px;
                    }
                }
                th {
                    height: 40px !important;
                }
            }
        }
    }
}


._TagListPanel_ {
    display: flex;
    flex-direction: column;
    align-items: center;
    
    
    
    
    
    
    
    
    
    
    &bottom {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 60 / @px-unit;
        padding: 0 10px 4px 10px;
        display: flex;
        justify-content: space-between;
    }
    &bottom_item {
        width: 66 / @px-unit;
        height: 40 / @px-unit;
        text-align: center;
        background-color: @playback_Right_iConBtn_bg;
        border: 1 / @px-unit solid @buttonNormalBorderN;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    &bottom_icon {
        font-size: 30 / @px-unit !important;
    }
    .timePiker-box {
        width: 290px;
        margin: 10 / @px-unit 0;
    }
}




.header-bar{
    position: absolute;
    top: 0;
    height: 40 / @px-unit;
    display: flex;
    align-items: center;
    width: 100%;
    .count-icon-bright {
        width: 30%;
        svg {
            & + {
                path:first-child {
                    fill: @current !important; 
                }
            }
        }
    }
    .count-icon{
        width: 30%;
    }
    .count-icon-disabled {
        pointer-events: none;
        width: 30%;
    }
    .right-icon{
        float: right;
        margin-right: 10 / @px-unit;
        padding-left: 60 / @px-unit;
    }
}


._RegionofInterest_ {
    .list-wrap{
        height: 100%;
        .flat-list {
            height: 100%;
            padding: 10 / @px-unit;
            overflow-y: scroll;
            .win-view{
                
                
                margin-top: 0px;
                margin-bottom: 20000px;
            }
        }
        .footer-bar{
            position: absolute;
            bottom: 0;
            height: 40 / @px-unit;
            display: flex;
            width: 100%;
            .footer-item{
                display: flex;
                flex:1;
                justify-content: center;
                align-items: center;
                .left-arrow:hover{
                    color: @anchorTextA;
                    cursor:pointer
                }
                .right-arrow:hover{
                    color: @anchorTextA;
                    cursor:pointer
                }
            }
        }
        
    }

}



.intereting-modal{
    width: 100% !important;
    height: 100%;
    .ant-modal-content{
        height: 100%;
        .ant-modal-body{
            height: 93%;
            display: flex;
            flex-direction: column;
            padding-bottom: 0;
            .intereting-modal-header {
                flex-shrink: 0;
                height: 40 / @px-unit;
                .header-bar {
                    width: 300 / @px-unit !important;
                    margin-top: 20 / @px-unit;
                }
            }           
            .intereting-modal-wrap{
                position: relative;
                height: 100%;
                overflow-y: scroll;
                flex-grow: 1;
                
                .interet-card-wrap{
                    width: 300 / @px-unit;
                    float: left;
                    margin-right: 20 / @px-unit;
                    margin-bottom: 10 / @px-unit;
                }
            }
        }
    }
}

.intereting-footer{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    .all-label{
        width: 50 / @px-unit !important;
    }
}

._TagListTable_ {
    .label-normal-behind {
        &.pl-0 {
            padding-left: 0 / @px-unit !important;
        }

        .label-normal-container {
            padding-top: 0 / @px-unit !important;

            button {
                margin-left: 1.5rem;
            }
        }
    }
    .date-range-picker {
        .validity-picker {
            width: 500 / @px-unit !important;
        }
    }
    .modal-footer {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        justify-content: flex-end;
    }
    .btn-left {
        margin-right: 10 / @px-unit;
    }
    .taglist-tabel {
        margin-top: 8 / @px-unit;
    }
    ._tag_list_panel_ {
        .label-normal-behind {
            .label-normal-container {
                padding: 0 !important;
            }
        }
    }
    ._Table_ .ant-table-body {
        min-height: 280 / @px-unit;
    } 
}


._FileLockTable_ {
    .label-normal-behind {
        &.pl-0 {
            padding-left: 0 / @px-unit !important;
        }

        .label-normal-container {
            padding-top: 0 / @px-unit !important;

            button {
                margin-left: 1.5rem;
            }
        }
    }
    .date-range-picker {
        .validity-picker {
            width: 500 / @px-unit !important;
        }
    }
    .modal-footer {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        justify-content: flex-end;
    }
    .btn-left {
        margin-right: 10 / @px-unit;
    }
    .lock_tabel {
        margin-top: 8 / @px-unit;
    }
    ._lock_list_panel_ {
        .label-normal-behind {
            .label-normal-container {
                padding: 0 !important;
            }
        }
    }
    ._Table_ .ant-table-body {
        min-height: 288 / @px-unit;
    } 
}


._FileList_ {
    width: 290px;
    overflow: hidden;
    .fileList_type_icon {
        display: flex;
        padding-left: 20 / @px-unit;
        align-items: center;
        .svgHover(@iconColorN);
    }
    .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;
    }
    .type_color_fileList_general {
        background-color: @general;
    }
    .type_color_fileList_ivs {
        background-color: @ivs;
    }
    .type_color_fileList_alarm {
        background-color: @alarm;
    }
    .type_color_fileList_detect {
        background-color: @detect;
    }
    .type_color_fileList_pos {
        background-color: @pos;
    }
    .type_color_fileList_card {
        background-color: @card;
    }
    .fileList_type_lock_hide {
        display: none;
    }
    .ant-pagination-simple-pager{
        
        color: @playback_Right_Font_N;
        input{
            color: @formInputTextN;
        }
    }
    
    .ant-pagination-next,
    .ant-pagination-prev{
        .svgOut(@playback_Right_Font_N);
        &.ant-pagination-disabled{
            .svgDisabled(@playback_Right_Font_D);
        }
    }
    .ant-spin-container .ant-table-pagination {
        display: flex !important;
    }
    .ant-checkbox-indeterminate .ant-checkbox-inner {
        border: 1px solid @pageBorderN;
    }
    .ant-spin-nested-loading {
        height: 100%;
    }
    .ant-spin-container {
        height: 100%;
        flex: 1;
        display: flex;
        flex-direction: column;
        .ant-table {
            flex: 1;
            overflow: hidden;
            &>.ant-table-container {
                height: 100%;
                min-height: 350 / @px-unit;
                .ant-table-content {
                    overflow-y: scroll;
                    height: 100%;
                }
                .ant-table-header {
                    overflow: visible !important;
                    height: auto;
                }
            }
        }
        .ant-table-fixed-header{
            height: 95%;
        }
        thead {
            position: sticky;
            top: 0;
            z-index: 1;
        }
        ::-webkit-scrollbar {
            width: 0px;
        }
    }
}

._FileList_card {
    width: 290px;
    border: none;
    background-color: @tableOddBgN;
    color: @pageTextN;
    margin-top: 20 / @px-unit;
    .ant-card-body {
        padding: 16px !important;
    }
}
.tag-list-top {
    color: @playback_Right_Font_N;
    width: 290px;
    height: 36 / @px-unit;
    line-height: 36 / @px-unit;
    text-align: center;
    border-top: 1 / @px-unit solid @tableBorderN;
    border-left: 1 / @px-unit solid @tableBorderN;
    border-right: 1 / @px-unit solid @tableBorderN;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


._TagList_ {
    width: 290px;
    ._Table_ .ant-table-body {
        min-height: 500 / @px-unit;
    }
    .tag-list-top-wrapper {
        padding-bottom: 0 !important;
    }
    .tag-list-top {
        width: 290px;
        height: 36 / @px-unit;
        line-height: 36 / @px-unit;
        text-align: center;
        border-top: 1 / @px-unit solid @tableBorderN;
        border-left: 1 / @px-unit solid @tableBorderN;
        border-right: 1 / @px-unit solid @tableBorderN;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .ant-pagination-simple-pager{
        
        color: @playback_Right_Font_N;
        input{
            color: @formInputTextN;
        }
    }
    
    .ant-pagination-next,
    .ant-pagination-prev{
        .svgOut(@playback_Right_Font_N);
        &.ant-pagination-disabled{
            .svgDisabled(@playback_Right_Font_D);
        }
    }

    .ant-spin-container .ant-table-pagination {
        display: flex !important;
    }
    
    
    
    
    ._Table_ {
        margin-top: 0;
        .ant-table {
            & > .ant-table-container {
                tr {
                    td {
                        height: 40px;
                    }
                }
                th {
                    height: 40px !important;
                }
            }
        }
    }
}




.win-view {
    .target-card {
        margin-bottom: 10/ @px-unit;
    }
}
.target-card{
    height: 150/ @px-unit;
    
    background-color: @aiPanel_cardBg;
    border: 1 / @px-unit solid @pageBorderN;
    
    position: relative;
    .card-content{
        height: 125/ @px-unit;
        img{
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    }
    .card-bottom{
        position: absolute;
        bottom: 0/ @px-unit;
        width: 100%;
        
        height: 25/ @px-unit;
        display: flex;
        align-items: center;
        padding: 10/ @px-unit;
        background-color: @aiPanel_box_bottom-color;
        color: .color_N(@aiPanel_box_bottom-color)[];
    }

    .tool-bar{
        background-color: @aiPanel_box_bottom-color;
        height: 30px;
        position: absolute;
        top: 0px;
        width: 100%
    }
}

.selected{
    border: 1 / @px-unit solid @current;
}

.ivsParameterSet {
    
    
    
    height: calc(100% - 66px);
    .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;
    }
}

}



._HDPT_ {
    
    
    

    .line-row {
        display: flex;
    }
}



._ToSpeak_ {
    .broadcast_wrapper {
        display: flex;
        justify-content: center;
        .broadcast_content{
            width: 120 / @px-unit;
            height: 42 / @px-unit;
            border: 1px solid @--component-border;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 24 / @px-unit;
            cursor: pointer;
            .cus_icons{
                font-size: 36 / @px-unit;
            }
        }
    }
}


._Optex_ {
    
    
    
    .line-row {
        display: flex;
    }
}



._HDPT_ {
    .page-view{
        .same-line {
            display: flex;
            align-items: center;
            .label-div-Container {
                margin-right: 30/@px-unit !important;
            }
        }
        .header-bold {
            font-weight: bolder;
            color: @--font-l;
        }
    }
}




._WaterLevelDetection_ {
    height: calc(100% - 66px);
    
    
    
    .ivsParameterSet;

    .AlarmInput-channel-select {
        .label-normal-container {
            display: flex;
            align-items: center;
        }
    }

    fieldset {
        overflow: hidden;
    }
    .mark-point{
        padding: 5/@px-unit;
    }
    .mark-point-btns{
        display: flex;
        justify-content: space-between;
    }
    .mark-point-coordinate{
        display: flex;
        align-items: center;
        column-gap: 10 / @px-unit;
        .label-normal-wrapper{
            width: 100 / @px-unit !important;
        }
    }
    .mark-point-water-level{
        .label-normal-wrapper{
            width: 150 / @px-unit !important;
        }
    }

    .panel-left{
        display: flex;
        flex-direction: column;
    }
}



._ToSpeak_{
    .manage-grid-successIcon {
        .svgOut(@successIcon);
        .svgFont(20);
    }
    .manage-grid-errorIcon {
        .svgOut(@errorColor);
        .svgFont(20);
    }
}


._SHDBPage_ {
    
    
    

    .line-row {
        display: flex;
    }
    .input-left{
        margin-left: 20  / @px-unit;
    }
}



._Buddy_ {
    
    
    

    .line-row {
        display: flex;
    }
}



._SGJGPage_ {
    
    
    

    .line-row {
        display: flex;
    }

}
.sgjs-modal-wrap{
    .ant-modal-content {
        .ant-modal-body{
            .ant-tabs {
                .ant-tabs-nav {
                    .ant-tabs-tab {
                        width: 150 / @px-unit;
                        height: 50px;
                        text-align: center;
                        background: @tabBgN;
                        color: @tabTextN;
                        border: 1px solid @tabBorder;
                        margin: 0;
                        justify-content: center !important;
                        &.ant-tabs-tab-active {
                            background: @tabBgA;
                            .ant-tabs-tab-btn{
                                color: #FFFFFF !important;
                            }
                        }
                    }

                    .ant-tabs-ink-bar {
                        visibility: hidden;
                    }
                }
            }
        }  
        .ant-modal-footer {
            text-align: left !important;
        }   
    }
}


._PicInPic_ {
    
    
    

    .line-row {
        display: flex;
    }
}



._WhiteBlackLibNameSet_ {
    
    
    

    .page-view {
        display: flex;
        align-items: center;
        .label-div-Container {
            margin-right: 30/@px-unit !important;
        }
    }
}



._WaterLevelDetection_ {
    .parameter-panel {
        display: flex;
        flex-direction: column;
        overflow-y: hidden;
        margin-left: 18 / @px-unit !important;
        height: 100%;
    }
}



._Optex_ {
    .page-view {
        .manage-grid-errorIcon {
            .svgOut(@errorIcon);
            .svgFont(20);
        }
        .manage-grid-successIcon {
            .svgOut(@successIcon);
            .svgFont(20);
        }
    }
}

.optex-setting-modal{
    .optex-setting-row{
        display: flex;
        justify-content: space-between;
    }
}



._PassengerFlowStatistics_ {
    display:flex;
    align-items:center;
    justify-content:center;
    @pgheight: 300/@px-unit;
    @largeFont: 30px;
    height: 100%;
    .page-view {
        width: 100%;
        .showNum {
            color: @current;
        }
        .FlagIcon {
            & >.ant-space-item {
                height: 100%;
            }
            font-size: @largeFont;
            .cus_icons:not(.disabled_icons) svg path:first-child {
                fill: #005A9C;
            }
        }
        .page-space {
            height: @pgheight;
            & >.ant-space-item {
                height: 100%;
                margin-left: 30/@px-unit;
            }
        }
        .summary_light {
            height: @pgheight;
            width: @pgheight * 0.6
        }
        .StayIcon.cus_icons {
            font-size: @pgheight / 2;
        }
        .ExitIcon.cus_icons, .EnterIcon.cus_icons {
            font-size: @pgheight / 5;
        }
        .page-item {
            display: flex;
            flex-flow: column;
            height: 100%;
        }
        .topLabel {
            font-size: @largeFont * 2;
            flex: 1;
        }
        .bottom {
            width: 100%;
            align-self: flex-end;
        }
        .bottomTip {
            font-size: @font-huge;
            margin-top: 30/@px-unit;
        }
        .stayGreen {
            color: @current;
        }
        .stayRed {
            color: #ff0000;
        }
        .stayYellow {
            color: #fb953c;
        }
        .tipGreen {
            color: #00FF00;
        }
        .tipRed {
            color: #ff0000;
        }
        .tipYellow {
            color: #fb953c;
        }
    }
}




._LeaveDetection_ {
    height: calc(100% - 66px);
    
    
    
    .ivsParameterSet;

    .AlarmInput-channel-select {
        .label-normal-container {
            display: flex;
            align-items: center;
        }
    }

    fieldset {
        overflow: hidden;
    }
}


._WorkClothesDetectionSearch_ {
    &line {
        display: flex;
    }
}


._MarkPlugin_ {
    width: 460/@px-unit;
    padding: 5/@px-unit;
    
    padding-top: inherit; 
    &ocx {
        width: 450/@px-unit;
        height: 337/@px-unit;
    }
    &button, &divider {
        width: 450/@px-unit;
    }   
    &filter {
        div {
            display: inline-block;
        }
    }
    button {
        width: 100/@px-unit;
    }
    .left {
        float: left;
    }
    .right {
        float: right;
    }
    .ant-radio-wrapper {
        display: block;
    }
    .ant-radio-wrapper {
        margin-right: 0/@px-unit;
    }
    .ant-radio, span.ant-radio + * {
        vertical-align: top;
    }
}




._ChannelNameGDDW_ {
    
    
    

    .line-row {
        display: flex;
    }
    padding-top: inherit; 
    height: 100%;
    .ChannelList {
        height: 90%;
        overflow-y: auto;

        .gutter-row {
            padding: 0 10px;
        }
    }
}



._LeaveDetection_ {
    .parameter-panel {
        display: flex;
        flex-direction: column;
        overflow-y: hidden;
        margin-left: 18 / @px-unit !important;
        height: 100%;
    }
}





.labelSlider-float-center{
    width: 50/@px-unit;
}
._PtzZoom_{
    background-color: @preview_right_ptzStep_Bg;
    width: 180 / @px-unit;
    .labelSlider{
        padding: 10px 0 ;
    }
    .labelSlider-float{
        width: 2rem;
        cursor: pointer;
        border-radius: 15px;
        background: @--font-r;
        width: 1.4rem;
        height: 1.4rem;
    }
    .labelSlider-float:hover{
        background-color: @--primary-6;
    }
    .labelSlider-float-right {
        float: right;
        margin-right: 15px;
    }
    .labelSlider-float-left{
        float: left;
        margin-left: 15px;
    }
    .labelSlider-float-center{
        display: inline-block;
        width: 6.571429rem;
        text-align: center;
    }
    .cus_icons:not(.disabled_icons) svg path:first-child{
        fill:@--font-l;
    }
    .cus_icons:not(.disabled_icons):not(.noHover).active svg path:first-child, .cus_icons:not(.disabled_icons):not(.noHover):hover svg path:first-child{
        fill:@--font-l;
    }
}

._PtzZoom_ ._PtzZoom_Icon{
    font-size: 1.4rem;
}




._PtzStep_{
    height: 75 / @px-unit;
    .ptzsteptop{
        padding-top:5 / @px-unit ;
        padding-left: 10/@px-unit;
        .label-div-Container{
            margin-top: 15/@px-unit;
        }
    }
    .labelSlider-center{
        width: 170 / @px-unit;
        height: 70 / @px-unit;
    }
    .ant-slider-tooltip{
        left: 100/@px-unit !important;
        top: -30 / @px-unit !important;
        .ant-tooltip-content{
            line-height: 9px;
        }
        .ant-tooltip-inner{
            background-image: url('/static/media/sliderTip.png');
            height: 20px;
            width: 20px;
            background-size: 22px 22px;
            bottom: 4px;
            color: @--font-l !important;
            background-color: @--component-bg;
            background-repeat: no-repeat;
        }
        .ant-tooltip-arrow{
            display: none;
        }
    }
}

@close :40/@px-unit;
.home_settingBtn {
    width: 180 / @px-unit;
    border-radius:15px;
    background-color:#606468 !important;
    height: calc(@navMenuHeight - 24px);
    > span:first-child{
        width: 100/@px-unit;
    }
}
.home_settingBtn:hover {
    background-color:@--option-bg-select !important;
    .cus_icons{