border-top: 0px; & > tbody { tr { &.ZD-selected-row { background-color: transparent !important; } &.ZD-highlight-row { background: @tableBgA !important; } } } } } } } } .modifyIpTip{ display: flex; justify-content: center; align-items: center; .grid-successIcon { .svgOut(@successIcon); } .grid-errorIcon { .svgOut(@errorIcon) } .grid-unInitIcon { .svgOut(@warningColor) } } @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; .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:none; .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; }} ._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); }} ._AllowBlockList_ { padding: 1rem; padding-top: 2rem; ._Table_ .ant-table-body { min-height: 380 / @px-unit; } } ._PreventAlarm_ { .page-view { } } ._AbnormalDetection_ { .ivsParameterSet; } .AbnormalDetection_crowdModal { ._Table_ .ant-table-body { min-height: 200 / @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; }} .MainPage { width: 100%; ._FaceReImageSearch_UploadImageDiv { width: 100%; .ant-divider-horizontal{ margin: 1/@px-unit !important; } ._FaceReImageSearch_UploadButtons { width: 100%; margin-top: 15/@px-unit; .label-div-Container { margin-right: 15/@px-unit; display: inline-block; } .mostSelected_tip { color: @errorColor; } .clear_button { float: right; } } .upload_imgDiv{ overflow-x: auto; width: 100%; overflow-x: auto; height: 120/@px-unit; line-height: 120/@px-unit; white-space: nowrap; .upload_imgInnerDiv{ width: 100%; } .face_uploadImg { width: 100/@px-unit; height: 100/@px-unit; border: 2/@px-unit solid @com_facesmallpics_border; margin-left: 8/@px-unit; } } .face_uploadImg_selected { border-color: @current !important; } }} ._NumberStat_ { .ivsParameterSet; height: calc(100% - 66px); .fieldsetCtn { overflow-y: auto; } .EventHandler { overflow-y: visible; }} ._PeopleFlow_ { height: calc(100% - 66px); overflow-y: auto;} ._WorkClothesDetection_ { .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; } } ._ObjectMonitor_ { .ivsParameterSet;} .MainPage { width: 100%; ._AcuPickSearch_UploadImageDiv { width: 100%; .ant-divider-horizontal{ margin: 1/@px-unit !important; } ._AcuPickSearch_UploadButtons { width: 100%; margin-top: 15/@px-unit; .label-div-Container { margin-right: 15/@px-unit; display: inline-block; } .mostSelected_tip { color: @errorColor; } .clear_button { float: right; } .label-normal-container { display: flex; align-items: center; } } .upload_imgDiv{ overflow-x: auto; width: 100%; overflow-x: auto; height: 120/@px-unit; line-height: 120/@px-unit; white-space: nowrap; .upload_imgInnerDiv{ width: 100%; } .face_uploadImg { width: 100/@px-unit; height: 100/@px-unit; border: 2/@px-unit solid @com_facesmallpics_border; margin-left: 8/@px-unit; } } .face_uploadImg_selected { border-color: @current !important; } }} ._VehicleDetect_ { ._VehicleDetect-RuleConfig_ { .aiConfig { .between-divider { margin-top: 0; margin-bottom: 0; } .ant-tabs { .ant-tabs-nav { &::before { content: none; } .ant-tabs-tab:not(:first-of-type) { margin-left: 20/@px-unit; } .ant-tabs-tab-btn { height: 40/@px-unit; line-height: 40/@px-unit; padding: 0 8/@px-unit; text-align: center; min-width: 118/@px-unit; width: auto; } } } .vehicleDetect-eventHandler { border: @pageBorderD solid 1/@px-unit } } }}.speed_modal{ .flex_input{ display: flex; .margin-right-5{ margin-right: 5/@px-unit; } }} ._OperateMonitorSearch_ { &line { display: flex; } .tabLine { margin-bottom: 16/@px-unit; } .cus_icons.tabs { margin-right: 10/@px-unit; font-size: 40/@px-unit; svg path { fill: @--font-r; } svg:hover { path { fill: @current; } } } .cus_icons.tabs.select svg path { fill: @current; } } ._OperateMonitor_ { .ivsParameterSet; } ._QueueDetection_ { .ivsParameterSet; height: calc(100% - 66px); .fieldsetCtn { overflow-y: auto; } .EventHandler { overflow-y: visible; }} ._FaceDetection_ { .fd_right { width: 495 / @px-unit; } .channelSelect { padding-top: 0px !important; padding-bottom: 0px !important; }} ._OperateMonitor_ { .ivsParameterSet; } ._Template_ { .line-row { display: flex; } } ._AttributeSearch_ { &line { display: flex; } .tabLine { margin-bottom: 16/@px-unit; } .cus_icons.tabs { margin-right: 10/@px-unit; font-size: 40/@px-unit; svg path { fill: @--font-r; } svg:hover { path { fill: @current; } } } .cus_icons.tabs.select svg path { fill: @current; } } ._viewAiResult_ { .picData_animal_detect_imgAndInfo { margin-top: 20/@px-unit; height: 156/@px-unit; display: flex; flex-direction: row; justify-content: center; } img { width: 140px; height: 100%; } } ._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; }} ._HeatMap_ { ._HeatMap_config{ width: 495 / @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 @--component-border; .boss { 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); } }} .label-normal-behind { .label-normal-container { padding-top: 0px !important; } } ._SmartMotionDetectSearch_behind_btn { .label-div-Container { .label-normal-container { padding: 0 !important; } }}.search_type { padding-left: 30 / @px-unit;}.search_button { float: right; margin-top: -50 / @px-unit;}.SmartMotionDetectSearch_Table { ._Table_ .ant-table-body { min-height: 450 / @px-unit; } > .ant-spin-nested-loading > .ant-spin-container { width: 100%; overflow: hidden; }} .label-normal-behind { .label-normal-container { padding-top: 0px !important; }}._viewAiResult_ { .pic_PlateNo { clear: left; text-align: center; }}._viewAiResult_ { .pic_plateImg { height: 80% !important; margin: 0; width: 120/@px-unit; float: left; text-align: center; .imageplate-panle { width: 100% !important; margin-top: 6/ @px-unit !important; height: 30% !important; } .pic_PlateNo { margin-top: 10% !important; clear: left; text-align: center; } }} ._ExperienceDetialModal_ { @preEmptyH_Exp_Detail: 200 / @px-unit; @detailContentH_Exp: calc(100vh - @navMenuHeight - @preEmptyH_Exp_Detail); position: absolute; width: 100vw !important; height: 100vh !important; max-width: 100vw; margin: 0; padding: 0; top: 0; left: 0; .ant-modal-content { width: 100%; height: 100%; } .detailContainer { height: @detailContentH_Exp; .detailHeader { display: flex; .headerItem { margin-right: 30 / @px-unit; } } .detailContent { width: 100%; height: 100%; overflow: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start; margin-top: 15 / @px-unit; .detailCard { width: 220 / @px-unit; height: 180 / @px-unit; margin: 8 / @px-unit; background-color: @aiPanel_cardBg; &.active { box-shadow: 0 0 3 / @px-unit 2 / @px-unit @current; } .cardPic { width: 100%; height: 150 / @px-unit; img { width: 100%; height: 100%; } } .buildStatus { width: 100%; height: 30 / @px-unit; line-height: 30 / @px-unit; background-color: @aiPanel_box_bottom-color; cursor: pointer; } } } .detailPagination { margin-top: 20 / @px-unit; } } } .plateNoClass { padding-left: 0 !important;} .plateNoClass { padding-left: 0 !important; } @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: @files_upload_box_font_N; text-align: center; line-height: 152/@px-unit; background-color: @files_upload_box_bg !important; .cus_icons{ .svgOut(@files_upload_box_font_N); } } .upload_each:hover { border: 1/@px-unit dashed @--primary-5; color: @--primary-5; .cus_icons{ .svgOut(@--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; } }} .CompliantInfoModal { .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 0px !important } .ant-checkbox-wrapper { width: 120 / @px-unit; }} .header-Timer { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .header-HelpAlarm { cursor: pointer; &:hover { .svgHover(@homeTaskIconColorA); }} .header-homeBack{ cursor: pointer; &:hover{ .svgHover(@homeTaskIconColorA); }} ._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; }} .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; }} ._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; } } .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); }} .cursor { cursor: pointer; &:hover { color: @navMenuTextA; }} ._SideView_ { min-width: 1280px; height: 100%; background-color: @setUpContentBg; .ant-tabs { .ant-tabs-bar { border-bottom-color: @setUpContentBg; .ant-tabs-nav-container { height: 50px; .ant-tabs-nav-wrap { .ant-tabs-nav { .ant-tabs-tab { width: 200 / @px-unit; height: 50px; text-align: center; background: @pagetabBgN; color: .color_N(@pagetabBgN)[]; border: 1px solid @tabBorder; margin: 0; &.ant-tabs-tab-active { background: @tabBgA; color: @tabTextA; } } .ant-tabs-ink-bar { visibility: hidden; } } } } } } .m-side-container { height: 100%; width: 12.5%; min-width: 100px; overflow-y: auto; background: @SideMenuBg; } .m-main-page { height: 100%; background: @setUpBodyBg; & > div { background: @setUpContentBg; width: 100%; height: 100%; } .MainPage { padding: 16 / @px-unit; padding-bottom: 66 / @px-unit; &.noFixedButton { padding-bottom: 0px; } } @media screen and (-webkit-min-device-pixel-ratio: 1.1), (-ms-high-contrast: active), (-ms-high-contrast: none) { .MainPage { &:not(.noFixedButton) { height: calc(100% - 66px); overflow-y: auto; } } } .content-container { overflow-x: hidden; overflow-y: auto; } } .ant-spin-nested-loading, .ant-spin-container { position: static; height: 100%; } ._SideTabView_ { height: 100%; overflow-y: hidden; ._SideTabView_Tabmenu{ .ant-tabs-nav .ant-tabs-tab-btn{ border-top: 0px; border-left: 0px; } } } ._SideTabView_ > .ant-col { position: static; height: 100%; } ._SideTabView_ > .ant-col > .ant-row:nth-child(2) { height: calc(100% - 50px); overflow-y: auto; }} .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; } } .home_settingBtn{ .cus_icons{ .svgHover(@homeTaskIconColorA); margin: 0 15/@px-unit !important; }}.home_settingBtn:hover{ .cus_icons{ .svgOut(@homeTaskIconColorA); }} .userDropMenu{ &.iconDropMenu{ min-width: 130/@px-unit !important; }}.task_userBtn { min-width: 45/@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;}.ant-tabs-dropdown .ant-tabs-dropdown-menu-vertical .ant-tabs-dropdown-menu-item { min-width: 152/@px-unit;} .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; }} .side-button { background-color: transparent; border: none; outline: none;}.sideMenu { .ant-menu { &:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: @SideMenuItemBg; color: @SideMenuTextA; a { color: @SideMenuTextN; } } &.sideMenuBody { height: 100%; border-right: 1px solid @BottomBarBorder !important; background-color: @SideMenuBg; color: @SideMenuTextN; &.ant-menu-inline { .ant-menu-item { margin-top: 0; margin-bottom: 0; width: calc(100%); height: 50px; line-height: 50px; &::after { border-right: none; } .anticon { &.cus_icons { left: 2 / @px-unit; visibility: hidden; position: relative; top: 6 / @px-unit; .svgFont(25); .svgOut(); } &.display-icon { visibility:visible; } } a { margin-left: 15 / @px-unit; font-size: 16 / @px-unit; display: inline !important; color: @SideMenuTextN; } &:active { background: transparent; } &:hover { color: @SideMenuTextA; a { color: @SideMenuTextA; } } &.ant-menu-item-selected { a { color: @SideMenuItemSelectTextA; } .anticon { &.cus_icons { visibility: visible; .svgOut(@SideMenuItemSelectSvgA); } } } .infoBadge { float: right; } } .ant-menu-submenu { .ant-menu-submenu-title { margin-top: 0; margin-bottom: 0; height: 50 / @px-unit; line-height: 50 / @px-unit; span { font-size: 16 / @px-unit; color: @SideMenuTextN; } &:active { background: transparent; } .ant-menu-submenu-arrow { &::before, &::after { background: @SideMenuItemSvgN; } } .anticon { &.cus_icons { position: relative; top: 5 / @px-unit; .svgFont(); &.placeholder { visibility: hidden; } } } .cus_icons { .svgOut( @SideMenuItemSvgN, @SideMenuItemSvgN, @SideMenuItemSvgN ); } } &.ant-menu-submenu-open { .ant-menu-submenu-title { span { color: @SideMenuTextA; } .ant-menu-submenu-arrow { &::before, &::after { background: @SideMenuArrowSvgA; } } .cus_icons { .svgOut( @MenuViewSubItemSvgA, @MenuViewSubItemSvgA, @MenuViewSubItemSvgA ); } } } &:hover:not(.ant-menu-submenu-open) { .ant-menu-submenu-title { span { color: @SideMenuTextA; } } } .ant-menu-item { padding-left: 24px !important; &.ant-menu-item-selected { .anticon { &.cus_icons { visibility: visible; } } a { color: @SideMenuSubItemSelectTextA; } .anticon { &.cus_icons { visibility: visible; .svgOut(@SideMenuSubItemSelectSvgA); } } } a { color: @sideMenuItemTextN; } &:hover:not(.ant-menu-item-selected) { a { color: @sideMenuItemTextA; } } } .ant-menu-sub { background-color: @setUpContentBg; width: 99.5% !important; } } } } }} .ivsParameterSet { height: calc(100% - 66px); .ivsMainRow { height: 100%; } .ivsMainRight, .ivsMainRow > .ant-space, .ivsMainRow > .ant-space > .ant-space-item{ height: 100%; overflow-y: hidden; } .ivsMainRight { display: flex; flex-direction: column; overflow-y: hidden; } .fieldsetCtn { display: flex; flex-direction: column; overflow-y: auto; } fieldset { overflow-y: hidden; } fieldset, .EventHandler { flex: 1; } .fieldsetCtn { height: 95%; } .EventHandler { } legend { width: auto; font-size: @font-size-base; } .AiRulePluginCtn { margin-right: 15 / @px-unit; &>.ant-space-item { overflow-x: hidden; } } .ant-divider-horizontal { margin: 12 / @px-unit 0; } .event-handler { width: 100%; height: 100%; }}.ivsParameterSet {@media screen and (max-height: 600 / @px-unit){ .ivsMainRight, .ivsMainRow > .ant-space, .ivsMainRow > .ant-space > .ant-space-item{ overflow-y: auto; overflow-x: hidden; } .ivsMainRight, .fieldsetCtn { display: block; overflow-y: auto; } fieldset { overflow-y: auto; } .EventHandler { overflow-y: hidden; }}@media screen and (-webkit-min-device-pixel-ratio: 1.25) { .ivsMainRight, .ivsMainRow > .ant-space, .ivsMainRow > .ant-space > .ant-space-item{ overflow-y: auto; overflow-x: hidden; } .ivsMainRight, .fieldsetCtn { display: block; overflow-y: auto; } fieldset { overflow-y: auto; } .EventHandler { overflow-y: hidden; }}} ._Buddy_ { .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; } } } ._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; }} ._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; } }} ._LeaveDetection_ { height: calc(100% - 66px); .ivsParameterSet; .AlarmInput-channel-select { .label-normal-container { display: flex; align-items: center; } } fieldset { overflow: hidden; }} ._WorkClothesDetectionSearch_ { &line { display: flex; }} ._LeaveDetection_ { .parameter-panel { display: flex; flex-direction: column; overflow-y: hidden; margin-left: 18 / @px-unit !important; height: 100%; }}