.label-normal-container {
                display: flex;
            }
        }
        .checkBoxItem-behind{
            width: 100%!important;
        }
        .rightItem{
            display: flex;
            justify-content: center;
        }
    }
}
.targetSetting{
    overflow-y:auto;
}



.passbyNumColor {
    color: #e9d760;
}

._FaceDetection_ {    .fd_right {        width: 495 / @px-unit;    }    .channelSelect {        padding-top: 0px !important;        padding-bottom: 0px !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.9;    .snap-img{        opacity: 0.9;    }}
._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;            }        }}
._LocalAlarm_ {    .container_left {        width: 480 / @px-unit;    }}
._AlarmSiren_behind_btn {
    .label-div-Container {
        .label-normal-container {
            padding: 0 !important;
        }
    }
}

._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;    } }
.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;        }    }}
.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.header-time: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;    }}
.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{    color: @errorColor !important;}.copy_registry_modal {    ._Table_ {        .ant-table-body {            min-height: 250/@px-unit !important;        }     }}
._viewAiResult_ {    .label-normal,    .labelText-wrapper {        height: 20/@px-unit;        line-height: 20/@px-unit;    }        height: 212/@px-unit;    .ant-row {        height: 680/@px-unit;        overflow: auto    }    .activeItem {        border: 1px solid @formInputBorderA  !important;    }    ._viewAiResult_similarity {        margin: 0 8px 7px 5px;    }    .picData_content {        margin: 5/@px-unit 5/@px-unit;        width: 268/@px-unit;        height: 212/@px-unit;        float: left;        border: 1px solid @ai_DataItem_bd;        background-color: @ai_DataItem_bg;                .picData_groupName {            height: 35/@px-unit;            line-height: 35/@px-unit;            margin-left: 10/@px-unit;            font-size: @font-huge;            color: @pageTextA;            overflow:hidden !important;        }                .picData_imgContent {            width: 268/@px-unit;            height: 112/@px-unit;            margin-bottom: 8/@px-unit;            img {                display: inline-block;                width: 120/@px-unit;                height: 100%;                margin: 0 5/@px-unit 0 5/@px-unit;            }        }        .picData_imgContentByPic{                        height: 137/@px-unit;                        margin:10/@px-unit 0 8/@px-unit 0;            img {                display: inline-block;                width: 120/@px-unit;                height: 100%;                margin: 0 5/@px-unit 0 5/@px-unit;            }        }                .picData_progress {            margin: 0 8px 7px 5px;            background: @ai_progress_default;            height: 14/@px-unit;            position: relative;            color: @pageTextA;            display: flex;            align-items: center;            .progress_item {                display: inline-block;                height: 100%;            }            .progress_red {                background: @ai_progress_red;            }            .progress_orange {                background: @ai_progress_orange;            }            .progress_blue {                background: @ai_progress_blue;            }                        .progress_label {                position: absolute;                right: 0;                line-height: 14/@px-unit;                top: 0;            }        }        .picData_smallImgContent {            width: 268/@px-unit;            height: 112/@px-unit;            margin-bottom: 8/@px-unit;            img {                display: inline-block;                width: 120/@px-unit;                height: 100%;                margin: 0 5/@px-unit 0 5/@px-unit;            }        }        .picData_imgAndInfo {            overflow: hidden;            margin: 35/@px-unit 0px 22/@px-unit 0px;        }        .picData_smallImgContent {            width: 132/@px-unit;            float: left;        }        .picData_info {            display: inline-block;            .label-normal-container {                height: 18/@px-unit;                padding: 0px !important;            }            color: @buttonNormalTextN;        }        .picData_labelCheck {            background: @ai_labelCheck_bg;            height: 32/@px-unit;            line-height: 32/@px-unit;            padding: 5/@px-unit 10/@px-unit;            display: flex;            flex-direction: row;            justify-content: space-between;            .ch_number {                height: 20/@px-unit;                line-height: 20/@px-unit ;                color: .color_N(@ai_labelCheck_bg)[];            }            .label-normal-container {                height: 20/@px-unit;                padding: 0px !important;                color: .color_N(@ai_labelCheck_bg)[];                .label-normal {                    color: .color_N(@ai_labelCheck_bg)[];                }            }            .ant-checkbox {                top: 0px;            }        }    }        .human_detect {        .compliantIcon{            font-size: 150/@px-unit;            margin-top: -200/@px-unit;            margin-left: 150/@px-unit;            &:hover {                svg {                    & + {                        path:first-child {                            fill: @iconColorN !important;                        }                    }                }            }        }        .compliantIcon_operatemonitor{            font-size: 120/@px-unit;            position: absolute;            bottom: 0;            margin-left: 150/@px-unit;            &:hover {                svg {                    & + {                        path:first-child {                            fill: @iconColorN !important;                        }                    }                }            }        }        .picData_human_detect_imgAndInfo {            margin-top: 20/@px-unit;            height: 156/@px-unit;            display: flex;            flex-direction: row;            justify-content: center;            .human_detect_width140 {                width: 140/@px-unit            }            .human_detect_width268 {                width: 268/@px-unit            }            .picData_imgContentByPic {                height: 137/@px-unit;                margin: 0;                float: left;                img {                    display: inline-block;                    height: 100%;                    margin: 0 5/@px-unit 0 5/@px-unit;                    max-width: 120/@px-unit;                }                .pic_humanImg {                    height: 100%;                    margin: 0;                    width: 120/@px-unit;                    float: left;                    text-align: center;                }                .nonmoperson-face {                    height: 60%;                    width: 80/@px-unit;                    float: right;                }                .face {                    height: 137/@px-unit;                    margin: 0;                    float: right;                    margin-left: 30/@px-unit;                }            }            .pic_humanImg {                height: 100%;                margin: 0;                width: 120/@px-unit;                float: left;                text-align: center;            }            .person {                margin-left: 10/@px-unit;                display: inline-block;                height: 100%;                max-width: 120/@px-unit;                width: auto;            }            .nonmoperson-face {                height: 60%;                width: 80/@px-unit;                float: right;            }            .face {                height: 137/@px-unit;                margin: 0;                float: right;                margin-left: 30/@px-unit;            }        }    }        .vehicle_detact {        .picData_vehicle_detect_imgAndInfo {            margin-top: 10/@px-unit;            height: 166/@px-unit;            display: flex;            flex-direction: row;            justify-content: center;            .picData_imgContentByPic {                position: relative;                width: 140/@px-unit;                height: 155/@px-unit;                margin: 0;                float: left;                img {                    width: 120/@px-unit;                    display: inline-block;                    height: 100%;                    margin: 0 5/@px-unit 0 5/@px-unit;                }                .vehicle {                    width: 120/@px-unit;                    height: 120/@px-unit;                    display: block;                    margin: 0 auto;                    position: absolute;                    top: 0/@px-unit;                    left: 5/@px-unit;                }                .plate {                    width: 120/@px-unit;                    height: 32/@px-unit;                    display: block;                    margin: 0 auto;                    position: absolute;                    top: 121/@px-unit;                    left: 5/@px-unit;                }            }            .picData_info {                height: 166/@px-unit;                .plateWhiteListDB {                    width: 120/@px-unit;                    height: 30/@px-unit;                    line-height: 30/@px-unit;                    text-align: center;                    margin-top: 54/@px-unit;                    float: left;                    border: 1/@px-unit solid @vehicle_whiteplate_borderColor;                    background-color: @vehicle_whiteplate_bgColor;                    color: .color_N(@vehicle_whiteplate_bgColor)[];                }                .plateBlackListDB {                    width: 120/@px-unit;                    height: 30/@px-unit;                    line-height: 30/@px-unit;                    text-align: center;                    margin-top: 54/@px-unit;                    float: left;                    background-color: @vehicle_blackplate_bgColor;                    color: .color_N(@vehicle_blackplate_bgColor)[];                    border: 1px solid @vehicle_blackplate_borderColor;                }                .plateNormalListDB {                    display: none                }            }        }    }}.infotext{    width: 115/@px-unit;    display: flex;}.info_label{    max-width: 70/@px-unit;    white-space: nowrap;    text-overflow: ellipsis;    overflow: hidden;}.info_val{    max-width: 45/@px-unit;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}

._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;
    }
}
._PlaybackIndex_ {                height: 100%;    width: 100%;    display: flex;    overflow: hidden;    &layout {        height: 100%;        width: 100%;        display: flex;    }    &center {        background-color: @ocxBg;        border-left: 1px solid @ocx_Border;        border-right: 1px solid @ocx_Border;        display: flex;        flex-direction: column;        justify-content: space-between;        flex: 1 1 auto;        &_plugin {            flex: 1 1 auto;            display: flex;            flex-flow: inherit;             .ocxLocation {                flex-grow: 1;            }        }            }    &right {                width: 308px;        background-color: @playback_Right_Bg;        .ant-layout-sider-children {            display: flex;            flex-direction: column;        }    }}
.login-container {    height: 100%;    width: 100%;    .login-backgroundImage {        position: absolute;        height: 100%;        width: 100%;        left: 0;        top: 0;        background-size: cover;                background-image: url('/static/media/login_bg_@{theme}.jpg');    }    .login-box {        background-color: transparent;        position: absolute;        left: 50%;        top: 40%;        margin-left: -190 / @px-unit;        margin-top: -150 / @px-unit;        .login-logo {            height: 60 / @px-unit;            width: 330 / @px-unit;            background-size: contain;            margin-bottom: 30 / @px-unit;            background-repeat:no-repeat;            background-position-x: center;            background-image: url('/custom_logo/web_logo.png');            background-repeat:no-repeat;        }                &.logo-left{            display: flex;            flex-direction: row;            .login-logo{                margin-top: 20%;            }        }        &.logo-right{            display: flex;            flex-direction: row-reverse;            .login-logo{                margin-top: 20%;            }        }    }}.login-container .login-box .Login-Form,.NamePwdInput {    .pd-active>svg path:first-child{        fill:@pdEyeIconA;        opacity: 0.5;    }    .pd-default>svg path:first-child{        fill:none;        opacity: 0.5;    }    .ant-input-affix-wrapper-focused {        .pd-active>svg path:first-child{            fill:@pdEyeIconA;            opacity: 1;        }        .pd-default>svg path:first-child{            fill:none;            opacity: 1;        }    }    .label-normal-wrapper {        width: 100%;    }    background-color: transparent;    text-align: center;    margin-top: 10 / @px-unit;        .ant-input{        &:not(:focus){            &:hover{                border-color: @formInputBoderN;            }        }        &:focus{            opacity: 1;        }    }    .ant-input,    .ant-select{        background-color: transparent;        color: @loginFormInputText;        height: 100%;        font-size: 18 / @px-unit;        &:not(.ant-select-show-arrow){            opacity: 0.5;        }        .ant-select-selection-item{            opacity: 0.5;        }    }    .ant-select{        &.ant-select-open{            opacity: 1;            svg{                fill:@formInputSvgA !important;            }            .ant-select-selection-item{                opacity: 1;            }        }    }    .ant-select:not(.ant-select-customize-input) .ant-select-selector{        background-color: @loginFormInputBg;    }    .ant-select-single.ant-select-open .ant-select-selection-item{        color: @loginFormInputText;    }    .ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-primary{        background-color: @loginPrimaryBtnBg;        border-color: @loginPrimaryBtnBorder;    }    .ant-btn:not(.btn-link):not(.ant-btn-link).ant-btn-primary:hover:not(:focus):not([disabled]) {        background-color: @loginActiveBtnBg;        border-color: @loginActiveBtnBorder;    }    .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{        box-shadow: none;    }    .ant-select-selector{        border-color: @loginFormInputBorder;    }    .ant-select:not(.ant-select-disabled):hover .ant-select-selector{        border-color: @loginFormInputBorder;    }    .ant-select.ant-select-open:not(.ant-select-disabled):hover{        .ant-select-selector{            border-color: @formInputBorderA;        }    }    .ant-select:not(.ant-select-disabled):hover{        border-color: @loginFormInputBorder;        svg{            fill:@formInputSvgN;        }    }    .ant-input-affix-wrapper,    .label-normal-wrapper {        display: flex;        height: 40 / @px-unit;        background-color: @loginFormInputBg;        border-color: @loginFormInputBorder;        color: @formInputTextN;    }    .ant-input-affix-wrapper-focused {        box-shadow: 0 0 0 0;        border-color: @formInputBorderA;        .ant-input-prefix {            .svgOut(@pdEyeIconA);        }        .ant-input {            opacity: 1;        }    }    .ant-input-suffix:hover {        color: rgb(255, 96, 184);    }    .ant-input-suffix:focus {        color: rgb(255, 96, 184);    }    .ant-input-suffix {        color: yellow;    }    input::-webkit-input-placeholder {        color: #616265    }    input::-ms-input-placeholder {        color: #616265    }    .login-icon {        color: @loginIconSvg;    }    .ant-row {                .ant-col {            padding-top: 0 !important;            padding-bottom: 0 !important;                    }    }    .login-button {        font-size: 20 / @px-unit;         width: 100%;        height: 40 / @px-unit;    }    .login-forget {        font-size: 13 / @px-unit;        margin: 5 / @px-unit 0 30 / @px-unit 0;                padding-left: 10 / @px-unit;        float: right;        cursor: pointer;        color: @loginForgetPwdTextN;        &:hover {            color: @loginForgetPwdTextA;        }    }    .ant-select-selector {        height: 40 / @px-unit;    }}.nextTag_current{    path:first-child{        fill: @current !important;    }}.nextTag:hover{    svg path{        fill: @modalContentText !important;    }}.modalContentContainer{    height: 510 / @px-unit;    overflow-y: auto;    .modalHeader{        display: flex;        align-items: center;        justify-content: center;        border-bottom: 1 / @px-unit solid @modalFooterBorder;        padding-bottom: 18px;        .headerText{            text-align: center;            width: 200 / @px-unit;            font-size: 16px;        }        .headerText_current{            text-align: center;            width: 200 / @px-unit;            color: @current;            font-size: 16px;        }    }    .resetTip{        margin: 175 / @px-unit;        width: 475 / @px-unit;    }    .ResetType{        margin-left: 30 / @px-unit;        .resetSelect{            display: flex;            .SerialNo{                margin-left: 80 / @px-unit;                align-items: center;                display: flex;            }        }        .resetContent{            display: flex;            .QR_background{                width: 292 / @px-unit;                height: 292 / @px-unit;                padding: 12 / @px-unit;                background-color: @formInputTextN;            }            .QRCodeTip{                width: 250 / @px-unit;                margin-left: 40 / @px-unit;                margin-top: 124 / @px-unit;                word-break: break-all;            }            .QRCodeTipEmail {                width: 250 / @px-unit;                margin-left: 40 / @px-unit;                word-break: break-word;            }            .ForeignDevice{                width: 250 / @px-unit;                margin-left: 40 / @px-unit;                word-break: break-all;            }        }    }    .CodeSend{        color: @successColor;    }    .Safecode {        width:100%;        .label-normal-container  {            width: 100%;            .label-normal-wrapper {                width:70% !important;            }        }    }    .PasswordPage{        margin-left: 50 / @px-unit;        margin-top: 40 / @px-unit;        .PasswordItem{            margin-bottom: 40 / @px-unit;        }        .PasswordConfirm{            display: flex;            .PasswordTip{                width: 200 / @px-unit;                margin-left: 12 / @px-unit;            }        }        .PasswordInput{            width: 260 / @px-unit;        }        .passwordCheck_Box{            width: 260 / @px-unit;        }    }}.passwordSyncSuccess{    color:@successColor;}.passwordSyncFail{    color:@errorColor;}.DeviceInit{    height: auto;            .FlexLine{        display: flex;        margin-top: 30 / @px-unit;        .PasswordTip{            width: 260 / @px-unit;            margin-left: 12 / @px-unit;        }    }    .modalHeader{        display: flex;        align-items: center;        padding-left: calc(50% - 1.097*@px-unit);        border-bottom: 1 / @px-unit solid @modalFooterBorder;        padding-bottom: 18px;        .headerText{            text-align: center;            width: 200 / @px-unit;        }        .headerText_current{            text-align: center;            width: 200 / @px-unit;            color: @current;        }    }    .quick{        justify-content:center;        padding-left:0;    }    .InitItem{        margin-left: 40 / @px-unit;        margin-top: 40 / @px-unit;        .quickInitLicenceNoted{            white-space: nowrap;            text-decoration: underline;            cursor: pointer;            display: inline-block;        }    }    .IsInherit{        border-bottom: 1 / @px-unit solid @modalFooterBorder;        margin-top: 20 / @px-unit;        margin-bottom: 20 / @px-unit;    }    .InitQuestion{        margin-left: 120 / @px-unit;    }}.InitGuide_box {    overflow-y: auto;    overflow-x: hidden;}.InitGuide{    height: auto;        height: 600px\0;    max-height: 680 / @px-unit;    width: 80%;            margin-left: 90 / @px-unit;    >div {        width: 700 / @px-unit;    }    .startAndEndTimePicker,.label-normal-behind {        padding: 0!important;        .label-normal-container {            padding: 0!important;        }    }    .label-normal-wrapper > .ant-picker {        width: 125 / @px-unit;    }    .label-date-picker > .ant-picker {        width: 135 / @px-unit;    }    .autoCheckNote{        width: 658/@px-unit;    }}.InitGuide_Law{    height: 600 / @px-unit;    .HeaderTab{        display: flex;        cursor: pointer;        .Tab_Current{            display: flex;            width: 240 / @px-unit;            text-align: center;            height: 50 / @px-unit;            background: @current;            justify-content: center;            align-items: center;            border: 1px solid @tabBorder;            color: @pageTextA;        }        .Tab{            display: flex;            width: 240 / @px-unit;            text-align: center;            height: 50 / @px-unit;            background: @tabBgN;            align-items: center;            justify-content: center;            border: 1px solid @tabBorder;        }    }    .LegalText{        height: 540 / @px-unit;        padding: 20 / @px-unit;        margin-top: 20 / @px-unit;        overflow: auto;    }    .LicenceNoted{        margin-top: 20 / @px-unit;        margin-left: 20 / @px-unit;    }}
.plateNoClass {    padding-left: 0 !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;    }}


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


@IEBrowerColor: @current;
._IPSpeaker_{
    padding: 20 / @px-unit;
    .blueIEBrowser {
        .svgOut(@IEBrowerColor);
    }
    .manage-grid-successIcon {
        .svgOut(@successIcon);
        .svgFont(20);
    }
    .manage-grid-errorIcon {
        .svgOut(@errorColor);
        .svgFont(20);
    }
}


._IPSpeakerCfgModal_{
    
}
._SGCC_ {    .row-flex {        display: flex;        > div {            margin-right: 50px;        }    }}


._BPSLimit_{
    padding: 20 / @px-unit;
}


._IPSpeakerCfgModal_{
    
}
._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;        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: 90%;        width: 100%;        z-index: 10;                    }    .mask_panel_show {        display: block;    }    .mask_panel_hide {        display: none;    }}
._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;    }    .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_ {    .label-normal-container {        padding: 4px 0 !important;    }    .labelText-wrapper {        width: 90px;    }}.cutPanel_rangePicker{    @media screen and (max-width: 1280px) {        min-width: 300 / @px-unit;    }}
.timeLine {
    position: relative;
}

._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;    }}
._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;        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;    }}
._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;                }            }        }    }}
._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;    } }
._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;    } }
._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;    }    .anticon-left,    .ant-pagination-simple-pager,    .anticon-right {        color: @pageTextA;    }    .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;                overflow-y: auto;            }        }        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 {    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;    }    .anticon-left,    .ant-pagination-simple-pager,    .anticon-right {        color: @pageTextA;    }    .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;                }            }        }    }}
.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;    }}}