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; } } ._AIMode_ { height: calc(100% - 66px); overflow-y: auto; } .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); }} .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; } }} .userDropMenu{ &.iconDropMenu{ min-width: 130/@px-unit !important; }} .DefaultImgClass{ width: 100%; height: 100%; object-fit: fill;} ._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; } }} ._SideView_ { min-width: 1280px; height: 100%; background-color: @setUpContentBg; .ant-tabs { .ant-tabs-bar { border-bottom-color: @setUpContentBg; .ant-tabs-nav-container { height: 50px; .ant-tabs-nav-wrap { .ant-tabs-nav { .ant-tabs-tab { width: 200 / @px-unit; height: 50px; text-align: center; background: @tabBgN; color: @tabTextN; border: 1px solid @tabBorder; margin: 0; &.ant-tabs-tab-active { background: @tabBgA; color: @tabTextA; } } .ant-tabs-ink-bar { visibility: hidden; } } } } } } .m-side-container { width: 12.5%; min-width: 100px; overflow-y: auto; background: @SideMenuBg; } .m-main-page { height: 100%; background: @setUpBodyBg; & > div { background: @setUpContentBg; width: 100%; height: 100%; } .MainPage { padding: 16 / @px-unit; padding-bottom: 66 / @px-unit; &.noFixedButton { padding-bottom: 0px; } } @media screen and (-webkit-min-device-pixel-ratio: 1.1), (-ms-high-contrast: active), (-ms-high-contrast: none) { .MainPage { &:not(.noFixedButton) { height: calc(100% - 66px); overflow-y: auto; } } } .content-container { overflow-x: hidden; overflow-y: auto; .fixed-button { bottom: 5/ @px-unit; } } } .ant-spin-nested-loading, .ant-spin-container { position: static; height: 100%; } ._SideTabView_ { height: 100%; overflow-y: hidden; ._SideTabView_Tabmenu{ .ant-tabs-nav .ant-tabs-tab-btn{ border-top: 0px; border-left: 0px; } } } ._SideTabView_ > .ant-col { position: static; height: 100%; } ._SideTabView_ > .ant-col > .ant-row:nth-child(2) { height: calc(100% - 50px); overflow-y: auto; }} .MainPage { width: 100%; ._AcuPickSearch_UploadImageDiv { width: 100%; .ant-divider-horizontal{ margin: 1/@px-unit !important; } ._AcuPickSearch_UploadButtons { width: 100%; margin-top: 15/@px-unit; .label-div-Container { margin-right: 15/@px-unit; display: inline-block; } .mostSelected_tip { color: @errorColor; } .clear_button { float: right; } } .upload_imgDiv{ overflow-x: auto; width: 100%; overflow-x: auto; height: 120/@px-unit; line-height: 120/@px-unit; white-space: nowrap; .upload_imgInnerDiv{ width: 100%; } .face_uploadImg { width: 100/@px-unit; height: 100/@px-unit; border: 2/@px-unit solid @com_facesmallpics_border; margin-left: 8/@px-unit; } } .face_uploadImg_selected { border-color: @current !important; } }} .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; } } .home_settingBtn{ .cus_icons{ .svgHover(@homeTaskIconColorA); margin: 0 15/@px-unit !important; }}.home_settingBtn:hover{ .cus_icons{ .svgOut(@homeTaskIconColorA); }} .label-date-picker { .ant-picker { width: 100%; } } .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; }} .side-button { background-color: transparent; border: none; outline: none;}.sideMenu { .ant-menu { &:not(.ant-menu-horizontal) .ant-menu-item-selected { background-color: @SideMenuItemBg; color: @SideMenuTextA; a { color: @SideMenuTextN; } } &.sideMenuBody { height: calc(100vh - @navMenuHeight); @media screen and (max-width: 1280px) { height: calc(100vh - @navMenuAddScrollHeight); } border-right: 1px solid @BottomBarBorder !important; background-color: @SideMenuBg; color: @SideMenuTextN; &.ant-menu-inline { .ant-menu-item { margin-top: 0; margin-bottom: 0; width: calc(100%); height: 50px; line-height: 50px; &::after { border-right: none; } .anticon { &.cus_icons { left: 2 / @px-unit; visibility: hidden; position: relative; top: 6 / @px-unit; .svgFont(25); .svgOut(); } } a { margin-left: 15 / @px-unit; font-size: 16 / @px-unit; display: inline !important; color: @SideMenuTextN; } &:active { background: transparent; } &:hover { color: @SideMenuTextA; a { color: @SideMenuTextA; } } &.ant-menu-item-selected { a { color: @SideMenuItemSelectTextA; } .anticon { &.cus_icons { visibility: visible; .svgOut(@SideMenuItemSelectSvgA); } } } .infoBadge { float: right; } } .ant-menu-submenu { .ant-menu-submenu-title { margin-top: 0; margin-bottom: 0; height: 50 / @px-unit; line-height: 50 / @px-unit; span { font-size: 16 / @px-unit; color: @SideMenuTextN; } &:active { background: transparent; } .ant-menu-submenu-arrow { &::before, &::after { background: @mainPageSvgN; } } .anticon { &.cus_icons { position: relative; top: 5 / @px-unit; .svgFont(); &.placeholder { visibility: hidden; } } } } &.ant-menu-submenu-open { .ant-menu-submenu-title { span { color: @SideMenuTextA; } .ant-menu-submenu-arrow { &::before, &::after { background: @SideMenuArrowSvgA; } } .cus_icons { .svgOut( @MenuViewSubItemSvgA, @MenuViewSubItemSvgA, @MenuViewSubItemSvgA ); } } } &:hover:not(.ant-menu-submenu-open) { .ant-menu-submenu-title { span { color: @SideMenuTextA; } } } .ant-menu-item { padding-left: 24px !important; &.ant-menu-item-selected { .anticon { &.cus_icons { visibility: visible; } } a { color: @SideMenuSubItemSelectTextA; } .anticon { &.cus_icons { visibility: visible; .svgOut(@SideMenuSubItemSelectSvgA); } } } a { color: @sideMenuItemTextN; } &:hover:not(.ant-menu-item-selected) { a { color: @sideMenuItemTextA; } } } .ant-menu-sub { background-color: @setUpContentBg; width: 99.5% !important; } } } } }} .ivsParameterSet { height: calc(100% - 66px); .ivsMainRow { height: 100%; } .ivsMainRight, .ivsMainRow > .ant-space, .ivsMainRow > .ant-space > .ant-space-item{ height: 100%; overflow-y: hidden; } .ivsMainRight { display: flex; flex-direction: column; overflow-y: hidden; } .fieldsetCtn { display: flex; flex-direction: column; overflow-y: auto; } fieldset { overflow-y: hidden; } fieldset, .EventHandler { flex: 1; } .fieldsetCtn { height: 95%; } .EventHandler { } legend { width: auto; font-size: @font-size-base; } .AiRulePluginCtn { margin-right: 15 / @px-unit; &>.ant-space-item { overflow-x: hidden; } } .ant-divider-horizontal { margin: 12 / @px-unit 0; } .event-handler { width: 100%; height: 100%; }}.ivsParameterSet {@media screen and (max-height: 600 / @px-unit){ .ivsMainRight, .ivsMainRow > .ant-space, .ivsMainRow > .ant-space > .ant-space-item{ overflow-y: auto; overflow-x: hidden; } .ivsMainRight, .fieldsetCtn { display: block; overflow-y: auto; } fieldset { overflow-y: auto; } .EventHandler { overflow-y: hidden; }}@media screen and (-webkit-min-device-pixel-ratio: 1.25), (-ms-high-contrast: active), (-ms-high-contrast: none) { .ivsMainRight, .ivsMainRow > .ant-space, .ivsMainRow > .ant-space > .ant-space-item{ overflow-y: auto; overflow-x: hidden; } .ivsMainRight, .fieldsetCtn { display: block; overflow-y: auto; } fieldset { overflow-y: auto; } .EventHandler { overflow-y: hidden; }}} .FireWall-tab{ .ant-table-header-column{ font-weight: bold; } .icons-list { display: flex; align-items: center; justify-content: center; } .padding15{ padding: 14/@px-unit; padding-top: 0; } .paddingLeft15{ padding-left:15/@px-unit; } .divider{ padding:0 15/@px-unit; } .marginRight10{ margin-right:10/@px-unit; } a { color:@text-color; &:hover{ color:@primary-color; } } padding: 14/@px-unit 14/@px-unit 14/@px-unit 29/@px-unit; .ant-popover-buttons .ant-btn:first-child{ float: right; } .ant-modal-confirm-btns .ant-btn:first-child{ float: right; margin-left: 10/@px-unit; } .Firewall-radio-label{ width:80/@px-unit; } } .Firewall-modal{ .LabelIP-label-Col{ text-align: left; } .LabelIP-container{ margin: 0; } .ant-input.LabelIPinput { width:53/@px-unit; } .ant-row{ margin-bottom: 6/@px-unit; } .mac-box .mac-input { width: 34.5/@px-unit; min-width: 34.5/@px-unit; padding: 0; } .macInput-label { padding: 0; text-align: left; } .ant-input-number{ width:100%; } } ._publicAccountLock_{ .label-title-Text{ line-height: 32/@px-unit; font-weight: bold; } .padding15{ padding: 15/@px-unit; } .marginRight10{ margin-right:10/@px-unit; } .divider{ padding:0 15/@px-unit; } padding: 14/@px-unit 14/@px-unit 14/@px-unit 29/@px-unit; > .ant-row { > .ant-col { padding-bottom: 14/@px-unit; } } .ant-input-number{ width:100%; } } ._DOSAttack_{ padding: 16/@px-unit; } ._Whitelist_ { .icons-list { display: flex; align-items: center; justify-content: center; } } .Cert-form { .ant-form-item-label > label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before, .ant-form-item-label > label::after { display: none; } .ant-form-item { margin-bottom: 10/@px-unit !important; } } .Cert{ word-break: break-all; padding: 16/@px-unit; .ant-table-tbody .ant-table-row{ border-left: 1/@px-unit solid #e8e8e8; border-right: 1/@px-unit solid #e8e8e8; } .ant-table-placeholder{ border-left: 1/@px-unit solid #e8e8e8; border-right: 1/@px-unit solid #e8e8e8; } .ant-table-header-column{ font-weight: bold; } .ant-form-explain{ margin-left:0/@px-unit; } .cert-popover-wrapper { .ant-popover-inner-content { padding: 12/@px-unit 16/@px-unit; } } .ant-modal-body{ .Cert-form{ .ant-form-item{ position: relative; .ant-form-item-label{ text-align: left; margin-left: 6%; } .ant-form-item-control-wrapper{ width: 50%; } } } } .icon-wrap { display: inline-flex; background-color: #fff; border-radius: 50%; } .grey-select { svg path:first-of-type { fill: @iconDisabledColor; } } } .cert-install-modal { .install-cert-tips { color: @warnColorNo18; } } .Cert_btn_disabled { svg path { fill: @iconDisabledColor; } cursor: not-allowed; } .safeopr-configBar { position: fixed; right: 0; bottom: 0; left: 12.5%; margin: auto; padding: 14/@px-unit 20/@px-unit; .left { float: left; & > * { margin-left: 10/@px-unit; margin-right: 10/@px-unit; } } .right { display: flex; float: right; & > * { margin-left: 10/@px-unit; margin-right: 10/@px-unit; } } } .ant-table.ant-table-bordered .ant-table-title { padding: 5/@px-unit 15/@px-unit; } .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-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; } .ant-form { color: inherit !important; } .safeopr-alert-wrapper { padding-top: 8/@px-unit; padding-bottom: 8/@px-unit; } .label-flex-container { display: flex; align-items: center; height: 48/@px-unit; padding: 8/@px-unit 0; } .sdd-form-container { white-space: nowrap; .sdd-form-list-wrapper { display: inline-block; vertical-align: top; margin-right: 40px; margin-left: 40px; &:first-of-type { margin-left: 0px; } &:last-of-type { margin-right: 0px; } } } .operator-icon { font-size: 30/@px-unit; } .ant-modal-footer .ant-btn + .ant-btn:not(.ant-dropdown-trigger) { margin-left: 12/@px-unit; } .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; } @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;