} .m-ml-24 { margin-left: 24/@px-unit !important; } .m-ml-25 { margin-left: 25/@px-unit !important; } .m-ml-29 { margin-left: 29/@px-unit !important; } .m-ml-30 { margin-left: 30/@px-unit !important; } .m-ml-33 { margin-left: 33/@px-unit !important; } .m-ml-35 { margin-left: 35/@px-unit !important; } .m-ml-36 { margin-left: 36/@px-unit !important; } .m-ml-37 { margin-left: 37/@px-unit !important; } .m-ml-40 { margin-left: 40/@px-unit !important; } .m-ml-42 { margin-left: 42/@px-unit !important; } .m-ml-47 { margin-left: 47/@px-unit !important; } .m-ml-48 { margin-left: 48/@px-unit !important; } .m-ml-49 { margin-left: 49/@px-unit !important; } .m-ml-50 { margin-left: 50/@px-unit !important; } .m-ml-50-5 { margin-left: 50.5/@px-unit !important; } .m-ml-52 { margin-left: 52/@px-unit !important; } .m-ml-60 { margin-left: 60/@px-unit !important; } .m-ml-65 { margin-left: 65/@px-unit !important; } .m-ml-70 { margin-left: 70/@px-unit !important; } .m-ml-72 { margin-left: 72/@px-unit !important; } .m-ml-75 { margin-left: 75/@px-unit !important; } .m-ml-90 { margin-left: 90/@px-unit !important; } .m-ml-100 { margin-left: 100/@px-unit !important; } .m-ml-110 { margin-left: 110/@px-unit !important; } .m-ml-112 { margin-left: 112/@px-unit !important; } .m-ml-127 { margin-left: 127/@px-unit !important; } .m-ml-130 { margin-left: 130/@px-unit !important; } .m-ml-150 { margin-left: 150/@px-unit !important; } .m-ml-170 { margin-left: 170/@px-unit !important; } .m-ml-200 { margin-left: 200/@px-unit !important; } .m-ml-220 { margin-left: 220/@px-unit !important; } .m-ml-480 { margin-left: 480/@px-unit !important; } .m-ml-540 { margin-left: 540/@px-unit !important; } .m-ml-586 { margin-left: 586/@px-unit !important; } .m-ml-590 { margin-left: 590/@px-unit !important; } .m-ml-620 { margin-left: 620/@px-unit !important; } .m-ml-765 { margin-left: 765/@px-unit !important; } .m-ml-800 { margin-left: 800/@px-unit !important; } .m-ml-f1 { margin-left: -1/@px-unit !important; } .m-ml-f3 { margin-left: -3/@px-unit !important; } .m-ml-f4 { margin-left: -4p/@px-unit !important; } .m-ml-f5 { margin-left: -5p/@px-unit !important; } .m-ml-f6 { margin-left: -6/@px-unit !important; } .m-ml-f8 { margin-left: -8/@px-unit !important; } .m-ml-f9 { margin-left: -9/@px-unit !important; } .m-ml-f10 { margin-left: -10/@px-unit !important; } .m-ml-f13 { margin-left: -13/@px-unit !important; } .m-ml-f14 { margin-left: -14/@px-unit !important; } .m-ml-f15 { margin-left: -15/@px-unit !important; } .m-ml-f16 { margin-left: -16/@px-unit !important; } .m-ml-f17 { margin-left: -17/@px-unit !important; } .m-ml-f18 { margin-left: -18/@px-unit !important; } .m-ml-f20 { margin-left: -20/@px-unit !important; } .m-ml-f24 { margin-left: -24/@px-unit !important; } .m-ml-f30 { margin-left: -30/@px-unit !important; } .m-ml-f31 { margin-left: -31/@px-unit !important; } .m-ml-f32 { margin-left: -32/@px-unit !important; } .m-ml-f33 { margin-left: -33/@px-unit !important; } .m-ml-f60 { margin-left: -60/@px-unit !important; } .m-mt-0 { margin-top: 0 !important; } .m-mt-2 { margin-top: 2/@px-unit !important; } .m-mt-3 { margin-top: 3/@px-unit !important; } .m-mt-4 { margin-top: 4/@px-unit !important; } .m-mt-5 { margin-top: 5/@px-unit !important; } .m-mt-7 { margin-top: 7/@px-unit !important; } .m-mt-8 { margin-top: 8/@px-unit!important; } .m-mt-10 { margin-top: 10/@px-unit !important; } .m-mt-11 { margin-top: 11/@px-unit !important; } .m-mt-12 { margin-top: 12/@px-unit !important; } .m-mt-15 { margin-top: 15/@px-unit !important; } .m-mt-16 { margin-top: 16/@px-unit !important; } .m-mt-18 { margin-top: 18/@px-unit !important; } .m-mt-20 { margin-top: 20/@px-unit !important; } .m-mt-30 { margin-top: 30/@px-unit !important; } .m-mt-40 { margin-top: 40/@px-unit !important; } .m-mt-42 { margin-top: 42/@px-unit !important; } .m-mt-32 { margin-top: 32/@px-unit !important; } .m-mt-35 { margin-top: 35/@px-unit !important; } .m-mt-36 { margin-top: 36/@px-unit !important; } .m-mt-44 { margin-top: 44/@px-unit !important; } .m-mt-50 { margin-top: 50/@px-unit !important; } .m-mt-60 { margin-top: 60/@px-unit !important; } .m-mt-70 { margin-top: 70/@px-unit !important; } .m-mt-72 { margin-top: 72/@px-unit !important; } .m-mt-100 { margin-top: 100/@px-unit !important; } .m-mt-120 { margin-top: 120/@px-unit !important; } .m-mt-180 { margin-top: 180/@px-unit !important; } .m-mt-210 { margin-top: 210/@px-unit !important; } .m-mt-f2 { margin-top: -2/@px-unit !important; } .m-mt-f3 { margin-top: -3/@px-unit !important; } .m-mt-f4 { margin-top: -4/@px-unit !important; } .m-mt-f5 { margin-top: -5/@px-unit !important; } .m-mt-f6 { margin-top: -5/@px-unit !important; } .m-mt-f8 { margin-top: -8/@px-unit !important; } .m-mt-f9 { margin-top: -9/@px-unit !important; } .m-mt-f10 { margin-top: -10/@px-unit !important; } .m-mt-f12 { margin-top: -12/@px-unit !important; } .m-mt-f15 { margin-top: -15/@px-unit !important; } .m-mt-f20 { margin-top: -20/@px-unit !important; } .m-mt-f32 { margin-top: -32/@px-unit !important; } .m-mt-f40 { margin-top: -40/@px-unit !important; } .m-mb-0 { margin-bottom: 0 !important; } .m-mb-5 { margin-bottom: 5/@px-unit !important; } .m-mb-8 { margin-bottom: 8/@px-unit !important; } .m-mb-10 { margin-bottom: 10/@px-unit !important; } .m-mb-12 { margin-bottom: 12/@px-unit !important; } .m-mb-15 { margin-bottom: 15/@px-unit !important; } .m-mb-16 { margin-bottom: 16/@px-unit !important; } .m-mb-14 { margin-bottom: 14/@px-unit !important; } .m-mb-20 { margin-bottom: 20/@px-unit !important; } .m-mb-30 { margin-bottom: 30/@px-unit !important; } .m-mb-40 { margin-bottom: 40/@px-unit !important; } .m-mb-2 { margin-bottom: 24/@px-unit !important; } .m-mb-30 { margin-bottom: 30/@px-unit !important; } .m-mb-80 { margin-bottom: 80/@px-unit !important; } .m-mb-130 { margin-bottom: 130/@px-unit !important; } @current: #009cff; @btnNormalColorNo1: #1890ff; @btnHoverColorNo2: #40a9ff; @btnPressedColorNo3: #096dd9; @titleColorNo4: #272727; @textColorNo5: #272727; @formContentColorNo6: #565656; @disableColorNo7: #8f8f8f; @listBorderColorNo8: #e8e8e8; @dividerColorNo9: #e8e8e8; @inputBorderColorNo10: #d9d9d9; @disableInputBgColorNo11: #f5f5f5; @firstNavBgColorNo12: #001529; @secondNavBgColorNo13: #ffffff; @secondNavHoverColorNo14: #e6f7ff; @contentBgColorNo15: #ffffff; @bodyBgColorNo16: #f0f2f5; @homePageNo1: #ffffff; @homePageNo2: #f0f2f5; @errorColorNo17: #f5222d; @warnColorNo18: #fcac15; @successColorNo19: #52c41a; @linkColorNo20: #1890ff; @border-color:#e8e8e8; @export-color:#1890ff; @error-color: #f5222d; @iconDisabledColor: #686c72; @color-border: @listBorderColorNo8; @border-normal: 1px solid @color-border; @font-size-base: 12px; @table-padding-vertical: 5px; @table-padding-horizontal: 5px; @text-color: @textColorNo5; @primary-color: @btnNormalColorNo1; @topMenuTabActiveColor: #ffffff; @topMenuTabColor: #a6adb4; @tabArrowColor: @contentBgColorNo15; @tabArrowHoverColor: @btnNormalColorNo1; @tabCloseColor: @contentBgColorNo15; @tabBackGroundColor: @firstNavBgColorNo12; @tabMenuTabHoverColor: #ffffff; @tabDividerColor: rgba(255, 255, 255, 0.2); @MenuViewPageSwitch: #afc6e1; @MenuViewActivePageSwitch: @linkColorNo20; @MenuViewItemLineColor: #81b6fc; @MenuViewBackGroundColor: @homePageNo1; @MenuViewItemMessageColor: @disableColorNo7; @MenuViewItemHoverColor: #ecf4ff; @MenuViewCarouselColor: #7db1ec; @sideMenuBackGroundColor: @secondNavBgColorNo13; @sideMenuSelectedColor: #ecf4ff; @loginForgetPasswordHoverColor: #ffffff; @loginIconColor: @btnHoverColorNo2; @font-size-normal: 12rem; @skin-black: #001529; @skin-blue: #1890ff; @base-rem-size: 14px; html, body { font-size: @base-rem-size; } @media screen and (min-device-width: 3000px) { html, body { font-size: 2 * @base-rem-size; } } @px-unit: 14rem; @tagOnlinebg: rgba(39, 208, 90, 0.1); @tagOnlineborder: rgba(39, 208, 90, 0.35); @tagOnlineColor: #27d05a; @tagOfflinebg: rgba(197, 205, 214, 0.2); @tagOfflineborder: #c5cdd6; @tagOfflineColor: #4e5c6b; @tagSwitchbg: rgba(28, 121, 244, 0.1); @tagSwitchColor: #1c79f4; @tagSwitchborder: rgba(28, 121, 244, 0.35); @tagSwitchAlarmbg: rgba(233, 70, 58, 0.1); @tagSwitchAlarmColor: #e9463a; @tagSwitchAlarmborder: rgba(233, 70, 58, 0.35); @tagSwitchWarnbg: rgba(248, 120, 45, 0.1); @tagSwitchWarnColor: #f8782d; @tagSwitchWarnborder: rgba(248, 120, 45, 0.35); .m-width-f10 { width: calc(~"100% - 10rem") !important; } .m-width-auto { width: auto !important; } .m-width-15 { width: 15/@px-unit !important; } .m-width-20 { width: 20/@px-unit !important; } .m-width-24 { width: 24/@px-unit !important; } .m-width-25 { width: 25/@px-unit !important; } .m-width-30 { width: 30/@px-unit !important; } .m-width-40 { width: 40/@px-unit !important; } .m-width-45 { width: 45/@px-unit !important; } .m-width-50 { width: 50/@px-unit !important; } .m-width-54 { width: 54/@px-unit !important; } .m-width-60 { width: 60/@px-unit !important; } .m-width-65 { width: 65/@px-unit !important; } .m-width-84 { width: 84/@px-unit !important; } .m-width-70 { width: 70/@px-unit !important; } .m-width-52 { width: 52/@px-unit !important; } .m-width-80 { width: 80/@px-unit !important; } .m-width-85 { width: 85/@px-unit !important; } .m-width-90 { width: 90/@px-unit !important; } .m-width-95 { width: 95/@px-unit !important; } .m-width-100 { width: 100/@px-unit !important; } .m-width-105 { width: 110/@px-unit !important; } .m-width-110 { width: 110/@px-unit !important; } .m-width-118 { width: 118/@px-unit !important; } .m-width-120 { width: 120/@px-unit !important; } .m-width-124 { width: 124/@px-unit !important; } .m-width-126 { width: 126/@px-unit !important; } .m-width-130 { width: 130/@px-unit !important; } .m-width-132 { width: 132/@px-unit !important; } .m-width-138 { width: 138/@px-unit !important; } .m-width-140 { width: 140/@px-unit !important; } .m-width-144 { width: 144/@px-unit !important; } .m-width-148 { width: 148/@px-unit !important; } .m-width-150 { width: 150/@px-unit !important; } .m-width-156 { width: 156/@px-unit !important; } .m-width-160 { width: 160/@px-unit !important; } .m-width-168 { width: 168/@px-unit !important; } .m-width-170 { width: 170/@px-unit !important; } .m-width-175 { width: 175/@px-unit !important; } .m-width-180 { width: 180/@px-unit !important; } .m-width-184 { width: 184/@px-unit !important; } .m-width-190 { width: 190/@px-unit !important; } .m-width-200 { width: 200/@px-unit !important; } .m-width-213 { width: 213/@px-unit !important; } .m-width-215 { width: 215/@px-unit !important } .m-width-220 { width: 220/@px-unit !important; } .m-width-224 { width: 224/@px-unit !important; } .m-width-230 { width: 230/@px-unit !important; } .m-width-240 { width: 240/@px-unit !important; } .m-width-250 { width: 250/@px-unit !important; } .m-width-260 { width: 260/@px-unit !important; } .m-width-276 { width: 276/@px-unit !important; } .m-width-280 { width: 280/@px-unit !important; } .m-width-300 { width: 300/@px-unit !important; } .m-width-310 { width: 310/@px-unit !important; } .m-width-320 { width: 320/@px-unit !important; } .m-width-330 { width: 330/@px-unit !important; } .m-width-360 { width: 360/@px-unit !important; } .m-width-372 { width: 372/@px-unit !important; } .m-width-480 { width: 480/@px-unit !important; } .m-width-510 { width: 510/@px-unit !important; } .m-width-545 { width: 545/@px-unit !important; } .m-width-600 { width: 600/@px-unit !important; } .m-width-648 { width: 648/@px-unit !important; } .m-width-910 { width: 910/@px-unit !important; } .m-width-3p { width: 3% !important; } .m-width-9p { width: 9% !important; } .m-width-10p { width: 10% !important; } .m-width-12p { width: 12% !important; } .m-width-20p { width: 20% !important; } .m-width-25p { width: 25% !important; } .m-width-30p { width: 30% !important; } .m-width-33p { width: 33% !important; } .m-width-40p { width: 40% !important; } .m-width-50p { width: 50% !important; } .m-width-55p { width: 55% !important; } .m-width-58p { width: 58% !important; } .m-width-60p { width: 60% !important; } .m-width-65p { width: 65% !important; } .m-width-70p { width: 70% !important; } .m-width-80p { width: 80% !important; } .m-width-100p { width: 100% !important; } .m-width-200p { width: 200% !important; } .m-max-w-480 { max-width: 480/@px-unit !important; } .m-minw-50 { min-width: 50/@px-unit !important; } .m-minw-70 { min-width: 70/@px-unit !important; } .m-minw-90 { min-width: 90/@px-unit !important; } .m-height-0 { height: 0 !important; } .m-height-15 { height: 15/@px-unit !important; } .m-height-24 { height: 24/@px-unit !important; } .m-height-25 { height: 25/@px-unit !important; } .m-height-26 { height: 26/@px-unit !important; } .m-height-28 { height: 28/@px-unit !important; } .m-height-30 { height: 30/@px-unit !important; } .m-height-36 { height: 36/@px-unit !important; } .m-height-40 { height: 40/@px-unit !important; } .m-height-50 { height: 50/@px-unit !important; } .m-height-60 { height: 60/@px-unit !important; } .m-height-90 { height: 90/@px-unit !important; } .m-height-100 { height: 100/@px-unit !important; } .m-height-120 { height: 120/@px-unit !important; } .m-height-150 { height: 150/@px-unit !important; } .m-height-200 { height: 200/@px-unit !important; } .m-height-201 { height: 201/@px-unit !important; } .m-height-238 { height: 238/@px-unit !important; } .m-height-276 { height: 276/@px-unit !important; } .m-height-288 { height: 288/@px-unit !important; } .m-height-300 { height: 300/@px-unit !important; } .m-height-310 { height: 310/@px-unit !important; } .m-height-350 { height: 350/@px-unit !important; } .m-height-360 { height: 360/@px-unit !important; } .m-height-380 { height: 380/@px-unit !important; } .m-height-400 { height: 400/@px-unit !important; } .m-height-432 { height: 432/@px-unit !important; } .m-height-484 { height: 484/@px-unit !important; } .m-height-648 { height: 648/@px-unit !important; } .m-height-100p { height: 100%; } .m-p-0 { padding: 0 !important; } .m-p-5 { padding: 5/@px-unit !important; } .m-p-12 { padding: 12/@px-unit !important; } .m-p-15 { padding: 15/@px-unit !important; } .m-pl-0 { padding-left: 0 !important; } .m-pl-5 { padding-left: 5/@px-unit !important; } .m-pl-6 { padding-left: 6/@px-unit !important; } .m-pl-7 { padding-left: 7/@px-unit !important; } .m-pl-8 { padding-left: 8/@px-unit !important; } .m-pl-10 { padding-left: 10/@px-unit !important; } .m-pl-12 { padding-left: 12/@px-unit !important; } .m-pl-13 { padding-left: 13/@px-unit !important; } .m-pl-15 { padding-left: 15/@px-unit !important; } .m-pl-17 { padding-left: 17/@px-unit !important; } .m-pl-20 { padding-left: 20/@px-unit !important; } .m-pl-24 { padding-left: 24/@px-unit !important; } .m-pl-25 { padding-left: 25/@px-unit !important; } .m-pl-30 { padding-left: 30/@px-unit !important; } .m-pl-35 { padding-left: 35/@px-unit !important; } .m-pl-37 { padding-left: 37/@px-unit !important; } .m-pl-40 { padding-left: 40/@px-unit !important; } .m-pl-43 { padding-left: 43/@px-unit !important; } .m-pl-45 { padding-left: 45/@px-unit !important; } .m-pl-50 { padding-left: 50/@px-unit !important; } .m-pl-60 { padding-left: 60/@px-unit !important; } .m-pl-70 { padding-left: 70/@px-unit !important; } .m-pr-0 { padding-right: 0 !important; } .m-pr-5 { padding-right: 5/@px-unit !important; } .m-pr-6 { padding-right: 6/@px-unit !important; } .m-pr-8 { padding-right: 8/@px-unit !important; } .m-pr-10 { padding-right: 10/@px-unit !important; } .m-pr-12 { padding-right: 12/@px-unit !important; } .m-pr-15 { padding-right: 15/@px-unit !important; } .m-pr-20 { padding-right: 20/@px-unit !important; } .m-pr-30 { padding-right: 30/@px-unit !important; } .m-pr-40 { padding-right: 40/@px-unit !important; } .m-pr-84 { padding-right: 84/@px-unit !important; } .m-pr-114 { padding-right: 114/@px-unit !important; } .m-pt-0 { padding-top: 0; } .m-pt-12 { padding-top: 12/@px-unit !important; } .m-pt-24 { padding-top: 24/@px-unit !important; } .m-pt-1 { padding-top: 1/@px-unit !important; } .m-pt-3 { padding-top: 3/@px-unit !important; } .m-pt-5 { padding-top: 5/@px-unit !important; } .m-pt-8 { padding-top: 8/@px-unit !important; } .m-pt-10 { padding-top: 10/@px-unit !important; } .m-pt-15 { padding-top: 15/@px-unit !important; } .m-pt-20 { padding-top: 20/@px-unit !important; } .m-pt-35 { padding-top: 35/@px-unit !important; } .m-pt-48 { padding-top: 48/@px-unit !important; } .m-pb-0 { padding-bottom: 0 !important; } .m-pb-2 { padding-bottom: 2/@px-unit !important; } .m-pb-8 { padding-bottom: 8/@px-unit !important; } .m-pb-10 { padding-bottom: 10/@px-unit !important; } .m-pb-48 { padding-bottom: 48/@px-unit !important; } .m-pb-108 { padding-bottom: 108/@px-unit !important; } .m-pos-abs { position: absolute !important; } .m-pos-static { position: static !important; } .m-pos-r { position: relative !important; } .m-top-0 { top: 0 !important; } .m-top-10 { top: 10/@px-unit !important; } .m-top-72 { top: 72/@px-unit !important; } .m-top-90 { top: 90/@px-unit !important; } .m-top-130 { top: 130/@px-unit !important; } .m-bottom-0 { bottom: 0 !important; } .m-bottom-2-4 { bottom: 2.4/@px-unit !important; } .m-bottom-3 { bottom: 3/@px-unit !important; } .m-left-0 { left: 0 !important; } .m-left-10p { left: 10% !important; } .m-right-16 { right: 16/@px-unit !important; } .m-right-84 { right: 84/@px-unit !important; } .m-right-124 { right: 124/@px-unit !important; } .m-topmax { z-index: 10004 !important; } .m-float-none { float: none !important; } .m-float-left { float: left; } .m-float-right { float: right !important; } .m-clear-both { clear: both; } .m-clearfix:after { content: '\20'; display: block; height: 0; clear: both; } .m-hor-center { position: absolute; left: 50%; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0); } .m-ver-center { position: absolute; top: 50%; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0); } .m-hor-ver-center { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0); } .m-flex-ver-hor-center { display: flex; align-items: center; justify-content: center; } .m-display-flex { display: flex; } .m-flex-end { display: flex; justify-content: flex-end; } .m-fw-normal { font-weight: normal !important; } .m-fw-bold { font-weight: bold !important; } .m-fs-small { font-size: small; } .m-fs-15 { font-size: 15/@px-unit; } .m-fs-18 { font-size: 18/@px-unit; } .m-fs-24 { font-size: 24/@px-unit; } .m-fs-43 { font-size: 43/@px-unit; } .m-lh-24 { line-height: 24/@px-unit; } .m-lh-28 { line-height: 28/@px-unit; } .m-lh-30 { line-height: 30/@px-unit; } .m-lh-32 { line-height: 32/@px-unit; } .m-lh-35 { line-height: 35/@px-unit; } .m-lh-40 { line-height: 40/@px-unit !important; } .m-cursor-default { cursor: default !important; } .m-cursor-pointer { cursor: pointer !important; } .m-cursor-crosshair { cursor: crosshair !important; } .m-cursor-move { cursor: move !important; } .m-cursor-text { cursor: text !important; } .m-cursor-wait { cursor: wait !important; } .m-cursor-help { cursor: help !important; } .m-cursor-notAllowed { cursor: not-allowed !important; } .m-vertical-top { vertical-align: top !important; } .m-vertical-middle { vertical-align: middle !important; } .m-vertical-bottom { vertical-align: bottom !important; } .m-vertical-text-bottom { vertical-align: text-bottom !important; } .m-text-center { text-align: center; } .m-text-left { text-align: left; } .m-text-right { text-align: right; } .m-inline-block { display: inline-block; } .m-visibility-hidden { visibility: hidden !important; } .m-display-hidden { display: none !important; } .m-display-show { display: '' !important; } .m-overflow-hidden { overflow: hidden !important; } .m-overflow-initial { overflow: initial !important; } .m-opacity-0 { opacity: 0; } .m-ws-nowrap { white-space: nowrap; } .m-text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } @base-rem-size-sm: 12px; @base-rem-size: 14px; @px-unit: 14rem; @current: @--primary-6; @pageTextN: .color_N(@--bg)[]; @SddFontNormalColor:@pageTextN;@SddNumberLimitRangeColor:@pageTextN;@pageTextA: .color_A(@--bg)[]; @pageTextD: .color_D(@--bg)[]; @successColor: @--success-6; @warningColor: @--warning-6; @anchorTextN: @pageTextN; @anchorTextA: @--primary-5; @mainPageSvgN: @pageTextN; @pageBorderN: @--split; @pageBorderD: @pageBorderN;@dropMenuBorder: @--split; @dividerColor: @--split; @red: #ff0000;@pdEyeIconA: @current; @iconColorN: @pageTextN; @iconColorD: .color_D(@--bg)[]; @iconColorA: @--primary-5; @homeTaskIconColorA: @--primary-5; @iconLinearStartColorN: #ffffff; @iconBgColor: #ffffff; @iconLinearStopColorN: @pageTextN; @iconLinearStartColorA: @--primary-6; @iconLinearStopColorA: @current; @iconActiveWifi: #0f0; @iconNolmal: #468429; @iconFail: #cd8b0f; @iconHover: @--warning-5; @pageBodyBg: @--bg; @theme: 'deep'; @themeMainViewurlproject:'resource';@themeMainImage:'login_bg_@{theme}'; @sliderBgN: @--block; @sliderBgA: @--block; @sliderTrackN: @current; @sliderRailA: @--primary-5; @sliderTrackA: @--primary-5; @formInputBgN: @--component-bg;@formInputBgD: @--component-bg-disable;@formInputBgA: @--primary-5;@formInputBoderN: @pageBorderN;@formInputBoderD: @pageBorderD;@formInputBorderA: @--primary-5;@formInputTextN: .color_A(@--bg)[];@formInputTextD: @pageTextD;@formInputSvgN: .color_N(@formInputBgN)[];@formInputSvgA: @--primary-5;@formInputSvgD: @pageTextD;@numberInPutHandleBgA: @pageBodyBg; @numberInPutHandleBoderA: @formInputBoderN;@formInputDropDownBgN: @formInputBgN; @formInputDropDownTextN: @pageTextN; @formInputDropDownBgA: transparent; @formInputDropDownBgSel:@--option-bg-select;@formInputDropDownTextSelectN: .color_N(@formInputDropDownBgSel)[]; @formInputSwitchBgN:@--font-s;@formRadioBorderN: .lumaColorSelect(@pageBodyBg, @--font-r, @--font-r-l)[]; @formCheckboxBorderD: @--placeholder; @formCheckboxBorderN: .lumaColorSelect(@pageBodyBg, @--font-r, @--font-r-l)[]; @formCheckboxBorderA: @formInputBorderA; @formCheckboxBgA:@formInputBgN;@tableHeadTextN: .color_A(@--bg)[]; @tableBgN: @formInputDropDownBgN; @tableTextN: @pageTextN; @tableTextA: @tableHeadTextN; @tableOddBgN: @--bg; @tableEvenBgN: @--component-bg-disable; @tableBgA: @--option-bg-select; @tableBgD: @tableOddBgN; @tableBorderN: @pageBorderN; @paginationTextN: @pageTextN;@paginationTextA: @--primary-5;@paginationInputTextN: @pageTextN;@paginationBg: @pageBodyBg;@paginationBorderA: @--primary-5;@progressBg: @--block;@progressText: @pageTextN;@progressBgA:@--primary-6;@buttonNormalBgN: @--component-bg;@buttonNormalBgD: @buttonNormalBgN;@buttonNormalTextN: .color_N(@buttonNormalBgD)[];@buttonNormalTextA: .color_A(@buttonNormalBgN)[];@buttonNormalTextD: .color_D(@buttonNormalBgN)[];@buttonNormalBorderN: @pageBorderN;@buttonNormalBorderD: @buttonNormalTextD;@buttonActiveBgN: @--primary-6;@buttonActiveBgD: @buttonNormalBgD;@buttonActiveBgA: @--primary-5;@buttonActiveTextN: .color_A(@buttonActiveBgN)[];@buttonActiveTextD: @buttonNormalTextD;@buttonActiveBorderN: @buttonActiveBgN;@buttonActiveBorderD: @buttonActiveTextD;@buttonTestBgN: @buttonNormalBgN;@buttonTestBgH: @buttonTestBgN;@buttonTestBgA: @--success-7;@buttonTestBgD: @buttonNormalBgN;@buttonTestTextN: @--success-6;@buttonTestTextH: @--success-6;@buttonTestTextA: .color_A(@buttonTestBgA)[];@buttonTestTextD: .color_D(@buttonNormalBgN)[];@buttonTestBorderN: @--success-6; @buttonTestBorderH: @--success-5;@buttonTestBorderA: @buttonTestBgA;@buttonTestBorderD: @buttonNormalTextD;@buttonDangerBgN: @buttonNormalBgN;@buttonDangerBgH: @buttonDangerBgN;@buttonDangerBgA: @errorColor;@buttonDangerBgD: @buttonNormalBgN;@buttonDangerTextN: @errorColor;@buttonDangerTextH: @--error-6;@buttonDangerTextA: .color_A(@buttonDangerBgA)[];@buttonDangerTextD: @buttonNormalTextD;@buttonDangerBorderN: @errorColor;@buttonDangerBorderH: @--error-5;@buttonDangerBorderA: @buttonDangerBgA;@buttonDangerBorderD: @buttonNormalBorderD;@tabBgN: @--title;@tabBgA: @--primary-6;@tabTextN: .color_N(@--title)[];@tabTextA: .color_A(@--primary-6)[];@tabBorder: @--split;@topTabBgN: @--block;@topTabBgA: @--navTitle-bg; @topTabTextA: .color_A(@topTabBgA)[];@topTabTextN: .color_A(@topTabBgN)[];@modalBg: @--bg;@modalBorder: @--split;@modalContentText: @pageTextN;@modalTitleBg: @--navTitle-bg;@modalTitleText: .color_A(@modalTitleBg)[];;@modalTitleBorder: @modalBorder;@modalFooterBg: @modalBg;@modalFooterBorder: @dividerColor;@QRCodeBg: #fff;@popover_TextN: @pageTextN;@popover_BgN: @--bg-card;@popover_BorderN: @dropMenuBorder;@passwordCheckBg: @--block;@errorColor: #f5222d; @warnColor: @--warning-6; @successColor: #52c41a; @subtitleColor: .color_A(@pageBodyBg)[]; @ocxBg: #000000; @ocxHeaderBg: #414141; @ocxBorder: @--split; @ocxDownloadBar:@--block;@loginForgetPwdTextN: .color_S(@pageBodyBg)[]; @loginForgetPwdTextA: @--primary-5; @loginIconSvg: @current; @loginFormInputBg:@formInputBgN;@loginFormInputBorder:@formInputBoderN;@loginFormInputText:@formInputTextN;@loginPrimaryBtnBg: @buttonActiveBgN; @loginPrimaryBtnBorder:@buttonActiveBorderN;@loginActiveBtnBg:@--primary-5; @loginActiveBtnBorder:@--primary-5; @scrollbarHeight: 6 / @px-unit;@navBg: @--title; @navDivider: @--split; @navMenuTextN: @pageTextN; @navMenuTextA: @current; @navMenuIconSvgN: .color_N(@topTabBgN)[]; @navMenuIconSvgA: @--primary-5; @navMenuBorderN: @dividerColor; @navMenuHeight: 38 / @px-unit; @navMenuAddScrollHeight: @navMenuHeight + @scrollbarHeight; @navMenuLineHeight: calc(@navMenuHeight - 1px); @navMenuFontN:14px;@navDropdownMenuBg: @--component-bg; @navDropdownMenuTextN: @pageTextN; @navDropdownMenuTextA: @current; @navDropdownMenuBgA: inherit; @navDropdownMenusvgA:@current;@MenuViewBg: transparent; @MenuViewBgA: transparent; @MenuViewItemTitleTextN: @pageTextN; @MenuViewItemTitleTextA: .color_A(@--bg)[]; @MenuViewItemContentTextN: .color_S(@--bg)[]; @MenuViewItemContentTextA: .color_A(@--bg)[]; @MenuViewItemShadowA: @--primary-5; @MenuViewPageSwiperSvgN: @--primary-6; @MenuViewPageSwiperSvgD: .color_D(@--bg)[]; @MenuViewPageSwitchSvgN: .color_D(@--bg)[]; @MenuViewPageSwitchSvgA: @--primary-6; @MenuViewDivideLine: @dividerColor; @preview_Sider_Bg: @--menu-bg; @preview_Left_Bg: @preview_Sider_Bg; @preview_Right_Bg: @preview_Sider_Bg; @ocx_Border: @--split; @preview_ChnlTextN: .color_N(@preview_Left_Bg)[]; @mutilPreview_Bg: @popover_BgN; @mutilPreview_border: @popover_BorderN; @talkAndSound_actBorder: @errorColor; @talkAndSound_defBorder: @buttonNormalBorderN; @talkAndSound_actBg: @errorColor; @talkAndSound_defBg: @buttonNormalBgN; @talkAndSound_actText: @pageTextA; @talkAndSound_defText: @pageTextN; @urgentRecord_actBorder: @errorColor; @urgentRecord_defBorder: @buttonNormalBorderN; @urgentRecord_actBg: @errorColor; @urgentRecord_defBg: @buttonNormalBgN; @urgentRecord_actText: @pageTextA; @urgentRecord_defText: @pageTextN; @ptz_btnBorder: @buttonNormalBorderN; @ptz_textColor: @buttonNormalTextA; @ptz_btnBg: @buttonNormalBgN; @fastPreview_btnActBg: @--primary-5; @fastPreview_border: @--component-border; @fastPreview_hoverText: @pageTextA; @fisheye_title: @--navTitle-bg; @fisheye_iconHover: @--primary-5; @fisheye_actColor: @current; @alramOut_actText: @pageTextA; @alramOut_actBorder: @current; @preview_ChnlBgA: @--bg; @preview_center_plugin_Bg: #000000; @preview_center_bottom_Bg: @--toolbar-bg; @preview_center_popover_ColorA: @--primary-5; @preview_center_separator_ColorN: @pageTextD; @preview_right_tabTitle_Bg: @--navTitle-bg; @preview_right_ptzStep_Bg: @--bg; @preview_right_ptzStepMask_ColorN: @pageTextN; @preview_right_ptzZoom_Bg: @--bg; @preview_right_ptzZoom_border_ColorN: @--split; @preview_right_ptz_borderBottom_ColorN: @--split; @preview_right_ptzBg:@--bg;@aiPanel_title_bg_color: @preview_right_tabTitle_Bg; @aiPanel_box_color: @--navTitle-bg; @aiPanel_box_bottom-color: @--navTitle-bg; @aiPanel_box_bordere_color: transparent; @aiPanel_info_bg_color: @--menu-bg; @aiPanel_details_bottom_bg: @--menu-bg; @aiPanel_cardBg:@--bg-card; @aiPanel_bg_color: @preview_Right_Bg; @aiSetPanel_bottom_unSelectBg: @--component-bg-disable;@winpreview_footer_Bg: @preview_center_bottom_Bg; @playback_Right_Bg: @preview_Right_Bg; @setUpBodyBg: @pageBodyBg; @setUpContentBg: @setUpBodyBg; @setUpContentBorder: @dividerColor; @setUpDivider: @dividerColor; @CalibrateSub1: #28DA83; @CalibrateSub2: aqua; @CalibrateSub3: #F2913E; @SideMenuBg: @--menu-bg; @SideMenuItemBg: @--bg; @SideMenuBorder: @dividerColor; @SideMenuTextN: .color_N(@SideMenuBg)[]; @SideMenuTextA: .color_A(@SideMenuBg)[]; @sideMenuItemTextN: .color_N(@SideMenuItemBg)[];@sideMenuItemTextA: .color_A(@SideMenuItemBg)[];@SideMenuArrowSvgA: .color_A(@SideMenuBg)[]; @MenuViewSubItemSvgA: .color_A(@SideMenuBg)[]; @SideMenuItemSelectSvgA: @current; @SideMenuItemSelectTextA:@current; @BottomBarBg: @formInputDropDownBgN; @BottomBarBorder: @dividerColor; @successIcon: #20d878;@errorIcon: #ff514b;@schedulePlanEvenBg: @--block; @schedulePlanOddBg: @--bg; @SpinBg: @--bg;@SpinTextBg: @--block;@SpinTextA: .color_N(@SpinTextBg)[];@timePlanBorderN: .color_S(@pageBodyBg)[];@planGeneral:.subColor(@general)[@deep];@planDetect: .subColor(@detect)[@deep];@planAlarm: .subColor(@alarm)[@deep];@planDetectalarm: .subColor(@detectalarm)[@deep];@planIvs: .subColor(@ivs)[@deep]; @planPos: .subColor(@pos)[@deep];@planSmd:.subColor(@smd)[@deep]; @planFaceRecognition: .subColor(@faceRecognition)[@deep]; @textColorNo5: @pageTextN; @font-size-base: 14px;@font-huge: 20px; @PickerHeaderBg: @--navTitle-bg; @PickerHeaderTextN: .color_N(@PickerHeaderBg)[]; @PickerBodyBg: @--component-bg; @PickerBodyTextN: .color_N(@--component-bg)[]; @PickerBodyTextA: .color_A(@--component-bg)[]; @PickerHeaderButtonN: @PickerHeaderTextN; @pickerBorder: @--component-border; @ai_scene_bg: @--menu-bg; @ai_search_bg: @pageBodyBg; @ai_DataItem_bd: @--split; @ai_DataItem_bg: @aiPanel_cardBg; @ai_progress_default: @progressBg; @ai_progress_red: #c45453; @ai_progress_orange: #d08d42; @ai_progress_blue: #3d88bd; @ai_labelCheck_bg: @aiPanel_box_bottom-color; @ai_rightPanel_bg: @--menu-bg; @vehicle_whiteplate_bgColor: #296331; @vehicle_whiteplate_borderColor: #1f812b; @vehicle_blackplate_bgColor: #940000; @vehicle_blackplate_borderColor: #e20607; @com_facesmallpics_border: @pageBorderN; @com_detectsmallPic_bd: @pageBorderN; @com_detectsmallPic_select_bd: @current; @com_faceRegister_edit_bg: #000000; @files_upload_box_bg: @--menu-bg;; @files_upload_box_border_color: @--split; @achor_infoColor:#ff0000;@achor_infoHoverColor:#00ff00;@aiDisplayNumCheck:#39d67f;@scroll_bar_base:.lumaColorSelect(@pageBodyBg,@scroll-bar,@scroll-bar-l)[];@page_scroll_barH:fadeout(@scroll_bar_base, 50%);@page_scroll_bar:fadeout(@scroll_bar_base, 75%);@page_scroll_track:@pageTextD;@posCheckbox:{ white: #ffffff, #A6A6A6, #737373; black: #121212, #737373, #A6A6A6; red: #fb549c; orange: #f35900; yellow: #fdfc00; green: #1ee17f; dodgerblue: #009cfd; pos: #5772ff; purple: #c46cf1; };@general: #39d67f;@alarm: #ff4f4f;@detect: #e9d760;@detectalarm: #f1910a;@ivs: #39adf6;@jpg: #3ae8f8;@pos: #788ae3;@card: #7debf7;@smd:#0ebba9;@faceRecognition:#ff4bdb;@whiteMode: #FFFF00;@recordBox:{ general:@general; alarm:@alarm; detect:@detect; detectalarm:@detectalarm; ivs:@ivs; jpg:@jpg; pos:@pos; card:@card;}@safeSecurityStatusColor:#40a9ff; @--primary-6:#009CFF; @--primary-5:#33B0FF; @--primary-7:#007DCC; @--toolbar-bg:#4C5054; @--bg:#2A2E33; @--component-bg:#2a2e33; @--component-border: #606366; @--component-bg-disable:#32373C; @--option-bg-select: #55585D; @--menu-bg:#393c41; @--navTitle-bg:#4c4f54; @--split: #606366; @--bg-card: #56585B; @--block: #17181C; @--title:#313439; @--font-l:#FFFFFF; @--font-r: #a6aab2; @--placeholder: #5d6263; @--font-s: #7c8284; @--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; @scroll-bar:rgb(255, 255, 255); @scroll-bar-l:rgb(0,0,0); .svgFont(@fontSize:30) { font-size: if((@fontSize = 0), inherit, @fontSize / @px-unit);}.svgOut (@normalColor:@iconColorN , @lineStart:@iconLinearStartColorN , @lineStop:@iconLinearStopColorN) { &:not(.disabled_icons) { svg { & + { path:first-child { fill: if((@normalColor = 0), @iconColorN, @normalColor); } } & + { linearGradient { stop:first-child { stop-color: @lineStart; } stop:last-child { stop-color: @lineStop; } } } } }}.svgHover (@hoverColor:@--primary-5 , @lineHoverStart:@iconLinearStartColorA , @lineHoverStop:@iconLinearStopColorA) { &:not(.disabled_icons):not(.noHover) { &.active, &:hover { svg { & + { path:first-child { fill: if( (@hoverColor = 0), @--primary-5, @hoverColor ); } } linearGradient stop:first-child { stop-color: @lineHoverStart; } linearGradient stop:last-child { stop-color: @lineHoverStop; } } } }}.svgDisabled (@disableColor:@iconColorD) { svg { & + { path:first-child { fill: @disableColor; } } } cursor: not-allowed; }.svgBoder (@borderColor:@buttonNormalBorderN , @bgColor:@buttonNormalBgN) { .bg (@color) when (isColor(@color)) { background-color: @color; } .border (@color) when (isColor(@color)) { border: 1 / @px-unit solid @color; } .bg(@bgColor); .border(@borderColor);}.opacity (@opacity) { @IEOpacity: @opacity * 100; -moz-opacity: @opacity; opacity: @opacity; filter: alpha(opacity= @IEOpacity);}.colorSvg (@svgId, @hoverColor:@--primary-5) { &:not(.disabled_icons):not(.noHover) { &:hover { .@{svgId} { path { fill: @hoverColor !important; } } } }}.lumaValue(@bg){ @redV:red(@bg); @greenV:green(@bg); @blueV:blue(@bg); @lumaV:(@redV * 0.2126 + @greenV * 0.7152 + @blueV * 0.0722) / 255 * 100%;}.lumaColor(@bg:@--bg, @state){ @deepFont:@--font-l,@--font-r,@--placeholder,@--font-s; @lightFont:@--font-l-l,@--font-r-l,@--placeholder-l,@--font-s-l; @result:(if((.lumaValue(@bg)[] >= 60%),extract(@lightFont,@state),extract(@deepFont,@state)));}.lumaColorSelect(@bg:@--bg, @deepColor, @lightColor){ @result:(if((.lumaValue(@bg)[] >= 60%),@lightColor,@deepColor));}.subColor(@base6){ @h:hue(@base6); @s:round(hsvsaturation(@base6)); @v:round(hsvvalue(@base6)); @s-5:round(@s - @s / 5); @v-5:round(@v + (100%- @v) / 5); @s-7:round(@s + (100% - @s) / 5); @v-7:round(@v - @v / 5); @s-8:round(@s + ((100% - @s) / 5) * 2); @v-8:round(@v - (@v / 5) * 2); @hover:hsv(@h,@s-5,@v-5); @click:hsv(@h,@s-7,@v-7); @deep:hsv(@h, @s-8 , @v-8);}.color_A(@bg:@--bg){ .lumaColor(@bg, 1);}.color_N(@bg:@--bg){ .lumaColor(@bg, 2);}.color_D(@bg:@--bg){ .lumaColor(@bg, 3);}.color_S(@bg:@--bg){ .lumaColor(@bg, 4);}.colorBox(@colorMap){ each(@colorMap, { @base: extract(@value , 1); @base_H: if(length(@value) >= 2 ,extract(@value , 2) ,.subColor(@base)[@hover]); @base_C: if(length(@value) >= 3 ,extract(@value , 3) ,.subColor(@base)[@deep]); .sdd-checked-@{key} { &.ant-checkbox-wrapper:hover .ant-checkbox-inner{ border-color: @base_H !important; } .ant-checkbox-inner { border-color: @base_C !important; background-color: @base !important; &:after{ border-color: @base_C; } } .ant-checkbox-checked::after{ border-color: @base_C !important; } } });} @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: #39ADF6; playbackAlarmTypeColorN: #D51112; faceTargetColor: rgb(0, 255, 0); bodyTargetColor: rgb(0, 204, 255); vehicleTargetColor: rgb(225, 216, 0); customTargetClolor: rgb(255, 69, 0); }; body{ background: transparent;}#root, body { height: 100%; word-wrap:break-word; overflow:hidden; color: @pageTextN; .rc-virtual-list-scrollbar-thumb { &:hover { background: @page_scroll_barH !important; } background: #8f8f8f !important; }}.cuttitle { overflow: hidden!important; white-space: nowrap; word-wrap: normal; -o-text-overflow: ellipsis; text-overflow: ellipsis;}.ant-tabs{ color: @pageTextN;}.ant-table{ .ant-table-thead{ th.ant-table-cell{ word-break: normal; } }}i { cursor: pointer;}.MainPage { width: 100%; padding: 20/@px-unit;}::-webkit-scrollbar { width: @scrollbarHeight; height: @scrollbarHeight; cursor: pointer;}::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6/@px-unit rgba(0,0,0,0); box-shadow: inset 0 0 6/@px-unit rgba(0,0,0,0); background:@pageBodyBg;}::-webkit-scrollbar-thumb { border-radius: 4/@px-unit; background: @page_scroll_bar; -webkit-box-shadow: inset 0 0 6/@px-unit rgba(0,0,0,0.1); box-shadow: inset 0 0 6/@px-unit rgba(0,0,0,0.1);}::-webkit-scrollbar-thumb:hover{ background: @page_scroll_barH;}::-webkit-scrollbar-thumb:active{ background: @page_scroll_bar;}::-webkit-scrollbar-thumb:window-inactive { background: rgba(0, 0, 0, 0.2);} .m-width-f10 { width: calc(~"100% - 10rem") !important;}.m-width-auto { width: auto !important;}.m-width-15 { width: 15/@px-unit !important;}.m-width-20 { width: 20/@px-unit !important;}.m-width-24 { width: 24/@px-unit !important;}.m-width-25 { width: 25/@px-unit !important;}.m-width-30 { width: 30/@px-unit !important;}.m-width-40 { width: 40/@px-unit !important;}.m-width-45 { width: 45/@px-unit !important;}.m-width-50 { width: 50/@px-unit !important;}.m-width-54 { width: 54/@px-unit !important;}.m-width-60 { width: 60/@px-unit !important;}.m-width-65 { width: 65/@px-unit !important;}.m-width-84 { width: 84/@px-unit !important;}.m-width-70 { width: 70/@px-unit !important;}.m-width-52 { width: 52/@px-unit !important;}.m-width-80 { width: 80/@px-unit !important;}.m-width-85 { width: 85/@px-unit !important;}.m-width-90 { width: 90/@px-unit !important;}.m-width-95 { width: 95/@px-unit !important;}.m-width-100 { width: 100/@px-unit !important;}.m-width-105 { width: 110/@px-unit !important;}.m-width-110 { width: 110/@px-unit !important;}.m-width-118 { width: 118/@px-unit !important;}.m-width-120 { width: 120/@px-unit !important;}.m-width-124 { width: 124/@px-unit !important;}.m-width-126 { width: 126/@px-unit !important;}.m-width-130 { width: 130/@px-unit !important;}.m-width-132 { width: 132/@px-unit !important;}.m-width-138 { width: 138/@px-unit !important;}.m-width-140 { width: 140/@px-unit !important;}.m-width-144 { width: 144/@px-unit !important;}.m-width-148 { width: 148/@px-unit !important;}.m-width-150 { width: 150/@px-unit !important;}.m-width-156 { width: 156/@px-unit !important;}.m-width-160 { width: 160/@px-unit !important;}.m-width-168 { width: 168/@px-unit !important;}.m-width-170 { width: 170/@px-unit !important;}.m-width-175 { width: 175/@px-unit !important;}.m-width-180 { width: 180/@px-unit !important;}.m-width-184 { width: 184/@px-unit !important;}.m-width-190 { width: 190/@px-unit !important;}.m-width-200 { width: 200/@px-unit !important;}.m-width-213 { width: 213/@px-unit !important;}.m-width-215 { width: 215/@px-unit !important}.m-width-220 { width: 220/@px-unit !important;}.m-width-224 { width: 224/@px-unit !important;}.m-width-230 { width: 230/@px-unit !important;}.m-width-240 { width: 240/@px-unit !important;}.m-width-250 { width: 250/@px-unit !important;}.m-width-260 { width: 260/@px-unit !important;}.m-width-276 { width: 276/@px-unit !important;}.m-width-280 { width: 280/@px-unit !important;}.m-width-300 { width: 300/@px-unit !important;}.m-width-310 { width: 310/@px-unit !important;}.m-width-320 { width: 320/@px-unit !important;}.m-width-330 { width: 330/@px-unit !important;}.m-width-360 { width: 360/@px-unit !important;}.m-width-372 { width: 372/@px-unit !important;}.m-width-480 { width: 480/@px-unit !important;}.m-width-510 { width: 510/@px-unit !important;}.m-width-545 { width: 545/@px-unit !important;}.m-width-600 { width: 600/@px-unit !important;}.m-width-648 { width: 648/@px-unit !important;}.m-width-910 { width: 910/@px-unit !important;}.m-width-3p { width: 3% !important;}.m-width-9p { width: 9% !important;}.m-width-10p { width: 10% !important;}.m-width-12p { width: 12% !important;}.m-width-20p { width: 20% !important;}.m-width-25p { width: 25% !important;}.m-width-30p { width: 30% !important;}.m-width-33p { width: 33% !important;}.m-width-40p { width: 40% !important;}.m-width-50p { width: 50% !important;}.m-width-55p { width: 55% !important;}.m-width-58p { width: 58% !important;}.m-width-60p { width: 60% !important;}.m-width-65p { width: 65% !important;}.m-width-70p { width: 70% !important;}.m-width-80p { width: 80% !important;}.m-width-100p { width: 100% !important;}.m-width-200p { width: 200% !important;}.m-max-w-480 { max-width: 480/@px-unit !important;}.m-minw-50 { min-width: 50/@px-unit !important;}.m-minw-70 { min-width: 70/@px-unit !important;}.m-minw-90 { min-width: 90/@px-unit !important;}.m-height-0 { height: 0 !important;}.m-height-15 { height: 15/@px-unit !important;}.m-height-24 { height: 24/@px-unit !important;}.m-height-25 { height: 25/@px-unit !important;}.m-height-26 { height: 26/@px-unit !important;}.m-height-28 { height: 28/@px-unit !important;}.m-height-30 { height: 30/@px-unit !important;}.m-height-36 { height: 36/@px-unit !important;}.m-height-40 { height: 40/@px-unit !important;}.m-height-50 { height: 50/@px-unit !important;}.m-height-60 { height: 60/@px-unit !important;}.m-height-90 { height: 90/@px-unit !important;}.m-height-100 { height: 100/@px-unit !important;}.m-height-120 { height: 120/@px-unit !important;}.m-height-150 { height: 150/@px-unit !important;}.m-height-200 { height: 200/@px-unit !important;}.m-height-201 { height: 201/@px-unit !important;}.m-height-238 { height: 238/@px-unit !important;}.m-height-276 { height: 276/@px-unit !important;}.m-height-288 { height: 288/@px-unit !important;}.m-height-300 { height: 300/@px-unit !important;}.m-height-310 { height: 310/@px-unit !important;}.m-height-350 { height: 350/@px-unit !important;}.m-height-360 { height: 360/@px-unit !important;}.m-height-380 { height: 380/@px-unit !important;}.m-height-400 { height: 400/@px-unit !important;}.m-height-432 { height: 432/@px-unit !important;}.m-height-484 { height: 484/@px-unit !important;}.m-height-648 { height: 648/@px-unit !important;}.m-height-100p { height: 100%;} .m-m-a { margin: auto;}.m-m-0 { margin: 0 !important;}.m-m-20 { margin: 20/@px-unit !important;}.m-m-10 { margin: 10/@px-unit !important;}.m-mr-0 { margin-right: 0 !important;}.m-mr-5 { margin-right: 5/@px-unit !important;}.m-mr-6 { margin-right: 6/@px-unit !important;}.m-mr-10 { margin-right: 10/@px-unit !important;}.m-mr-12 { margin-right: 12/@px-unit !important;}.m-mr-15 { margin-right: 15/@px-unit !important;}.m-mr-20 { margin-right: 20/@px-unit !important;}.m-mr-24 { margin-right: 24/@px-unit !important;}.m-mr-30 { margin-right: 30/@px-unit !important;}.m-mr-36 { margin-right: 36/@px-unit !important;}.m-mr-40 { margin-right: 40/@px-unit !important;}.m-mr-100 { margin-right: 100/@px-unit !important;}.m-mr-140 { margin-right: 140/@px-unit !important;}.m-mr-186 { margin-right: 186/@px-unit !important;}.m-mr-200 { margin-right: 200/@px-unit !important;}.m-mr-250 { margin-right: 250/@px-unit !important;}.m-mr-f2 { margin-right: -2/@px-unit !important;}.m-mr-f6 { margin-right: -6/@px-unit !important;}.m-mr-f7 { margin-right: -7/@px-unit !important;}.m-mr-f10 { margin-right: -10/@px-unit !important;}.m-mr-f14 { margin-right: -14/@px-unit !important;}.m-mr-f15 { margin-right: -15/@px-unit !important;}.m-mr-f16 { margin-right: -16/@px-unit !important;}.m-mr-f17 { margin-right: -17/@px-unit !important;}.m-mr-f18 { margin-right: -18/@px-unit !important;}.m-mr-f23 { margin-right: -23/@px-unit !important;}.m-mr-f25 { margin-right: -25/@px-unit !important;}.m-mr-f27 { margin-right: -27/@px-unit !important;}.m-ml-0 { margin-left: 0 !important;}.m-ml-3 { margin-left: 3/@px-unit !important;}.m-ml-5 { margin-left: 5/@px-unit !important;}.m-ml-6 { margin-left: 6/@px-unit !important;}.m-ml-7 { margin-left: 7/@px-unit !important;}.m-ml-8 { margin-left: 8/@px-unit !important;}.m-ml-9 { margin-left: 9/@px-unit !important;}.m-ml-10 { margin-left: 10/@px-unit !important;}.m-ml-12 { margin-left: 12/@px-unit !important;}.m-ml-15 { margin-left: 15/@px-unit !important;}.m-ml-16 { margin-left: 16/@px-unit !important;}.m-ml-17 { margin-left: 17/@px-unit !important;}.m-ml-18 { margin-left: 18/@px-unit !important;}.m-ml-20 { margin-left: 20/@px-unit !important;}.m-ml-23 { margin-left: 23/@px-unit !important;}.m-ml-24 { margin-left: 24/@px-unit !important;}.m-ml-25 { margin-left: 25/@px-unit !important;}.m-ml-29 { margin-left: 29/@px-unit !important;}.m-ml-30 { margin-left: 30/@px-unit !important;}.m-ml-33 { margin-left: 33/@px-unit !important;}.m-ml-35 { margin-left: 35/@px-unit !important;}.m-ml-36 { margin-left: 36/@px-unit !important;}.m-ml-37 { margin-left: 37/@px-unit !important;}.m-ml-40 { margin-left: 40/@px-unit !important;}.m-ml-42 { margin-left: 42/@px-unit !important;}.m-ml-47 { margin-left: 47/@px-unit !important;}.m-ml-48 { margin-left: 48/@px-unit !important;}.m-ml-49 { margin-left: 49/@px-unit !important;}.m-ml-50 { margin-left: 50/@px-unit !important;}.m-ml-50-5 { margin-left: 50.5/@px-unit !important;}.m-ml-52 { margin-left: 52/@px-unit !important;}.m-ml-60 { margin-left: 60/@px-unit !important;}.m-ml-65 { margin-left: 65/@px-unit !important;}.m-ml-70 { margin-left: 70/@px-unit !important;}.m-ml-72 { margin-left: 72/@px-unit !important;}.m-ml-75 { margin-left: 75/@px-unit !important;}.m-ml-90 { margin-left: 90/@px-unit !important;}.m-ml-100 { margin-left: 100/@px-unit !important;}.m-ml-110 { margin-left: 110/@px-unit !important;}.m-ml-112 { margin-left: 112/@px-unit !important;}.m-ml-127 { margin-left: 127/@px-unit !important;}.m-ml-130 { margin-left: 130/@px-unit !important;}.m-ml-150 { margin-left: 150/@px-unit !important;}.m-ml-170 { margin-left: 170/@px-unit !important;}.m-ml-200 { margin-left: 200/@px-unit !important;}.m-ml-220 { margin-left: 220/@px-unit !important;}.m-ml-480 { margin-left: 480/@px-unit !important;}.m-ml-540 { margin-left: 540/@px-unit !important;}.m-ml-586 { margin-left: 586/@px-unit !important;}.m-ml-590 { margin-left: 590/@px-unit !important;}.m-ml-620 { margin-left: 620/@px-unit !important;}.m-ml-765 { margin-left: 765/@px-unit !important;}.m-ml-800 { margin-left: 800/@px-unit !important;}.m-ml-f1 { margin-left: -1/@px-unit !important;}.m-ml-f3 { margin-left: -3/@px-unit !important;}.m-ml-f4 { margin-left: -4p/@px-unit !important;}.m-ml-f5 { margin-left: -5p/@px-unit !important;}.m-ml-f6 { margin-left: -6/@px-unit !important;}.m-ml-f8 { margin-left: -8/@px-unit !important;}.m-ml-f9 { margin-left: -9/@px-unit !important;}.m-ml-f10 { margin-left: -10/@px-unit !important;}.m-ml-f13 { margin-left: -13/@px-unit !important;}.m-ml-f14 { margin-left: -14/@px-unit !important;}.m-ml-f15 { margin-left: -15/@px-unit !important;}.m-ml-f16 { margin-left: -16/@px-unit !important;}.m-ml-f17 { margin-left: -17/@px-unit !important;}.m-ml-f18 { margin-left: -18/@px-unit !important;}.m-ml-f20 { margin-left: -20/@px-unit !important;}.m-ml-f24 { margin-left: -24/@px-unit !important;}.m-ml-f30 { margin-left: -30/@px-unit !important;}.m-ml-f31 { margin-left: -31/@px-unit !important;}.m-ml-f32 { margin-left: -32/@px-unit !important;}.m-ml-f33 { margin-left: -33/@px-unit !important;}.m-ml-f60 { margin-left: -60/@px-unit !important;}.m-mt-0 { margin-top: 0 !important;}.m-mt-2 { margin-top: 2/@px-unit !important;}.m-mt-3 { margin-top: 3/@px-unit !important;}.m-mt-4 { margin-top: 4/@px-unit !important;}.m-mt-5 { margin-top: 5/@px-unit !important;}.m-mt-7 { margin-top: 7/@px-unit !important;}.m-mt-8 { margin-top: 8/@px-unit!important;}.m-mt-10 { margin-top: 10/@px-unit !important;}.m-mt-11 { margin-top: 11/@px-unit !important;}.m-mt-12 { margin-top: 12/@px-unit !important;}.m-mt-15 { margin-top: 15/@px-unit !important;}.m-mt-16 { margin-top: 16/@px-unit !important;}.m-mt-18 { margin-top: 18/@px-unit !important;}.m-mt-20 { margin-top: 20/@px-unit !important;}.m-mt-30 { margin-top: 30/@px-unit !important;}.m-mt-42 { margin-top: 42/@px-unit !important;}.m-mt-32 { margin-top: 32/@px-unit !important;}.m-mt-35 { margin-top: 35/@px-unit !important;}.m-mt-36 { margin-top: 36/@px-unit !important;}.m-mt-44 { margin-top: 44/@px-unit !important;}.m-mt-50 { margin-top: 50/@px-unit !important;}.m-mt-60 { margin-top: 60/@px-unit !important;}.m-mt-70 { margin-top: 70/@px-unit !important;}.m-mt-72 { margin-top: 72/@px-unit !important;}.m-mt-100 { margin-top: 100/@px-unit !important;}.m-mt-120 { margin-top: 120/@px-unit !important;}.m-mt-180 { margin-top: 180/@px-unit !important;}.m-mt-210 { margin-top: 210/@px-unit !important;}.m-mt-f2 { margin-top: -2/@px-unit !important;}.m-mt-f3 { margin-top: -3/@px-unit !important;}.m-mt-f4 { margin-top: -4/@px-unit !important;}.m-mt-f5 { margin-top: -5/@px-unit !important;}.m-mt-f6 { margin-top: -5/@px-unit !important;}.m-mt-f8 { margin-top: -8/@px-unit !important;}.m-mt-f9 { margin-top: -9/@px-unit !important;}.m-mt-f10 { margin-top: -10/@px-unit !important;}.m-mt-f12 { margin-top: -12/@px-unit !important;}.m-mt-f15 { margin-top: -15/@px-unit !important;}.m-mt-f20 { margin-top: -20/@px-unit !important;}.m-mt-f32 { margin-top: -32/@px-unit !important;}.m-mt-f40 { margin-top: -40/@px-unit !important;}.m-mb-0 { margin-bottom: 0 !important;}.m-mb-5 { margin-bottom: 5/@px-unit !important;}.m-mb-10 { margin-bottom: 10/@px-unit !important;}.m-mb-12 { margin-bottom: 12/@px-unit !important;}.m-mb-15 { margin-bottom: 15/@px-unit !important;}.m-mb-14 { margin-bottom: 14/@px-unit !important;}.m-mb-20 { margin-bottom: 20/@px-unit !important;}.m-mb-30 { margin-bottom: 30/@px-unit !important;}.m-mb-2 { margin-bottom: 24/@px-unit !important;}.m-mb-30 { margin-bottom: 30/@px-unit !important;}.m-mb-80 { margin-bottom: 80/@px-unit !important;}.m-mb-130 { margin-bottom: 130/@px-unit !important;} .m-p-0 { padding: 0 !important;}.m-p-5 { padding: 5/@px-unit !important;}.m-p-12 { padding: 12/@px-unit !important;}.m-p-15 { padding: 15/@px-unit !important;}.m-pl-0 { padding-left: 0 !important;}.m-pl-5 { padding-left: 5/@px-unit !important;}.m-pl-6 { padding-left: 6/@px-unit !important;}.m-pl-7 { padding-left: 7/@px-unit !important;}.m-pl-8 { padding-left: 8/@px-unit !important;}.m-pl-10 { padding-left: 10/@px-unit !important;}.m-pl-12 { padding-left: 12/@px-unit !important;}.m-pl-13 { padding-left: 13/@px-unit !important;}.m-pl-15 { padding-left: 15/@px-unit !important;}.m-pl-17 { padding-left: 17/@px-unit !important;}.m-pl-20 { padding-left: 20/@px-unit !important;}.m-pl-24 { padding-left: 24/@px-unit !important;}.m-pl-25 { padding-left: 25/@px-unit !important;}.m-pl-30 { padding-left: 30/@px-unit !important;}.m-pl-35 { padding-left: 35/@px-unit !important;}.m-pl-37 { padding-left: 37/@px-unit !important;}.m-pl-40 { padding-left: 40/@px-unit !important;}.m-pl-43 { padding-left: 43/@px-unit !important;}.m-pl-45 { padding-left: 45/@px-unit !important;}.m-pl-50 { padding-left: 50/@px-unit !important;}.m-pl-60 { padding-left: 60/@px-unit !important;}.m-pl-70 { padding-left: 70/@px-unit !important;}.m-pr-0 { padding-right: 0 !important;}.m-pr-5 { padding-right: 5/@px-unit !important;}.m-pr-6 { padding-right: 6/@px-unit !important;}.m-pr-8 { padding-right: 8/@px-unit !important;}.m-pr-10 { padding-right: 10/@px-unit !important;}.m-pr-12 { padding-right: 12/@px-unit !important;}.m-pr-15 { padding-right: 15/@px-unit !important;}.m-pr-30 { padding-right: 30/@px-unit !important;}.m-pr-40 { padding-right: 40/@px-unit !important;}.m-pr-84 { padding-right: 84/@px-unit !important;}.m-pr-114 { padding-right: 114/@px-unit !important;}.m-pt-0 { padding-top: 0;}.m-pt-12 { padding-top: 12/@px-unit !important;}.m-pt-24 { padding-top: 24/@px-unit !important;}.m-pt-1 { padding-top: 1/@px-unit !important;}.m-pt-3 { padding-top: 3/@px-unit !important;}.m-pt-5 { padding-top: 5/@px-unit !important;}.m-pt-8 { padding-top: 8/@px-unit !important;}.m-pt-10 { padding-top: 10/@px-unit !important;}.m-pt-15 { padding-top: 15/@px-unit !important;}.m-pt-20 { padding-top: 20/@px-unit !important;}.m-pt-35 { padding-top: 35/@px-unit !important;}.m-pb-0 { padding-bottom: 0 !important;}.m-pb-2 { padding-bottom: 2/@px-unit !important;}.m-pb-8 { padding-bottom: 8/@px-unit !important;}.m-pb-10 { padding-bottom: 10/@px-unit !important;}.m-pb-108 { padding-bottom: 108/@px-unit !important;} .m-pos-abs { position: absolute !important;}.m-pos-static { position: static !important;}.m-pos-r { position: relative !important;}.m-top-0 { top: 0 !important;}.m-top-10 { top: 10/@px-unit !important;}.m-top-72 { top: 72/@px-unit !important;}.m-top-90 { top: 90/@px-unit !important;}.m-top-130 { top: 130/@px-unit !important;}.m-bottom-0 { bottom: 0 !important;}.m-bottom-2-4 { bottom: 2.4/@px-unit !important;}.m-bottom-3 { bottom: 3/@px-unit !important;}.m-left-0 { left: 0 !important;}.m-left-10p { left: 10% !important;}.m-right-16 { right: 16/@px-unit !important;}.m-right-84 { right: 84/@px-unit !important;}.m-right-124 { right: 124/@px-unit !important;}.m-topmax { z-index: 10004 !important;}.m-float-none { float: none !important;}.m-float-left { float: left;}.m-float-right { float: right !important;}.m-clear-both { clear: both;}.m-clearfix:after { content: '\20'; display: block; height: 0; clear: both;}.m-hor-center { position: absolute; left: 50%; transform: translate3d(-50%, 0, 0); -webkit-transform: translate3d(-50%, 0, 0);}.m-ver-center { position: absolute; top: 50%; transform: translate3d(0, -50%, 0); -webkit-transform: translate3d(0, -50%, 0);}.m-hor-ver-center { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); -webkit-transform: translate3d(-50%, -50%, 0);} .m-fw-normal { font-weight: normal !important;}.m-fw-bold { font-weight: bold !important;}.m-fs-small { font-size: small;}.m-fs-15 { font-size: 15/@px-unit;}.m-fs-18 { font-size: 18/@px-unit;}.m-fs-43 { font-size: 43/@px-unit;}.m-lh-24 { line-height: 24/@px-unit;}.m-lh-28 { line-height: 28/@px-unit;}.m-lh-30 { line-height: 30/@px-unit;}.m-lh-32 { line-height: 32/@px-unit;}.m-lh-35 { line-height: 35/@px-unit;}.m-lh-40 { line-height: 40/@px-unit !important;}.m-cursor-default { cursor: default !important;}.m-cursor-pointer { cursor: pointer !important;}.m-cursor-crosshair { cursor: crosshair !important;}.m-cursor-move { cursor: move !important;}.m-cursor-text { cursor: text !important;}.m-cursor-wait { cursor: wait !important;}.m-cursor-help { cursor: help !important;}.m-cursor-notAllowed { cursor: not-allowed !important;}.m-vertical-top { vertical-align: top !important;}.m-vertical-middle { vertical-align: middle !important;}.m-vertical-bottom { vertical-align: bottom !important;}.m-vertical-text-bottom { vertical-align: text-bottom !important;}.m-text-center { text-align: center;}.m-text-left { text-align: left;}.m-text-right { text-align: right;}.m-inline-block { display: inline-block;}.m-visibility-hidden { visibility: hidden !important;}.m-display-hidden { display: none !important;}.m-display-show { display: '' !important;}.m-overflow-hidden { overflow: hidden !important;}.m-overflow-initial { overflow: initial !important;}.m-opacity-0 { opacity: 0;}.m-ws-nowrap { white-space: nowrap;}.m-text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;} html,body { font-size: @base-rem-size;}#p_ocx { z-index: 1001;}@media screen and (max-width: 1280px) { html, body { font-size: @base-rem-size-sm; }}@media screen and (min-device-width: 3000px) { html, body { font-size: 2 * @base-rem-size; }}::-webkit-scrollbar-corner { background-color: @pageBodyBg;}* { font-family: arial, 'Microsoft YaHei' !important;}.iconDropitem_name { float: left;}.ant-pagination-total-text,.ant-pagination-options-size-changer,.ant-pagination-options { color: @paginationTextN; .ant-pagination-options-quick-jumper { input { background-color: @paginationBg; border-color: @mainPageSvgN; color: @paginationInputTextN; margin-left: -40px; } }}.ant-pagination-next,.ant-pagination-prev { a { &:hover { border-color: @paginationBorderA !important; color: @paginationTextA !important; } background-color: @paginationBg !important; border-color: @mainPageSvgN !important; color: @paginationTextN !important; } svg { fill: @iconColorN; }}.ant-pagination-disabled:hover { a { color: @paginationTextN !important; border-color: @mainPageSvgN !important; }}.ant-pagination-item { background-color: @paginationBg; border-color: @mainPageSvgN; a { color: @paginationTextN; }}.ant-pagination-item-active { border-color: @paginationBorderA; a { color: @paginationTextA; }}.ant-pagination-item-ellipsis { color: @paginationTextN !important;}.ant-pagination-prev .ant-pagination-item-link,.ant-pagination-next .ant-pagination-item-link { background-color: @paginationBg;}.ant-pagination-total-text { float: right;}.ant-pagination-simple .ant-pagination-simple-pager input:hover{ border-color: @formInputBorderA;}.ant-pagination-simple-pager input { background-color: @pageBodyBg !important; border-color: @pageBorderN !important; &:focus{ border-color: @formInputBorderA !important; box-shadow: 0 0 0 0 !important; } &:hover{ border-color: @formInputBorderA !important; }}.ant-picker-range .ant-picker-active-bar{ background-color: @formInputBorderA !important;}.ant-tree-checkbox-inner { background-color: @formInputBgN;}.ant-tree-checkbox-checked .ant-tree-checkbox-inner { background-color: @formInputBgA;}.ant-form { color: @formInputTextN;}.ant-form-item-label > label { color: @formInputTextN;}.ant-form-item { margin-bottom: 0px;}.ant-progress-inner { background-color: @progressBg; .ant-progress-success-bg, .ant-progress-bg{ background-color: @progressBgA; }}.ant-progress-text { color: @progressText;}.ant-layout { background-color: @setUpContentBg; color: @pageTextN;}.ant-layout-sider { background-color: @SideMenuBg; color: @pageTextN;}.has-error { .ant-input { &:hover { border-color: @buttonDangerBorderA; } &:focus { border-color: @buttonDangerBorderA; } border-color: @buttonDangerBorderA; background-color: @formInputBgN; } .ant-input-affix-wrapper { &:hover { border-color: @buttonDangerBorderA !important; } border-color: @buttonDangerBorderA; background-color: @formInputBgN; } .ant-input-affix-wrapper-focused { border-color: @buttonDangerBorderA !important; }}.ant-input,.ant-input-number { &:focus, &:hover { box-shadow: 0 0 0 0; border-color: @formInputBorderA; }}.ant-input[disabled] { color: @formInputTextD; background-color: @formInputBgD; border-color: @formInputBoderD; &:hover { border-color: @formInputBoderD; }}.ant-input[readonly] { color: @formInputTextN; background-color: @formInputBgD; border-color: @formInputBoderD !important; &:hover { border-color: @formInputBoderD; }}.ant-input,.ant-input-number { background-color: @formInputBgN; border-color: @formInputBoderN; color: @formInputTextN;}.ant-input-number-disabled { color: @formInputTextD !important; background-color: @formInputBgD !important; opacity: 1;}.ant-input-number-handler-up,.ant-input-number-handler-down { background-color: @numberInPutHandleBgA;}.ant-input-number-handler-up:active,.ant-input-number-handler-down:active { background-color: @numberInPutHandleBgA;}.ant-input-number-handler-down { border-top: 1px solid @numberInPutHandleBgA;}.ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-up, .ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-up { border-bottom: 0.5px solid @numberInPutHandleBoderA;}.ant-input-number:hover:not(.ant-input-number-borderless) .ant-input-number-handler-down, .ant-input-number-focused:not(.ant-input-number-borderless) .ant-input-number-handler-down { border-top: 0.5px solid @numberInPutHandleBoderA;}.ant-input-number-handler-wrap { border-left: 1px solid @numberInPutHandleBgA; background-color: @numberInPutHandleBgA;}.ant-input-number-handler { border-left-color: @numberInPutHandleBoderA;}.ant-input-affix-wrapper { background-color: @formInputBgN; border-color: @formInputBoderN; &.ant-input-affix-wrapper-focused:not(.ant-input-affix-wrapper-disabled), &:hover:not(.ant-input-affix-wrapper-disabled) { box-shadow: 0 0 0 0; border-color: @formInputBorderA; }}.ant-form-item-has-error { input { background-color: transparent !important; }}.labelInput-check-info { .ant-col { margin-top: -10px; line-height: 16px; } span { color: @errorColor; }}li.ant-select-dropdown-menu-item.ant-select-dropdown-menu-item-selected,div.ant-select.ant-select-enabled { color: @formInputTextN;}.ant-select,.ant-input-number { &:hover { border-color: @formInputBorderA; svg { fill: @formInputSvgA; } } svg { fill: @formInputSvgN; } .ant-input-number-handler-up-disabled, .ant-input-number-handler-down-disabled { svg { fill: @formInputSvgD; } }}.ant-input-number-disabled { &:hover { border-color: @formInputBoderD; }}.ant-input-number-focused,.ant-select-open { svg { fill: @formInputSvgA; }}.ant-input-number-focused { border-color: @formInputBorderA; box-shadow: 0 0 0 0;}.ant-select-multiple { .ant-select-selection-item { background: @formInputDropDownBgA; border: 1px solid @formInputBoderN; }}.LabelIPV4{ border: 1/@px-unit solid @formInputBoderN; &.ipv4-active{ border-color: @formInputBorderA; } input,.mac-point:hover{ border: 0px !important; } .ant-input { background-color: transparent !important; }}.has-error{ .LabelIPV4{ border-color: @errorColor !important }}.ant-select { color: @formInputTextN;}.ant-select-single.ant-select-open .ant-select-selection-item{ color: @formInputTextN;}.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{ border-color: @formInputBorderA;}.ant-select-focused,.ant-select-open,.ant-select { &:not(.ant-select-disabled):hover{ .ant-select-selector{ border-color: @formInputBorderA; } } .ant-select-selection { background-color: @formInputBgN; border-color: @formInputBoderN; box-shadow: 0 0 0 0; .ant-select-arrow { color: @formInputTextN; } &:hover { border-color: @formInputBorderA; } } .ant-select-selector { .ant-select-selection-overflow { max-height: 56 / @px-unit; overflow-y: auto; } }}.ant-select-open { .ant-select-selection { border-color: @formInputBorderA; box-shadow: 0 0 0 1px @formInputBorderA; }}.ant-select-disabled,.ant-select-disabled .ant-select-selection { color: @formInputTextD !important; background-color: @formInputBgD !important; opacity: 1; svg { fill: @formInputSvgD; } &:focus { border-color: @formInputBoderD; } &:hover { border-color: @formInputBoderD; svg { fill: @formInputSvgD; } }}.ant-select-dropdown { background-color: @formInputDropDownBgN; border: 1 / @px-unit solid @--component-border;}.ant-select-dropdown-menu-item { color: @formInputTextN;}.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) { background-color: @formInputDropDownBgA;}.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) { background-color: @formInputDropDownBgA;}.ant-select-dropdown-menu-item-selected { background-color: @formInputDropDownBgA; font-weight: 400;}.ant-select:not(.ant-select-customize-input) .ant-select-selector { background-color: @formInputBgN; border: 1px solid @formInputBoderN; display: flex; display: -ms-flexbox; align-items: center;}.ant-select-item-option-selected:not(.ant-select-item-option-disabled) { color: @formInputDropDownTextSelectN; font-weight: normal; background-color: @formInputDropDownBgSel; .ant-select-item-option-state{ color:@formInputBorderA !important; }}.ant-select-item-option-active:not(.ant-select-item-option-disabled):not(.ant-select-item-option-selected){ color: @formInputTextN; font-weight: normal; background-color: @formInputDropDownBgA;}.ant-select-item { color: @formInputDropDownTextN; font-weight: normal;}.ant-select-disabled { &.ant-select { &:not(.ant-select-customize-input) { .ant-select-selector { background: @formInputBgD; color: @formInputTextD; } } }}.ant-checkbox-wrapper { color: @pageTextN;}.ant-checkbox-wrapper:hover .ant-checkbox-inner,.ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner{ border-color: @formCheckboxBorderA !important; }.ant-checkbox-wrapper:hover{ .ant-checkbox-disabled{ .ant-checkbox-inner{ border-color: @formCheckboxBorderD !important; } }}.ant-checkbox-disabled + span { color: @pageTextD;}.ant-checkbox-inner { width: 19 / @px-unit; height: 19 / @px-unit; background-color: @formInputBgN !important; border: 1px solid @formCheckboxBorderN;}.ant-checkbox-checked { &::after{ border: 1px solid @formCheckboxBorderA; } .ant-checkbox-inner { background-color: @formCheckboxBgA !important; border-color: @formCheckboxBorderA !important; }}.ant-checkbox-checked { .ant-checkbox-inner::after { border: 2 / @px-unit solid @formCheckboxBorderA; border-top: 0; border-left: 0; left: 25%; width: 6 / @px-unit; height: 11 / @px-unit; top: 44%; }}.ant-checkbox-indeterminate { .ant-checkbox-inner { border-color: @formInputBorderA; &::after { background-color: @formInputBorderA; left: 51%; } }}.ant-checkbox-disabled { .ant-checkbox-inner { border-color: @formCheckboxBorderD !important; } .ant-checkbox-inner::after { border-color: @formCheckboxBorderD !important; }}.ant-checkbox-input:focus + .ant-checkbox-inner { border-color: @formCheckboxBorderN;}.ant-btn-link[disabled] { color: @pageTextD;}.ant-btn-link[disabled]:hover { color: @pageTextD;}.ant-btn-link { &.ant-btn-icon-only { width: 30 / @px-unit; height: 30 / @px-unit; color: @mainPageSvgN; text-align: center; &:hover:not(:disabled) { color: @current; } &:disabled, &:hover:disabled { opacity: 0.5; color: inherit; } }}.ant-divider-horizontal.ant-divider-with-text-left { font-weight: normal; border: none; font-size: inherit; color: inherit; background: none !important; &::after { border-top: 1px solid @setUpDivider; }}.ant-divider-horizontal.ant-divider-with-text-left::before { width: 0%;}.ant-divider { background: @setUpDivider !important;}.ant-modal { .ant-modal-content { background-color: @modalBg; border: 1px solid @modalBorder; color: @modalContentText; .ant-modal-header { background-color: @modalTitleBg; border-bottom: 1px solid @modalTitleBorder; height: 41 / @px-unit; padding: 9 / @px-unit 24 / @px-unit; .ant-modal-title { color: @modalTitleText; } } .ant-modal-close { color: @modalTitleText; opacity: 0.5; &:hover { opacity: 0.6; } } .ant-modal-close-x { height: 41px; line-height: 41px; } .ant-modal-footer { background-color: @modalFooterBg; border-top: 1px solid @modalFooterBorder; height: 60 / @px-unit; padding: 5/@px-unit 16/@px-unit 50/@px-unit 16/@px-unit; .ant-space { height: auto; } .label-normal-container { float: right; margin-left: 30/@px-unit; } } }}.ant-picker-range { background-color: @formInputDropDownBgN; border-color: @pageBorderN; .ant-picker-input > input { color: @formInputTextN; } .ant-picker-separator { color: @formInputTextN; } .ant-picker-suffix { color: @formInputTextN; } .ant-picker-clear { color: @formInputTextN; background-color: @formInputDropDownBgN; }}.ant-picker-panel-container { background-color: @formInputDropDownBgN; .ant-picker-panels { border-bottom: 1px solid @dividerColor; .ant-picker-panel { .ant-picker-time-panel-column { & > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner { color: @PickerBodyTextN; &:hover { background-color: @current; color: @PickerBodyTextA; } } & > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner { background-color: @current; color: .color_A(@current)[] !important; } } } }}.ant-picker-cell-in-view.ant-picker-cell-selected.ant-picker-cell-disabled { .ant-picker-cell-inner { background: transparent !important; color: @pageTextD; }}.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner{ background-color: @current !important; color: .color_N(@current)[];}.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before{ border-color: @current !important;}.ant-picker-cell-selected .ant-picker-cell-inner { background: @current;}.ant-picker-cell:hover .ant-picker-cell-inner { background: @current !important; color: .color_A(@current)[];}.ant-picker-cell .ant-picker-cell-inner { color: @pageTextD;}.ant-picker-cell-in-view.ant-picker-cell-range-end,.ant-picker-cell-in-view.ant-picker-cell-range-start{ .ant-picker-cell-inner{ background: @current; color: .color_N(@current)[]; }}.ant-picker-cell-in-view .ant-picker-cell-inner { color: @PickerBodyTextN;}.ant-picker-cell-disabled .ant-picker-cell-inner { color: @pageTextD;}.ant-picker-header button { color: @PickerHeaderButtonN;}.ant-picker-header > button:hover { color: .color_A(@PickerHeaderBg)[];}.ant-picker-today-btn { color: @pageTextN;}.ant-picker-today-btn:hover { color: @current;}.ant-picker-now-btn { color: @buttonActiveBgN;}.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner { background: @current; color: .color_A(@current)[] !important;}.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover { background: @current; color: .color_A(@current)[] !important;}.ant-table-body { tbody { .ant-table-row { &.ant-table-row-selected { td { background: transparent; } } .ant-table-cell { &.ant-table-column-sort { background: transparent; } } } } .editable-cell-value-wrap:hover { border-color: @current !important; }}.ant-badge-count { box-shadow: 0 0 0 1px #e9463a;}.ant-spin-blur { opacity: 1; background-color: @SpinBg;}.ant-spin-text { position: absolute; top: 50%; left: 50%; width: auto !important; padding-top: 5px; background: @SpinTextBg; color: @SpinTextA; transform: translate(-50%, 0); padding: 10px 10px;}._SideView_ { .ant-tabs-top > .ant-tabs-nav { margin: 0; } .ant-tabs-left{ .ant-tabs-nav { .ant-tabs-tab-btn { color: @pageTextN; } } } .ant-tabs-nav { .ant-tabs-tab-btn { background: @tabBgN; color: @tabTextN; border: 1px solid @tabBorder; min-width: 200 / @px-unit; padding: 0 5 / @px-unit; height: 50 / @px-unit; line-height: 50 / @px-unit; text-align: center; } .ant-tabs-tab-active { & > .ant-tabs-tab-btn { background: @current; color: @tabTextA; } } } .ant-tabs-tab { padding: 0px; & + .ant-tabs-tab { margin-left: 0px; } } .ant-tabs-ink-bar { display: none; }}._MachineConfig_.MainPage { width: 100%;}.header-tabMenu { line-height: 50 / @px-unit; .ant-tabs { &.ant-tabs { & > .ant-tabs-nav { margin-bottom: 0px; height: @navMenuLineHeight; &::before { border-width: 0px; } .ant-tabs-nav-list { .ant-tabs-tab { background-color: @topTabBgN; border: none; color: @topTabTextN; &.ant-tabs-tab-active { background-color: @topTabBgA !important; border: none; color: @topTabTextA !important; .ant-tabs-tab-btn { color: @topTabTextA !important; } } } } } } }}._Table_ { width: 100%; margin-top: 8px; .ant-table, .ant-table-small .ant-table-thead, .ant-table-placeholder { background: none; border-top-color: @tableBorderN; } .ant-empty-description { color: @tableTextN; } .ant-table-column-sorters { display: flex; flex: auto; align-items: center; justify-content: center; } .ant-table-column-title { position: relative; z-index: 1; flex: 0 1 auto; } .ant-table-body { min-height: 400 / @px-unit; } .ant-table { border: 1px solid @tableBorderN; & > .ant-table-container { border-left-width: 0px !important; border-top-width: 0px !important; & > table { border-top-width: 0px; } .ant-table-header { table { border-top: 0; } } .ant-table-thead > tr > th { padding: 0 0 !important; font-weight: 400; } .ant-table-tbody { .selected-row, .ZD-selected-row { td { color: .color_A(@tableBgA)[] !important; } background: @tableBgA !important; } } tr { td { padding: 0 0 !important; border-right-width: 0px !important; color: @tableTextN; height: 48/@px-unit; border-bottom-width: 0px; } } th { color: @tableHeadTextN; background-color: @tableBgN !important; border-color: @tableBorderN !important; height: 48/@px-unit !important; } .ant-pagination { .ant-pagination-disabled { .ant-pagination-item-link { border-color: @buttonNormalBorderD; color: @buttonNormalTextD; } } .ant-pagination-prev, .ant-pagination-next { .ant-pagination-item-link { background-color: @buttonNormalBgN; } } .ant-pagination-item { background-color: @buttonNormalBgN; border-color: @buttonNormalBorderN; } .ant-pagination-item-active { border-color: @buttonActiveBorderN; } } } } .ant-table.ant-table-bordered { & > .ant-table-container { table { border-top: 0px; & > tbody { tr { &.showZebraPattern, &.ZD-showZebraPattern { &:nth-of-type(even) { background: @tableEvenBgN; } &:nth-of-type(odd) { background: @tableOddBgN; } &.ZD-highlight-row { background: @tableBgA; } } &:hover { td { color: @tableTextA !important; background: transparent !important; } } } } } } } .ant-table-cell-scrollbar { visibility: hidden; }}.ant-btn:not(.btn-link):not(.ant-btn-link) { background-color: @buttonNormalBgN; color: @buttonNormalTextN; border: 1px solid @buttonNormalBorderN; &:focus { background-color: @buttonNormalBgN; color: @buttonNormalTextN; border-color: @buttonNormalBorderN; &.active, &:active { color: @buttonActiveTextN; background-color: @buttonActiveBgN; border-color: @buttonActiveBorderN; } } &:hover, &:hover:not(:focus) { color: @buttonNormalTextA; background-color: @buttonNormalBgN; border-color: @buttonNormalBorderN; } &[disabled], &[disabled]:hover, &[disabled]:focus, &[disabled]:active { background-color: @buttonNormalBgD; color: @buttonNormalTextD; border-color: @buttonNormalBorderD; } &.ant-btn-primary { background-color: @buttonActiveBgN; color: @buttonActiveTextN; border-color: @buttonActiveBorderN; &:focus { background-color: @buttonActiveBgN; color: @buttonActiveTextN; border-color: @buttonActiveBorderN; &.active, &:active { color: @buttonActiveTextN; border-color: @buttonActiveBgA; background-color: @buttonActiveBgA; } } &:hover:not(:focus):not([disabled]) { color: @buttonActiveTextN; border-color: @buttonActiveBgA; background-color: @buttonActiveBgA; } &[disabled], &[disabled]:hover, &[disabled]:focus, &[disabled]:active { background-color: @buttonActiveBgD; color: @buttonActiveTextD; border-color: @buttonActiveBorderD; } } &.ant-btn-test { background-color: @buttonTestBgN; color: @buttonTestTextN; border-color: @buttonTestBorderN; &:hover:not(:focus):not([disabled]) { color: @buttonTestTextH; border-color: @buttonTestBorderH; background-color: @buttonTestBgH; } &:active:not([disabled]) { color: @buttonTestTextA; border-color: @buttonTestBorderA; background-color: @buttonTestBgA; } &[disabled] { color: @buttonTestTextD; border-color: @buttonTestBorderD; background-color: @buttonTestBgD; } } &.ant-btn-dangerous { background-color: @buttonDangerBgN; color: @buttonDangerTextN; border-color: @buttonDangerBorderN; &:hover:not(:focus):not([disabled]) { color: @buttonDangerTextH; border-color: @buttonDangerBorderH; background-color: @buttonDangerBgH; } &:active:not([disabled]) { color: @buttonDangerTextA; border-color: @buttonDangerBorderA; background-color: @buttonDangerBgA; } &[disabled] { color: @buttonDangerTextD; border-color: @buttonDangerBorderD; background-color: @buttonDangerBgD; } }}.ant-btn:disabled { .cus_icons { .svgDisabled(); }}.ant-switch { background-color: @formInputSwitchBgN; &.ant-switch-checked { background-color: @current; opacity: unset; } &.ant-switch-disabled.ant-switch-checked { opacity: 0.45; }}.ant-switch { &.ant-switch-checked { &:focus { box-shadow: none; } }}.LabelSwitch-label-dark { padding-left: 5px;}.ant-radio-wrapper { color: @pageTextN;}.ant-radio { vertical-align: middle; }.ant-radio:not(.ant-radio-disabled){ &:hover{ .ant-radio-inner{ border-color: @formInputBorderA !important; } }}.ant-radio-input:focus + .ant-radio-inner{ border-color: @formInputBorderA !important;}.ant-radio-checked { .ant-radio-inner { border-color: @formInputBorderA; &::after { transform: scale(1); } }}.ant-radio-inner { width: 19px; height: 19px; background-color: transparent; border-color: @formRadioBorderN; box-shadow: none !important; &::after { width: 9px; height: 9px; left: 4px; top: 4px; background-color: @formInputBorderA; margin-top: 0px; margin-left: 0px; }}.ant-radio-disabled { .ant-radio-inner { &::after{ opacity: 0.45; background-color: @formCheckboxBorderD; } border-color: @formCheckboxBorderD !important; background-color: transparent; }}.ant-dropdown-menu { background-color: @navDropdownMenuBg; color: @navDropdownMenuTextN;}.ant-dropdown-menu .ant-dropdown-menu-item { height: 40 / @px-unit; line-height: 40 / @px-unit; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: @navDropdownMenuTextN;}.ant-dropdown-menu-item:hover { background-color: @navDropdownMenuBgA; color: @navDropdownMenuTextA !important; svg path { fill: @navDropdownMenusvgA !important; }}.ant-dropdown-menu-item-selected { background-color: @navDropdownMenuBg;}.ant-popover { color: @popover_TextN; .ant-popover-arrow-content { background-color: @popover_BgN; } .ant-popover-inner { background-color: @popover_BgN; } .ant-popover-inner-content { color: @popover_TextN; } .ant-popover-message { color: @popover_TextN; } .ant-popover-arrow-content::before { display: none; }}.ant-picker { background-color: @formInputBgN; border-color: @formInputBoderN; box-shadow: none; &:hover, .ant-picker-focused{ border-color: @formInputBorderA; } .ant-picker-input { & > input { color: @formInputTextN; } .ant-picker-suffix { svg { fill: @iconColorN; } } } &.ant-picker-disabled { background-color: @formInputBgD; border-color: @formInputBoderD; .ant-picker-input { & > input { color: @formInputTextD; } } }}.ant-picker-year-panel { .ant-picker-header { border-bottom: 1px solid @dividerColor; } .ant-picker-cell-range-hover::after { border-color: @current !important; } .ant-picker-cell-range-hover-start::after { border-color: @current !important; } .ant-picker-cell-range-hover-end::after { border-color: @current !important; }}.ant-picker-month-panel { .ant-picker-header { border-bottom: 1px solid @dividerColor; } .ant-picker-cell-range-hover::after { border-color: @current !important; } .ant-picker-cell-range-hover-start::after { border-color: @current !important; } .ant-picker-cell-range-hover-end::after { border-color: @current !important; }}.ant-picker-panel-container { .ant-picker-panel { border-bottom-width: 0px; .ant-picker-year-panel, .ant-picker-month-panel, .ant-picker-date-panel, .ant-picker-time-panel { .ant-picker-header { background-color: @PickerHeaderBg; color: @PickerHeaderTextN; border-bottom-width: 0px; } .ant-picker-body { background-color: @PickerBodyBg; .ant-picker-content { th, .ant-picker-cell-in-view { color: @PickerBodyTextN; } .ant-picker-cell-inner::after { background: none; } .ant-picker-cell-range-start::before { background: none; } .ant-picker-cell-range-end::before { background: none; } .ant-picker-cell-in-range { background: @formInputDropDownBgA; } .ant-picker-cell-range-hover { background: @formInputDropDownBgA; } .ant-picker-cell-range-hover::after { border-color: @current; } .ant-picker-cell-range-hover-start::after { border-color: @current; } .ant-picker-cell-range-hover-end::after { border-color: @current; } .ant-picker-cell-range-hover-end::before { border-color: @current; background: none !important; } .ant-picker-cell-in-range::before { background: @formInputDropDownBgA; } } } } .ant-picker-footer { border-bottom-width: 0px; border-top-width: 0px; } }}.ant-picker-panel-container { .ant-picker-panel { .ant-picker-content { color: @PickerBodyTextN; } }}.ant-picker-dropdown { .ant-picker-range-wrapper{ border: 1px solid @pickerBorder; } .ant-picker-time-panel-column:not(:first-child) { border-left: 1px solid @dividerColor; }}.ant-picker-time-panel-column { & > li.ant-picker-time-panel-cell { .ant-picker-time-panel-cell-inner { height: 30 / @px-unit; line-height: 30/@px-unit; color: @PickerBodyTextN; } }}.ant-slider-track { background-color: @current ;}.ant-slider:hover .ant-slider-track{ background-color: @sliderTrackA;}.labelSlider-center { margin: 0 30 / @px-unit; }.ant-slider-handle{ border-color: @sliderRailA; &.ant-tooltip-open { border-color: @--primary-5; }}.labelSlider-float-right { margin-right: 5 / @px-unit;}.ant-slider { &:hover { .ant-slider-rail { background-color: @sliderRailA; } .ant-slider-handle:not(.ant-tooltip-open) { border-color: @--primary-5; } } .ant-slider-rail { background-color: @sliderBgN; } &.ant-slider-disabled{ .ant-slider-rail{ background-color: @sliderBgN !important; } .ant-slider-track{ background-color:@sliderRailA !important } }}.ant-tabs-left { .ant-tabs-content-holder { border-left-color: @pageBorderN; }}.ant-tabs,.ant-tabs .ant-form,.ant-form .ant-form-item,.ant-form-item { color: @pageTextN;}.ant-form-item-has-error input { background-color: @pageBodyBg !important;}.ant-tabs-top > .ant-tabs-nav::before,.ant-tabs-bottom > .ant-tabs-nav::before,.ant-tabs-top > div > .ant-tabs-nav::before,.ant-tabs-bottom > div > .ant-tabs-nav::before { border-bottom: none;}.ant-alert { background-color: inherit; border: none; padding: 0; .ant-alert-message { color: @pageTextN; }}.ant-radio-group { .ant-radio-button-wrapper { background-color: @popover_BgN; border-color: @tabBorder; color: @pageTextN; } .ant-radio-button-wrapper-checked { background-color: @current; border-color: @current; color: @tabTextA; &:hover { color: @tabTextA; } &:active { border-color: none; } } .ant-radio-wrapper-disabled * { color: @formInputTextD !important; }}.ant-table.ant-table-bordered > .ant-table-title { border: none; color: @pageTextN; border-bottom: 1px solid @pageBorderN;}.ant-table-tbody > tr.ant-table-row-selected > td { background: transparent;}.ant-table-thead > tr > th { text-align: center;}.ant-table-tbody > tr > td { text-align: center;}.ant-table-tbody > tr.ant-table-row:hover > td { background: unset;}.ant-table-tbody > tr > td.ant-table-cell-row-hover { background: @tableBgA;}.LabelMac { .ant-input-group{ border: 1 /@px-unit solid @formInputBoderN; .mac-point, .mac-input { background-color: transparent; background-color: unset; border: 0px; } &.mac-active{ border-color: @formInputBorderA; } } &:not(.mac-disabled){ .ant-input-group:hover{ border-color: @formInputBorderA; } } }.has-error{ .LabelMac{ .ant-input:first-of-type, .ant-input:last-of-type { border-left: 0px; border-right: 0px; } .ant-input-group{ border-color: @errorColor !important; } }}._VideoTransmission_ { .box, .box .title { border: 1px solid @pageBorderN; }}.ant-collapse { border: 1px solid @pageBorderN;}.ant-collapse-content { border-top: 1px solid @pageBorderN;}.ant-collapse > .ant-collapse-item { border-bottom: 1px solid @pageBorderN;}.ant-checkbox-group { color: @pageTextN;}.ant-collapse,.ant-collapse .ant-collapse-content { background-color: unset;}.ant-collapse > .ant-collapse-item > .ant-collapse-header,.ant-collapse,.ant-collapse-content { color: unset;}.ant-tabs-dropdown { .ant-tabs-dropdown-menu-vertical { background-color: @topTabBgN; .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; color: @navMenuTextN; } span { margin-left: 4 / @px-unit; text-overflow: ellipsis; color: @navMenuTextN; white-space: nowrap; overflow: hidden; } } .ant-tabs-dropdown-menu-item { color: @navMenuTextN; &:hover { background-color: @topTabBgA; } } .ant-tabs-dropdown-menu-item-remove { color: @navMenuTextN; } }}._pannel_.ant-collapse .ant-collapse-item { border: 1px solid @pageBorderN;}.label-passwordCheck-tip { background-color: @passwordCheckBg;}.label-passwordCheck-status-weak-1 { background-color: @errorColor;}.label-passwordCheck-status-middle-1 { background-color: @warnColor;}.label-passwordCheck-status-middle-2 { background-color: @warnColor;}.label-passwordCheck-status-strong-1 { background-color: @successColor;}.label-passwordCheck-status-strong-2 { background-color: @successColor;}.label-passwordCheck-status-strong-3 { background-color: @successColor;}.label-explain { word-break: keep-all;}.ant-picker-datetime-panel { .ant-picker-time-panel { border-left: 0; }}fieldset { border: 1 / @px-unit solid @pageBorderN; padding: 25 / @px-unit;}legend { width: auto; font-size: @font-size-base;}.ant-picker-range-arrow { z-index: -1;}.ant-popover { .ant-popover-inner-content { padding-top: 0; padding-bottom: 0; }}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ant-picker-range-arrow { z-index: -1; width: 9 / @px-unit !important; height: 9 / @px-unit !important; } .ant-picker-panel-container { transform: translateX(-3px); }}.ant-picker-range-arrow { z-index: -1; width: 11 / @px-unit !important; height: 11 / @px-unit !important; background: @pageTextN !important;}.ant-picker-range-arrow::before { width: 11 / @px-unit !important; height: 11 / @px-unit !important; background: @pageTextN !important;}.ant-message-notice-content { color: .color_A(@modalTitleBg)[]; background: @modalTitleBg;}.ant-tooltip { max-width: 200 / @px-unit !important;}.ant-tooltip-inner { background-color: @popover_BgN; color: @pageTextN;}.ant-tooltip-arrow-content { --antd-arrow-background-color: @popover_BgN; background-color: @popover_BgN;}.ant-tabs-content-holder,.ant-tabs-content,.ant-tabs-tabpane { outline: none;}.TabsTop{ margin-top: 10/@px-unit; &.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; } } }}.ant-message-notice.ant-move-up-leave.ant-move-up-leave-active { animation: MessageMoveOut .5s; -webkit-animation: MessageMoveOut .5s;}@keyframes MessageMoveOut { 0%{ max-height: 150px; padding: 8px; opacity: 1; } 100% { max-height: 0; padding: 0; opacity: 0; }}.ant-zoom-appear.ant-zoom-appear-active { animation: ZoomIn .2s; -webkit-animation: ZoomIn .2s;}.ant-zoom-leave.ant-zoom-leave-active { animation: ZoomOut .2s; -webkit-animation: ZoomOut .2s;}.ant-fade-leave.ant-fade-leave-active { animation: FadeOut .2s; -webkit-animation: FadeOut .2s;}.ant-slide-up-leave.ant-slide-up-leave-active { animation: SlideOut .2s; -webkit-animation: SlideOut .2s;}.ant-slide-up-enter.ant-slide-up-enter-active { animation: SlideIn .2s; -webkit-animation: SlideIn .2s;}@keyframes ZoomIn { 0%{ transform: scale(0); opacity: 0; } 100%{ transform: scale(1); opacity: 1; }}@keyframes ZoomOut { 0%{ transform: scale(1); opacity: 1; } 100%{ transform: scale(0); opacity: 0; }}@keyframes FadeOut { 0%{ opacity: 1; } 100%{ opacity: 0; display: none; }}@keyframes SlideIn { 0%{ opacity: 0; } 100%{ opacity: 1; }}@keyframes SlideOut { 0%{ opacity: 1; } 100%{ opacity: 0; }}.hyperlink{ color: @current; &:hover{ color: @--primary-5; }}.assistanceColor{ each(@secondary,{ &.@{key}{ color:@value } });}.colorBox(@recordBox);.colorBox({green:@aiDisplayNumCheck});.report-icon { width: 100%; font-size: 200px !important; margin: auto;}.wifi_sign { display: inline-block; width: 20px; height: 20px;}.label-normal-behind,.label-append-unit{ color:.color_N(@pageBodyBg)[];}.ant-modal-confirm-body { .ant-modal-confirm-title{ color: @modalContentText; } .ant-modal-confirm-content { color: @modalContentText; }}.ant-table-column-sorter-up.active, .ant-table-column-sorter-down.active{ color: @--primary-6;}.label-normal-wrapper .labelTimeRangePicker{ &+a{ color: @pageTextN; }}.ant-spin.ant-spin-spinning{ .ant-spin-dot-item{ background-color: @--primary-6; }}.ant-picker-header-view button:hover{ color: @--primary-5;}._SAFESecurityStatus_{ .status-title-tip{ .m-highlight-text{ color: @pageTextN; } } ._SAFESecurityStatus_titleText.m-highlight-text{ color: @pageTextN; }} ._ChannelGroupModal_ {}.ChannelGroupModal_textlabel{ user-select: none} ._ChannelGroup_ { display: flex; .ant-space{ gap:0 !important; .ant-space-item { .label-normal-wrapper { line-height: 0 !important; } } } .checkbox { display: inline-block; } .label { display: inline-block; height: 40/@px-unit; line-height: 40/@px-unit; } .btn-link{ padding-top: 10/@px-unit; } .chn_btn { color: @buttonNormalTextN; background-color: transparent; width: 35/@px-unit; height: 25/@px-unit; padding: 0; margin: 5/@px-unit; text-align: center; &.selected { color: @buttonNormalTextA; border-color: @formInputBgA; &:focus { color: @buttonNormalTextA; border-color: @formInputBgA; } } &.allbtn { width: 40/@px-unit !important; font-size: 10/@px-unit; } &[disabled] { opacity: .5; background-color: @buttonNormalBgN !important; color: @buttonNormalTextN !important; border: 1px solid @buttonNormalBorderN !important; &:hover, &:active, &.active{ opacity: .5; } } }} .autoComplete { .ant-select-selector { &:hover { border-color: @current !important; } } } .autoComplete-error { .ant-select-selector { border: 1px solid @errorColor; } } .error-text { color: @errorColor; } .cus_icons { .svgFont(); .svgOut(); .svgHover(); &.disabled_icons { .svgDisabled(); } &.active_icons { .svgOut(@current, @iconLinearStartColorA, @iconLinearStopColorA); } .colorSvg(action_red, @errorColor);} .label-button { max-width: 150/@px-unit; min-width: 100/@px-unit; .ant-btn { padding: 4/@px-unit 4/@px-unit; }}.labelText-wrapper{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .subtitle { margin: 0; font-weight: bold; color: @subtitleColor; width: 100%;} ._TopTitleDivider_{ height: 22px; line-height: 22px; margin: 0 0 8px; font-weight: bold; } ._FirstTitleDivider_{ height: 22px; line-height: 22px; margin: 0 0 8px; font-weight: bold; font-size: 18px; } ._MidTitleDivider_ { height: 22px; line-height: 22px; margin: 36px 0 8px; font-weight: bold; } ._HighDivider_{ height: 28px; margin: 0 0; } .DefaultImgClass{ width: 100%; height: 100%; object-fit: fill;} .popover_list { display: flex; &_item { cursor: pointer; &:hover { color: @preview_center_popover_ColorA; } &_active { color: @preview_center_popover_ColorA; } } &_separator { margin: 0 5 / @px-unit; color: @preview_center_separator_ColorN; }}.popover_icon { cursor: pointer; &:hover { .svgHover(@current); }} ._ColorCheckGroup_ { display: flex; flex-direction: row; .color_checkbox_all_box { height: 28px; line-height: 28px; } &alarm { .ant-checkbox-inner { background-color: @alarm !important; } } &general { .ant-checkbox-inner { background-color: @general !important; } } &detect { .ant-checkbox-inner { background-color: @detect !important; } } &ivs { .ant-checkbox-inner { background-color: @ivs !important; } } &pos { .ant-checkbox-inner { background-color: @pos !important; } } &card { .ant-checkbox-inner { background-color: @card !important; } }} .site-calendar-demo-card { border: 1px solid @pageBorderN; border-radius: 2px; .calender-point { position: absolute; background-color: @pageTextN; width: 4px; height: 4px; border: 1px solid @pageTextN; border-radius: 100%; left: 46%; bottom: -1px; transform: translate(0, -50%); }}.ant-picker-calendar { background-color: @preview_center_bottom_Bg !important; .ant-picker-content { color: @pageTextN !important; } .ant-picker-panel { border-top: 1px solid @pageBorderN; background-color: @formInputBgN !important; } .ant-picker-cell { color: @pageTextD !important; } .ant-picker-cell-in-view { color: @pageTextN !important; } .ant-picker-content th { color: @pageTextN; } .ant-select-selector { width: 100 / @px-unit !important; } } .similarity-progress{ display: flex; height: 100%; align-items: center; .temp-picData-progress{ height: 18/@px-unit; width: 100%; padding: 0/@px-unit 15/@px-unit; display: flex; .temp-progress-bar-swrap{ width: 67%; display: flex; align-items: center; padding: 0/@px-unit 5/@px-unit 0/@px-unit 0/@px-unit; .temp-progress-bar{ background-color: @progressBg; height: 8/@px-unit; width: 100%; border-radius: 5/@px-unit; } } .temp-progress-similar{ display: flex; align-items: center; width: 33%; } } .picData-progress { display: flex; width: 100%; align-items: center; background: @ai_progress_default; height: 14/@px-unit; position: relative; color: @pageTextA; .progress-item { display: inline-block; height: 100%; } .progress-red { background: @ai_progress_red; } .progress-orange { background: @ai_progress_orange; } .progress-blue { background: @ai_progress_blue; } .progress-label { position: absolute; right: 0; line-height: 14/@px-unit; top: 0; } }} .pageLine { display: flex; float: left; margin-top: 10 / @px-unit; width: 100%; min-width: 600 / @px-unit; justify-content: space-between; align-items: center; .pageLineLeft { .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link{ height: 100%; } button, & span.anticon { display: flex; justify-content: center; align-items: center; } .ant-btn-default{ width: 46 / @px-unit; height: 32 / @px-unit; } display: flex; .ant-pagination { display: flex; justify-content: center; align-items: center; .ant-pagination-prev, .ant-pagination-next, .ant-pagination-disabled { padding: 4 / @px-unit 4 / @px-unit; border: 1 / @px-unit solid @buttonNormalBorderD; width: 32 / @px-unit; height: 32 / @px-unit; margin: 0 10 / @px-unit; } .ant-pagination-disabled { border: 1 / @px-unit solid @buttonNormalBorderD; background-color: @buttonNormalBgD; svg { & + { path:first-child { fill: @buttonNormalBorderD; } } } } } .anticon-left, .ant-pagination-simple-pager, .anticon-right { color: @pageTextA; } .ant-pagination-simple-pager input { background-color: @pageBodyBg; border-color: @pageBorderN; } .ant-pagination-simple-pager { height: 32 / @px-unit; } } .pageLineRight { display: flex; justify-content: center; align-items: center; }} @keyframes arcSlideUpIn { 0% { opacity: 0; } 100% { opacity: 0.8; }}.iconDropBtn { background-color:@navBg; border: none; outline: none; cursor: pointer; display: flex; align-items: center; height: @navMenuLineHeight; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; &:hover{ color:@navMenuTextA; } .cus_icons{ margin: 0 5/@px-unit; } span{ font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }}.iconDropMenu { min-width: 200/@px-unit !important; border: 1px solid @dropMenuBorder; pointer-events:auto !important; .cus_icons{ font-size: 30/@px-unit; vertical-align:middle; margin-right: 15/@px-unit; } .ant-dropdown-menu-item{ padding:5/@px-unit 15/@px-unit; } .iconDropitem_name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }}.iconDropitem { display: flex; align-items: center;}.centerItem{ justify-content: center;} .native-tooltip{ display: inline; } .virtual-table { .ant-table-header { th{ border-right: 1/@px-unit solid; } } .ant-empty-normal { height: 180/@px-unit; margin: 0 0; display: flex; flex-direction: column; justify-content: center; } .ant-table-tbody { height: 180/@px-unit; } .ZD-showZebraPattern-even { background-color: @tableOddBgN; } .ZD-showZebraPattern-odd { background-color: @tableEvenBgN; } .ZD-selected-row { background-color: @tableBgA; } .virtual-table-cell { display: flex; align-items: center; justify-content: center; color: @tableTextN; } .center { text-align: center; }} .label-date-picker { .ant-picker { width: 100%; } } ._CompliantInfoModal_ { .ant-tabs-tab-active { .label-normal-container { .label-normal { color: @current; } } } &left { display: flex; align-items: center; height: 32/@px-unit; .label-div-Container{ margin-left: 20/@px-unit; } span { color: @pageTextN; } } ._WorkClothes_ { .left-tip { visibility: hidden; } .warning-tip { color: @errorColor !important; } } .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 0px !important } } .startAndEndTimePicker { .time-select-wrapper { display: flex; width: 100%; &>div { width: 100%; padding-top: 0rem !important; &>div { width: 100%; } } }} ._WinSecAuth_ { width: 600/@px-unit !important; .ant-modal-footer { padding: 5/@px-unit 16/@px-unit 50/@px-unit 16/@px-unit; .label-normal-container { float: right; margin-left: 30/@px-unit; } } .pd-active > svg path:first-child{ fill:@pdEyeIconA !important; } .pd-default > svg path:first-child{ fill:none !important; }} ._RebootTimePicker_ { margin-left: 0 !important; .time-selector { margin-left: 5 / @px-unit; }} ._Input-Test_ { margin-left: 0 !important;} ._PtzZoom_ { margin: 10 / @px-unit 0 0 7.5 / @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; &wrap{ display: flex; align-items: center; } &part { width: 60 / @px-unit; height: 26 / @px-unit; background-color: @preview_right_ptzZoom_Bg; display: flex; align-items: center; justify-content: center; } &wrap:first-child{ ._PtzZoom_part:not(:last-child) { border-bottom: 1 / @px-unit solid @preview_right_ptzZoom_border_ColorN; border-right: 1 / @px-unit solid @preview_right_ptzZoom_border_ColorN; } ._PtzZoom_part:last-child { border-bottom: 1 / @px-unit solid @preview_right_ptzZoom_border_ColorN; } } &wrap:last-child{ ._PtzZoom_part:not(:last-child) { border-right: 1 / @px-unit solid @preview_right_ptzZoom_border_ColorN; } } & &Icon { .svgFont(25); cursor: pointer; }} ._SetMore_ { padding-top: inherit; }._setMoreView_ .checkboxListByRow .checkboxList { .label-div-Container { display: inline-block; width: 50%; }} .LayoutOcxLeft{ .leftOcx{ width: 450/@px-unit; height: 337/@px-unit; } } .ocxRight{ padding-left: 15/@px-unit; flex: 1; } .ocxBottom{ padding-top: 15/@px-unit; width: 450/@px-unit; height: 120px; } ._SplitScreen_ { position: relative; margin-bottom: 0 / @px-unit; &title{ padding: 0 10/@px-unit; line-height: 40/@px-unit; color: @pageTextN; font-size: 14/@px-unit; background-color: @fisheye_title; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } &wrap{ padding: 10/@px-unit 0/@px-unit; display: flex; justify-content: flex-start; flex-wrap: wrap; } &item{ height:40/@px-unit; width:40/@px-unit; margin:10/@px-unit; font-size:40/@px-unit!important; svg:hover { path:first-child { fill:@fisheye_iconHover!important; } } } &active{ svg path:first-child{ fill:@fisheye_actColor!important; } svg:hover { path:first-child { fill:@fisheye_actColor!important; } } } } ._FishEye_ { position: relative; margin-bottom: 0 / @px-unit; &title{ padding: 0 10/@px-unit; line-height: 40/@px-unit; color: .color_N(@fisheye_title)[]; font-size: 14/@px-unit; background-color: @fisheye_title; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } &wrap{ padding: 10/@px-unit 0/@px-unit; display: flex; justify-content: flex-start; flex-wrap: wrap; } &item{ height:40/@px-unit; width:40/@px-unit; margin:10/@px-unit; font-size:40/@px-unit!important; svg:hover { path:first-child { fill:@fisheye_iconHover!important; } } } &active{ svg path:first-child{ fill:@fisheye_actColor!important; } svg:hover { path:first-child { fill:@fisheye_actColor!important; } } } .show{ display: ''; } .hide{ display: none; } } @length :46/@px-unit;@close :34/@px-unit;.WinPreviewWarp { overflow: hidden; .ant-modal { width: 472px !important; } .ant-modal-close { width: @length; height: @length; .ant-modal-close-x{ width: @length; height: @length; line-height: @length; } } .ant-modal-header { padding: 12/@px-unit; .ant-modal-title { width: calc(~"100% - @{close}"); height: 22/@px-unit; overflow: hidden; .TransparentTitle { color: @MenuViewBg; } .NormalTitle { color: .color_N(@modalTitleBg)[]; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } } .ant-modal-body { padding: 0; .WinPreview { padding: 0 !important; } } .ant-modal-footer { display: none; }} .event-handler { .ant-space-item { margin-right: 0px !important; } .flex{ display: flex; .set-style{ display: flex; align-items: center; .text{ display: inline-block; width:180px; text-align: right; margin-right:10px; } } .left{ .text{ text-align: left; } } } } ._RemoteAlarmLight_ { padding-top: inherit; } .fixed-button { position: fixed; bottom: 0; right: 0; height: 66 / @px-unit; padding: 17 / @px-unit 10 / @px-unit; background-color: @BottomBarBg; border-top: 1px solid @BottomBarBorder; &.halfwidth { width: 87.5%; } &.fullwidth { width: 87.5%; } .label-normal-container { padding: 0 !important; margin: 0 10px; }}.absolute-button { position: absolute; bottom: 0; right: 0; left: 0; height: 66 / @px-unit; padding: 17 / @px-unit 10 / @px-unit; background-color: @BottomBarBg; border-top: 1px solid @BottomBarBorder; width: 100% !important; .label-normal-container { padding: 0 !important; margin: 0 10px; }}.fixed-button,.absolute-button { button { display: inline-block; } .left { float: left; } .right { float: right; }} .flexBetween(){ display: flex; align-items: center; justify-content: space-between; } .hdd-modal { width: 1010 /@px-unit !important; height: 600 /@px-unit; .btn-wrap { .flexBetween(); .right { .flexBetween(); .label-div-Container:last-child{ margin-left: 10/@px-unit; } } } .warning-tip{ margin-top: 15 /@px-unit; } } ._ScheduleModal_ { padding-top: inherit; }.ant-drawer-wrapper-body { background-color: #2A2E33; .ant-drawer-header { background-color: #2A2E33; .ant-drawer-title { color: #fff; } }} ._ChannelSelect_ { padding-top: inherit; .check-box-group-wrapped { .ant-checkbox-group .ant-checkbox-wrapper { width: 160 / @px-unit !important; margin-top: 10 / @px-unit; } .label-normal-wrapper { width: 100% !important; } .ant-checkbox-wrapper + .ant-checkbox-wrapper { margin-left: 0; } } width: 400 / @px-unit !important; ._ChannelSelect_box { overflow-y:scroll; height: 250 / @px-unit; } } ._IntelliAreaRuleBtn_ivs-color{ svg path:first-child { fill: @current !important; } } ._RemoteAlarmOutput_ { padding-top: inherit; } ._PtzLink_ { height: 450px; overflow-y: scroll; margin: 10px;} ._BackupWindow_ { padding-top: inherit; }.backupModal{ width: 650/@px-unit !important; .label-normal-container { padding-top: 0 !important; }} ._AiRuleTable_ { padding-top: inherit; width: 590 / @px-unit; ._Table_ { .ant-table-body { min-height: 150 / @px-unit; } .ant-table-body { .editable-cell-value-wrap { padding: 0 0; } } .add { .svgOut(.color_N(@tableBgN)[]); } .ant-table.ant-table-bordered { & > .ant-table-container { table { border-top: 0px; & > tbody { tr { &.ZD-selected-row { background-color: transparent !important; } &.ZD-highlight-row { background: @tableBgA !important; } } } } } } }} ._RemoteAudio_ { padding-top: inherit; } .WinPreview { .WinPreview_ocx { background-color: @iconBgColor; height: 285/@px-unit; img { width: 100%; height: 100%; background-repeat: no-repeat; } &_ocx { width: 100%; height: 100%; } } &_footer{ position: relative; top: 0; background-color: @winpreview_footer_Bg; padding: 0 10/@px-unit; flex-direction: row-reverse; align-items: center; .sub_footer { height: 40/@px-unit; display: flex; align-items: center; } .footer_control { flex:1; span { padding: 0 10/@px-unit; width: 90/@px-unit; } .control_slider,.ant-slider-disabled{ flex:1; position: relative; margin:0!important; line-height: 12/@px-unit; .ant-slider-rail { background-color: @sliderBgN !important; height: 3/@px-unit; } .ant-slider-handle{ width: 8/@px-unit!important; height: 8/@px-unit!important; margin-top: -3/@px-unit; border-radius: 0; } } } .footer_button { justify-content: space-between; .footer_icon { display: flex; padding: 0 10/@px-unit; justify-content: flex-start; } .cus_icons{ .svgOut(.color_N(@winpreview_footer_Bg)[]); &.disabled_icons{ .svgDisabled(.color_D(@winpreview_footer_Bg)[]); } } span { display: inline-block; width:35/@px-unit; } .activeButton { .svgOut(@current); } .timePeriods { display: flex; justify-content: center; align-items: center; .timeButton { display: flex; justify-content: center; align-items: center; cursor:pointer; width: 34/@px-unit; height: 22/@px-unit; box-sizing: content-box; border-radius: 5/@px-unit; background-color: @buttonNormalBgN; padding: 2/@px-unit 2/@px-unit; margin: 0 2/@px-unit; font-size: 13/@px-unit; color: .color_N(@buttonNormalBgN)[]; } .activeButton { background-color: @current; border: 0; color: .color_N(@current)[]; } } } }} ._ApplyTo_ { max-height: calc(100vh - 50vh); height: auto; overflow-y:scroll; .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; }} ._AlarmController_ { margin-top: 20 / @px-unit; .mode { display: flex; align-items: center; .label { width: 150 / @px-unit; height: 30 / @px-unit; line-height: 30 / @px-unit; } .textItem { width: 30 / @px-unit; height: 30 / @px-unit; margin: 0 6 / @px-unit; line-height: 30 / @px-unit; } .radioItem { width: 30 / @px-unit; height: 30 / @px-unit; line-height: 16 / @px-unit; margin: 0 7 / @px-unit 0 5 / @px-unit; padding: 0 !important; } } .status { display: flex; align-items: center; .label { width: 150 / @px-unit; height: 30 / @px-unit; line-height: 30 / @px-unit; } .checkboxItem { width: 30 / @px-unit; height: 30 / @px-unit; margin: 0 7 / @px-unit 0 5 / @px-unit; padding: 0 !important; } } } ._UploadFiles_ { padding-top: inherit; input { width: 95%; margin-right: 15/@px-unit; }}.uploadBtn{ height: 10/@px-unit;}.uploadBtn_div{ display: flex;} ._AlarmOutChn_ { padding-top: inherit; } ._AiRulePlugin_ { 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; }} .ai_result_window { width: 100vw !important; height: 100% !important; margin: 0 !important; max-width: 100% !important; top: 0; .ant-spin-nested-loading{ width: 100%; } .ant-modal-header{ width: 100vw; height: 100vh; overflow-y:auto !important; overflow-x: auto !important; min-width: 1280/@px-unit; } .ant-modal-body{ width: 100%; padding-left: 12/@px-unit !important; padding-right: 0px !important; padding-top: 0px !important; max-width: 100% !important; } .ant-modal-content { top: 0; border: none !important; left: 0; width: 100vw; height: 100vh; overflow-y:auto !important; overflow-x: auto !important; min-width: 1280/@px-unit; ._AiSearchResultWindow_left{ margin-left: 15/@px-unit; .ant-divider{ margin:1/@px-unit !important; } width: calc(100vw - 400px) !important; } ._AiSearchResultWindow_left_top { .allCheckWrap{ min-width: 100 / @px-unit; } .allCheckBehind{ width: auto !important; min-width: 70/@px-unit; } display: flex; flex-direction: row; .label-div-Container { margin-right: 12/@px-unit; } .sort_span{ height: 55/@px-unit; line-height: 55/@px-unit; margin-right: 12/@px-unit; margin-left: 12/@px-unit; } .iconSortBtn{ display: inline-block; margin-top: 7/@px-unit; margin-left: 5/@px-unit; } .icosortActiveBtn{ svg{ &+{ path:first-child{ fill: @current; } } } } .search_progress{ margin-left: 15/@px-unit; } .cus_icons { .svgFont(20); } } ._PicDataview_ { height: 700/@px-unit; } ._AiSearchResultWindow_right { width: 400/@px-unit !important; min-width: 400/@px-unit !important; ._AiSearchResultWindow_right_ocx { padding:10/@px-unit; } } } }.tagadd_modal{ .tag_defaultBtn{ float: left; }}.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;} @ant-modal-height-height: 42/@px-unit; @arrow-icon-bg: @modalTitleBg; @content-header-bg: @--menu-bg; @content-spilt: @--split; .acupick_window { height: 100%; width: 100% !important; max-width: none; .ant-modal-content { height: 100%; min-width: 1280/@px-unit; min-height: 800/@px-unit; .ant-modal-body { padding: 0; height: calc(100% - @ant-modal-height-height); .window-main-container { position: relative; display: flex; height: 100%; } .window-container-left { top: 0; left: 0; position: absolute; display: flex; width: 428/@px-unit; height: 100%; flex-shrink: 0; transition: left 0.3s linear; .hover-hidden-arrow { position: absolute; display: flex; align-items: center; justify-content: center; cursor: pointer; background-color: @modalTitleBg; width: 24/@px-unit; height: 64/@px-unit;