width: 100%; .flex-item { flex: 1; text-align: center; &.left{ text-align: left; &:first-child{ padding-left: 30px; } } } } .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; } } .passbyNumColor { color: #e9d760; } .echart_lengend_color{ color: @pageTextN; } .echart_line{ color: @pageBorderN; } @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; }} ._ImageAttr_{ .label-normal-behind { .EQ-label-slider-behind { display: flex; } } } ._AudioDetection_ { height: calc(100% - 66px); overflow-y: auto; } @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; }} ._HeatMap_ { ._HeatMap_config{ width: 495 / @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; } }} ._OperateMonitor_ { .ivsParameterSet; } ._QueueDetection_ { .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; } }} ._OperateMonitor_ { .ivsParameterSet; } ._AbnormalDetection_ { .ivsParameterSet; } .AbnormalDetection_crowdModal { ._Table_ .ant-table-body { min-height: 200 / @px-unit; } } ._OperateMonitorSearch_ { &line { display: flex; } } ._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: @--placeholder !important; } path:nth-child(2) { fill: @--placeholder !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; }} ._NumberStat_ { .ivsParameterSet; height: calc(100% - 66px); .fieldsetCtn { overflow-y: auto; } .EventHandler { overflow-y: visible; }} ._AudioAnalyse_ { height: calc(100% - 66px); overflow-y: auto;} ._FaceDetection_ { .fd_right { width: 495 / @px-unit; } .channelSelect { padding-top: 0px !important; padding-bottom: 0px !important; }} ._ObjectMonitor_ { .ivsParameterSet;} ._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; } } ._FrequencyAnalysis_ { .delete { .svgHover(#f00); } svg { cursor: pointer; }} ._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;} ._PeopleFlow_ { height: calc(100% - 66px); overflow-y: auto;} .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; } }} ._Dsiplay_ { .Main8KTip{ .label-normal { visibility: hidden; } .labelText-wrapper { overflow: visible; } } .IntelRule{ display: flex; >div:nth-of-type(1){ margin-left: -8/@px-unit; } >div:nth-of-type(2){ margin-left: 33/@px-unit; } }} ._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; } } }} ._WorkClothesDetection_ { .ivsParameterSet; } ._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; }} .label-normal-behind { .label-normal-container { padding-top: 0px !important; }} ._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; } ._MarkPlugin_ { width: 460/@px-unit; padding: 5/@px-unit; padding-top: inherit; &ocx { width: 450/@px-unit; height: 337/@px-unit; } &button, ÷r { 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; }} ._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; } } .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; } }} ._PlaybackIndex_ { height: 100%; width: 100%; display: flex; overflow: hidden; &layout { height: 100%; width: 100%; display: flex; } ¢er { 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; } }} ._PreviewIndexView_ { padding-top: inherit; height: 100%; display: flex; &left { width: 240 / @px-unit; background-color: @preview_Left_Bg; height: 100%; display: flex; flex-direction: column; justify-content: space-between; &_fastPreview { height: auto; flex: 0 0 auto; } &_channelList { flex: 1 1 auto; overflow-y: auto; margin-top: 20 / @px-unit; border-top: 1px solid @pageBorderN; border-bottom: 1px solid @pageBorderN; } &_bottomBtn { flex: 0 0 auto; margin-bottom: 40 / @px-unit; } } ¢er { 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 { display: flex; flex: 1 1 auto; flex-flow:inherit; background-color: @preview_center_plugin_Bg; .ocxLocation{ flex-grow:1; } } &_bottom { height: 60 / @px-unit; flex: 0 0 auto; background-color: @preview_center_bottom_Bg; display: flex; justify-content: space-between; padding: 0 10 / @px-unit; .cus_icons{ .svgOut(.color_N(@preview_center_bottom_Bg)[]); &.active_icons { .svgOut(@current); } } &_left { display: flex; align-items: center; } &_right { display: flex; align-items: center; } } } &ai_preview { width: auto; height: 100%; } &right { width: 200 / @px-unit; background-color: @preview_Right_Bg; overflow-y: auto; ._preview_right_header_title { height: 35 / @px-unit; background-color: @preview_right_tabTitle_Bg; color: .color_N(@preview_right_tabTitle_Bg)[]; display: flex; align-items: center; width: 200 / @px-unit; padding-left:4 / @px-unit; } .ptz_set_pd { padding-left: 15 / @px-unit; } .ant-layout-sider-children { display: flex; flex-direction: column; } &_alarmout { min-width: 200/ @px-unit; ._ChannelGroup_ div:nth-child(2) .chn_btn { margin-left: 0 !important; } .ant-space-item{ padding-left: 10/@px-unit; } } } ._PreviewIndexView_left{ .ant-divider-horizontal{ margin:10 / @px-unit 0 ; } } ._AIPreviewIcon_.isActive { .svgOut(@current); }} ._BottomPanel_ { display: flex; flex-direction: column; background-color: @preview_center_bottom_Bg; ._BottomPanel_bottom_btn { height: 50px; display: flex; align-items: center; overflow: hidden; } ._BottomPanel_bottom_timeline { height: 92px; } ._BottomPanel_bottom_select { .ant-checkbox-disabled + span { color: .color_D(@preview_center_bottom_Bg) []; } } } ._PbRightPanel_ { display: flex; flex-direction: column; align-items: center; position: relative; height: 100%; &bottom { width: 100%; height: 60 / @px-unit; padding: 0 10px 4px 10px; margin-top: auto; display: flex; justify-content: space-between; align-items: center; background-color: @playback_Right_Bg; } &bottom_x { width: 100%; height: 60 / @px-unit; padding: 0 10px 4px 10px; margin-top: auto; display: flex; justify-content: flex-end; align-items: center; background-color: @preview_Right_Bg; } &bottom_item { width: 66 / @px-unit; height: 40 / @px-unit; text-align: center; background-color: @playback_Right_iConBtn_bg; border: 1 / @px-unit solid @buttonNormalBorderN; display: flex; align-items: center; justify-content: center; } &bottom_icon { font-size: 30 / @px-unit !important; } .label-normal-wrapper { width: 290px !important; } ._PbRightPanel_bottom_itemLeft{ width: 100%; height: 40 / @px-unit; text-align: center; display: flex; align-items: center; justify-content: center; .label-normal-wrapper { width: 50px !important; } } ._PbRightPanel_chl_divider { margin: 5 / @px-unit 0; } ._PbRightPanel_chl_table { flex: 1; overflow: hidden; position: relative; min-height: 150 / @px-unit; width: 290px; margin-top: 14 / @px-unit; .ant-table-body { min-height: auto !important; max-height: none !important; -ms-max-height:none !important; tbody { .ant-table-row { &.ant-table-row-selected { td { background: transparent; } } .ant-table-cell-ellipsis { text-align: left !important; &.ant-table-column-sort { background: transparent; } } } } } .ant-checkbox-indeterminate .ant-checkbox-inner { border: 1px solid @pageBorderN; } ._Table_ { height: 100%; .ant-table { & > .ant-table-container { display: flex; height: 100%; flex-direction: column; .ant-table-header{ overflow: visible !important; height:auto; } tr { td { height: 40px; } } th { height: 40px !important; } } ::-webkit-scrollbar { width: 0px; } } .ant-table-fixed-header{ height: 95%; } .m-table-showEmpty { height: 100%; .ant-table-wrapper { height: 100%; .ant-spin-nested-loading { height: 100%; .ant-spin-container { height: 100%; } } } } } } ._Table_ div:first-child{ height: 100%; } .ant-table-thead div:first-child{ height: auto ; } ._PbRightPanel_fish_eye { width: 290px !important; } ._Eptz_ { width: 290px !important; .label-normal-wrapper { width: unset !important; } .range-content .label-normal-wrapper{ width: 90 / @px-unit !important; } } .right_orgin_hide { display: none; } .right_orgin_flex { display: flex; flex-direction: column; height: 100%; } .calender_box { display: flex; flex-direction: column; align-items: center; } .chl_table { height: 350 / @px-unit; } .playback_channel_show { display: flex; justify-content: center; align-items: center; } .playback_channel_none { display: none; } ._PbRightPanel_rightpanel_show { display: flex; flex-direction: column; align-items: center; padding: 0px 8px; height: 100%; } ._PbRightPanel_rightpanel_hide { display: none; } .mask_datum { position: relative; width: 100%; } .mask_panel { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .mask_panel_all { height: 90%; } .mask_panel_show { display: block; } .mask_panel_hide { display: none; }} ._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; } ._CrowdDensity_{ .active{ svg path:nth-of-type(1){ fill:@current!important; } }} ._IntelligentTrack_ { display: flex;} ._ViewSplit_ { padding-top: inherit; } ._UrgentRecord_ { display: flex; align-items: center; justify-content: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; &box{ width: 210/@px-unit; height:32/@px-unit; padding: 0!important; display: flex; align-items: center; justify-content: flex-start; cursor: pointer; >span:nth-of-type(1){ margin: 0 30/@px-unit 0 10/@px-unit ; } .cus_icons { .svgHover(@iconColorN); } } &checked{ border: 1px solid @urgentRecord_actBorder; background-color: @urgentRecord_actBg; color:.color_A(@urgentRecord_actBg)[]; } &default{ border: 1px solid @urgentRecord_defBorder; background-color: @urgentRecord_defBg; color:@urgentRecord_defText; } &text { width: 124/@px-unit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }} ._Ptz_ { position: relative; margin-bottom: 0 / @px-unit; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: @preview_Right_Bg; min-width: 170px; .ant-btn{ padding:4/ @px-unit 0!important;; } .show{ display: ''; } .hidden{ display: none; } &wrap{ .ant-menu-item, .ant-menu-submenu-title{ padding:0!important; } display: flex; justify-content: flex-start; align-items: center; flex-direction: column; margin-top: 10 / @px-unit; border-bottom: 1 / @px-unit solid @preview_right_ptz_borderBottom_ColorN; .ant-menu{ background: @preview_right_tabTitle_Bg !important; color: .color_N(@preview_right_tabTitle_Bg)[]; height: 35 / @px-unit; width: 100%; } .ant-menu-horizontal { border-bottom-color: @preview_right_tabTitle_Bg; } .ant-menu-horizontal:not(.ant-menu-dark) { .ant-menu-submenu{ padding:0!important; } .ant-menu-item { height: 30 / @px-unit; margin-top: 2 / @px-unit; line-height: 30 / @px-unit; width: 49%; display: flex; justify-content: center; span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .ant-menu-item:hover::after, .ant-menu-item-selected::after { border-bottom: 0px solid transparent; } .ant-menu-item-selected { background: @preview_right_ptzZoom_Bg !important; border-radius: 5 /@px-unit; span { background: @preview_right_ptzZoom_Bg; color: .color_A(@preview_right_ptzZoom_Bg)[]; } } .ant-menu-item:hover { color: .color_A(@preview_right_tabTitle_Bg)[]; } } } &content { margin-top: 15 /@px-unit; height:200 /@px-unit; background-color: @preview_Right_Bg; } &font{ >svg{ font-size:30/ @px-unit!important; } } &icon{ width:20 / @px-unit } &header_bg { width: 150 / @px-unit; height: 150 / @px-unit; margin: 25 / @px-unit 0 15 / @px-unit 25 / @px-unit; & &_icon { .svgFont(150); } } &header_el { width: 150 / @px-unit; height: 150 / @px-unit; display: flex; flex-wrap: wrap; margin: 25 / @px-unit 0 15 / @px-unit 25 / @px-unit; position: absolute; top: -25 / @px-unit; left: 0; & &_icon { .svgFont(40); width: 40 / @px-unit; height: 40 / @px-unit; margin: 5 / @px-unit 5 / @px-unit 5 / @px-unit 5 / @px-unit; &:hover { cursor: pointer; } } }} ._LocalPlay_{ display: flex; align-items: center; justify-content: center; margin: 20/@px-unit 0; &box { display: flex; align-items: center; justify-content: left; cursor: pointer; border: 1px solid @urgentRecord_defBorder; background-color: @urgentRecord_defBg; color:@urgentRecord_defText; width: 210/@px-unit; height:32/@px-unit; padding: 0!important; >span:nth-of-type(1){ margin: 0 30/@px-unit 0 10/@px-unit ; } .cus_icons { .svgHover(@iconColorN); } } &text { width: 124/@px-unit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }} ._ChannelList_ { height: 100%; padding-bottom: 14/@px-unit; @channelFontColor:.color_N(@preview_Left_Bg)[]; .chnlist_tooltip { .ant-tooltip-content { .ant-tooltip-inner { word-spacing: normal; word-break: break-word; } } } .chItem { display: flex; align-items: center; padding: 3/@px-unit; height:31/@px-unit; cursor: pointer; &_cameraIcon { .svgOut(@channelFontColor); margin-left: 20/@px-unit; width: 30/@px-unit; height: 30/@px-unit; } ._cameraIcon_active { .svgOut(@iconColorA); } &_title { margin-left: 15/@px-unit; width: 120/@px-unit; color: @preview_ChnlTextN; } &:hover { .chItem_title { color: .color_N(@preview_ChnlBgA)[] } background-color: @preview_ChnlBgA; .chItem_btn { display: inline-block; } } &_btn { padding: 0 !important; border: 0 !important; background: none !important; height: 30/@px-unit; display: none; } .chItem_btn{ display: none; } .label-div-Container { .label-normal-container .label-normal-wrapper { width: 50/@px-unit !important; } } }} ._OpenAll_ { display: flex; align-items: center; justify-content: center; margin: 20/@px-unit 0; ._OpenAll_box{ width: 210/@px-unit; height:32/@px-unit; padding: 0!important; display: flex; align-items: center; justify-content: left; cursor: pointer; } ._OpenAll_default{ border: 1px solid @talkAndSound_defBorder; background-color: @talkAndSound_defBg; color: @talkAndSound_defText; } .label-div-Container { width: 30/@px-unit; height:32/@px-unit; .label-normal-container { width: 30/@px-unit; height:32/@px-unit; padding-top: 0 !important; .label-normal-wrapper { width: 30/@px-unit !important; height:32/@px-unit !important; } } } ._OpenAll_btn { padding: 0 !important; border: 0 !important; background: none !important; height: 30/@px-unit; } ._OpenAll_down { width: 30/@px-unit; height: 30/@px-unit; border-left: 1px solid @talkAndSound_defBorder; } ._OpenAll_start { width: 210/@px-unit; height: 100%; display: flex; justify-content: left; background-color: @talkAndSound_defBg; border-right: 1px solid @talkAndSound_defBorder; } ._OpenAll_stop { width: 210/@px-unit; height: 100%; display: flex; justify-content: left; background-color: @talkAndSound_actBg; border-right: 1px solid @talkAndSound_defBorder; color: .color_A(@talkAndSound_actBg)[]; } ._OpenAll_text { line-height: 32/@px-unit; width: 64/@px-unit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } ._OpenAll_talk { display: flex; justify-content: center; width: 180/@px-unit; >span:nth-of-type(1){ margin: 0 25/@px-unit 0 -33/@px-unit ; } .cus_icons { .svgHover(@iconColorN); } } ._OpenAll_current { color: @current !important; } } ._DisplayScale_ { padding-top: inherit; } ._TalkAndSound_ { display: flex; align-items: center; justify-content: center; margin: 20/@px-unit 0; &box{ width: 210/@px-unit; height:32/@px-unit; padding: 0!important; display: flex; align-items: center; justify-content: center; cursor: pointer; } &default{ border: 1px solid @talkAndSound_defBorder; background-color: @talkAndSound_defBg; color: @talkAndSound_defText; } .label-div-Container { width: 30/@px-unit; height:32/@px-unit; .label-normal-container { width: 30/@px-unit; height:32/@px-unit; padding-top: 0 !important; .label-normal-wrapper { width: 30/@px-unit !important; height:32/@px-unit !important; } } } &btn { padding: 0 !important; border: 0 !important; background: none !important; height: 30/@px-unit; } &down { width: 30/@px-unit; height: 30/@px-unit; border-left: 1px solid @talkAndSound_defBorder; } &start { width: 180/@px-unit; height: 100%; display: flex; justify-content: center; background-color: @talkAndSound_defBg; border-right: 1px solid @talkAndSound_defBorder; } &stop { width: 180/@px-unit; height: 100%; display: flex; justify-content: center; background-color: @talkAndSound_actBg; border-right: 1px solid @talkAndSound_defBorder; color: .color_A(@talkAndSound_actBg)[]; } &text { line-height: 32/@px-unit; width: 64/@px-unit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } &talk { display: flex; justify-content: center; width: 140/@px-unit; >span:nth-of-type(1){ margin: 0 30/@px-unit 0 -10/@px-unit ; } .cus_icons { .svgHover(@iconColorN); } } ¤t { color: @current !important; }} @list-header-height: 35 / @px-unit;._AIPreview_ { height: 100%; &swrap{ border-right: 1px solid @--split; width: 270 / @px-unit; height: 100%; padding-right: 1 / @px-unit; background-color: @aiPanel_bg_color; &_header{ background-color: @PickerHeaderBg; height: @list-header-height; display: flex; flex-direction: row; justify-content: space-between; background-color: @aiPanel_title_bg_color; &_title{ width: 100%; color: .color_N(@aiPanel_title_bg_color)[]; display: flex; align-items: center; span{ margin-left: 15 / @px-unit; } } &_set_icon{ display: flex; align-items: center; width: 50 / @px-unit; .cus_icons { .svgOut(.color_N(@aiPanel_title_bg_color)[]); .svgHover(.color_A(@aiPanel_title_bg_color)[]); } } } &_list_swrap{ height: calc(100% - @list-header-height); overflow: auto; } } }._AIPreviewIcon_{ .active{ svg path:nth-of-type(1){ fill:@current!important; } }} ._FileListPanel_ { display: flex; flex-direction: column; align-items: center; height: 100%; &bottom { width: 100%; height: 60 / @px-unit; padding: 0 10px 4px 10px; display: flex; align-items: center; justify-content: space-between; } &bottom_mix { display: flex; flex-direction: row; width: 140 / @px-unit; justify-content: flex-start; } &bottom_item { width: 66 / @px-unit; height: 40 / @px-unit; text-align: center; background-color: @playback_Right_iConBtn_bg; border: 1 / @px-unit solid @buttonNormalBorderN; display: flex; align-items: center; justify-content: center; } &bottom_item_lock { line-height: 50 / @px-unit; } &bottom_icon { font-size: 30 / @px-unit !important; } &timer_piker { width: 290px; margin: 10 / @px-unit 0; } ._Table_ { margin-top: 0; flex: 1; overflow: hidden; .m-table-showEmpty{ height: 100%; .ant-table-wrapper { height: 100%; } } .ant-table { & > .ant-table-container { tr { td { height: 40px; } } th { height: 40px !important; } } } }} ._TagListPanel_ { display: flex; flex-direction: column; align-items: center; &bottom { position: absolute; bottom: 0; right: 0; width: 100%; height: 60 / @px-unit; padding: 0 10px 4px 10px; display: flex; justify-content: space-between; } &bottom_item { width: 66 / @px-unit; height: 40 / @px-unit; text-align: center; 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; }} ._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; }} ._QualityBtns_ { .popover_contain{ .popover_icon:not(.disabled_icons):not(.noHover) svg path { fill: .color_N(@preview_center_bottom_Bg)[]; } .popover_icon:hover:not(.disabled_icons):not(.noHover):hover svg path { fill: @--primary-5!important; } } } ._FastPreview_ { height: 100%; padding: 0!important; @fastPreviewBtnColor:.color_N(@preview_Left_Bg)[]; @fastPreviewBtnColor_A:.color_A(@preview_ChnlBgA)[]; &up { display: flex; align-items: center; justify-content: flex-start; margin: 7/@px-unit 0!important; cursor: pointer; color:@fastPreviewBtnColor; &:hover { background-color: @preview_ChnlBgA; color: @fastPreviewBtnColor_A; .icon_default{ svg path:nth-of-type(1){ fill:@fastPreviewBtnColor_A!important; } svg path:nth-of-type(2){ fill: .color_A(@preview_ChnlBgA)[@inverse] !important; } svg path:nth-of-type(3){ fill:@fastPreviewBtnColor_A!important; } } } &_icon{ margin:0 30/@px-unit 0 } } .active{ color:@pageTextA; background-color: @fastPreview_btnActBg; } .icon_active{ svg path:nth-of-type(1){ fill:@successColor!important; } svg path:nth-of-type(2){ fill:@iconBgColor!important; } svg path:nth-of-type(3){ fill:@successColor!important; } } .icon_default{ svg path:nth-of-type(1){ fill:@fastPreviewBtnColor!important; } svg path:nth-of-type(2){ fill:@iconBgColor!important; } svg path:nth-of-type(3){ fill:@fastPreviewBtnColor!important; } } &wrap{ height:32/@px-unit; width:105/@px-unit; position: relative; border:1px solid @fastPreview_border; } .btnClass{ position: absolute; background: transparent!important; right:-15/@px-unit; .cus_icons{ .svgOut(@fastPreviewBtnColor); } } &down{ height:auto!important; padding: 0 !important;; display: flex; justify-content: center; &_left{ max-height: 80vh; min-width:105 /@px-unit!important; overflow: auto; padding: 0!important; left:15/@px-unit!important; .ant-dropdown-menu-root{ width:103/@px-unit; } .ant-dropdown-menu-item{ padding:0!important; white-space: nowrap; } .ant-dropdown-menu-title-content{ display: flex; align-items: center; justify-content: center; } } &_right{ width:110/@px-unit; max-height: 80vh; overflow: auto; padding: 0!important; left:115/@px-unit!important; .ant-dropdown-menu-root{ width:103/@px-unit; } .ant-dropdown-menu-item{ padding:0!important; white-space: nowrap; height:32/@px-unit!important } .ant-dropdown-menu-title-content{ display: flex; align-items: center; justify-content: center; .iconDropitem_name{ display: flex; align-items: center; justify-content: center; } } } &_box{ width:80/@px-unit; height:32 /@px-unit!important; position: absolute; border-right:1px solid @fastPreview_border; z-index:9; display: flex; justify-content: flex-start; align-items: center; .cus_icons{ .svgOut(@fastPreviewBtnColor); } } &_text{ color: @fastPreviewBtnColor; margin-left:10/@px-unit; line-height: 35/@px-unit; } }} ._MultiPreview_ { display: flex; &item { display: flex; position: relative; } &item_split { position: absolute; right: 32/@px-unit; width: auto; height: 32/@px-unit; padding: 0 10/@px-unit; background-color: @mutilPreview_Bg; border: 1/@px-unit solid @mutilPreview_border; } &split_group { display: flex; height: 100%; align-items: center; overflow: hidden; } &split { max-width: 782/@px-unit; overflow: hidden; display: flex; height: 100%; align-items: center; } &number { width: 46/@px-unit; height: 16/@px-unit; border-right: 1/@px-unit solid @preview_center_separator_ColorN; display: flex; justify-content: center; flex-shrink: 0; font-size: 10/@px-unit; cursor: pointer; position: relative; } ¤t { color: @current; } &number:last-child { border-right: none; } &number:hover { color: @current; }} ._AiPreviewModal_{ width: 50% !important; min-width: 750px; }.modal-swrap{ .events-bar{ display: flex; flex-direction: row; margin-top: 0 / @px-unit; .events-bar-btn{ min-width: 180 / @px-unit; .tab-title-btn{ min-width: 140 / @px-unit; } } .events-bar-btn-selected { button{ background: @current!important; border: 1 / @px-unit solid @current!important; color: .color_A(@current)[] !important } } .events-bar-btn-no-selected{ button{ background: @buttonNormalBgN!important; border: 1 / @px-unit solid @buttonNormalBorderN!important; color: .color_N(@buttonNormalBgN)[] !important; } } } .object-params-swrap{ .template-list{ display: flex; margin-top:25 / @px-unit; .template-card-list-item { margin-right: 41/@px-unit; } .card-selected { border: 1 / @px-unit solid @current; } .card-no-selected { border: 1 / @px-unit solid @pageBorderN; } .template-card:last-child{ margin-right: 0 / @px-unit; } } .attri-list{ display: flex; margin-top: 20 / @px-unit; flex-wrap: wrap; min-height: 100 / @px-unit; .attri-btn-swrap{ width: 16.5%; .attri-btn{ width: 85%; .ant-btn>span{ width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .attri-button-contain{ width: 100% !important; } .attri-button-wrap{ width: 100% !important; } } .attri-btn-selected { button{ background: @current!important; border: 1 / @px-unit solid @current!important; color: .color_A(@current)[] !important } } .attri-btn-no-selected{ button{ background: @aiSetPanel_bottom_unSelectBg!important; border: 1 / @px-unit solid @buttonNormalBorderN!important; color: .color_N(@aiSetPanel_bottom_unSelectBg)[] !important; } } } } }} .ai-preview-list{ height: 100%; display: flex; flex-direction: column; align-items: center; padding-top: 5 / @px-unit; .ai-template-card-swrap{ margin: 5 / @px-unit 0 / @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; } } ._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; } } ._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; } } } }} ._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;} .card-selected { border: 1 / @px-unit solid @current;}.card-no-selected { border: 1 / @px-unit solid @pageBorderN;}.template-card-swrap { padding: 3px; position: relative;}.template-listcard { width: 250 / @px-unit !important;}.template-card { display: inline-block; width: 200 / @px-unit; min-height: 177 / @px-unit; background-color: @aiPanel_cardBg; .template-card-top-face-database { height: 20 / @px-unit; padding-top: 2 / @px-unit; display: flex; align-items: center; .face-database-name { width: 50%; padding-left: 15 / @px-unit; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .face-person-name { width: 50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } .template-card-top { height: 145 / @px-unit; display: flex; .template-card-top-swrap { width: 50%; .image-panle { display: flex; flex-direction: row; justify-content: center; width: 100%; height: 100%; } .svg-panle { height: 100%; width: 100%; background-color: @aiPanel_box_color; border: 1 / @px-unit solid @aiPanel_box_bordere_color; display: flex; justify-content: center; align-items: center; .svg-icon { font-size: 7.142857rem; svg { path { fill: @aiPanel_info_bg_color; } } .svgHover(@aiPanel_info_bg_color); } } } .left { padding: 10 / @px-unit 5 / @px-unit 10 / @px-unit 10 / @px-unit; } .center { margin-left: 60 / @px-unit; } .right { padding: 10 / @px-unit 10 / @px-unit 10 / @px-unit 5 / @px-unit; } } .template-card-top-no-center { display: flex; height: 170 / @px-unit !important; .template-card-top-swrap { width: 50%; } .right-attri-list { display: flex; flex-direction: column; height: 100%; justify-content: flex-start; .attri-item-wrapper { display: flex; .attri-left-item { text-align: left; width: 35 / @px-unit; line-height: 35 / @px-unit; flex-shrink: 0; margin-right: 4 / @px-unit; } .attri-right-item { width: 100%; line-height: 35 / @px-unit; } .attri-color-block { width: 100%; display: flex; justify-content: flex-end; align-items: center; } } .attri-item-wrapper-high { .attri-left-item { line-height: 28 / @px-unit; } .attri-right-item { line-height: 28 / @px-unit; } } .thumb-white { border: 1px solid @vehicle_whiteplate_borderColor; background-color: @vehicle_whiteplate_bgColor; color: .color_N(@vehicle_whiteplate_bgColor)[]; } .thumb-black { background-color: @vehicle_blackplate_bgColor; border: 1px solid @vehicle_blackplate_borderColor; color: .color_N(@vehicle_blackplate_bgColor)[]; } .white-black-list { display: flex; justify-content: center; border-radius: 2px; padding-top: 2 / @px-unit; } .OverSpeed{ width: 80 / @px-unit; height: 40 / @px-unit; position: absolute; bottom: 14 / @px-unit; right: 14 / @px-unit; } } .image-panle { display: flex; flex-direction: row; justify-content: center; width: 100%; height: 100%; } .imageList-panle{ width: 100%; height: 100%; .imagesmall-panle{ width: 100%; height: 80%; } .imageplate-panle{ width: 100%; margin-top: 6/ @px-unit; height: 15%; } } .svg-panle { height: 100%; width: 100%; background-color: @aiPanel_box_color; border: 1 / @px-unit solid @aiPanel_box_bordere_color; display: flex; justify-content: center; align-items: center; .svg-icon { width: 100%; font-size: 7.142857rem; svg { width: 100%; path { fill: @aiPanel_info_bg_color; } } .svgHover(@aiPanel_info_bg_color); } } .left { padding: 10 / @px-unit 5 / @px-unit 10 / @px-unit 10 / @px-unit; } .center { margin-left: 60 / @px-unit; } .right { padding: 10 / @px-unit 10 / @px-unit 10 / @px-unit 5 / @px-unit; } } .template-card-center { height: 25 / @px-unit; background-color: @preview_Sider_Bg; } .template-card-cenBtm { height: 28 / @px-unit; line-height: 28 / @px-unit; .template-card-cenBtm-left { float: left; padding-left: 14 / @px-unit; color: @red; } .template-card-cenBtm-right { float: right; padding-right: 10 / @px-unit; } } .template-card-bottom { height: 25 / @px-unit; background-color: @aiPanel_box_bottom-color; padding: 0 / @px-unit 12 / @px-unit 0 / @px-unit 12 / @px-unit; display: flex; align-items: center; width: 100%; color: .color_N(@aiPanel_box_bottom-color)[]; .template-card-bottom-left { width: 30%; } .template-card-bottom-right { width: 70%; display: flex; justify-content: center; } } .template-card-tag { position: absolute; bottom: (-35 / @px-unit); right: (-10 / @px-unit); .svg-icon { font-size: (180 / @px-unit); svg { path { } } .svgHover(@urgentRecord_defText); } .match, .mismatch { font-size: 100/@px-unit; margin: 0 15/@px-unit 30/@px-unit 0 } } .color-0{ color:#a6aab2; }; .color-1{ color:green; }; .color-2{ color:red; };}.template-list .template-card .template-card-top-no-center .right-attri-list .attri-item-wrapper .attri-left-item{ width: 66/@px-unit;}.template-card:last-child { margin-right: 0 / @px-unit;} ._AiPreviewDetailModal_SWRAP{ .ant-modal{ @modalHeight:95vh; @modalWidth:75vw; height: @modalHeight !important; width: @modalWidth !important; .ant-modal-content{ width: 100%; height: 100%; .ant-modal-header{ height: 45 / @px-unit; display: flex; flex-direction: row; align-items: center; padding: 0 / @px-unit 24 / @px-unit; } .ant-modal-body{ padding: 0 / @px-unit; @headerHeight:47 / @px-unit; height: calc(@modalHeight - @headerHeight); ._AiPreviewDetailModal_ { width: 100%; height: 100%; display: flex; .win-preview-panel-swrap{ height:100%; width: 78%; background-color: #3e3e3e; .WinPreview { height: 100%; } } .pic-win-details-swrap{ height:100%; width: 22%; } .WinPreview_ocx{ @WinPreviewFooterHeight:40 / @px-unit; height: calc(100% - @WinPreviewFooterHeight) !important; } } } } }} ._AlarmOut_ { padding-top: inherit; position: relative; &up{ display: flex; justify-content: space-between; align-items: center; color: @preview_ChnlTextN; padding:10/@px-unit 15/@px-unit; ._AlarmOut_header_bg_icon{ .svgOut(@preview_ChnlTextN); } } .active{ border-color: @alramOut_actBorder; color:@alramOut_actText; } .label-div-Container{ width:35/@px-unit; height:45/@px-unit; } ._AlarmOut_right_header_title { height: 35 / @px-unit; background-color: @preview_right_tabTitle_Bg; color: .color_N(@preview_right_tabTitle_Bg)[]; padding-left: 10 / @px-unit; display: flex; align-items: center; width: 100%; } .ant-menu{ background: @preview_right_tabTitle_Bg !important; color: @pageTextN; height: 35 / @px-unit; width: 100%; } .ant-menu-horizontal { border-bottom-color: @preview_right_tabTitle_Bg; } .ant-menu-horizontal:not(.ant-menu-dark) { .ant-menu-item { height: 30 / @px-unit; margin-top: 2 / @px-unit; line-height: 30 / @px-unit; width: 49%; padding: 0 10 / @px-unit; display: flex; justify-content: center; span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .ant-menu-item:hover::after, .ant-menu-item-selected::after { border-bottom: 0px solid transparent; } .ant-menu-item-selected { background: @preview_right_ptzZoom_Bg !important; border-radius: 5 /@px-unit; span { background: @preview_right_ptzZoom_Bg; color: @pageTextA; } } .ant-menu-item:hover { color: @pageTextN; } } } ._IntelliRuleBtn_ivs-color { svg path:first-child { fill: @current !important; } } ._PicturePlay_{ display: flex; align-items: center; justify-content: center; margin: 20/@px-unit 0; &box { display: flex; align-items: center; justify-content: left; cursor: pointer; border: 1px solid @urgentRecord_defBorder; background-color: @urgentRecord_defBg; color:@urgentRecord_defText; width: 210/@px-unit; height:32/@px-unit; padding: 0!important; >span:nth-of-type(1){ margin: 0 30/@px-unit 0 10/@px-unit ; } .cus_icons { .svgHover(@iconColorN); } } &text { width: 124/@px-unit; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }} .pic-details-info{ height: 100%; position: relative; .pic-details-info-list{ height: 100%; .pic-details-info-list-swrap{ overflow: auto; height: 100%; .detail-image{ width: 100%; height: 120px; display: flex; justify-content: center; padding: 10 / @px-unit 0 / @px-unit 10 / @px-unit 0 / @px-unit; .img-swrap{ width: 90px; } } .detail-text-swrap{ display: flex; justify-content: center; } } } .pic-details-bottom{ position: absolute; bottom: 0 / @px-unit; width: 100%; display: flex; height: 40 / @px-unit; border-top: 1 / @px-unit solid @BottomBarBorder; background: @aiPanel_details_bottom_bg; .pic-details-bottom-left{ width: 30%; display: flex; justify-content: center; align-items: center; } .pic-details-bottom-right{ width: 70%; display: flex; justify-content: center; align-items: center; } } .template-card-tag { position: absolute; top:0; left: 0; width: 110%; height: 200px; display: flex; justify-content: center; align-items: center; .svg-icon { font-size: (180 / @px-unit); } .match, .mismatch { font-size: 70/@px-unit; } }} ._AlarmOut_ { &wrapper{ width:100%; overflow: hidden; } &down{ width:330 /@px-unit; }} ._ImageConfig_ { width: 100%; background-color: @preview_Left_Bg; height: 100%; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; ._ImageConfig_button{ .label-div-Container{ margin-left:50/@px-unit; .label-normal-wrapper { width:92/@px-unit!important;; } } } .label-normal-container { width:190/@px-unit!important;; } .label-normal-wrapper{ width:160/@px-unit!important; } .label-normal { width:28/@px-unit!important; } .label-normal-behind { display: none; }} .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; }}} ._Buddy_ { .line-row { display: flex; } } ._SGJGPage_ { .line-row { display: flex; } } .sgjs-modal-wrap{ .ant-modal-content { .ant-modal-body{ .ant-tabs { .ant-tabs-nav { .ant-tabs-tab { width: 150 / @px-unit; height: 50px; text-align: center; background: @tabBgN; color: @tabTextN; border: 1px solid @tabBorder; margin: 0; justify-content: center !important; &.ant-tabs-tab-active { background: @tabBgA; .ant-tabs-tab-btn{ color: #FFFFFF !important; } } } .ant-tabs-ink-bar { visibility: hidden; } } } } .ant-modal-footer { text-align: left !important; } } } ._PicInPic_ { .line-row { display: flex; }} ._ChannelNameGDDW_ { .line-row { display: flex; } padding-top: inherit; height: 100%; .ChannelList { height: 90%; overflow-y: auto; .gutter-row { padding: 0 10px; } } } ._SHDBPage_ { .line-row { display: flex; } .input-left{ margin-left: 20 / @px-unit; } } ._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; } }} .AnatomyTempDetect { .intel_faceInfo_line_bottom { margin-top: 80/@px-unit; .intel_faceInfo_text { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } } } ._LeaveDetection_ { height: calc(100% - 66px); .ivsParameterSet; .AlarmInput-channel-select { .label-normal-container { display: flex; align-items: center; } } fieldset { overflow: hidden; }} ._LeaveDetection_ { .parameter-panel { display: flex; flex-direction: column; overflow-y: hidden; margin-left: 18 / @px-unit !important; height: 100%; }} ._WorkClothesDetectionSearch_ { &line { display: flex; }} ._UserTerm_content { width: 900 / @px-unit; height: 600 / @px-unit; overflow-y: auto; white-space: break-spaces } ._SystemUpgradeIB_ { ._TopTitleDivider_ { display: none; } } ._OnlineUpgradeIB_ { ._MidTitleDivider_ { display: none; margin-top: 0; } } .InitGuide_Law .LegalText { background-color: @initLawBg; } .initGuide-modal { .ant-modal-header { background: url('/static/media/logo_MultiHD.png') no-repeat; background-position: 50% 0; } .autoCheckNote { white-space: normal; } } .deviceInit-modal { .ant-modal-header { background: url('/static/media/logo_MultiHD.png') no-repeat; background-position: 50% 0; } .ant-modal-content { } .ant-modal-body { height: 600 / @px-unit; overflow-y: auto; } .DeviceInit .modalHeader { display: none; } .InitItem { margin-top: 80 / @px-unit; .label-div-Container { margin-bottom: 40 / @px-unit; } .deviceInit_pwdContain { display: flex; } .deviceInit_pwd_onlyTip { width: 220 / @px-unit; padding: 5 / @px-unit; margin-left: 5 / @px-unit; } } } .ant-modal-root { .ant-modal-wrap { .ant-modal .ant-modal-content .ant-modal-header { background-color: @modalTitleIBBg; } } } .deviceInit_hardWaveResetTip { background-color: @initHardWaveResetTipBg; width: auto !important; padding: 15/@px-unit; height: 420/@px-unit; overflow-y: auto; } .login-container { .login-box { .login-logo { margin-bottom: 60 / @px-unit; position: relative; } .login-logo-text { position: absolute; left: 167 / @px-unit; bottom: 0; font-weight: 900; } .Login-Form { .label-normal-wrapper, .ant-select-selector { height: 46 / @px-unit; background-color: initial; } .ant-input-affix-wrapper { height: 46 / @px-unit; background-color: @loginInputBg; } .login-button { height: 46 / @px-unit; } .login-submit { margin-top: 30 / @px-unit; } .login-forget { margin-top: 20 / @px-unit !important; height: 40 / @px-unit; float: none !important; } .ant-input-prefix { .svgOut(@--primary-6); } .ant-select { background-color: @loginInputBg; } } } } .Login_passwordReset_modal { .ant-modal-header { background: url('/static/media/logo_MultiHD.png') no-repeat; background-position: 50% 0; } } .pwdReset_customSafeCode { width: 100%; .label-normal-wrapper { width: 50% !important; } } .PasswordReset_newPwd_contain { display: flex; .PasswordReset_pwd_onlyTip { width: 220 / @px-unit; padding: 5 / @px-unit; margin-left: 5 / @px-unit; } .label-div-Container { margin-bottom: 40 / @px-unit; } } .header-contain-IB { background-color: @--primary-6; height: @IBNavMenuHeight !important; .ant-space { display: flex; justify-content: space-between; } .headerDivider { background-color: @homeTaskBorder !important; } .header-left-IB { display: flex; align-items: center; img { width: 135 / @px-unit; height: 35 / @px-unit; } } .header-right-IB { display: flex; justify-content: flex-end; align-items: center; padding-right: 0.5rem; height: @navMenuLineHeight; .ant-space .ant-space-item { .svgHover(@--font-l-l); &:nth-child(3){ margin-right: 10px !important; } } .task_userBtn { min-width: auto; } } .header-backhome-IB { width: 120 / @px-unit; font-weight: 700; } .iconDropBtn { background-color: @--primary-6; padding: 0; span { margin: 0; } } } .header-intelbrasP2P { cursor: pointer; } .ant-dropdown-menu-item { .svgHover(@--primary-5); } .homaMain-contain { height: calc(100vh - @navMenuHeight - @IBNavMenuHeight); } .header-right-setting .home_settingBtn .cus_icons { margin-left: 0 !important; } .header-contain-config { .ant-space { display: flex; justify-content: space-between; .home_header_right { justify-content: flex-start; width: 200 / @px-unit; } } } .header-p2p-IB { .fixed-button { position: relative; width: 100%; border: 0; padding: 0; height: 20 / @px-unit; margin-top: 20 / @px-unit; } } .homaMain-contain { ._MenuView_ { .MenuView-Carousel { top: 2vh; } .MenuView-Carousel-Page { padding: 2vh 1vw; } .ant-card-grid { padding: 3vw; } .pageContain { width: 200px; flex: none; margin: 0 auto; position: static; max-height: 6vh; } .ViewItem-CardItem { height: 19vh; } } } .swiper-wrapper { height: 64vh !important; } .BottomItem .ItemsWrap { flex-wrap: nowrap; max-height: 14vh; width: 95%; } .BottomItem { top: 0vh !important; .ConfigTitle { margin-top: 30 / @px-unit !important; } .Items { width: 16%; border-right: 1 / @px-unit dashed @homeBottomBorder; flex: none; &:hover { border-color: @homeBottomBorder; } &:last-child { border: none; } .svgHover(@--primary-5); .cus_icons { .svgFont(30); } .BottomText { padding-left: 20%; font-weight: bold; width: 80%; } } } .ant-modal-confirm-info .ant-modal-confirm-body > .anticon{ color: @current; } .playback_bottom_contain { display: flex; justify-content: space-between; width: 100%; } .playback_bottom_left { display: flex; align-items: center; } ._PlaybackIndex_layout { overflow-x: auto; } .logoutConfirm, .rebootConfirm, .shutdownConfirm { .ant-modal-content{ .ant-modal-body{ .ant-modal-confirm-body-wrapper{ .ant-modal-confirm-btns{ button{ background-color: transparent; border-color: #fff; } } .ant-modal-confirm-body{ height: 80 / @px-unit; display: flex; align-items: center; .m-logout-confirm, .m-reboot-confirm, .m-shutdown-confirm{ .svgHover(#fff); width: 80 / @px-unit; height: 80 / @px-unit; svg{ width: 80 / @px-unit; height: 80 / @px-unit; } } .ant-modal-confirm-content{ margin-left: 0px; } } .ant-modal-confirm-btns{ button:hover{ background-color: @--primary-5; border-color: @--primary-5; } } } } } } .logoutConfirm{ .ant-modal-content{ background-color: #eab42a; } } .rebootConfirm, .shutdownConfirm{ .ant-modal-content{ background-color: #d72735; } } ._P2P_ { .p2p_tip { width: 45rem; } .qrcodes { height: 250px; .qrbox { height: 250px; } } } .headerDivider.ant-divider-dashed { background-color: @current !important; border-color: .color_N(@current)[]; height: 22 / @px-unit; } ._SideView_ .m-side-container { height: 100%; } .sideMenu .ant-menu.sideMenuBody{ height: 100%; @media screen and (max-width: 1280px) { height: 100%; } } ._viewAiResult_ .picData_content { display: flex; flex-direction: column; justify-content: space-between; } ._AiSearchResultWindow_layout ._AiSearchResultWindow_right { background-color: @--bg; } ._AiPreviewModal_{ min-width: 850px; } ._AiPreviewModal_ .object-params-swrap .template-card { background-color: @--bg; } .site-calendar-demo-card { .ant-picker-calendar-date-content { width: 100%; height: 100%; } .calender-point { position: relative; width: 100%; height: 100%; background-color: @pageTextN; border: none; border-radius: 0; left: 0; transform: translate(0, -100%); opacity: 0.2; bottom: 2px !important; } } .ant-picker-calendar-date { border: 1px solid #6a7c85; height: 26px; .ant-picker-calendar-date-value { width: 24px; height: 24px; } .ant-picker-calendar-date-content { width: 24px; height: 24px; } } .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before { border: none !important; } ._AlarmController_ .mode { .mode_label_all { width: auto; min-width: 33 / @px-unit; } .radioItem { margin-right: 8 / @px-unit; } } ._RecordControl_ .channel-radios .channel-one-radio-group { width: auto !important; } .SMDConfig_contain { display: flex; height: 100%; &_right { margin-left: 20/@px-unit; overflow-y: auto; } } .H5 { .h5player { .h5playerProptip { top: 65%; } .h5player_header_right { .active .cus_icons { .svgOut(@current); } } } } .audioFile .audioSelect { width: 180 / @px-unit !important; } .ant-btn:not(.btn-link):not(.ant-btn-link) { &:focus { &.active, &:active { background-color: @--primary-7; } } } .ConfigWizard-modal { .ant-modal-body { height: 655 / @px-unit; overflow-y: auto; } } ._SetHDD_text{ padding: 20/@px-unit 20/@px-unit 0 20/@px-unit; } ._SetHDD_ ._LocalStorage_.MainPage{ padding-top: 0; } ._SetRecord_ { .ant-table-body { overflow-y: scroll; max-height: 400 / @px-unit !important; } } .PasswordProtect_answer, .PasswordProtect_question { width: 500 / @px-unit !important; } .PTZ_contain { display: flex; } ._DefaultConfig_checkGroup_IB { .ant-checkbox-group { display: flex; flex-direction: column; .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 0; } } } ._DefaultConfig_defaultBtn_IB { margin-bottom: 300 / @px-unit; } .DefaultUserPwdModal_footer { display: flex; justify-content: space-between; } ._ChannelInfoIB_ { ._Table_{ width: 600 / @px-unit; } ._Table_ .ant-table-body { min-height: 0 / @px-unit; } .channelState{ .svgOut(@successIcon); .svgFont(20); } } ._FAQ_ { .line-row { display: flex; } .qrImg { width: 215px; height: 215px; padding: 5px; background-color: @QRCodeBg; img { width: 100%; height: 100%; } } } @secondary:{ selRuleLineColor: #ffff00; unSelRuleLineColor: #0000ff; selFilterLineColor: #06c8f9; unSelFilterLineColor: #06c8f9; pointRuleSelColor: #01ff01; testAA:fadeout(#01ff01,25%); hddDiskHealth:#009CFF; playbackUplineBgN:@--bg; playbackLineBgN: @--toolbar-bg; playbackCoordinateTextColorN: .color_N(@--toolbar-bg)[]; playbackFramePenColorN: @--bg; playbackNormalTypeColorN: #39D67F; playbackMotionTypeColorN: #D9E612; playbackIntellTypeColorN: #FF9700; playbackAlarmTypeColorN: #D51112; faceTargetColor: rgb(0, 255, 0); bodyTargetColor: rgb(0, 204, 255); vehicleTargetColor: rgb(225, 216, 0); customTargetClolor: rgb(255, 69, 0); normalTempColor: #A6AAB2; abnormalTempColor: #ff0000; okNormalBKColor: @buttonActiveBgN; okHoverBKColor: @buttonActiveBgA; okDownBKColor: @buttonActiveBgA; okTextColor: @buttonActiveTextN; okFrameColor: @buttonActiveBorderN; cancleNormalBKColor: @buttonNormalBgN; cancleHoverBKColor: @btnHoverBg; cancleDownBKColor: @btnHoverBg; cancleTextColor: @buttonNormalTextN; cancleFrameColor: @buttonNormalBorderN; headNormalBKColor: @modalTitleIBBg; headTextColor: @modalTitleText; infoNormalBKColor: @modalBg; infoTextColor: @modalContentText; footerNormalBKColor: @modalFooterBg; }; @navBg: @--bg; @topTabBgN: @--bg; @formInputDropDownBgA: @--option-bg-select; @pickerCellInRangeBg: transparent; @pageTextD: #6a7c85; @MenuViewPageSwiperSvgN: #fff; @MenuViewPageSwitchSvgN: #fff; @modalTitleIBBg: @--primary-6; @formCheckboxBgA: @--primary-6; @formCheckboxInnerA: #fff; @general: #3BD37F; @alarm: #FF4F4F; @detect: #E9D760; @detectalarm: #FF9700; @ivs: #FF9700; @pos: #798AE4; @preview_Sider_Bg: @--bg; @preview_center_bottom_Bg: @--bg; @preview_right_tabTitle_Bg: #2d302d; @preview_right_ptzStep_Bg: #24252A; @preview_right_ptzZoom_Bg: #24252A; @preview_right_ptzBg: #313234; @streamTopTabBgA: @--title; @formInputBgD: @--bg; @aiPanel_box_bottom-color: #393d41; @winpreview_footer_Bg: #2d302d; @homeTaskBorder: #fff; @homeBottomBorder: @dividerColor; @IBNavMenuHeight: 40 / @px-unit; @loginInputBg: rgba(255, 255, 255, 0.1); @initLawBg: #4c4f54; @initHardWaveResetTipBg: #5c5d62; @iconListColorN: @iconNolmal; @safeSecurityStatusColor: @--font-r; @--primary-6: #00a335; @--primary-5: #24b553; @--primary-7: #00822a; @--toolbar-bg: #2a2d32; @--bg: #171b13; @--component-bg: #171b13; @--component-border: #52656c; @--component-bg-disable: #32373c; @--option-bg-select: #00a335; @--menu-bg: #2d302d; @--navTitle-bg: #757f87; @--split: #484c55; @--bg-card: #4b515c; @--block: #3e4648; @--title: #2d302d; @--font-l: #ffffff; @--font-r: #ffffff; @--placeholder: #414449; @--font-s: #a6aab2; @--font-l-l: #000000; @--font-r-l: #262626; @--placeholder-l: #bfbfbf; @--font-s-l: #8c8c8c; @--warning-6: #ffd304; @--warning-border: #b59914; @--warning-bg: #44422d; @--warning-5: #ffdc38; @--warning-7: #cca903; @--success-6: #29d67d; @--success-border: #299b64; @--success-bg: #2a423c; @--success-5: #4bd690; @--success-7: #21ab65; @--error-6: #ff4f4f; @--error-border: #b54345; @--error-bg: #443136; @--error-5: #ff7272; @--error-7: #cc3f3f;