.flex-checkbox-container {
    display: flex;
    width: 100%;
    justify-content: space-around;

    .flex-checkbox-item {
        flex: 1;
        text-align: center;
        &.left{
            text-align: left;
            &:first-child{
                padding-left: 30px;
            }
        }
    }
}

.paging-container {
    height: 40px;
    margin-top: 20px;
    margin-left: 500px;

    .paging-text {
        display: inline-block;
        width: 200px;
        height: 40px;
        text-align: center;
    }

    .paging-icon {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
    }
}
._VideoLoss_ {    width: 100%;    .form {        height: 100%;        overflow-x: hidden;        overflow-y: auto;    }}

._IpcExtAlarm_ {
    &line {
        display: flex;
    }
    .container_left {
        width: 576 / @px-unit;
    }
}
._AlarmInfo_{    .period {        display: flex;        justify-content: space-between;        align-items: flex-end;    }    .table {        min-height: 440px;        .ant-table {            min-height: 440px !important;        }        .ant-empty-normal {            margin-top: 140px;        }        .table-header {            text-align: center;            user-select: none;        }        .table-icon {            cursor: pointer;        }    }    .table-text {        position: absolute;        right: 1.14285714rem;        transform: translateY(-50px);    }    .backup {        width: 100px;    }    & :nth-child(5) {        text-align: right;        margin-right: 1.14285714rem;;    }}.detail-table {    border: 1px solid @tableBorderN;    .detail-list-item {        display: flex;        color: @tableTextN;        border: none !important;            &:hover {            color: @tableTextA;        }        .detail-key {            width: 30%;            text-align: center;        }        .detail-val {            width: 70%;            text-align: center;        }        p {            margin: 0;        }    }    .detail-list-item-odd {        background-color: @tableEvenBgN;    }    .detail-list-item-even {        background-color: @tableOddBgN;;    }}.detail-footer {    display: flex;    justify-content: space-between;}

._AudioDetection_ {
    height: calc(100% - 66px);
    overflow-y: auto;
}
._VehiclesDistri_ {                .ivsParameterSet;}
._StereoBehavior_ {                .ivsParameterSet;    .ant-divider-horizontal {        margin: 12 / @px-unit 0;    }}


._AlarmSubscription_ {
    display: flex;

    .form {
        width: 40%;
        .list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            .checkbox {
                width: 50%;
                .label-normal-container {
                    width: 100%;
                }
            }
        }

        .audio {
            width: auto !important;
        }
    }

    .table {
        width: 50%;
    }

    
    .fileButton{
        width: 100px;
        height: 32px;
        text-align: center;
        line-height: 24px;
        max-width: 150px;
        min-width: 100px;
        padding: 4px;
        cursor: pointer;
    }
    .fb_active{
        border: 1px solid @pageBorderN;
        color:@pageTextN;
        &:hover{
            color:@pageTextA;
        }
    }

    .fb_disabled {
        border: 1px solid @iconColorD;
        color:@iconColorD;
        background-color: @buttonNormalBgN;
        cursor: default;
    }
    .fileInput{
        display: none;
    }
}

._VideoStructrue_ {                .ivsParameterSet;}
.AddModifyModalView {    ._Table_ .ant-table-body {        min-height: 220 / @px-unit;    }}._MainSubLink_ {    .MainSubGroupTable, .IPCTable {        ._Table_ .ant-table-body {            min-height: 220 / @px-unit;        }     }    }.CameralListModal {    ._Table_ .ant-table-body {        min-height: 200 / @px-unit;    }     .ant-modal-body {        padding: 0 !important;    }    ._Table_ {        margin-top: 0 !important;    }    }.MainSubWarning {    &.cus_icons:not(.disabled_icons) svg path:first-child,    &.cus_icons:not(.disabled_icons):not(.noHover):hover svg path:first-child {        fill: red;    }    &.cus_icons:not(.disabled_icons) svg path:last-child {        fill: black;    }}._calibrate_ocx {    height: 337/@px-unit;}.CalibratePtzZoom {    ._PtzZoom_part {        width: 70/@px-unit;        height: 70/@px-unit;        background-color: transparent;        border-bottom-color: transparent;        border-right-color: transparent;    }}.CalibrateTable {    ._Table_ .ant-table-body {        min-height: 200 / @px-unit;    } }.ptz_colorAlarm {    width: 20/@px-unit;    height: 20/@px-unit;}.ptz_colorAlarm_1 {    background-color: @CalibrateSub1 !important;}.ptz_colorAlarm_2 {    background-color: @CalibrateSub2 !important;}.ptz_colorAlarm_3 {    background-color: @CalibrateSub3 !important;}
._IVSRule_ {                .ivsParameterSet;        .objectSwitch {        width: 200 / @px-unit !important;    }    .TrackTime {        width: 200 / @px-unit !important;    }    .AlarmInput-channel-select {        .label-normal-container {            display: flex;            align-items: center;        }    }}
.stream-card {    width: 450 / @px-unit;        border: 1px solid @tableBorderN;    .card-title {        padding: 0 5 / @px-unit;        height: 35 / @px-unit;        line-height: 35 / @px-unit;        background-color: @streamTopTabBgA;        font-weight: bold;        color: .color_N(@streamTopTabBgA) [];        font-size: 13px;    }    .card-content {        padding: 0 15 / @px-unit;    }    .card-footer {        display: flex;        align-items: center;        justify-content: center;    }}

._DisplayOriginalScaleWin_ {
    height: calc(100vh - 50vh);
    overflow-y:auto;
    .check-box-group-container{
        width: 100% !important;
    }
    .check-box-group-wrapped{
        width: 100% !important;
    }
    .selectContainer{
        width: 100% !important;
        .selectWrapped{
            width: 100% !important; 
        }
    }
    .checkBoxRow{
        width: 100%;
        display: flex;
        justify-content: space-between;
        .checkBoxItem-all{
            display: flex;
            align-items: center;
        }
        .checkBoxItem{
            width: 50%;
            .label-normal-container {
                display: flex;
            }
        }
        .checkBoxItem-behind{
            width: 100%!important;
        }
        .rightItem{
            display: flex;
            justify-content: center;
        }
    }
}
.targetSetting{
    overflow-y:auto;
}

@modalHeaderHeight: 41 / @px-unit;@modalFooterHeight: 60 / @px-unit;@modalBodyHeight: calc(100vh - @modalHeaderHeight - @modalFooterHeight - 2px);.anchor-point {    position: relative;}.ChannelExchangeModal-wrap {    width: 100%;    height: 100%;    .ant-modal {        width: 100% !important;        max-width: 100vw;        height: 100%;        .ant-modal-content {            height: 100%;            .ant-modal-header {                height: @modalHeaderHeight;            }            .ant-modal-body {                height: @modalBodyHeight;                padding: 5 / @px-unit;            }            .ant-modal-footer {                height: @modalFooterHeight;            }        }    }}.content-wrap {    height: 100%;    overflow-y: auto;    padding: 0px 5 / @px-unit;    .grid-line {        display: flex;        margin-bottom: 5 / @px-unit;    }}
._VideoMotion_ {    width: 100%;    .form {        height: 100%;        overflow-x: hidden;        overflow-y: auto;    }    &line {        display: flex;    }    .container_left {        width: 480 / @px-unit;    }}.setting-modal {    .video {        width: 580px;        height: 450px;    }    .form {        width: 250px;        height: 450px;    }}
._LocalAlarm_ {    .container_left {        width: 480 / @px-unit;    }}
._VehiclesDensity_ {    .ant-checkbox-wrapper + .ant-checkbox-wrapper {        margin-left: 0;    }}
._HeatMapTemperReport_ {    .week-label {        width: 100%;        padding: 0 10%;        .week-label-wrap {            width: 100%;            display: flex;            .label-item {                display: flex;                justify-content: center;                align-items: center;            }        }    }    .selector-wrap {        &green {            .ant-checkbox-inner {                background-color: #1ee17f !important;            }        }        &red {            .ant-checkbox-inner {                background-color: #ff4f4f !important;            }        }        &yellow {            .ant-checkbox-inner {                background-color: #fdfc00 !important;            }        }    }}
@barHeight:20 / @px-unit;.windows-card {    margin-left: 5 / @px-unit;    background-color: @preview_windowCard_Bg;    position: relative;    user-select: none;    border: 1px solid @--component-border;    .screen-content{        width: 100%;        height: 100%;        display: flex;        justify-content: center;        align-items: center;        flex-direction: column;        p{            margin-bottom:0        }        .logo-img{                        width: 50%;            height: 30%;            background-size: contain;            background-repeat:no-repeat;                        background-image: url('/custom_logo/web_logo.png');            background-repeat:no-repeat;        }    }    .snap-img-panel{        width: 100%;        height: 100%;        background-size: cover;        background-repeat: no-repeat;        padding-bottom: @barHeight;        .snap-img{            width: 100%;            height: 100%;            object-fit: fill;            user-select: none;            -webkit-user-drag: none;            pointer-events: none        }    }    .channel-bar {        position: absolute;        bottom: 0px;        height: @barHeight;        width: 100%;        background-color: @--block;        .channel-tag{            position: absolute;            right: 0px;            bottom: 0px;        }    }}.forbiden{    pointer-events: auto!important;    cursor: not-allowed!important;    border: 1px solid @--component-border !important;}.normal:hover {    border: 1px solid @--primary-5;}.ghost {    position: fixed;    background-color: @--option-bg-select;    z-index: 9999;    opacity: 0.5;    .snap-img{        opacity: 0.5;    }}
._CrowdDistriRuleConfig_ {    * {        font-family: "arial", "Microsoft YaHei UI", "Microsoft YaHei" !important;    }}
._CrowdDensity_ {    .ant-checkbox-wrapper + .ant-checkbox-wrapper {        margin-left: 0;    }}
._PIRAlarm_ {    width: 100%;    .form {        height: 100%;        overflow-x: hidden;        overflow-y: auto;    }    ._checkbox_pad_ {        padding-left: 186 / @px-unit;    }}
._Normal_ {    .range-tip {        margin: 10px 0 5px;    }    .radar-img {        width: 400px;        height: 300px;        margin-bottom: 20px;;        #heatMapCanvas {            width: 100%;            height: 100%;        }    }    .heat-instruction {        width: 300px;        height: 18px;        background-image: linear-gradient(to right, indigo, blue, green, yellow, orange, red);    }}


._ImageAttr_{
   
    .label-normal-behind {
        .EQ-label-slider-behind {
            display: flex;
        }
    }
}


.passbyNumColor {
    color: #e9d760;
}

._FishEye_ {    .range-tip {        margin: 10/@px-unit 0 5/@px-unit;    }    .radar-img {        width: 300/@px-unit;        height: 300/@px-unit;        margin-bottom: 20/@px-unit;;    }    .heat-instruction {        width: 300/@px-unit;        height: 18/@px-unit;        background-image: linear-gradient(to right, indigo, blue, green, yellow, orange, red);    }    ._fisheye_ocx {        width: 400/@px-unit;        height: 300/@px-unit;        margin-bottom: 20/@px-unit;    }    .rule-num {        width: 300/@px-unit;        display: flex;        > span:first-child {            text-align: left;            flex: 1;        }        > span:last-child {            text-align: right;            flex: 1;        }        >:not(:last-child):not(:first-child){            text-align: center;            flex: 2;        }    }}
._AlarmSiren_behind_btn {
    .label-div-Container {
        .label-normal-container {
            padding: 0 !important;
        }
    }
}
._SMDConfig_ {    .ant-divider-horizontal {        margin: 12 / @px-unit 0;    }        .flex {            display: flex;            align-items: center;        }        .AlarmInput-channel-select {            .label-normal-container {                display: flex;                align-items: center;            }        }}

._OperateMonitorSearch_ {
    &line {
        display: flex;
    }   
}
._FaceIdentify_ {    width: 100%;    height: calc(100% - 66px);    .mainRow {        height: 100%;    }    .form-container {        height: 100%;        display: flex;        flex-direction: column;        margin-left: 20px;        overflow-y: auto;        .channel {            display: flex;            .enable {                width: 10.7143rem;                padding-right: 0.57142857rem;            }        }        .button-group{            display: flex;            .label-div-Container:last-child {                margin-left: 20px;            }        }        .normal-alarm {            .add {                svg {                    path {                        fill: @current;                    }                }            }            .delete {                .svgHover(#f00);            }            svg {                cursor: pointer;            }            .ant-table-body {                min-height: 400 / @px-unit;            }        }        fieldset {                        flex: 1;            .event-handler {                overflow-y: auto;                height: 370 / @px-unit;            }        }    }}
._HeatMap_ {    ._HeatMap_config{        width: 495 / @px-unit;    }}
._ObjectMonitor_ {                .ivsParameterSet;}
._FaceDetection_ {    .fd_right {        width: 495 / @px-unit;    }    .channelSelect {        padding-top: 0px !important;        padding-bottom: 0px !important;    }}
._FrequencyAnalysis_ {    .delete {        .svgHover(#f00);    }    svg {        cursor: pointer;    }}


._AbnormalDetection_ {
    .ivsParameterSet;
}
.AbnormalDetection_crowdModal {
    ._Table_ .ant-table-body {
        min-height: 200 / @px-unit;
    }
}

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


._OperateMonitor_ {
    
    
    
    .ivsParameterSet;
}



._WorkClothesDetection_ {
    
    
    
    .ivsParameterSet;
}



._OperateMonitor_ {
    
    
    
    .ivsParameterSet;
}

._AllowBlockList_ {    padding: 1rem;    padding-top: 2rem;    ._Table_ .ant-table-body {        min-height: 380 / @px-unit;    } }
._NumberStat_ {                .ivsParameterSet;    height: calc(100% - 66px);    .fieldsetCtn {        overflow-y: auto;    }    .EventHandler {        overflow-y: visible;    }}
._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;        }    }}
._FaceConfig_ {    padding: 1rem;    padding-top: 2rem;    .optionChoice {        margin-bottom: 30px;    }    .label-normal {        margin-top: 2px;    }                .buildbutton {        margin-top: 20px;        width: 100px;    }    ._Table_ .ant-table-body {        min-height: 450 / @px-unit;    } }.imexModal {    width: 650/@px-unit !important;}
._AudioAnalyse_ {    height: calc(100% - 66px);    overflow-y: auto;}
._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;    } }

._FaceFlowStat_ {    .condition-type {        .label-normal-wrapper {            width: auto !important;        }    }}
._IVSScheme_ {    .cap-item-container {        display: inline-block;        width: 100px;        height: 100px;        border: 1px solid rgba(166, 170, 178, .5);        margin-right: 10px;    }    .disabled-cap-item-container {        border: 1px solid rgba(166, 170, 178, .2);    }    .cap-item {        width: 100px;        height: 100px;        margin-right: 10px;        font-size: 100px !important;        cursor: pointer;    }    .active {        svg {            path:first-child {                fill: @current !important;             }            path:nth-child(2) {                fill: @current !important;             }                        linearGradient {                stop:first-child {                    stop-color: @current !important;                 }                stop:last-child {                    stop-color: transparent !important;                 }            }        }    }    .disabled {        svg {            path:first-child {                fill: #696969 !important;            }            path:nth-child(2) {                fill: #696969 !important;            }                        linearGradient {                stop:first-child {                    stop-color: @current !important;                 }                stop:last-child {                    stop-color: transparent !important;                 }            }        }    }    .active.disabled {        .active;        svg {            opacity: 0.5;         }    }    .scene-container {        max-height: 595px;        overflow-y: auto;        .scene-box {            width: '50%';            margin-top: 15px;            .scene-title {                display: flex;                padding: 9px;                margin-bottom: 10px;                font-size: 14px;                font-weight: bolder;                color: .color_N(@ai_scene_bg)[];                justify-content: space-between;                align-items: center;                background-color: @ai_scene_bg !important;                span:first-child {                    cursor: default;                    user-select: none;                }            }            &:first-child {                margin-top: 0;            }        }    }    .hide {        display: none;    }}
._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;    }}
.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;        }    }}
.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;        }    }}
._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;    }}

.languageDropMenu {    min-width: 130/@px-unit !important;}.task_languageBtn{    min-width:50/@px-unit ;    .cus_icons{        .svgHover(@homeTaskIconColorA);    }}.task_languageBtn:hover{    .cus_icons{        .svgOut(@homeTaskIconColorA);    }}
.home_settingBtn{    .cus_icons{        .svgHover(@homeTaskIconColorA);        margin: 0 15/@px-unit !important;    }}.home_settingBtn:hover{    .cus_icons{        .svgOut(@homeTaskIconColorA);    }}

._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;
    }
}
.userDropMenu{    &.iconDropMenu{        min-width: 130/@px-unit !important;    }}.task_userBtn {    min-width: 45/@px-unit ;}
.CompliantInfoModal {                .ant-checkbox-wrapper + .ant-checkbox-wrapper {        margin-left: 0px !important    }    .ant-checkbox-wrapper {        width: 120 / @px-unit;    }}
@minModalConentWidth: 1800 / @px-unit; @modalFooterHeight: 60 / @px-unit; @preEmptyHeight: 140 / @px-unit; @modalPicContentHeight: calc(100vh - @navMenuHeight - @modalFooterHeight - @preEmptyHeight); ._FaceLib_ {    margin: 0;    top: 0;    width: 100vw !important;    height: 100% !important;    min-width: @minModalConentWidth;        .ant-modal-header{        width: 100%;    }    .ant-modal-body{        width: 100%;        max-width: 100%;    }    .ant-modal-content {        border: none !important;        width: 100vw;        height: 100%;        min-width: @minModalConentWidth;        position: absolute;        top: 0;        left: 0;        overflow-y:auto !important;        overflow-x: auto !important;        .ant-modal-footer {            position: absolute;            overflow: hidden;            height: @modalFooterHeight;            width: 100%;            bottom: 0/@px-unit;            right: 0/@px-unit;        }        .picContent {               width: 100%;            display: flex;            flex-wrap: nowrap;            height: 100%;            .picLeftContent {                width: 100%;                height: @modalPicContentHeight;                padding-top: 0.5rem;                padding-left: 0.5rem;                overflow-y: auto;                .intel_face_box_passby {                    width: 355/@px-unit;                    height: 162/@px-unit;                    margin-right: 1rem;                    margin-bottom: 1rem;                    background-color: @aiPanel_cardBg;                    position: relative;                    float: left;                    cursor: pointer;                    .PersonPic {                        display: block;                        height: 135/@px-unit;                        width: 120/@px-unit;                        float: left;                    }                    .intel_faceInfo_box_passby{                        width: 220/@px-unit;                        height: 100%;                        float: left;                        padding-right: 10/@px-unit;                        padding-left: 5/@px-unit;                        &>div {                            overflow: hidden;                            white-space: nowrap;                            text-overflow: ellipsis;                        }                    }                }                .picCardItem {                    width: 280/@px-unit;                    height: 162/@px-unit;                    margin-right: 1rem;                    margin-bottom: 1rem;                    margin-top: 1px;                     margin-left: 1px;                    background-color: @aiPanel_cardBg;                    position: relative;                    float: left;                    cursor: pointer;                    .PersonPic {                        display: block;                        height: 135/@px-unit;                        width: 45%;                        float: left;                    }                    .InfoContent {                        width: 55%;                        height: 100%;                        float: left;                        padding-right: 10/@px-unit;                        padding-left: 5/@px-unit;                        &>div {                            overflow: hidden;                            white-space: nowrap;                            text-overflow: ellipsis;                        }                    }                                                        }            }            .picRightContent {                width: 480 / @px-unit;                height: @modalPicContentHeight;                overflow-y: auto;                .checked_div{                    position:relative;                    width: 150/@px-unit;                    height: 150/@px-unit;                    float: left;                }                .delete_icon{                    position: absolute;                    left:2rem;                    top: 1rem;                }                .Thumbnail {                    display: block;                    width: 120/@px-unit;                    height: 135/@px-unit;                    float: left;                    background-color: pink;                    margin: 1rem 2rem;                }            }        }        .picContentLoading{            width: 100%;            height: 100%;        }        .active {            box-shadow: 0 0 3/@px-unit 2/@px-unit @current;        }        .buildStatus {            width: 100%;            position: absolute;            bottom: 0;            left: 0;            height: 25px;            line-height: 25px;            background-color: @aiPanel_box_bottom-color;                    }        .pageLine {            margin-top: 10/@px-unit;            display: flex;            justify-content: space-between;        }        .ant-modal-body {            padding: 10/@px-unit 24/@px-unit;        }    }}.modifyConfig {    float: right;}.personRegistry {    width: 678/@px-unit;    min-width: 678/@px-unit;    height: 600/@px-unit;    min-height: 600/@px-unit;    .ant-modal-body {        display: flex;        width: 100%;        height: 450 /@px-unit;    }    .ant-modal-footer {        height: 66 / @px-unit;    }    .facePath {        width: 140/@px-unit;        height: 160/@px-unit;        margin: 0/@px-unit 20/@px-unit;        margin-right: 40/@px-unit;        background-size: cover;        border: 1px dashed gray;        position: relative;        .person_edit_image {            position: absolute;            width: 100%;            height: 30/@px-unit;            position: absolute;            top: 129/@px-unit;                        opacity:0.5;            background-color: @com_faceRegister_edit_bg;          }        img{            width:100%;            height: 100%;        }        .select_Icon{            height: 100%;            width: 100%;            line-height: 160/@px-unit;        }    }    .personConfig {        width: 440/@px-unit;        height: 341/@px-unit;    }}.Batchregitry {    .batchUpload {        width: 100%;        height: 152/@px-unit;        display: flex;        justify-content: space-around;        align-items: center;        .upload_each,        .upload_eachIE {            width: 46%;            height: 100%;            border: 1/@px-unit dashed @files_upload_box_border_color;            cursor: pointer;            color: @pageTextN;            text-align: center;            line-height: 152/@px-unit;            background-color: @files_upload_box_bg !important;        }        .upload_each:hover {            border: 1/@px-unit dashed @--primary-5;            color: @--primary-5;        }        .selectTip{            margin-top: -135/@px-unit;        }    }    .uploadTips {        width: 100%;        margin-top: 15/@px-unit;    }    }.faceLibModal-btns-row {    display: flex;    align-items: center;    .label-div-Container {                margin-right: 10px;    }}.bottombtnList {    display: flex;            float: right;    .label-div-Container{        float: right;        margin-left: 15/@px-unit;    }}.dateAddModal {    width: 260/@px-unit;}.intel_smallPic_box {    width: 140/@px-unit;    height: 160/@px-unit;    border: 2/@px-unit solid @com_detectsmallPic_bd;    margin: 5/@px-unit;    float: left;    img {        width: 100%;        height: 100%;    }}.intel_smallPic_box_active {    border: 2/@px-unit solid @com_detectsmallPic_select_bd;}.checkImgModal {    width: 700/@px-unit  !important;    height: 500/@px-unit;    .ant-modal-content {        height: 100%;    }    .ant-modal-body {        height: 400/@px-unit;        overflow-y:auto;    }}.import_Table{    height: 480/@px-unit;    width: 800/@px-unit !important;}.copyTable{    height: 300/@px-unit;}.fileListModal{    width: 800/@px-unit !important;    height: 700/@px-unit;        ._Table_ .ant-table-body {        max-height: 380/@px-unit !important;    }  }.import_Result{    display: flex;    flex-direction: row;}.errorCls{    width: 1000/@px-unit;    color: @errorColor !important;}.copy_registry_modal {    ._Table_ {        .ant-table-body {            min-height: 250/@px-unit !important;        }     }}
.label-normal-behind {    .label-normal-container {        padding-top: 0px !important;    }}
.homeside-enter,.homeside-appear {    opacity: 0;}.homeside-enter-active,.homeside-appear-active {    opacity: 1;    transition: opacity 200ms ease-in;}.homeside-enter-done {    opacity: 1;}.homeside-exit {    opacity: 1;}.homeside-exit-active {    opacity: 0;    transition: opacity 200ms ease-in;}.homeside-exit-done {    opacity: 0;}.clearfix {    &::after {        content: '.';        display: block;        height: 0;        visibility: hidden;        clear: both;    }}.header-contain {    height: @navMenuHeight;    background-color: @navBg;    color: @navMenuTextN;    z-index: 1000;        border-bottom: 1px solid @navMenuBorderN;        .svgOut(.color_N(@navBg)[]);     .home_header_right {        display: flex;        justify-content: flex-end;        align-items: center;        padding-right: 0.5rem;        height: @navMenuLineHeight;        > span:first-child {            font-size: @navMenuFontN;            min-width: 235 / @px-unit;        }        .headerDivider {            height: @navMenuLineHeight;            top: 0;            margin: 0 0.5rem;        }    }    .home_header_left {        display: flex;        justify-content: flex-end;        align-items: center;        height: @navMenuLineHeight;        > div:first-child {            margin-left: 8px;        }    }}.header-time {    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}.homaMain-contain {    height: calc(100vh - @navMenuHeight);    position: absolute;    width: 100%;    overflow-x: auto;}.MainPageTip {    text-align: center;}.PasswordExpired {    .PasswordExpiredTip {        display: flex;        .cus_icons:not(.disabled_icons) svg path:first-child {            fill: @warningColor;        }        .Tip {            margin-left: 5 / @px-unit;            margin-top: 5 / @px-unit;        }    }    .PasswordNoTip {        margin-left: 10 / @px-unit;    }}.HomeQRCode {    display: flex;    justify-content: space-around;    .QRCode {        width: 212 / @px-unit;        height: 212 / @px-unit;        padding: 10 / @px-unit;        background-color: @QRCodeBg;        margin: 10 / @px-unit 20 / @px-unit;    }    .ImageCode {        .ant-image {            width: 212 / @px-unit;            height: 212 / @px-unit;            margin: 10 / @px-unit 20 / @px-unit;        }    }    .DescribeText {        text-align: center;    }}


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

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

        .fix-header-content-title {
            color   : .color_N(@--primary-6)[];
        }
    }

    .active-item {
        background-color: @--primary-7;
    }
}
.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;    }}}
._PicInPic_ {                .line-row {        display: flex;    }}
._SensorOSD_ {                .page-view{        display: flex;    }    .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;
        }   
    }
}


._Buddy_ {
    
    
    

    .line-row {
        display: flex;
    }
}



._SHDBPage_ {
    
    
    

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



._NAS_ {
    
    
    

    .line-row {
        display: flex;
    }
}

._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;        }    }}
._WorkClothesDetectionSearch_ {    &line {        display: flex;    }}
._LeaveDetection_ {    height: calc(100% - 66px);                .ivsParameterSet;        .objectSwitch {        width: 200 / @px-unit !important;    }    .TrackTime {        width: 200 / @px-unit !important;    }    .AlarmInput-channel-select {        .label-normal-container {            display: flex;            align-items: center;        }    }    fieldset {        overflow: hidden;    }}
._SensorOSD_ {    .tab-panel-view{        margin: 0px 20/@px-unit;        .sensor-tab{            max-height: 600/@px-unit;            overflow-y: auto;                                                                .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab{                padding: 0 5/@px-unit 0 0;            }            .ant-tabs-left > .ant-tabs-nav .ant-tabs-tab + .ant-tabs-tab{                margin:5/@px-unit 0 0 0;            }            .ant-tabs-left{                margin-left: -10/@px-unit;            }                        .ant-picker{                width: 127/@px-unit;            }            .label-normal-behind {                                min-width: 25/@px-unit !important;                                width: auto;            }            *:focus{                outline-width: 0px;             }            .ant-tabs-content-holder{                min-height: 250/@px-unit;            }                        .ant-spin-container {                .ant-row {                    flex-flow: row nowrap;                }            }                        .ant-tabs-nav .ant-tabs-tab-btn{                min-width:auto;                padding-left:10/@px-unit;                width: 188/@px-unit;                height: 36/@px-unit;                text-align: left;                border: 0/@px-unit;                line-height: 36/@px-unit;                background-color: inherit !important;            }                        .ant-tabs-nav .ant-tabs-tab-disabled .ant-tabs-tab-btn{                color: @pageTextD;            }        }            }    }
._SensorOSD_ {    .airule-player-view{        width: 450 / @px-unit;        height: 350 / @px-unit;        .ocx{            height: 100%;            width: 100%;        }    }    }
._LeaveDetection_ {    .parameter-panel {        display: flex;        flex-direction: column;        overflow-y: hidden;        margin-left: 18 / @px-unit !important;        height: 100%;    }}
.label-normal-behind {    .label-normal-container {        padding-top: 0px !important;    }}