display: flex; .form { width: 40%; .list { display: flex; flex-wrap: wrap; justify-content: space-between; .checkbox { width: 50%; .label-normal-container { width: 100%; } } } .audio { width: auto !important; } } .table { width: 50%; } .fileButton{ width: 100px; height: 32px; text-align: center; line-height: 24px; max-width: 150px; min-width: 100px; padding: 4px; cursor: pointer; } .fb_active{ border: 1px solid @pageBorderN; color:@pageTextN; &:hover{ color:@pageTextA; } } .fb_disabled { border: 1px solid @iconColorD; color:@iconColorD; background-color: @buttonNormalBgN; cursor: default; } .fileInput{ display: none; } } ._ExtendedIn_ { padding-top: inherit; width: 100%; .onlineIcon { .svgOut(@successColor); .svgFont(20); } .offlineIcon { .svgOut(@warningColor); .svgFont(20); } .tag_BtnDiv { display: flex; flex-direction: row; justify-content: space-between; } .tag_RightBtnDiv { display: flex; flex-direction: row; } .save_Btn { margin-right: 10 / @px-unit; }} ._IVSRule_ { .ivsParameterSet; .objectSwitch { width: 200 / @px-unit !important; } .TrackTime { width: 200 / @px-unit !important; } .AlarmInput-channel-select { .label-normal-container { display: flex; align-items: center; } }} .AddModifyModalView { ._Table_ .ant-table-body { min-height: 220 / @px-unit; }}._MainSubLink_ { .MainSubGroupTable, .IPCTable { ._Table_ .ant-table-body { min-height: 220 / @px-unit; } } }.CameralListModal { ._Table_ .ant-table-body { min-height: 200 / @px-unit; } .ant-modal-body { padding: 0 !important; } ._Table_ { margin-top: 0 !important; } }.MainSubWarning { &.cus_icons:not(.disabled_icons) svg path:first-child, &.cus_icons:not(.disabled_icons):not(.noHover):hover svg path:first-child { fill: red; } &.cus_icons:not(.disabled_icons) svg path:last-child { fill: black; }}._calibrate_ocx { height: 337/@px-unit;}.CalibratePtzZoom { ._PtzZoom_part { width: 70/@px-unit; height: 70/@px-unit; background-color: transparent; border-bottom-color: transparent; border-right-color: transparent; }}.CalibrateTable { ._Table_ .ant-table-body { min-height: 200 / @px-unit; } }.ptz_colorAlarm { width: 20/@px-unit; height: 20/@px-unit;}.ptz_colorAlarm_1 { background-color: @CalibrateSub1 !important;}.ptz_colorAlarm_2 { background-color: @CalibrateSub2 !important;}.ptz_colorAlarm_3 { background-color: @CalibrateSub3 !important;} ._VideoStructrue_ { .ivsParameterSet;} ._ImageAttr_{ .label-normal-behind { .EQ-label-slider-behind { display: flex; } } } ._IpcExtAlarm_ { &line { display: flex; } .container_left { width: 576 / @px-unit; } } .manage-table-icon-wrapper { .manage-grid-errorIcon { .svgOut(@errorColor); .svgFont(20); } .manage-grid-successIcon { .svgOut(@successColor); .svgFont(20); }}._AlarmBox_ { .container_left { width: 480 / @px-unit; }} ._VideoBlind_ { width: 100%; .form { height: 100%; overflow-x: hidden; overflow-y: auto; } &line { display: flex; }} ._VideoMotion_ { width: 100%; .form { height: 100%; overflow-x: hidden; overflow-y: auto; } &line { display: flex; } .container_left { width: 480 / @px-unit; }}.setting-modal { .video { width: 580px; height: 450px; } .form { width: 250px; height: 450px; }} ._VideoLoss_ { width: 100%; .form { height: 100%; overflow-x: hidden; overflow-y: auto; }} ._CrowdDistriRuleConfig_ { * { font-family: "arial", "Microsoft YaHei UI", "Microsoft YaHei" !important; }} ._AlarmSiren_behind_btn { .label-div-Container { .label-normal-container { padding: 0 !important; } } } ._SMDConfig_ { .ant-divider-horizontal { margin: 12 / @px-unit 0; } .flex { display: flex; align-items: center; } .AlarmInput-channel-select { .label-normal-container { display: flex; align-items: center; } }} ._HeatMapTemperReport_ { .week-label { width: 100%; padding: 0 10%; .week-label-wrap { width: 100%; display: flex; .label-item { display: flex; justify-content: center; align-items: center; } } } .selector-wrap { &green { .ant-checkbox-inner { background-color: #1ee17f !important; } } &red { .ant-checkbox-inner { background-color: #ff4f4f !important; } } &yellow { .ant-checkbox-inner { background-color: #fdfc00 !important; } } }} ._VehiclesDensity_ { .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 0; }} ._CrowdDensity_ { .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 0; }} ._AllowBlockList_ { padding: 1rem; padding-top: 2rem; ._Table_ .ant-table-body { min-height: 380 / @px-unit; } } ._LogManage_ { .Type{ display: flex; width: 100%; .TimeRange{ display: flex; align-items: center; margin-left: 15 / @px-unit; height: 48 / @px-unit; } .Search{ margin-left: auto; right: 20 / @px-unit; } } .DateRange{ display: flex; justify-content: space-between; align-items:flex-end; } .Clear{ display: flex; float: right; margin-top: 40 / @px-unit; .label-div-Container{ margin-left: 10 / @px-unit; } } .pageLine{ display: flex; float: left; margin-top: 10 / @px-unit; .anticon-left, .ant-pagination-simple-pager, .anticon-right{ color: @pageTextA } .pageTip{ position: absolute; right: 16 / @px-unit; } }}.LogManage_detailModal{ width: 650/@px-unit !important; .loginfo_Table{ height: 291/@px-unit; } .ant-modal-footer{ height: 53 / @px-unit; .LogManage_detailButton{ display: flex; float: right; .label-div-Container{ margin-left: 10 / @px-unit; } } } ._Table_ .ant-table { max-height: 290 / @px-unit; overflow-y: auto; }}.FileBackupEncrypt{ width: 100 / @px-unit;}.TimeFormat{ .ant-picker-header-view{ color: @pageTextA; }} ._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;} ._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); }} ._Normal_ { .range-tip { margin: 10px 0 5px; } .radar-img { width: 400px; height: 300px; margin-bottom: 20px;; #heatMapCanvas { width: 100%; height: 100%; } } .heat-instruction { width: 300px; height: 18px; background-image: linear-gradient(to right, indigo, blue, green, yellow, orange, red); }} ._FrequencyAnalysis_ { .delete { .svgHover(#f00); } svg { cursor: pointer; }} ._WorkClothesDetection_ { .ivsParameterSet; } ._OperateMonitor_ { .ivsParameterSet; } .passbyNumColor { color: #e9d760; } ._OperateMonitor_ { .ivsParameterSet; } ._HeatMap_ { ._HeatMap_config{ width: 495 / @px-unit; }} ._AbnormalDetection_ { .ivsParameterSet; } .AbnormalDetection_crowdModal { ._Table_ .ant-table-body { min-height: 200 / @px-unit; } } ._QueueDetection_ { .ivsParameterSet; height: calc(100% - 66px); .fieldsetCtn { overflow-y: auto; } .EventHandler { overflow-y: visible; }} ._ObjectMonitor_ { .ivsParameterSet;} ._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; } }} ._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; }} ._PeopleFlow_ { height: calc(100% - 66px); overflow-y: auto;} ._OperateMonitorSearch_ { &line { display: flex; } } .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; } }} .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; } }} ._FaceDetection_ { .fd_right { width: 495 / @px-unit; } .channelSelect { padding-top: 0px !important; padding-bottom: 0px !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; } } ._NumberStat_ { .ivsParameterSet; height: calc(100% - 66px); .fieldsetCtn { overflow-y: auto; } .EventHandler { overflow-y: visible; }} ._AudioAnalyse_ { height: calc(100% - 66px); overflow-y: auto;} ._FaceFlowStat_ { .condition-type { .label-normal-wrapper { width: auto !important; } }} ._FishEye_ { .range-tip { margin: 10/@px-unit 0 5/@px-unit; } .radar-img { width: 300/@px-unit; height: 300/@px-unit; margin-bottom: 20/@px-unit;; } .heat-instruction { width: 300/@px-unit; height: 18/@px-unit; background-image: linear-gradient(to right, indigo, blue, green, yellow, orange, red); } ._fisheye_ocx { width: 400/@px-unit; height: 300/@px-unit; margin-bottom: 20/@px-unit; } .rule-num { width: 300/@px-unit; display: flex; > span:first-child { text-align: left; flex: 1; } > span:last-child { text-align: right; flex: 1; } >:not(:last-child):not(:first-child){ text-align: center; flex: 2; } }} ._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; } } }} .label-normal-behind { .label-normal-container { padding-top: 0px !important; }} ._ViewSplit_ { padding-top: inherit; } .CompliantInfoModal { .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 0px !important } .ant-checkbox-wrapper { width: 120 / @px-unit; }} @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; } }} ._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; } } }} ._IntelliRuleBtn_ivs-color { svg path:first-child { fill: @current !important; } } ._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; }} ._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; }} ._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; }} ._DisplayScale_ { padding-top: inherit; } ._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; } }} ._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; }} ._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; } } }} ._IntelligentTrack_ { display: flex;} ._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; } } } ._CrowdDensity_{ .active{ svg path:nth-of-type(1){ fill:@current!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; } } } ._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; } } ._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; }} ._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; }} @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; } }} ._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; } } } } }} ._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; }} ._AlarmOut_ { &wrapper{ width:100%; overflow: hidden; } &down{ width:330 /@px-unit; }} .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; }} ._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; } } ._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; }} .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;} ._WIFI_ { .header-btn-group { display: flex; justify-content: space-between; .btn { align-self: center; } } .wifi-info-container { padding: 0 20px; margin-top: 10px; border: 1px solid rgb(75, 81, 92); .boss { color: #fff; font-weight: bold; } p { margin-bottom: 5px; } } .table-body { margin: 0; text-align: center; } .ant-table-body { min-height: 150px; } .wifi { & + { path:second-child { fill: @iconActiveWifi; } } &.s_05 { .svgOut(@iconActiveWifi); } }} .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; }} ._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; } } } } }} .live { .liveBtn { .label-normal-container { padding-top: 0px !important; padding-bottom: 0px !important; } background-color: red !important; color: white !important; } margin-left: 8 / @px-unit; margin-right: 8 / @px-unit; @media all and (-ms-high-contrast:none) { margin-top: 11 / @px-unit; }} .home_settingBtn{ .cus_icons{ .svgHover(@homeTaskIconColorA); margin: 0 15/@px-unit !important; }}.home_settingBtn:hover{ .cus_icons{ .svgOut(@homeTaskIconColorA); }} .LanguageButtons { .language { background-color: #007A0C !important; color: white !important; } .label-normal-container { padding-top: 0px !important; padding-bottom: 0px !important; } width: 210 / @px-unit; @media all and (-ms-high-contrast:none) { margin-top: 11 / @px-unit; }} .header-HelpAlarm { cursor: pointer; &:hover { .svgHover(@homeTaskIconColorA); }} .cursor { cursor: pointer; &:hover { color: @navMenuTextA; }} .header-Timer { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .languageDropMenu { min-width: 130/@px-unit !important;}.task_languageBtn{ min-width:50/@px-unit ; .cus_icons{ .svgHover(@homeTaskIconColorA); }}.task_languageBtn:hover{ .cus_icons{ .svgOut(@homeTaskIconColorA); }} .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; } }} .header-tabMenu { width: 100%; line-height: @navMenuLineHeight; .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active { background-color: @topTabBgA !important; border: none; color: @navMenuTextA !important; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab { background-color: @topTabBgN; border: none; border-left: 1px solid @topTabBgA; border-right: 1px solid @topTabBgA; text-align: center; line-height: @navMenuLineHeight; width: unset; margin-right: 9/@px-unit; color:@navMenuTextN; } .ant-tabs-bar { border: none; color:@navMenuTextN; margin: 0; } .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container { height: @navMenuLineHeight; } .ant-tabs-nav-container { line-height: @navMenuLineHeight; } .ant-tabs-tab-next{ height: @navMenuLineHeight; color:@navMenuIconSvgN; &:hover{ color:@navMenuIconSvgA; } } .ant-tabs-tab-prev{ height: @navMenuLineHeight; color:@navMenuIconSvgN; &:hover{ color:@navMenuIconSvgA; } } .ant-tabs-tab { height: auto !important; width: auto !important; padding: 0 !important; margin: 0 !important; min-width: 152 / @px-unit; & > div { display: flex; width: auto; min-width: 122 / @px-unit; align-items: center; justify-content: space-between; padding: 0 0.3rem; } .anticon-close{ color:@navMenuIconSvgN !important; margin: 0 !important; } .tab-item { display: flex; margin-left: 5/@px-unit; align-items: center; width: 100%; .ant-image{ width: 25/@px-unit; .ant-image-img{ width: 16/@px-unit; } } .tabIcon{ font-size: 20/@px-unit; } .tab-text{ margin-left: 4/@px-unit; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } } } .ant-tabs-tab-btn:focus, .ant-tabs-tab-remove:focus, .ant-tabs-tab-btn:active, .ant-tabs-tab-remove:active { color:@navMenuTextN; } .errorCls{ width: 100% !important; color: @errorColor; text-align: center; font-size: @font-size-base !important; .errorCls_text { line-height: @navMenuHeight; } }}.ant-tabs-dropdown .ant-tabs-dropdown-menu-vertical .ant-tabs-dropdown-menu-item .header-dropdown-item span { margin-left: 0; text-align: left; width: 25/@px-unit;} .header-homeBack{ cursor: pointer; &:hover{ .svgHover(@homeTaskIconColorA); }} .userDropMenu{ &.iconDropMenu{ min-width: 130/@px-unit !important; }}.task_userBtn { min-width: 45/@px-unit ;} .fix-header-content{ display : flex; justify-content: center; .fix-header-content-item { text-align: center; cursor : pointer; .fix-header-content-title { color : .color_N(@--primary-6)[]; } } .active-item { background-color: @--primary-7; } } .ivsParameterSet { height: calc(100% - 66px); .ivsMainRow { height: 100%; } .ivsMainRight, .ivsMainRow > .ant-space, .ivsMainRow > .ant-space > .ant-space-item{ height: 100%; overflow-y: hidden; } .ivsMainRight { display: flex; flex-direction: column; overflow-y: hidden; } .fieldsetCtn { display: flex; flex-direction: column; overflow-y: auto; } fieldset { overflow-y: hidden; } fieldset, .EventHandler { flex: 1; } .fieldsetCtn { height: 95%; } .EventHandler { } legend { width: auto; font-size: @font-size-base; } .AiRulePluginCtn { margin-right: 15 / @px-unit; &>.ant-space-item { overflow-x: hidden; } } .ant-divider-horizontal { margin: 12 / @px-unit 0; } .event-handler { width: 100%; height: 100%; }}.ivsParameterSet {@media screen and (max-height: 600 / @px-unit){ .ivsMainRight, .ivsMainRow > .ant-space, .ivsMainRow > .ant-space > .ant-space-item{ overflow-y: auto; overflow-x: hidden; } .ivsMainRight, .fieldsetCtn { display: block; overflow-y: auto; } fieldset { overflow-y: auto; } .EventHandler { overflow-y: hidden; }}@media screen and (-webkit-min-device-pixel-ratio: 1.25) { .ivsMainRight, .ivsMainRow > .ant-space, .ivsMainRow > .ant-space > .ant-space-item{ overflow-y: auto; overflow-x: hidden; } .ivsMainRight, .fieldsetCtn { display: block; overflow-y: auto; } fieldset { overflow-y: auto; } .EventHandler { overflow-y: hidden; }}} ._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; }} ._Buddy_ { .line-row { display: flex; } } ._SHDBPage_ { .line-row { display: flex; } .input-left{ margin-left: 20 / @px-unit; } } ._ChannelNameGDDW_ { .line-row { display: flex; } padding-top: inherit; height: 100%; .ChannelList { height: 90%; overflow-y: auto; .gutter-row { padding: 0 10px; } } } ._PassengerFlowStatistics_ { display:flex; align-items:center; justify-content:center; @pgheight: 300/@px-unit; @largeFont: 30px; height: 100%; .page-view { width: 100%; .showNum { color: @current; } .FlagIcon { & >.ant-space-item { height: 100%; } font-size: @largeFont; .cus_icons:not(.disabled_icons) svg path:first-child { fill: #005A9C; } } .page-space { height: @pgheight; & >.ant-space-item { height: 100%; margin-left: 30/@px-unit; } } .summary_light { height: @pgheight; width: @pgheight * 0.6 } .StayIcon.cus_icons { font-size: @pgheight / 2; } .ExitIcon.cus_icons, .EnterIcon.cus_icons { font-size: @pgheight / 5; } .page-item { display: flex; flex-flow: column; height: 100%; } .topLabel { font-size: @largeFont * 2; flex: 1; } .bottom { width: 100%; align-self: flex-end; } .bottomTip { font-size: @font-huge; margin-top: 30/@px-unit; } .stayGreen { color: @current; } .stayRed { color: #ff0000; } .stayYellow { color: #fb953c; } .tipGreen { color: #00FF00; } .tipRed { color: #ff0000; } .tipYellow { color: #fb953c; } }} ._WorkClothesDetectionSearch_ { &line { display: flex; }} ._LeaveDetection_ { height: calc(100% - 66px); .ivsParameterSet; .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%; }}